:root{--md-slider-thumb-size:20px}.slider{margin-bottom:var(--md-spacing-6)}.slider__label{font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);color:var(--md-on-surface);margin-bottom:var(--md-spacing-2);display:block}.slider__row{align-items:center;gap:var(--md-spacing-4);display:flex}.slider__input{appearance:none;height:var(--md-spacing-1);background:var(--md-surface-container-highest);border-radius:var(--md-shape-extra-small-half);outline:none;flex:1}.slider__input::-webkit-slider-thumb{appearance:none;width:var(--md-slider-thumb-size);height:var(--md-slider-thumb-size);border-radius:var(--md-shape-full);background-color:var(--md-primary);cursor:pointer;box-shadow:var(--md-elevation-1);transition:box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard);border:none}.slider__input::-webkit-slider-thumb:hover{box-shadow:var(--md-elevation-2)}.slider__input::-moz-range-thumb{width:var(--md-slider-thumb-size);height:var(--md-slider-thumb-size);border-radius:var(--md-shape-full);background-color:var(--md-primary);cursor:pointer;box-shadow:var(--md-elevation-1);border:none}.slider__input::-moz-range-track{height:var(--md-spacing-1);background:var(--md-surface-container-highest);border-radius:var(--md-shape-extra-small-half)}.slider__value{min-width:var(--md-button-height-small);text-align:center;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);color:var(--md-on-surface)}.slider__track-wrap{flex:1;min-width:0;display:flex;position:relative}.slider__ticks{height:var(--md-spacing-2);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slider__tick{width:var(--md-divider-thickness);top:0;bottom:0;left:calc(var(--md-slider-thumb-size) / 2 + var(--slider-at,0) * (100% - var(--md-slider-thumb-size)));background-color:var(--md-outline-variant);position:absolute;transform:translate(-50%)}.slider--animated .slider__input::-webkit-slider-thumb{opacity:0}.slider--animated .slider__input::-moz-range-thumb{opacity:0}.slider__thumb{top:50%;left:calc(var(--md-slider-thumb-size) / 2 + var(--slider-pct,0) * (100% - var(--md-slider-thumb-size)));width:var(--md-slider-thumb-size);height:var(--md-slider-thumb-size);border-radius:var(--md-shape-full);background-color:var(--md-primary);box-shadow:var(--md-elevation-1);pointer-events:none;transition:left var(--md-motion-duration-medium) var(--md-motion-easing-emphasized), box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard);position:absolute;transform:translate(-50%,-50%)}.slider--dragging .slider__thumb{transition:none}.slider__input:not(:disabled):hover~.slider__thumb{box-shadow:var(--md-elevation-2)}.slider__input:focus-visible~.slider__thumb{outline:calc(2 * var(--md-divider-thickness)) solid var(--md-primary);outline-offset:var(--md-shape-extra-small-half)}@media (prefers-reduced-motion:reduce){.slider__thumb{transition:none}}