.voice-pulse{--vp-size:136px;isolation:isolate;width:calc(var(--vp-size) * 1.5);aspect-ratio:1;place-items:center;margin-inline:auto;display:grid;position:relative}.voice-pulse>*{grid-area:1/1}.voice-pulse__aura{pointer-events:none;width:100%;height:100%}.voice-pulse__aura svg{fill:#fff;width:100%;height:100%;display:block;overflow:visible}.voice-pulse__button{width:var(--vp-size);height:var(--vp-size);color:#d10a0a;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;transition:color .24s;display:grid;position:relative}.voice-pulse__button:focus-visible{outline-offset:14px;outline:2px solid #fff}.voice-pulse__disc{background:#fff;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -10px 22px #00000012,0 0 0 10px #ffffff29,0 0 44px #ffffff38,0 16px 32px #00000038;box-shadow:inset 0 -10px 22px lab(0% 0 0/.07),0 0 0 10px lab(100% 0 0/.16),0 0 44px lab(100% 0 0/.22),0 16px 32px lab(0% 0 0/.22)}.voice-pulse__content{justify-items:center;gap:8px;display:grid;position:relative}.voice-pulse__glyph{width:40px;height:40px;display:grid}.voice-pulse__glyph>*{grid-area:1/1}.voice-pulse__glyph svg{width:100%;height:100%;display:block}.voice-pulse__bars{stroke:currentColor;stroke-width:4px;stroke-linecap:round;opacity:.5;width:36px;height:22px;transition:opacity .2s;display:block;overflow:visible}.voice-pulse:is([data-state=requesting],[data-state=listening]) .voice-pulse__button{color:#2f6bff}.voice-pulse:is([data-state=transcribing],[data-state=done]) .voice-pulse__button{color:#128a3e}.voice-pulse:not([data-state=idle],[data-state=error]) .voice-pulse__bars{opacity:1}.voice-pulse-status[data-hidden=true]{visibility:hidden}@media (max-width:640px){.voice-pulse{--vp-size:116px}.voice-pulse__glyph{width:36px;height:36px}}
.orbit-mic{--mic-bars:#ffffff6b;--mic-active:#024ad8;--mic-neon:#296ef9;isolation:isolate;flex-direction:column;align-items:center;width:280px;margin-inline:auto;display:flex;position:relative}.orbit-mic *,.orbit-mic :before,.orbit-mic :after{box-sizing:border-box}.orbit-mic__stage{aspect-ratio:1;width:100%;position:relative}.orbit-mic__glow{pointer-events:none;background:radial-gradient(circle,#e106007a 0%,#e106002e 42%,#0000 70%);border-radius:50%;position:absolute;inset:0}.orbit-mic[data-state=listening] .orbit-mic__glow{background:radial-gradient(circle,#2f6bff9e 0%,#2f6bff38 46%,#0000 72%)}.orbit-mic__orbit{pointer-events:none;border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:13%}.orbit-mic__spectrum{fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit-mic__spectrum line{stroke:var(--mic-bars);stroke-width:4.2px;stroke-linecap:round;transition-property:stroke;transition-duration:.35s}.orbit-mic[data-state=listening] .orbit-mic__spectrum line{stroke:#2f6bff}.orbit-mic[data-state=transcribing] .orbit-mic__spectrum line{stroke:#18a84a}.orbit-mic__ripple{border:1px solid color-mix(in srgb, #fff 70%, var(--mic-active));pointer-events:none;border-radius:50%;position:absolute;inset:27%}.orbit-mic__bezel{pointer-events:none;background:#ffffff24;border-radius:50%;position:absolute;inset:26%;box-shadow:0 0 0 1px #ffffff1f}.orbit-mic__button{cursor:pointer;color:#d10a0a;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:0;border-radius:50%;place-items:center;width:42%;height:42%;margin:0;padding:0;display:grid;position:absolute;inset:29%;overflow:hidden;box-shadow:0 0 0 10px #ffffff29,0 0 48px #ffffff38,0 16px 32px #00000038}.orbit-mic__button[aria-pressed=true]{color:var(--mic-active);box-shadow:0 0 0 10px color-mix(in srgb, var(--mic-active) 22%, transparent), 0 0 48px color-mix(in srgb, var(--mic-active) 28%, transparent), 0 16px 32px #00000038}.orbit-mic__button:focus-visible{outline-offset:8px;outline:2px solid #fff}.orbit-mic__button:disabled{cursor:wait;opacity:.72}.orbit-mic__sheen{pointer-events:none;background:radial-gradient(90% 40% at 32% 0,#ffffff8a,#0000 80%);border-top:1px solid #ffffff8c;border-radius:50%;position:absolute;inset:4px}.orbit-mic__icon{place-items:center;display:grid}.orbit-mic__icon svg{display:block}.orbit-mic__indicator{background:#e10600;border-radius:50%;width:16px;height:16px;position:absolute;bottom:15%;box-shadow:0 0 0 4px #e1060047,0 0 16px 2px #e10600}.orbit-mic[data-state=listening] .orbit-mic__button{color:#2f6bff;box-shadow:0 0 0 10px #2f6bff38,0 0 48px #2f6bff57,0 16px 32px #00000038}.orbit-mic[data-state=listening] .orbit-mic__indicator{background:#2f6bff;box-shadow:0 0 0 4px #2f6bff4d,0 0 16px 3px #2f6bff}.orbit-mic[data-state=transcribing] .orbit-mic__button{color:#128a3e;box-shadow:0 0 0 10px #18a84a3d,0 0 48px #18a84a5c,0 16px 32px #00000038}.orbit-mic[data-state=transcribing] .orbit-mic__indicator{background:#18a84a;animation:.9s ease-in-out infinite bb-mic-lamp;box-shadow:0 0 0 4px #18a84a52,0 0 16px 3px #18a84a}@keyframes bb-mic-lamp{50%{transform:scale(1.18)}}.orbit-mic[data-disabled=true]{opacity:.55}@media (max-width:640px){.orbit-mic{width:220px}}@media (prefers-reduced-motion:reduce){.orbit-mic__ripple{display:none}.orbit-mic__spectrum line{transition:none}.orbit-mic[data-state=transcribing] .orbit-mic__indicator{animation:none}}
