.topbar .nav-item .nav-link {
    height: auto;
}

.topbar > .navbar-nav {
    align-items: center;
}

.topbar .topbar-account-toggle {
    display: flex;
    min-height: 46px;
    align-items: center;
    margin: 0 .28rem;
    padding: .22rem .28rem .22rem .78rem !important;
    border: 1px solid #dbe5ee;
    border-radius: 15px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 5px 16px rgba(30, 56, 82, .045);
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.topbar .topbar-account-toggle:hover,
.topbar .topbar-account-toggle:focus,
.topbar .topbar-account-toggle[aria-expanded="true"] {
    border-color: rgba(6, 154, 142, .38);
    background: #fff;
    box-shadow: 0 8px 22px rgba(6, 154, 142, .1);
    outline: 0;
    transform: translateY(-1px);
}

.topbar .topbar-account-toggle .topbar-user-summary {
    margin-right: .58rem !important;
}

.topbar .topbar-account-toggle .topbar-account-avatar {
    flex: 0 0 auto;
}

:root[data-theme="dark"] .topbar .topbar-account-toggle {
    border-color: #2a3c4f;
    background: rgba(14, 26, 39, .9);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .18);
}

:root[data-theme="dark"] .topbar .topbar-account-toggle:hover,
:root[data-theme="dark"] .topbar .topbar-account-toggle:focus,
:root[data-theme="dark"] .topbar .topbar-account-toggle[aria-expanded="true"] {
    border-color: rgba(54, 214, 195, .42);
    background: #132335;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .24);
}

:root[data-theme="dark"] .topbar .topbar-account-toggle .topbar-user-name {
    color: #f2f7fb;
}

@media (max-width: 767.98px) {
    .topbar .topbar-account-toggle {
        min-height: 45px;
        margin-right: .25rem;
        margin-left: .15rem;
        padding: .18rem .24rem .18rem .62rem !important;
        border-radius: 14px;
    }

    .topbar .topbar-account-toggle .topbar-user-summary {
        max-width: 100px;
        margin-right: .46rem !important;
    }
}

@media (max-width: 389.98px) {
    .topbar .topbar-account-toggle {
        padding-left: .5rem !important;
    }

    .topbar .topbar-account-toggle .topbar-user-summary {
        max-width: 86px;
        margin-right: .38rem !important;
    }
}