.section-interactive-banner__content-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}.section-interactive-banner__element{display:block;text-align:center;margin-bottom:5px}.interactive-banner-btn-wrapper{margin-top:0;display:flex;justify-content:center;width:100%}.interactive-banner-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:8px;color:inherit;cursor:pointer}.interactive-btn-circle{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.interactive-btn-arrow{color:#000;font-size:20px;line-height:1}.interactive-btn-text{font-size:24px;font-weight:400;line-height:1}@media (max-width: 768px){.interactive-btn-text{font-size:18px}}.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 */