.user-notifications #userNotificationIcon{position:relative}.user-notifications #userNotificationIcon .notification-count{color:#fff;background-color:#212131;border:1px solid #2e2e44;border-radius:6px;justify-content:center;align-items:center;padding:3px 7px;font-size:.8rem;display:flex;position:absolute;top:-10px;right:-10px}.user-notifications.dropdown .dropdown-content{min-width:450px;max-width:768px}@media screen and (width<=768px){.user-notifications.dropdown .dropdown-content{min-width:auto;max-width:100%}}.user-notifications__title{background-color:#1e1e2e;border-bottom:1px solid #2e2e44;border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;display:flex}.user-notifications__title--text{color:#fff;flex-direction:row;gap:5px;font-weight:500;display:flex}.user-notifications__list{flex-direction:column;gap:20px;padding:20px;display:flex}.user-notifications__list-item{border-bottom:1px solid #2e2e44;flex-direction:column;gap:20px;padding-bottom:20px;display:flex}.user-notifications__list-item--title{color:#fff;font-weight:500}.user-notifications__list-item--footer{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.user-notifications__list-item--footer a,.user-notifications__list-item--footer button,.user-notifications__list-item--footer .date{flex-direction:row;align-items:center;gap:5px;display:flex}.user-notifications__list.bg .user-notifications__list-item{background-color:#1e1e2e;border:1px solid #2e2e44;border-radius:14px;padding:40px}.user-notifications.full .user-notifications__list{gap:20px;padding:0}.user-notifications.full .user-notifications__list-item{background-color:#1e1e2e;border:1px solid #2e2e44;border-radius:14px;padding:40px}@media screen and (width<=900px){.user-notifications.full .user-notifications__list-item{padding:20px}}