.ts-banner-animation--overlay{margin-top:calc(var(--header-height) * -1)}.ts-banner-animation__content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;height:100dvh;max-height:900px;position:relative;padding:var(--header-height) 20px 20px}.ts-banner-animation__side{display:flex;height:calc(100dvh - var(--header-height) - 20px);max-height:calc(900px - var(--header-height) - 20px);align-items:end;overflow:hidden;position:relative}.ts-banner-animation__side:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:height .75s;background-color:var(--secondary-background);z-index:1}.ts-banner-animation__side.show:after{height:0}.ts-banner-animation__side img,.ts-banner-animation__side svg{width:100%;height:100%;object-fit:cover;transform:scale(1.25);transition:transform 1s}.ts-banner-animation__side.show img,.ts-banner-animation__side.show svg{transform:scale(1)}.ts-banner-animation__main{width:100%;height:100%;display:flex}.ts-banner-animation__media{display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;transition:width 1s ease,height 1s ease,top 1s ease;overflow:hidden;z-index:2}.ts-banner-animation.animated .ts-banner-animation__media{width:calc(33.33% - 24px);height:calc(100% - var(--header-height) - 20px);top:var(--header-height)}.ts-banner-animation__media img,.ts-banner-animation__media svg,.ts-banner-animation__media video{width:100%;height:100%;object-fit:cover}.ts-banner-animation__media--tablet,.ts-banner-animation__media--mobile{display:none}.ts-banner-animation__link{position:absolute;bottom:40px;left:50%;transform:translate(-50%,calc(100% + 40px));font-family:var(--main-font);font-weight:400;font-size:13px;line-height:1.1;text-align:center;text-decoration:underline;text-underline-offset:3px;color:#fff;z-index:1;transition:transform 1s}.ts-banner-animation.animated .ts-banner-animation__link{transform:translate(-50%)}.ts-banner-animation__signature{width:100%;display:none;pointer-events:none;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);z-index:1;padding:48px 24px}.ts-banner-animation__signature img{width:100%;height:auto}.ts-banner-animation__signature-wrapper,.ts-banner-animation__signature--mobile,.ts-banner-animation__bottom-media--mobile{display:none}.ts-banner-animation__signature-wrapper{padding:48px 24px;clip-path:inset(0 0 0 0);position:relative}.ts-banner-animation__signature-wrapper>img{width:100%;height:auto;opacity:0}.ts-banner-animation.animated .ts-banner-animation__signature-wrapper .ts-banner-animation__signature{position:absolute;top:50%}.ts-banner-animation__bottom{display:none;padding:0 24px}.ts-banner-animation__bottom-media{display:flex;position:relative}.ts-banner-animation__bottom-media img{width:100%;height:fit-content}@media screen and (max-width: 989px){.ts-banner-animation__wrapper{padding:0}.ts-banner-animation__content{grid-template-columns:1fr;height:calc(100vh - var(--header-height));max-height:1000px;padding:0}.ts-banner-animation--overlay .ts-banner-animation__content,.ts-banner-animation--overlay .ts-banner-animation__main,.ts-banner-animation--overlay .ts-banner-animation__media{height:100vh}.ts-banner-animation__side{display:none}.ts-banner-animation__main{width:100%;height:calc(100vh - var(--header-height));max-height:1000px;display:flex;clip-path:inset(0 0 0 0)}.ts-banner-animation__media{position:unset;transform:unset;height:calc(100vh - var(--header-height));max-height:1000px}.ts-banner-animation.animated .ts-banner-animation__media{width:100%;height:100%}.ts-banner-animation__media--desktop,.ts-banner-animation__main .ts-banner-animation__link{display:none}.ts-banner-animation__media--tablet,.ts-banner-animation__bottom{display:block}.ts-banner-animation__link{transform:translate(-50%)}.ts-banner-animation__signature,.ts-banner-animation__signature-wrapper{display:flex}}@media screen and (max-width: 549px){.ts-banner-animation__media--tablet,.ts-banner-animation__signature--tablet,.ts-banner-animation__bottom-media--tablet{display:none}.ts-banner-animation__media--mobile,.ts-banner-animation__signature--mobile,.ts-banner-animation__bottom-media--mobile{display:block}.ts-banner-animation__signature-wrapper,.ts-banner-animation__signature{padding:40px 16px}.ts-banner-animation__bottom{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ts-banner-animation.css.map */