.notification-item[data-v-cb12b458]{border-radius:14px;position:relative;transition:background-color .15s ease}.notification-item[data-v-cb12b458]:hover{background:#ffffff0d}.notification-item--unread[data-v-cb12b458]{background:#01d5cc0d}.notification-item__link[data-v-cb12b458]{border-radius:inherit;display:flex;gap:.75rem;padding:.75rem .85rem}.notification-item__link[data-v-cb12b458],.notification-item__link[data-v-cb12b458]:hover{color:#ffffffd9}.notification-item__icon[data-v-cb12b458]{align-items:center;border-radius:999px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.notification-item__icon--accent[data-v-cb12b458]{background:#01d5cc1f;color:var(--main-color)}.notification-item__icon--success[data-v-cb12b458]{background:#10b9811f;color:#6ee7b7}.notification-item__icon--warning[data-v-cb12b458]{background:#f59e0b1f;color:#fcd34d}.notification-item__icon--violet[data-v-cb12b458]{background:#8b5cf61f;color:#c4b5fd}.notification-item__content[data-v-cb12b458]{display:flex;flex:1;flex-direction:column;gap:.2rem;min-width:0;padding-right:.75rem}.notification-item__title[data-v-cb12b458]{color:#fff;font-size:.9rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.notification-item__body[data-v-cb12b458]{color:#fff9;display:-webkit-box;font-size:.82rem;line-height:1.4;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.notification-item__time[data-v-cb12b458]{color:var(--second-color-text);font-size:.75rem}.notification-item__dot[data-v-cb12b458]{background:var(--main-color);border-radius:999px;height:8px;position:absolute;right:.85rem;top:1rem;width:8px}.notification-item__remove[data-v-cb12b458]{align-items:center;background:#141414e6;border-radius:999px;color:var(--second-color-text);display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.55rem;transition:opacity .15s ease,color .15s ease,background-color .15s ease;width:26px}.notification-item__remove[data-v-cb12b458]:focus-visible,.notification-item__remove[data-v-cb12b458]:hover{background:#ef4444d9;color:#fff}.notification-item__remove[data-v-cb12b458]:focus-visible{opacity:1}@media (hover:none){.notification-item__remove[data-v-cb12b458]{background:transparent;opacity:1}}.notification-item:hover .notification-item__remove[data-v-cb12b458]{opacity:1}.notification-item:hover .notification-item__dot[data-v-cb12b458]{opacity:0}@media (hover:none){.notification-item__dot[data-v-cb12b458]{right:2.25rem}}