@font-face {
    font-family: 'HankRnd';
    src: url("./../fonts/Hank-Rounded/HankRnd-Regular.ttf") format('truetype');
}

.widget_h1 {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 140%;
    color: #6C31D7;
}

.widget_container {
    background: #F7F7F7;
    padding: 25px;
    min-height: 768px;
}

.widget_input {
    font-family: "Work Sans", sans-serif;
    border: none;
    width: 100%;
    padding: 10px;
    background: transparent;
    font-size: 18px;
}

.widget_input_content {
    border-radius: 8px 8px 0 0;
    background: white;
}

.widget_input:focus {
    outline: none;
}

.widget_input_container {
    margin-bottom: 25px;
}

.widget_input_indicator {
    width: 100%;
    height: 2px;
    background: #C4C4C4;
    border-radius: 8px 8px 0 0;
}

.widget_input_indicator_error {
    background: #E14646;
}

.widget_input_indicator_success {
    background: #00ED8C !important;
}

.widget_input_error_message {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #E14646;
}

.widget_input_label {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #404668;
}

@media (max-width: 320px) {
    .widget_input_label {
        font-size: 2.4vw;
        line-height: 130%;
    }
}

@media (min-width: 768px) {
    .widget_input_label {
        font-size: 1.3vw;
        line-height: 100%;
    }
}

@media (min-width: 992px) {
    .widget_input_label {
        font-size: 1.1vw;
        line-height: 100%;
    }
}


.widget_international_number_component {
    font-family: "Work Sans", sans-serif;
    background: #C4C4C4;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 5px;
    margin-left: 10px;
}

.widget_option_button {
    font-family: "Work Sans", sans-serif;
    padding: 25px;
    background: white;
    border: 2px solid transparent;
    border-radius: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    width: 100%;
    color: #404668;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 0 0 2px rgba(0, 0, 0, 0.48);
}

.widget_option_button_active {
    background: #CAFFE9;
    border: 2px solid #00ED8C;
}

.widget_option_button_error {
    background: #FFE4E4;
}

.widget_option_button:hover, .widget_option_button:focus, .widget_option_button:enabled {
    outline: none;
}

.widget_register_footer {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #404668;
    margin-top: 25px;
}

.widget_button, .widget_button:focus {
    outline: none;
    background: #0042FF;
    border-radius: 100px;
    width: 100%;
    color: white;
    border: none;
    margin-top: 25px;
    padding: 10px;
}

.widget_button:hover {
    outline: none;
    background: rgba(0, 66, 255, 0.64);
}

.widget_button_light, .widget_button_light:focus {
    outline: none;
    background: transparent;
    border-radius: 100px;
    width: 100%;
    color: #0042FF;
    border: 2px solid #0042FF;
    margin-top: 25px;
    padding: 10px;
}

.widget_button_light:hover:not(:disabled) {
    outline: none;
    background: rgba(0, 66, 255, 0.1);
}

.widget_button_light:disabled {
    color: rgba(0, 66, 255, 0.3);
    border: 2px solid rgba(0, 66, 255, 0.3);
}

.widget_register_title {
    font-family: HankRnd, "Work Sans", sans-serif;
    font-weight: bold;
    font-size: 32px;
    line-height: 140%;
    color: #6C31D7;
}

.widget_register_subtitle {
    font-family: "Work Sans", sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 110%;
    color: #6C31D7;
}

.widget_text_center {
    text-align: center;
}

.widget_register_cellphone_display {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 110%;
    align-items: center;
    text-align: center;
    color: #6C31D7;
}

.widget_flash_message {
    font-family: "Work Sans", sans-serif;
    text-align: center;
    color: #00CB78;
    font-size: 18px;
}

.widget_content_center {
    align-items: center;
}

.widget_image_center {
    margin: auto;
    display: block;
}

.widget_international_number_component_filled {
    background: black;
}