.notification-item[data-v-0fe1830c]{align-items:flex-start;gap:var(--mathew-spacing-2);padding:var(--mathew-spacing-3);border-radius:var(--mathew-border-radius-6);cursor:pointer;transition:background-color .15s ease-out;display:flex;position:relative}.notification-item.compact[data-v-0fe1830c]{padding:var(--mathew-spacing-2);border-radius:var(--mathew-border-radius-5);box-shadow:none}.notification-item__icon[data-v-0fe1830c]{flex-shrink:0}.notification-item__content[data-v-0fe1830c]{flex-direction:column;flex:1;min-width:0;display:flex}.notification-item__title[data-v-0fe1830c],.notification-item__body[data-v-0fe1830c]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.notification-item__time[data-v-0fe1830c]{color:var(--mathew-color-neutral-400)}.notification-item__actions[data-v-0fe1830c]{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.notification-item__unread-dot-btn[data-v-0fe1830c]{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .15s ease-out;display:flex}.notification-item__unread-dot-btn[data-v-0fe1830c]:hover{background-color:var(--mathew-color-primary-50)}.notification-item__unread-dot[data-v-0fe1830c]{background-color:var(--mathew-color-primary-400);pointer-events:none;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block}