.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,#024ad87a 0%,#024ad82e 42%,#0000 70%);border-radius:50%;position:absolute;inset:0}.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:3.1px;stroke-linecap:round;transition-property:stroke;transition-duration:.35s}.orbit-mic[data-state=listening] .orbit-mic__spectrum line{stroke:var(--mic-active)}.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;width:42%;height:42%;color:var(--hp-primary,#024ad8);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:0;border-radius:50%;place-items:center;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:color-mix(in srgb, var(--hp-primary,#024ad8) 35%, transparent);border-radius:2px;width:12px;height:2px;position:absolute;bottom:18%}.orbit-mic[data-state=listening] .orbit-mic__indicator{background:var(--mic-neon);box-shadow:0 0 9px color-mix(in srgb, var(--mic-neon) 50%, transparent)}.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}}