.product-banner.animated .product-banner__heading.need-animate .product-banner__heading-line-wrapper,.product-banner.animated .product-banner__image-animation-container.need-animate{opacity:1;transform:translateY(0)}.product-banner.animated .product-banner__info-wrapper.need-animate{opacity:1}.product-banner.product-banner--full-width{padding-left:0;padding-right:0}.product-banner .product-banner__content-wrapper{position:relative;overflow:hidden;height:100vh}.product-banner .product-banner__decor-image{position:absolute;top:0;left:0;width:100%;z-index:1;height:50%;object-fit:cover}.product-banner .product-banner__container{position:absolute;top:0;left:0;height:100%;width:100%;justify-content:center;text-align:center;display:flex;flex-direction:column;z-index:1;padding:32px 20px;box-sizing:border-box}.product-banner .product-banner__info-wrapper+.product-banner__heading{margin-top:16px}.product-banner .product-banner__heading{position:relative;display:flex;flex-direction:column;margin-bottom:-16px;z-index:2}.product-banner .product-banner__heading.need-animate .product-banner__heading-line-wrapper{opacity:0;transform:translateY(-40px);transition-property:opacity,transform;transition-duration:var(--timing-long)}.product-banner .product-banner__heading.need-animate .product-banner__heading-line-wrapper:last-child{transition-delay:var(--animate-delay)}.product-banner .product-banner__heading-line-wrapper{position:relative;height:54px;overflow:hidden;width:100%;margin:auto}.product-banner .product-banner__heading-line{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-100%);opacity:0;transition:transform calc(var(--timing-base) * 2) cubic-bezier(.645,.045,.355,1),opacity calc(var(--timing-base) * 2) linear;will-change:transform,opacity;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-banner .product-banner__heading-line.is-active{transform:translateY(0) rotate(0);opacity:1;z-index:2}.product-banner .product-banner__heading-line.is-active~.product-banner__heading-line{transform:translateY(150%) rotate(10deg);opacity:0}.product-banner .product-banner__image-animation-container{position:relative;align-self:center;overflow:hidden;width:57%;aspect-ratio:379/480;z-index:3}.product-banner .product-banner__image-animation-container:before{content:none}.product-banner .product-banner__image-animation-container.need-animate{opacity:0;transform:translateY(-40px);transition-duration:var(--timing-long);transition-property:opacity,transform;transition-delay:calc(var(--animate-delay) * 2)}.product-banner .product-banner__image-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:var(--global-border-radius);overflow:hidden;clip-path:inset(0 0 100% 0);will-change:clip-path}.product-banner .product-banner__image-wrapper:not(.is-active){pointer-events:none}.product-banner .product-banner__image-wrapper.is-active{z-index:2;clip-path:inset(0 0 0 0)}.product-banner .product-banner__image-wrapper.slide-from-bottom{animation:revealFromBottom .8s cubic-bezier(.645,.045,.355,1) forwards;z-index:3}.product-banner .product-banner__image-wrapper.slide-from-top{animation:revealFromTop .8s cubic-bezier(.645,.045,.355,1) forwards;z-index:3}.product-banner .product-banner__image-wrapper.fade-out-on-scroll-down{animation:fadeOutToTop .8s cubic-bezier(.645,.045,.355,1) forwards;z-index:2}.product-banner .product-banner__image-wrapper.fade-out-on-scroll-up{animation:fadeOutToBottom .8s cubic-bezier(.645,.045,.355,1) forwards;z-index:2}@keyframes revealFromBottom{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes revealFromTop{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes fadeOutToTop{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes fadeOutToBottom{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.product-banner .product-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-pos)}.product-banner .product-banner__info-wrapper{margin-top:12px;width:100%;max-width:400px;display:grid;grid-template-columns:100%;align-self:center;font-size:calc(var(--body-font-size) * .75);line-height:1.33}.product-banner .product-banner__info-wrapper.need-animate{opacity:0;transition-property:opacity;transition-duration:var(--timing-long);transition-delay:calc(var(--animate-delay) * 3)}.product-banner .product-banner__content{display:flex;flex-direction:column;grid-area:1/1;opacity:0;will-change:opacity;transition:opacity var(--timing-base) ease-out;color:var(--text-color)}.product-banner .product-banner__content.product-banner__content-label{word-break:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-banner .product-banner__content .product-banner__button{opacity:1;transition:none;will-change:auto}.product-banner .product-banner__content.is-active{opacity:1;transition-delay:0s,0s;z-index:2}.product-banner .product-banner__content.is-active .product-banner__button{pointer-events:auto}.product-banner .product-banner__button{margin:auto;width:fit-content;color:var(--button-text-color);pointer-events:none}.product-banner .product-banner__button .border-1,.product-banner .product-banner__button .border-2,.product-banner .product-banner__button .border-3,.product-banner .product-banner__button .border-4{border-color:var(--button-border-outer-color)}.product-banner .product-banner__button:before{background-color:var(--button-background-color);border-color:var(--button-border-inner-color)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.product-banner .product-banner__button:hover{color:var(--button-text-hover-color)}.product-banner .product-banner__button:hover:before{background-color:var(--button-background-hover-color);border-color:var(--button-border-inner-hover-color)}}.product-banner .product-banner__media-heading{line-height:1.5;font-size:var(--body-font-size);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-banner .product-banner__media-heading+.product-banner__button{margin-top:12px}.product-banner .product-banner__media-subheading{font-size:calc(var(--body-font-size) * .875);color:var(--media-subheading-color);line-height:1.43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-banner .product-banner__media-subheading+.product-banner__button{margin-top:12px}.product-banner .product-banner__color-circle{width:0;height:0;background-color:var(--circle-background-color);border-radius:50%;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:0;transition:width var(--circle-transition-duration, calc(var(--timing-base) * 1.5)) linear,height var(--circle-transition-duration, calc(var(--timing-base) * 1.5)) linear;will-change:width,height}.product-banner .product-banner__color-circle.is-active{width:300vmax;height:300vmax}.product-banner .product-banner__progressbar{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:2px;height:200px;background-color:var(--progress-bar-bg);z-index:10;border-radius:2px;overflow:hidden}.product-banner .product-banner__progressbar .product-banner__progressbar-fill{width:100%;height:0;background-color:var(--progress-bar-fill);transition:height .6s ease-in-out;border-radius:2px}@media(min-width:992px){.product-banner .product-banner__decor-image{height:62%}.product-banner .product-banner__image-animation-container{width:23.7%}}@media(min-width:1200px){.product-banner .product-banner__container{padding-left:68px;padding-right:68px}.product-banner .product-banner__progressbar{right:64px}.product-banner .product-banner__heading-line-wrapper{height:133px;max-width:calc(100% - 48px)}.product-banner .product-banner__info-wrapper+.product-banner__heading{margin-top:32px}.product-banner .product-banner__heading{margin-bottom:-57px}.product-banner .product-banner__progressbar{top:42.6%}}@media(min-width:768px)and (max-width:1501px)and (max-height:750px){.product-banner .product-banner__image-animation-container{height:50%;width:auto}.product-banner .product-banner__heading{font-size:calc(var(--heading-font-size) * 6.25);margin-bottom:-46px}.product-banner .product-banner__heading-line-wrapper{height:112px}}@media(min-width:1501px){.product-banner .product-banner__heading-line-wrapper{height:200px}}@media(min-width:1501px)and (max-height:1199px){.product-banner .product-banner__image-animation-container{height:50%;width:auto}.product-banner .product-banner__heading{font-size:calc(var(--heading-font-size) * 6.25);margin-bottom:-46px}.product-banner .product-banner__heading-line-wrapper{height:112px}}
/*# sourceMappingURL=/cdn/shop/t/3333/assets/product-banner.build.css.map */