.slider-container{border-radius:.25rem;padding:.5rem}.slider-segmented-container{overflow:hidden;border-radius:.25rem}.slider-label-container{padding:.25rem .5rem}.slider-label{font-size:.875rem;line-height:1.25rem;font-weight:500}.slider-track{position:relative;width:100%;height:1.25rem;border-radius:9999px;border-width:1px;border-style:solid;cursor:pointer;user-select:none;touch-action:none;background-color:#e8e8e8}.dark .slider-track{background-color:#1e1e1e}.slider-progress{position:absolute;top:0;left:0;bottom:0;overflow:hidden;border-radius:9999px 0 0 9999px;will-change:width;background-color:white}.dark .slider-progress{background-color:#323232}.slider-handle{position:absolute;top:50%;left:0;width:22px;height:22px;border-radius:9999px;border-width:1px;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);cursor:pointer;z-index:10;transform:translateY(-50%);background-color:white}.slider-handle:active{cursor:pointer}.dark .slider-handle{background-color:#444444;border-color:#313131}.slider-segmented-track{position:relative;display:flex;align-items:center;width:100%;height:2rem;padding-left:.25rem;padding-right:.25rem;gap:2px;cursor:pointer;user-select:none;touch-action:none;transition:opacity .15s ease-in-out}.slider-track-container{position:relative}.slider-segment{height:60%;flex:1 1 0%;border-radius:1px;transition:all .15s ease-in-out}.slider-segment-filled{background-color:white;box-shadow:0 0 4px rgba(255,255,255,.6)}.slider-segment-empty{background-color:rgba(255,255,255,.1)}.slider-display-value{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.slider-ticks{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.slider-tick{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background-color:rgba(0,0,0,.2);transform:translate(-50%,-50%);z-index:5}.dark .slider-tick{background-color:rgba(255,255,255,.2)}.slider-disabled{cursor:not-allowed;opacity:.5}