.direct-message-composer{background:var(--surface-accent);border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative}.direct-message-composer-sending{pointer-events:none}.direct-message-composer-hint-wrap{flex-direction:column;gap:8px;display:flex}.direct-message-composer-progress{color:var(--main-color-select);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.direct-message-composer-spinner{border:2px solid #39c5bb33;border-top-color:var(--main-color-select);border-radius:50%;width:14px;height:14px;animation:.72s linear infinite direct-message-composer-spin}@keyframes direct-message-composer-spin{to{transform:rotate(1turn)}}.direct-message-composer-compact{gap:12px;padding:16px}.direct-message-composer-footer,.direct-message-composer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.direct-message-composer-title{font-size:1rem;font-weight:800}.direct-message-composer-desc,.direct-message-composer-disabled,.direct-message-composer-hint{color:var(--font-black-lite);margin-top:6px;font-size:.84rem;line-height:1.8}.direct-message-composer-badge{color:var(--main-color-select);white-space:nowrap;background:#39c5bb1f;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:800}.direct-message-composer-disabled{background:#97accc1f;border-radius:16px;padding:12px 14px}.direct-message-composer-field{flex-direction:column;gap:8px;display:flex}.direct-message-composer-field span{color:var(--font-black-lite);font-size:.84rem;font-weight:700}.direct-message-composer input,.direct-message-composer textarea{box-sizing:border-box;border:var(--common-border);background:var(--surface-input);border-radius:16px;width:100%;padding:11px 14px;font-size:.94rem;transition:all .24s}.direct-message-composer input:focus,.direct-message-composer textarea:focus{border:var(--common-border-select);box-shadow:0 0 0 4px var(--surface-focus-ring)}.direct-message-composer textarea{resize:vertical;min-height:104px;line-height:1.8}.direct-message-composer-hint{margin-top:0}@media (width<=768px){.direct-message-composer-footer,.direct-message-composer-head{flex-direction:column;align-items:flex-start}}