.audio-bubble{width:405px;max-width:calc(100% - 48px);padding:10px 12px}.audio-player{display:flex;align-items:center;gap:10px;border-radius:99px;background:#484b53;padding:7px 10px;font:12px var(--font);color:#c6dcff;white-space:nowrap}.audio-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#125edc;color:#fff;font-size:10px;font-weight:600;flex-shrink:0}.audio-player button{display:grid;place-items:center;flex-shrink:0;width:19px;height:24px;color:#c0d9ff}.audio-player .audio-play{color:#5d85e8;width:21px}.audio-play svg{fill:currentColor;width:19px;height:19px;stroke-width:1.5}.audio-player .audio-speed svg,.audio-player .audio-volume svg{width:15px;height:15px}.audio-time{font-size:11px;font-variant-numeric:tabular-nums}.audio-seek{min-width:35px;width:100%;height:6px;margin:0;accent-color:#4c70da;cursor:pointer}.audio-player audio[hidden]{display:none!important}
.message-tools{position:absolute;right:100%;bottom:0;padding:0 10px 0 0;display:flex;align-items:center;gap:1px;opacity:0;pointer-events:none;white-space:nowrap;z-index:2}.message-tools:before{content:'';position:absolute;inset:0 10px 0 0;background:#202326;border-radius:20px;z-index:-1}.message-tools button{width:30px;height:37px;color:#c5d5eb;display:grid;place-items:center;border-radius:50%}.message-tools button:hover{background:#ffffff0b}.message-tools svg{width:14px;height:14px}.bubble:hover>.message-tools,.bubble:focus-within>.message-tools{opacity:1;pointer-events:auto}.message-tools.tools-above{right:0;bottom:calc(100% - 1px);padding:0 0 6px 0}.message-tools.tools-above:before{inset:0 0 6px}.message-tools .message-more svg{stroke-width:3}.message-popup{position:fixed;z-index:48;background:#202326;border:1px solid #3c434b;border-radius:17px;box-shadow:0 0 20px #0007;padding:9px;width:215px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;font:13px/1.4 var(--font);color:#d8e2f0}.message-popup>p{font-size:13px;line-height:1.5;color:#92979f;margin:8px 6px 10px}.message-popup>button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;font:13px var(--font);padding:8px 10px;border-radius:11px;color:inherit;white-space:nowrap}.message-popup>button:hover,.message-popup>button[aria-pressed=true]{background:#41454c}.message-popup .ui-icon{width:14px;height:14px;flex-shrink:0;color:#8297b1}.message-popup .danger,.message-popup .danger .ui-icon{color:#bd4b43}.message-popup .menu-divider{border-radius:0;border-top:1px solid #4a4f55;margin-top:4px;padding-top:12px}.audio-speed-popup{width:213px}.audio-speed-popup>button{font-size:13px;min-height:40px}.audio-volume-popup{width:50px;padding:7px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.audio-volume-popup>button{padding:0;width:36px;height:29px;min-height:0;justify-content:center;font-size:24px;color:#d4d8e0}.volume-slider{writing-mode:vertical-lr;direction:rtl;width:10px;height:152px;accent-color:#4c70da;cursor:pointer}.reaction-popup{width:auto;min-width:210px}.message-reaction-options{display:flex;gap:2px}.message-reaction-options button{font-size:20px;padding:4px}.message-reaction{position:absolute;bottom:-10px;left:9px;border:1px solid #454b54;background:#202326;border-radius:15px;padding:0 5px;font-size:14px}.message-favorite{display:inline-flex;margin-right:5px;color:#deb974;position:absolute;right:12px;bottom:10px}.message-favorite svg{width:11px;height:11px;fill:#deb974}.favorite-message>time{padding-right:16px}.message-forwarded{display:block;font-size:10px;font-style:italic;color:#c6ccd6;margin-bottom:7px}.message-quote{display:flex;flex-direction:column;padding:7px 9px;border-left:3px solid #819ce4;background:#0002;border-radius:5px;margin-bottom:8px;font-size:11px;line-height:1.5;white-space:normal}.message-quote strong{color:#c6d6ff;font-weight:600}.message-quote span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.reply-preview{display:flex;align-items:center;gap:15px;padding:10px 16px;border-left:3px solid #7797ed;background:#24292e;border-radius:7px;margin:0 0 8px;font:12px var(--font)}.reply-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.reply-preview strong{font-size:11px;color:#a9c1f5;font-weight:600}.reply-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#c0c7d2}.reply-preview button{width:25px;height:25px;color:#b4c1d4}.reply-preview svg{width:16px;height:16px}.deleted-message{font-size:12px;font-style:italic;color:#aeb5c0}
@media(max-width:900px){.audio-bubble{width:370px}.audio-player{gap:6px;padding:7px}.audio-avatar{width:27px;height:27px}.audio-time{font-size:10px}.audio-player button{width:17px}.message-tools{right:0;bottom:calc(100% - 1px);padding:0 0 6px}.message-tools:before{inset:0 0 6px}}@media(max-width:650px){.audio-bubble{max-width:calc(100% - 36px);width:335px}.audio-player{gap:5px}.audio-player .audio-avatar{display:none}.audio-time{font-size:10px}.message-tools button{width:28px;height:32px}}