.notif-wrap.svelte-3pyf9h{position:relative}.notification-button.svelte-3pyf9h{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;color:#687691;transition:color .18s ease,border-color .18s ease,background .18s ease}.notification-button.svelte-3pyf9h:hover,.notification-button.has-unread.svelte-3pyf9h{color:#6656ed;border-color:#cbc5ff;background:#faf9ff}.notification-count.svelte-3pyf9h{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#ee5b68;color:#fff;font:800 9px DM Sans,sans-serif;line-height:1}.notif-backdrop.svelte-3pyf9h{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.notif-popover.svelte-3pyf9h{position:absolute;top:calc(100% + 8px);right:0;z-index:41;width:320px;max-height:420px;background:#fff;border:1px solid #e5e9f1;border-radius:12px;box-shadow:0 12px 32px #1928471f;display:flex;flex-direction:column}.notif-head.svelte-3pyf9h{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #edf0f5}.notif-head.svelte-3pyf9h b:where(.svelte-3pyf9h){font:700 13px Manrope,sans-serif;color:#263452}.notif-mark-all.svelte-3pyf9h{border:0;background:transparent;color:#6656ed;font:600 11px DM Sans;cursor:pointer;padding:0}.notif-mark-all.svelte-3pyf9h:hover{text-decoration:underline}.notif-empty.svelte-3pyf9h{padding:24px 14px;text-align:center;color:#8491ab;font-size:12px;margin:0}.notif-list.svelte-3pyf9h{overflow-y:auto}.notif-item.svelte-3pyf9h{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid #f4f5f9;cursor:pointer}.notif-item.svelte-3pyf9h:last-child{border-bottom:0}.notif-item.svelte-3pyf9h:hover{background:#fafaff}.notif-item.unread.svelte-3pyf9h{background:#f8f7ff}.notif-dot.svelte-3pyf9h{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#6656ed;margin-top:6px}.notif-item-body.svelte-3pyf9h{min-width:0}.notif-item-body.svelte-3pyf9h b:where(.svelte-3pyf9h){display:block;font-size:12px;color:#263452}.notif-item-body.svelte-3pyf9h p:where(.svelte-3pyf9h){margin:3px 0 0;font-size:11px;color:#66718a;line-height:1.4}.notif-item-body.svelte-3pyf9h small:where(.svelte-3pyf9h){display:block;margin-top:4px;font-size:10px;color:#a0a9bc}