.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)}
@property --flow-t{syntax:"<number>";inherits:true;initial-value:0}.flow-visual{--pill:28px;--pill-gap:6px;--rest-step:22px;--label-max:round(down, max(0px, calc(100cqw - 150px)), 100px);--flow-intent:.1s;pointer-events:none;position:absolute;inset:0;container-type:size}.flow-visual-pill{--column-top:calc(50cqh - (var(--n) * var(--pill) + (var(--n) - 1) * var(--pill-gap)) / 2);--open-y:calc(var(--column-top) - var(--space) + var(--i) * (var(--pill) + var(--pill-gap)));--rest-x:calc(var(--i) * var(--rest-step) * -1);top:var(--space);right:var(--space);z-index:calc(3 - var(--i));box-sizing:border-box;height:var(--pill);min-width:var(--pill);padding:0 calc((var(--pill) - 14px) / 2);border-radius:var(--radius-full);background:var(--white);color:var(--title);box-shadow:var(--shadow-subtle), 0 0 0 1px color-mix(in srgb, var(--tile-tone) 28%, transparent);translate:calc(var(--rest-x) * (1 - var(--flow-t))) calc(var(--open-y) * var(--flow-t));transition:--flow-t .24s var(--ease-sheet);align-items:center;display:flex;position:absolute}.flow-visual-icon{flex:none;width:14px;height:14px}.flow-visual-label{max-width:calc(var(--label-max) * var(--flow-t));padding-left:calc(min(6px, var(--label-max)) * var(--flow-t));color:var(--title);font-size:var(--text-xs);white-space:nowrap;opacity:var(--flow-t);font-weight:600;line-height:1;overflow:hidden}.tile-shell:not([data-hidden=true]) .tile:is(:hover,:focus-visible) .flow-visual-pill{--flow-t:1}.tile-shell:not([data-hidden=true]) .tile:hover .flow-visual-pill{transition:--flow-t .46s var(--ease-standard) calc(var(--flow-intent) + var(--i) * 40ms)}.tile-shell:not([data-hidden=true]) .tile:focus-visible .flow-visual-pill{transition:--flow-t .46s var(--ease-standard) calc(var(--i) * 40ms)}html[data-tile-reseat] .flow-visual-pill{transition:none!important}html[data-tile-motion=off] .flow-visual-pill{--flow-t:0!important;transition:none!important}