.audio-recorder{--audio-wave:#101010;--audio-wave-muted:#99a0a0;--audio-wave-recording:#ff0080}.audio-recorder__bar{background:#fff;border:1px solid #101010;border-radius:2rem;align-items:center;gap:.75rem;min-height:56px;padding:.5rem .5rem .5rem 1rem;display:flex}.audio-recorder[data-state=recording] .audio-recorder__bar{border-color:#ff0080}.audio-recorder__status{color:#ff0080;flex-shrink:0;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.audio-recorder__dot{background:#ff0080;border-radius:50%;width:.625rem;height:.625rem;animation:1.2s ease-in-out infinite audio-recorder-pulse}.audio-recorder__waveform{cursor:default;flex:auto;min-width:0;height:36px}.audio-recorder__waveform[data-seekable]{cursor:pointer}.audio-recorder__time{font-variant-numeric:tabular-nums;text-align:end;flex-shrink:0;min-width:2.75rem;font-size:.875rem}.audio-recorder__button{color:#101010;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.audio-recorder__button:focus-visible{outline-offset:2px;outline:2px solid #101010}.audio-recorder__button--stop{color:#fff;background:#ff0080}.audio-recorder__button--play{background:#ffc700}.audio-recorder__button--delete{color:#ff0080}.audio-recorder__button--delete:hover{background:#ff008014}.audio-recorder__saved{color:#00a86b;align-items:center;gap:.375rem;display:flex}@keyframes audio-recorder-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.audio-recorder__dot{animation:none}}