.code-slots{--cs-accent:#f5f5f5;--cs-ink:#f5f5f5;--cs-slot:#27272a;--cs-digit:#18181b;--cs-danger:#ff3b30;--cs-size:44px;--cs-height:52px;--cs-gap:8px;--cs-radius:12px;--cs-font:22px;display:inline-block;position:relative}.code-slots__row{gap:var(--cs-gap);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s;display:inline-flex;position:relative}.code-slots__row[data-disabled]{opacity:.5;cursor:not-allowed}.code-slots__input{z-index:4;color:#0000;caret-color:#0000;opacity:0;cursor:inherit;appearance:none;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.code-slots__wash{z-index:1;border-radius:var(--cs-radius);background:var(--cs-accent);color:var(--cs-digit);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.code-slots__check{place-items:center;display:grid}.code-slots__slot{width:var(--cs-size);height:var(--cs-height);border-radius:var(--cs-radius);background:var(--cs-slot);-webkit-user-select:none;user-select:none;transition:background-color .2s;position:relative;overflow:hidden}.code-slots__fill{border-radius:inherit;background:var(--cs-accent);transform-origin:50%;transition:background-color .2s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.code-slots__row[data-status=idle]:not([data-disabled]):hover .code-slots__slot:not([data-active]){background:color-mix(in srgb, var(--cs-ink) 4%, var(--cs-slot))}}.code-slots__slot[data-active]{background:color-mix(in srgb, var(--cs-ink) 8%, var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__slot{background:color-mix(in srgb, var(--cs-danger) 20%, var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__fill{background:var(--cs-danger)}.code-slots__digit{z-index:2;color:var(--cs-digit);font-family:inherit;font-size:var(--cs-font);font-variant-numeric:tabular-nums;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.code-slots__caret{z-index:3;top:25%;left:calc(var(--cs-size) / 2 - .75px);opacity:0;pointer-events:none;width:1.5px;height:50%;position:absolute}.code-slots__caret[data-show]{opacity:1}.code-slots__caret-line{background:var(--cs-ink);width:100%;height:100%;animation:1s linear infinite code-slots-blink;display:block}@keyframes code-slots-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.code-slots__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.code-slots__digit,.code-slots__check{transition:opacity .15s;transform:none!important}.code-slots__caret-line{animation:none}.code-slots__wash{opacity:0;transition:opacity .2s}.code-slots__row[data-status=success] .code-slots__wash{opacity:1}}.status-mark{--sm-size:20px;--sm-stroke:2;--sm-color:currentColor;--sm-done:#22c55e;--sm-error:#ef4444;--sm-fill:.06;--sm-font:14px;--sm-draw:.24s;--sm-strike-delay:.18s;--sm-muted:.55;--sm-check-delay:.12s;--sm-label-o:.65;--sm-ease-out:cubic-bezier(.23, 1, .32, 1);--sm-ease-in-out:cubic-bezier(.77, 0, .175, 1);align-items:center;gap:calc(var(--sm-size) * .5);vertical-align:middle;line-height:1;display:inline-flex;position:relative}.status-mark__glyph{color:var(--sm-color);flex:none;transition:color .2s;overflow:visible}.status-mark[data-status=done] .status-mark__glyph{color:var(--sm-done)}.status-mark[data-status=failed] .status-mark__glyph{color:var(--sm-error)}.status-mark__track{fill:currentColor;stroke:currentColor;stroke-width:var(--sm-stroke);fill-opacity:0;stroke-opacity:0;transition:fill-opacity .18s,stroke-opacity .2s}.status-mark[data-status=running] .status-mark__track{stroke-opacity:.2}.status-mark[data-status=done] .status-mark__track,.status-mark[data-status=failed] .status-mark__track{fill-opacity:var(--sm-fill)}.status-mark__ring{fill:none;stroke:currentColor;stroke-width:var(--sm-stroke);stroke-linecap:round;opacity:var(--sm-muted);transition:opacity .2s}.status-mark[data-status=running] .status-mark__ring,.status-mark[data-status=done] .status-mark__ring,.status-mark[data-status=failed] .status-mark__ring{opacity:1}.status-mark__check,.status-mark__cross{fill:none;stroke:currentColor;stroke-width:var(--sm-stroke);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.05px;opacity:0;transition:stroke-dashoffset .16s var(--sm-ease-out), opacity 0s linear .16s}.status-mark[data-status=done] .status-mark__check,.status-mark[data-status=failed] .status-mark__cross,.status-mark[data-status=cancelled] .status-mark__cross{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset var(--sm-draw) var(--sm-ease-out) var(--sm-check-delay), opacity 0s linear var(--sm-check-delay)}.status-mark__label{color:var(--sm-color);font-size:var(--sm-font);opacity:var(--sm-label-o);line-height:1.25;transition:opacity .2s;position:relative}.status-mark[data-status=running]{--sm-label-o:1}.status-mark[data-status=done]{--sm-label-o:.6}.status-mark[data-status=failed]{--sm-label-o:1}.status-mark[data-status=cancelled]{--sm-label-o:.55}.status-mark__strike{height:max(1px, calc(var(--sm-font) / 14));transform-origin:0;pointer-events:none;transition:transform .16s var(--sm-ease-out);background:currentColor;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)translateY(-50%)}.status-mark[data-status=done][data-strike] .status-mark__strike{transition:transform .28s var(--sm-ease-out) var(--sm-strike-delay);transform:scaleX(1)}.status-mark__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sm-breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.status-mark[data-indeterminate] .status-mark__ring{animation:sm-breathe 1.4s var(--sm-ease-in-out) infinite}.status-mark__check,.status-mark__cross{stroke-dashoffset:0;transition:opacity .2s}.status-mark__strike{opacity:0;transition:opacity .2s;transform:scaleX(1)!important}.status-mark[data-status=done][data-strike] .status-mark__strike{opacity:1}}.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#fff;--ow-font-size:3rem;--ow-inset:80px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.option-wheel:focus-visible{outline:2px solid var(--ow-active-color);outline-offset:-2px;border-radius:16px}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));font-weight:200;line-height:1;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected{font-weight:500}.branched-menu{--bm-w:240px;--bm-ink:#f5f5f5;--bm-accent:#f5f5f5;--bm-line:#3f3f46;--bm-font:14px;--bm-row:36px;--bm-indent:40px;--bm-line-w:1.5;--bm-draw:.4s;--bm-fold:.3s;--bm-ease-out:cubic-bezier(.23, 1, .32, 1);--bm-muted:color-mix(in srgb, var(--bm-ink) 55%, transparent);width:fit-content;max-width:min(var(--bm-w), 100%);color:var(--bm-ink);font-family:inherit;font-size:var(--bm-font);flex-direction:column;padding-left:14px;line-height:1.2;display:flex;position:relative}.branched-menu:before{content:"";background:linear-gradient(to bottom, var(--bm-line) 0%, var(--bm-line) 55%, transparent 100%);border-radius:1px;width:2px;position:absolute;top:8px;bottom:0;left:0}.branched-menu__marker{z-index:1;background:var(--bm-accent);opacity:0;width:2px;height:16px;transition:top .22s var(--bm-ease-out), opacity .15s ease;border-radius:1px;position:absolute;top:-1px;left:0}.branched-menu__marker[data-on]{opacity:1}.branched-menu__section{flex-direction:column;display:flex}.branched-menu__head{color:var(--bm-muted);font:inherit;font-size:calc(var(--bm-font) + 1px);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:9px 0;font-weight:500;transition:color .2s;display:block}.branched-menu__head:focus-visible,.branched-menu__item:focus-visible{outline:2px solid var(--bm-accent);outline-offset:2px;border-radius:6px}.branched-menu__section[data-open] .branched-menu__head,.branched-menu__head[data-active]{color:var(--bm-ink)}@media (hover:hover) and (pointer:fine){.branched-menu__head:hover{color:var(--bm-ink)}}.branched-menu__body{transition:grid-template-rows var(--bm-fold) var(--bm-ease-out);grid-template-rows:0fr;display:grid}.branched-menu__section[data-open] .branched-menu__body{grid-template-rows:1fr}.branched-menu__fold{min-height:0;overflow:hidden}.branched-menu__tree{box-sizing:border-box;padding:6px 0;position:relative}.branched-menu__lines{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0;overflow:visible}.branched-menu__section[data-open] .branched-menu__lines{opacity:1;transition:opacity .25s .1s}.branched-menu__base,.branched-menu__reach{fill:none;stroke-width:var(--bm-line-w);stroke-linecap:round;stroke-linejoin:round}.branched-menu__base{stroke:var(--bm-line)}.branched-menu__reach{stroke:var(--bm-accent);transition:stroke-dashoffset var(--bm-draw) var(--bm-ease-out)}.branched-menu__item{width:100%;height:var(--bm-row);padding:0 0 0 var(--bm-indent);color:var(--bm-muted);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;align-items:center;gap:8px;margin:0;transition:color .2s;display:flex}@media (hover:hover) and (pointer:fine){.branched-menu__item:hover{color:var(--bm-ink)}}.branched-menu__item[data-active]{color:var(--bm-accent);font-weight:500}.branched-menu__icon{flex:none;display:inline-flex}.branched-menu__label{white-space:nowrap}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s}.branched-menu__body,.branched-menu__reach{transition:none}}
