:root {
    --input-background: #f7f9fc;
    --input-color: #323d47;
    --dropdown-option-background-active-color: #6d7378;
    --dropdown-option-text-color: #ffffff;
    --label-color: #323d47;
    --label-background-hover-color: #f0f3f5;
    --counter-text-color: #323d47;
    --counter-warning-color: #f5b800;
    --counter-high-color: #d2383f;
    --hint-color: #878d92;
    --placeholder-color: rgba(50, 61, 71, 0.3);
    --placeholder-focus-color: rgba(50, 61, 71, 0.6);
    --invalid-field-border: #d2383f;
    --invalid-field-background: #fff6f6;
    --message-fail-color: #d2383f;
    --message-fail-background: #fff0f0;
    --message-success-color: #318233;
    --facebook-button-background: #1877f2;
    --google-button-background: #fff;
    --input-border: 1px solid #e0e6f0;
    --primary-color: #20c997;
    --primary-font-color: #fff;
    --input-padding: 8px 10px;
    --input-border-radius: 3px;
    --input-border-width: 1px;
    --input-border-color: #e0e6f0;
    --checkbox-border-radius: 3px;
    --input-height: 40px;
    --input-font-size: 16px;
    --boolean-background-color: #f7f9fc;
    --dropdown-padding: 2px 40px 2px 10px;
    --dropdown-icon-color: #323d47;
    --dropdown-background-color: #f7f9fc;
    --dropdown-option-background-color: #949a9e;
    --dropdown-option-hover-background-color: #f0f3f5;
    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-size: 16px;
    --font-color: #323d47;
    --password-padding: 8px 50px 8px 10px;
    --payment-input-padding: 8px 50px 8px 10px;
    --border-focus-color: #8e8e8e;
    --label-required-color: #ed5757;
    --label-font-size: 15px;
    --label-font-weight: 500;
    --counter-font-size: 12px;
    --password-hint-font-size: 13px;
    --hint-font-size: 14px;
    --divider-font-size: 13px;
    --button-font-size: 15px;
    --button-font-weight: 500;
    --button-border-radius: 3px;
    --button-padding: 12px 24px;
    --field-error-font-size: 14px;
    --field-error-font-color: #d2383f;
    --message-border-radius: 3px;
    --message-fail-font-size: 14px;
    --message-success-background-color: #fcfff5;
}
.af-form {
    --input-background-color: var(--input-background);
    --input-font-color: var(--input-color);
    --dropdown-option-active-background-color: var(--dropdown-option-background-active-color);
    --dropdown-option-font-color: var(--dropdown-option-text-color);
    --label-font-color: var(--label-color);
    --label-hover-background-color: var(--label-background-hover-color);
    --counter-font-color: var(--counter-text-color);
    --counter-warning-font-color: var(--counter-warning-color);
    --counter-high-font-color: var(--counter-high-color);
    --hint-font-color: var(--hint-color);
    --placeholder-font-color: var(--placeholder-color);
    --placeholder-focus-font-color: var(--placeholder-focus-color);
    --invalid-field-border-color: var(--invalid-field-border);
    --invalid-field-background-color: var(--invalid-field-background);
    --message-fail-font-color: var(--message-fail-color);
    --message-fail-background-color: var(--message-fail-background);
    --message-success-font-color: var(--message-success-color);
    --facebook-button-background-color: var(--facebook-button-background);
    --facebook-button-font-color: #fff;
    --facebook-button-border-color: var(--facebook-button-background);
    --google-button-background-color: var(--google-button-background);
    --google-button-font-color: #5e5e5e;
    --google-button-border-color: #8c8c8c;
    --microsoft-button-background-color: #fff;
    --microsoft-button-font-color: #5e5e5e;
    --microsoft-button-border-color: #8c8c8c;
}
.hidden {
    display: none !important;
}
.af-form {
    font-family: var(--font-family);
    text-align: left;
    max-width: 500px;
}
.af-branding {
    margin: 15px auto;
    text-align: center;
}
.af-branding a {
    font-size: 13px;
    color: #ababab;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
}
.af-branding a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.af-field {
    margin: 0 0 18px;
}
.af-field-label label {
    display: block;
    font-family: var(--font-family);
    font-weight: var(--label-font-weight);
    font-size: var(--label-font-size);
    margin: 0 0 0.3em 0;
    color: var(--label-font-color);
}
.af-choice-option:first-child label {
    margin: 0;
}
.af-choice-option label,
.af-boolean-option label {
    color: var(--font-color);
    font-size: var(--font-size);
    font-family: var(--font-family);
    margin: 6px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 5px;
    min-height: var(--input-height);
    height: auto;
    cursor: pointer;
}
.af-boolean-option label {
    background-color: var(--boolean-background-color);
    border-radius: var(--input-border-radius);
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    font-family: var(--font-family);
}
.af-cards-option label {
    height: 100%;
    box-sizing: border-box;
    border-radius: var(--input-border-radius);
    cursor: pointer;
    display: block;
    border: 2px solid var(--input-border-color);
    padding: 20px 15px;
    transition: background-color 0.3s;
}
.af-cards-option-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.af-cards-option-image img {
    border-radius: var(--input-border-radius);
    max-width: 100%;
    max-height: 100%;
}
.af-cards-option-text {
    text-align: center;
    margin: 10px auto 0;
    color: var(--label-font-color);
    font-size: var(--label-font-size);
}
.af-legal label {
    color: var(--legal-font-color);
    font-size: var(--legal-font-size);
    font-family: var(--font-family);
    margin: 8px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.af-legal label p:last-child {
    margin-bottom: 0;
}
.af-legal label p:first-child {
    margin-top: 0;
}
.af-choice-option label {
    text-align: left;
    border-radius: var(--input-border-radius);
}
.af-choice-option label:before {
    content: '';
    background-color: #fff;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: var(--checkbox-border-radius);
    min-width: 20px;
    min-height: 20px;
    box-sizing: border-box;
    margin-left: 4px;
}
.af-legal label:before {
    content: '';
    background-color: #fff;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: var(--checkbox-border-radius);
    min-width: 18px;
    height: 18px;
    box-sizing: border-box;
    margin-right: 8px;
}
.af-choice-option label:after,
.af-legal label:after {
    content: '';
    position: absolute;
    opacity: 0;
    width: 5px;
    height: 8px;
    margin-top: -1px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.af-choice-option label:after {
    margin-left: 10px;
}
.af-legal label:after {
    margin-left: 5px;

    /* FIX POSITION CHECK */
    position: unset;
    order: -1;
    transform: rotate(45deg) translate(8px, -9px);
    margin-left: -5px;
}
.af-choice label:before {
    border-radius: 50%;
}
.af-boolean-option label {
    min-width: 70px;
    justify-content: center;
}
.af-boolean-option:first-child label {
    margin-right: 6px;
}
.af-field-hint p {
    margin: 0 0 0.4em 0;
    font-size: var(--hint-font-size);
    color: var(--hint-font-color);
    font-family: var(--font-family);
}
.af-field-input input:not([type]),
.af-field-input input[type='date'],
.af-field-input input[type='email'],
.af-field-input input[type='number'],
.af-field-input input[type='password'],
.af-field-input input[type='tel'],
.af-field-input input[type='time'],
.af-field-input input[type='text'],
.af-field-input input[type='file'],
.af-field-input input[type='url'] {
    width: 100%;
    vertical-align: top;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-background-color);
    font-size: var(--input-font-size);
    padding: var(--input-padding);
    color: var(--input-font-color);
    box-sizing: border-box;
    font-family: var(--font-family);
    height: var(--input-height);
}
.af-field-has-error .af-field-input input:not([type]),
.af-field-has-error .af-field-input input[type='date'],
.af-field-has-error .af-field-input input[type='email'],
.af-field-has-error .af-field-input input[type='number'],
.af-field-has-error .af-field-input input[type='password'],
.af-field-has-error .af-field-input input[type='tel'],
.af-field-has-error .af-field-input input[type='time'],
.af-field-has-error .af-field-input input[type='text']:not(.af-choice-option-other-input),
.af-field-has-error .af-field-input input[type='file'],
.af-field-has-error .af-field-input input[type='url'],
.af-field-has-error .af-field-input textarea,
.af-field-has-error .af-dropdown,
.af-field-has-error .af-legal label:before {
    color: var(--invalid-field-border-color);
    border-color: var(--invalid-field-border-color);
    background-color: var(--invalid-field-background-color);
}
.af-field-has-error .af-field-input input:not([type]):focus,
.af-field-has-error .af-field-input input[type='date']:focus,
.af-field-has-error .af-field-input input[type='email']:focus,
.af-field-has-error .af-field-input input[type='number']:focus,
.af-field-has-error .af-field-input input[type='password']:focus,
.af-field-has-error .af-field-input input[type='tel']:focus,
.af-field-has-error .af-field-input input[type='time']:focus,
.af-field-has-error .af-field-input input[type='text']:not(.af-choice-option-other-input):focus,
.af-field-has-error .af-field-input input[type='file']:focus,
.af-field-has-error .af-field-input input[type='url']:focus {
    border-color: var(--invalid-field-border-color);
}
.af-field-has-error .af-dropdown-icon {
    background-color: var(--invalid-field-border-color);
}
.af-field-input textarea {
    resize: vertical;
    width: 100%;
    vertical-align: top;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-background-color);
    font-size: var(--input-font-size);
    padding: var(--input-padding);
    color: var(--input-font-color);
    box-sizing: border-box;
    font-family: var(--font-family);
    min-height: 65px;
}
.af-boolean-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.af-choice-option span {
    margin-left: 10px;
}
.af-choice-option,
.af-legal,
.af-boolean {
    position: relative;
}
.af-choice-option input[type='checkbox'],
.af-choice-option input[type='radio'],
.af-cards-option input,
.af-legal input,
.af-boolean input {
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid transparent;
    margin: 8px 0 0 10px;
    padding: 0px;
    opacity: 0;
    cursor: pointer;
    z-index: -1;
}
.af-choice-option-other span {
    white-space: nowrap;
}
.af-choice-option-other-input {
    padding: 5px;
    height: calc(var(--input-height) - 10px);
    margin-left: 10px;
    border-width: 0 0 var(--input-border-width) 0;
    border-radius: 0;
    background-color: transparent;
}
.af-field-input input[type='password'] {
    padding: var(--password-padding);
}
.af-passwordFieldInput-container {
    position: relative;
}
.af-password-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27512%27 height=%27512%27 viewBox=%270 0 511.626 511.626%27%3E%3Cpath d=%27M505.918 236.117c-26.651-43.587-62.485-78.609-107.497-105.065-45.015-26.457-92.549-39.687-142.608-39.687s-97.595 13.225-142.61 39.687C68.187 157.508 32.355 192.53 5.708 236.117 1.903 242.778 0 249.345 0 255.818c0 6.473 1.903 13.04 5.708 19.699 26.647 43.589 62.479 78.614 107.495 105.064 45.015 26.46 92.551 39.68 142.61 39.68 50.06 0 97.594-13.176 142.608-39.536 45.012-26.361 80.852-61.432 107.497-105.208 3.806-6.659 5.708-13.223 5.708-19.699 0-6.473-1.902-13.04-5.708-19.701zm-311.35-78.087c17.034-17.034 37.447-25.554 61.242-25.554 3.805 0 7.043 1.336 9.709 3.999 2.662 2.664 4 5.901 4 9.707 0 3.809-1.338 7.044-3.994 9.704-2.662 2.667-5.902 3.999-9.708 3.999-16.368 0-30.362 5.808-41.971 17.416-11.613 11.615-17.416 25.603-17.416 41.971 0 3.811-1.336 7.044-3.999 9.71-2.667 2.668-5.901 3.999-9.707 3.999-3.809 0-7.044-1.334-9.71-3.999-2.667-2.666-3.999-5.903-3.999-9.71 0-23.79 8.52-44.207 25.553-61.242zm185.299 191.01c-38.164 23.12-79.514 34.687-124.054 34.687-44.539 0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222c28.931-44.921 65.19-78.518 108.777-100.783-11.61 19.792-17.417 41.207-17.417 64.236 0 35.216 12.517 65.329 37.544 90.362s55.151 37.544 90.362 37.544c35.214 0 65.329-12.518 90.362-37.544s37.545-55.146 37.545-90.362c0-23.029-5.808-44.447-17.419-64.236 43.585 22.265 79.846 55.865 108.776 100.783-25.31 39.022-57.046 70.095-95.21 93.222z%27 fill=%27%23c8ccd3%27/%3E%3C/svg%3E');
    position: absolute;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    cursor: pointer;
}
.af-password-icon.af-password-icon-secondary {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27512%27 height=%27512%27 viewBox=%270 0 511.626 511.627%27%3E%3Cg fill=%27%23c8ccd3%27%3E%3Cpath d=%27M361.161 291.652c15.037-21.796 22.56-45.922 22.56-72.375 0-7.422-.76-15.417-2.286-23.984l-79.938 143.321c24.738-9.513 44.628-25.176 59.664-46.962zM372.872 94.221c.191-.378.28-1.235.28-2.568 0-3.237-1.522-5.802-4.571-7.715-.568-.38-2.423-1.475-5.568-3.287a526.3 526.3 0 01-8.989-5.282 194.001 194.001 0 00-9.422-5.28c-3.426-1.809-6.375-3.284-8.846-4.427-2.479-1.141-4.189-1.713-5.141-1.713-3.426 0-6.092 1.525-7.994 4.569l-15.413 27.696c-17.316-3.234-34.451-4.854-51.391-4.854-51.201 0-98.404 12.946-141.613 38.831C70.998 156.08 34.836 191.385 5.711 236.114 1.903 242.019 0 248.586 0 255.819c0 7.231 1.903 13.801 5.711 19.698 16.748 26.073 36.592 49.396 59.528 69.949 22.936 20.561 48.011 37.018 75.229 49.396-8.375 14.273-12.562 22.556-12.562 24.842 0 3.425 1.524 6.088 4.57 7.99 23.219 13.329 35.97 19.985 38.256 19.985 3.422 0 6.089-1.529 7.992-4.575l13.99-25.406c20.177-35.967 50.248-89.931 90.222-161.878 39.972-71.949 69.95-125.815 89.936-161.599zM158.456 362.885C108.97 340.616 68.33 304.93 36.547 255.822c28.931-44.921 65.19-78.518 108.777-100.783-11.61 19.792-17.417 41.206-17.417 64.237 0 20.365 4.661 39.68 13.99 57.955 9.327 18.274 22.27 33.4 38.83 45.392l-22.271 40.262zm107.069-206.998c-2.662 2.667-5.906 3.999-9.712 3.999-16.368 0-30.361 5.808-41.971 17.416-11.613 11.615-17.416 25.603-17.416 41.971 0 3.811-1.336 7.044-3.999 9.71-2.668 2.667-5.902 3.999-9.707 3.999-3.809 0-7.045-1.334-9.71-3.999-2.667-2.666-3.999-5.903-3.999-9.71 0-23.79 8.52-44.206 25.553-61.242 17.034-17.034 37.447-25.553 61.241-25.553 3.806 0 7.043 1.336 9.713 3.999 2.662 2.664 3.996 5.901 3.996 9.707.001 3.808-1.333 7.044-3.989 9.703z%27/%3E%3Cpath d=%27M505.916 236.114c-10.853-18.08-24.603-35.594-41.255-52.534-16.646-16.939-34.022-31.496-52.105-43.68l-17.987 31.977c31.785 21.888 58.625 49.87 80.51 83.939-23.024 35.782-51.723 65-86.07 87.648-34.358 22.661-71.712 35.693-112.065 39.115l-21.129 37.688c42.257 0 82.18-9.038 119.769-27.121 37.59-18.076 70.668-43.488 99.216-76.225 13.322-15.421 23.695-29.219 31.121-41.401 3.806-6.476 5.708-13.046 5.708-19.702-.003-6.661-1.905-13.228-5.713-19.704z%27/%3E%3C/g%3E%3C/svg%3E');
}
.af-alt-input-icons .af-password-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27512%27 height=%27512%27 viewBox=%270 0 511.626 511.626%27%3E%3Cpath d=%27M505.918 236.117c-26.651-43.587-62.485-78.609-107.497-105.065-45.015-26.457-92.549-39.687-142.608-39.687s-97.595 13.225-142.61 39.687C68.187 157.508 32.355 192.53 5.708 236.117 1.903 242.778 0 249.345 0 255.818c0 6.473 1.903 13.04 5.708 19.699 26.647 43.589 62.479 78.614 107.495 105.064 45.015 26.46 92.551 39.68 142.61 39.68 50.06 0 97.594-13.176 142.608-39.536 45.012-26.361 80.852-61.432 107.497-105.208 3.806-6.659 5.708-13.223 5.708-19.699 0-6.473-1.902-13.04-5.708-19.701zm-311.35-78.087c17.034-17.034 37.447-25.554 61.242-25.554 3.805 0 7.043 1.336 9.709 3.999 2.662 2.664 4 5.901 4 9.707 0 3.809-1.338 7.044-3.994 9.704-2.662 2.667-5.902 3.999-9.708 3.999-16.368 0-30.362 5.808-41.971 17.416-11.613 11.615-17.416 25.603-17.416 41.971 0 3.811-1.336 7.044-3.999 9.71-2.667 2.668-5.901 3.999-9.707 3.999-3.809 0-7.044-1.334-9.71-3.999-2.667-2.666-3.999-5.903-3.999-9.71 0-23.79 8.52-44.207 25.553-61.242zm185.299 191.01c-38.164 23.12-79.514 34.687-124.054 34.687-44.539 0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222c28.931-44.921 65.19-78.518 108.777-100.783-11.61 19.792-17.417 41.207-17.417 64.236 0 35.216 12.517 65.329 37.544 90.362s55.151 37.544 90.362 37.544c35.214 0 65.329-12.518 90.362-37.544s37.545-55.146 37.545-90.362c0-23.029-5.808-44.447-17.419-64.236 43.585 22.265 79.846 55.865 108.776 100.783-25.31 39.022-57.046 70.095-95.21 93.222z%27 fill=%27%23838383%27/%3E%3C/svg%3E');
}
.af-alt-input-icons .af-password-icon.af-password-icon-secondary {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27512%27 height=%27512%27 viewBox=%270 0 511.626 511.627%27%3E%3Cg fill=%27%23838383%27%3E%3Cpath d=%27M361.161 291.652c15.037-21.796 22.56-45.922 22.56-72.375 0-7.422-.76-15.417-2.286-23.984l-79.938 143.321c24.738-9.513 44.628-25.176 59.664-46.962zM372.872 94.221c.191-.378.28-1.235.28-2.568 0-3.237-1.522-5.802-4.571-7.715-.568-.38-2.423-1.475-5.568-3.287a526.3 526.3 0 01-8.989-5.282 194.001 194.001 0 00-9.422-5.28c-3.426-1.809-6.375-3.284-8.846-4.427-2.479-1.141-4.189-1.713-5.141-1.713-3.426 0-6.092 1.525-7.994 4.569l-15.413 27.696c-17.316-3.234-34.451-4.854-51.391-4.854-51.201 0-98.404 12.946-141.613 38.831C70.998 156.08 34.836 191.385 5.711 236.114 1.903 242.019 0 248.586 0 255.819c0 7.231 1.903 13.801 5.711 19.698 16.748 26.073 36.592 49.396 59.528 69.949 22.936 20.561 48.011 37.018 75.229 49.396-8.375 14.273-12.562 22.556-12.562 24.842 0 3.425 1.524 6.088 4.57 7.99 23.219 13.329 35.97 19.985 38.256 19.985 3.422 0 6.089-1.529 7.992-4.575l13.99-25.406c20.177-35.967 50.248-89.931 90.222-161.878 39.972-71.949 69.95-125.815 89.936-161.599zM158.456 362.885C108.97 340.616 68.33 304.93 36.547 255.822c28.931-44.921 65.19-78.518 108.777-100.783-11.61 19.792-17.417 41.206-17.417 64.237 0 20.365 4.661 39.68 13.99 57.955 9.327 18.274 22.27 33.4 38.83 45.392l-22.271 40.262zm107.069-206.998c-2.662 2.667-5.906 3.999-9.712 3.999-16.368 0-30.361 5.808-41.971 17.416-11.613 11.615-17.416 25.603-17.416 41.971 0 3.811-1.336 7.044-3.999 9.71-2.668 2.667-5.902 3.999-9.707 3.999-3.809 0-7.045-1.334-9.71-3.999-2.667-2.666-3.999-5.903-3.999-9.71 0-23.79 8.52-44.206 25.553-61.242 17.034-17.034 37.447-25.553 61.241-25.553 3.806 0 7.043 1.336 9.713 3.999 2.662 2.664 3.996 5.901 3.996 9.707.001 3.808-1.333 7.044-3.989 9.703z%27/%3E%3Cpath d=%27M505.916 236.114c-10.853-18.08-24.603-35.594-41.255-52.534-16.646-16.939-34.022-31.496-52.105-43.68l-17.987 31.977c31.785 21.888 58.625 49.87 80.51 83.939-23.024 35.782-51.723 65-86.07 87.648-34.358 22.661-71.712 35.693-112.065 39.115l-21.129 37.688c42.257 0 82.18-9.038 119.769-27.121 37.59-18.076 70.668-43.488 99.216-76.225 13.322-15.421 23.695-29.219 31.121-41.401 3.806-6.476 5.708-13.046 5.708-19.702-.003-6.661-1.905-13.228-5.713-19.704z%27/%3E%3C/g%3E%3C/svg%3E');
}
.af-passwordFieldHints-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: var(--password-hint-font-size);
    font-family: var(--font-family);
    color: var(--hint-color);
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.af-passwordField-hint {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
.af-passwordFieldHint-text {
    margin: 0;
}
.af-passwordFieldHint-correct {
    color: var(--message-success-color);
}
.af-passwordFieldHint-icon {
    content: url(https://sdk.arengu.com/assets/9a2106efbf61ed0d6476.svg);
    width: 15px;
    height: 15px;
}
.af-passwordFieldHint-correct .af-passwordFieldHint-icon {
    content: url(https://sdk.arengu.com/assets/3f23dc31bbd0f025663d.svg);
}
.af-passwordFieldHint-incorrect .af-passwordFieldHint-icon {
    content: url(https://sdk.arengu.com/assets/68ec875183bda822d583.svg);
}
.af-passwordFieldHint-incorrect {
    color: var(--message-fail-color);
}
.af-passwordFieldStrength-levels {
    display: flex;
    gap: 2px;
    margin-top: 8px;
}
.af-passwordFieldStrength-level:first-child {
    border-top-left-radius: var(--input-border-radius);
    border-bottom-left-radius: var(--input-border-radius);
}
.af-passwordFieldStrength-level:last-child {
    border-top-right-radius: var(--input-border-radius);
    border-bottom-right-radius: var(--input-border-radius);
}
.af-passwordFieldStrength-level {
    height: 6px;
    width: 100%;
    background-color: #e3e4e6;
}
.af-passwordFieldStrength-text {
    text-align: right;
    margin-top: 8px;
    color: var(--hint-color);
    font-size: 13px;
}
.af-passwordFieldStrength-container[data-score='1'] .af-passwordFieldStrength-level:nth-child(1) {
    background-color: #eb5b57;
}
.af-passwordFieldStrength-container[data-score='2'] .af-passwordFieldStrength-level:nth-child(-n + 2) {
    background-color: #eff30d;
}
.af-passwordFieldStrength-container[data-score='3'] .af-passwordFieldStrength-level:nth-child(-n + 3) {
    background-color: #61ee79;
}
.af-passwordFieldStrength-container[data-score='4'] .af-passwordFieldStrength-level:nth-child(-n + 4) {
    background-color: #008f18;
}
.af-payment-cardNumber-wrapper,
.af-payment-expirationDate-wrapper,
.af-payment-securityCode-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.af-payment-cardNumber-wrapper {
    margin-bottom: 1.25em;
}
.af-payment .StripeElement {
    width: 100%;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-background-color);
    padding: var(--payment-input-padding);
    color: var(--input-font-color);
    box-sizing: border-box;
    height: var(--input-height);
}
.af-payment .StripeElement--focus {
    border-color: var(--border-focus-color);
    transition: border-color 0.3s ease;
}
.af-payment .StripeElement--invalid:not(.StripeElement--empty),
.af-field-has-error .StripeElement:not(.StripeElement--complete) {
    border-color: var(--invalid-field-border-color);
    background-color: var(--invalid-field-background-color);
}
.af-payment-expirationDate,
.af-payment-securityCode {
    display: inline-block;
}
.af-payment-expirationDate {
    width: calc(50% - 0.75em);
}
.af-payment-securityCode {
    width: calc(50% - 0.75em);
    float: right;
}
.af-payment-cardNumber-brand,
.af-payment-expirationDate-icon,
.af-payment-securityCode-icon {
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}
.af-payment-cardNumber-brand-visa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAYFBMVEUAAAA1UqU1UKU2UaL7+vr29ff77d7u7vTi5O/63LfV2enL0OT0xo3CyeC1vdvqrF/zqkunsdT1ny6cqNC5nYiRn8qIl8d+jsKOhpRxg71lebdZb7JOZatFXag9V6U2UaLteT6xAAAAIHRSTlMBIqzz/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/tAONIEAAAKASURBVHja7Zpvj6MgEIdv63TldLXLWrUoMN//W54w/CnNJZfcXOJlw/PKmBYehvmVNOHHf8DbpcFTaC5vfv4GT6NxBhc8kcsh0OCJNIcAnkoVqAJVoApUgSpQBapAFagC30rAaPNvBe63xN1iYO09GlXvGJHYp+4KB2JcLRJ2HvwnGBXQ98+vwA0DHTg6RAkOGn7rIaORGIAwrC143IKBDisFzxLHn/BggSdaJDYIKGYPhCo80CNpEosowLG6XYFneiRGCExMAXv9cAJ39LTgkIgGPDuiaYFohXuS6NEQGbgp6OFnagIVpk0VtqkAk3ZBUOOKngkiLVdgAmfw+VTXIdVdpF3psMC2kNBMgQ28gXELvKa2kklloHUaTCQ/8l2ZAtbN+vH1KJYdQ5C7TWxI5LQKDQ7JFKC5bnffDo4Z8bchGHaM7KRHPdtzBWY4eL/Fzr4aV5bUjWgFRKQtMriT+5UrQMv5CCYw5ndg/XMLEaERU690MQs7U4AK+W5C2TcsuuFA99nApJrBEmO7cAVGmnh/yttU/sas5BbrI+JWGXBIrsBCvSdzqFIIInZu89mjsp0gZ6aAprW14RgoQpDQAjxbDEs3HpCW5Qjk6WI5ixBkVDz8dnhl4wqMkNBYhmA3GFijlIRXZq7AWhxtRQimVirnYNeW3lEGS0augIGIwpcQDOkgJhbKYIngCmD3MtKQ+kFAQR/fyI2gTxqugMybWYbAQsFgYy/qIsKKK6AgHwM5BBuWHS/WVJwhH+aOiStge08cR/ce4x7nUdDso1+m6T2q/OYfBLhYrbWtf82qQBWoAlWgClSBKlAFqkAV+EtOv8Zz+kWm069ynX6Z7Xx+AWnPQIT+ZkP/AAAAAElFTkSuQmCC);
}
.af-payment-cardNumber-brand-mastercard {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAXVBMVEUAAAAASoAJSHwKSX32///2+O/06Nr16bv02pPwwcTyxmXupKfwtTLtpjLsho69nUPrejHoXmeGg1ToVTDlPDJldF/iHy9EZGrVIzS2KD+LME5qNlorTXJNPGUKSX3FfsLRAAAAH3RSTlMAGKLp9vb29vb29vb29vb29vb29vb29vb29vb29vb29Bi63wAAAx1JREFUeNrtmm9z4iAQh6+6/AtIRBOiJvH7f8z7LdOePW+MHuik7eQZCxVe7OMuSsLk1xfgbbU+z8J69ZbiI/xcrNlgdZ6RFQTW5xlZQ+A8K4vAIrAILAKLwHcTGMax78dxuDHbtaAbXiQwnI7xg8OxH65m23rjPqh33dMF+mO84jheZrvaXVG3TxXoDxH8q3ArPLNpnyYwHOMNTmewczeoh+cIjId4k+Mw1O427TME+jjFYeum2JULnOIdygwgUPL5m427R1smMMZJGmbvJumKBA5xij0A00XYlAic7hTgHTfJLl9giI/R5BcBAvkJ2P5hOgf1tEB2AvbbC26SIVOgjw8znYJdpsBxOgGbT7jcGkAgtwLN/jN5NZgWGBHFeu9jDGhDvJAmQvMZ57SSSlXuGq21c22WwAmRiUjGKNH5eCFN/B2rEsRod43ksV2ugCcigRYEb0CIwQCLIRuCxX9NtNZbA0ckQFRaKaU5HVortKoSLFBnCRyRaBIQMNw2goAIkoC13BBjAmHaIL4DFTHCCYwpSTxFVYGAIUkUCK0J1nuE4Zf3waAVJNELjyjGcBxQaV0pIo0xjq812xQISEoxpSEbveUwFjYeEykJxqYRERpJ0iW4BElAO0HKOUWyRECQJ2Alv0jiL5VA8hrUlBCGQwg0DGaFIKFJOMxXLKCyBU4RcZpU+JT6ED1/JbyEESYsCc9AjmsluAQaHRqlSL4L8BrM/Rb0CCii4KKnREck2tgQuCqQsuhC8F6Q3W4NF11LScLxupekeD2qtB60yhQYoyUTOe2WpKeEJUZyZw0xaCvsRpKA0JTQcOByJCohVJv5U2yNj8YY9DZaKa0x3gDbBLQhpjdomhibtPq0U1Jq9Oknkd9gEF01vHgzAs/fjED/+GZUtB1nb4cXcjbD8kuyvXuQ+lUXpUUJKL8sB49dk+5ed2OyfeQrsBm68luzkhvErm270pvT6Rzcuznt2mFaoMSgubsAvv8BRdkRzc84pMo+pvtJB5X/f1T7Ew+rv8Rx/SKwCCwCi8Ai8Hxmf4xn9geZZn+Ua/aH2ebnN8sP1BgEBOHjAAAAAElFTkSuQmCC);
}
.af-payment-cardNumber-brand-amex {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAYFBMVEUAAAAAeKcCeagBeqkCeqgCeaj///32+/rt9vfg7/PX6/DP5u3B3um22eWu1OKgzt6RxtmHwNZ+vNJvtM1eq8hQo8NJoMA/m703lrovkrgmjbUeibIWhbAPga0HfasCeajiN0tzAAAAIHRSTlMAIKir6vT7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+5mHw3QAAARnSURBVHja7ZqNbqM6EEbv/nRsAwECNmCMmfd/yzszsSHVdu8lqVbpShxV0UcwzIk9JFTiny/At+9v+BLevn+T+j/xZfxkgx/4Qn6QwBu+kDcSwJdyCpwCp8ApcAqcAqfAlxQYnBBGl0DE4H7PEGYnzOgHtzMuKUxrCvMhgQlu1BUkLGIN/4UGodJwj+pz8Cn0hwQaSBRbwBmeoczh8ohAoHExxgGIayRqANuAXiiOUMZMAznNnYI2xiuA6kIkAKbI24SXowgbY3VM4Ao6IsH6XVqSQt2ih/JuonDDQovYAQwoQIXEogAg5Dl1iMcEouaTkYLNAlhRUssmEK1QsQAHrqFEoOEhzlpwcoYmCyz6AYFeDrogrkYEaMMBiFQS8JBARCD0mgVGxBaIgmqSzMwCcob+AQEDNeLI4zsR6CNiATDTdhKYK0FlAbNiABFYMeZe6+RjiEDN63lYwAFMiDWvYlQs0LEES4UiCSRKFvDEitiIgKbtPCUGroijCBgqOx0WaLn02jTNQlkEzIqrnmjL/CKQcfpegEvPTdPyGBHQCykeF7CYCSLAbww8H1nAawGASxPLdhWQaur8hBUBbs44HhUwuFOLQCm5A/NxE0rLQW7CXkGNG6sRAd6BRwV68i4ZKj6JgBy+6k1gHYXLTUADLIiwXYZrXBHbkhnI5yZQrIcFrtL0jKI0iMBFrs4skGluAhPAnC9DsHntGGnkRQSgOyxgvbdk3DUAV8+0ADB4b0jAeweFz9RALwD057xXzW1k4yYvyY0F72AMaFAjhfJYEzKWvY/h4SMu3IAbOR4WMNJ0mQoYo/5foGl0Sk66JoPVcYHgiUBh9Zkwy6v/mNXvLHy8kE6VwGW8Ef6SW7LE1xHw4ztmRJ7TnRD2PK3+3dh9YMgxPCxQwzvUhLGEezTsKP3xnj12nxUA7St4iucFer8xGSDMMG5Y0rmmPHQajM/UoPIOBbpL8RkBhzuzBtAzYsCNC9h9tzKYaWDKUas5xycF/Dh5IiKOSnvEUCGu6X5kYoFAeeHRZv+9qtnIM6rd4pMCJQgV1XMj4lIYxJB/crZ/XcZ843Ljimj3L8EehCcFLobRUCMTS8gCmmw2AcsDEWcj8McOTV0VSsp6js8KJCwAz+VaAQvEtm2vE+LIhUdr7YDo73qgKlKIV6hSXJrPCnTylgjsA2yOSwF3AtAsW5+2MUX7nEBdMgZaZNZyq7P6BlhgCSFExKB4CUpBAUB5adpZ1l9xJKHhM00oLdBNVM5IryVyDygqVd3t2BvQ7gPH5wRsL6yUQAdEX/4qoLlUbUivF0rTM3Yl6VKiw2dnYMcBQBERvQgUzg2+TwIjN0hjMNOUOUVT5xieaUIbN0YFoOTrQAQqJHroY7ywQBtja2ImC0RXQJ2iNZ//MSpnk2MWYFjgCJ8WMAt69aCA2qN+vAcm947Ak+8SIxJz2ljcb5jCHte/8JbsFDgFToFT4BQ4BU6BP8rLH+N5+YNML3+U6+UPs72efwGDTAaoETbKdAAAAABJRU5ErkJggg==);
}
.af-payment-cardNumber-brand-discover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAvVBMVEUAAADv7+/3tH3y8u/1nlD1nVDx8e7x8e7w7+vx7eX06Nvp6uf349Di4+H93Lzy3sny28T91rLc3tzy1Lb9zqTU1tTzzar0yKD2xJfKzsz8wIv0v4/EyMf3uIC9wsH5snP3rGq2u7r4pl72o1mus7P3nlH3mkqmrK33lUCiqan2jzX2iiuYoKH2hSL2ghyTmZmGj5F7hohxfH9qdXlcaW1RX2NJV1xEU1g6SlAuP0UlNz0eMTcWKTAKHiYBFh4P5qn8AAAAP3RSTlMAID2q4ePx+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/sBKpQMAAADIUlEQVR42u3a7W7iOBSA4ZnpLicfpO2khM9ACATIUuKGEiDE+Nz/Za2POxuxI43UUkZHI+X9QyIk/Dg2/pUvFHNf71rAUuvuqxm/BWy1SHAHjN1pQAsYa2kAsNYAGkADaAANoAE0gAbQABpAA2gADeAPA3hWfRW4UPe7AFspZXV4oZGOcguQnxHLGACszQkRTxMA6C5Fli37FuRS+qBzK7lNpCmZSF2Zu97L4CrADk1yAnDCHWwRlcKzC+4BTTnYM7FOl8t0vbADute9IA5WaFrFaDqGu+RKQDWItwpVYABnPLjWNgYoEIuBNShymGbpfBpF03k6hwNWAEQ9ggaEQRC4GhAEBeLEhysBJwAIFe4JYCG+AjX578Jvi3QWDfv9YTRLHxPE2Hy5IoAHOgKAj7iB6wHmQ7kaoBF4SOielsHUfV5Ew873751htOhZUkOhQGkRYLNarVwCkCL5HCBBHBAglIhYxXDEI7zVX8/Gnft2+74zno0gR+V7CnMgABXEiLtCoXRvAwB3UyKqwc8Ax7nvDDWABtcIzwBKnR+jTu0DuM0S/MC8XizBxRPo0eOvKiwALvfADtUEPgeYKCyAADH96Bl3F5vwYg88AISoC/8PCEqU3vWAKkxeFZ59AiSqDL2ctvQesQg9+hvO6n9BBLoSsYQ3QByGoUeAQOHheoCpGgABQvV254J7rA+i+Y9zYGqDboP4D+guDqKATqb8E0fxaV8fxSGNe/Dro7ic6KveXJ+E054FlHuW5uLiKA4A9pKm8IvaBHh3buDWlz4N9XO+Dx/KHmcEYKu7FoIR8LAQghHgTIXgA9DiC0aANXoWgg9g9ddC8AGsHg3PBjCz5wPYIxqeDeCMaeuxAdpRJgQf4GkmKCaA3UuF4AO0aenZAFZ3LigmgDNeC8EGsM3k2QCPEa08F8AZpYLiATj9haB4AHZvngnBA6hHZwI4fTM6E+BhZNadB2A/RWtBsQDa9YNnADjdqZk6C8B+Gi8FdQtA68MzHy8zcaOyD77I5PSiVNyyv9//Kpf9NJqtxY17/vaul9nsx/40Fbcv++vbF/7+Bb/pMoXEZDv+AAAAAElFTkSuQmCC);
}
.af-payment-cardNumber-brand-diners {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAYFBMVEUAAAAAUY8DT4oBT4wCT4wCT4z6//fz/fTr9/He7evU5ufH3eG509utytajwtKbvc6PtMmFrcV+qMJyn71llrdbj7NQh65GgKo9eqYycaEqbJ4iZpoaYZcSW5MJVI8CT4yy3ijDAAAABnRSTlMIKbG08/3VIItlAAAD4UlEQVR42u3a626rOBSG4dmHGmNsbLANPq7v/u9yHLynO+1I/ZOQzB7llehSQyQeEYJE5L/+A337/oan9Pb923H8n3haPy+CH3hiPxrgDU/srQHw1F6AF+AFeAFegD8aUOO+He2xPh4Q9cjENI2sJ0x8KCDKQe+EVt0U68n4OIAd5oL3kmS99VEAM/hPINZT9BCAHQI+5VhvfgQgMn9M6tcA4dLCeu4BgEkdw/N4jDEcGsGOeDkdEFhGa2WsA1i/IDbWM6cDtOrHewewIaE1siNOZwNGh5a4ArCDZFgvnAwoLAHY2TWAlavPwJ4MCIwArB8BG4DIevpswICW+QhwADLrzWcDGFrLR4AHkB50BjLLALaPgH5Z9JaTAcS34+81QPQbQ287GQCl0bJXgH7MiR0N9WyA5/Vw/AYYXH0JZpwNILEcQ/8CDBYd1EunA7AN8ZihoJUSDgfrLTgfADMWfCpydiTpEQBSIuFDgbOjqeIRAJDm7vrfdWBHinA+oOf55CuOih3ZEfePfC4gK4ZJGzNPrCcsPfrJKPvV/Gr1Gf9Ud6AX8j0A1ZplXVwBEDW+ajPLsoYqFHqehXsAUJkF+dECafnqbXIhIIu6KqDH7wMAtwDSYPFlaj6GzycBYHhFBEotewUoJIByDah7RCuwiF4DVAKIGiDv9W6Ane1yxMqMkSNltRtdxDyxIIPxACyjd0ASBo6v4HoRY7oXIDC/jaAhglhSa/CsmAnFSVD4BIA2gGqAHSTmewE8Sw0AHgEWuQ8hkNFA5uLXc0n4NyAAbroXQEr8Bgw7WhcAimErAOIzLsXyEeDl7YBhBWBFuQJISQj1AnAEo/opcGgpugBm0LTiwpy3WwFVc25WbQl15t5xXR03YRTShWmy5JWXAZfCpJxTJkmx+2E2UoZx2q096VZMqaJXE71bU0avFJTjhfo/+JmuxpgikOMeWltslRgzcGyRECjtfU9B2jJypLZl1AiKsd4MKHLeBoMwGWuEU3pyKgujZmi+Y9FUB2etGZ1axmT0JpfAZ8QpQk+gWZabAdArJF9hCH4CWQkH6dwEL8cYHKxSBC9AXuwjkIegRgMDzEPEqnAXgNm5M7gAYMUFJMUOv2vhHdQ6lAugbXYCIJwJ3BpsZlruB4DnMzpAIhbphGkAqNFl5YRFB2y8gng02LmEdlpcAFRvBFQ57zLDKtAiEozwi52OU7KCpNMW81SWMWEds1a7XqLMjRpkDczNk5/jrYAQYihABIWQEVo5BIptAjWHiBBK35MRfUJqEzGFtu/oj78PvAAvwAvwArwAZ/f0ZTxPX8j09KVcT1/M9vz+BuPaXbGfSXqUAAAAAElFTkSuQmCC);
}
.af-payment-cardNumber-brand-jcb {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAYFBMVEUAAAAKRacORZ8MRqEOR6D//P/7+f/08/3l6Pfe4/XW3fHR2e/G0eu+y+i2xeSsvuCluN2dstqXrtiSqtaHotF4lstpi8VcgcBTer1KdLk8abM0Y7AsXKweUqcXTaMORqDVkcrqAAAAIHRSTlMAGqKl6/j4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+MBhQygAAAH6SURBVHja7drLlqMgGATg6W6JiSFoFEFAqPd/yxEvnbDp3R96JtRGSxZ8C/Wghz+/IB+fFbKk+vxY56+QLVUUfCFjvhZAhYypFgCypgAKoAAKoAD+PUBw1hhrrd+qX1qM22scnbSeiAB+uLA9Y+xjc9Q2VvU9WtMA3Jl9RwKeP6oA0LJHAgXAn9kzIFyfKgcG9hRPAehYAhhZAnCMGhBOKeCaAiQ5wLIUUKcAUQAF8G6AvgBwLoD3BdzkOMoVcB3kkqHvewEhvzNcaAE6tgVQx5Og7u2gXId2KbOUcr3Y0AMGnKc45Zmt4StA72slSHpAj1s83NgB6A6AAiBIASq2DhKAZ3uuK8BrrR2AgdED7imgWQFOSqkC4BoKgDPThcWY2La7DjwBqGOF7gIBwOptAh6L7rab0NXPAH2s0D0oACcF0/IhxPO62x/D+c65kJNYAa7r7ipOPpIAGOPKecCb/sQWAGPNvd/D0Y6PdIwI8MgGeKSBSIbDCwCXnwD+BYAmL0D8DJgLgBzQ5gZ0bw/ofzngFd+GTd5X8ZQCbhCphxpQhxQwpYCRHCCRAFokgCZQA3okgFtIAM0MCoBje07C4Alw4ipWcdTrGEACCNoYo/Vkw9Zna60xdj6G/Rzj//vf9QVQAAVQAAVAAMi7jSf7RqbsW7myb2bLn79ImgLc18SSYwAAAABJRU5ErkJggg==);
}
.af-payment-cardNumber-brand-unionpay,
.af-payment-cardNumber-brand-unknown {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27128%27 height=%2780%27%3E%3Crect width=%27126%27 height=%2778%27 x=%271%27 y=%271%27 ry=%272.765%27 fill=%27%23c8ccd3%27/%3E%3Crect x=%2713%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23818792%27/%3E%3Crect x=%2741%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23818792%27/%3E%3Crect x=%2768%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23818792%27/%3E%3Crect x=%2795%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23818792%27/%3E%3Crect ry=%273%27 rx=%273%27 height=%2716%27 width=%2722%27 y=%2723%27 x=%2713%27 fill=%27%23fafafa%27/%3E%3C/svg%3E%0A');
}
.af-alt-input-icons .af-payment-cardNumber-brand-unionpay,
.af-alt-input-icons .af-payment-cardNumber-brand-unknown {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27128%27 height=%2780%27%3E%3Crect width=%27126%27 height=%2778%27 x=%271%27 y=%271%27 ry=%272.765%27 fill=%27%23838383%27/%3E%3Crect x=%2713%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23ccc%27/%3E%3Crect x=%2741%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23ccc%27/%3E%3Crect x=%2768%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23ccc%27/%3E%3Crect x=%2795%27 y=%2751%27 width=%2719%27 height=%276%27 rx=%271.949%27 ry=%272%27 fill=%27%23ccc%27/%3E%3Crect ry=%273%27 rx=%273%27 height=%2716%27 width=%2722%27 y=%2723%27 x=%2713%27 fill=%27%23fafafa%27/%3E%3C/svg%3E%0A');
}
.af-payment-cardNumber-brand-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABQCAMAAADm3o3WAAAAYFBMVEUAAAD/6+T/6Nz/6N7/6N3/6N3////9/vr+/fj/9e3/6d7/6N3/59z/39L/287/18j/08b/zbz/y7n/yrj/x7T/wbH/van/uKb/rJX/n4j/kXX/j3H/iGj/gmL/fFn/eFWjpQyIAAAABnRSTlMFJq6x8PpQFkwoAAABhUlEQVR42u3aW26DMBBA0eYBgYwDdSCUgh/732XdfjCBGNrG0RiJuX8IIY5iB7DktxW02ycQpWS/+7n/EaJ1/BYcIGIHB0ggYokDQNQYsA2AbDttjO5aCRgZQDTKDqlGAEYCKHo7qi8AKAFS20laUgIqYx8yFR2gNNaTKakAYhj/LnXdhnkgiAANDnzq+hgOGyKAskNjgKIBSItlDtDioSQBtBbLHeATD1sSQDcP6EgA2mLCAe5AmgRg5gFmDnDOs9OkLD+/AFA4gP0DID95yl8wBO8IWByCzAfIAich9vskPHkL+Rv6a0kA0mK3NC0sJkkAoMbvAvxFlKABNHOABmgAovcPQS8CAeEfJFQAqD0CUwMBAAWe+1MCoJx+lpdABFhemBA8ijGBSzMBWMjLKLzQ13F421qeM4ABDGAAA/4BuFzrSdfLwqmQy/yAqn6oWjgVcpkfUHtaOPXkZWsG0AzBmifhTBt6DtzHAAYwgAEMYAADtgOIu40n+kam6Fu5om9mi98XQWzbE9/Q2PEAAAAASUVORK5CYII=);
}
.af-payment-securityCode-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27128%27 height=%2780%27%3E%3Crect width=%27126%27 height=%2778%27 x=%271%27 y=%271%27 ry=%272.765%27 fill=%27%23c8ccd3%27/%3E%3Crect x=%2790%27 y=%2744%27 width=%2729%27 height=%2712%27 rx=%273%27 ry=%273%27 fill=%27%23fafafa%27/%3E%3Cpath d=%27M101.14 52.857h-1.568v-3.025q0-.552.024-1.009-.145.176-.36.368l-.649.535-.801-.985 1.962-1.599h1.392zM107.313 52.857h-4.148v-1.016l1.396-1.411q.598-.626.782-.852.183-.231.254-.395.074-.164.074-.344 0-.223-.145-.352-.144-.13-.406-.13-.27 0-.548.157-.273.153-.621.454l-.848-.993q.441-.395.742-.563.301-.172.653-.262.356-.09.798-.09.555 0 .989.195.438.196.676.56.242.36.242.809 0 .336-.086.621-.082.286-.258.563-.176.274-.469.579-.289.305-1.239 1.157v.039h2.162zM112.59 48.381q0 .532-.324.915-.324.38-.938.551v.024q1.43.18 1.43 1.352 0 .798-.633 1.255-.63.458-1.751.458-.461 0-.856-.067-.391-.066-.849-.242v-1.282q.376.191.763.285.39.09.72.09.507 0 .738-.14.235-.146.235-.45 0-.235-.122-.36-.12-.13-.39-.192-.27-.066-.704-.066h-.352V49.35h.36q1.176 0 1.176-.602 0-.227-.176-.336-.172-.11-.465-.11-.547 0-1.134.368l-.64-1.032q.453-.313.926-.446.477-.133 1.09-.133.888 0 1.392.352.505.352.505.97z%27/%3E%3Crect x=%2785%27 y=%2739%27 width=%2739%27 height=%2722%27 rx=%273%27 ry=%273%27 fill=%27none%27 stroke=%27%23f06957%27 stroke-width=%272%27/%3E%3Crect x=%2710%27 y=%2744%27 width=%2769%27 height=%2712%27 rx=%273%27 ry=%273%27 fill=%27%23fafafa%27/%3E%3Cpath d=%27M18.06 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.79-1.567-.682 1.556-1.505-.753 1.14-1.54-1.733-.137.25-1.611 1.926.559-.216-1.949zM27.094 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.145 1.539-1.439.764-.791-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.25-1.611 1.925.559-.215-1.949zM36.127 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.79-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.249-1.611 1.926.559-.216-1.949zM45.161 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.791-1.567-.68 1.556-1.506-.753 1.14-1.54-1.733-.137.25-1.611 1.926.559-.216-1.949zM54.195 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.145 1.539-1.439.764-.791-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.249-1.611 1.926.559-.216-1.949zM63.228 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.79-1.567-.682 1.556-1.505-.753 1.14-1.54-1.732-.137.249-1.611 1.926.559-.216-1.949zM72.262 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.791-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.25-1.611 1.926.559-.216-1.949z%27 fill=%27%23949494%27/%3E%3Cpath fill=%27%23818792%27 d=%27M1 13h126v15H1z%27/%3E%3C/svg%3E');
}
.af-alt-input-icons .af-payment-securityCode-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27128%27 height=%2780%27%3E%3Crect width=%27126%27 height=%2778%27 x=%271%27 y=%271%27 ry=%272.765%27 fill=%27%23838383%27/%3E%3Crect x=%2790%27 y=%2744%27 width=%2729%27 height=%2712%27 rx=%273%27 ry=%273%27 fill=%27%23fafafa%27/%3E%3Cpath d=%27M101.14 52.857h-1.568v-3.025q0-.552.024-1.009-.145.176-.36.368l-.649.535-.801-.985 1.962-1.599h1.392zM107.313 52.857h-4.148v-1.016l1.396-1.411q.598-.626.782-.852.183-.231.254-.395.074-.164.074-.344 0-.223-.145-.352-.144-.13-.406-.13-.27 0-.548.157-.273.153-.621.454l-.848-.993q.441-.395.742-.563.301-.172.653-.262.356-.09.798-.09.555 0 .989.195.438.196.676.56.242.36.242.809 0 .336-.086.621-.082.286-.258.563-.176.274-.469.579-.289.305-1.239 1.157v.039h2.162zM112.59 48.381q0 .532-.324.915-.324.38-.938.551v.024q1.43.18 1.43 1.352 0 .798-.633 1.255-.63.458-1.751.458-.461 0-.856-.067-.391-.066-.849-.242v-1.282q.376.191.763.285.39.09.72.09.507 0 .738-.14.235-.146.235-.45 0-.235-.122-.36-.12-.13-.39-.192-.27-.066-.704-.066h-.352V49.35h.36q1.176 0 1.176-.602 0-.227-.176-.336-.172-.11-.465-.11-.547 0-1.134.368l-.64-1.032q.453-.313.926-.446.477-.133 1.09-.133.888 0 1.392.352.505.352.505.97z%27/%3E%3Crect x=%2785%27 y=%2739%27 width=%2739%27 height=%2722%27 rx=%273%27 ry=%273%27 fill=%27none%27 stroke=%27%23c01400%27 stroke-width=%272%27/%3E%3Crect x=%2710%27 y=%2744%27 width=%2769%27 height=%2712%27 rx=%273%27 ry=%273%27 fill=%27%23fafafa%27/%3E%3Cpath d=%27M18.06 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.79-1.567-.682 1.556-1.505-.753 1.14-1.54-1.733-.137.25-1.611 1.926.559-.216-1.949zM27.094 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.145 1.539-1.439.764-.791-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.25-1.611 1.925.559-.215-1.949zM36.127 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.79-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.249-1.611 1.926.559-.216-1.949zM45.161 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.791-1.567-.68 1.556-1.506-.753 1.14-1.54-1.733-.137.25-1.611 1.926.559-.216-1.949zM54.195 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.145 1.539-1.439.764-.791-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.249-1.611 1.926.559-.216-1.949zM63.228 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.79-1.567-.682 1.556-1.505-.753 1.14-1.54-1.732-.137.249-1.611 1.926.559-.216-1.949zM72.262 47.426l-.21 1.949 1.97-.56.205 1.634-1.738.116 1.146 1.539-1.44.764-.791-1.567-.681 1.556-1.506-.753 1.14-1.54-1.732-.137.25-1.611 1.926.559-.216-1.949z%27 fill=%27%23949494%27/%3E%3Cpath fill=%27%23b5b5b5%27 d=%27M1 13h126v15H1z%27/%3E%3C/svg%3E');
}
.af-payment-expirationDate-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 x=%270%27 y=%270%27 width=%27488.152%27 height=%27488.152%27%3E%3Cpath d=%27M202.468 259.932a6.957 6.957 0 00-6.962-6.955h-24.294a6.957 6.957 0 00-6.958 6.955v24.29a6.959 6.959 0 006.958 6.961h24.294a6.96 6.96 0 006.962-6.96zm60.713 0a6.956 6.956 0 00-6.955-6.955H231.93a6.957 6.957 0 00-6.958 6.955v24.29a6.959 6.959 0 006.958 6.961h24.297a6.958 6.958 0 006.955-6.96zm60.717 0a6.957 6.957 0 00-6.958-6.955h-24.294a6.957 6.957 0 00-6.962 6.955v24.29a6.96 6.96 0 006.962 6.961h24.294a6.959 6.959 0 006.958-6.96zm-121.43 60.72a6.956 6.956 0 00-6.962-6.96h-24.294a6.956 6.956 0 00-6.958 6.96v24.286a6.958 6.958 0 006.958 6.958h24.294a6.959 6.959 0 006.962-6.958zm60.713 0a6.955 6.955 0 00-6.955-6.96H231.93a6.956 6.956 0 00-6.958 6.96v24.286a6.958 6.958 0 006.958 6.958h24.297a6.958 6.958 0 006.955-6.958zm60.717 0a6.955 6.955 0 00-6.955-6.96h-24.297a6.956 6.956 0 00-6.962 6.96v24.286a6.958 6.958 0 006.962 6.958h24.297a6.958 6.958 0 006.955-6.958z%27 fill=%27%23c8ccd3%27/%3E%3Cpath d=%27M367.337 124.871v37.102c0 16.77-13.604 30.284-30.371 30.284h-19.16c-16.768 0-30.552-13.514-30.552-30.284v-37.235h-86.356v37.235c0 16.77-13.784 30.284-30.55 30.284h-19.163c-16.766 0-30.37-13.514-30.37-30.284v-37.102c-14.654.442-26.696 12.568-26.696 27.472v217.435c0 15.185 12.308 27.655 27.492 27.655h244.93c15.162 0 27.492-12.496 27.492-27.655V152.343c0-14.904-12.041-27.03-26.696-27.472zm-8.898 231.367c0 6.562-5.32 11.886-11.886 11.886H141.075c-6.564 0-11.885-5.324-11.885-11.886V243.925c0-6.565 5.32-11.889 11.885-11.889h205.478c6.564 0 11.885 5.324 11.885 11.889z%27 fill=%27%23c8ccd3%27/%3E%3Cpath d=%27M151.118 172.366h18.951c5.753 0 10.417-4.657 10.417-10.41v-60.823c0-5.753-4.664-10.413-10.417-10.413h-18.95c-5.754 0-10.417 4.66-10.417 10.413v60.824c0 5.752 4.663 10.409 10.416 10.409zm166.445 0h18.951c5.749 0 10.413-4.657 10.413-10.41v-60.823c0-5.753-4.664-10.413-10.413-10.413h-18.951c-5.752 0-10.416 4.66-10.416 10.413v60.824c0 5.752 4.664 10.409 10.416 10.409z%27 fill=%27%23c8ccd3%27/%3E%3C/svg%3E');
}
.af-alt-input-icons .af-payment-expirationDate-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 x=%270%27 y=%270%27 width=%27488.152%27 height=%27488.152%27%3E%3Cpath d=%27M202.468 259.932a6.957 6.957 0 00-6.962-6.955h-24.294a6.957 6.957 0 00-6.958 6.955v24.29a6.959 6.959 0 006.958 6.961h24.294a6.96 6.96 0 006.962-6.96zm60.713 0a6.956 6.956 0 00-6.955-6.955H231.93a6.957 6.957 0 00-6.958 6.955v24.29a6.959 6.959 0 006.958 6.961h24.297a6.958 6.958 0 006.955-6.96zm60.717 0a6.957 6.957 0 00-6.958-6.955h-24.294a6.957 6.957 0 00-6.962 6.955v24.29a6.96 6.96 0 006.962 6.961h24.294a6.959 6.959 0 006.958-6.96zm-121.43 60.72a6.956 6.956 0 00-6.962-6.96h-24.294a6.956 6.956 0 00-6.958 6.96v24.286a6.958 6.958 0 006.958 6.958h24.294a6.959 6.959 0 006.962-6.958zm60.713 0a6.955 6.955 0 00-6.955-6.96H231.93a6.956 6.956 0 00-6.958 6.96v24.286a6.958 6.958 0 006.958 6.958h24.297a6.958 6.958 0 006.955-6.958zm60.717 0a6.955 6.955 0 00-6.955-6.96h-24.297a6.956 6.956 0 00-6.962 6.96v24.286a6.958 6.958 0 006.962 6.958h24.297a6.958 6.958 0 006.955-6.958z%27 fill=%27%23838383%27/%3E%3Cpath d=%27M367.337 124.871v37.102c0 16.77-13.604 30.284-30.371 30.284h-19.16c-16.768 0-30.552-13.514-30.552-30.284v-37.235h-86.356v37.235c0 16.77-13.784 30.284-30.55 30.284h-19.163c-16.766 0-30.37-13.514-30.37-30.284v-37.102c-14.654.442-26.696 12.568-26.696 27.472v217.435c0 15.185 12.308 27.655 27.492 27.655h244.93c15.162 0 27.492-12.496 27.492-27.655V152.343c0-14.904-12.041-27.03-26.696-27.472zm-8.898 231.367c0 6.562-5.32 11.886-11.886 11.886H141.075c-6.564 0-11.885-5.324-11.885-11.886V243.925c0-6.565 5.32-11.889 11.885-11.889h205.478c6.564 0 11.885 5.324 11.885 11.889z%27 fill=%27%23838383%27/%3E%3Cpath d=%27M151.118 172.366h18.951c5.753 0 10.417-4.657 10.417-10.41v-60.823c0-5.753-4.664-10.413-10.417-10.413h-18.95c-5.754 0-10.417 4.66-10.417 10.413v60.824c0 5.752 4.663 10.409 10.416 10.409zm166.445 0h18.951c5.749 0 10.413-4.657 10.413-10.41v-60.823c0-5.753-4.664-10.413-10.413-10.413h-18.951c-5.752 0-10.416 4.66-10.416 10.413v60.824c0 5.752 4.664 10.409 10.416 10.409z%27 fill=%27%23838383%27/%3E%3C/svg%3E');
}
.af-payment-trustmarks {
    width: 100%;
    height: 30px;
    margin-top: 0.25em;
    background-size: 200px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
}
.af-dropdown {
    position: relative;
}
.af-dropdown select {
    position: absolute;
    top: 0;
    height: 100%;
    max-height: 100%;
    opacity: 0;
    width: 100%;
    max-width: 100%;
    left: 0;
    z-index: -1;
}
.af-form .af-dropdown .af-dropdown-search,
.af-form .af-dropdown .af-dropdown-search:focus {
    border: none;
    background: none;
}
.af-dropdown-search-options .af-filtered {
    display: none;
}
.af-dropdown {
    width: 100%;
    vertical-align: top;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-background-color);
    padding: var(--dropdown-padding);
    box-sizing: border-box;
    text-align: left;
    min-height: var(--input-height);
}
.af-dropdown ::-webkit-scrollbar,
.af-tel-countries::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}
.af-dropdown ::-webkit-scrollbar-thumb,
.af-tel-countries::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.af-dropdown ::-webkit-scrollbar-track,
.af-tel-countries::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0;
}
.af-dropdown-text {
    color: var(--input-font-color);
    position: absolute;
    height: calc(var(--input-height) - 2px);
    top: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    display: inline-block;
    width: 100%;
    padding: 8px 40px 8px 10px;
    box-sizing: border-box;
}
.af-dropdown-text.af-default,
.af-dropdown-message {
    color: var(--placeholder-font-color);
}
.af-dropdown a ~ .af-dropdown-text {
    display: none;
}
.af-dropdown-search-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% + 2px);
    margin: 0 -1px 40px -1px;
    background-color: var(--dropdown-background-color);
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-bottom-left-radius: var(--input-border-radius);
    border-bottom-right-radius: var(--input-border-radius);
    display: none;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 12em;
    z-index: 10;
}
.af-dropdown-search-options div {
    padding: var(--input-padding);
    background-color: var(--input-background-color);
    color: var(--input-font-color);
}
.af-dropdown-search-options div:not(.af-dropdown-message) {
    cursor: pointer;
}
.af-dropdown-search-options div:hover:not(.af-dropdown-message),
.af-dropdown-search-options .af-hover {
    background-color: var(--dropdown-option-hover-background-color);
}
.af-form .af-dropdown .af-dropdown-search {
    font-size: var(--input-font-size);
    color: var(--input-font-color);
    padding: 0;
    position: static;
    font-family: var(--font-family);
    width: 2em;
    max-width: 100%;
}
.af-dropdown .af-dropdown-option-delete {
    cursor: pointer;
    margin-left: 8px;
    font-weight: bold;
}
.af-dropdown .af-dropdown-option-delete:hover {
    opacity: 0.75;
}
.af-dropdown a {
    padding: 4px 10px;
    margin: 3px 6px 3px 0;
    background-color: var(--dropdown-option-background-color);
    display: inline-block;
    position: relative;
    color: var(--dropdown-option-font-color);
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.af-dropdown a.af-active {
    background-color: var(--dropdown-option-active-background-color);
    transition: background-color 0.3s ease;
}
.af-dropdown a:focus {
    outline: none;
}
.af-dropdown-icon {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%278.063%27%3E%3Cpath d=%27M7.074 8.063a.876.876 0 0 1-.68-.309L.368 1.758a.989.989 0 1 1 1.39-1.39l5.316 5.315L12.39.368a.989.989 0 0 1 1.39 1.39L7.755 7.754a.876.876 0 0 1-.68.31z%27/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%278.063%27%3E%3Cpath d=%27M7.074 8.063a.876.876 0 0 1-.68-.309L.368 1.758a.989.989 0 1 1 1.39-1.39l5.316 5.315L12.39.368a.989.989 0 0 1 1.39 1.39L7.755 7.754a.876.876 0 0 1-.68.31z%27/%3E%3C/svg%3E');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--dropdown-icon-color);
    position: absolute;
    top: 0;
    height: 100%;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    right: 0;
    width: 40px;
}
.af-dropdown-icon:hover {
    opacity: 0.5;
}
.af-opened .af-dropdown-icon {
    transform: rotate(180deg);
}
.af-alt-dropdown-icons .af-dropdown-icon svg {
    background-color: #fff;
}
.af-active {
    display: none;
}
.af-display {
    display: block;
}
.af-social .af-button {
    margin-bottom: 18px;
}
.af-social .af-button:last-child {
    margin-bottom: 0;
}
.af-social-provider .af-button-text:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 100%;
    position: absolute;
    transform: translateX(-30px);
    top: -1px;
}
.af-social button:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    transition: background-image 0.3s ease;
}
.af-button.af-social-facebook button {
    background-color: var(--facebook-button-background-color);
    color: var(--facebook-button-font-color);
    border-color: var(--facebook-button-background-color);
}
.af-button.af-social-google button {
    background-color: var(--google-button-background-color);
    color: var(--google-button-font-color);
    border-color: var(--google-button-border-color);
}
.af-button.af-social-microsoft button {
    background-color: var(--microsoft-button-background-color);
    color: var(--microsoft-button-font-color);
    border-color: var(--microsoft-button-border-color);
}
.af-button.af-social-github button {
    background-color: #171515;
    color: #fff;
}
.af-button.af-social-linkedin button {
    background-color: #0077b5;
    color: #fff;
}
.af-social-facebook .af-button-text:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 32 32%27%3E%3Cpath fill=%27%23fff%27 d=%27M32 16.1C32 7.2 24.84 0 16 0S0 7.2 0 16.1C0 24.13 5.85 30.79 13.5 32V20.75H9.44V16.1h4.06v-3.55c0-4.03 2.39-6.26 6.04-6.26 1.75 0 3.59.31 3.59.31v3.96H21.1c-1.99 0-2.61 1.24-2.61 2.52v3.02h4.44l-.71 4.65H18.5V32A16.07 16.07 0 0 0 32 16.1Z%27/%3E%3C/svg%3E');
}
.af-social-google .af-button-text:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 488 512%27%3E%3Cpath d=%27M478 261c0-17-1-34-4-50H244v96h131a112 114 0 0 1-49 75v62h80a238 242 0 0 0 72-183Z%27 fill=%27%234285f4%27/%3E%3Cpath d=%27M244 504a233 237 0 0 0 162-60l-79-62a146 149 0 0 1-220-79H26v64a244 248 0 0 0 218 137Z%27 fill=%27%2334a853%27/%3E%3Cpath d=%27M107 303a147 149 0 0 1 0-94v-64H26a244 248 0 0 0 0 222z%27 fill=%27%23fbbc05%27/%3E%3Cpath d=%27M244 107c36 0 68 12 93 37l70-72a244 248 0 0 0-381 72l81 65a145 148 0 0 1 137-102Z%27 fill=%27%23ea4335%27/%3E%3C/svg%3E');
}
.af-social-microsoft .af-button-text:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 19 19%27%3E%3Cpath fill=%27%23f25022%27 d=%27M0 0h9v9H0z%27/%3E%3Cpath fill=%27%2300a4ef%27 d=%27M0 10h9v9H0z%27/%3E%3Cpath fill=%27%237fba00%27 d=%27M10 0h9v9h-9z%27/%3E%3Cpath fill=%27%23ffb900%27 d=%27M10 10h9v9h-9z%27/%3E%3C/svg%3E');
}
.af-social-github .af-button-text:before {
    background-image: url(https://sdk.arengu.com/assets/209b9f8bb7d7697691db.svg);
}
.af-social-linkedin .af-button-text:before {
    background-image: url(https://sdk.arengu.com/assets/47185b794b2a73ecb4cd.svg);
}
.af-cards {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.af-tel-international {
    position: relative;
}
.af-tel-international input[type='tel'] {
    padding-left: 115px;
}
.af-tel-international.af-opened input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.af-tel-country-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    height: var(--input-height);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
}
.af-tel-country-button .af-dropdown-icon {
    top: 1px;
    left: 34px;
}
.af-tel-country-button:hover .af-dropdown-icon {
    opacity: 0.5;
}
.af-tel-flag,
.af-tel-country-flag {
    display: inline-block;
}
.af-tel-flag,
.af-tel-flag-wrapper,
.af-tel-country-flag,
.af-tel-country-flag-wrapper {
    width: 30px;
    height: 22px;
}
.af-tel-flag-wrapper,
.af-tel-country-flag-wrapper {
    position: absolute;
    overflow: hidden;
    border-radius: 3px;
}
.af-tel-flag-wrapper {
    top: 9px;
    left: 10px;
}
.af-tel-dialcode {
    position: absolute;
    opacity: 0.5;
    left: 68px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.af-tel-option-list {
    position: absolute;
    z-index: 10;
    width: 100%;
    display: none;
    border: var(--input-border);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color);
    border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
    background-color: var(--dropdown-background-color);
    margin-top: -1px;
    font-size: var(--input-font-size);
    color: var(--input-font-color);
    box-sizing: border-box;
    font-family: var(--font-family);
}
.af-opened .af-tel-option-list {
    display: block;
    top: 40px;
}
.af-tel-search {
    border: 0 !important;
}
.af-tel-countries {
    overflow-x: hidden;
    max-height: 175px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.af-tel-country {
    position: relative;
    cursor: pointer;
    line-height: 18px;
    padding: var(--input-padding);
    padding-right: 90px;
}
.af-tel-country-flag-wrapper {
    top: 6px;
    left: 11px;
}
.af-tel-country-name {
    vertical-align: middle;
    margin-left: 42px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}
.af-tel-country-dialcode {
    position: absolute;
    right: 10px;
    top: 8px;
    opacity: 0.6;
}
.af-tel-country:hover {
    background-color: var(--dropdown-option-hover-background-color);
}
.af-html-block,
.af-rich-text-block {
    color: var(--font-color);
    font-family: var(--font-family);
    font-size: var(--font-size);
}
.af-divider-block p {
    display: flex;
    align-items: center;
    color: var(--hint-font-color);
    font-size: var(--divider-font-size);
    margin: 1rem auto;
}
.af-divider-block p span {
    white-space: nowrap;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.af-divider-block p::before,
.af-divider-block p::after {
    content: '';
    flex-grow: 1;
    border-top: var(--input-border-width) solid var(--input-border-color);
}
.af-form ::-webkit-input-placeholder {
    color: var(--placeholder-font-color);
}
.af-form ::-ms-input-placeholder {
    color: var(--placeholder-font-color);
}
.af-form ::placeholder {
    color: var(--placeholder-font-color);
}
.af-form :focus::-webkit-input-placeholder {
    color: var(--placeholder-focus-font-color);
}
.af-form :focus::-ms-input-placeholder {
    color: var(--placeholder-focus-font-color);
}
.af-form :focus::placeholder {
    color: var(--placeholder-focus-font-color);
}
.af-form input:not([type]):focus,
.af-form input[type='date']:focus,
.af-form input[type='email']:focus,
.af-form input[type='number']:focus,
.af-form input[type='password']:focus,
.af-form input[type='tel']:focus,
.af-form input[type='time']:focus,
.af-form input[type='text']:focus,
.af-form input[type='file']:focus,
.af-form input[type='url']:focus,
.af-form textarea:focus {
    outline: none;
    border-color: var(--border-focus-color);
    transition: border-color 0.3s ease;
}
.af-cards-option input:focus + label {
    transition: border-color 0.3s;
    border-color: var(--border-focus-color);
}
.af-choice-option label:hover,
.af-boolean-option label:hover {
    background-color: var(--label-hover-background-color);
}
.af-cards-option label:hover {
    transition: background-color 0.3s;
    background-color: rgba(0, 0, 0, 0.03);
}
.af-choice-option input:checked + label {
    transition: border-color 0.1s ease;
    border-color: var(--primary-color);
}
.af-choice-option input:checked + label:before,
.af-legal input:checked + label:before {
    border-color: var(--primary-color);
}
.af-choice-option input:checked + label:before,
.af-legal input:checked + label:before {
    background-color: var(--primary-color);
    transition: background-color 0.2s ease;
}
.af-choice-option input:checked + label:after,
.af-legal input:checked + label:after {
    opacity: 1;
    transition: opacity 0.2s ease;
}
.af-boolean-option input:checked + label {
    transition: all 0.2s ease;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-font-color);
}
.af-cards-option input:checked + label {
    border-color: var(--primary-color);
}
.af-loading .af-button-text {
    visibility: hidden;
}
.af-loading.af-form,
.af-loading.af-screen-ending {
    min-height: 40px;
}
.af-loading.af-file {
    min-height: 167px;
    background-color: var(--input-background-color);
    border: var(--input-border-width) solid var(--input-border-color);
    border-radius: var(--input-border-radius);
}
.af-loading.af-file:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    margin: 7px;
    border: var(--input-border-width) dashed var(--input-border-color);
    border-radius: var(--input-border-radius);
}
.af-required:after {
    content: '*';
    color: var(--label-required-color);
    margin-left: 3px;
}
.af-legal-required p:last-child:after {
    content: '*';
    color: var(--label-required-color);
    margin-left: 3px;
}
.af-button button {
    width: 100%;
    position: relative;
    font-family: var(--font-family);
}
.af-step-button {
    margin: 18px 0 10px 0;
    text-align: center;
}
.af-button button {
    font-size: var(--button-font-size);
    line-height: 1;
    padding: var(--button-padding);
    text-align: center;
    font-weight: var(--button-font-weight);
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--button-border-radius);
    color: var(--primary-font-color);
    background-color: var(--primary-color);
}
.af-button button {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.af-button button:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgkAIAAB0AG+K5eBUAAAAASUVORK5CYII=);
    transition: background-image 0.3s;
}
.af-step-previous button {
    color: rgba(0, 0, 0, 0.8);
    background-color: transparent;
    padding: 0;
    width: auto;
}
.af-step-previous button:hover {
    background-image: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.af-button button[disabled],
.af-button .af-loading {
    cursor: not-allowed;
    opacity: 0.75;
}
.af-button button:focus {
    outline: none;
}
.af-step-current.af-step {
    display: block;
}
.af-step-hide.af-step {
    display: none;
}
.af-counter {
    text-align: right;
    margin: 4px;
    color: var(--counter-font-color);
    float: right;
    font-size: var(--counter-font-size);
    font-family: var(--font-family);
    transition: color 0.3s ease;
}
.af-counter div {
    display: inline-block;
}
.af-counter-separator {
    margin: 0 4px;
}
.af-counter.af-counter-alert {
    color: var(--counter-high-font-color);
}
.af-counter.af-counter-warning {
    color: var(--counter-warning-font-color);
}
.af-message {
    border-radius: var(--message-border-radius);
}
.af-field-error p {
    color: var(--field-error-font-color);
    font-size: var(--field-error-font-size);
    margin: 0.3em 0 0.6em 0;
}
.af-step-failure,
.af-screen-failure,
.af-custom-field-failure {
    color: var(--message-fail-font-color);
    padding: 0.75em 1em;
    border: 1px solid var(--message-fail-font-color);
    background-color: var(--message-fail-background-color);
}
.af-step-messages {
    font-size: var(--input-font-size);
}
.af-step-message {
    margin: 10px 0;
}
.af-step-messages .af-step-failure p:first-child,
.af-step-messages .af-step-success p:first-child {
    margin-top: 0;
}
.af-step-messages .af-step-failure p:last-child,
.af-step-messages .af-step-success p:last-child {
    margin-bottom: 0;
}
.af-step-success:not(.af-screen-ending-content) {
    color: var(--message-success-font-color);
    padding: 0.75em 1em;
    border: 1px solid var(--message-success-font-color);
    background-color: var(--message-success-background-color);
}
