.notification-list[data-v-99b9c958]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.notification-list__empty[data-v-99b9c958]{border-bottom:0}.notification-list__item[data-v-99b9c958]{background:var(--surface-0,#fff);border-bottom:1px solid var(--surface-200,#e5e7eb);position:relative}.notification-list__item--unread[data-v-99b9c958]{background:var(--yellow-50,#fefce8)}.notification-list--panel .notification-list__item--last[data-v-99b9c958]{border-bottom:0}.notification-list--panel .notification-list__item--last .notification-list__button[data-v-99b9c958]{padding-bottom:20px}.notification-list__button[data-v-99b9c958]{background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 16px;text-align:left;width:100%}.notification-list--panel .notification-list__button[data-v-99b9c958]{padding:12px 20px}.notification-list__head[data-v-99b9c958]{align-items:flex-start;display:flex;gap:4px;width:100%}.notification-list__title[data-v-99b9c958]{color:var(--surface-800,#1e2939);flex:1;font-size:16px;font-weight:600;line-height:24px;margin:0;min-width:0;word-break:break-word}.notification-list__time[data-v-99b9c958]{color:var(--surface-400,#99a1af);flex-shrink:0;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}.notification-list__body[data-v-99b9c958]{color:var(--surface-500);font-size:15px;line-height:24px;margin:0;word-break:break-word}.notification-list__dot[data-v-99b9c958]{background:var(--danger,#fb2c36);border-radius:10px;height:4px;pointer-events:none;position:absolute;right:16px;top:7px;width:4px}.notification-list--panel .notification-list__dot[data-v-99b9c958]{right:12px;top:8px}