.collection-top-main{width:auto;max-width:80%;margin:40px auto 0}.collection-top-main .collection-top-slider{padding:0 54px}.collection-top-main .progress-main{height:5px;margin-top:15px}.collection-top-main .progress-bar{display:block;width:100%;height:5px;border-radius:10px;overflow:hidden;max-width:100%;background-color:#231f201a;background-image:linear-gradient(to right,#085284,#085284);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;margin-left:auto;margin-right:20px}.collection-top-main .slide-image-box{height:196px;overflow:hidden;border-radius:50%;max-width:196px;min-width:196px;position:relative}.collection-top-main .slide-inner:hover img{transform:scale(1.06);overflow:hidden}.collection-top-scroll .scroll-item span{color:#000;font-size:14px;margin-top:8px;display:block}.scroll-item:hover .image-wrap img{transform:scale(1.06);transition:.3s ease}.collection-top-scroll{display:flex;gap:80px;overflow-x:auto;padding:10px 0;scroll-snap-type:x mandatory;box-sizing:border-box}.collection-top-scroll::-webkit-scrollbar{height:6px}.collection-top-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.scroll-item{flex:0 0 auto;width:150px;text-align:center}.image-wrap{width:190px;height:190px;border-radius:50%;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover}.scroll-wrapper{display:flex;align-items:center;gap:15px;width:100%}.scroll-arrow{background:#fff;border:1px solid #ccc;border-radius:50%;width:36px;height:36px;cursor:pointer;display:none;align-items:center;justify-content:center;flex-shrink:0}@media only screen and (max-width:991px){.collection-top-main{margin-top:28px}.section-template--24121752486193__product-grid-padding{padding-top:28px!important}.collection-top-main .collection-top-slider{padding:0 42px}.collection-top-main .slide-image-box{max-width:150px;min-width:150px;height:150px}.collection-top-main .progress-bar{display:block!important}}@media only screen and (max-width:767px){.collection-top-main .collection-top-slider{padding:0}}@media(max-width:389px){.collection-top-main .slide-image-box{max-width:100px;min-width:100px;height:100px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-top-slider.css.map */