.section-interactive-banner{position:relative;overflow:hidden;display:flex;min-height:calc(var(--interactive-banner-mobile-height) - var(--header-top-position))}.section-interactive-banner .container{position:relative;display:flex}.section-interactive-banner .section-interactive-banner__media-element.active svg.placeholder-svg{opacity:1}.section-interactive-banner.content-top .section-interactive-banner__media:after{transform:scaleY(-1)}.section-interactive-banner__content{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));background-color:transparent;z-index:11}.section-interactive-banner__content-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:transparent;gap:4.8rem}.section-interactive-banner__element{color:rgba(var(--color-foreground),.5);font-size:var(--font-size-static-h2);font-weight:700;line-height:5.79rem;letter-spacing:-.122rem;text-transform:uppercase;display:inline-block;overflow:hidden;max-height:var(--interactive-banner-element-height, 12rem);text-align:center;-webkit-text-stroke-width:.1rem;-webkit-text-stroke-color:rgba(var(--color-foreground),.2);cursor:pointer}.section-interactive-banner__element.active{color:var(--color-foreground)}.section-interactive-banner__element:hover .word,.section-interactive-banner__element.play .word{transform:translateY(-100%);color:rgba(var(--color-foreground),1)}.section-interactive-banner__element:not(:hover) .word{transition:color 0ms ease-in-out,transform .45s cubic-bezier(.69,0,.34,1)}.section-interactive-banner__element .word{display:inline-block;transition:transform .45s cubic-bezier(.69,0,.34,1),color 0ms ease-in-out .45s}.section-interactive-banner__media-element{opacity:0;z-index:0}.section-interactive-banner__media-element.active{width:100%;opacity:1;z-index:1}.section-interactive-banner__media{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:100%;background-color:transparent}.section-interactive-banner__media.blurred{filter:blur(60px);transform:scale(.95)}.section-interactive-banner__media.zoom-in{transform:scale(1);filter:none;transition:transform .3s ease-in-out,filter .3s ease-in-out}.section-interactive-banner__media.zoom-out{transform:scale(.95);transition:transform .15s ease-in,filter .15s ease-in;filter:blur(60px)}.section-interactive-banner__media.zoom-out-zero{transform:scale(.95);transition:transform 0 ease-in,filter 0 ease-in;filter:blur(60px)}.section-interactive-banner__media iframe,.section-interactive-banner__media video{pointer-events:none;border:none;position:absolute;top:50%;left:50%;width:270%;max-width:none;height:100%;transform:translate(-50%,-50%)}.section-interactive-banner__media svg.placeholder-svg{opacity:0}.section-interactive-banner__media svg.placeholder-svg{background-color:rgb(var(--color-background))}@media screen and (min-width: 750px){.section-interactive-banner{min-height:calc(var(--interactive-banner-height) - var(--header-top-position));display:flex;column-gap:0}.section-interactive-banner__media+.section-interactive-banner__content{margin-top:0}.section-interactive-banner__media{position:absolute;z-index:1}.section-interactive-banner__media iframe,.section-interactive-banner__media video{width:100%;height:108%}}@media screen and (max-width: 990px){.section-interactive-banner__content-wrapper{gap:2.4rem}.section-interactive-banner__element{font-size:var(--font-size-static-h4);flex:1;letter-spacing:-.072rem}.section-interactive-banner .container{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-interactive-banner.css.map */