.video-with-text-warpper{height:100vh;overflow:hidden;position:relative;isolation:isolate}.video-with-text-header{padding-top:40px;opacity:1;transition:all .6s ease}.video-with-text-header.scrolled-out{pointer-events:none;visibility:hidden;opacity:0}.video-with-text-media{display:flex;align-items:center;justify-content:center}.video-with-text-media-inner{width:100%;will-change:transform}.video-with-text-media-inner.media-width-small{--overlay-media-size: .5}.video-with-text-media-inner.media-width-medium{--overlay-media-size: .6}.video-with-text-media-inner.media-width-large{--overlay-media-size: .7}.video-with-text-mediabox{transition:border-radius .3s ease,border .6s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:var(--card-radius)}.video-with-text-media.tilt .video-with-text-marquee .video-with-text-marquee-list{rotate:-4deg}.video-with-text-content{position:absolute;left:50%;transform:translate(-50%);top:calc(100% - calc(var(--iconbox-size) / 2))}.video-with-text-iconbox{width:var(--iconbox-size);height:var(--iconbox-size);border-radius:100%;scale:0;transition:scale .4s ease}.scroll-content-active .video-with-text-iconbox{scale:1}@media (max-width:767px){.video-with-text-warpper{height:100%;padding:0 0 60px}.video-with-text-media{flex-direction:column-reverse;row-gap:30px;margin-top:30px}.video-with-text-media.tilt .video-with-text-media-inner{transform:rotate(0)}.video-with-text-media-inner{padding:0 15px}.deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 60px}.video-with-text-content{--svg-wrapper-size: 14px;--iconbox-size: 50px}.video-with-text-iconbox{scale:1}}@media (min-width:768px){.video-with-text-header{padding-top:80px}.video-with-text-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.video-with-text-marquee{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.video-with-text-content{left:calc(100% - calc(var(--iconbox-size) / 2));transform:none}.video-with-text-mediabox .deferred-media-poster-button{pointer-events:none}.video-with-text-media:has(.overlay-media-scrolled) .video-with-text-mediabox .deferred-media-poster-button{pointer-events:auto}.video-with-text-mediabox .deferred-media-poster-button .svg-wrapper{transition:transform .4s ease;transform:scale(0)}.video-with-text-media:has(.overlay-media-scrolled) .video-with-text-mediabox .deferred-media-poster-button .svg-wrapper{transform:scale(1)}.media-width-small .deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 60px}.media-width-medium .deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 80px}.media-width-large .deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 100px}.media-width-small .video-with-text-content{--svg-wrapper-size: 18px;--iconbox-size: 60px}.media-width-medium .video-with-text-content{--svg-wrapper-size: 22px;--iconbox-size: 80px}.media-width-large .video-with-text-content{--svg-wrapper-size: 24px;--iconbox-size: 100px}}@media (min-width:1025px){.media-width-small .deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 80px}.media-width-medium .deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 100px}.media-width-large .deferred-media-poster-button .svg-wrapper{--svg-wrapper-size: 120px}.media-width-small .video-with-text-content{--svg-wrapper-size: 22px;--iconbox-size: 80px}.media-width-medium .video-with-text-content{--svg-wrapper-size: 24px;--iconbox-size: 100px}.media-width-large .video-with-text-content{--svg-wrapper-size: 30px;--iconbox-size: 120px}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/video-with-text-overlay.css.map */