.enter-exit-banner.enter-exit-banner--single-animation{height:100vh;position:sticky;top:0}.enter-exit-banner.enter-exit-banner--single-animation .enter-exit-banner-image__wrapper{height:100%;padding-top:initial;clip-path:inset(12% 50px 12% 50px);will-change:clip-path}.enter-exit-banner.enter-exit-banner--single-animation .enter-exit-runway{height:0}.enter-exit-banner .enter-exit-banner-image__wrapper{width:100%;position:relative;padding-top:75%;overflow:hidden}@supports (animation-timeline: view()){.enter-exit-banner .enter-exit-banner-image__wrapper:first-of-type{clip-path:inset(80% 20% 0% 20%)}.enter-exit-banner .enter-exit-banner-image__wrapper:last-of-type{clip-path:inset(0% 20% 80% 20%)}}.animated>.enter-exit-banner .enter-exit-banner-image__wrapper{clip-path:inset(0% 0% 0% 0%)}.enter-exit-banner .enter-exit-banner-image__wrapper:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}.enter-exit-banner .enter-exit-banner-image__wrapper .enter-exit-banner-image,.enter-exit-banner .enter-exit-banner-image__wrapper .enter-exit-banner-color{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-pos, center)}.enter-exit-banner .enter-exit-banner-image__wrapper .enter-exit-banner-color{background:var(--banner-color)}@media(min-width:768px){.enter-exit-banner .enter-exit-banner-image__wrapper{padding-top:44%}}.enter-exit-banner__container{position:relative;background-color:var(--color-background);will-change:clip-path;clip-path:inset(90% 100px 0 100px);opacity:0;transition:opacity 1.5s cubic-bezier(0,.36,.36,1)}
/*# sourceMappingURL=/cdn/shop/t/3333/assets/enter-exit-banner-image.build.css.map */