.notification-payload-card{display:flex;min-width:0;align-items:center;gap:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;padding:.5rem;transition:background-color .15s,border-color .15s;background:#ffffffbf;text-decoration:none}.notification-payload-card:hover{background:#fff;border-color:var(--muted-foreground)}.notification-payload-card strong{font-size:.875rem;line-height:1.25rem;font-weight:500;padding:0}.notification-payload-art{position:relative;display:flex;align-items:center;justify-content:center;height:4rem;flex-shrink:0;border-radius:.125rem;overflow:hidden;background:#e5e7eb}.notification-payload-art img{width:100%;height:100%;object-fit:cover}.notification-payload-art>svg,.notification-payload-image-fallback svg{width:1.5rem;height:1.5rem;color:#6b7280}.notification-payload-landscape{aspect-ratio:16/9}.notification-payload-portrait{aspect-ratio:.777}.notification-payload-group{height:3rem;width:3rem;border-radius:100%;background:#fff;padding:.125rem}.notification-payload-group img{object-fit:contain}.notification-payload-company{width:4rem;background:#fff}.notification-payload-company img{object-fit:contain}.notification-payload-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:.125rem}.notification-payload-copy>span{font-size:.75rem;line-height:1rem;color:var(--muted-foreground);font-weight:400}.notification-payload-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-payload-two-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.notification-payload-tags{display:flex;gap:.375rem;overflow:hidden;margin-top:.5rem}.notification-payload-tags>span{flex-shrink:0;border-radius:999px;background:#f3f4f6;padding:.125rem .5rem;font-size:.625rem;line-height:1rem;color:var(--muted-foreground);font-weight:400}.notification-payload-url{gap:.5rem}.notification-payload-url>span{font-size:.875rem;font-weight:400;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-payload-url>svg{width:1rem;height:1rem;flex-shrink:0}.notification-event-card{padding:0}.notification-event-card>a{width:100%;min-width:0;margin:0!important;border-radius:.5rem}.notification-event-card [data-company-tilt]{flex-shrink:0}.notification-event-card .fadder-attendance-status{font-size:.75rem;line-height:1rem}.notification-payload-user{border-radius:999px}.notification-payload-user p{padding:0!important;margin:0!important;font-weight:inherit}.notification-payload-user [data-slot=avatar-fallback][hidden],.notification-payload-art [hidden]{display:none}.notification-payload-host{min-width:0}.notification-payload-skeleton{height:5rem;border-radius:.75rem;background:#e5e7eb;animation:notification-payload-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes notification-payload-pulse{50%{opacity:.5}}
[data-theme=dark] .notification-payload-card{border-color:#ffffff14;background:#ffffff14}[data-theme=dark] .notification-payload-card:hover{background:#ffffff26;border-color:var(--muted-foreground)}[data-theme=dark] .notification-payload-art{background:#44403c}[data-theme=dark] .notification-payload-group,[data-theme=dark] .notification-payload-company{background:#fff}[data-theme=dark] .notification-payload-tags>span{background:#ffffff14}[data-theme=dark] .notification-payload-skeleton{background:#44403c}@media(prefers-reduced-motion:reduce){.notification-payload-skeleton{animation:none}.notification-payload-card{transition:none}}

.notification-payload-card img[hidden]{display:none}