:root{--o4u-banner-aspect: 12 / 5;--o4u-home-banner-width: 1180px;--o4u-collection-banner-width: 1120px}html body .hero-slider{width:min(calc(100% - 2rem),var(--o4u-home-banner-width))!important;margin:clamp(.65rem,1.5vw,1.2rem) auto!important;overflow:hidden!important;border-radius:clamp(18px,2.2vw,30px)!important;box-shadow:0 16px 42px #4931571c}html body .hero-slider .hero-slider__viewport,html body .hero-slider.o4u-video-autofit-active .hero-slider__viewport{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--o4u-banner-aspect)!important}html body .hero-slider .hero-slide,html body .hero-slider.o4u-video-autofit-active .hero-slide{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important}html body .hero-slider .hero-slide.is-active{position:relative!important;inset:auto!important}html body .hero-slider .hero-slide:before{background-image:linear-gradient(90deg,#ffffffdb,#ffffff57 44%,#ffffff0a 75%),var(--hero-background, none)!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important;background-size:100% 100%,contain!important}html body .hero-slider .hero-slide--has-video:before{background-image:linear-gradient(90deg,#ffffffdb,#ffffff57 44%,#ffffff0a 75%)!important;background-size:100% 100%!important}html body .hero-slider .hero-slide__media,html body .hero-slider .hero-slide--has-video .hero-slide__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}html body .hero-slider .hero-slide__media video,html body .hero-slider .hero-slide__video-player{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important}html body .hero-slider .hero-slide__inner,html body .hero-slider .hero-slide__inner--text-only{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;padding:clamp(.8rem,2vw,1.4rem) clamp(1rem,3vw,2.25rem)!important}html body .hero-slider .hero-slide__copy,html body .hero-slider .hero-slide--ippeuda .hero-slide__copy,html body .hero-slider .hero-slide--luna .hero-slide__copy{width:min(40%,430px)!important;max-width:430px!important;margin:0!important;padding:clamp(.75rem,1.5vw,1.15rem)!important;border:1px solid rgba(255,255,255,.78);border-radius:clamp(14px,1.7vw,22px)!important;text-align:left!important;background:#fffdfede;box-shadow:0 10px 28px #3f2b4b1c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}html body .hero-slider .hero-slide__copy .eyebrow{margin-bottom:.3rem!important;font-size:clamp(.58rem,.75vw,.72rem)!important}html body .hero-slider .hero-slide__copy h2{max-width:14ch!important;margin:0 0 .42rem!important;font-size:clamp(1.55rem,2.75vw,2.85rem)!important;line-height:1.02!important}html body .hero-slider .hero-slide__text{margin:0 0 .62rem!important;font-size:clamp(.72rem,.9vw,.88rem)!important;line-height:1.42!important}html body .hero-slider .hero-slide__copy .button{width:auto!important;min-width:0!important;min-height:38px!important;padding:.52rem .8rem!important;font-size:clamp(.66rem,.8vw,.78rem)!important}html body .hero-slider .hero-slider__controls{bottom:.55rem!important}html body #MainContent .collection-media-banner{padding-block:clamp(.45rem,1vw,.8rem)!important}html body #MainContent [id^=shopify-section-] .collection-media-banner .collection-media-banner__inner.page-width,html body #MainContent .collection-media-banner.o4u-video-autofit .collection-media-banner__inner,html body #MainContent .collection-media-banner--video-only .collection-media-banner__inner--video-only{position:relative!important;display:grid!important;width:min(calc(100% - 2rem),var(--o4u-collection-banner-width))!important;max-width:var(--o4u-collection-banner-width)!important;height:auto!important;min-height:0!important;max-height:none!important;margin-inline:auto!important;overflow:hidden!important;aspect-ratio:var(--o4u-banner-aspect)!important;border-radius:clamp(18px,2vw,28px)!important;box-shadow:0 14px 38px #4931571a!important}html body #MainContent [id^=shopify-section-] .collection-media-banner .collection-media-banner__media,html body #MainContent .collection-media-banner.o4u-video-autofit .collection-media-banner__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important}html body #MainContent .collection-media-banner__media picture{position:static!important;display:block!important;width:100%!important;height:100%!important}html body #MainContent .collection-media-banner__media img,html body #MainContent .collection-media-banner__media video,html body #MainContent .collection-media-banner.o4u-video-autofit .collection-media-banner__media video{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important}html body #MainContent [id^=shopify-section-] .collection-media-banner:not(.collection-media-banner--video-only) .collection-media-banner__copy,html body #MainContent .collection-media-banner:not(.collection-media-banner--video-only) .collection-media-banner__copy--center,html body #MainContent .collection-media-banner:not(.collection-media-banner--video-only) .collection-media-banner__copy--right{position:relative!important;z-index:2!important;top:auto!important;bottom:auto!important;left:auto!important;width:min(42%,420px)!important;max-width:420px!important;align-self:center!important;justify-self:start!important;margin:clamp(.7rem,1.5vw,1.15rem)!important;padding:clamp(.72rem,1.4vw,1.05rem)!important;transform:none!important;border-radius:clamp(14px,1.6vw,21px)!important}html body #MainContent .collection-media-banner__copy .eyebrow{margin-bottom:.28rem!important;font-size:clamp(.56rem,.72vw,.7rem)!important}html body #MainContent .collection-media-banner__copy h2{max-width:15ch!important;margin:0 0 .38rem!important;font-size:clamp(1.45rem,2.6vw,2.65rem)!important;line-height:1.03!important}html body #MainContent .collection-media-banner__text{margin-bottom:.58rem!important;font-size:clamp(.7rem,.86vw,.84rem)!important;line-height:1.42!important}html body #MainContent .collection-media-banner__copy .button{width:auto!important;min-height:38px!important;padding:.48rem .75rem!important;font-size:clamp(.64rem,.78vw,.76rem)!important}html body #MainContent .collection-media-banner--video-only .collection-media-banner__inner:after,html body #MainContent .collection-media-banner--media-only .collection-media-banner__inner:after{display:none!important}html body #MainContent .adaptive-collection-banner{width:min(calc(100% - 2rem),var(--o4u-collection-banner-width))!important;max-width:var(--o4u-collection-banner-width)!important;margin:clamp(.55rem,1vw,.9rem) auto!important}html body #MainContent .adaptive-collection-banner__frame{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--o4u-banner-aspect)!important;border-radius:clamp(18px,2vw,28px)!important}html body #MainContent .adaptive-collection-banner__media,html body #MainContent .adaptive-collection-banner__media picture,html body #MainContent .adaptive-collection-banner__image,html body #MainContent .adaptive-collection-banner__video{width:100%!important;height:100%!important;min-height:0!important}html body #MainContent .adaptive-collection-banner__media picture{display:block!important}html body #MainContent .adaptive-collection-banner__image,html body #MainContent .adaptive-collection-banner__video{object-fit:contain!important;object-position:center!important}html body #MainContent .adaptive-collection-banner__copy{width:min(42%,420px)!important;margin:clamp(.7rem,1.5vw,1.15rem)!important;padding:clamp(.72rem,1.4vw,1.05rem)!important}html body #MainContent .adaptive-collection-banner__copy h2{font-size:clamp(1.4rem,2.6vw,2.6rem)!important}html body #MainContent .adaptive-collection-banner__text{margin-top:.45rem!important;font-size:clamp(.7rem,.86vw,.84rem)!important}html body #MainContent .adaptive-collection-banner__button{min-height:38px!important;margin-top:.6rem!important;padding:.48rem .75rem!important;font-size:clamp(.64rem,.78vw,.76rem)!important}html body #MainContent .coming-soon__outer{width:min(calc(100% - 2rem),var(--o4u-collection-banner-width))!important;max-width:var(--o4u-collection-banner-width)!important;margin-inline:auto!important;padding-inline:0!important}html body #MainContent .coming-soon__banner.has-media{position:relative!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--o4u-banner-aspect)!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__media,html body #MainContent .coming-soon__banner.has-media .coming-soon__content-wrap{grid-area:1 / 1!important;grid-column:1!important;width:100%!important;height:100%!important;min-height:0!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__image,html body #MainContent .coming-soon__banner.has-media .coming-soon__video,html body #MainContent .coming-soon__banner.has-media .coming-soon__video video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__content-wrap{z-index:2!important;padding:clamp(.8rem,2vw,1.5rem)!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__content{width:min(42%,430px)!important;padding:clamp(.75rem,1.4vw,1.1rem)!important;border:1px solid rgba(255,255,255,.78);border-radius:clamp(14px,1.6vw,21px);background:#fffdfee0;box-shadow:0 10px 28px #3f2b4b1c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}html body #MainContent .coming-soon__heading{font-size:clamp(1.45rem,2.6vw,2.7rem)!important}html body #MainContent .coming-soon__body{margin-top:.5rem!important;font-size:clamp(.7rem,.86vw,.86rem)!important;line-height:1.45!important}html body #MainContent .coming-soon__release-note{margin-top:.55rem!important;font-size:.7rem!important}html body #MainContent .coming-soon__button{min-height:38px!important;margin-top:.65rem!important;padding:.48rem .75rem!important;font-size:.74rem!important}@media(max-width:680px){html body .hero-slider{width:calc(100% - 1rem)!important;margin-block:.5rem .75rem!important;border-radius:18px!important}html body .hero-slider .hero-slider__viewport,html body .hero-slider.o4u-video-autofit-active .hero-slider__viewport{height:auto!important;min-height:0!important;aspect-ratio:auto!important}html body .hero-slider .hero-slide.is-active,html body .hero-slider.o4u-video-autofit-active .hero-slide.is-active{position:relative!important;display:flex!important;height:auto!important;min-height:0!important;flex-direction:column!important}html body .hero-slider .hero-slide.is-active:before{position:relative!important;z-index:0!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;flex:0 0 auto!important;order:1!important;aspect-ratio:var(--o4u-banner-aspect)!important;background-image:var(--hero-background, none)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}html body .hero-slider .hero-slide--has-video.is-active:before{display:none!important}html body .hero-slider .hero-slide.is-active .hero-slide__media,html body .hero-slider .hero-slide--has-video.is-active .hero-slide__media{position:relative!important;z-index:0!important;inset:auto!important;width:100%!important;height:auto!important;flex:0 0 auto!important;order:1!important;aspect-ratio:var(--o4u-banner-aspect)!important}html body .hero-slider .hero-slide__inner,html body .hero-slider .hero-slide__inner--text-only{position:relative!important;z-index:2!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;order:2!important;padding:0!important}html body .hero-slider .hero-slide__copy,html body .hero-slider .hero-slide--ippeuda .hero-slide__copy,html body .hero-slider .hero-slide--luna .hero-slide__copy{width:100%!important;max-width:none!important;margin:0!important;padding:.82rem 1rem 3.15rem!important;border:0!important;border-radius:0!important;text-align:left!important;background:linear-gradient(120deg,#fffafd,#f8edf8)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body .hero-slider .hero-slide--ippeuda .hero-slide__copy{background:linear-gradient(120deg,#fffafd,#faeaf3)!important}html body .hero-slider .hero-slide--luna .hero-slide__copy{background:linear-gradient(120deg,#fffdf8,#edf4e9)!important}html body .hero-slider .hero-slide__copy .eyebrow{margin-bottom:.26rem!important;font-size:.62rem!important}html body .hero-slider .hero-slide__copy h2{max-width:20ch!important;margin-bottom:.36rem!important;font-size:clamp(1.35rem,6.2vw,1.8rem)!important;line-height:1.06!important}html body .hero-slider .hero-slide__text,html body .hero-slider .hero-slide__inner--text-only .hero-slide__text{max-width:46ch!important;margin:0 0 .55rem!important;font-size:clamp(.72rem,3vw,.82rem)!important;line-height:1.42!important}html body .hero-slider .hero-slide__copy .button{min-height:38px!important;padding:.5rem .72rem!important;font-size:.7rem!important}html body .hero-slider .hero-slider__controls{bottom:.48rem!important}html body .hero-slider .hero-slider__controls button{min-width:34px!important;min-height:34px!important}html body #MainContent [id^=shopify-section-] .collection-media-banner:not(.collection-media-banner--video-only):not(.collection-media-banner--media-only) .collection-media-banner__inner.page-width{display:flex!important;width:calc(100% - 1rem)!important;max-width:none!important;height:auto!important;min-height:0!important;flex-direction:column!important;aspect-ratio:auto!important;border-radius:18px!important}html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--video-only .collection-media-banner__inner.collection-media-banner__inner--video-only.page-width,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--media-only .collection-media-banner__inner.page-width{position:relative!important;display:block!important;width:calc(100% - 1rem)!important;max-width:none!important;height:auto!important;min-height:0!important;overflow:hidden!important;aspect-ratio:var(--o4u-banner-aspect)!important;border-radius:18px!important}html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--video-only .collection-media-banner__inner.collection-media-banner__inner--video-only.page-width .collection-media-banner__media,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--media-only .collection-media-banner__inner.page-width .collection-media-banner__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;min-height:0!important}html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--video-only .collection-media-banner__media picture,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--media-only .collection-media-banner__media picture,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--video-only .collection-media-banner__media img,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--media-only .collection-media-banner__media img,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--video-only .collection-media-banner__media video,html body #MainContent [id^=shopify-section-] .collection-media-banner.collection-media-banner--media-only .collection-media-banner__media video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}html body #MainContent [id^=shopify-section-] .collection-media-banner:not(.collection-media-banner--video-only):not(.collection-media-banner--media-only) .collection-media-banner__media{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;flex:0 0 auto!important;aspect-ratio:var(--o4u-banner-aspect)!important}html body #MainContent .collection-media-banner:not(.collection-media-banner--video-only) .collection-media-banner__inner:after{display:none!important}html body #MainContent [id^=shopify-section-] .collection-media-banner:not(.collection-media-banner--video-only):not(.collection-media-banner--media-only) .collection-media-banner__copy,html body #MainContent .collection-media-banner:not(.collection-media-banner--video-only):not(.collection-media-banner--media-only) .collection-media-banner__copy--center,html body #MainContent .collection-media-banner:not(.collection-media-banner--video-only):not(.collection-media-banner--media-only) .collection-media-banner__copy--right{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:.82rem 1rem 1rem!important;transform:none!important;border:0!important;border-radius:0!important;text-align:left!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body #MainContent .collection-media-banner__copy h2{max-width:20ch!important;margin-bottom:.36rem!important;font-size:clamp(1.3rem,6vw,1.72rem)!important}html body #MainContent .collection-media-banner__text{display:block!important;margin-bottom:.58rem!important;overflow:visible!important;font-size:clamp(.72rem,3vw,.82rem)!important;-webkit-line-clamp:unset!important}html body #MainContent .adaptive-collection-banner{width:calc(100% - 1rem)!important;max-width:none!important;margin-block:.5rem .75rem!important}html body #MainContent .adaptive-collection-banner__frame{display:flex!important;height:auto!important;min-height:0!important;flex-direction:column!important;aspect-ratio:auto!important;border-radius:18px!important}html body #MainContent .adaptive-collection-banner__media{width:100%!important;height:auto!important;flex:0 0 auto!important;aspect-ratio:var(--o4u-banner-aspect)!important}html body #MainContent .adaptive-collection-banner__copy{width:100%!important;max-width:none!important;margin:0!important;padding:.82rem 1rem 1rem!important;border:0!important;border-radius:0!important;text-align:left!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body #MainContent .adaptive-collection-banner__copy h2{font-size:clamp(1.3rem,6vw,1.72rem)!important}html body #MainContent .adaptive-collection-banner__controls{position:relative!important;right:auto!important;bottom:auto!important;width:max-content!important;margin:.5rem auto 0!important;transform:none!important}html body #MainContent .coming-soon__outer{width:calc(100% - 1rem)!important;max-width:none!important}html body #MainContent .coming-soon__banner.has-media{display:flex!important;height:auto!important;min-height:0!important;flex-direction:column!important;aspect-ratio:auto!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__media{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;order:1!important;aspect-ratio:var(--o4u-banner-aspect)!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__media-desktop{display:block!important;width:100%!important;height:100%!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__media-mobile{display:none!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__content-wrap{width:100%!important;height:auto!important;min-height:0!important;order:2!important;padding:0!important}html body #MainContent .coming-soon__banner.has-media .coming-soon__content{width:100%!important;max-width:none!important;padding:.9rem 1rem 1.1rem!important;border:0!important;border-radius:0!important;text-align:center!important;background:var(--coming-soon-background)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body #MainContent .coming-soon__heading{font-size:clamp(1.35rem,6vw,1.8rem)!important}}@media(prefers-reduced-motion:reduce){html body .hero-slider .hero-slider__viewport{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/o4u-compact-responsive-banners.css.map */