.navbar .nav-profile-link { position: relative; display: inline-flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; margin-right: 10px; padding: 4px; }
.navbar .navbar-nav > .nav-link:not(.nav-profile-link) { display: flex; align-items: center; }
.navbar .nav-profile-avatar { display: block; flex: 0 0 40px; width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; border: 0; border-radius: 50%; object-fit: cover; background: #8ac5be; }
.navbar .nav-profile-unread { position: absolute; right: 4px; bottom: 4px; box-sizing: content-box; width: 9px; height: 9px; border: 2px solid #343a40; border-radius: 50%; background: #ec4d59; }
.navbar .nav-profile-unread[hidden] { display: none; }