:root{--main-color:#111827;--main-color-hover:#d1d5db66;--track-color:#ddd}.horizontal-slider{height:40px}.slider-thumb{cursor:pointer;background:var(--main-color);border-radius:100%;outline:none;width:20px;height:20px}.slider-thumb:hover{box-shadow:0 0 0 8px var(--main-color-hover);transition:all .25s}.slider-track{background:var(--track-color);height:4px;top:8px}.slider-track.slider-track-1{background:var(--main-color)}