:root{--toolbar-bg: #ffffff;--border-color: #e5e7eb;--input-bg: #f3f4f6;--icon-bg: #ffffff;--icon-hover: #f3f4f6;--radius: 999px}.page-content-notifications.svelte-1ce0uvz{padding:1rem}.page-content-notifications.svelte-1ce0uvz .page-title:where(.svelte-1ce0uvz){margin-bottom:.75rem}.notifications-panel.svelte-1ce0uvz{margin-inline:auto;border:1px solid var(--border-color);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.notifications-panel.svelte-1ce0uvz .mail-toolbar:where(.svelte-1ce0uvz){position:sticky;top:0;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;background:var(--toolbar-bg);border-bottom:1px solid var(--border-color)}:is(.notifications-panel.svelte-1ce0uvz .mail-toolbar:where(.svelte-1ce0uvz)) .mail-search{width:100%}:is(.notifications-panel.svelte-1ce0uvz .mail-toolbar:where(.svelte-1ce0uvz)) .mail-actions{width:100%;justify-content:flex-end}.notifications-panel.svelte-1ce0uvz .notifications-scroll:where(.svelte-1ce0uvz){flex:1;overflow-y:auto;padding:.75rem;max-height:70vh;scrollbar-gutter:stable;overscroll-behavior:contain}@media (min-width: 640px){.page-content-notifications.svelte-1ce0uvz{padding:2em}.page-content-notifications.svelte-1ce0uvz .page-title:where(.svelte-1ce0uvz){margin-bottom:1rem}.notifications-panel.svelte-1ce0uvz .mail-toolbar:where(.svelte-1ce0uvz){flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}:is(.notifications-panel.svelte-1ce0uvz .mail-toolbar:where(.svelte-1ce0uvz)) .mail-search{width:auto}:is(.notifications-panel.svelte-1ce0uvz .mail-toolbar:where(.svelte-1ce0uvz)) .mail-actions{width:auto}.notifications-panel.svelte-1ce0uvz .notifications-scroll:where(.svelte-1ce0uvz){padding:.75rem 1rem}}