@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-chip{will-change:transform}.ss-chip-slot{border-radius:var(--ss-radius-pill);opacity:0;flex:none;transition:width .4s cubic-bezier(.25,.8,.25,1) .1s,margin .4s cubic-bezier(.25,.8,.25,1) .1s,opacity .14s;display:inline-flex;overflow:hidden}.ss-chip-slot[data-show]{opacity:1;transition:width .4s cubic-bezier(.25,.8,.25,1),margin .4s cubic-bezier(.25,.8,.25,1),opacity .22s .16s}.ss-chip-slot>.ss-chip{flex:none}.ss-chip{border-radius:var(--ss-radius-pill);background:var(--ss-accent-soft);height:24px;color:var(--ss-text-strong);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.ss-chip[data-removable]{padding-right:4px}.ss-chip__x{width:16px;height:16px;color:var(--ss-text);border-radius:50%;place-items:center;transition:background-color .15s;display:inline-grid}.ss-chip__x[data-hover]{background:var(--ss-ink-2);transition-duration:0s}}
@layer stageshow{.ss-brand{flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.ss-brand[data-tile]{background:var(--ss-surface);box-shadow:inset 0 0 0 1px var(--ss-line)}.ss-brand[data-tile][data-light-tile]{background:#fff;box-shadow:inset 0 0 0 1px #00000014}.ss-brand img{object-fit:contain;flex:none;width:62%;min-width:0;height:62%;min-height:0;display:block}.ss-brand__initial{color:var(--ss-text-strong);font-weight:600}.ss-brand:not([data-tile]) img{width:100%;height:100%}}
@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-card{--ss-card-pad:16px;--ss-card-radius:calc(var(--ss-radius-md) + 4px);--ss-card-inner:max(4px, calc(var(--ss-card-radius) - var(--ss-card-pad)));align-content:start;gap:var(--ss-card-gap,12px);box-sizing:border-box;min-width:0;padding:var(--ss-card-pad);border-radius:var(--ss-card-radius);background:var(--ss-surface);box-shadow:inset 0 0 0 1px var(--ss-line), var(--ss-shadow-card);display:grid}.ss-card[data-pad=small]{--ss-card-pad:12px;--ss-card-radius:var(--ss-radius-lg)}.ss-card[data-pad=large]{--ss-card-pad:20px;--ss-card-radius:calc(var(--ss-radius-lg) + 6px)}.ss-card[data-tone=sunken]{background:var(--ss-ink-1);box-shadow:none}.ss-card[data-lift]{box-shadow:inset 0 0 0 1px var(--ss-line), var(--ss-shadow-satellite)}.ss-card[data-flush]{gap:0;padding:0}.ss-card[data-flush]>*{padding:var(--ss-card-pad)}.ss-card[data-flush]>*+*{border-top:1px solid var(--ss-line)}.ss-card>:first-child{margin-top:0}.ss-card>:last-child{margin-bottom:0}}
@layer stageshow{.ss-kbd{vertical-align:middle;flex:none;align-items:center;gap:3px;display:inline-flex}.ss-kbd__key{box-sizing:border-box;font-variant-numeric:tabular-nums;min-width:18px;height:18px;color:var(--ss-text);background:var(--ss-ink-1);box-shadow:inset 0 0 0 1px var(--ss-ink-3), inset 0 -1px 0 var(--ss-ink-3);border-radius:4px;place-items:center;padding:0 4px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;display:inline-grid}.ss-kbd[data-plain]{gap:1px}.ss-kbd[data-plain] .ss-kbd__key{min-width:0;box-shadow:none;background:0 0;padding:0;font-size:12px}}
@layer stageshow{.ss-divider{background:var(--ss-line);flex:none;align-self:stretch;height:1px;display:block}.ss-divider[data-vertical]{width:1px;height:auto;margin-block:4px}}
