.m3-slider{--slider-width:100%;--slider-padding:0.5rem 0;--slider-track-height:0.25rem;--slider-track-color:var(--color-primary-subtle);--slider-track-active-color:var(--color-primary);--slider-track-border-radius:var(--radius-full);--slider-handle-size:1.25rem;--slider-handle-color:var(--color-primary);--slider-handle-border-radius:var(--radius-full);--slider-handle-shadow:var(--shadow-sm);--slider-handle-border:none;--slider-state-hover-opacity:0.08;--slider-state-focus-opacity:0.12;--slider-state-layer-color:var(--color-primary);--slider-state-layer-size:2.5rem;--slider-disabled-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--slider-disabled-active-color:color-mix(in srgb,var(--color-text) 38%,transparent);--slider-disabled-handle-color:color-mix(in srgb,var(--color-text) 38%,transparent);--slider-disabled-cursor:default;--slider-transition:box-shadow var(--duration-fast) var(--ease-in-out);--slider-tick-size:0.125rem;--slider-tick-color:var(--color-on-primary);--slider-tick-inactive-color:var(--color-primary-subtle);align-items:center;box-sizing:border-box;display:flex;padding:var(--slider-padding);width:var(--slider-width)}.m3-slider input[type=range]{appearance:none;background:var(--slider-track-color);border-radius:var(--slider-track-border-radius);cursor:pointer;height:var(--slider-track-height);margin:0;outline:none;width:100%}.m3-slider input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--slider-handle-color);border:var(--slider-handle-border);border-radius:var(--slider-handle-border-radius);box-shadow:var(--slider-handle-shadow);height:var(--slider-handle-size);transition:var(--slider-transition);width:var(--slider-handle-size)}.m3-slider input[type=range]::-moz-range-thumb{background-color:var(--slider-handle-color);border:var(--slider-handle-border);border-radius:var(--slider-handle-border-radius);box-shadow:var(--slider-handle-shadow);height:var(--slider-handle-size);transition:var(--slider-transition);width:var(--slider-handle-size)}.m3-slider input[type=range]::-moz-range-progress{background-color:var(--slider-track-active-color);border-radius:var(--slider-track-border-radius);height:var(--slider-track-height)}.m3-slider input[type=range]:not(:disabled):hover::-webkit-slider-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-hover-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):hover::-moz-range-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-hover-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):focus-visible::-webkit-slider-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-focus-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-focus-opacity)*100%),transparent)}.m3-slider input[type=range]:disabled{background:var(--slider-disabled-track-color);cursor:var(--slider-disabled-cursor)}.m3-slider input[type=range]:disabled::-webkit-slider-thumb{--slider-handle-color:var(--slider-disabled-handle-color);--slider-handle-shadow:none}.m3-slider input[type=range]:disabled::-moz-range-thumb{--slider-handle-color:var(--slider-disabled-handle-color);--slider-handle-shadow:none}.m3-slider input[type=range]:disabled::-moz-range-progress{background-color:var(--slider-disabled-active-color)}.m3-slider.slider-color\:primary{--slider-track-active-color:var(--color-primary);--slider-handle-color:var(--color-primary);--slider-state-layer-color:var(--color-primary);--slider-track-color:var(--color-primary-subtle)}.m3-slider.slider-color\:secondary{--slider-track-active-color:var(--color-secondary);--slider-handle-color:var(--color-secondary);--slider-state-layer-color:var(--color-secondary);--slider-track-color:var(--color-secondary-subtle)}.m3-slider.slider-color\:tertiary{--slider-track-active-color:var(--color-tertiary);--slider-handle-color:var(--color-tertiary);--slider-state-layer-color:var(--color-tertiary);--slider-track-color:var(--color-tertiary-subtle)}