.slider{-webkit-appearance:none;width:100%;height:10px;background:#d1d5db;border-radius:5px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#10b981;border-radius:50%;cursor:pointer;transition:background .2s ease}.slider::-webkit-slider-thumb:hover{background:#059669}.slider::-moz-range-thumb{width:20px;height:20px;background:#10b981;border-radius:50%;cursor:pointer;transition:background .2s ease}.slider::-moz-range-thumb:hover{background:#059669}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;cursor:pointer;background:linear-gradient(to right,var(--fill-start,#b4b4b4) 0,var(--fill-end,#535353) var(--value,50%),var(--track-color,#d6d6d6) var(--value,50%));box-shadow:0 2px 5px rgba(100,100,100,.5)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(to left,var(--fill-end,#535353) 0,var(--fill-end,#535353) var(--value,100%));border-radius:50%;cursor:pointer}.range-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(to top left,var(--fill-end,#535353) 0,var(--fill-end,#535353) var(--value,100%));border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(100,100,100,.5)}