banner-carousel .banner-carousel-container{max-width:1440px;margin:0 auto}banner-carousel .banner-skeleton{margin:0 16px;border-radius:35px;aspect-ratio:var(--skeleton-ratio-mobile, 3);background:linear-gradient(90deg,#ececec 25%,#f7f7f7,#ececec 75%);background-size:200% 100%;animation:banner-skeleton-shimmer 1.2s linear infinite}banner-carousel .banner-carousel-container:has(.banner-skeleton) .swiper{display:none}@keyframes banner-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}banner-carousel .swiper .swiper-wrapper .swiper-slide{padding:0 16px}banner-carousel .banner{border-radius:35px;overflow:hidden}banner-carousel .banner picture{display:block}banner-carousel .swiper .swiper-custom-controls{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}banner-carousel .swiper .swiper-pagination{display:flex;gap:12px;position:static;width:initial;font-size:0}banner-carousel .swiper .swiper-pagination .swiper-pagination-bullet{margin:0;background:#fff;opacity:1;width:6px;height:6px}banner-carousel .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fb6e13}banner-carousel .swiper .swiper-custom-navigation{display:flex;align-items:center;gap:8px;color:#3c3c3b;width:initial;font-size:0}.swiper-button-lock{display:none}banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-prev,banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-next{display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;background-color:#fff;border-radius:9999px;z-index:9}banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-prev svg{transform:rotate(180deg)}@media(min-width:1024px){banner-carousel .banner-skeleton{aspect-ratio:var(--skeleton-ratio-desktop, 3)}banner-carousel .swiper .swiper-custom-controls{bottom:24px;left:40px;right:40px;justify-content:flex-end;gap:32px}banner-carousel .swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-prev,banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-next{height:40px;padding:0 16px}banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-prev svg,banner-carousel .swiper .swiper-custom-navigation .swiper-button-custom-next svg{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/component-mini-banner-carousel.css.map */