[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.hero-carousel{width:100%;height:100dvh}.hero-carousel__inner{width:100%;height:100%}.hero-carousel .img-banner-3__paginate{position:absolute;top:auto;bottom:2rem;left:50%;right:auto!important;transform:translate(-50%)}.hero-carousel .img-banner-3__paginate .xo-carousel-paginator{flex-direction:row;gap:.8rem}.hero-carousel .img-banner-3__paginate xo-carousel-bullet{padding:.4rem}.hero-carousel .img-banner-3__paginate xo-carousel-bullet span,.hero-carousel .img-banner-3__paginate xo-carousel-bullet .carousel-bullet{width:1rem!important;height:1rem!important;border-radius:50%!important;background-color:#0006!important;transition:all .3s ease}.hero-carousel .img-banner-3__paginate xo-carousel-bullet[xo-active]:not([xo-active=false]) span,.hero-carousel .img-banner-3__paginate xo-carousel-bullet[xo-active]:not([xo-active=false]) .carousel-bullet{background-color:#000!important;width:1rem!important;height:1rem!important;transform:none!important}.hero-carousel .img-banner-3__content{justify-content:center;align-items:stretch}.hero-carousel .img-banner-3__box{padding-top:28vh;width:100%!important;text-align:center!important}.hero-carousel .img-banner-3__button{display:flex!important;justify-content:center!important;width:100%!important}.hero-carousel .img-banner-3__button .xo-btn{margin:0 auto!important}@media(max-width:767px){.hero-carousel .img-banner-3__content{justify-content:flex-start!important;align-items:stretch!important}.hero-carousel .img-banner-3__box{padding-top:53vh}}.hero-carousel .xo-btn--primary{background-color:#233a1e!important;border-color:#233a1e!important}.hero-carousel .xo-btn--animation.xo-btn--primary:before{background-color:#1a2d16!important}.hero-carousel .img-banner-3__cursor,.hero-carousel xo-cursor-item{display:none!important}@media(max-width:767px){.hero-carousel xo-carousel-list{touch-action:pan-y!important}.hero-carousel xo-carousel-slide,.hero-carousel xo-carousel-inner{touch-action:pan-y!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero-carousel.css.map */