.slider.svelte-jchife{--thumb:18px;--track-h:6px;gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.head.svelte-jchife{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--text-md);display:flex}label.svelte-jchife{font-weight:550}.value.svelte-jchife{color:var(--text-muted);font-variant-numeric:tabular-nums}input.svelte-jchife{--fill:linear-gradient(to right, var(--surface-3) 0 calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--from)), var(--accent) 0 calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--to)), var(--surface-3) 0);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;block-size:24px;inline-size:100%;margin:0}.custom.svelte-jchife input:where(.svelte-jchife){--fill:var(--track)}input.svelte-jchife:disabled{cursor:not-allowed;opacity:.5}input.svelte-jchife::-webkit-slider-runnable-track{block-size:var(--track-h);border-radius:var(--radius-pill);background:var(--fill)}input.svelte-jchife::-moz-range-track{block-size:var(--track-h);border-radius:var(--radius-pill);background:var(--fill)}.custom.svelte-jchife input:where(.svelte-jchife){--track-h:12px}.custom.svelte-jchife input:where(.svelte-jchife)::-webkit-slider-runnable-track{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 12%, transparent)}input.svelte-jchife::-webkit-slider-thumb{appearance:none;inline-size:var(--thumb);block-size:var(--thumb);border:2px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-1);transition:scale var(--dur-fast) var(--ease);border-radius:50%;margin-block-start:calc((var(--track-h) - var(--thumb)) / 2)}input.svelte-jchife::-moz-range-thumb{inline-size:var(--thumb);block-size:var(--thumb);border:2px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-1);border-radius:50%}.custom.svelte-jchife input:where(.svelte-jchife)::-webkit-slider-thumb{border-color:var(--knob);box-shadow:0 0 0 1px var(--knob-ring), var(--shadow-2);background:0 0}.custom.svelte-jchife input:where(.svelte-jchife)::-moz-range-thumb{border-color:var(--knob);box-shadow:0 0 0 1px var(--knob-ring), var(--shadow-2);background:0 0}input.svelte-jchife:active::-webkit-slider-thumb{scale:1.12}input.svelte-jchife:focus-visible{outline:none}input.svelte-jchife:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:2px}input.svelte-jchife:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:2px}
