.banner.banner--effect-ambient .banner__media>:is(img,picture,svg,internal-video){animation:banner-ambient 30s linear infinite}.banner.banner--effect-slow_zoom .banner__media>:is(img,picture,svg,internal-video){animation:banner-slow-zoom 20s ease-in-out infinite alternate}.banner.banner--effect-zoom_out .banner__media>:is(img,picture,svg,internal-video){animation:banner-zoom-out 2s cubic-bezier(.2,.7,.2,1) both}@supports (animation-timeline: view()){.banner.banner--effect-parallax .banner__media,.banner.banner--effect-zoom_scroll .banner__media{view-timeline-name:--banner-media}.banner.banner--effect-parallax .banner__media>:is(img,picture,svg,internal-video){animation:banner-parallax linear both;animation-timeline:--banner-media;animation-range:cover}.banner.banner--effect-zoom_scroll .banner__media>:is(img,picture,svg,internal-video){animation:banner-zoom-scroll linear both;animation-timeline:--banner-media;animation-range:exit}}.banner.banner--effect-fixed .banner__media{clip-path:inset(0)}.banner.banner--effect-fixed .banner__media>:is(img,picture,svg,internal-video){position:fixed;top:0;left:0;width:100%;height:100vh}@keyframes banner-ambient{0%{transform:rotate(0) translate(1em) rotate(0) scale(1.2)}to{transform:rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)}}@keyframes banner-slow-zoom{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes banner-zoom-out{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes banner-parallax{0%{transform:translateY(-8%) scale(1.18)}to{transform:translateY(8%) scale(1.18)}}@keyframes banner-zoom-scroll{0%{transform:scale(1)}to{transform:scale(1.25)}}@media screen and (min-width:750px){.banner--box-glass:not(.banner--desktop-transparent) .banner__box{background:transparent}.banner--box-glass:not(.banner--desktop-transparent) .banner__box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:rgba(var(--color-background),.55);-webkit-backdrop-filter:blur(1.6rem) saturate(1.4);backdrop-filter:blur(1.6rem) saturate(1.4);pointer-events:none}}.banner__scroll{position:absolute;bottom:2rem;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0 0 0 -2.2rem;padding:0;border:0;background:none;color:#fff;filter:drop-shadow(0 .1rem .3rem rgba(0,0,0,.35))}button.banner__scroll{cursor:pointer}.banner__scroll--dark{color:#000;filter:drop-shadow(0 .1rem .3rem rgba(255,255,255,.45))}.banner__scroll-arrow{width:2.8rem;height:2.8rem;animation:banner-scroll-bounce 2s ease-in-out infinite}.banner__scroll-mouse{position:relative;display:block;width:2.4rem;height:3.8rem;border:.2rem solid currentColor;border-radius:1.2rem}.banner__scroll-mouse:after{content:"";position:absolute;top:.6rem;left:50%;width:.4rem;height:.8rem;margin-left:-.2rem;border-radius:.2rem;background:currentColor;animation:banner-scroll-wheel 1.8s ease-in-out infinite}@keyframes banner-scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(.6rem)}}@keyframes banner-scroll-wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(1.2rem)}}@media screen and (max-width:749px){.banner--mobile-content-top:not(.banner--mobile-bottom) .banner__content{align-items:flex-start}.banner--mobile-content-bottom:not(.banner--mobile-bottom) .banner__content{align-items:flex-end}.banner--mobile-bottom .banner__scroll{display:none}.banner--scroll-indicator:not(.banner--mobile-bottom) .banner__content{padding-bottom:3rem}}@media(prefers-reduced-motion:reduce){.banner[class*=banner--effect-] .banner__media>:is(img,picture,svg,internal-video),.banner__scroll-arrow,.banner__scroll-mouse:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-banner.css.map?v=41387154382149196281794267564 */