.sidebar-heading{margin:15px 18px 5px;color:#71807a;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.channel.direct span{color:#7cab9c;font-size:10px}.no-directs{margin:5px 18px;color:#71807a;font-size:11px;line-height:1.4}.compose{position:relative}.attachment-button{flex:0 0 38px!important;width:38px!important;height:38px!important;margin:4px 0;border-radius:50%!important;background:#e3eee9!important;color:#087861!important;font-size:22px!important;line-height:1!important}.attachment-button::after{display:none}.attachment-queue{position:absolute;bottom:68px;left:22px;right:22px;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #d8e3dd;border-radius:10px;background:#fff;box-shadow:0 4px 18px #13241b19}.attachment-queue span{display:flex;align-items:center;gap:5px;max-width:100%;padding:5px 7px;border-radius:7px;background:#e8f3ee;color:#315d50;font-size:11px;overflow-wrap:anywhere}.attachment-queue button{width:18px;height:18px;padding:0;border-radius:50%;background:transparent;color:#50766b;font-size:16px}.image-attachment{display:block;margin-top:8px}.image-attachment img{display:block;max-width:100%;max-height:290px;border-radius:7px}.file-attachment{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px;border-radius:7px;background:#edf5f1;color:#0c6955;font-size:12px;font-weight:700;text-decoration:none}.file-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment small{margin-left:auto;color:#6d8078;font-weight:500;white-space:nowrap}[data-theme="dark"] .sidebar-heading,[data-theme="dark"] .no-directs{color:#91a79e}[data-theme="dark"] .attachment-button{background:#1e493d!important;color:#a5e4d4!important}[data-theme="dark"] .attachment-queue{border-color:#355148;background:#10211d}[data-theme="dark"] .attachment-queue span,[data-theme="dark"] .file-attachment{background:#17372e;color:#b9e4d7}[data-theme="dark"] .file-attachment small{color:#a0b8ae}@media(max-width:700px){.sidebar-heading{display:none}.sidebar nav#direct-messages{border-top:1px solid #dfe3e0}.attachment-queue{left:12px;right:12px;bottom:62px}}
