.notification-item[data-v-ba6c70df]{cursor:pointer;gap:10px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notification-item[data-v-ba6c70df]:hover{background:var(--ax-color-bg-subtle)}.notification-item[data-v-ba6c70df]:focus-visible{outline:2px solid var(--ax-color-primary-border);outline-offset:-2px}.notification-item--dense[data-v-ba6c70df]{padding:10px 14px}.notification-item__dot[data-v-ba6c70df]{background:0 0;border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.notification-item--unread .notification-item__dot[data-v-ba6c70df]{background:var(--ax-color-primary)}.notification-item__body[data-v-ba6c70df]{flex:1;min-width:0}.notification-item__head[data-v-ba6c70df]{align-items:center;gap:8px;min-width:0;display:flex}.notification-item__kind[data-v-ba6c70df]{color:var(--ax-color-text-secondary);border:1px solid var(--ax-color-border);border-radius:2px;flex:none;padding:0 6px;font-size:12px;line-height:18px}.notification-item__title[data-v-ba6c70df]{min-width:0;color:var(--ax-color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.notification-item--unread .notification-item__title[data-v-ba6c70df]{font-weight:700}.notification-item__text[data-v-ba6c70df]{color:var(--ax-color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.notification-item__foot[data-v-ba6c70df]{color:var(--ax-color-text-tertiary);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.notification-item__mail[data-v-ba6c70df]{font-size:12px}.notification-item__read[data-v-ba6c70df]{color:var(--ax-color-text-tertiary);flex:none;align-self:center}@media (width<=767.98px){.notification-item__read[data-v-ba6c70df]{width:36px;height:36px}}