:root{--bannerAnimationName: progress1}.banner-container .swiper-pagination-bullet{width:43px;position:relative;background-color:#f7f7f7}.swiper-pagination-bullet:before{width:43px;height:0px;top:0;right:0;bottom:0;left:0;background-color:#F7F7F7 content: "";position:absolute;height:4px}.swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#ff550a;border-radius:0}@keyframes progress1{0%{width:0}to{width:43px}}.banner-container{max-width:100%}.banner-container .swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff}.banner-container .swiper-container .swiper-slide .collection-item{width:100%;color:inherit;text-decoration:none}.banner-container .swiper-container .swiper-slide .collection-item img{width:100%}.banner-container .swiper-container .control{height:20px;margin-top:30px;display:flex;align-items:center;position:absolute;z-index:1;bottom:16px;left:50%;transform:translate(-50%);justify-content:center;column-gap:30px}.banner-container .swiper-container .control .icon{cursor:pointer}.banner-container .swiper-container .control .icon .start{display:none}.banner-container .swiper-container .control .swiper-pagination-bullet{width:43px;height:4px;border-radius:unset}.banner-container .swiper-container .control .swiper-pagination{position:static;display:flex;column-gap:10px}.banner-container .swiper-container .swiper-button-next,.banner-container .swiper-container .swiper-button-prev{position:absolute;display:flex;justify-content:center;z-index:1;align-items:center;width:40px;background-color:#d9d9d9;height:40px;border-radius:50%}.banner-container .swiper-container .swiper-button-next{right:68px}.banner-container .swiper-container .swiper-button-prev{left:68px}.banner-container .swiper-container .collection-item{position:relative}.banner-container .swiper-container .collection-item .banner-info{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:1}.banner-container .swiper-container .collection-item .banner-info h1,.banner-container .swiper-container .collection-item .banner-info h2{margin-top:6px;margin-bottom:6px}.banner-container .swiper-container .swiper-button-next:after,.banner-container .swiper-container .swiper-button-prev:after{display:none}.banner-container .swiper-container{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/3/assets/progress-with-swiper.css.map */