.homepage-banner-carousel{position:relative;width:100%;overflow:hidden;height:calc(100dvh - 200px);min-height:520px;aspect-ratio:390 / 640;z-index:0}.homepage-banner-carousel .swiper{width:100%;padding-bottom:0;z-index:-1;height:auto}.homepage-banner-carousel .swiper-slide{height:auto}.homepage-banner-carousel .swiper-pagination{position:absolute;bottom:20px;left:0;right:0;z-index:2}.homepage-banner-carousel .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background-color:#ffffff80;opacity:1;transition:background-color .2s ease,width .2s ease}.homepage-banner-carousel .swiper-pagination-bullet-active{background-color:var(--white);width:24px}.homepage-banner-carousel .swiper-button{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;display:none;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:2;box-sizing:border-box}.homepage-banner-carousel .swiper-button-prev,.homepage-banner-carousel .swiper-button-next{pointer-events:auto;position:relative;left:auto;right:auto;top:auto;margin-top:0;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background-color:var(--white);box-shadow:0 4px 4px #00000017,0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center;padding:0}.homepage-banner-carousel .swiper-button-prev:after,.homepage-banner-carousel .swiper-button-next:after{display:none}.homepage-banner-carousel .swiper-button-prev img,.homepage-banner-carousel .swiper-button-next img{width:24px;height:24px}.homepage-banner-carousel .swiper-button-prev.swiper-button-disabled,.homepage-banner-carousel .swiper-button-next.swiper-button-disabled{opacity:.35;cursor:default}@media only screen and (min-width:768px){.homepage-banner-carousel{height:calc(100dvh - 10px)}.homepage-banner-carousel .swiper-button{display:flex;padding:0 40px}.homepage-banner-carousel .swiper-button-prev,.homepage-banner-carousel .swiper-button-next{width:48px;height:48px}.homepage-banner-carousel .swiper-button-prev img,.homepage-banner-carousel .swiper-button-next img{width:28px;height:28px}}@media only screen and (min-width:1024px){.homepage-banner-carousel{height:100%;aspect-ratio:3;min-height:520px}.homepage-banner-carousel .swiper-button{padding:0 20px}.homepage-banner-carousel .swiper-pagination{bottom:80px}}@media only screen and (min-width:1440px){.homepage-banner-carousel .swiper-button{padding:0 20px}}@media only screen and (min-width:1900px){.homepage-banner-carousel .swiper-button{padding:0 80px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/homepage-banner-carousel.css.map */