:root {
    --nb-header-site-user-1-color: var(--nb-color-white);
    --nb-header-site-user-1-font-size: var(--nb-font-size-13);
    --nb-header-site-user-1-font-weight: var(--nb-font-regular);
    --nb-header-site-user-1-separator: '|';
}

.nb-header-site-user-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.nb-header-site-user-1 > .nb-link,
.nb-header-site-user-1 > span {
    color: var(--nb-header-site-user-1-color);
    font-size: var(--nb-header-site-user-1-font-size);
    font-weight: var(--nb-header-site-user-1-font-weight);
}

.nb-header-site-user-1 .nb-header-site-user-separator:before {
    content: var(--nb-header-site-user-1-separator);
}

@media screen and (max-width: 575px) {
    .nb-header-site-user-1 {
        display: none;
    }
}