.notification-card{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 15px;align-items:start;gap:13px;min-width:0;padding:20px 0;display:grid}.notification-card:last-child{border-bottom:0}.notification-card-icon{border:1px solid var(--line);background:var(--muted);width:36px;height:36px;color:var(--lavender);border-radius:50%;flex:none;place-items:center;display:grid}.notification-card-copy{min-width:0}.notification-card-skeleton .notification-card-copy{gap:10px;display:grid}.notification-card-title{color:var(--ink);letter-spacing:-.3px;overflow-wrap:anywhere;align-items:center;gap:8px;margin:0 0 8px;font:500 22px/1.25 Georgia,serif;transition:color .2s;display:flex}.notification-card-body{color:var(--soft);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.notification-card-unread-dot{background:var(--lavender);border-radius:50%;flex:none;width:6px;height:6px}.notification-card-arrow{color:var(--lavender);margin-top:4px;transition:transform .2s}.notification-card:is(:hover,:focus-visible) .notification-card-title{color:var(--lavender)}.notification-card:is(:hover,:focus-visible) .notification-card-arrow{transform:translate(2px,-2px)}.notification-card:focus-visible{outline:2px solid var(--lavender);outline-offset:4px;border-radius:7px}@media (prefers-reduced-motion:reduce){.notification-card-title,.notification-card-arrow{transition:none}}