.notification-item[data-v-988bc850]{display:flex;flex-direction:column;padding:var(--magic-size-3);border-radius:var(--magic-corner-radius-mid);background:var(--magic-surface-lv-2)}@media(min-width:768px){.notification-item[data-v-988bc850]{padding:var(--magic-size-4)}}@media(min-width:1024px){.notification-item[data-v-988bc850]{padding:var(--magic-size-3)}}.notification-item__media[data-v-988bc850]{width:100%;height:var(--magic-size-15);border-radius:var(--magic-corner-radius-mid);object-fit:cover;margin:var(--magic-size-2) 0}@media(min-width:768px){.notification-item__media[data-v-988bc850]{height:calc(var(--magic-size-19) + var(--magic-size-13))}}@media(min-width:1024px){.notification-item__media[data-v-988bc850]{height:var(--magic-size-18)}}.notification-item__header[data-v-988bc850]{display:flex;align-items:center;gap:var(--magic-size-2)}.notification-item__archive[data-v-988bc850]{margin-left:auto;padding:0}.notification-item__archive .icon[data-v-988bc850]{width:var(--magic-size-6);height:var(--magic-size-6);color:var(--magic-icon-default)}.notification-item__dot[data-v-988bc850]{flex-shrink:0;width:var(--magic-size-2);height:var(--magic-size-2);border-radius:50%;background:var(--magic-background-success-default)}.notification-item__date[data-v-988bc850]{font-family:var(--magic-font-family, Helvetica, Arial, sans-serif);font-size:var(--magic-font-size-3);line-height:var(--magic-line-height-2);font-weight:400}.notification-item__date[data-v-988bc850]{color:var(--magic-text-subtle)}.notification-item__title[data-v-988bc850]{font-family:var(--magic-header-font-family, Helvetica, Arial, sans-serif);font-size:var(--magic-font-size-6);line-height:var(--magic-line-height-4);font-weight:600}.notification-item__title[data-v-988bc850]{margin:0 0 var(--magic-size-2) 0;color:var(--magic-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item__body[data-v-988bc850]{font-family:var(--magic-font-family, Helvetica, Arial, sans-serif);font-size:var(--magic-font-size-5);line-height:var(--magic-line-height-3);font-weight:400}.notification-item__body[data-v-988bc850]{color:var(--magic-text-medium);overflow:hidden;transition:max-height var(--magic-duration, .3s) ease}.notification-item__body--clamped[data-v-988bc850]{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3}.notification-item__body>span[data-v-988bc850]:after{display:none}.notification-item__tnc[data-v-988bc850]{color:var(--magic-text-link-default);text-decoration:none}.notification-item__tnc[data-v-988bc850]:hover{color:var(--magic-text-link-hover)}.notification-item__acknowledge[data-v-988bc850]{margin:var(--magic-size-3) 0 0}@media(min-width:1024px){.notification-item__acknowledge[data-v-988bc850]{margin:var(--magic-size-4) 0 0}}.notification-item__actions[data-v-988bc850]{display:flex;align-items:center;gap:var(--magic-size-3);margin:var(--magic-size-3) 0 0;width:100%}@media(min-width:1024px){.notification-item__actions[data-v-988bc850]{margin:var(--magic-size-4) 0 0}}.notification-item__actions--multi[data-v-988bc850]{flex-direction:column;align-items:center;gap:var(--magic-size-3)}@media(min-width:768px){.notification-item__actions--multi[data-v-988bc850]{flex-direction:row-reverse}}.notification-item__actions--multi .notification-item__show-all[data-v-988bc850]{order:-1}.notification-item__actions--multi .notification-item__ctas[data-v-988bc850]{align-self:stretch;flex-direction:column}.notification-item__actions--multi .notification-item__ctas .notification-item__cta[data-v-988bc850]{width:100%}@media(min-width:768px){.notification-item__actions--multi .notification-item__ctas[data-v-988bc850]{flex-direction:row}.notification-item__actions--multi .notification-item__ctas .notification-item__cta[data-v-988bc850]{flex:1 1 auto;width:auto;min-width:var(--magic-size-15)}}.notification-item__ctas[data-v-988bc850]{display:flex;gap:var(--magic-size-2);min-width:0}.notification-item__ctas .notification-item__cta[data-v-988bc850]{flex:0 1 auto;min-width:0}.notification-item__show-all[data-v-988bc850]{flex-shrink:0;margin-left:auto;padding:0 var(--magic-size-3);color:var(--magic-text-default)}.notification-item__show-all .icon[data-v-988bc850]{width:var(--magic-size-6);height:var(--magic-size-6)}.notification-item__chevron[data-v-988bc850]{transform:rotate(0);transition:transform var(--magic-duration, .3s) ease}.notification-item__chevron--open[data-v-988bc850]{transform:rotate(180deg)}