.audio-component{box-sizing:border-box;background-color:#0000;border:1px solid #ffffff1f;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.audio-component .file-name,.audio-component .timer,.audio-component .max-time{color:var(--primary-white)}.audio-component .level-bars.recording,.audio-component .ring{color:#ff6b6b}.audio-component .level-bars.playing{color:#4ade80}.audio-component .recorder-row{align-items:center;gap:20px;display:flex}.audio-component .recorder-footer{display:flex}.audio-component .record-ring{flex:none;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.audio-component .record-btn-component{gap:4px;width:72px;height:72px;padding:10px;font-size:14px;line-height:18px}.audio-component .ring{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.audio-component .ring circle{fill:none;stroke-width:4px}.audio-component .ring .ring-track{stroke:#ffffff1f}.audio-component .ring .ring-progress{stroke:currentColor;stroke-linecap:round}.audio-component .status{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.audio-component .status p{margin:0}.audio-component .timer{font-variant-numeric:tabular-nums;flex:none}.audio-component .max-time{color:var(--secondary-dark-grey)}.audio-component .level-bars{flex:1;align-items:center;gap:4px;min-width:0;height:32px;display:flex;overflow:hidden}.audio-component .level-bars span{background-color:currentColor;border-radius:2px;flex:none;width:4px;min-height:4px;transition:height 80ms linear}.audio-component{position:relative}.audio-component.choosing{flex-direction:row;align-items:stretch;gap:0;padding:0}.audio-component.choosing .recorder-row,.audio-component.choosing .recorder-footer{flex:1;justify-content:center;min-height:150px;padding:20px}.audio-component.choosing .recorder-row{flex-direction:column;gap:10px}.audio-component.choosing .status{flex:none}.audio-component.choosing .recorder-footer{border-left:1px solid #ffffff14}@media (max-width:479px){.audio-component.choosing{flex-direction:column}.audio-component.choosing .recorder-row,.audio-component.choosing .recorder-footer{min-height:0}.audio-component.choosing .recorder-footer{border-top:1px solid #ffffff14;border-left:0}}.audio-component .mic-error{box-sizing:border-box;flex:0 0 100%;padding:0 20px 16px}.audio-component.choosing{flex-wrap:wrap}.audio-component .file-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:50%;overflow:hidden}