.rlms-login {
    display: flex;
    height: 100dvh;
}

.login-logo {
    width: 291px;
}

.rlms-login-left {
    background: #000;
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rlms-login-right {
    flex: 1;
    overflow-y: auto;
    display: flex;
}

.rlms-login-right-inner {
    max-width: 640px;
    margin: auto;
    padding: 20px;
}

.rlms-login-short-line {
    width: 96px;
    height: 4px;
    background: var(--login-short-line-color, #fff);
    margin-inline: auto;
}

.rlms-dont-have-acc {
    display: none;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    color: var(--rlms-text-disabled);
    gap: 3px;
    margin-top: 50px;

    a {
        text-decoration: underline;
    }
}

.rlms-login-header-inner {
    padding: clamp(0px, -1533rem + 3200vw, 10px) clamp(0px, -1533rem + 3200vw, 20px);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

.rlms-lh-logo img {
    width: clamp(180px, -1533rem + 3200vw, 220px);
}

.rlms-sb-title {
    max-width: 800px;
    margin-inline: auto;
}

.rlms-signup-body {
    padding: clamp(20px, 3200vw + -2883rem, 50px);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1090px;
    margin-inline: auto;
}

.rlms-signup-body-inner {
    gap: clamp(30px, -1533rem + 3200vw, 50px);
}


.rlms-login-footer-inner {
    padding: clamp(0px, -1533rem + 3200vw, 10px) clamp(0px, -1533rem + 3200vw, 20px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;

    ul {
        display: flex;
        align-items: center;
        list-style: none;
        gap: 16px;

        li a img {
            width: 25px;
        }
    }
}

.signup-loading-image {
    width: clamp(200px, -1533rem + 3200vw, 400px);
}

.signup-loading {
    max-width: 560px;
    margin-inline: auto;
}

.invite-user-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.invite-user-box {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 0.3fr auto;

    button{
        align-self: baseline;
        padding: 11px 30px;
    }
}

.invite-user-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 265px;
    overflow-y: auto;
}

.invite-user-box-add-btn {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    color: var(--rlms-extra-1);

    &>* {
        color: inherit;
    }

    span {
        font-size: 20px;
    }
}

.invite-with-link {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 100;
}

.iwl-short-desc {
    font-size: 12px;
    color: var(--rlms-text-disabled);
}

.invite-user-invalid {
    display: none;
    align-items: center;
    gap: 5px;
    color: var(--ie-color, #000);

    &>* {
        color: inherit;
    }

    span {
        font-size: clamp(18px, -1533rem + 3200vw, 20px);
    }

    p {
        font-size: clamp(12px, -1533rem + 3200vw, 14px);
    }

}

.input-error .invite-user-invalid {
    display: flex;
}

.iwl-copy-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

#invite-user img {
    width: 370px;
    margin: 30px auto 0;
}