.range-slider{--range-slider-fill: 0%;--range-slider-neutral: 50%;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--spacing-120);inline-size:100%;box-sizing:border-box;font-family:var(--font-family-base)}.range-slider-control{grid-column:1;position:relative;block-size:var(--size-280);min-inline-size:0}.range-slider-rail{position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%);block-size:var(--size-40);background:var(--button-floating-stroke);border-radius:var(--radius-circular);overflow:hidden;pointer-events:none}.range-slider-fill{position:absolute;inset-inline-start:0;inset-block:0;inline-size:var(--range-slider-fill);background:var(--fg-brand-1-rest);border-radius:var(--radius-circular);transition:inline-size var(--anim-short) ease-out}.range-slider-tick{display:none;position:absolute;inset-block:0;inset-inline-start:var(--range-slider-neutral);inline-size:var(--size-20);margin-inline-start:calc(-1 * var(--size-20) / 2);background:var(--fg-neutral-on-brand)}.range-slider--ticked .range-slider-tick{display:block}.range-slider--tinted .range-slider-rail{background:var(--range-slider-track)}.range-slider--tinted .range-slider-fill{display:none}.range-slider--tinted .range-slider-tick{inline-size:var(--size-20);background:var(--fg-neutral-on-brand);box-shadow:0 0 0 var(--size-20) var(--stroke-badge)}.range-slider-input{-webkit-appearance:none;appearance:none;position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%);inline-size:100%;block-size:var(--size-200);margin:0;background:transparent;cursor:pointer}.range-slider-input:focus{outline:none}.range-slider-input::-webkit-slider-runnable-track{block-size:var(--size-40);background:transparent;border-radius:var(--radius-circular)}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--size-140);block-size:var(--size-140);margin-block-start:calc((var(--size-40) - var(--size-140)) / 2);border-radius:var(--radius-circular);background:var(--fg-neutral-on-brand);border:var(--size-20) solid var(--stroke-neutral-alpha-1-rest);box-sizing:border-box;box-shadow:var(--shadow-2);transition:transform var(--anim-hover) ease-out}.range-slider-input:hover::-webkit-slider-thumb{transform:scale(1.08)}.range-slider-input:active::-webkit-slider-thumb{transform:scale(.96)}.range-slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--size-20) var(--stroke-focus-1),0 0 0 var(--size-40) var(--stroke-focus-2)}.range-slider-input::-moz-range-track{block-size:var(--size-40);background:transparent;border-radius:var(--radius-circular)}.range-slider-input::-moz-range-thumb{inline-size:var(--size-140);block-size:var(--size-140);border-radius:var(--radius-circular);background:var(--fg-neutral-on-brand);border:var(--size-20) solid var(--stroke-neutral-alpha-1-rest);box-sizing:border-box;box-shadow:var(--shadow-2);transition:transform var(--anim-hover) ease-out}.range-slider-input:hover::-moz-range-thumb{transform:scale(1.08)}.range-slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--size-20) var(--stroke-focus-1),0 0 0 var(--size-40) var(--stroke-focus-2)}.range-slider-value{grid-column:2;font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);font-weight:var(--font-weight-caption-1-strong);color:var(--fg-neutral-2-rest);text-align:end;font-variant-numeric:tabular-nums;min-inline-size:var(--size-320)}.range-slider-input:disabled{cursor:not-allowed}.range-slider--disabled .range-slider-fill{background:var(--fg-neutral-disabled-1-rest)}.range-slider--disabled .range-slider-value{color:var(--fg-neutral-disabled-1-rest)}.range-slider-input:disabled::-webkit-slider-thumb{background:var(--fg-neutral-disabled-1-rest);border-color:var(--stroke-neutral-disabled-rest)}.range-slider-input:disabled::-moz-range-thumb{background:var(--fg-neutral-disabled-1-rest);border-color:var(--stroke-neutral-disabled-rest)}@media (forced-colors: active){.range-slider-rail{forced-color-adjust:none;background:GrayText}.range-slider-fill{forced-color-adjust:none;background:Highlight}.range-slider-tick{forced-color-adjust:none;background:CanvasText}.range-slider-input::-webkit-slider-thumb{forced-color-adjust:none;background:ButtonText;border-width:var(--size-20);border-color:Canvas}.range-slider-input::-moz-range-thumb{forced-color-adjust:none;background:ButtonText;border-width:var(--size-20);border-color:Canvas}.range-slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--size-20) Canvas,0 0 0 var(--size-40) CanvasText}.range-slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--size-20) Canvas,0 0 0 var(--size-40) CanvasText}.range-slider-input:disabled::-webkit-slider-thumb,.range-slider-input:disabled::-moz-range-thumb{background:GrayText;border-width:var(--size-20);border-color:GrayText}.range-slider--disabled .range-slider-fill{background:GrayText}.range-slider--tinted .range-slider-rail{forced-color-adjust:none;background:GrayText}.range-slider--tinted .range-slider-fill{display:block;forced-color-adjust:none;background:Highlight}.range-slider--tinted .range-slider-tick{box-shadow:none}}