.lm-login {
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    font-size: 1em;
    line-height: normal;
    margin: 0 auto;
}

.lm-login-wide {
    grid-column: span 2;
}

.lm-login-fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:9000;
}

.lm-login-instructions {
    font-weight: bold;
}

.lm-login > form {
    margin: 30px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.lm-login a {
    font-weight: 600;
    cursor: pointer;
}

.lm-login label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.lm-login .lm-caption label {
    font-size: 0.75em;
    font-weight: unset;
}

.lm-login input[type='checkbox'] {
    width: 15px;
    float: left;
    margin-right: 10px;
}

.lm-login img  {
    text-align: center;
    max-width: 100%;
    display: block;
}

.lm-login .lm-login-logo {
    text-align: center;
    padding: 20px;
}

.lm-login .lm-login-logo:empty {
    display: none;
}

.lm-login .captcha  {
    width:100%;
    margin-top:4px;
    margin-bottom:4px;
    border:1px solid #ccc;
    display:block;
}

.lm-login-captcha {
    min-width: 280px;
}

.lm-login-captcha img {
    width: 100%;
}

.lm-login-captcha[src=""] {
    display: none;
}

.lm-login-loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 2px;
    background-color: var(--lm-main-color, #2196f3);
    animation: loading 2s linear infinite;
}

.lm-login-google {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-login-microsoft {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-login-google:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="%234285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="%2334A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="%23FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="%23EA4335"/><path d="M1 1h22v22H1z" fill="none"/></svg>');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: 4px;
}

.lm-login-microsoft:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path fill="%23f3f3f3" d="M0 0h23v23H0z"/><path fill="%23f35325" d="M1 1h10v10H1z"/><path fill="%2381bc06" d="M12 1h10v10H12z"/><path fill="%2305a6f0" d="M1 12h10v10H1z"/><path fill="%23ffba08" d="M12 12h10v10H12z"/></svg>');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: 4px;
}

.lm-login-right {
    text-align: right;
}

.lm-login input, .lm-login button {
    width: 100%;
}

@keyframes loading {
    from { left: 0; width: 25%; }
    25%  { width: 25%; }
    50%  { width: 50%; }
    75%  { left:  75%; }
    100% { left:  100%; }
    to { left: 100%; }
}

.lm-login-divisor {
    display: flex;
    align-items: center;
    gap: 10px;
    grid-column: span 2;
    font-size: 0.8em;
    margin: 32px 0;
}

.lm-login-divisor > div {
    height: 1px;
    background-color: #ccc;
    width: 100%;
    flex: 1;
}

.lm-login-phone {
    display: flex;
    gap: 16px;
}