

/* Start:/local/templates/goodlocal/components/bxmaker/authuserphone.simple/auth/style.css?17446294917518*/
.bxmaker-authuserphone-simple {
    padding: 0;
    inline-size: 490px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (max-width: 767px) {
    .bxmaker-authuserphone-simple {
        inline-size: 100%;
    }
}

.bxmaker-authuserphone-header {
    font-family: "NeutralFace-Bold", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-block-end: 32px!important;
}

@media (max-width: 767px) {
    .bxmaker-authuserphone-header {
        font-size: 16px;
        line-height: 24px;
    }
}

.bxmaker-authuserphone-simple-phone .bxmaker-authuserphone-input-phone {
    margin-bottom: 8px;
}

.bxmaker-authuserphone-input-phone__field {
    border: 1px solid #F5F5F5;
    border-radius: 0;
}

.bxmaker-authuserphone-input__field {
    border: 1px solid #F5F5F5;
    border-radius: 0;
    inline-size: 100%;
    display: flex;
}

.bxmaker-authuserphone-input__title {
    display: none;
}

.bxmaker-authuserphone-input-phone__title {
    display: none;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    inline-size: 100%;
}

.iti.iti--allow-dropdown.iti--separate-dial-code input {
    padding: 14px 12px 14px 75px;
}

.bxmaker-authuserphone-input-phone__field .bxmaker-authuserphone-input-phone__input input{
    padding-top: 14px;
    padding-bottom: 14px;
}

.bxmaker-authuserphone-input-phone__flag {
    padding-top: 0!important;
}

.bxmaker-authuserphone-after-text {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8E8E8E;
    margin-bottom: 32px;
}

.bxmaker-authuserphone-consent {
    margin-bottom: 40px!important;
}

.bxmaker-authuserphone-consent-button {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: start;
}

.bxmaker-authuserphone-consent-button span {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8E8E8E;
}

.bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
    background-color: #BBBBBB;
}

.bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner:hover {
    background-color: #393939;
}

.bxmaker-authuserphone-button__inner {
    padding: 16px 32px;
    text-transform: uppercase;
    background-color: #BBBBBB;
    border-radius: 0;
    inline-size: fit-content;
    margin-top: 0;
}

.bxmaker-authuserphone-button__inner:hover {
    background-color: #393939;
}

.bxmaker-authuserphone-button__title {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #FFFFFF;
}

.bxmaker-authuserphone-simple__auth-by {
    margin-top: 40px;
    justify-content: start;
}

.bxmaker-authuserphone-link {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 84px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 16px!important;
    line-height: 24px;
    letter-spacing: 0;
    color: #393939!important;
    position: relative;
}

.bxmaker-authuserphone-link:after {
    content: '';
    position: absolute;
    background: url("/local/templates/goodlocal/components/bxmaker/authuserphone.simple/auth/img/mail.svg");
    display: block;
    inline-size: 60px;
    block-size: 60px;
    right: 0;
    top: 0;
}

.bxmaker-authuserphone-link.bxmaker-authuserphone-link-mail:after {
    background: url("/local/templates/goodlocal/components/bxmaker/authuserphone.simple/auth/img/phone.svg");
}

.bxmaker-authuserphone-simple-email__subtitle {
    display: none;
}

.bxmaker-authuserphone-simple-email .bxmaker-authuserphone-input {
    margin-bottom: 8px;
}

.bxmaker-authuserphone-simple-email .bxmaker-authuserphone-consent-button {
    margin-bottom: 40px;
}

.bxmaker-authuserphone-simple-email .bxmaker-authuserphone-input__field input {
    padding: 14px 16px;
}

.bxmaker-authuserphone-simple-email-code__notice .bxmaker-authuserphone-link {
    display: none;
}

.bxmaker-authuserphone-simple-email-code__notice {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #BBBBBB;
}

.bxmaker-authuserphone-simple-email-code__notice .bxmaker-authuserphone-simple-email-code__email {
    color: #393939;
}

.bxmaker-authuserphone-simple-email-code .bxmaker-authuserphone-simple-email-code__send {
    justify-content: start;
}

.bxmaker-authuserphone-simple-email-code .bxmaker-authuserphone-simple-email-code__send .bxmaker-authuserphone-link {
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20.3px;
    letter-spacing: 0;
    color: #BBBBBB!important;
    padding: 6px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #BBBBBB;
    inline-size: fit-content;
}

.bxmaker-authuserphone-simple-email-code .bxmaker-authuserphone-simple-email-code__send .bxmaker-authuserphone-link:after {
    display: none;
}

.bxmaker-authuserphone-timeout {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #BBBBBB;
    text-align: left;
}

.bxmaker-authuserphone-timeout br {
    display: none;
}

.bxmaker-authuserphone-input-code__field {
    border: none;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

@media (max-width: 767px) {
    .bxmaker-authuserphone-input-code__field {
        gap: 11.2px;
    }
}

.bxmaker-authuserphone-input-code__field input {
    inline-size: 50px;
    width: 50px!important;
    block-size: 55px;
    border: 1px solid #F5F5F5!important;
    font-family: Arial, sans-serif;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 23.2px;
    letter-spacing: 0;
    text-align: center;
    color: #BBBBBB;
    padding: 0!important;
}

@media (max-width: 767px) {
    .bxmaker-authuserphone-input-code__field input {
        inline-size: 40px;
        width: 40px!important;
    }
}

.bxmaker-authuserphone-simple-smscode .bxmaker-authuserphone-simple-smscode__notice .bxmaker-authuserphone-link {
    display: none;
}

.bxmaker-authuserphone-simple-smscode__send {
    justify-content: start;
}

.bxmaker-authuserphone-simple-smscode .bxmaker-authuserphone-simple-smscode__send .bxmaker-authuserphone-link {
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20.3px;
    letter-spacing: 0;
    color: #BBBBBB!important;
    padding: 6px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #BBBBBB;
    inline-size: fit-content;
}

.bxmaker-authuserphone-simple-smscode .bxmaker-authuserphone-simple-smscode__send .bxmaker-authuserphone-link:after {
    display: none;
}

.bxmaker-authuserphone-simple-smscode__notice {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #BBBBBB;
}

.bxmaker-authuserphone-simple-smscode__notice .bxmaker-authuserphone-simple-smscode__phone {
    color: #393939;
}

.bxmaker-authuserphone-message--error ~ .bxmaker-authuserphone-input-code input {
    border-color: #DC3545!important;
}

.bxmaker-authuserphone-message--error {
    color: #DC3545!important;
}

/* End */
/* /local/templates/goodlocal/components/bxmaker/authuserphone.simple/auth/style.css?17446294917518 */
