:root {
    /* Variables */
    --nb-ci-header-info-account-font-size: var(--nb-link-xs);
    --nb-ci-header-info-account-icon-font-size: var(--nb-icon-size-m);
    --nb-ci-header-info-account-font-weight: var(--nb-body-font-weight);
    --nb-ci-header-info-account-color: var(--nb-text-color-primary);
    --nb-ci-header-info-account-border-color: var(--nb-spec-color);
    --nb-ci-header-info-account-line-height: 20px;
    --nb-ci-header-info-account-link-border-right-color: var(--nb-color-white);
}

.ci-header-info-account{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    color: var(--nb-ci-header-info-account-color);
}

.ci-header-info-account .nb-icon {
    line-height: var(--nb-ci-header-info-account-line-height);
}

.ci-header-info-account *{
    font-size: var(--nb-ci-header-info-account-font-size);
    font-weight: var(--nb-ci-header-info-account-font-weight);
    cursor: pointer;
    line-height: var(--nb-ci-header-info-account-line-height);
}

.ci-header-info-account .nb-login {
    padding-right: 10px;
    border-right: var(--nb-border-width) var(--nb-border-style) var(--nb-ci-header-info-account-link-border-right-color);
}

.ci-header-info-account .nb-icon{
    font-size: var(--nb-ci-header-info-account-icon-font-size);
}

.ci-header-info-account .nb-ci-no-service-info {
    max-height: 30px;
}

.ci-header-info-account .nb-ci-no-service-info .nb-paragraph{
    font-size: var(--nb-paragraph-s);
}