.call-chip{--cc-size:34px;--cc-font:13px;--cc-pad:12px;--cc-gap:7px;--cc-radius:10px;--cc-color:currentColor;--cc-surface:#27272a;--cc-progress:currentColor;--cc-progress-pct:8%;--cc-done:#22c55e;--cc-error:#ef4444;--cc-wash-pct:14%;--cc-expected:2.5s;--cc-ease-out:cubic-bezier(.23, 1, .32, 1);align-items:center;gap:var(--cc-gap);box-sizing:border-box;height:var(--cc-size);padding:0 var(--cc-pad);border-radius:var(--cc-radius);background:var(--cc-surface);color:var(--cc-color);font-size:var(--cc-font);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .16s var(--cc-ease-out);line-height:1;display:inline-flex;position:relative;overflow:hidden}.call-chip[data-status=error]{cursor:pointer}.call-chip[data-pressed]{transform:scale(.97)}.call-chip__fill{background:color-mix(in srgb, var(--cc-progress) var(--cc-progress-pct), transparent);transform-origin:0;clip-path:inset(0);pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.call-chip[data-status=running] .call-chip__fill{transition:transform var(--cc-expected) linear}.call-chip[data-status=done] .call-chip__fill{background:color-mix(in srgb, var(--cc-done) var(--cc-wash-pct), transparent);clip-path:inset(100% 0 0);transition:transform .2s var(--cc-ease-out), background-color .12s ease, clip-path .4s var(--cc-ease-out) .2s}.call-chip[data-status=error] .call-chip__fill{background:color-mix(in srgb, var(--cc-error) var(--cc-wash-pct), transparent);transition:background-color .2s}.call-chip:not([data-mounted]) .call-chip__fill,.call-chip:not([data-mounted]) .call-chip__glyph{transition:none!important}.call-chip__slot{width:calc(var(--cc-font) + 2px);height:calc(var(--cc-font) + 2px);flex:none;position:relative;overflow:hidden}.call-chip__glyph{opacity:0;filter:blur(3px);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(70%)}.call-chip__glyph[data-state=in]{opacity:1;filter:blur();transition:opacity .24s var(--cc-ease-out), transform .24s var(--cc-ease-out), filter .24s var(--cc-ease-out);transform:none}.call-chip__glyph[data-state=out]{transition:opacity .16s var(--cc-ease-out), transform .16s var(--cc-ease-out), filter .16s var(--cc-ease-out);transform:translateY(-70%)}.call-chip[data-status=done] .call-chip__glyph[data-state=in]{color:var(--cc-done)}.call-chip[data-status=error] .call-chip__glyph[data-state=in]{color:var(--cc-error)}.call-chip__name,.call-chip__arg,.call-chip__timer{position:relative}.call-chip__name{font-weight:500}.call-chip__arg{opacity:.72}.call-chip__timer{font-variant-numeric:tabular-nums;text-align:right;opacity:.5;min-width:6ch}.call-chip__retry{border-radius:var(--cc-radius);appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;inset:-5px}.call-chip__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.call-chip[data-status=done] .call-chip__fill{clip-path:inset(0);transition:background-color .12s}.call-chip__glyph{filter:none!important;transform:none!important}.call-chip[data-pressed]{transform:none}}.card-swap-container{perspective:900px;position:absolute;overflow:visible}.card-swap__card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;position:absolute;top:50%;left:50%}