.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)}.range-slider--animating .range-slider-fill{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--preview .range-slider-control{border-radius:var(--radius-large)}.range-slider-preview-strip{position:absolute;inset:0;display:flex;border-radius:var(--radius-large);overflow:hidden;pointer-events:none}.range-slider-preview-frame{flex:1 1 0;min-inline-size:0;background-position:center;background-size:cover;background-repeat:no-repeat}.range-slider-preview-strip--fade{opacity:0}.range-slider-preview-strip--fade-in{opacity:1;transition:opacity var(--anim-medium) ease}.range-slider--preview-ready .range-slider-rail{background:transparent}.range-slider--preview-ready .range-slider-fill{display:none}.range-slider--preview-ready .range-slider-tick{z-index:1}.range-slider--disabled .range-slider-preview-strip{opacity:.4}@media (forced-colors: active){.range-slider-preview-strip{display:none}.range-slider--preview-ready .range-slider-rail{background:ButtonBorder}.range-slider--preview-ready .range-slider-fill{display:block}}.range-slider--modified .range-slider-value{color:var(--fg-brand-1-rest)}.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)}.range-slider--bar{display:block}.range-slider--bar .range-slider-control{block-size:var(--size-320);border-radius:var(--radius-large);overflow:hidden;background:var(--bg-neutral-2-rest)}.range-slider--bar .range-slider-rail{inset:0;block-size:100%;transform:none;border-radius:var(--radius-large)}.range-slider--bar:not(.range-slider--tinted) .range-slider-rail{background:transparent}.range-slider--bar:not(.range-slider--tinted) .range-slider-fill{inset-block:0;inset-inline-start:min(var(--range-slider-fill),var(--range-slider-neutral));inline-size:calc(max(var(--range-slider-fill),var(--range-slider-neutral)) - min(var(--range-slider-fill),var(--range-slider-neutral)));border-radius:0}.range-slider--bar .range-slider-tick{display:none}.range-slider--bar .range-slider-input{block-size:var(--size-320)}.range-slider--bar .range-slider-input::-webkit-slider-thumb{background:transparent;border-color:transparent;box-shadow:none}.range-slider--bar .range-slider-input::-moz-range-thumb{background:transparent;border-color:transparent;box-shadow:none}.range-slider--bar .range-slider-line{position:absolute;inset-block:0;inset-inline-start:var(--range-slider-fill);inline-size:var(--size-20);margin-inline-start:calc(-1 * var(--size-20) / 2);background:var(--fg-neutral-on-brand);box-shadow:var(--shadow-2);pointer-events:none;z-index:2}.range-slider--animating.range-slider--bar .range-slider-fill{transition:inline-size var(--anim-short) ease-out,inset-inline-start var(--anim-short) ease-out}.range-slider--animating.range-slider--bar .range-slider-line{transition:inset-inline-start var(--anim-short) ease-out}.range-slider--bar .range-slider-title,.range-slider--bar .range-slider-value{position:absolute;inset-block-start:50%;transform:translateY(-50%);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-on-brand);pointer-events:none;white-space:nowrap;z-index:2}.range-slider--bar .range-slider-title{inset-inline-start:var(--spacing-120)}.range-slider--bar .range-slider-value{inset-inline-end:var(--spacing-120);min-inline-size:0;text-align:end}.range-slider--bar.range-slider--modified .range-slider-value{color:var(--fg-neutral-on-brand)}.range-slider--bar:has(.range-slider-input:focus-visible) .range-slider-control{box-shadow:0 0 0 var(--size-20) var(--stroke-focus-1),0 0 0 var(--size-40) var(--stroke-focus-2)}.range-slider--bar.range-slider--disabled .range-slider-control{opacity:.4}@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}.range-slider--bar .range-slider-line{forced-color-adjust:none;background:CanvasText;box-shadow:none}.range-slider--bar .range-slider-title,.range-slider--bar .range-slider-value{forced-color-adjust:none;color:CanvasText}}