.notification-btn.svelte-1o6erw6{border:1px solid #d3d3d3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notification-btn.svelte-1o6erw6 .unread:where(.svelte-1o6erw6){background-color:var(--colors_badge_danger);width:18px;height:18px;color:var(--colors_white);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;position:absolute;bottom:-6px;left:-6px}.notification-list.svelte-2u3hrc{flex-direction:column;gap:12px;width:300px;padding:10px 5px;display:flex}.notification-list.svelte-2u3hrc .mark-all:where(.svelte-2u3hrc){min-height:0;color:var(--colors_accent);cursor:pointer;background:0 0;border:0;justify-content:center;align-self:flex-end;padding:0;font-size:13px;transition:color .3s;display:flex}.notification-list.svelte-2u3hrc .mark-all:where(.svelte-2u3hrc):hover{color:color-mix(in srgb, var(--colors_accent) 75%, var(--colors_black))}.notification-list.svelte-2u3hrc .notifications:where(.svelte-2u3hrc){flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc){border:1px solid var(--colors_bg_grey);background:var(--colors_white);border-left:3px solid #0000;border-radius:4px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.notification-list.svelte-2u3hrc .notification-card.unread:where(.svelte-2u3hrc){border-left-color:var(--colors_green);background:color-mix(in srgb, var(--colors_green) 3%, var(--colors_white))}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-header:where(.svelte-2u3hrc){align-items:center;gap:10px;display:flex}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-header:where(.svelte-2u3hrc) .new-indicator:where(.svelte-2u3hrc){background:var(--colors_green);border-radius:50%;flex-shrink:0;width:9px;height:9px}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-header:where(.svelte-2u3hrc) h2:where(.svelte-2u3hrc){color:var(--colors_black);margin:0;font-size:14px;font-weight:600;line-height:1.3}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-body:where(.svelte-2u3hrc){color:var(--colors_black);overflow-wrap:anywhere;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) time:where(.svelte-2u3hrc){color:var(--colors_grey_183);font-size:12px}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-actions:where(.svelte-2u3hrc){flex-wrap:nowrap;gap:14px;display:flex}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-actions:where(.svelte-2u3hrc) button:where(.svelte-2u3hrc){min-height:0;color:var(--colors_accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;transition:color .3s}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-actions:where(.svelte-2u3hrc) button:where(.svelte-2u3hrc):hover{color:color-mix(in srgb, var(--colors_accent) 75%, var(--colors_black))}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-actions:where(.svelte-2u3hrc) button.delete:where(.svelte-2u3hrc){color:var(--colors_red)}.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc) .notification-actions:where(.svelte-2u3hrc) button.delete:where(.svelte-2u3hrc):hover{color:color-mix(in srgb, var(--colors_red) 75%, var(--colors_black))}.notification-list.svelte-2u3hrc .empty-state:where(.svelte-2u3hrc){color:var(--colors_grey_183);text-align:center;margin:0;font-size:14px}@media (width<=640px){.notification-list.svelte-2u3hrc .notification-card:where(.svelte-2u3hrc){padding:12px}}