.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}}
.peek-rating{--pr-active:#f5b400;--pr-idle:#52525b;--pr-tip:#27272a;--pr-tip-text:#f5f5f5;--pr-size:28px;--pr-gap:6px;--pr-room:31px;--pr-rise:.32s;--pr-ease-out:cubic-bezier(.23, 1, .32, 1);color:inherit;font-family:inherit;display:inline-flex}.peek-rating[aria-disabled=true]{opacity:.5;pointer-events:none}.peek-rating__row{padding-top:var(--pr-room);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:flex-end;display:inline-flex;position:relative}.peek-rating__star{width:calc(var(--pr-size) + var(--pr-gap));height:calc(var(--pr-size) + 8px);color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:0;outline:none;place-items:center;margin:0;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.peek-rating__star{cursor:pointer}}@media (pointer:coarse){.peek-rating__star{min-width:44px;min-height:44px}}.peek-rating__star:focus-visible{outline:2px solid color-mix(in srgb, var(--pr-active) 70%, transparent);outline-offset:2px;border-radius:6px}.peek-rating__lift{transform-origin:50% 100%;transition:transform var(--pr-rise) var(--pr-ease-out);display:block;transform:translateY(0)scale(1)}.peek-rating__glyph{width:var(--pr-size);height:var(--pr-size);color:var(--pr-idle);transition:color .16s;display:block}.peek-rating__glyph>svg{width:100%;height:100%;display:block}.peek-rating__glyph[data-lit=true]{color:var(--pr-active)}.peek-rating__tip{height:calc(var(--pr-size) * .6);padding:0 calc(var(--pr-size) * .3);background:var(--pr-tip);color:var(--pr-tip-text);font-size:calc(var(--pr-size) * .38);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transition:transform var(--pr-rise) var(--pr-ease-out), opacity .18s ease;border-radius:999px;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0000002e}.peek-rating__tip[data-show=true]{opacity:1}.peek-rating[data-instant=true] .peek-rating__lift,.peek-rating[data-instant=true] .peek-rating__glyph,.peek-rating[data-instant=true] .peek-rating__tip{transition-duration:0s}@media (prefers-reduced-motion:reduce){.peek-rating__lift{transition:none}.peek-rating__tip{transition:opacity .18s}}
