.switch{min-width:var(--hit);min-height:var(--hit);color:inherit;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.switch-track{border-radius:var(--radius-full);background:var(--black-10);width:51px;height:30px;transition:background-color var(--fade) var(--ease-sheet);display:block;position:relative}.switch[aria-checked=true] .switch-track{background:var(--tile-tone-ink,var(--title))}.switch-thumb{border-radius:var(--radius-full);background:var(--white);width:24px;height:24px;box-shadow:var(--shadow-subtle);transition:translate var(--fade) var(--ease-sheet);position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-thumb{translate:21px}.switch:disabled{cursor:default;opacity:.45}.switch[aria-busy=true]{cursor:progress}.switch[aria-busy=true] .switch-thumb:after{content:"";border:2px solid var(--black-10);border-top-color:var(--tile-tone-ink,var(--title));border-radius:50%;animation:.8s linear infinite switch-spin;position:absolute;inset:5px}@keyframes switch-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.switch[aria-busy=true] .switch-thumb:after{animation-duration:2.4s}}
.flow-fader{width:100%;height:var(--hit);flex:auto;min-width:0;position:relative}.flow-fader-track{border-radius:var(--radius-full);background:var(--black-10);height:4px;position:absolute;top:50%;left:21px;right:21px;translate:0 -50%}.flow-fader-tick{background:var(--black-10);border-radius:2px;width:2px;height:12px;position:absolute;top:50%;translate:-50% -50%}.flow-fader-input{width:100%;height:100%;cursor:var(--cursor);opacity:0;appearance:none;touch-action:none;background:0 0;margin:0;position:absolute;inset:0}.flow-fader-input::-webkit-slider-runnable-track{background:0 0;border:0;height:4px}.flow-fader-input::-webkit-slider-thumb{appearance:none;width:42px;height:28px;margin:0}.flow-fader-input::-moz-range-track{background:0 0;border:0;height:4px}.flow-fader-input::-moz-range-thumb{background:0 0;border:0;width:42px;height:28px;margin:0}.flow-fader-knob{--flow-sheen:1s;--flow-sheen-delay:50ms;--flow-ease:var(--ease-out);border-radius:var(--radius-sm);background:var(--white);width:42px;height:28px;box-shadow:var(--shadow-subtle);pointer-events:none;isolation:isolate;transition:left var(--fade) var(--flow-ease), box-shadow var(--fade) ease, scale var(--fade) ease;position:absolute;top:50%;translate:0 -50%;scale:1}.flow-fader-knob:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 32%,#ffffff8c 48%,#0000 64%) 120% 0/220% 100% no-repeat;position:absolute;inset:0}@media (hover:hover){.flow-fader[data-knob-hover] .flow-fader-knob,.flow-fader-input:active+.flow-fader-knob{box-shadow:var(--shadow-strong);scale:1.18}.flow-fader[data-knob-hover] .flow-fader-knob:before,.flow-fader-input:active+.flow-fader-knob:before{animation:flow-fader-sheen var(--flow-sheen) var(--flow-ease) var(--flow-sheen-delay) both}.flow-fader[data-knob-hover] .flow-fader-knob:after,.flow-fader-input:active+.flow-fader-knob:after{background:var(--tile-tone-ink)}}.flow-fader-input:active+.flow-fader-knob{box-shadow:var(--shadow-strong);transition:box-shadow var(--fade) ease, scale var(--fade) ease;scale:1.18}.flow-fader-knob:after{content:"";z-index:1;background:var(--tile-tone);border-radius:2px;width:3px;position:absolute;top:7px;bottom:7px;left:50%;translate:-50%}@keyframes flow-fader-sheen{0%{opacity:1;background-position:120% 0}to{opacity:1;background-position:-20% 0}}.flow-fader-input:focus-visible+.flow-fader-knob{outline:2px solid var(--title);outline-offset:2px}.flow-fader[data-disabled=true]{opacity:.45;pointer-events:none}