.input-audio-container{width:100%;position:relative;height:48px;border-radius:10px;overflow:hidden;background:#eef2f6;color:#1f2937;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.input-audio-container.recording{background:#fdecec}
.input-audio-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:#2196f338;transition:width .2s linear}
.input-audio-progress.recording{background:#f443362e;width:100%;animation:audio-rec-pulse 1.3s ease-in-out infinite}
.input-audio-content{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 10px;gap:10px}
.input-audio-content-progress{flex:1 1 auto;min-width:0;font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}
.input-audio-content-progress i{font-size:.9rem}
.input-audio-container.recording .input-audio-content-progress i{color:#f44336}
.input-audio-content-timer{flex:0 0 auto;font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap}
.input-audio-content .area-buttons{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.main-content-input-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#2196f3;background:#2196f31a;transition:background .15s ease,color .15s ease;font-size:.9rem}
.main-content-input-button:hover{background:#2196f333}
.main-content-input-button.stop{color:#fff;background:#f44336}
.main-content-input-button.stop:hover{background:#e53935}
.main-content-input-button.send{color:#fff;background:#2196f3}
.main-content-input-button.send:hover{background:#1e88e5}
.audio-button-wrapper{max-width:100%;width:150px;height:32px;padding-left:4px;padding-top:3px;padding-bottom:3px;border:1px solid rgba(0,0,0,.13);border-radius:.4rem;position:relative;display:inline-block;cursor:pointer;margin-top:4px}
.audio-button{margin:0;border-radius:50%;line-height:24px;min-width:24px!important;max-width:24px!important;width:24px!important;height:24px!important;margin-top:0!important;padding:0;border:1px solid rgba(0,0,0,.13);background:transparent;display:inline-flex;align-items:center;justify-content:center}
.audio-button i{color:#666;font-size:.7rem}
.audio-button.audio-button-pause{border:1px solid #2196f3}
.audio-button.audio-button-pause i{color:#2196f3!important}
.audio-button-time{height:32px;position:absolute;left:36px;top:0;right:0;bottom:0;font-size:.8rem;line-height:32px;color:#999}
.audio-button-time .current{color:#999;display:inline-block}
.audio-button-time .duration{display:inline-block;font-weight:700;color:#555}
@keyframes audio-rec-pulse{0%,to{opacity:.55}50%{opacity:1}}
#recordBar{width:100%;padding:4px 8px}.input-audio-content button{border:0;flex-shrink:0}.input-audio-content-progress{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-button-wrapper button{cursor:pointer}.audio-button-time{pointer-events:none}.input-audio-content button:disabled{opacity:.45}#recordBar[hidden]{display:none}