.notification-badge.svelte-18fzdpz{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:#fff;background-color:oklch(var(--er));border-radius:9999px}.notification-dropdown.svelte-18fzdpz{position:absolute;bottom:100%;left:100%;margin-bottom:8px;margin-left:8px;width:360px;max-height:480px;background-color:oklch(var(--b2));border:1px solid oklch(var(--b3));border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #00000026,0 20px 25px -5px #0003;z-index:100;overflow:hidden;display:flex;flex-direction:column}.notification-dropdown-header.svelte-18fzdpz{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid oklch(var(--b3))}.notification-dropdown-content.svelte-18fzdpz{flex:1;overflow-y:auto;max-height:320px}.notification-dropdown-footer.svelte-18fzdpz{padding:.75rem;border-top:1px solid oklch(var(--b3))}.notification-item.svelte-18fzdpz{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;text-align:left;width:100%;transition:background-color .15s;position:relative}.notification-item.svelte-18fzdpz:hover{background-color:oklch(var(--b3))}.notification-item.unread.svelte-18fzdpz{background-color:oklch(var(--p) / .08)}.notification-icon.svelte-18fzdpz{font-size:1.25rem;flex-shrink:0}.notification-content.svelte-18fzdpz{flex:1;min-width:0}.notification-title.svelte-18fzdpz{font-size:.875rem;font-weight:500;color:oklch(var(--bc));line-height:1.25}.notification-message.svelte-18fzdpz{font-size:.75rem;color:oklch(var(--bc) / .6);margin-top:.125rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time.svelte-18fzdpz{font-size:.75rem;color:oklch(var(--bc) / .4);margin-top:.25rem}.notification-unread-dot.svelte-18fzdpz{width:8px;height:8px;background-color:oklch(var(--p));border-radius:50%;flex-shrink:0;margin-top:.25rem}.grace-period-banner.svelte-1jl6ugt{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);background-color:var(--color-warning);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);color:var(--color-warning-content);top:calc(var(--spacing,.25rem) * 0);z-index:50;display:flex;position:sticky}.banner-content.svelte-1jl6ugt{align-items:center;gap:calc(var(--spacing,.25rem) * 3);flex:1;display:flex}.banner-text.svelte-1jl6ugt{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}