.top-bar {
    height: var(--top-nav-height);
}

.top-bar .menu {
    gap: 27px;
}

.top-bar .menu .menu-item {
    text-align: center;
}

.top-bar .menu .menu-item .menu-icon {
    height: 24px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--bs-body-color);
}

.top-bar .menu .menu-item:hover {
    cursor: pointer;
}

.top-bar .menu .menu-item.selected {
    filter: var(--primary-filter);
}

.top-bar .menu .menu-item .text {
    padding-top: 9px;
    font-size: 0.85em;
}

.top-bar .menu .menu-item a {
    color: var(--bs-body-color);
    text-decoration: none;
}