.slider-root{--slider-track-height:var(--space-sm);--slider-fill:0%;width:100%}.slider-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:var(--touch-target-min);margin:0;background:transparent;cursor:pointer}.slider-input[data-tone=default]{--slider-tone-color:var(--color-primary);--slider-thumb-ring-color:var(--color-primary)}.slider-input[data-tone=elevated]{--slider-tone-color:var(--color-warning);--slider-thumb-ring-color:var(--color-primary)}.slider-input[data-tone=warning]{--slider-tone-color:var(--color-danger);--slider-thumb-ring-color:var(--color-warning)}.slider-input::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:var(--radius-full);background:linear-gradient(to right,var(--slider-tone-color) 0,var(--slider-tone-color) var(--slider-fill),var(--color-border) var(--slider-fill),var(--color-border) 100%)}.slider-input::-moz-range-track{height:var(--slider-track-height);border-radius:var(--radius-full);background:var(--color-border)}.slider-input::-moz-range-progress{height:var(--slider-track-height);border-radius:var(--radius-full);background:var(--slider-tone-color)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-background) 0 8px,var(--slider-thumb-ring-color) 8px 11px,transparent 11.5px 100%);border:none;cursor:pointer;margin-top:calc((var(--slider-track-height) - var(--touch-target-min)) / 2);box-shadow:var(--shadow-md);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.slider-input::-moz-range-thumb{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-background) 0 8px,var(--slider-thumb-ring-color) 8px 11px,transparent 11.5px 100%);border:none;cursor:pointer;box-shadow:var(--shadow-md);-moz-transition:background var(--transition-fast);transition:background var(--transition-fast)}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-primary-light)}.slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--color-primary-light)}.slider-input:focus-visible{outline:none}.slider-input:disabled{cursor:not-allowed;opacity:.6}