.vi{width:100%}.vi-field{width:100%;display:block;position:relative}.vi .vi-textarea{resize:vertical;width:100%;padding-right:3.6rem}.vi-mic{border:var(--border-w) solid var(--macaw);background:var(--macaw-tint);width:2.6rem;height:2.6rem;color:var(--humpback);cursor:pointer;border-radius:999px;place-items:center;transition:color .2s,background .2s,box-shadow .2s,transform .15s;display:grid;position:absolute;top:.5rem;right:.5rem}.vi-mic svg{width:1.15rem;height:1.15rem}.vi-mic:hover:not(:disabled){background:var(--surface);transform:scale(1.05)}.vi-mic:focus-visible{outline:2px solid var(--macaw);outline-offset:2px}.vi-mic:disabled{opacity:.5;cursor:default}.vi-mic.is-live{color:#fff;background:var(--live);border-color:var(--live-text);box-shadow:0 0 0 calc(2px + (var(--level,0) * 10px)) color-mix(in srgb, var(--live) 32%, #fff)}.vi-hint{color:var(--text-dim);margin-top:.5rem;font-size:.78rem;line-height:1.5}.vi[data-phase=error] .vi-hint{color:var(--cardinal)}@media (prefers-reduced-motion:reduce){.vi-mic.is-live{box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 32%, #fff)}}