.notificationPopupContainer{position:absolute;padding:14px 0;border-radius:5px;border:1px solid #e0e0eb;background:#fff;width:355px;z-index:999;box-sizing:border-box}.notificationPopupContainer .closeNotificationButton{display:none}.notificationPopupContainer .notificationHeader{display:flex;align-items:center;justify-content:space-between;padding:0 14px}.notificationPopupContainer .notificationHeader .title{font-size:16px;line-height:20px;font-weight:700}.notificationPopupContainer .notificationHeader .allReadButton{border:none;background:transparent;color:#5134e8;font-size:12px;line-height:16px;font-weight:500;padding:5px;transition:background .3s ease}.notificationPopupContainer .notificationHeader .allReadButton:hover{background:#f1f1f1;border-radius:5px}.notificationPopupContainer .notificationBody{margin-top:20px;overflow-y:scroll;max-height:470px;margin-right:7px}.notificationPopupContainer .notificationBody::-webkit-scrollbar{display:block;width:8px!important;height:8px!important}.notificationPopupContainer .notificationBody::-webkit-scrollbar-track{background-color:transparent!important}.notificationPopupContainer .notificationBody::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.25)!important}.notificationPopupContainer .notificationBody .noNotificationTitle{display:inline-block;width:100%;text-align:center;font-size:14px;color:#757575}.notificationPopupContainer .notificationFooter{margin-top:10px;display:flex;justify-content:center;align-items:center}.notificationPopupContainer .notificationFooter .readAllButton{border:none;background:transparent;color:#5134e8;font-size:12px;line-height:16px;font-weight:500;padding:5px;transition:background .3s ease}.notificationPopupContainer .notificationFooter .readAllButton:hover{background:#f1f1f1;border-radius:5px}.notificationPopupContainer .loadMoreNotificationLink{cursor:pointer;display:inline-block;width:100%;text-align:center;font-size:14px;line-height:18px;font-weight:500;color:#5134e8;margin-top:20px}.notificationSingleInfoItem{position:relative;display:flex;align-items:flex-start;padding:12px 12px 14px 7px;margin-left:7px;transition:background .3s ease;text-decoration:none;color:inherit}.notificationSingleInfoItem:hover{cursor:pointer;border-radius:7px;background:#f1f1f1}.notificationSingleInfoItem .mentionNotification{max-width:250px;font-size:13px}.notificationSingleInfoItem .mentionNotification strong{font-weight:500}.notificationSingleInfoItem img{width:45px;height:45px;border-radius:50%}.notificationSingleInfoItem .timeWrapper{display:flex;align-items:center;gap:5px}.notificationSingleInfoItem .timeDot{display:inline-block;align-self:center;width:4px;min-width:4px;height:4px;border-radius:50%;background:#9c9c9c}.notificationSingleInfoItem .time{white-space:nowrap;color:#9c9c9c}.notificationSingleInfoItem .notificationInfoMessageWrapper{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;gap:5px;margin-left:10px;margin-right:10px;width:calc(100% - 50px)}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationUserRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:13px;line-height:17px}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationUserRow .notificationText{display:block}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationUserRow .notificationText .userName{display:inline-block;font-size:13px;font-weight:500}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationUserRow .notificationText .notificationAction{max-width:180px;margin:0 4px}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationUserRow .notificationText .follow{width:180px}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationUserRow .notificationText .notificationActionWrapper{display:flex;flex-direction:column}.notificationSingleInfoItem .notificationInfoMessageWrapper .notificationMessage{width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px;color:#232323;text-decoration:none}.notificationSingleInfoItem .notificationInfoMessageWrapper .notifiedCommunityName{font-size:13px;font-weight:500;color:#757575;width:100%}.notificationSingleInfoItem .notificationDot{position:absolute;top:16px;right:8px;width:10px;min-width:10px;height:10px;border-radius:10px;background:#5134e8}@media screen and (max-width:572px){.notificationPopupContainer{width:100%;height:100vh;border-radius:0;top:0!important;right:0!important;padding-top:44px}.notificationPopupContainer .notificationBody{max-height:none}.notificationPopupContainer .closeNotificationButton{position:absolute;top:10px;right:13px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px}}.mentionNotificationMessage{width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;font-size:12px}.styles_bellWrapper__h1z8T{width:45px;height:45px;box-sizing:border-box;background-size:24px;border-radius:50px;border:1px solid #c9c9da;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.styles_bellWrapper__h1z8T:hover{background-color:#f1f1f1}.styles_bellWrapper__h1z8T svg{width:24px;height:25px;fill:#585858;pointer-events:none}.styles_bellWrapper__h1z8T .styles_notificationCounter__BL429{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:20px;min-width:20px;padding:2px 4px;border-radius:20px;background:red;font-size:12px;color:#fff;font-weight:700;line-height:1;position:absolute;top:-6px;right:-5px;pointer-events:none}@media screen and (max-width:768px){.styles_bellWrapper__h1z8T,.styles_userPreview__F3OqS{width:32px;height:32px}.styles_bellWrapper__h1z8T{background-position:50%;background-size:20px}}