.image-banner-style-3{width:100%;height:100%}.image-banner-style-3:hover .img-banner-3__char{transition-delay:var(--delay);transform:translate3d(0,-20px,0);opacity:0}.image-banner-style-3:hover .img-banner-3__char--2{transition-delay:calc(var(--delay) + .2s);transform:translateZ(0);opacity:1}.image-banner-style-3__inner{position:relative;margin:0;height:62.3rem}@media(min-width:768px){.image-banner-style-3__inner{height:70rem}}@media(min-width:1400px){.image-banner-style-3__inner{height:100vh}}.image-banner-style-3__inner .xo-image,.image-banner-style-3__inner img,.image-banner-style-3__inner .xo-image__placeholder,.image-banner-style-3__inner .placeholder-svg{width:100%;height:100%}.image-banner-style-3__container{height:100%;padding:0 2.3rem}@media(min-width:1400px){.image-banner-style-3__container{padding:0 3.8rem}}.image-banner-style-3__cursor{z-index:1}.image-banner-style-3__button{position:absolute;z-index:9;top:0;width:50%;height:100%}.image-banner-style-3__button--prev xo-carousel-prev,.image-banner-style-3__button--next xo-carousel-next{width:100%;height:100%}[dir=ltr] .image-banner-style-3__button--prev{left:0}[dir=rtl] .image-banner-style-3__button--prev,[dir=ltr] .image-banner-style-3__button--next{right:0}[dir=rtl] .image-banner-style-3__button--next{left:0}.image-banner-style-3__box{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:color-mix(in srgb,rgb(var(--color-button)) 100%,#ffffff);color:color-mix(in srgb,rgb(var(--color-button-text)) 100%,#ffffff);cursor:pointer;position:relative}.image-banner-style-3__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-banner-style-3__progress{transform:rotate(-90deg)}.image-banner-style-3__circle-origin{fill:transparent;stroke:color-mix(in srgb,rgb(var(--color-button-text)) 100%,#ffffff);stroke-width:1;stroke-linecap:round;stroke-dasharray:125.664px;stroke-dashoffset:125.664px}.image-banner-style-3__circle-origin{animation:progress var(--time) infinite}@keyframes progress{0%{stroke-dashoffset:125.664px}to{stroke-dashoffset:0}}.image-banner-style-3__box--modifier .image-banner-style-3__circle-origin{animation:progress var(--time) infinite}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-image-banner-style-3.css.map */