.notification-item[data-v-1d384db3]{--tile-bg:var(--color-ink-100);--tile-fg:var(--color-ink-700);border-radius:var(--radius-lg);color:var(--color-ink-950);-webkit-tap-highlight-color:transparent;grid-template-columns:44px minmax(0,1fr) 10px;align-items:start;gap:12px;padding:14px 16px;transition:background-color .18s;display:grid;position:relative}.notification-item--info[data-v-1d384db3]{--tile-bg:var(--color-info-50);--tile-fg:var(--color-info-700)}.notification-item--success[data-v-1d384db3]{--tile-bg:var(--color-success-50);--tile-fg:var(--color-success-700)}.notification-item--featured[data-v-1d384db3]{--tile-bg:var(--color-featured-50);--tile-fg:var(--color-featured-700)}.notification-item--danger[data-v-1d384db3]{--tile-bg:var(--color-danger-50);--tile-fg:var(--color-danger-600)}.notification-item--credit[data-v-1d384db3]{--tile-bg:var(--color-credit-50);--tile-fg:var(--color-credit-700)}.notification-item.is-unread[data-v-1d384db3]{background:color-mix(in srgb,var(--color-info-100) 42%,var(--color-surface))}.notification-item.is-link[data-v-1d384db3]{cursor:pointer}.notification-item.is-link[data-v-1d384db3]:focus-visible{outline:2px solid var(--color-ink-950);outline-offset:-2px}@media (hover:hover){.notification-item.is-link[data-v-1d384db3]:hover{background:var(--color-ink-50)}.notification-item.is-link.is-unread[data-v-1d384db3]:hover{background:color-mix(in srgb,var(--color-info-100) 62%,var(--color-surface))}.notification-item.is-link:hover .notification-item__action svg[data-v-1d384db3]{transform:translate(3px)}}.notification-item.is-link[data-v-1d384db3]:active{background:var(--color-ink-100)}.notification-item__tile[data-v-1d384db3]{border-radius:var(--radius-xl);background:var(--tile-bg);width:44px;height:44px;color:var(--tile-fg);place-items:center;display:grid}.notification-item__tile svg[data-v-1d384db3]{width:21px;height:21px}.notification-item__copy[data-v-1d384db3]{flex-direction:column;min-width:0;display:flex}.notification-item__eyebrow[data-v-1d384db3]{color:var(--color-ink-500);font-size:11px;font-weight:500;line-height:16px}.notification-item__title[data-v-1d384db3]{overflow-wrap:anywhere;color:var(--color-ink-950);letter-spacing:-.01em;margin-top:1px;font-size:14px;font-weight:500;line-height:20px}.notification-item.is-unread .notification-item__title[data-v-1d384db3]{font-weight:650}.notification-item__message[data-v-1d384db3]{-webkit-line-clamp:3;overflow-wrap:anywhere;white-space:pre-line;color:var(--color-ink-600);-webkit-box-orient:vertical;margin-top:2px;font-size:13px;line-height:19px;display:-webkit-box;overflow:hidden}.notification-item.is-unread .notification-item__message[data-v-1d384db3]{color:var(--color-ink-700)}.notification-item__action[data-v-1d384db3],.notification-item__message .is-bold[data-v-1d384db3]{color:var(--color-ink-950);font-weight:600}.notification-item__message .is-italic[data-v-1d384db3]{font-style:italic}.notification-item__message .is-underline[data-v-1d384db3]{text-underline-offset:2px;text-decoration:underline}.notification-item__action[data-v-1d384db3]{align-self:flex-start;align-items:center;gap:4px;margin-top:8px;font-size:12px;line-height:16px;display:inline-flex}.notification-item__action svg[data-v-1d384db3]{width:13px;height:13px;transition:transform .2s var(--ease-spring-soft)}.notification-item__dot[data-v-1d384db3]{border-radius:var(--radius-full);background:var(--color-info-700);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-info-700) 18%,transparent);margin-top:21px}.notification-item.is-compact[data-v-1d384db3]{border-radius:var(--radius-md);grid-template-columns:40px minmax(0,1fr) 8px;gap:11px;padding:11px 12px}.notification-item.is-compact .notification-item__tile[data-v-1d384db3]{width:40px;height:40px}.notification-item.is-compact .notification-item__title[data-v-1d384db3]{font-size:13px;line-height:18px}.notification-item.is-compact .notification-item__message[data-v-1d384db3]{-webkit-line-clamp:2;font-size:12px;line-height:17px}.notification-item.is-compact .notification-item__dot[data-v-1d384db3]{width:8px;height:8px;margin-top:18px}.notification-item.is-fresh[data-v-1d384db3]{animation:1.6s ease-out both notification-fresh-1d384db3}.notification-item.is-fresh .notification-item__tile[data-v-1d384db3]{animation:notification-pop-1d384db3 var(--duration-spring-pop) var(--ease-spring-pop) both}@keyframes notification-fresh-1d384db3{0%{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-info-700) 55%,transparent)}to{box-shadow:inset 0 0 0 1.5px #0000}}@keyframes notification-pop-1d384db3{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.notification-item.is-fresh[data-v-1d384db3],.notification-item.is-fresh .notification-item__tile[data-v-1d384db3]{animation:none}.notification-item__action svg[data-v-1d384db3]{transition:none}}@media (width<=639px){.notification-item[data-v-1d384db3]{border-radius:0;gap:12px;padding:14px 16px}.notification-item__title[data-v-1d384db3]{font-size:15px;line-height:21px}.notification-item__message[data-v-1d384db3]{font-size:14px;line-height:20px}}