.mic-level-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mic-level-shell{--level: 0;position:relative;display:flex;align-items:center;justify-content:center;width:5.75rem;height:5.75rem;flex-shrink:0}.mic-level-ring{position:absolute;top:50%;left:50%;border-radius:9999px;border:2px solid hsl(var(--primary));pointer-events:none;transition:transform 70ms ease-out,opacity 70ms ease-out,border-color 70ms ease-out}.mic-level-ring--inner{width:4.25rem;height:4.25rem;margin:-2.125rem 0 0 -2.125rem;opacity:calc(.28 + var(--level) * .62);border-color:hsl(var(--primary) / calc(.35 + var(--level) * .55))}.mic-level-ring--outer{width:4.75rem;height:4.75rem;margin:-2.375rem 0 0 -2.375rem;opacity:calc(.12 + var(--level) * .42);border-color:hsl(var(--primary) / calc(.2 + var(--level) * .35))}.mic-level-shell:not(.mic-level-shell--live) .mic-level-ring{opacity:0;transform:scale(1)}.mic-level-shell--live .mic-level-ring--inner{box-shadow:0 0 calc(6px + var(--level) * 18px) hsl(var(--primary) / calc(.15 + var(--level) * .35))}.mic-level-button{transition:transform .15s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.mic-level-button:active{transform:scale(.96)}.mic-level-shell--busy .mic-level-ring--inner{animation:mic-level-breathe 1.6s ease-in-out infinite}.mic-level-action{font-size:.8125rem;font-weight:600;text-align:center;white-space:nowrap;min-height:1.25rem}@keyframes mic-level-breathe{0%,to{opacity:calc(.25 + var(--level) * .55)}50%{opacity:calc(.4 + var(--level) * .6)}}@media (prefers-reduced-motion: reduce){.mic-level-ring,.mic-level-button{animation:none!important;transition:none!important}}