.messages-page{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:22px 0 40px}.messages-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;border-bottom:1px solid var(--line)}.messages-topbar .brand{font-size:17px}.messages-back-link{display:flex;align-items:center;gap:6px;color:#9da3ae;font-size:14px}.messages-heading{padding:27px 0 17px}.messages-heading h1{margin:7px 0 3px;font:600 30px var(--display);letter-spacing:-.04em}.messages-heading p{margin:0;color:#8b919d;font-size:14px}.messages-layout{min-height:min(680px,calc(100dvh - 175px));display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden;border:1px solid #30343c;border-radius:12px;background:#11141c}.messages-inbox{min-width:0;border-right:1px solid #292d35;padding:16px 12px;display:flex;flex-direction:column}.person-search{padding:0 3px 13px;border-bottom:1px solid #292d35}.person-search label{display:block;margin-bottom:8px;color:#d7d9df;font-size:14px;font-weight:600}.person-search>div{height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid #343943;border-radius:7px;background:#0c0e14}.person-search>div>span{color:#858c98;font-size:19px}.person-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#f1f2f5;font:14px var(--sans)}.person-search input::placeholder{color:#747b87}.person-search button{width:29px;height:29px;flex:none;border:0;border-radius:5px;background:#c6c9d0;color:#17191e}.messages-status{margin:8px 4px 0;color:#bec2cb;font-size:12px}.conversation-list{display:grid;align-content:start;gap:3px;overflow:auto;padding-top:8px}.conversation-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:#e8eaf0;text-align:left}.conversation-item:hover,.conversation-item.active{background:#ffffff0d}.conversation-avatar,.chat-peer-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:#343943;color:#f3f4f6;font:600 14px var(--display)}.conversation-avatar img,.chat-peer-avatar img{width:100%;height:100%;object-fit:cover}.conversation-copy{min-width:0;flex:1;display:grid;gap:4px}.conversation-copy b{overflow:hidden;color:#f1f2f5;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.conversation-copy small{overflow:hidden;color:#9da3af;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:grid;justify-items:end;gap:5px;color:#8b919d;font-size:11px;white-space:nowrap}.conversation-meta .material-symbols-rounded{font-size:14px}.conversation-empty{margin:0;padding:20px 10px;color:#89909c;text-align:center;font-size:13px;line-height:1.5}.direct-chat{min-width:0;display:flex;flex-direction:column}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.chat-empty>span{margin-bottom:13px;color:#aeb4bf;font-size:33px}.chat-empty b{font-size:17px}.chat-empty p{max-width:300px;color:#8c929e;font-size:14px;line-height:1.55}.chat-view{height:100%;min-height:0;display:flex;flex-direction:column}.chat-view[hidden]{display:none}.chat-header{height:70px;display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid #292d35}.chat-peer-avatar{width:40px;height:40px}.chat-peer-copy{min-width:0;display:grid;gap:3px}.chat-peer-copy b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.chat-peer-copy small{color:#969daa;font:12px var(--mono)}.chat-expiry-note{display:flex;align-items:center;gap:5px;margin-left:auto;color:#9da3ae;font:11px var(--mono);white-space:nowrap}.chat-expiry-note .material-symbols-rounded{font-size:15px}.chat-back{display:none;width:34px;height:34px;place-items:center;border:1px solid #343943;border-radius:50%;background:transparent;color:#d2d5db}.message-list{flex:1;min-height:260px;display:flex;flex-direction:column;gap:9px;overflow:auto;padding:19px}.message-bubble{max-width:min(76%,520px);align-self:flex-start;padding:10px 12px;border:1px solid #30343d;border-radius:12px 12px 12px 3px;background:#191d26;color:#e8eaf0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble.mine{align-self:flex-end;border-color:#6b7079;background:#c6c9d0;color:#17191e;border-radius:12px 12px 3px 12px}.message-bubble time{display:block;margin-top:5px;color:#9ea4b0;font:10px var(--mono)}.message-bubble.mine time{color:#555b64}.message-compose{position:relative;display:flex;align-items:flex-end;gap:9px;padding:12px 15px 30px;border-top:1px solid #292d35}.message-compose textarea{min-height:42px;max-height:120px;flex:1;resize:vertical;padding:11px 12px;border:1px solid #343943;border-radius:8px;outline:0;background:#0c0e14;color:#f1f2f5;font:14px/1.45 var(--sans)}.message-compose textarea:focus{border-color:#767d88}.message-compose textarea::placeholder{color:#747b87}.message-compose button{width:42px;height:42px;flex:none;border:0;border-radius:8px;background:#c6c9d0;color:#17191e}.message-compose button:disabled{opacity:.6}.message-compose small{position:absolute;bottom:9px;left:16px;color:#7f8692;font-size:11px}.messages-toast{position:fixed;z-index:20;left:50%;bottom:24px;max-width:calc(100% - 32px);transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:8px;background:#d1d4da;color:#17191e;font-size:13px;transition:.2s}.messages-toast.show{transform:translate(-50%,0);opacity:1}
html[data-theme=day] .messages-layout{background:#fff;border-color:#d6d9df}html[data-theme=day] .messages-inbox,html[data-theme=day] .person-search{border-color:#e0e2e6}html[data-theme=day] .person-search label,html[data-theme=day] .conversation-copy b,html[data-theme=day] .chat-peer-copy b,html[data-theme=day] .message-bubble{color:#252a31}html[data-theme=day] .person-search>div,html[data-theme=day] .message-compose textarea{background:#f7f8fa;border-color:#d3d7de;color:#242930}html[data-theme=day] .person-search input{color:#242930}html[data-theme=day] .conversation-item:hover,html[data-theme=day] .conversation-item.active{background:#252a310a}html[data-theme=day] .conversation-avatar,html[data-theme=day] .chat-peer-avatar{background:#e1e4e8;color:#303640}html[data-theme=day] .conversation-copy small,html[data-theme=day] .conversation-meta,html[data-theme=day] .chat-peer-copy small,html[data-theme=day] .chat-expiry-note,html[data-theme=day] .messages-heading p,html[data-theme=day] .conversation-empty,html[data-theme=day] .chat-empty p,html[data-theme=day] .message-compose small{color:#68717c}html[data-theme=day] .chat-header,html[data-theme=day] .message-compose{border-color:#e0e2e6}html[data-theme=day] .message-bubble{background:#f1f3f6;border-color:#d9dce2}html[data-theme=day] .message-bubble.mine{background:#303640;border-color:#303640;color:#fff}html[data-theme=day] .message-bubble.mine time{color:#d5d8dd}html[data-theme=day] .chat-empty>span{color:#626b77}
@media(max-width:700px){.messages-page{width:calc(100% - 24px);padding:10px 0 28px}.messages-topbar{padding-bottom:12px}.messages-topbar .brand{font-size:15px;gap:8px}.messages-topbar .brand-mark{width:27px;height:27px;border-radius:8px}.messages-back-link{font-size:12px}.messages-heading{padding:19px 0 12px}.messages-heading h1{font-size:25px}.messages-heading p{font-size:13px}.messages-layout{height:calc(100dvh - 150px);min-height:420px;grid-template-columns:1fr;border-radius:10px}.messages-inbox{border-right:0}.direct-chat{display:none}.messages-layout.has-active-chat .messages-inbox{display:none}.messages-layout.has-active-chat .direct-chat{display:flex}.chat-back{display:grid}.chat-header{height:62px;padding:0 11px;gap:8px}.chat-peer-avatar{width:36px;height:36px}.chat-expiry-note{font-size:10px}.message-list{min-height:0;padding:13px}.message-bubble{max-width:88%;font-size:14px}.message-compose{padding-left:10px;padding-right:10px}.message-compose small{left:11px}}
html:not([data-theme=day]) .messages-layout{background:#050505;border-color:#211c2c}html:not([data-theme=day]) .person-search>div,html:not([data-theme=day]) .message-compose textarea{background:#000}html:not([data-theme=day]) .message-bubble{background:#0a0a0a;border-color:#211c2c}html:not([data-theme=day]) .message-bubble.mine{background:#347d9e;border-color:#347d9e;color:#fff}html:not([data-theme=day]) .message-bubble.mine time{color:#d9f5ff}html:not([data-theme=day]) .person-search button,html:not([data-theme=day]) .message-compose button{background:#347d9e;color:#fff}
html:not([data-theme=day]) .messages-layout{background:var(--user-night-panel,#050505);border-color:#211c2c}html:not([data-theme=day]) .person-search>div,html:not([data-theme=day]) .message-compose textarea{background:var(--user-night-bg,#000)}html:not([data-theme=day]) .message-bubble.mine,html:not([data-theme=day]) .person-search button,html:not([data-theme=day]) .message-compose button{background:var(--user-night-accent,#347d9e);border-color:var(--user-night-accent,#347d9e);color:#fff}html[data-theme=day] .messages-layout{background:var(--user-day-panel,#fff)}html[data-theme=day] .message-bubble.mine,html[data-theme=day] .person-search button,html[data-theme=day] .message-compose button{background:var(--user-day-accent,#347d9e);border-color:var(--user-day-accent,#347d9e);color:#fff}
html[data-primary-neutral=true]:not([data-theme=day]) .messages-layout,html[data-primary-neutral=true]:not([data-theme=day]) .messages-inbox,html[data-primary-neutral=true]:not([data-theme=day]) .chat-header,html[data-primary-neutral=true]:not([data-theme=day]) .message-compose{border-color:#252525}
html[data-primary-neutral=true]:not([data-theme=day]) .messages-layout{background:#050505}
html[data-primary-neutral=true]:not([data-theme=day]) .message-bubble.mine,html[data-primary-neutral=true]:not([data-theme=day]) .person-search button,html[data-primary-neutral=true]:not([data-theme=day]) .message-compose button{background:#c2c2c2;border-color:#c2c2c2;color:#111}
html[data-primary-neutral=true][data-theme=day] .messages-layout{border-color:#ddd;background:#fff}
html[data-primary-neutral=true][data-theme=day] .message-bubble.mine,html[data-primary-neutral=true][data-theme=day] .person-search button,html[data-primary-neutral=true][data-theme=day] .message-compose button{background:#292929;border-color:#292929;color:#fff}

.message-bubble:has(.message-audio-player){min-width:0;padding:8px}
.message-audio-player{width:min(340px,calc(100vw - 120px));max-width:100%;min-width:0;display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #ffffff14;border-radius:10px;background:#151923;color:#f3f4f6}
.message-audio-player .message-audio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.message-audio-toggle,.message-audio-speed,.message-audio-volume-toggle{display:grid;place-items:center;flex:none;height:32px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}
.message-audio-toggle{width:32px;border-radius:50%;background:var(--user-night-accent,#347d9e);color:#fff}
.message-audio-toggle .material-symbols-rounded{font-size:21px}
.message-audio-volume-toggle{width:28px;padding:0;color:#d5dae3}
.message-audio-volume-toggle .material-symbols-rounded{font-size:19px}
.message-audio-volume{width:52px;flex:none;height:20px;margin:0;appearance:none;background:transparent;cursor:pointer}
.message-audio-volume::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:#555d6b}
.message-audio-volume::-moz-range-track{height:4px;border-radius:99px;background:#555d6b}
.message-audio-volume::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3px;appearance:none;border:0;border-radius:50%;background:#f3f4f6}
.message-audio-volume::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#f3f4f6}
.message-audio-time{flex:none;color:#e3e6ed;font:10px/1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.message-audio-seek{--audio-progress:0%;min-width:24px;flex:1;height:20px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-x}
.message-audio-seek::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,#aeb7c7 var(--audio-progress),#555d6b var(--audio-progress))}
.message-audio-seek::-moz-range-track{height:4px;border-radius:99px;background:#555d6b}
.message-audio-seek::-moz-range-progress{height:4px;border-radius:99px;background:#aeb7c7}
.message-audio-seek::-webkit-slider-thumb{width:11px;height:11px;margin-top:-3.5px;appearance:none;border:0;border-radius:50%;background:#f3f4f6}
.message-audio-seek::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#f3f4f6}
.message-audio-speed{min-width:33px;padding:0 3px;color:#c7ccd6;font:600 11px var(--sans)}
.message-audio-toggle:hover,.message-audio-speed:hover,.message-audio-volume-toggle:hover{background-color:#ffffff1a}
.message-audio-toggle:hover{background-color:var(--user-night-accent,#347d9e)}
.message-audio-toggle:focus-visible,.message-audio-speed:focus-visible,.message-audio-volume-toggle:focus-visible,.message-audio-seek:focus-visible,.message-audio-volume:focus-visible{outline:2px solid #aeb7c7;outline-offset:2px}
html[data-primary-neutral=true]:not([data-theme=day]) .message-audio-toggle{background:#c2c2c2;color:#111}
@media(max-width:600px){.message-audio-player{width:min(320px,calc(100vw - 88px));gap:5px;padding:5px 6px}.message-audio-toggle,.message-audio-volume-toggle{width:30px;height:30px}.message-audio-time{font-size:9px}.message-audio-speed{min-width:30px;height:30px;font-size:10px}.message-audio-volume{display:none}}
@media(max-width:700px){.messages-layout{grid-template-rows:minmax(0,1fr)}.messages-layout.has-active-chat .direct-chat{min-height:0}.messages-layout.has-active-chat .chat-view{height:100%;min-height:0;flex:1}.messages-layout.has-active-chat .message-list{min-height:0;flex:1}.messages-layout.has-active-chat .message-compose{flex:none;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}
@media(max-width:700px){.message-compose textarea{height:38px;min-height:38px;max-height:88px;padding:8px 10px;resize:none;line-height:1.3}}
@media(max-width:700px){body.messages-page-body{height:100dvh;min-height:0;overflow:hidden}.messages-page{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}.messages-topbar,.messages-heading{flex:none}.messages-layout{height:auto;min-height:0;max-height:none;flex:1;grid-template-rows:minmax(0,1fr)}.messages-layout.has-active-chat .direct-chat{height:100%;min-height:0}.messages-layout.has-active-chat .chat-view{height:100%;min-height:0;flex:1}.messages-layout.has-active-chat .message-list{min-height:0;flex:1}}

.person-search{position:relative;z-index:5}
.person-search>.person-search-suggestions{position:absolute;z-index:12;top:calc(100% - 5px);left:3px;right:3px;height:auto;display:block;overflow:auto;max-height:min(320px,50vh);padding:5px;border:1px solid #343943;border-radius:9px;background:#11141c;box-shadow:0 12px 30px #0008}
.person-search>.person-search-suggestions[hidden]{display:none}
.person-search-suggestions .person-search-suggestion{width:100%;height:auto;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:6px;background:transparent;color:#e8eaf0;text-align:left;cursor:pointer}
.person-search-suggestions .person-search-suggestion:hover,.person-search-suggestions .person-search-suggestion[aria-selected=true]{background:#ffffff12}
.person-search-avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:#343943;color:#f3f4f6;font:600 12px var(--display)}
.person-search-avatar img{width:100%;height:100%;object-fit:cover}
.person-search-suggestion-copy{min-width:0;flex:1;display:grid;gap:3px}
.person-search-suggestion-copy b,.person-search-suggestion-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-search-suggestion-copy b{color:#f1f2f5;font-size:13px}
.person-search-suggestion-copy small{color:#9da3af;font-size:12px}
.person-search-suggestions .person-search-open{color:#9da3af;font-size:18px}
.person-search-empty{margin:0;padding:12px;color:#9da3af;font-size:12px}
html[data-theme=day] .person-search>.person-search-suggestions{border-color:#d6d9df;background:#fff;box-shadow:0 12px 30px #0002}
html[data-theme=day] .person-search-suggestions .person-search-suggestion{color:#252a31}
html[data-theme=day] .person-search-suggestions .person-search-suggestion:hover,html[data-theme=day] .person-search-suggestions .person-search-suggestion[aria-selected=true]{background:#252a310d}
html[data-theme=day] .person-search-suggestion-copy b{color:#252a31}
html[data-theme=day] .person-search-suggestion-copy small,html[data-theme=day] .person-search-empty{color:#68717c}
html[data-theme=day] .person-search-avatar{background:#e1e4e8;color:#303640}
html:not([data-theme=day]) .person-search .person-search-suggestions .person-search-suggestion{background:transparent;color:#f1f2f5}
html:not([data-theme=day]) .person-search .person-search-suggestions .person-search-suggestion:hover,html:not([data-theme=day]) .person-search .person-search-suggestions .person-search-suggestion[aria-selected=true]{background:#ffffff14;color:#fff}
html:not([data-theme=day]) .person-search .person-search-suggestions .person-search-suggestion-copy b{color:#f1f2f5}
html:not([data-theme=day]) .person-search .person-search-suggestions .person-search-suggestion-copy small,html:not([data-theme=day]) .person-search .person-search-suggestions .person-search-open{color:#aeb4bf}
html[data-primary-neutral=true]:not([data-theme=day]) .message-bubble.mine{color:#17191e}
html[data-primary-neutral=true]:not([data-theme=day]) .message-bubble.mine time{color:#50545a}
html[data-primary-neutral=true]:not([data-theme=day]) .message-bubble.mine .delete-message-button{color:#a51f36;font-weight:600}

.message-tools{display:flex;align-items:flex-end;gap:5px;position:relative;flex:none}.message-compose .message-tool-button{width:36px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #343943;border-radius:8px;background:#0c0e14;color:#b8bec8;cursor:pointer}.message-compose .message-tool-button .material-symbols-rounded{font-size:19px}.message-compose .message-file-button{position:relative}.message-file-button input{display:none}.message-compose .message-tool-button.recording{background:#d9445b;color:#fff;border-color:#d9445b;animation:record-pulse 1s ease-in-out infinite alternate}@keyframes record-pulse{to{box-shadow:0 0 0 4px #d9445b33}}.sticker-picker{position:absolute;z-index:8;left:0;bottom:calc(100% + 10px);display:grid;grid-template-columns:repeat(5,42px);gap:4px;padding:8px;border:1px solid #343943;border-radius:12px;background:#11141c;box-shadow:0 8px 30px #0008}.sticker-picker[hidden]{display:none}.message-compose .sticker-choice{width:42px;height:42px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:27px/1 var(--sans)}.message-compose .sticker-choice:hover{background:#ffffff14}.message-sticker{display:block;font-size:54px;line-height:1.15}.message-bubble:has(.message-sticker){padding:7px 10px}.message-audio{display:block;width:min(320px,100%);height:40px}.message-gif{display:block;width:auto;max-width:min(320px,100%);max-height:280px;object-fit:contain;border-radius:8px}.message-bubble:has(.message-gif){padding:6px}.message-bubble:has(.message-gif) time{margin:5px 6px 0}.message-bubble:has(.message-audio){min-width:230px}.message-bubble.mine .message-audio{filter:contrast(.9)}html:not([data-theme=day]) .message-compose .message-tool-button{background:var(--user-night-panel,#0a0a0a);border-color:#343943;color:#d2d6dd}html:not([data-theme=day]) .message-compose .message-tool-button.recording{background:#d9445b;border-color:#d9445b;color:#fff}html:not([data-theme=day]) .sticker-picker{background:var(--user-night-panel,#11141c);border-color:var(--line)}html:not([data-theme=day]) .message-compose .sticker-choice{background:transparent;color:var(--text)}html[data-theme=day] .message-compose .message-tool-button{background:#f7f8fa;border-color:#d3d7de;color:#505965}html[data-theme=day] .message-compose .message-tool-button.recording{background:#d9445b;border-color:#d9445b;color:#fff}html[data-theme=day] .sticker-picker{background:#fff;border-color:#d3d7de;box-shadow:0 8px 30px #0002}html[data-theme=day] .message-compose .sticker-choice{background:transparent;color:#252a31}@media(max-width:700px){.message-tools{gap:3px}.message-compose .message-tool-button{width:32px}.message-bubble:has(.message-audio){min-width:0}.message-audio{max-width:65vw}.sticker-picker{grid-template-columns:repeat(5,38px);padding:6px}.message-compose .sticker-choice{width:38px;height:38px}}
.chat-empty[hidden]{display:none}.delete-message-button{display:block;margin:6px 0 0 auto;padding:3px 0;border:0;background:transparent;color:#df7180;font:11px var(--sans)}.delete-message-button:hover{text-decoration:underline}.delete-message-button:disabled{opacity:.6;cursor:wait}
@media(min-width:701px){.messages-layout{height:min(680px,calc(100dvh - 175px));max-height:calc(100dvh - 130px);min-height:min(480px,calc(100dvh - 130px));grid-template-rows:minmax(0,1fr)}.direct-chat,.chat-view{min-height:0}.chat-view{flex:1}.message-list{min-height:0}}
.conversation-unread-badge{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef476f;color:#fff;font:700 10px/1 var(--sans);letter-spacing:0}.conversation-unread-badge[hidden]{display:none}
.message-recording-panel[hidden]{display:none}.message-recording-panel:not([hidden]){flex:0 0 100%;display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 2px;padding:9px 10px;border:1px solid #393f49;border-radius:9px;background:var(--panel,#11141c)}.message-recording-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#e34d62;box-shadow:0 0 0 4px #e34d6226;animation:record-pulse 1s ease-in-out infinite alternate}.message-recording-label{color:var(--text,#f3f3f7);font-size:12px;font-weight:600;white-space:nowrap}.message-recording-timer{color:var(--muted,#89909c);font:12px var(--mono,monospace);font-variant-numeric:tabular-nums}.message-recording-meter{height:23px;min-width:40px;flex:1;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.message-recording-meter i{width:3px;height:calc(4px + 19px * var(--level,.3));flex:none;border-radius:4px;background:#e34d62;transition:height .07s linear}.message-record-cancel{width:auto!important;height:32px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:4px;flex:none;padding:0 9px!important;border:1px solid var(--line,#343943)!important;border-radius:7px!important;background:var(--panel2,#191d26)!important;color:var(--text,#f3f3f7)!important;font:12px var(--sans,sans-serif)}.message-record-cancel .material-symbols-rounded{font-size:16px}html[data-theme=day] .message-recording-panel{background:#f7f8fa;border-color:#d3d7de}html[data-theme=day] .message-recording-label,html[data-theme=day] .message-record-cancel{color:#252a31!important}html[data-theme=day] .message-record-cancel{background:#fff!important;border-color:#d3d7de!important}@media(max-width:700px){.message-recording-panel:not([hidden]){gap:7px;padding:8px}.message-recording-label{font-size:11px}.message-recording-meter{min-width:25px}.message-record-cancel{padding:0 7px!important;font-size:11px}}
.message-compose{flex-wrap:wrap}