.Notification_notiContainer__25s_O{position:relative;z-index:10;display:flex;align-items:center}.Notification_notiButton___tqOj{display:flex;align-items:center;justify-content:center;margin:0;padding:8px;border:none;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.Notification_notiIcon__P_ZOR{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.Notification_count__8NO_u{position:absolute;right:-2px;top:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--lose--edge),rgba(232,64,87,.9));font-size:10px;font-weight:800;line-height:1;color:#fff;box-shadow:0 2px 8px rgba(232,64,87,.4),0 0 0 1px rgba(0,0,0,.35)}.NotificationPanel_container__Gcj0M{position:absolute;top:calc(100% + 8px);right:0;left:auto;display:flex;flex-direction:column;width:min(320px,calc(100vw - 24px));max-height:min(420px,70vh);padding:0;border-radius:12px;background:rgba(28,28,30,.98);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 1px rgba(78,182,85,.1);color:var(--foreground);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;z-index:20}.NotificationPanel_notificationListContainer____nK7{display:flex;flex-direction:column;flex:1 1;min-height:0;max-height:min(360px,60vh);overflow-y:auto;padding:6px}.NotificationPanel_notificationListContainer____nK7::-webkit-scrollbar{width:6px}.NotificationPanel_notificationListContainer____nK7::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:999px}.NotificationPanel_notificationList__nDZKL{display:flex;flex-direction:column;gap:2px}.NotificationPanel_notificationContainer__OOYhs{display:flex;align-items:stretch;border-radius:8px;cursor:pointer;transition:background-color .12s ease}.NotificationPanel_notificationContainer__OOYhs:hover{background:hsla(0,0%,100%,.06)}.NotificationPanel_notificationContainer__OOYhs:hover .NotificationPanel_notificationItem__DYZGd:not(.NotificationPanel_read__eDl2g) .NotificationPanel_updatedAt__2fv0a{color:var(--foreground)}.NotificationPanel_notificationContainer__OOYhs:hover .NotificationPanel_notificationItem__DYZGd.NotificationPanel_read__eDl2g .NotificationPanel_updatedAt__2fv0a{color:var(--gray--util)}.NotificationPanel_notificationItem__DYZGd{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0;padding:8px 8px 8px 6px}.NotificationPanel_notificationItemContent__FkLlJ{display:flex;gap:10px;align-items:flex-start}.NotificationPanel_updatedAt__2fv0a{display:flex;justify-content:flex-end;font-size:11px;font-weight:600;color:var(--foreground);transition:color .12s ease}.NotificationPanel_notificationItem__DYZGd.NotificationPanel_read__eDl2g .NotificationPanel_updatedAt__2fv0a{color:var(--gray--util)}.NotificationPanel_bottomContainer__9uHLx{display:flex;justify-content:flex-end;padding:8px 10px 10px;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.2)}.NotificationPanel_readAll__YEBSv{margin:0;padding:6px 10px;border:none;border-radius:8px;background:rgba(78,182,85,.15);font:inherit;font-size:12px;font-weight:700;color:var(--point);cursor:pointer;transition:background-color .15s ease,color .15s ease}.NotificationPanel_readAll__YEBSv:hover{background:rgba(78,182,85,.28);color:var(--point--hover)}.NotificationPanel_readAll__YEBSv:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(78,182,85,.4)}.NotificationPanel_notificationContainer__OOYhs:last-child{margin-bottom:0}.NotificationPanel_empty__47b4z{display:flex;justify-content:center;align-items:center;min-height:120px;padding:24px 16px;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.4);text-align:center}.NotificationContent_item__XKJlT{font-size:13px;line-height:1.45;word-break:break-word}.NotificationContent_bold__B_T_n{font-weight:700}.NotificationContent_unreadTone___JqE_{color:var(--foreground)}.NotificationContent_unreadTone___JqE_ .NotificationContent_bold__B_T_n{color:#fff}.NotificationContent_readTone__RKYRe{color:#666}.NotificationContent_readTone__RKYRe .NotificationContent_bold__B_T_n{color:#777}.NotificationIcon_iconContainer__B2JVh{margin-left:2px}.NotificationIcon_icon__wU3ho{width:20px;height:auto}.DirectMessage_notiContainer__DB8fi{z-index:10}.DirectMessage_notiButton__mMzhz{background:none;border:none;cursor:pointer}.DirectMessage_notiIcon__v4_1v{position:relative;width:24px;height:24px}.DirectMessage_icon__rVXSb{position:absolute;left:0;top:0;width:24px;height:24px}.DirectMessage_count__D7g9i{position:absolute;right:-4px;top:-4px;background-color:var(--lose--edge);border-radius:12px;padding:0 4px;font-size:12px;color:var(--foreground)}