banner-slides .swiper-slide{position:relative}banner-slides .banner-slides-block{position:absolute;width:100%;bottom:calc(100vw * 60 / var(--base-width))}banner-slides .banner-slides-content .banner-slides-label_list{display:flex;gap:8px}banner-slides .banner-slides-content .banner-slides-label_list .banner-slides-label{padding:3px 10px;border-radius:50px;border:1px solid}banner-slides .banner-slides-content .banner-slides-title{margin-top:calc(100vw * 12 / var(--base-width))}banner-slides .banner-slides-content .banner-slides-desc{margin-top:calc(100vw * 20 / var(--base-width))}banner-slides .banner-slides-content .banner-slides-button{margin-top:calc(100vw * 20 / var(--base-width))}banner-slides .swiper-pagination-bullet{width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:1;background-color:#f7f7f7;color:#171717}banner-slides .swiper-pagination-bullet .icon-btn{display:none;gap:8px;width:100%;background:#fff;height:100%;border-radius:40px;overflow:hidden;transition:background-color .5s ease}banner-slides .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}banner-slides .swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;bottom:calc(100vw * 60 / var(--base-width));right:48px;left:auto;display:flex;justify-content:flex-end;background:#f7f7f7;border-radius:35px;width:auto;padding:8px;gap:8px}banner-slides .swiper-pagination-bullet-active{width:80px}banner-slides .swiper-pagination-bullet-active>img{display:none}banner-slides .swiper-pagination-bullet-active .icon-btn{display:block;position:relative}banner-slides .swiper-pagination-bullet-active .icon-btn .play-text{display:flex;align-items:center;justify-content:center;position:relative;gap:9px;height:100%}banner-slides .icon-btn:before{content:"";position:absolute;top:50%;left:0;height:100%;width:0;background-color:#eaeaea;transform:translateY(-50%);border-radius:40px;transition:width .05s linear}banner-slides .icon-btn.animating:before{width:var(--progress, 0%)}@media (max-width:768px){banner-slides .banner-slides-block{top:calc(var(--header-height) + calc(100vw * 35 / var(--base-width)))}banner-slides .banner-slides-content .banner-slides-button{margin-top:calc(100vw * 45 / var(--base-width))}banner-slides .swiper-pagination-bullets.swiper-pagination-horizontal{right:calc(100vw * 20 / var(--base-width))}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/banner-slides.css.map */