.c-slider{--_tone:var(--c-color-primary);--_thumb:var(--_tone);--_track-bg:color-mix(in oklch, var(--c-color-border) 100%, transparent);--_range-bg:var(--_tone);--_thumb-ring:color-mix(in oklch, var(--_tone), transparent 70%);gap:var(--c-space-2);font-family:var(--c-font-sans);color:var(--c-color-text);flex-direction:column;width:100%;display:flex}.c-slider[data-tone=success]{--_tone:var(--c-color-success)}.c-slider[data-tone=warning]{--_tone:var(--c-color-warning)}.c-slider[data-tone=danger]{--_tone:var(--c-color-danger)}.c-slider[data-error]{--_tone:var(--c-color-danger);--_thumb-ring:color-mix(in oklch, var(--c-color-danger), transparent 70%)}.c-slider[data-disabled],.c-slider[data-readonly]{opacity:.6;cursor:not-allowed}.c-slider[data-disabled] .c-slider__thumb,.c-slider[data-readonly] .c-slider__thumb{cursor:not-allowed}.c-slider__control{min-height:var(--c-slider-hit-area);align-items:center;padding-block:8px;display:flex;position:relative}.c-slider[data-orientation=vertical] .c-slider__control{min-height:200px;min-width:var(--c-slider-hit-area);flex-direction:column;padding-block:0;padding-inline:8px}.c-slider__track{background:var(--_track-bg);touch-action:none;border-radius:999px;position:relative;overflow:hidden}.c-slider[data-orientation=horizontal] .c-slider__track{width:100%;height:var(--c-slider-track-h)}.c-slider[data-orientation=vertical] .c-slider__track{height:100%;width:var(--c-slider-track-h)}.c-slider[data-size=sm][data-orientation=horizontal] .c-slider__track{height:var(--c-slider-track-h-sm)}.c-slider[data-size=lg][data-orientation=horizontal] .c-slider__track{height:var(--c-slider-track-h-lg)}.c-slider[data-size=sm][data-orientation=vertical] .c-slider__track{width:var(--c-slider-track-h-sm)}.c-slider[data-size=lg][data-orientation=vertical] .c-slider__track{width:var(--c-slider-track-h-lg)}.c-slider__range{background:var(--_range-bg);border-radius:inherit;transition:background-color var(--c-motion-fast) var(--c-motion-ease-out);position:absolute;inset:0}.c-slider__thumb{width:var(--c-slider-thumb-d);height:var(--c-slider-thumb-d);background:var(--_thumb);border:2px solid var(--c-color-surface);box-shadow:0 1px 3px color-mix(in oklch,var(--c-color-text),transparent 80%);cursor:grab;transition:box-shadow var(--c-motion-fast) var(--c-motion-ease-out),transform var(--c-motion-fast) var(--c-motion-ease-out);z-index:1;border-radius:999px;outline:0;position:absolute}.c-slider[data-size=sm] .c-slider__thumb{width:var(--c-slider-thumb-d-sm);height:var(--c-slider-thumb-d-sm)}.c-slider[data-size=lg] .c-slider__thumb{width:var(--c-slider-thumb-d-lg);height:var(--c-slider-thumb-d-lg)}.c-slider__thumb:before{content:"";width:var(--c-slider-hit-area);height:var(--c-slider-hit-area);border-radius:inherit;position:absolute;inset:50%;transform:translate(-50%,-50%)}.c-slider__thumb:focus-visible,.c-slider__thumb[data-focused]{box-shadow:0 0 0 4px var(--_thumb-ring)}.c-slider__thumb:active,.c-slider__thumb[data-dragging]{cursor:grabbing;transform:scale(1.1)}.c-slider__mark{flex-direction:column;align-items:center;display:flex}.c-slider__mark-dot{background:var(--c-color-text-muted);width:4px;height:4px;transition:background-color var(--c-motion-fast) var(--c-motion-ease-out);border-radius:999px}.c-slider__mark[data-mark-state=at-value] .c-slider__mark-dot,.c-slider__mark[data-mark-state=under-value] .c-slider__mark-dot{background:var(--_tone)}.c-slider__mark-label{margin-top:calc(var(--c-slider-track-h) + var(--c-space-2));white-space:nowrap;font-variant-numeric:tabular-nums;font-size:var(--c-text-xs);color:var(--c-color-text-muted);position:absolute;top:100%}.c-slider[data-size=lg] .c-slider__mark-label{margin-top:calc(var(--c-slider-track-h-lg) + var(--c-space-2))}.c-slider[data-size=sm] .c-slider__mark-label{margin-top:calc(var(--c-slider-track-h-sm) + var(--c-space-2))}.c-slider[data-orientation=vertical] .c-slider__mark{flex-direction:row}.c-slider[data-orientation=vertical] .c-slider__mark-label{margin-top:0;top:auto;margin-inline-start:calc(var(--c-slider-track-h) + var(--c-space-2));position:absolute;inset-inline-start:100%}.c-slider:has(.c-slider__mark-label) .c-slider__control{padding-bottom:calc(var(--c-text-xs)*1.4 + var(--c-space-3))}.c-slider[data-orientation=vertical]:has(.c-slider__mark-label) .c-slider__control{padding-bottom:0;padding-inline-end:3rem}.c-slider__tip{bottom:var(--c-slider-tip-y-offset);background:var(--c-color-text);color:var(--c-color-surface);font-size:var(--c-text-xs);font-variant-numeric:tabular-nums;padding:2px var(--c-space-2);border-radius:var(--c-radius-sm);pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px color-mix(in oklch,var(--c-color-text),transparent 80%);position:absolute;left:50%;transform:translate(-50%)}.c-slider__tip:after{content:"";border:4px solid #0000;border-top-color:var(--c-color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.c-slider[data-orientation=vertical] .c-slider__tip{bottom:auto;left:var(--c-slider-tip-y-offset);top:50%;transform:translateY(-50%)}.c-slider[data-orientation=vertical] .c-slider__tip:after{border:4px solid #0000;border-right-color:var(--c-color-text);border-top-color:#0000;top:50%;left:0;transform:translate(-100%,-50%)}.c-slider__tip-enter-active,.c-slider__tip-leave-active{transition:opacity var(--c-motion-fast) var(--c-motion-ease-out),transform var(--c-motion-fast) var(--c-motion-ease-out)}.c-slider__tip-enter-from,.c-slider__tip-leave-to{opacity:0;transform:translate(-50%)translateY(4px)}.c-slider__value-label{font-size:var(--c-text-sm);color:var(--c-color-text-muted);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.c-slider__mark-dot,.c-slider__range,.c-slider__thumb,.c-slider__tip-enter-active,.c-slider__tip-leave-active{transition:none}}@media (width<=768px){.c-slider__thumb{width:20px;height:20px}.c-slider[data-size=sm] .c-slider__thumb{width:16px;height:16px}.c-slider[data-size=lg] .c-slider__thumb{width:24px;height:24px}}.c-slider[data-tone]{--_tone:var(--c-tone)}