.notification-page.svelte-1ce0uvz{background:#f5f2ef}.topbar.svelte-1ce0uvz{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;min-height:68px;padding:10px 14px;color:#f7f2e9;background:#07162f}.topbar.svelte-1ce0uvz>a:where(.svelte-1ce0uvz),.topbar.svelte-1ce0uvz>button:where(.svelte-1ce0uvz){display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:8px;color:#d6dbea;background:transparent}.topbar.svelte-1ce0uvz>button:where(.svelte-1ce0uvz):disabled{opacity:.35}.topbar.svelte-1ce0uvz>div:where(.svelte-1ce0uvz){display:grid;gap:2px;text-align:center}.topbar.svelte-1ce0uvz strong:where(.svelte-1ce0uvz){font-size:15px}.topbar.svelte-1ce0uvz small:where(.svelte-1ce0uvz){color:#9ca8c0;font-size:10px}.content.svelte-1ce0uvz{display:grid;align-content:start;gap:14px;min-height:560px;background:#f8f6f3}.filter-row.svelte-1ce0uvz{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;border:1px solid #e4ded7;border-radius:8px;padding:4px;background:#fff}.filter-row.svelte-1ce0uvz button:where(.svelte-1ce0uvz){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:6px;color:#77727a;background:transparent;font-size:13px;font-weight:750}.filter-row.svelte-1ce0uvz button.active:where(.svelte-1ce0uvz){color:#2d210f;background:#f2d889;box-shadow:0 3px 10px #7652181f}.filter-row.svelte-1ce0uvz span:where(.svelte-1ce0uvz){min-width:20px;border-radius:10px;padding:2px 6px;color:inherit;background:#ffffff94;font-size:10px}.message-list.svelte-1ce0uvz{display:grid;overflow:hidden;border:1px solid #e6e0da;border-radius:8px;background:#fff}.message-list.svelte-1ce0uvz article:where(.svelte-1ce0uvz){position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;border-left:3px solid transparent}.message-list.svelte-1ce0uvz article:where(.svelte-1ce0uvz)+article:where(.svelte-1ce0uvz){border-top:1px solid #eee9e4}.message-list.svelte-1ce0uvz article.unread:where(.svelte-1ce0uvz){border-left-color:#d9a43d;background:#fffbf1}.message-list.svelte-1ce0uvz article:where(.svelte-1ce0uvz)>a:where(.svelte-1ce0uvz){display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px 8px 15px 13px}.message-icon.svelte-1ce0uvz{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:#3c6fbd;background:#eaf2ff}.message-icon.activity.svelte-1ce0uvz{color:#a46c18;background:#fff1ce}.message-icon.account.svelte-1ce0uvz{color:#33775b;background:#e9f6ef}.message-copy.svelte-1ce0uvz{display:grid;min-width:0;gap:5px}.message-meta.svelte-1ce0uvz{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-meta.svelte-1ce0uvz b:where(.svelte-1ce0uvz){color:#aa7423;font-size:9px;letter-spacing:0}.message-meta.svelte-1ce0uvz time:where(.svelte-1ce0uvz){color:#a09aa0;font-size:10px}.message-copy.svelte-1ce0uvz>strong:where(.svelte-1ce0uvz){overflow:hidden;color:#28242b;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.message-copy.svelte-1ce0uvz p:where(.svelte-1ce0uvz){display:-webkit-box;margin:0;overflow:hidden;color:#77717a;font-size:12px;line-height:1.6;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.message-copy.svelte-1ce0uvz small:where(.svelte-1ce0uvz){display:inline-flex;align-items:center;gap:2px;color:#9a6719;font-size:10px;font-weight:750}.delete-button.svelte-1ce0uvz{align-self:start;display:grid;width:32px;height:32px;margin:11px 6px 0 0;place-items:center;border:0;border-radius:7px;color:#aaa4a8;background:transparent}.delete-button.svelte-1ce0uvz:hover{color:#b54141;background:#fff0f0}.empty-state.svelte-1ce0uvz{display:grid;min-height:330px;place-items:center;align-content:center;gap:8px;color:#8c8790;text-align:center}.empty-state.svelte-1ce0uvz>span:where(.svelte-1ce0uvz){display:grid;width:64px;height:64px;place-items:center;border-radius:50%;color:#b3873a;background:#f7ead0}.empty-state.svelte-1ce0uvz h2:where(.svelte-1ce0uvz),.empty-state.svelte-1ce0uvz p:where(.svelte-1ce0uvz){margin:0}.empty-state.svelte-1ce0uvz h2:where(.svelte-1ce0uvz){color:#38333b;font-size:16px}.empty-state.svelte-1ce0uvz p:where(.svelte-1ce0uvz){font-size:12px}@media(min-width:960px){.content.svelte-1ce0uvz{padding:24px}.message-list.svelte-1ce0uvz,.filter-row.svelte-1ce0uvz{width:min(100%,820px);margin:0 auto}}