.notification-card[data-v-fb0c9b40]{position:relative;display:grid;width:100%;background-color:var(--notification-card-bg,var(--background));border-radius:var(--border-radius);overflow:hidden}.notification-card .content[data-v-fb0c9b40]{display:grid;padding:15px 25px;flex-shrink:0;gap:10px}.notification-card .content__unread[data-v-fb0c9b40]{position:absolute;left:10px;width:8px;height:8px;background-color:var(--danger);border-radius:50%}.notification-card .content__delivered-at[data-v-fb0c9b40]{grid-area:delivered-at;margin-bottom:-10px}.notification-card .content__expired[data-v-fb0c9b40]{grid-area:expired;justify-self:start;font-size:12px;padding:5px 8px;margin-bottom:8px;color:var(--on-warning);background-color:var(--warning);border:1px solid;border-color:var(--border-warning-light,#f6d48e);border-radius:var(--border-radius)}.notification-card .content__icon[data-v-fb0c9b40]{grid-area:icon;width:45px;aspect-ratio:1;color:var(--notification-card-icon-color,var(--secondary))}.notification-card .content__icon-background[data-v-fb0c9b40]{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;color:inherit;background-color:var(--notification-card-icon-bg,var(--surface))}.notification-card .content__icon[data-v-fb0c9b40] .icon{width:100%;height:100%;max-width:24px;max-height:24px}.notification-card .content__icon--offset .icon[data-v-fb0c9b40]{margin-top:2px;margin-right:2px}.notification-card .content__title[data-v-fb0c9b40]{grid-area:title}.notification-card .content__title h3[data-v-fb0c9b40]{font-size:16px;font-weight:500}.notification-card .content__message[data-v-fb0c9b40]{grid-area:message;color:var(--on-background)}.notification-card .content__message p[data-v-fb0c9b40]{font-size:14px}.notification-card .content .time-skeleton[data-v-fb0c9b40]{display:block;width:75px;background-color:#00000026;border-radius:var(--border-radius);height:1em;animation:pulse-opacity-fb0c9b40 3s ease-in-out forwards}.notification-card .content__error[data-v-fb0c9b40]{grid-area:error;align-self:flex-end;margin-bottom:0!important;z-index:1}.notification-card .content__actions[data-v-fb0c9b40]{grid-area:actions;margin-top:auto;align-self:end;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:5px}.notification-card .content__actions button[data-v-fb0c9b40]{flex:1}.notification-card--list .content[data-v-fb0c9b40]{grid-template-areas:"expired expired expired expired" "icon title title title" "icon message message actions" "icon message message actions";grid-template-columns:28px 1fr 1fr auto;gap:0 15px;align-items:start;padding:15px 25px 15px 15px}.notification-card--list .content .content__delivered-at[data-v-fb0c9b40]{font-size:10px;color:#777;position:relative;align-self:flex-start;height:12px;margin-left:20px;margin-top:0;margin-bottom:8px;white-space:nowrap;grid-area:unset}.notification-card--list .content .content__message p[data-v-fb0c9b40]{font-size:12px;margin-bottom:0;margin-top:0}.notification-card--list .content .content__title[data-v-fb0c9b40]{display:inline-flex;margin-right:20px;position:relative}.notification-card--list .content .content__title h3[data-v-fb0c9b40]{font-size:13px;margin-bottom:0;margin-top:0}.notification-card--list .content .content__title .content__unread[data-v-fb0c9b40]{position:absolute;left:-12px;top:2px}.notification-card--list .content .content__icon[data-v-fb0c9b40]{width:28px;margin-top:-7px}.notification-card--list .content .content__icon-background[data-v-fb0c9b40]{width:28px;height:28px;background-color:initial}.notification-card--list .content .content__icon[data-v-fb0c9b40] .icon{max-height:18px}.notification-card--list .content .content__actions[data-v-fb0c9b40]{margin-top:unset;align-self:center;flex-direction:column}.notification-card--card .content[data-v-fb0c9b40]{grid-template-areas:"delivered-at delivered-at delivered-at" "title title icon" "message message message" "error error error" "expired expired expired" "actions actions actions";grid-template-columns:1fr 1fr 45px}.notification-card--card .content .content__unread[data-v-fb0c9b40]{margin-top:4px}.notification-card--card .content .content__delivered-at[data-v-fb0c9b40]{height:16px;font-size:12px;color:#777}.notification-card-overlay[data-v-fb0c9b40]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background:#ffffffbf;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:13}.notification-card--no-actions .content--list[data-v-fb0c9b40]{grid-template-areas:"expired expired expired expired" "icon title title title" "icon message message message";grid-template-columns:28px 1fr 1fr 1fr}.notification-card--disabled[data-v-fb0c9b40]{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.notification-card--disabled .content__actions[data-v-fb0c9b40],.notification-card--disabled .content__message[data-v-fb0c9b40],.notification-card--disabled .content__title[data-v-fb0c9b40]{opacity:.5}@keyframes pulse-opacity-fb0c9b40{0%{opacity:0}16.66%{opacity:1}33.33%{opacity:0}50%{opacity:1}66.66%{opacity:0}83.33%{opacity:1}to{opacity:0}}