.horizontal-slider{position:relative;width:100%}.slider-track{position:absolute;height:100%;border-radius:9999px;background:hsl(var(--muted))}.slider-track.slider-track-1{background:hsl(var(--primary))}.slider-thumb{position:absolute;top:50%;width:18px;height:18px;background:hsl(var(--primary));border:2px solid hsl(var(--background));border-radius:50%;cursor:grab;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;transition:all .2s ease}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 8px #0000004d}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.05)}.slider-thumb:focus{outline:none;box-shadow:0 0 0 3px hsl(var(--primary) / .2)}