@keyframes expandWidth{0%{width:0}to{width:100%}}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination{display:flex;justify-content:center;gap:8px;position:absolute;bottom:20px}.page-kv-slideshow-container .page_kv_slideshow_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}.page-kv-slideshow-container .page_kv_slideshow_swiper:hover .swiper-button{opacity:1}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-button svg{transition:transform 1s ease;width:30px;height:30px}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-button svg path{fill:#fff}.page-kv-slideshow-container .page_kv_slideshow_swiper:hover .swiper-button:hover svg{transform:scale(1.2)}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-button.swiper-button-prev{left:4%;transform:rotate(180deg)}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-button.swiper-button-next{right:4%}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:50px;height:6px;margin:0;border-radius:50px;background:#ffffff8c;position:relative;opacity:1}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:75px}.page-kv-slideshow-container .page_kv_slideshow_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){.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:100px}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:150px}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width:150px}}@media only screen and (max-width:590px){.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:24px}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:36px}.page-kv-slideshow-container .page_kv_slideshow_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width:36px}}
/*# sourceMappingURL=/cdn/shop/t/182/assets/page-kv-slideshow.css.map */