.dial.svelte-1syrzkq{--at: 0%}.stops.svelte-1syrzkq li:where(.svelte-1syrzkq){--f: 0%}.track.svelte-1syrzkq{position:relative;height:6px;margin:0 9px 20px;border-radius:3px;background:var(--surface-2)}.fill.svelte-1syrzkq{position:absolute;inset:0 auto 0 0;width:var(--at);border-radius:3px;background:linear-gradient(90deg,var(--color-ok),var(--color-teal))}.thumb.svelte-1syrzkq{position:absolute;top:50%;left:var(--at);width:18px;height:18px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%);box-shadow:0 1px 5px #0000008c}.stops.svelte-1syrzkq{position:relative;height:1.3em;margin:0 9px;padding:0;list-style:none;font-family:var(--mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stops.svelte-1syrzkq li:where(.svelte-1syrzkq){position:absolute;top:0;left:var(--f);white-space:nowrap;transform:translate(-50%)}.stops.svelte-1syrzkq li:where(.svelte-1syrzkq):first-child{transform:none}.stops.svelte-1syrzkq li:where(.svelte-1syrzkq):last-child{transform:translate(-100%)}.stops.svelte-1syrzkq li.on:where(.svelte-1syrzkq){color:var(--color-ok)}.def.svelte-1syrzkq{color:var(--muted)}@media(max-width:760px){.dial.svelte-1syrzkq{--row-h: 26px;display:grid;grid-template-columns:18px 1fr;align-items:stretch;gap:0 14px;margin-left:3px}.track.svelte-1syrzkq{width:6px;height:auto;margin:calc(var(--row-h) / 2) 0;justify-self:center}.fill.svelte-1syrzkq{inset:0 0 auto 0;width:auto;height:var(--at);background:linear-gradient(180deg,var(--color-ok),var(--color-teal))}.thumb.svelte-1syrzkq{top:var(--at);left:50%}.stops.svelte-1syrzkq{height:auto;margin:0}.stops.svelte-1syrzkq li:where(.svelte-1syrzkq),.stops.svelte-1syrzkq li:where(.svelte-1syrzkq):first-child,.stops.svelte-1syrzkq li:where(.svelte-1syrzkq):last-child{position:static;display:flex;align-items:center;height:var(--row-h);transform:none;white-space:nowrap}}@media(max-width:420px){.stops.svelte-1syrzkq{letter-spacing:.02em;text-transform:none}}