.media-with-text__wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:3rem}.media-with-text__wrapper .content__wrapper,.media-with-text__wrapper .media__wrapper{flex:0 0 100%;width:100%}.media-with-text__wrapper .content__wrapper .media-with-text__heading br{display:none}.media-with-text__wrapper .content__wrapper{display:flex;flex-direction:column;justify-content:flex-start;gap:1.6rem}.media-with-text-video-wrapper{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;min-height:40rem}.media-with-text-video-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,#0000004d 0% 100%);z-index:1}.media-with-text-video-wrapper.is-playing:before{content:none}.media-with-text-video-overlay{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.is-playing .media-with-text-video-overlay{display:none}.media-with-text-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;border:0}video.media-with-text-video{object-fit:contain}.media-with-text__content__ctas{display:none;flex-direction:column;gap:1.6rem}.media-with-text__content__ctas .button--secondary{border:1px solid #A7A6A8}.media-with-text__wrapper .media__wrapper .media-with-text-img{width:100%;height:auto;max-height:40rem;object-position:center;object-fit:cover}.media-h--xl .media-with-text__wrapper .media__wrapper .media-with-text-img{min-height:40rem}.media-with-text__wrapper .media__wrapper .media-with-text__content__ctas{display:flex;margin-top:3rem}.media-with-text__wrapper em[aria-label="DIY Vent System"]>span:first-child>div{text-transform:uppercase}@media screen and (min-width:768px){.media-with-text__content__ctas{flex-direction:row}.media-with-text__wrapper .content__wrapper{gap:2.4rem}}@media screen and (min-width:1024px){.media-with-text__wrapper .content__wrapper .media-with-text__heading br{display:block}.media-h--xl .media-with-text__wrapper .media__wrapper .media-with-text-img{max-height:40rem}.media-h--xl .media-with-text__heading h2{font-size:4rem}}@media screen and (min-width:1280px){.media-with-text__wrapper{flex-direction:row;gap:0}.media-with-text__wrapper.media-first{flex-direction:row-reverse}.media-with-text__wrapper .content__wrapper,.media-with-text__wrapper .media__wrapper{flex:0 0 calc(50% - var(--col-gap));width:calc(50% - var(--col-gap))}.spacer{display:flex!important;flex-grow:1}.media-with-text__content__ctas{display:flex}.media-with-text__wrapper .media__wrapper .media-with-text__content__ctas{display:none}.media-h--xl .media-with-text__wrapper .media__wrapper .media-with-text-img{min-height:56rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-media-with-text.css.map */
