.container{margin:auto;max-width:1200px;width:95%}.slider-wrapper{position:relative}.slider-wrapper .slide-button{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2.2rem;height:50px;justify-content:center;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:5}.slider-wrapper .slide-button:hover{background:#404040}.slider-wrapper .slide-button#prev-slide{display:none;left:-25px}.slider-wrapper .slide-button#next-slide{right:-25px}.slider-wrapper .image-list{display:grid;font-size:0;gap:18px;grid-template-columns:repeat(10,1fr);list-style:none;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.slider-wrapper .image-list::-webkit-scrollbar{display:none}.slider-wrapper .image-list .image-item{height:300px;object-fit:cover;width:330px}.container .slider-scrollbar{align-items:center;display:flex;display:none;height:24px;width:100%}.slider-scrollbar .scrollbar-track{align-items:center;background:#ccc;border-radius:4px;display:flex;height:2px;position:relative;width:100%}.slider-scrollbar:hover .scrollbar-track{height:4px}.slider-scrollbar .scrollbar-thumb{background:#000;border-radius:inherit;bottom:0;cursor:grab;height:100%;position:absolute;top:0;width:50%}.slider-scrollbar .scrollbar-thumb:active{cursor:grabbing;height:8px;top:-2px}.slider-scrollbar .scrollbar-thumb:after{bottom:-10px;content:"";left:0;position:absolute;right:0;top:-10px}@media only screen and (max-width:1023px){.slider-wrapper .slide-button{display:none!important}.slider-wrapper .image-list{gap:10px;margin-bottom:15px;scroll-snap-type:x mandatory}.slider-wrapper .image-list .image-item{height:201px;width:222px}.slider-scrollbar .scrollbar-thumb{width:20%}}