.chat-audio{--audio-progress:0%;display:grid;grid-template-columns:38px minmax(0,1fr) 60px;align-items:center;column-gap:11px;width:370px;max-width:100%;min-height:70px;padding:5px 7px;background:#212529;color:#fff;border-radius:7px;box-sizing:border-box;position:relative;color-scheme:dark}
.chat-audio .chat-audio-native{display:none}
.chat-audio-toggle{display:grid;place-items:center;width:38px;height:44px;min-width:0;padding:5px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:5px}
.chat-audio-toggle svg{width:27px;height:27px;display:block}
.chat-audio-toggle:hover{background:#ffffff14}.chat-audio-toggle:focus-visible{outline:2px solid #fff;outline-offset:1px}
.chat-audio-main{min-width:0;padding-top:7px}.chat-audio-track{height:27px;position:relative;border-radius:3px}
.chat-audio-wave{height:25px;width:100%;position:absolute;inset:1px 0;pointer-events:none;overflow:hidden}
.chat-audio-progress{position:absolute;left:0;right:0;top:12px;height:3px;border-radius:3px;background:linear-gradient(to right,#fff 0 var(--audio-progress),#636b70 var(--audio-progress) 100%)}
.chat-audio.has-waveform .chat-audio-progress{visibility:hidden}
.chat-audio .chat-audio-seek{position:absolute;inset:0;width:100%;height:27px;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer;touch-action:pan-y;z-index:1}
.chat-audio .chat-audio-seek:disabled{cursor:default}.chat-audio-track:focus-within{outline:2px solid #fff;outline-offset:3px}
.chat-audio-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:19px;margin-top:1px;font-size:11px;line-height:16px;color:#e2e4e6;font-variant-numeric:tabular-nums;white-space:nowrap}
.chat-audio-avatar{width:60px;height:60px;position:relative;display:block;flex:none;border-radius:50%;background:#667176}
.chat-audio-avatar>svg{width:60px;height:60px;fill:#dfe3e5;overflow:hidden;border-radius:50%}
.chat-audio-avatar img{position:absolute;inset:0;width:60px;height:60px;object-fit:cover;border-radius:50%;border:0;margin:0}
.chat-audio-mic{position:absolute;left:-6px;bottom:0;width:23px;height:27px;display:grid;place-items:center;color:#09d261;filter:drop-shadow(0 1px 1px #212529)}
.chat-audio-mic svg{width:21px;height:25px}
.chat-audio-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chat-audio-loading{display:inline-block;width:10px;height:10px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:chat-audio-spin .8s linear infinite}
.chat-audio-loading[hidden],.chat-audio .chat-audio-error[hidden],.chat-audio-avatar img[hidden]{display:none}
.chat-audio .chat-audio-error{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:none;margin-top:5px;padding:9px;background:#343a40;color:#fff;font-size:12px;border-radius:4px}
.chat-audio-error .btn{background:#fff;color:#212529;border:0;flex:none}.chat-audio-error .btn:focus-visible{outline:2px solid #09d261;outline-offset:2px}
.lightbox .chat-audio{margin:20px auto;width:370px}
@keyframes chat-audio-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.chat-audio{width:320px;grid-template-columns:32px minmax(0,1fr) 48px;column-gap:8px;padding:5px;min-height:62px}.chat-audio-toggle{width:32px}.chat-audio-avatar,.chat-audio-avatar>svg,.chat-audio-avatar img{width:48px;height:48px}.chat-audio-mic{width:21px;height:24px}.chat-audio-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.chat-audio-loading{animation:none}}