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