/* Emporium theme – OTP phone login forms (#5accf5) */

.login-page .phone-login-form .outlined-field {
    border-color: #5accf5;
    border-radius: 10px;
}

.login-page .phone-login-form .outlined-field:focus-within {
    border-color: #5accf5;
}

.login-page .phone-login-form .outlined-field.has-error {
    border-color: #e4434b;
}

.login-page .phone-login-form .outlined-field legend {
    background-color: #fff;
    padding: 0 8px;
}

.login-page .phone-login-form .outlined-field legend label {
    color: #5accf5;
}

.login-page .phone-login-form .outlined-field.has-error legend label {
    color: #e4434b;
}

.login-page .phone-login-form .buttons .login-button,
.login-page .phone-login-form .buttons .smsCodeVerificationButton,
.login-page .phone-login-form .buttons .signin-button,
.login-page .phone-login-form .email-or-phonenumber-form .buttons .login-button,
.login-page .phone-login-form .sms-code-verification-form .buttons .smsCodeVerificationButton,
.login-page .phone-login-form .signIn-form .buttons .signin-button {
    background-color: #5accf5 !important;
    border: none !important;
    color: #fff !important;
    text-transform: none;
    font-weight: 500;
    border-radius: 10px;
    margin-top: 0;
    max-height: none;
}

.login-page .phone-login-form .buttons .login-button:hover,
.login-page .phone-login-form .buttons .smsCodeVerificationButton:hover,
.login-page .phone-login-form .buttons .signin-button:hover,
.login-page .phone-login-form .email-or-phonenumber-form .buttons .login-button:hover,
.login-page .phone-login-form .sms-code-verification-form .buttons .smsCodeVerificationButton:hover,
.login-page .phone-login-form .signIn-form .buttons .signin-button:hover {
    background-color: #48b8e0 !important;
    color: #fff !important;
}

.login-page .phone-login-form .buttons .login-button.is-loading,
.login-page .phone-login-form .buttons .smsCodeVerificationButton.is-loading,
.login-page .phone-login-form .buttons .signin-button.is-loading,
.login-page .phone-login-form .email-or-phonenumber-form .buttons .login-button.is-loading,
.login-page .phone-login-form .sms-code-verification-form .buttons .smsCodeVerificationButton.is-loading,
.login-page .phone-login-form .signIn-form .buttons .signin-button.is-loading {
    background-color: #5accf5 !important;
    opacity: 1;
}

.login-page .phone-login-form .signIn-form__options .forgot-password a {
    color: #5accf5;
}

.login-page .phone-login-form .signIn-form__options .forgot-password a:hover {
    color: #48b8e0;
}

.login-page .phone-login-form .phone-login-form__button-spinner {
    border-color: #fff;
    border-bottom-color: transparent;
}

.login-page .phone-login-form .resendCodeLink {
    color: #5accf5;
}

.login-page .phone-login-form .resendCodeLink:hover {
    color: #48b8e0;
}