.notification-list.svelte-bq5l1q{flex-direction:column;min-height:0;display:flex}.notification-list.svelte-bq5l1q .head:where(.svelte-bq5l1q){justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .625rem .625rem;display:flex}.notification-list.svelte-bq5l1q .heading:where(.svelte-bq5l1q){color:var(--color-main);font-size:.9375rem;font-weight:800}.notification-list.svelte-bq5l1q .read-all:where(.svelte-bq5l1q){color:var(--color-brand-600);cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.dark :is(.notification-list.svelte-bq5l1q .read-all:where(.svelte-bq5l1q)){color:var(--color-brand-300)}.notification-list.svelte-bq5l1q .read-all:where(.svelte-bq5l1q):hover:not(:disabled){background:var(--color-surface-sub)}.notification-list.svelte-bq5l1q .read-all:where(.svelte-bq5l1q):disabled{color:var(--color-muted);cursor:default}.notification-list.svelte-bq5l1q .state:where(.svelte-bq5l1q){color:var(--color-sub);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:.8125rem;display:flex}.notification-list.svelte-bq5l1q .items:where(.svelte-bq5l1q){flex-direction:column;display:flex}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q){text-align:left;cursor:pointer;border-radius:6px;align-items:flex-start;gap:.5rem;width:100%;padding:.625rem;display:flex}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q):hover{background:var(--color-surface-sub)}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q) .dot:where(.svelte-bq5l1q){border-radius:999px;flex-shrink:0;width:6px;height:6px;margin-top:.4375rem}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q).unread .dot:where(.svelte-bq5l1q){background:var(--color-brand-500)}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q) .text:where(.svelte-bq5l1q){flex-direction:column;gap:.125rem;min-width:0;display:flex}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q) .title:where(.svelte-bq5l1q){color:var(--color-sub);word-break:keep-all;overflow-wrap:anywhere;font-size:.875rem;font-weight:600;line-height:1.4}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q).unread .title:where(.svelte-bq5l1q){color:var(--color-main);font-weight:800}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q) .body:where(.svelte-bq5l1q){color:var(--color-sub);word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-list.svelte-bq5l1q .item:where(.svelte-bq5l1q) time:where(.svelte-bq5l1q){color:var(--color-muted);font-size:.75rem}.notification-list.svelte-bq5l1q .more:where(.svelte-bq5l1q){color:var(--color-sub);cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.8125rem;font-weight:700}.notification-list.svelte-bq5l1q .more:where(.svelte-bq5l1q):hover:not(:disabled){background:var(--color-surface-sub);color:var(--color-main)}.notification-list.svelte-bq5l1q .more:where(.svelte-bq5l1q):disabled{cursor:default}.notification-list.svelte-bq5l1q .more:where(.svelte-bq5l1q).load{margin:.25rem 0}