.voice-pill{--vp-accent:#047053;--vp-icon:#047053;--vp-bg:#ffffff9e;--vp-size:64px;--vp-radius:32px;--vp-reach:10px;--vp-extra:0px;--vp-clock-w:0px;--vp-wave-w:0px;--vp-stop:20px;--vp-icon-size:26px;--vp-time-size:15px;--vp-open:.22s;--vp-ease-out:cubic-bezier(.23, 1, .32, 1);isolation:isolate;width:var(--vp-size);height:var(--vp-size);border-radius:var(--vp-radius);color:var(--vp-icon);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--vp-ease-out), margin-left var(--vp-open) var(--vp-ease-out), color .15s ease;background:0 0;border:0;outline:none;place-items:center;margin:0;padding:0;font-family:inherit;display:inline-grid;position:relative}.voice-pill:active:not(:disabled){transform:scale(.95)}.voice-pill:focus-visible{outline:2px solid var(--vp-accent);outline-offset:3px}.voice-pill:disabled{cursor:wait}.voice-pill[data-state=listening]{z-index:1;color:var(--vp-accent);margin-left:calc(var(--vp-reach) + var(--vp-extra))}.voice-pill__capsule{inset:0 0 0 calc(-1 * (var(--vp-reach) + var(--vp-extra)));border-radius:var(--vp-radius);background:var(--vp-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);clip-path:inset(0 0 0 calc(var(--vp-reach) + var(--vp-extra)) round var(--vp-radius));pointer-events:none;transition:clip-path var(--vp-open) var(--vp-ease-out), background-color .15s ease;position:absolute;box-shadow:inset 0 0 0 1px #00000012,inset 0 1px #ffffffe6,inset 0 -8px 16px #0470530d}@media (hover:hover) and (pointer:fine){.voice-pill[data-state=idle]:not(:disabled):hover .voice-pill__capsule{background:#ffffffd9}}.voice-pill[data-talk][data-state=idle]{color:#fff}.voice-pill[data-talk][data-state=idle] .voice-pill__capsule{background:var(--vp-accent);box-shadow:0 6px 16px -8px #04705399}@media (hover:hover) and (pointer:fine){.voice-pill[data-talk][data-state=idle]:not(:disabled):hover .voice-pill__capsule{background:color-mix(in srgb, #fff 12%, var(--vp-accent))}}.voice-pill[data-state=listening] .voice-pill__capsule{clip-path:inset(0 0 round var(--vp-radius))}.voice-pill__time{width:var(--vp-clock-w);color:var(--vp-accent);font-size:var(--vp-time-size);font-variant-numeric:tabular-nums;opacity:0;filter:blur(2px);pointer-events:none;place-items:center;font-weight:600;line-height:1;transition:opacity .2s,filter .2s;display:grid;position:absolute;top:0;bottom:0;right:100%}.voice-pill__wave{top:18%;right:calc(100% + var(--vp-clock-w));width:var(--vp-wave-w);opacity:0;filter:blur(2px);pointer-events:none;height:64%;transition:opacity .2s,filter .2s;position:absolute}.voice-pill[data-state=listening] .voice-pill__time,.voice-pill[data-state=listening] .voice-pill__wave{opacity:1;filter:blur()}.voice-pill__glyph{width:var(--vp-size);height:var(--vp-size);place-items:center;display:grid;position:relative}.voice-pill__glyph>*{transition:opacity .2s ease, filter .2s ease, transform .2s var(--vp-ease-out);grid-area:1/1}.voice-pill__mic{display:inline-flex}.voice-pill__stop{width:var(--vp-stop);height:var(--vp-stop);opacity:0;filter:blur(2px);background:currentColor;border-radius:22%;transform:scale(.6)}.voice-pill[data-state=listening] .voice-pill__mic{opacity:0;filter:blur(2px);transform:scale(.7)}.voice-pill[data-state=listening] .voice-pill__stop{opacity:1;filter:blur();transform:scale(1)}@media (prefers-reduced-motion:reduce){.voice-pill,.voice-pill__capsule{transition:none}.voice-pill__glyph>*,.voice-pill__time,.voice-pill__wave{transition:opacity .2s;filter:none!important;transform:none!important}}