.notification-card[data-v-e8eef7c3]{--notification-bg:var(--studio-color-white);cursor:pointer;flex-shrink:0;width:100%;min-width:0}.notification-card[data-v-e8eef7c3] .notification-card__content-area{padding:0}.notification-card__wrapper[data-v-e8eef7c3]{padding:var(--studio-space-s) var(--studio-space-m);position:relative}.notification-card__row[data-v-e8eef7c3]{align-items:stretch;gap:var(--studio-space-s);display:flex}.notification-card__content[data-v-e8eef7c3]{flex:1;min-width:0}.notification-card__text[data-v-e8eef7c3]{line-clamp:3;-webkit-line-clamp:3;overflow-wrap:break-word;min-height:calc(2 * var(--studio-line-height-s));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-card__title[data-v-e8eef7c3]{color:var(--studio-color-text-base);font-weight:var(--studio-font-weight-semibold)}.notification-card__description[data-v-e8eef7c3]{color:var(--studio-color-text-light)}.notification-card__meta[data-v-e8eef7c3]{align-items:center;gap:var(--studio-space-xxs);flex-direction:column;flex-shrink:0;display:flex}.notification-card__timestamp[data-v-e8eef7c3]{margin-top:auto}.notification-card__unread-dot[data-v-e8eef7c3]{padding:var(--studio-space-base);color:var(--studio-color-warning-base)}.notification-card__overlay[data-v-e8eef7c3]{padding-right:var(--studio-space-m);background:linear-gradient(to right, transparent 20%, var(--notification-bg) 60%);opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.notification-card:hover .notification-card__overlay[data-v-e8eef7c3]{opacity:1;pointer-events:all}.notification-card--preview:hover .notification-card__overlay[data-v-e8eef7c3]{pointer-events:none}