.image-banner-type-4 xo-carousel{height:100vh}.image-banner-type-4 xo-carousel-inner{height:100vh!important}.image-banner-type-4 img,.image-banner-type-4 svg{width:100%;height:100%}.image-banner-type-4 svg{background-color:gray}.image-banner-type-4__bg{width:100vw;height:100vh;position:absolute;z-index:-10;top:0;bottom:0}[dir=ltr] .image-banner-type-4__bg{left:0;right:0}[dir=rtl] .image-banner-type-4__bg{right:0;left:0}.image-banner-type-4__bg .xo-image,.image-banner-type-4__bg .image-banner-type-4__desktop,.image-banner-type-4__bg .image-banner-type-4__mobile,.image-banner-type-4__bg .xo-image__placeholder{width:100%;height:100%}.image-banner-type-4__bg svg{width:100%;height:100%;background-color:gray}.image-banner-type-4__desktop{display:none}@media(min-width:992px){.image-banner-type-4__desktop{display:block}}.image-banner-type-4__mobile{display:block}@media(min-width:992px){.image-banner-type-4__mobile{display:none}}.image-banner-type-4__button svg{background-color:unset}.image-banner-type-4__wrapper{padding-top:var(--padding-top);height:100%}@media(max-width:991px){.image-banner-type-4__wrapper{padding-top:var(--padding-top-mb)}}.image-banner-type-4__item{height:100%;display:flex;flex-direction:column;justify-content:space-between}.image-banner-type-4__heading{max-width:clamp(33.3rem,calc(45.125vw + 15.25rem),69.4rem);position:relative;margin:0;padding-bottom:clamp(1.5rem,calc(2.125vw + .65rem),3.2rem)}.image-banner-type-4__description{position:relative;padding-bottom:3rem;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.5rem);font-style:var(--font-body-style);font-weight:400;color:color-mix(in srgb,rgba(var(--color-foreground-2)) 100%,transparent);line-height:calc(1 + .46 / var(--font-body-scale))}@media(min-width:992px){.image-banner-type-4__description{width:50%;font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .5 / var(--font-body-scale));padding-bottom:3.4rem}}@media(min-width:1800px){.image-banner-type-4__description{width:35%}}.image-banner-type-4__pagination{display:flex;gap:.8rem;padding-top:5.1rem;padding-bottom:7.7rem}@media(min-width:992px){.image-banner-type-4__pagination{padding-top:6.7rem;padding-bottom:8.8rem}}.image-banner-type-4__pagination xo-carousel-bullet{width:6rem;height:.3rem;border-radius:10rem;background-color:rgba(var(--color-accent),.2);transition:all .3s}.image-banner-type-4__pagination xo-carousel-bullet[xo-active]{background-color:rgba(var(--color-accent),var(--opacity))}.image-banner-type-4__pagination xo-carousel-bullet[xo-active] span{width:var(--xo-autoplay-progress);background-color:rgba(var(--color-accent),.6)}@media(max-width:991px){body .image-banner-type-4 xo-carousel,body .image-banner-type-4 .image-banner-type-4__wrapper,body .image-banner-type-4 .image-banner-type-4__bg{height:100vh!important;min-height:100vh!important;padding-top:0!important;overflow:hidden!important}body .image-banner-type-4 .image-banner-type-4__mobile,body .image-banner-type-4 .image-banner-type-4__mobile .xo-image,body .image-banner-type-4 .image-banner-type-4__mobile img{height:100vh!important;width:100vw!important;object-fit:cover!important;object-position:center center!important}body .image-banner-type-4 .image-banner-type-4__item{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;padding:0!important;z-index:99!important;display:block!important}body .image-banner-type-4 .image-banner-type-4__item>div{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;padding-top:15px!important;padding-bottom:12vh!important;margin:0!important}body .image-banner-type-4 .image-banner-type-4__button,body .image-banner-type-4 .image-banner-type-4__item,body .image-banner-type-4 .image-banner-type-4__item xo-animate{opacity:1!important;visibility:visible!important;transform:none!important}}@media(max-width:401px)and (min-height:500px){body .image-banner-type-4 .image-banner-type-4__item>div{padding-bottom:56%!important;padding-top:51px!important}}@media(max-width:315px)and (min-height:375px){body .image-banner-type-4 .image-banner-type-4__item>div{padding-bottom:40%!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-image-banner-type-4.css.map */