.avatar.svelte-eh7l7g{background:var(--flatt-avatar-fallback,var(--flatt-ink));color:var(--flatt-surface);font-weight:500;font-family:var(--flatt-sans);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar.squircle.svelte-eh7l7g{-webkit-mask-image:var(--flatt-squircle-mask);-webkit-mask-image:var(--flatt-squircle-mask);mask-image:var(--flatt-squircle-mask);border-radius:.72rem;-webkit-mask-size:100% 100%;mask-size:100% 100%}.avatar.sm.svelte-eh7l7g{width:32px;height:32px;font-size:.875rem}.avatar.md.svelte-eh7l7g{width:48px;height:48px;font-size:1.25rem}.avatar.lg.svelte-eh7l7g{width:80px;height:80px;font-size:2rem}.avatar-img.svelte-eh7l7g{object-fit:cover;width:100%;height:100%}.avatar-text.svelte-eh7l7g{line-height:1}.notification-item.svelte-1focd49{background:var(--flatt-surface-alpha-26);min-height:4.75rem;color:var(--flatt-ink);font-family:var(--flatt-sans);transition:background var(--flatt-duration-control) var(--flatt-ease-out);border-radius:.875rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem .9rem;display:grid;position:relative}.notification-item.svelte-1focd49:before{content:"";border-radius:var(--flatt-radius-round);background:0 0;width:2px;position:absolute;top:.75rem;bottom:.75rem;left:0}.notification-item.unread.svelte-1focd49{background:linear-gradient(100deg, var(--flatt-blue-alpha-05), var(--flatt-surface-alpha-34) 35%, var(--flatt-magenta-alpha-04))}.notification-item.unread.svelte-1focd49:before{background:var(--flatt-signal)}.notification-item.svelte-1focd49:hover{background:var(--flatt-surface-alpha-46)}.notification-avatar-well.svelte-1focd49{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.625rem;height:2.625rem;margin-top:.05rem;display:inline-flex}.notification-avatar.svelte-1focd49{width:100%;height:100%}.notification-avatar.svelte-1focd49 .avatar{border-radius:50%;width:100%;height:100%}.notification-main.svelte-1focd49{flex-direction:column;gap:.28rem;min-width:0;padding:.05rem 0;display:flex}.notification-kicker.svelte-1focd49{font-family:var(--flatt-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--flatt-quiet);margin:0;font-size:.52rem;font-weight:720}.notification-copy.svelte-1focd49{min-width:0}.notification-summary.svelte-1focd49{font-family:var(--flatt-sans);color:var(--flatt-ink);margin:0 0 .2rem;font-size:.78rem;font-weight:650;line-height:1.18}.notification-meta.svelte-1focd49{font-family:var(--flatt-sans);color:var(--flatt-muted);flex-wrap:wrap;align-items:center;gap:.42rem;margin:0;font-size:.62rem;display:flex}.notification-preview.svelte-1focd49{font-family:var(--flatt-sans);color:var(--flatt-muted);margin:.08rem 0 0;font-size:.62rem;line-height:1.4}.notification-side.svelte-1focd49{padding-top:0}.notification-actions.svelte-1focd49{flex-direction:row;align-items:center;gap:.3rem;display:flex}.notification-action.svelte-1focd49{border:1px solid var(--flatt-line);width:2rem;height:2rem;color:var(--flatt-muted);cursor:pointer;transition:background var(--flatt-duration-control) var(--flatt-ease-out), border-color var(--flatt-duration-control) var(--flatt-ease-out), color var(--flatt-duration-control) var(--flatt-ease-out), transform var(--flatt-duration-control) var(--flatt-ease-out);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.notification-action.svelte-1focd49:hover{background:var(--flatt-surface-alpha-62);color:var(--flatt-ink);border-color:var(--flatt-line-strong);transform:translateY(-1px)}.notification-action-open.svelte-1focd49{border:0;border-bottom:1px solid var(--flatt-ink);width:auto;height:auto;color:var(--flatt-ink);font-family:var(--flatt-sans);white-space:nowrap;border-radius:0;padding:.2rem 0;font-size:.6rem;font-weight:650}.notification-action-open.svelte-1focd49:hover,.notification-action-open.svelte-1focd49:focus-visible{border-color:var(--flatt-magenta);color:var(--flatt-magenta);background:0 0}.notification-action.svelte-1focd49:focus-visible{outline:2px solid var(--flatt-blue);outline-offset:2px}.notification-action.svelte-1focd49:disabled{opacity:.6;cursor:wait}.notification-action-danger.svelte-1focd49:hover{color:var(--flatt-magenta)}@media (width<=720px){.notification-item.svelte-1focd49{grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.75rem}.notification-side.svelte-1focd49{grid-column:2}.notification-main.svelte-1focd49{padding:0}.notification-actions.svelte-1focd49{flex-flow:wrap;align-items:center;gap:.3rem}}.notification-item[data-notification-treatment=user].svelte-1focd49{border-bottom:1px solid var(--flatt-user-rule-soft);min-width:0;min-height:0;color:var(--flatt-user-personal-text);font-family:var(--flatt-user-sans);background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:20px 0}.notification-item[data-notification-treatment=user].svelte-1focd49:hover{background:0 0}.notification-item[data-notification-treatment=user].svelte-1focd49:before{top:22px;bottom:23px;left:-16px}.notification-item[data-notification-treatment=user].unread.svelte-1focd49:before{background:var(--flatt-user-signal)}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-avatar-well:where(.svelte-1focd49){width:36px;height:36px;margin:0}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-avatar:where(.svelte-1focd49) .avatar{background:var(--flatt-user-signal);color:var(--flatt-user-personal-text);font-family:var(--flatt-user-sans)}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-main:where(.svelte-1focd49){gap:0;padding:0}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-kicker:where(.svelte-1focd49){color:var(--flatt-user-personal-quiet);font:9px/1.5 var(--flatt-user-sans);letter-spacing:normal;text-transform:none}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-summary:where(.svelte-1focd49){color:var(--flatt-user-personal-text);font:500 14px/1.55 var(--flatt-user-sans);overflow-wrap:anywhere;margin:5px 0 6px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-meta:where(.svelte-1focd49),.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-preview:where(.svelte-1focd49){color:var(--flatt-user-personal-muted);font:11px/1.5 var(--flatt-user-sans);overflow-wrap:anywhere}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-preview:where(.svelte-1focd49){margin-top:6px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-side:where(.svelte-1focd49){grid-column:auto}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-actions:where(.svelte-1focd49){align-items:flex-start;gap:8px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action:where(.svelte-1focd49){width:34px;height:auto;min-height:34px;color:var(--flatt-user-personal-action-muted);background:0 0;border:0;border-radius:9px;padding:0;transform:none}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action:where(.svelte-1focd49):hover{color:var(--flatt-user-personal-action-hover);background:var(--flatt-user-personal-control)}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action:where(.svelte-1focd49):focus-visible{outline:2px solid var(--flatt-user-focus);outline-offset:2px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action-open:where(.svelte-1focd49){width:auto;color:var(--flatt-user-personal-action);font:11px/1.4 var(--flatt-user-sans);text-decoration:none}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action-danger:where(.svelte-1focd49):hover{color:var(--flatt-user-danger)}@media (width<=639px){.notification-item[data-notification-treatment=user].svelte-1focd49{gap:10px;padding:18px 0}.notification-item[data-notification-treatment=user].svelte-1focd49:before{left:-10px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-avatar-well:where(.svelte-1focd49){width:29px;height:29px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-kicker:where(.svelte-1focd49){font-size:8px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-summary:where(.svelte-1focd49){font-size:13px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-meta:where(.svelte-1focd49),.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-preview:where(.svelte-1focd49){font-size:10px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-actions:where(.svelte-1focd49){flex-direction:column;gap:0}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action:where(.svelte-1focd49){width:29px;min-height:29px}.notification-item[data-notification-treatment=user].svelte-1focd49 .notification-action-open:where(.svelte-1focd49){white-space:normal;width:auto;max-width:8ch}}