.horizontal-slider{height:25px;margin:1rem 0}.thumb{height:20px;width:20px;background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;box-shadow:0 0 2px #aaa}.track{top:50%;height:5px;background:#ddd;transform:translateY(-50%)}.horizontal-slider{width:100%;height:28px}.track{top:12px;height:4px;border-radius:999px;background:#e5e7eb}.track.track-1{background:#7c3aed}.thumb{height:18px;width:18px;border-radius:999px;background:#fff;border:1px solid #cbd5e1;cursor:grab;top:5px}.thumb:active{cursor:grabbing}.dark .track{background:#334155}.dark .thumb{background:#0f172a;border-color:#475569}