.notification-item[data-v-e8153ebe]{background-color:var(--neutral-0);border:0;border-radius:16px;color:var(--neutral-1000);cursor:pointer;display:flex;font:inherit;gap:10px;padding:12px 16px 12px 28px;position:relative;text-align:left;text-decoration:none;transition:background-color var(--timing) ease;width:100%}@media (any-hover:hover){.notification-item[data-v-e8153ebe]:hover{background-color:var(--neutral-50)}}.notification-item[data-v-e8153ebe]:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.notification-item--unread[data-v-e8153ebe]{background-color:var(--primary-50)}@media (any-hover:hover){.notification-item--unread[data-v-e8153ebe]:hover{background-color:var(--primary-100)}}.notification-item--page[data-v-e8153ebe]{border:1px solid var(--neutral-200);padding:16px 20px 16px 32px}.notification-item__dot[data-v-e8153ebe]{background-color:var(--primary-500);border-radius:50%;height:8px;left:12px;position:absolute;top:19px;width:8px}.notification-item--page .notification-item__dot[data-v-e8153ebe]{left:14px;top:23px}.notification-item__body[data-v-e8153ebe]{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-item__title[data-v-e8153ebe]{font-size:14px;font-weight:500;line-height:129%;overflow-wrap:anywhere}.notification-item--page .notification-item__title[data-v-e8153ebe]{font-size:16px;line-height:150%}.notification-item__text[data-v-e8153ebe]{color:var(--neutral-900);font-size:14px;line-height:129%;overflow-wrap:anywhere;white-space:pre-line}.notification-item__time[data-v-e8153ebe]{color:var(--neutral-700);font-size:12px;line-height:133%}