.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}
.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}
.start-flow{--flow-sheen:1.2s;--flow-sheen-delay:.15s;--flow-pulse-delay:.45s;--flow-ease:var(--ease-out);--kbd-bg:transparent;--kbd-ink:#ffffffd1;isolation:isolate;box-sizing:border-box;width:min(38rem,100%);min-width:0;height:70px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:var(--title);color:var(--tile-tone-pale);font-size:var(--text);letter-spacing:-.02em;touch-action:none;-webkit-user-select:none;user-select:none;transition:color var(--fade) ease;border:0;justify-content:center;align-items:center;margin:25px auto 0;font-weight:500;line-height:1.2;display:flex;position:relative}.start-flow:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 32%,#ffffff4d 48%,#0000 64%) 120% 0/220% 100% no-repeat;position:absolute;inset:0}.start-flow-face{justify-content:center;align-items:center;gap:var(--space-sm);pointer-events:none;opacity:1;min-width:0;transition:opacity var(--fade) ease;display:flex;position:relative}.start-flow-copy{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex;position:relative}.start-flow-label{justify-items:start;display:inline-grid}.start-flow-label-text,.start-flow-label-sizer{grid-area:1/1}.start-flow-label-sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.start-flow-keys{top:50%;right:var(--space-lg);align-items:center;gap:var(--kbd-gap);pointer-events:none;opacity:1;transition:opacity var(--fade) ease;display:inline-flex;position:absolute;translate:0 -50%}.start-flow[data-holding=true] .start-flow-keys{opacity:0}.start-flow-keys .kbd:not(.kbd-text){width:var(--kbd-height);padding:0}.start-flow-keys .kbd-icon[data-style=with-line]{color:var(--kbd-ink);opacity:.82}.start-flow-keys .kbd-text{opacity:.82;font-weight:400}@media (max-width:640px),(hover:none) and (pointer:coarse){.start-flow-keys{display:none}}.start-flow-hint{max-width:100%;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;opacity:.72;transition:opacity var(--fade) ease;font-weight:400;line-height:1.2;overflow:hidden}.start-flow-hint[data-hold=true]{opacity:0}.start-flow[data-holding=true] .start-flow-label-text{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-flow-hold{z-index:0;border-radius:inherit;background:var(--black-10);pointer-events:none;clip-path:inset(100% 0 0);position:absolute;inset:0}.start-flow[data-holding=true]{background:var(--danger-fill);color:#fff;transition:none}.start-flow[data-holding=true] .start-flow-hold{animation:.8s linear forwards start-flow-hold}.start-flow[data-holding=true] .start-flow-play{color:var(--danger-fill);background:#fff}@keyframes start-flow-hold{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.start-flow-session-icon{width:32px;height:32px}.start-flow-session-icon-play{transform:translate(1px)}.start-flow-play{border-radius:var(--radius-full);background:var(--tile-tone-pale);width:48px;height:48px;color:var(--title);transition:background-color var(--fade) ease;flex:0 0 48px;place-items:center;display:grid;position:relative}.start-flow-play-glyph{border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity var(--fade) ease;grid-area:1/1;place-items:center;display:grid;overflow:visible}.start-flow-play-glyph[data-active=true]{opacity:1}.start-flow-play:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2.5px solid #ffffffd9;position:absolute;inset:0}.start-flow-play-icon{transition:opacity var(--fade) ease;grid-area:1/1}.start-flow-play-icon-rest{fill:currentColor;width:32px;height:32px;transform:translate(1px)}.start-flow .start-flow-play-icon.start-flow-play-icon-hover{opacity:0;place-self:center;width:32px;height:32px}.start-flow-play-icon-hover svg{width:100%;height:100%;display:block}@media (hover:hover){.start-flow[data-hover=true]{box-shadow:var(--shadow-strong)}.start-flow[data-phase=idle][data-hover=true],.start-flow[data-phase=running][data-hover=true]{color:var(--white);transition:none}.start-flow[data-phase=idle][data-hover=true] .start-flow-play,.start-flow[data-phase=running][data-hover=true] .start-flow-play{background:var(--white);transition:none}.start-flow[data-phase=idle][data-hover=true] .start-flow-play-icon{transition:none}.start-flow[data-phase=idle][data-hover=true]:after{animation:start-flow-sheen var(--flow-sheen) var(--flow-ease) var(--flow-sheen-delay) both}.start-flow[data-phase=idle][data-hover=true] .start-flow-play-icon-rest{opacity:0}.start-flow[data-phase=idle][data-hover=true] .start-flow-play-icon-hover{opacity:1}.start-flow[data-phase=idle][data-hover=true] .start-flow-play:before{animation:start-flow-pulse 2.2s var(--flow-ease) infinite;animation-delay:var(--flow-pulse-delay)}}@keyframes start-flow-sheen{0%{opacity:1;background-position:120% 0}to{opacity:1;background-position:-20% 0}}@keyframes start-flow-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.15)}}.flow-time{box-sizing:border-box;border-radius:var(--radius-full);background:var(--page);width:70px;height:70px;box-shadow:var(--shadow-subtle), 0 0 0 1px var(--black-10);color:var(--title);transition:background-color var(--fade) ease;border:0;flex:0 0 70px;place-items:center;display:grid}@media (hover:hover){.flow-time:hover:not(:disabled){background:var(--white)}}.flow-time .icon{width:32px;height:32px}.flow-time:disabled{opacity:.45}.flow-time-panel{isolation:isolate;box-sizing:border-box;padding:var(--space);border-radius:var(--radius);background:var(--page);box-shadow:var(--shadow-strong);color:var(--title);position:fixed}.flow-time-value{margin:0 0 var(--space-sm);font-size:var(--text-sm);font-weight:500}.flow-time-slider{box-sizing:border-box;width:100%;height:var(--hit);align-items:center;margin:0;display:flex}.flow-time-marks{gap:var(--space-xs);margin-top:var(--space-xs);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.flow-time-mark{box-sizing:border-box;width:100%;height:var(--hit);min-width:0;padding:0 var(--space-xs);border-radius:var(--radius-sm);color:var(--content);font:inherit;font-size:var(--text-sm);cursor:var(--cursor);background:0 0;border:0;margin:0;font-weight:500;line-height:1}.flow-time-mark[aria-pressed=true],.flow-time-mark-custom[data-pressed=true],.flow-time-saved[data-pressed=true]{background:var(--black-5);color:var(--title)}.flow-time-mark:hover{color:var(--title)}.flow-time-mark-custom{cursor:text;place-items:center;display:grid}.flow-time-mark-input{box-sizing:border-box;border-radius:inherit;width:100%;min-width:0;max-width:100%;height:100%;color:inherit;font:inherit;font-size:var(--text-sm);font-weight:inherit;text-align:center;cursor:text;appearance:textfield;background:0 0;border:0;margin:0;padding:0;line-height:1}.flow-time-mark-input::placeholder{color:var(--content);opacity:1}.flow-time-mark-custom[data-pressed=true] .flow-time-mark-input::placeholder{color:var(--title)}.flow-time-mark-input:focus{outline:none}.flow-time-saved{place-items:center;padding:0;display:grid;position:relative}.flow-time-saved-pick{border-radius:inherit;width:100%;height:100%;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;cursor:var(--cursor);background:0 0;border:0}.flow-time-saved-x{border-radius:var(--radius-full);background:var(--white);width:16px;height:16px;color:var(--content);font:inherit;font-size:var(--text-xs);cursor:var(--cursor);border:0;place-items:center;padding:0;line-height:1;display:grid;position:absolute;top:2px;right:2px}.flow-time-mark-input::-webkit-outer-spin-button{appearance:none;margin:0}.flow-time-mark-input::-webkit-inner-spin-button{appearance:none;margin:0}.flow-time-strict{justify-content:space-between;align-items:center;gap:var(--space);box-sizing:border-box;width:100%;padding:var(--space-sm);border-radius:var(--radius);outline-offset:0;background:var(--white);box-shadow:var(--shadow-subtle);color:inherit;font:inherit;text-align:start;cursor:var(--cursor);transition:outline-color var(--fade) ease;border:0;outline:1px solid #0000;margin:0;display:flex}@media (hover:hover){.flow-time-strict:hover{outline-color:var(--black-10)}}.flow-time-strict-copy{gap:0;min-width:0;display:grid}.flow-time-strict-label,.flow-time-strict-hint{font-size:var(--text-sm);margin:0}.flow-time-strict-label{color:var(--title);font-weight:500}.flow-time-strict-hint{color:var(--content)}.flow-time-strict .switch{pointer-events:none}html:fullscreen{background:var(--page)}