:where(.vocalstack-record__controls){align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--vocalstack-gap)}:where(.vocalstack-record__field){display:flex;flex:1 1 12rem;flex-direction:column;gap:.25em;min-width:12rem}:where(.vocalstack-record__field-label){color:var(--vocalstack-muted);font-size:.8em}:where(.vocalstack-button--record){background:var(--vocalstack-record);border-color:var(--vocalstack-record);color:#fff}:where(.vocalstack-record__dot){background:currentColor;border-radius:50%;flex:none;height:.7em;width:.7em}:where(.vocalstack-widget[data-state=recording] .vocalstack-record__dot){animation:vocalstack-blink 1.2s ease-in-out infinite;border-radius:2px}:where(.vocalstack-widget[data-state=recording] .vocalstack-button--record,.vocalstack-widget[data-state=stopping] .vocalstack-button--record){background:transparent;color:var(--vocalstack-record)}:where(.vocalstack-record__timer){align-self:center;color:var(--vocalstack-muted);font-family:var(--vocalstack-mono);font-variant-numeric:tabular-nums}:where(.vocalstack-record__meter){background:var(--vocalstack-border);border-radius:2px;height:4px;overflow:hidden}:where(.vocalstack-record__level){background:var(--vocalstack-record);display:block;height:100%;transform:scaleX(var(--vocalstack-level,0));transform-origin:right center;transition:transform .08s linear;width:100%}@keyframes vocalstack-blink{50%{opacity:.3}}