.basic-avatar{background:#1e40af}.animated-avatar-wrapper{cursor:pointer;border-radius:50%;display:inline-block;position:relative}.animated-avatar-wrapper .avatar-container{justify-content:center;align-items:center;display:flex;position:relative}.animated-avatar-wrapper .user-avatar{background:#1e40af;border:2px solid rgba(255,255,255,.3);transition:all .2s;box-shadow:0 4px 8px rgba(255,255,255,.3),0 2px 4px rgba(255,255,255,.2),inset 0 1px rgba(255,255,255,.4)}.animated-avatar-wrapper .user-avatar:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,255,255,.4),0 4px 8px rgba(255,255,255,.25),inset 0 1px rgba(255,255,255,.5)}.animated-avatar-wrapper .user-avatar:active{transform:translateY(0);box-shadow:0 2px 4px rgba(255,255,255,.2),inset 0 2px 4px rgba(255,255,255,.15)}.animated-avatar-wrapper .user-avatar .ant-avatar-string,.animated-avatar-wrapper .user-avatar .anticon{color:#fff}.notification-badge-container{position:relative}.notification-badge-container .notification-badge{z-index:10;position:absolute;top:-20px;right:0}.notification-badge-container .notification-badge .animated-badge .ant-badge-count{background:#ff4d4f;border:2px solid #fff;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:12px;font-weight:600;line-height:20px;animation:.3s ease-out badgeBounce;box-shadow:0 2px 8px rgba(0,0,0,.15)}.notification-badge-container .notification-tooltip{white-space:nowrap;z-index:20;background:#fff;border:1px solid #d9d9d9;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;top:8px;right:0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.notification-badge-container .notification-tooltip .tooltip-content{flex-direction:column;gap:4px;display:flex}.notification-badge-container .notification-tooltip .tooltip-content .notification-item{align-items:center;gap:6px;padding:0;display:flex}.notification-badge-container .notification-tooltip .tooltip-content .notification-item:hover{cursor:pointer}.notification-badge-container .notification-tooltip .tooltip-content .notification-item.comments{color:#1890ff}.notification-badge-container .notification-tooltip .tooltip-content .notification-item.likes{color:#ff4d4f}.notification-badge-container .notification-tooltip .tooltip-content .notification-item .anticon{font-size:12px}.notification-badge-container .notification-tooltip .tooltip-arrow{background:#fff;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;width:8px;height:8px;position:absolute;top:-4px;right:12px;transform:rotate(45deg)}.ant-dropdown-menu{border-radius:8px;min-width:180px;padding:4px 0;box-shadow:0 6px 16px rgba(0,0,0,.12)}.ant-dropdown-menu .ant-dropdown-menu-item{align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.ant-dropdown-menu .ant-dropdown-menu-item:hover{background-color:#f5f5f5;transform:translate(2px)}.ant-dropdown-menu .ant-dropdown-menu-item .anticon{justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;display:flex}.ant-dropdown-menu .ant-dropdown-menu-item.logout-item{color:#ff4d4f}.ant-dropdown-menu .ant-dropdown-menu-item.logout-item:hover{color:#ff4d4f;background-color:#fff2f0}.ant-dropdown-menu .ant-dropdown-menu-item-divider{background-color:#f0f0f0;margin:4px 0}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.notification-tooltip{right:-20px}.notification-tooltip .tooltip-arrow{right:32px}.ant-dropdown-menu{min-width:160px}}.common-avatar-wrapper{flex-direction:row;align-items:center;gap:12px;height:-moz-fit-content;height:fit-content;display:flex;position:relative}.common-avatar-wrapper:hover{cursor:pointer}.common-avatar-wrapper .avatar-decorator{z-index:1;position:absolute}.common-avatar-wrapper .common-avatar{background:#1890ff}