@keyframes expandWidth{0%{width:0}to{width:100%}}.index-media-container .index_media_swiper .swiper-pagination{display:flex;justify-content:center;gap:8px;position:absolute;bottom:20px}.index-media-container .index_media_swiper .swiper-button{opacity:0;background:#26262966;border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease}.index-media-container .index_media_swiper:hover .swiper-button{opacity:1}.index-media-container .index_media_swiper .swiper-button svg{transition:transform 1s ease;width:30px;height:30px}.index-media-container .index_media_swiper .swiper-button svg path{fill:#fff}.index-media-container .index_media_swiper:hover .swiper-button:hover svg{transform:scale(1.2)}.index-media-container .index_media_swiper .swiper-button.swiper-button-prev{left:4%}.index-media-container .index_media_swiper .swiper-button.swiper-button-next{right:4%}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:50px;height:6px;margin:0;border-radius:50px;background:#ffffff8c;position:relative;opacity:1}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:75px}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before{content:"";position:absolute;left:0;top:0;width:75px;height:100%;background:#fff;border-radius:50px;animation:expandWidth var(--swiper-autoplay-speed) linear forwards}@media (min-width: 1280px){.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:100px}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:150px}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width:150px}}@media only screen and (max-width: 590px){.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:24px}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:36px}.index-media-container .index_media_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width:36px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/index-media-swiper.css.map */