:root {
    --nb-user-not-logged-in-padding-x: 10px;
    --nb-user-not-logged-in-padding-y: 10px;
    --nb-user-not-logged-in-bg: var(--nb-color-gray-100);
    --nb-user-not-logged-in-width: 480px;

    --nb-user-not-logged-in-first-label-color: var(--nb-text-color-primary);
    --nb-user-not-logged-in-first-label-font-size: var(--nb-font-size-14);
    --nb-user-not-logged-in-first-label-font-weight: var(--nb-font-weight-600);
    --nb-user-not-logged-in-first-label-line-height: 19px;

    --nb-user-not-logged-in-second-label-color: var(--nb-text-color-primary);
    --nb-user-not-logged-in-second-label-font-size: var(--nb-font-size-12);
    --nb-user-not-logged-in-second-label-font-weight: var(--nb-font-weight-400);
    --nb-user-not-logged-in-second-label-line-height: 16px;

    --nb-user-not-logged-in-login-color: var(--nb-text-color-primary);
    --nb-user-not-logged-in-login-font-size: var(--nb-font-size-14);
    --nb-user-not-logged-in-login-font-weight: var(--nb-font-weight-600);
    --nb-user-not-logged-in-login-line-height: 19px;
    --nb-user-not-logged-in-login-text-decoration: underline;
}

.nb-user-not-logged-in {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: var(--nb-user-not-logged-in-padding-y) var(--nb-user-not-logged-in-padding-x);
    background-color: var(--nb-user-not-logged-in-bg);
    width: var(--nb-user-not-logged-in-width);
}

.nb-user-not-logged-in .nb-user-not-logged-in-first-label {
    color: var(--nb-user-not-logged-in-first-label-color);
    font-size: var(--nb-user-not-logged-in-first-label-font-size);
    font-weight: var(--nb-user-not-logged-in-first-label-font-weight);
    line-height: var(--nb-user-not-logged-in-first-label-line-height);
}

.nb-user-not-logged-in .nb-user-not-logged-in-second-label {
    color: var(--nb-user-not-logged-in-second-label-color);
    font-size: var(--nb-user-not-logged-in-second-label-font-size);
    font-weight: var(--nb-user-not-logged-in-second-label-font-weight);
    line-height: var(--nb-user-not-logged-in-second-label-line-height);
}

.nb-user-not-logged-in .nb-login-1 {
    cursor: pointer;
    margin-top: 5px;
    color: var(--nb-user-not-logged-in-login-color);
    font-size: var(--nb-user-not-logged-in-login-font-size);
    font-weight: var(--nb-user-not-logged-in-login-font-weight);
    text-decoration: var(--nb-user-not-logged-in-login-text-decoration);
    line-height: var(--nb-user-not-logged-in-login-line-height);
}