@layer stageshow{.ss-toast{border-radius:var(--ss-radius-lg);box-shadow:var(--ss-shadow-satellite);color:#fff;opacity:0;will-change:transform;margin-block:var(--ss-toast-rise,10px) calc(-1 * var(--ss-toast-rise,10px));background:#1c1c1f;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:opacity .35s,margin .6s cubic-bezier(.22,1,.36,1);display:inline-flex}.ss-toast[data-show]{opacity:1;margin-block:0}.ss-toast__icon{opacity:.8;display:grid}.ss-toast__action{color:#fff9;margin-left:6px;font-weight:500}[data-theme=dark] .ss-toast,.ss-stage[data-theme=dark] .ss-toast{background:var(--ss-raised);color:var(--ss-text-strong)}}
@layer stageshow{.ss-tooltip{z-index:20;border-radius:var(--ss-radius-sm);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#26262a;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:500;transition:opacity .1s,transform .1s;display:flex;position:absolute;transform:translate(-50%,-2px)}.ss-tooltip[data-side=above]{transform:translate(-50%,calc(2px - 100%))}.ss-tooltip[data-show]{opacity:1;transition-duration:.15s;transform:translate(-50%)}.ss-tooltip[data-side=above][data-show]{transform:translate(-50%,-100%)}.ss-tooltip__label{text-box:trim-both cap alphabetic;display:block}}
@layer stageshow{.ss-meter{background:var(--ss-ink-1);border-radius:3px;height:6px;display:block;overflow:hidden}.ss-meter__fill{background:linear-gradient(90deg, var(--ss-accent), var(--ss-accent-2,var(--ss-accent)));width:100%;height:100%;transition:clip-path .8s cubic-bezier(.45,0,.2,1);display:block;position:relative}.ss-meter__fill:after{content:"";background-color:var(--ss-meter-tone,var(--ss-accent));opacity:0;transition:opacity .4s,background-color .4s;position:absolute;inset:0}.ss-meter[data-tone=danger]{--ss-meter-tone:var(--ss-danger)}.ss-meter[data-tone=warning]{--ss-meter-tone:var(--ss-warning)}.ss-meter[data-tone=success]{--ss-meter-tone:var(--ss-success)}.ss-meter[data-tone=ink]{--ss-meter-tone:var(--ss-ink-5)}.ss-meter:not([data-tone=accent]) .ss-meter__fill:after{opacity:1}}
@layer stageshow{.ss-menu{flex-direction:column;display:flex}.ss-menu__item{height:var(--ss-row);border-radius:var(--ss-radius-sm);color:var(--ss-text-strong);align-items:center;gap:8px;padding:0 8px;font-size:12px;transition:background-color .12s;display:flex}.ss-menu__item[data-active]{background-color:var(--ss-ink-2)}.ss-menu__item{transition:background-color .15s}.ss-menu__item[data-hover]{background-color:var(--ss-ink-2);transition-duration:0s}}
@layer stageshow{.ss-facepile{align-items:center;display:inline-flex}.ss-facepile__face{display:flex}.ss-facepile__face+.ss-facepile__face{margin-left:var(--ss-overlap)}}
@layer stageshow{.ss-pin{--ss-pin-r:50% 50% 50% 0;box-sizing:border-box;border-radius:var(--ss-pin-r);background:var(--ss-surface);will-change:transform;flex-shrink:0;place-items:center;padding:2px;transition:box-shadow .3s;display:inline-grid;position:relative;box-shadow:0 0 0 1px #0000000f,0 2px 6px -1px #00000040}.ss-pin[data-corner=br]{--ss-pin-r:50% 50% 0 50%}.ss-pin[data-corner=tl]{--ss-pin-r:0 50% 50% 50%}.ss-pin[data-corner=tr]{--ss-pin-r:50% 0 50% 50%}.ss-pin__face{border-radius:var(--ss-pin-r);background:var(--ss-ink-3);width:100%;height:100%;color:var(--ss-text-strong);place-items:center;font-weight:600;line-height:1;display:grid;overflow:hidden}.ss-pin[data-tone=accent] .ss-pin__face{background:var(--ss-accent);color:#fff}.ss-pin__face img{object-fit:cover;width:100%;height:100%}.ss-pin[data-selected]{box-shadow:0 0 0 1.5px var(--ss-surface), 0 0 0 3px var(--ss-accent), 0 2px 6px -1px #00000040}.ss-pin[data-selected][data-tone=ink]{box-shadow:0 0 0 1.5px var(--ss-surface), 0 0 0 3px var(--ss-ink-5), 0 2px 6px -1px #00000040}}
@layer stageshow{.ss-row{--ss-row-pad:12px;--ss-row-title:12px;--ss-row-subtitle:11.5px;--ss-row-meta:11px;--ss-row-line:16px;--ss-row-line-2:16px;--ss-row-gap:2px;--ss-row-dot:6px;padding:var(--ss-row-pad) var(--ss-row-pad);border-radius:var(--ss-radius-lg);will-change:transform;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:10px;transition:background .2s;display:grid;position:relative}.ss-row[data-selected],.ss-row[data-hover]{background:var(--ss-ink-1)}.ss-row[data-lead]{grid-template-columns:auto minmax(0,1fr)}.ss-row>:not(.ss-row__lead):not(.ss-row__body):not(.ss-row__dot):not(.ss-row__preview){grid-row:1;place-self:center end}.ss-row__dot{z-index:1;left:calc(-7px - var(--ss-row-dot));width:var(--ss-row-dot);height:var(--ss-row-dot);margin-top:calc(3px - var(--ss-row-dot) / 2);background:var(--ss-accent);border-radius:50%;grid-area:1/1/2/2;position:absolute;top:calc(50% - 3px)}.ss-phone__screen .ss-row{--ss-row-title:17px;--ss-row-subtitle:15px;--ss-row-meta:15px;--ss-row-line:22px;--ss-row-line-2:20px;--ss-row-gap:0px;--ss-row-dot:10px}.ss-row__lead{grid-area:1/1/2/2;align-items:center;display:inline-flex}.ss-row__body{gap:var(--ss-row-gap);flex-direction:column;grid-row:1;justify-content:center;min-width:0;display:flex}.ss-row:has(.ss-row__subtitle,.ss-row__preview) .ss-row__body{min-height:calc(var(--ss-row-line) + var(--ss-row-line-2) + var(--ss-row-gap))}.ss-row__head{min-height:var(--ss-row-line);align-items:center;gap:8px;display:flex}.ss-row__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ss-row-title);font-weight:600;line-height:var(--ss-row-line);color:var(--ss-text-strong);flex:1;overflow:hidden}.ss-row__meta{font-size:var(--ss-row-meta);line-height:var(--ss-row-line);color:var(--ss-text-faint);flex:none}.ss-row__subtitle{text-overflow:ellipsis;white-space:nowrap;font-size:var(--ss-row-subtitle);line-height:var(--ss-row-line-2);color:var(--ss-text);display:block;overflow:hidden}.ss-row__preview{justify-items:start;row-gap:calc(var(--ss-row-line-2) - 6px);padding-top:calc((var(--ss-row-line-2) - 6px) / 2);grid-row:2;display:grid}.ss-row__preview[data-text]{-webkit-line-clamp:2;font-size:var(--ss-row-subtitle);line-height:var(--ss-row-line-2);color:var(--ss-text);-webkit-box-orient:vertical;padding-top:0;display:-webkit-box;overflow:hidden}.ss-row[data-lead] .ss-row__preview{grid-column:2}.ss-row__preview>.ss-bar{display:block}:is(.ss-row:has(.ss-row__preview) .ss-row__lead,.ss-row:has(.ss-row__preview) .ss-row__dot){grid-row:1/3;align-self:start}.ss-row:has(.ss-row__preview){--ss-row-lead-h:calc(var(--ss-row-line) + var(--ss-row-line-2) * 2 + var(--ss-row-gap))}.ss-row:has(.ss-row__preview) .ss-row__lead{height:var(--ss-row-lead-h)}.ss-row:has(.ss-row__preview) .ss-row__dot{top:calc(var(--ss-row-lead-h) / 2 - 3px)}.ss-row__title>.ss-bar{margin:calc((var(--ss-row-line) - 6px) / 2) 0;display:block}.ss-row__subtitle>.ss-bar{margin:calc((var(--ss-row-line-2) - 6px) / 2) 0;display:block}.ss-row__meta>.ss-bar{margin:calc((var(--ss-row-line) - 6px) / 2) 0;display:block}}
@layer stageshow{.ss-seg{grid-template-columns:repeat(var(--n), 1fr);border-radius:var(--ss-radius-md);background:var(--ss-ink-2);padding:2px;display:grid;position:relative}.ss-seg__thumb{width:calc((100% - 4px) / var(--n));border-radius:var(--ss-radius-sm);background:var(--ss-raised);transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000f}.ss-seg__option{height:var(--ss-row);color:var(--ss-text);place-items:center;padding:0 10px;font-size:12px;font-weight:500;transition:color .2s;display:grid;position:relative}.ss-seg__option[data-on]{color:var(--ss-text-strong)}}
@layer stageshow{.ss-toggle{background:var(--ss-ink-5);border-radius:9px;flex-shrink:0;width:30px;height:18px;transition:background-color .2s;display:inline-block;position:relative}.ss-toggle[data-on]{background:var(--ss-accent)}.ss-toggle__knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 .5px 1.5px #00000024,0 0 0 .5px #0000000a}.ss-toggle[data-on] .ss-toggle__knob{transform:translate(12px)}.ss-stage[data-palette=mono][data-theme=dark] .ss-toggle[data-on] .ss-toggle__knob{background:#111}.ss-stage[data-theme=blueprint] .ss-toggle[data-on] .ss-toggle__knob{background:var(--ss-well);box-shadow:none}}
@layer stageshow{.ss-tabs{border-bottom:1px solid var(--ss-line);gap:18px;display:flex;position:relative}.ss-tabs__tab{color:var(--ss-text);padding-bottom:9px;font-size:12.5px;font-weight:500;transition:color .2s}.ss-tabs__tab[data-on]{color:var(--ss-text-strong)}.ss-tabs__bar{background:var(--ss-text-strong);transform-origin:0 0;width:1px;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0}}
@layer stageshow{.ss-badge{will-change:transform;border-radius:var(--ss-radius-pill);background:var(--ss-ink-2);height:20px;color:var(--ss-text-strong);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:500;transition:background-color .35s,color .35s;display:inline-flex}.ss-badge[data-lead]{padding-left:7px}.ss-badge[data-tone=accent]{background:var(--ss-accent-soft);color:var(--ss-accent-text)}.ss-badge[data-tone=success]{background:var(--ss-success-soft);color:var(--ss-success-text)}.ss-badge[data-tone=danger]{background:var(--ss-danger-soft);color:var(--ss-danger-text)}.ss-badge[data-tone=warning]{background:var(--ss-warning-soft);color:var(--ss-warning-text)}.ss-badge__label{text-box:trim-both cap alphabetic;display:block}.ss-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}}
@layer stageshow{.ss-slot{border-radius:var(--ss-radius-md);flex-shrink:0;transition:height .45s cubic-bezier(.45,0,.2,1),margin-top .45s cubic-bezier(.45,0,.2,1);position:relative}.ss-slot__clip{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:clip}.ss-slot__mark{border:1.5px dashed var(--ss-ink-5);border-radius:inherit;opacity:0;transition:opacity .15s ease-out;position:absolute;inset:0 0 auto}.ss-slot[data-open][data-dashed] .ss-slot__mark{opacity:1;transition:opacity .16s ease-out .3s}}
@layer stageshow{.ss-code{--ss-code-key:#7c3aed;--ss-code-str:#15803d;--ss-code-num:#b45309;--ss-code-fn:#2563eb;color:var(--ss-text-strong);font:11.5px/19px ui-monospace,SF Mono,Menlo,monospace}.ss-stage[data-theme=dark] .ss-code{--ss-code-key:#c4b5fd;--ss-code-str:#86efac;--ss-code-num:#fdba74;--ss-code-fn:#93c5fd}.ss-stage[data-palette=mono] .ss-code,.ss-stage[data-theme=blueprint] .ss-code{--ss-code-key:var(--ss-text-strong);--ss-code-str:var(--ss-text);--ss-code-num:var(--ss-text-strong);--ss-code-fn:var(--ss-text-strong)}.ss-code__line{opacity:0;padding-right:12px;transition:opacity .3s;display:flex}.ss-code__line[data-on]{opacity:1}.ss-code__num{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--ss-text-faint);flex-shrink:0;padding-right:10px}.ss-code__mark{width:16px;color:var(--ss-text-faint);flex-shrink:0}.ss-code__text{white-space:pre;flex:1;min-width:0;overflow:hidden}.ss-code__text[data-over]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000)}.ss-code__line[data-kind=add]{background:var(--ss-success-soft)}.ss-code__line[data-kind=add] .ss-code__mark{color:var(--ss-success-text)}.ss-code__line[data-kind=del]{background:var(--ss-danger-soft)}.ss-code__line[data-kind=del] .ss-code__mark{color:var(--ss-danger-text)}.ss-code__key{color:var(--ss-code-key)}.ss-code__str{color:var(--ss-code-str)}.ss-code__num+.ss-code__mark+.ss-code__text .ss-code__num,.ss-code__text .ss-code__num{width:auto;text-align:inherit;color:var(--ss-code-num);padding:0}.ss-code__fn{color:var(--ss-code-fn)}.ss-code__com{color:var(--ss-text-faint)}}
@layer stageshow{.ss-chart{display:block;overflow:visible}.ss-chart__draw{opacity:0;transition:opacity .25s}.ss-chart[data-show] .ss-chart__draw{opacity:1;transition:opacity .15s}.ss-chart__line{fill:none;stroke:var(--ss-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:d .8s cubic-bezier(.45,0,.2,1)}.ss-chart__area{transition:d .8s cubic-bezier(.45,0,.2,1)}.ss-chart__dot{fill:var(--ss-accent);stroke:var(--ss-surface);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .2s,transform .2s,cx .8s cubic-bezier(.45,0,.2,1),cy .8s cubic-bezier(.45,0,.2,1);transform:scale(.4)}.ss-chart[data-show] .ss-chart__dot{opacity:1;transform:none}.ss-chart__bar{fill:var(--ss-accent);transition:y .7s cubic-bezier(.25,.8,.25,1),height .7s cubic-bezier(.25,.8,.25,1)}.ss-chart[data-still] *{transition:none!important}}