.NotificationPanel-module__rgIqNa__container{width:min(320px,100vw - 24px);max-height:min(420px,70vh);color:var(--foreground);-webkit-backdrop-filter:blur(12px);z-index:20;background:#1c1c1efa;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;padding:0;display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:0;overflow:hidden;box-shadow:0 16px 48px #00000080,0 0 0 1px #4eb6551a}.NotificationPanel-module__rgIqNa__notificationListContainer{flex-direction:column;flex:1;min-height:0;max-height:min(360px,60vh);padding:6px;display:flex;overflow-y:auto}.NotificationPanel-module__rgIqNa__notificationListContainer::-webkit-scrollbar{width:6px}.NotificationPanel-module__rgIqNa__notificationListContainer::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.NotificationPanel-module__rgIqNa__notificationList{flex-direction:column;gap:2px;display:flex}.NotificationPanel-module__rgIqNa__notificationContainer{cursor:pointer;border-radius:8px;align-items:stretch;transition:background-color .12s;display:flex}.NotificationPanel-module__rgIqNa__notificationContainer:hover{background:#ffffff0f}.NotificationPanel-module__rgIqNa__notificationContainer:hover .NotificationPanel-module__rgIqNa__notificationItem:not(.NotificationPanel-module__rgIqNa__read) .NotificationPanel-module__rgIqNa__updatedAt{color:var(--foreground)}.NotificationPanel-module__rgIqNa__notificationContainer:hover .NotificationPanel-module__rgIqNa__notificationItem.NotificationPanel-module__rgIqNa__read .NotificationPanel-module__rgIqNa__updatedAt{color:var(--gray--util)}.NotificationPanel-module__rgIqNa__notificationItem{flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px 8px 8px 6px;display:flex}.NotificationPanel-module__rgIqNa__notificationItemContent{align-items:flex-start;gap:10px;display:flex}.NotificationPanel-module__rgIqNa__updatedAt{color:var(--foreground);justify-content:flex-end;font-size:11px;font-weight:600;transition:color .12s;display:flex}.NotificationPanel-module__rgIqNa__notificationItem.NotificationPanel-module__rgIqNa__read .NotificationPanel-module__rgIqNa__updatedAt{color:var(--gray--util)}.NotificationPanel-module__rgIqNa__bottomContainer{background:#0003;border-top:1px solid #ffffff14;justify-content:flex-end;padding:8px 10px 10px;display:flex}.NotificationPanel-module__rgIqNa__readAll{font:inherit;color:var(--point);cursor:pointer;background:#4eb65526;border:none;border-radius:8px;margin:0;padding:6px 10px;font-size:12px;font-weight:700;transition:background-color .15s,color .15s}.NotificationPanel-module__rgIqNa__readAll:hover{color:var(--point--hover);background:#4eb65547}.NotificationPanel-module__rgIqNa__readAll:focus-visible{outline:none;box-shadow:0 0 0 2px #4eb65566}.NotificationPanel-module__rgIqNa__notificationContainer:last-child{margin-bottom:0}.NotificationPanel-module__rgIqNa__empty{color:#fff6;text-align:center;justify-content:center;align-items:center;min-height:120px;padding:24px 16px;font-size:13px;font-weight:600;display:flex}
.NotificationContent-module__-Uu2eW__item{word-break:break-word;font-size:13px;line-height:1.45}.NotificationContent-module__-Uu2eW__bold{font-weight:700}.NotificationContent-module__-Uu2eW__unreadTone{color:var(--foreground)}.NotificationContent-module__-Uu2eW__unreadTone .NotificationContent-module__-Uu2eW__bold{color:#fff}.NotificationContent-module__-Uu2eW__readTone{color:#666}.NotificationContent-module__-Uu2eW__readTone .NotificationContent-module__-Uu2eW__bold{color:#777}
.NotificationIcon-module__zbsQUW__iconContainer{margin-left:2px}.NotificationIcon-module__zbsQUW__icon{width:20px;height:auto}
.DirectMessage-module__UUAS3G__notiContainer{z-index:10}.DirectMessage-module__UUAS3G__notiButton{cursor:pointer;background:0 0;border:none}.DirectMessage-module__UUAS3G__notiIcon{width:24px;height:24px;position:relative}.DirectMessage-module__UUAS3G__icon{width:24px;height:24px;position:absolute;top:0;left:0}.DirectMessage-module__UUAS3G__count{background-color:var(--lose--edge);color:var(--foreground);border-radius:12px;padding:0 4px;font-size:12px;position:absolute;top:-4px;right:-4px}