.message.message-audio{position:relative;width:340px;max-width:min(88%,360px)}
.app .message.message-audio,.dialog .message.message-audio{padding:8px 9px 7px}
.message-audio>.message-text{margin-bottom:7px}
.audio-player{display:grid;grid-template-columns:48px 30px minmax(0,1fr);grid-template-rows:32px 18px;column-gap:9px;align-items:center;min-height:50px;min-width:0;font-family:"Segoe UI",Arial,sans-serif}
.audio-avatar{position:relative;grid-row:1/3;grid-column:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--msg-input);color:var(--msg-accent);font-size:17px;font-weight:550;line-height:1;white-space:nowrap}
.audio-avatar>svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.audio-mic-badge{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--msg-in);color:var(--msg-accent);border:2px solid var(--msg-in)}
.message.out .audio-mic-badge{background:var(--msg-out);border-color:var(--msg-out)}
.audio-mic-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app .audio-play,.dialog .audio-play{grid-column:2;grid-row:1;display:grid;place-items:center;width:30px;height:32px;border:0;border-radius:50%;padding:4px;background:transparent;color:var(--msg-text);box-shadow:none}
.audio-play>svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.audio-play.is-playing>svg{fill:none;stroke-width:3.5}
.app .audio-play:hover,.dialog .audio-play:hover{background:color-mix(in srgb,var(--msg-text) 12%,transparent)}
.audio-wave{grid-column:3;grid-row:1;position:relative;height:28px;min-width:0;--audio-progress:0%}
.audio-wave>svg{position:absolute;inset:0;display:block;width:100%;height:28px;fill:var(--msg-muted);opacity:.6;pointer-events:none}
.audio-wave>.audio-wave-progress{fill:var(--msg-accent);opacity:1;clip-path:inset(0 calc(100% - var(--audio-progress)) 0 0)}
.app .audio-wave .audio-seek,.dialog .audio-wave .audio-seek{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:28px;border:0;border-radius:4px;outline:0;box-shadow:none;margin:0;padding:0;background:transparent;color:var(--msg-accent);cursor:pointer}
.audio-seek::-webkit-slider-runnable-track{height:2px;background:transparent}
.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:var(--msg-accent);margin-top:-4.5px}
.audio-seek::-moz-range-track{height:2px;background:transparent}
.audio-seek::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--msg-accent)}
.app .audio-wave .audio-seek:focus-visible,.dialog .audio-wave .audio-seek:focus-visible{outline:2px solid var(--msg-accent);outline-offset:3px}
.app .audio-wave .audio-seek:disabled,.dialog .audio-wave .audio-seek:disabled{opacity:.5;cursor:default;background:transparent}
.audio-duration{grid-column:3;grid-row:2;justify-self:start;align-self:end;color:var(--msg-muted);font-size:11px;line-height:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.audio-download{grid-column:2;grid-row:2;display:grid;place-items:center;width:26px;height:18px;color:var(--msg-muted);border-radius:4px}
.audio-download svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.app .message.message-audio>.message-meta,.dialog .message.message-audio>.message-meta{position:absolute;bottom:5px;right:9px;margin:0;line-height:14px;min-height:14px;font-size:11px}
.audio-play-error{grid-column:2/4;grid-row:3;font-size:11px;line-height:1.5;color:var(--msg-text);margin:6px 0 17px;white-space:normal}
.audio-player[role=group] .audio-message-native{display:none!important}
@media(hover:hover) and (pointer:fine){.audio-player .audio-download{opacity:0}.audio-player:hover .audio-download,.audio-player:focus-within .audio-download{opacity:1}}
@media(max-width:500px){.audio-player{grid-template-columns:42px 28px minmax(0,1fr);column-gap:7px}.audio-avatar{width:42px;height:42px;font-size:15px}.audio-play{width:28px}.message.message-audio{max-width:92%}}