.call-chip{--cc-size:35px;--cc-font:13px;--cc-pad:16px;--cc-gap:9px;--cc-radius:10px;--cc-color:currentColor;--cc-surface:#27272a;--cc-progress:currentColor;--cc-progress-pct:26%;--cc-done:#22c55e;--cc-error:#ef4444;--cc-wash-pct:18%;--cc-expected:2000ms;--cc-ease-out:cubic-bezier(0.16,1,0.3,1);position:relative;display:inline-flex;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);overflow:hidden;background:var(--cc-surface);color:var(--cc-color);font-size:var(--cc-font);line-height:1;white-space:nowrap;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .16s var(--cc-ease-out);border:1px solid hsla(0,0%,100%,.14)}.call-chip[data-status=error]{cursor:pointer}.call-chip[data-pressed]{transform:scale(.97)}.call-chip__fill{position:absolute;inset:0;background:color-mix(in srgb,var(--cc-progress) var(--cc-progress-pct),transparent);transform:scaleX(0);transform-origin:left center;clip-path:inset(0 0 0 0);pointer-events:none;will-change:transform}.call-chip[data-status=running] .call-chip__fill{transition:none;border-right:1.5px solid hsla(0,0%,100%,.5)}.call-chip[data-status=done]{border-color:color-mix(in srgb,var(--cc-done) 35%,hsla(0,0%,100%,.14));transition:border-color .6s var(--cc-ease-out)}.call-chip[data-status=done] .call-chip__fill{border-right:none;background:color-mix(in srgb,var(--cc-done) var(--cc-wash-pct),transparent);clip-path:inset(100% 0 0 0);transition:transform .55s var(--cc-ease-out),background-color .45s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1) .9s}.call-chip[data-status=error] .call-chip__fill{border-right:none;background:color-mix(in srgb,var(--cc-error) var(--cc-wash-pct),transparent);transition:background-color .3s ease}.call-chip:not([data-mounted]) .call-chip__glyph{transition:none!important}.call-chip__slot{position:relative;flex:none;width:calc(var(--cc-font) + 2px);height:calc(var(--cc-font) + 2px);overflow:hidden}.call-chip__glyph{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(70%);filter:blur(3px)}.call-chip__glyph[data-state=in]{opacity:1;transform:none;filter:blur(0);transition:opacity .45s var(--cc-ease-out),transform .45s var(--cc-ease-out),filter .45s var(--cc-ease-out)}.call-chip__glyph[data-state=out]{transform:translateY(-70%);transition:opacity .24s var(--cc-ease-out),transform .24s var(--cc-ease-out),filter .24s var(--cc-ease-out)}.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__arg,.call-chip__name,.call-chip__timer{position:relative}.call-chip__name{font-weight:600;font-family:inherit}.call-chip__arg{opacity:.85}.call-chip__timer{min-width:6ch;font-variant-numeric:tabular-nums;text-align:right;opacity:.6;font-family:monospace}.call-chip__retry{position:absolute;inset:-5px;margin:0;padding:0;border:0;border-radius:var(--cc-radius);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.call-chip__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.call-chip[data-status=done] .call-chip__fill{clip-path:inset(0 0 0 0);transition:background-color .12s ease}.call-chip__glyph{transform:none!important;filter:none!important}.call-chip[data-pressed]{transform:none}}