:root{--ctl-fg:var(--foreground);--ctl-fg-2:color-mix(in oklab, var(--foreground) 62%, transparent);--ctl-fg-3:color-mix(in oklab, var(--foreground) 42%, transparent);--ctl-field:color-mix(in oklab, var(--foreground) 4%, transparent);--ctl-field-hover:color-mix(in oklab, var(--foreground) 8%, transparent);--ctl-edge:color-mix(in oklab, var(--foreground) 10%, transparent);--ctl-edge-strong:color-mix(in oklab, var(--foreground) 24%, transparent);--ctl-divider:color-mix(in oklab, var(--foreground) 8%, transparent);--ctl-selected:color-mix(in oklab, var(--foreground) 13%, transparent);--ctl-track:color-mix(in oklab, var(--foreground) 18%, transparent);--ctl-fill:var(--foreground);--ctl-accent:var(--cta);--ctl-accent-hover:var(--cta-hover);--ctl-accent-fg:var(--cta-foreground);--ctl-ring:var(--ring)}.ctl-range{--ctl-fill-at:0%;--ctl-origin-at:-10%;--ctl-tick:color-mix(in oklab, var(--foreground) 55%, transparent);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;min-width:0;height:16px;margin:0;display:block}@media (pointer:coarse){.ctl-range{height:24px}}.ctl-range:focus{outline:none}.ctl-range::-webkit-slider-runnable-track{background:linear-gradient(var(--ctl-tick), var(--ctl-tick)) var(--ctl-origin-at) 50% / 1px 8px no-repeat, linear-gradient(to right, var(--ctl-fill) var(--ctl-fill-at), var(--ctl-track) var(--ctl-fill-at));border-radius:2px;height:2px}.ctl-range::-moz-range-track{background:linear-gradient(var(--ctl-tick), var(--ctl-tick)) var(--ctl-origin-at) 50% / 1px 8px no-repeat, var(--ctl-track);border-radius:2px;height:2px}.ctl-range::-moz-range-progress{background:var(--ctl-fill);border-radius:2px;height:2px}.ctl-range::-webkit-slider-thumb{appearance:none;background:var(--ctl-fill);height:10px;transition:scale var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) ease;border:0;border-radius:3px;width:10px;margin-top:-4px}.ctl-range::-moz-range-thumb{background:var(--ctl-fill);height:10px;transition:scale var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) ease;border:0;border-radius:3px;width:10px}@media (hover:hover) and (pointer:fine){.ctl-range:hover::-webkit-slider-thumb{scale:1.3}.ctl-range:hover::-moz-range-thumb{scale:1.3}}.ctl-range:active::-webkit-slider-thumb{scale:1.3}.ctl-range:active::-moz-range-thumb{scale:1.3}.ctl-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in oklab, var(--ctl-ring) 55%, transparent)}.ctl-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in oklab, var(--ctl-ring) 55%, transparent)}.ctl-range:disabled{cursor:default}.ctl-seg-pill{background:var(--ctl-selected);pointer-events:none;height:0;transition:transform var(--motion-base) var(--ease-out), width var(--motion-base) var(--ease-out);border-radius:6px;width:0;position:absolute;top:0;left:0}.ctl-seg:not([data-pill]) .ctl-seg-pill{visibility:hidden}.ctl-seg[data-pill] [data-selected=true]{background:0 0}@media (prefers-reduced-motion:no-preference){.ctl-reveal:not([hidden]){animation:ctl-reveal var(--motion-fast) var(--ease-out)}}@keyframes ctl-reveal{0%{opacity:0;translate:0 -3px}}.ctl-caret{transition:rotate var(--motion-base) var(--ease-out)}.ctl-caret[data-open=false]{rotate:-90deg}@media (prefers-reduced-motion:reduce){.ctl-range::-webkit-slider-thumb{transition:none}.ctl-range::-moz-range-thumb{transition:none}.ctl-seg-pill,.ctl-caret{transition:none}}