:root {
    --color-black: #000000;
    --color-black-nearly: #111111;
    --color-white: #ffffff;
    --color-grey: #e5e6e6;
    --color-grey-light: #f6f6f6;
    --color-grey-muted: #e2e2e2;
    --color-grey-graphite: #98a5b2;
    --color-grey-ashy: #595d62;
    --color-grey-dark: #808080;
    --color-grey-opacity: rgba(17, 17, 17, 0.6);
    --shadow-grey: #d4d4d466;
    --color-blue-cobalt-main: #0066ff;
    --color-blue-dusty: #5096ff;
    --color-lightest-grayish-blue: #d7e6fd;
    --color-blue-sky: #f5f7ff;
    --color-blue-light: #99c2ff;
    --color-bright-orange: #db932a;
    --color-light-grayish-orange: #f4efe5;
    --color-lime-green: #33a079;
    --color-lime-green-bright: #e5f4ef;
    --color-red: #d65d81;
    --color-light-rose: #fae4e2;
    --color-yellow-soft: #d2fa57;
    --color-very-grayish-blue-with-opacity: rgba(45, 46, 69, 0.7);
    --color-blue-linear-gradient: linear-gradient(90.07deg, #0066ff 19.68%, #7aafff 69.23%);
    --color-red-linear-gradient:linear-gradient(143.41deg, #F299B3 5.33%, #EE1858 110.25%);
    --transparent: transparent;

    --font: system-ui, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-primary: system-ui, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-basic: 16px var(--font-primary);

    --main-background-color: var(--color-grey-light);
    --main-background: var(--main-background-ellipse-left-bottom), var(--main-background-ellipse-right-top), var(--main-background-color);
    --main-background-position: left bottom, right top;
    --main-background-size: 1000px 1000px, 1236px 1236px;
    --main-background-repeat: no-repeat, no-repeat;
    --main-background-ellipse-left-bottom: url('/assets/images/ellipse-yellow.svg');
    --main-background-ellipse-right-top: url('/assets/images/ellipse-blue.svg');

    --intro-logo: url('/assets/images/logo.svg');
    --intro-title-text-color: var(--color-black-nearly);
    --intro-description-text-color: var(--color-grey-ashy);

    --form-step-background-color: var(--color-white);
    --form-step-description-color: var(--color-grey-ashy);

    --main-text-color: var(--color-black-nearly);
    --title-text-color: var(--color-black-nearly);
    --verification-step-border-color: var(--color-black-nearly);

    --form-header-title-color: var(--color-black-nearly);
    --form-header-step-text-color: var(--color-grey-ashy);
    --form-header-background-color: var(--color-grey-light);

    --link-color: var(--color-black-nearly);
    --link-hover-color: var(--color-blue-cobalt-main);
    --link-active-color: var(--color-blue-cobalt-main);
    --link-visited-color: var(--color-grey-ashy);

    --footer-background: var(--transparent);
    --footer-background-mobile: rgb(255, 255, 255);
    --footer-with-links-background: rgba(255, 255, 255, 0.2);
    --footer-logo-text: var(--color-grey-ashy);
    --footer-link-color: var(--link-color);
    --footer-link-hover-color: var(--link-hover-color);
    --footer-link-active-color: var(--link-active-color);
    --footer-link-visited-color: var(--link-visited-color);
    --footer-border-top-color: var(--color-grey-muted);
    --footer-logo-dark-text: var(--color-white);
    --footer-logo: url('/assets/images/footer-logo.svg');
    --footer-logo-white: url('/assets/images/document/footer_logo_white.svg');
    --footer-live-video-call-mobile-background-color: var(--transparent);

    --progress-line-background: var(--color-blue-linear-gradient);
    --progress-line-background-outer: var(--transparent);

    --checkbox-hover-area-background: var(--transparent);
    --checkbox-hover-border-color: var(--color-blue-cobalt-main);
    --checkbox-checked-box-color: var(--color-blue-cobalt-main);
    --checkbox-label-color: var(--color-black-nearly);
    --checkbox-checked-label-color: var(--color-black-nearly);
    --checkbox-error-text-color: var(--color-red);
    --checkbox-link-color: var(--color-blue-cobalt-main);
    --checkbox-link-hover-color: var(--color-blue-dusty);
    --checkbox-link-active-color: var(--color-black-nearly);
    --checkbox-link-visited-color: var(--color-grey-ashy);
    --checkbox-form-control-border-color: var(--color-grey);
    --checkbox-icon-color: var(--color-white);
    --checkbox-icon-image-wrapper-color: var(--color-grey);
    --checkbox-icon-image-color: var(--color-black-nearly);
    --checkbox-box-color: var(--color-grey-light);
    --checkbox-box-border-color: var(--color-grey-muted);

    --radio-border-color: var(--color-grey-graphite);
    --radio-background-color: var(--transparent);
    --radio-checked-border-color: var(--color-blue-cobalt-main);
    --radio-checked-background-color: var(--color-lightest-grayish-blue);
    --radio-label-color: var(--color-black-nearly);
    --radio-label-text-checked-color: var(--color-black-nearly);
    --radio-label-text-color: var(--radio-label-color);
    --radio-label-icon-wrapper-background-color: var(--color-grey-light);
    --radio-label-icon-primary-color: var(--color-white);
    --radio-label-icon-secondary-color: var(--color-black-nearly);
    --radio-label-icon-primary-checked-color: var(--color-white);
    --radio-label-icon-secondary-checked-color: var(--color-black-nearly);
    --radio-hover-border-color: var(--color-grey-graphite);
    --radio-hover-background-color: var(--transparent);
    --radio-hover-label-text-color: var(--radio-label-color);

    --address-document-type-icon-background-color: var(--radio-label-icon-wrapper-background-color);
    --address-document-type-icon-stroke-color: var(--radio-label-icon-secondary-color);
    --address-document-type-icon-fill-color: var(--radio-label-icon-primary-color);

    --radio-label-icon-primary-bank-id-color: #459bbe;
    --radio-label-icon-secondary-bank-id-color: #235971;

    --button-container-color: var(--color-white);
    --button-container-mobile-color: var(--button-container-color);
    --button-container-mobile-border-top-color: var(--color-grey-muted);
    --button-container-border-top-radius: 0;

    --button-primary-background-color: var(--color-blue-cobalt-main);
    --button-primary-text-color: var(--color-white);
    --button-primary-icon-color: var(--color-white);
    --button-primary-icon-hover-color: var(--color-white);
    --button-primary-icon-active-color: var(--color-white);
    --button-primary-border-color: var(--color-blue-cobalt-main);
    --button-primary-hover-background-color: var(--color-blue-dusty);
    --button-primary-hover-text-color: var(--color-white);
    --button-primary-hover-border-color: var(--color-blue-dusty);
    --button-primary-hover-shadow: var(--transparent);
    --button-primary-active-background-color: var(--color-blue-cobalt-main);
    --button-primary-active-text-color: var(--color-white);
    --button-primary-active-border-color: var(--color-blue-cobalt-main);
    --button-primary-disabled-background-color: var(--color-grey);
    --button-primary-disabled-text-color: var(--color-grey-graphite);
    --button-primary-disabled-border-color: var(--color-grey);
    --button-primary-disabled-icon-color: var(--color-grey-graphite);

    --button-secondary-background-color: var(--color-white);
    --button-secondary-text-color: var(--color-black-nearly);
    --button-secondary-icon-color: var(--color-black-nearly);
    --button-secondary-icon-blue-color: var(--color-black-nearly);
    --button-secondary-icon-hover-color: var(--color-blue-cobalt-main);
    --button-secondary-icon-active-color: var(--color-blue-cobalt-main);
    --button-secondary-border-color: var(--color-grey-graphite);
    --button-secondary-hover-background-color: var(--color-white);
    --button-secondary-hover-text-color: var(--color-blue-cobalt-main);
    --button-secondary-hover-border-color: var(--color-black-nearly);
    --button-secondary-active-background-color: var(--color-white);
    --button-secondary-active-text-color: var(--color-blue-cobalt-main);
    --button-secondary-active-border-color: var(--color-black-nearly);
    --button-secondary-disabled-background-color: var(--color-white);
    --button-secondary-disabled-text-color: var(--color-grey-graphite);
    --button-secondary-disabled-border-color: var(--color-white);
    --button-secondary-disabled-icon-color: var(--color-grey-graphite);

    --button-ghost-background-color: var(--transparent);
    --button-ghost-text-color: var(--color-black-nearly);
    --button-ghost-icon-color: var(--color-black-nearly);
    --button-ghost-icon-hover-color: var(--color-blue-cobalt-main);
    --button-ghost-icon-active-color: var(--color-blue-cobalt-main);
    --button-ghost-border-color: var(--transparent);
    --button-ghost-hover-background-color: var(--transparent);
    --button-ghost-hover-text-color: var(--color-blue-cobalt-main);
    --button-ghost-hover-border-color: var(--transparent);
    --button-ghost-active-background-color: var(--transparent);
    --button-ghost-active-text-color: var(--color-blue-cobalt-main);
    --button-ghost-active-border-color: var(--transparent);
    --button-ghost-disabled-background-color: var(--transparent);
    --button-ghost-disabled-text-color: var(--color-grey-graphite);
    --button-ghost-disabled-border-color: var(--transparent);

    --button-ghost-outlined-background-color: var(--transparent);
    --button-ghost-outlined-text-color: var(--color-black-nearly);
    --button-ghost-outlined-icon-color: var(--color-black-nearly);
    --button-ghost-outlined-icon-hover-color: var(--color-blue-cobalt-main);
    --button-ghost-outlined-icon-active-color: var(--color-blue-cobalt-main);
    --button-ghost-outlined-hover-background-color: var(--transparent);
    --button-ghost-outlined-hover-text-color: var(--color-blue-cobalt-main);
    --button-ghost-outlined-active-background-color: var(--transparent);
    --button-ghost-outlined-active-text-color: var(--color-blue-cobalt-main);
    --button-ghost-outlined-disabled-background-color: var(--transparent);
    --button-ghost-outlined-disabled-text-color: var(--color-grey-graphite);

    --button-ghost-outlined-versa-background-color: var(--color-grey-light);
    --button-ghost-outlined-versa-hover-background-color: var(--color-grey-light);
    --button-ghost-outlined-versa-border-color: var(--transparent);
    --button-ghost-outlined-versa-text-color: var(--color-blue-cobalt-main);
    --button-ghost-outlined-versa-icon-color: var(--color-blue-cobalt-main);
    --button-ghost-outlined-versa-hover-text-color: var(--color-blue-dusty);
    --button-ghost-outlined-versa-hover-icon-color: var(--color-blue-dusty);
    --button-ghost-outlined-versa-active-text-color: var(--color-blue-dusty);
    --button-ghost-outlined-versa-active-icon-color: var(--color-blue-dusty);
    --button-ghost-outlined-versa-disabled-text-color: var(--color-grey-graphite);

    --back-button-icon-color: var(--color-black-nearly);
    --back-button-camera-error-step-icon-color: var(--color-white);

    --input-border-color: var(--color-grey-graphite);
    --input-disabled-border-color: var(--color-grey-graphite);
    --input-disabled-background-color: var(--color-grey-muted);
    --input-background-color: var(--transparent);
    --input-text-color: var(--color-black-nearly);
    --input-typing-text-color: var(--color-black-nearly);
    --input-label-color: var(--color-black-nearly);
    --input-label-required-color: var(--color-grey-dark);
    --input-placeholder-color: var(--color-grey-ashy);
    --input-hover-border-color: var(--color-blue-cobalt-main);
    --input-hover-background-color: var(--transparent);
    --input-hover-text-color: var(--color-black-nearly);
    --input-focused-border-color: var(--color-blue-cobalt-main);
    --input-focused-background-color: var(--transparent);
    --input-focused-text-color: var(--color-black-nearly);
    --input-error-border-color: var(--color-red);
    --input-error-text-color: var(--color-red);

    --otp-input-text-color: var(--color-blue-cobalt-main);
    --otp-input-border-color: var(--color-grey-muted);
    --otp-input-hover-border-color: var(--color-blue-cobalt-main);
    --otp-input-focused-border-color: var(--color-blue-cobalt-main);
    --otp-input-disabled-border-color: var(--color-grey-muted);

    --select-list-background-color: var(--color-white);
    --select-list-shadow: var(--shadow-grey);
    --select-list-item-color: var(--color-black-nearly);
    --select-icon-arrow-color: var(--color-black-nearly);
    --select-item-text-color: var(--color-black-nearly);
    --select-item-background-color: var(--transparent);
    --select-item-hover-text-color: var(--color-black-nearly);
    --select-item-hover-background-color: var(--color-grey-light);
    --select-item-selected-text-color: var(--color-black-nearly);
    --select-item-selected-background-color: var(--color-grey-light);
    --select-label-color: var(--color-black-nearly);
    --select-text-disabled-color: var(--color-grey-graphite);
    --select-item-text-tel-color: var(--color-black-nearly);
    --select-item-hover-text-tel-color: var(--color-black-nearly);
    --select-item-selected-text-tel-color: var(--color-black-nearly);

    --language-switcher-icon-color: var(--color-black-nearly);
    --language-switcher-text-color: var(--color-black-nearly);
    --language-switcher-list-background-color: var(--color-white);
    --language-switcher-item-text-color: var(--color-black-nearly);
    --language-switcher-item-selected-background: var(--color-grey-light);
    --language-switcher-item-hovered-background: var(--color-grey-light);
    --language-switcher-item-selected-text-color: var(--color-black-nearly);
    --language-switcher-item-hovered-text-color: var(--color-black-nearly);
    --language-switcher-icon: url('/assets/images/language.svg');

    --country-select-area-background-color: var(--color-white);
    --country-select-input-focused-text-color: var(--color-black-nearly);
    --country-select-input-placeholder-color: var(--color-grey-ashy);
    --country-select-border-color: var(--color-grey-graphite);
    --country-select-background-color: var(--transparent);
    --country-select-hover-border-color: var(--color-blue-cobalt-main);
    --country-select-focused-border-color: var(--color-blue-cobalt-main);
    --country-select-icon-hover-area: var(--transparent);
    --country-select-icon-clear-color: var(--color-black-nearly);
    --country-select-icon-arrow-color: var(--color-black-nearly);
    --country-select-list-shadow: var(--shadow-grey);
    --country-select-item-text-color: var(--color-black-nearly);
    --country-select-item-hover-text-color: var(--color-black-nearly);
    --country-select-item-hover-background-color: var(--color-grey-light);
    --country-select-item-selected-text-color: var(--color-black-nearly);
    --country-select-item-selected-background-color: var(--color-grey-light);
    --country-select-error-text-color: var(--color-red);
    --country-select-error-border-color: var(--color-red);

    --autocomplete-border-color: var(--color-grey-graphite);
    --autocomplete-focused-border-color: var(--color-blue-cobalt-main);
    --autocomplete-hover-border-color: var(--color-blue-cobalt-main);
    --autocomplete-tag-background-color: var(--color-blue-sky);
    --autocomplete-tag-border-color: var(--color-blue-cobalt-main);
    --autocomplete-tag-text-color: var(--color-blue-cobalt-main);
    --autocomplete-tag-remove-button-color: var(--color-blue-cobalt-main);
    --autocomplete-input-text-color: var(--color-black-nearly);
    --autocomplete-icon-hover-area: var(--transparent);
    --autocomplete-icon-clear-color: var(--color-black-nearly);
    --autocomplete-icon-arrow-color: var(--color-black-nearly);
    --autocomplete-label-color: var(--color-black-nearly);
    --autocomplete-list-background-color: var(--color-white);
    --autocomplete-list-shadow: var(--shadow-grey);
    --autocomplete-item-text-color: var(--color-black-nearly);
    --autocomplete-item-category-text-color: var(--color-black-nearly);
    --autocomplete-item-hover-background-color: var(--color-grey-light);
    --autocomplete-item-hover-text-color: var(--color-black-nearly);
    --autocomplete-item-focused-background-color: var(--color-grey-light);
    --autocomplete-item-focused-text-color: var(--color-black-nearly);
    --autocomplete-error-border-color: var(--color-red);
    --autocomplete-error-text-color: var(--color-red);

    --datepicker-calendar-wrapper-background-color: var(--color-white);
    --datepicker-calendar-title-color: var(--color-black-nearly);
    --datepicker-calendar-days-color: var(--color-grey-graphite);
    --datepicker-calendar-icon-color: var(--color-grey-graphite);
    --datepicker-calendar-icon-hover-area: var(--transparent);
    --datepicker-calendar-date-text-color: var(--color-grey-graphite);
    --datepicker-calendar-date-outside-month-text-color: var(--color-grey-graphite);
    --datepicker-calendar-date-hover-text-color: var(--color-grey-graphite);
    --datepicker-calendar-date-hover-background-color: var(--color-grey-light);
    --datepicker-calendar-date-focused-text-color: var(--color-white);
    --datepicker-calendar-date-focused-background-color: var(--color-blue-cobalt-main);

    --document-uploader-group-background-color: var(--color-grey-light);
    --document-uploader-group-border-color: var(--color-grey-light);
    --document-uploader-photo-background-color: var(--color-grey-light);
    --document-uploader-photo-video-background-color: var(--color-black-nearly);
    --document-uploader-photo-border-color: var(--transparent);
    --document-uploader-hint-icon-color: var(--color-blue-cobalt-main);
    --document-uploader-hint-icon-hover-color: var(--color-blue-dusty);
    --document-uploader-hint-text-color: var(--color-black-nearly);
    --document-uploader-hint-text-hover-color: var(--color-blue-dusty);
    --document-uploader-description-text-color: var(--color-grey-ashy);
    --document-uploader-take-photo-title-color: var(--color-grey-ashy);
    --document-uploader-with-file-text-info-color: var(--color-grey-ashy);
    --document-uploader-title-text-color: var(--color-black-nearly);
    --document-uploader-error-border-color: var(--color-red);
    --document-uploader-error-text-color: var(--color-red);
    --document-uploader-error-background-color: var(--color-light-rose);

    --dropzone-button-text-color: var(--color-blue-cobalt-main);
    --dropzone-border-color: var(--color-grey);
    --dropzone-background-color: var(--color-grey-light);
    --dropzone-label-color: var(--color-black-nearly);
    --dropzone-title-color: var(--color-grey-ashy);
    --dropzone-hint-color: var(--color-grey-ashy);
    --dropzone-area-text-color: var(--color-black-nearly);
    --dropzone-item-border-color: var(--color-grey);
    --dropzone-item-background-color: var(--color-grey-light);
    --dropzone-item-preview-background-color: linear-gradient(127.38deg, #dcf0fb 9.39%, rgba(226, 220, 251, 0.484375) 53.65%, #fbdcf2 105.96%);
    --dropzone-item-name-text-color: var(--color-black-nearly);
    --dropzone-item-size-text-color: var(--color-grey-ashy);
    --dropzone-item-icon-remove-color: var(--color-black-nearly);
    --dropzone-item-icon-doc-color: var(--color-blue-cobalt-main);
    --dropzone-item-error-border-color: var(--color-red);
    --dropzone-item-error-background-color: var(--color-light-rose);
    --dropzone-item-error-text-color: var(--color-red);
    --dropzone-active-background-color: var(--color-lightest-grayish-blue);
    --dropzone-active-border-color: var(--color-blue-dusty);
    --dropzone-error-background-color: var(--color-light-rose);
    --dropzone-error-border-color: var(--color-red);
    --dropzone-error-text-color: var(--color-red);
    --dropzone-ADDRESS-icon: url('/assets/images/ADDRESS_front_en.svg');
    --dropzone-AML-icon: url('/assets/images/AML_front_en.svg');
    --dropzone-TAX-ID-icon: url('/assets/images/TAX_ID_front_en.svg');
    --dropzone-CREDIT-CARD-icon: url('/assets/images/CREDIT_CARD_front_en.svg');
    --dropzone-BANK-STATEMENT-icon: url('/assets/images/BANK_STATEMENT_front_en.svg');

    --spinner-color: var(--color-blue-cobalt-main);

    --go-on-mobile-title-color: var(--color-blue-cobalt-main);
    --go-on-mobile-hover-title-color: var(--color-blue-dusty);
    --go-on-mobile-page-title-color: var(--color-grey-ashy);
    --go-on-mobile-page-qrcode-background-color: var(--color-grey-light);
    --go-on-mobile-page-qrcode-border-color: var(--transparent);

    --information-check-list-color: var(--color-grey-ashy);
    --information-check-list-item-border-color: var(--color-grey);
    --information-check-list-item-declined-border-color: var(--color-red);
    --information-check-list-item-declined-text-color: var(--color-red);
    --information-check-list-item-background-color: var(--transparent);
    --information-check-list-status-pending-text-color: var(--color-bright-orange);
    --information-check-list-status-pending-background-color: var(--color-light-grayish-orange);
    --information-check-list-status-approved-text-color: var(--color-lime-green);
    --information-check-list-status-approved-background-color: var(--color-lime-green-bright);
    --information-check-list-status-declined-text-color: var(--color-red);
    --information-check-list-status-declined-background-color: var(--color-light-rose);
    --information-check-icon-background-color: var(--color-blue-cobalt-main);
    --information-check-icon-pending-background-color: var(--color-bright-orange);
    --information-check-icon-declined-background-color: var(--color-red);
    --information-check-icon: url('/assets/images/checkmark.svg');
    --information-check-icon-pending: url('/assets/images/icon-pending.svg');
    --information-check-icon-declined: url('/assets/images/icon-declined.svg');

    --liveness-circle-start-icon: url('/assets/images/liveness_circle_start_icon.gif');
    --liveness-circle-start-icon-simple: url('/assets/images/liveness_simple_intro_icon.gif');
    --liveness-face-border-none-icon: url('/assets/images/liveness_face-border--none.png');
    --liveness-loading-overlay-background-color: var(--color-white);
    --liveness-loading-overlay-text-color: var(--color-black-nearly);
    --liveness-loading-overlay-border-color: rgba(0, 0, 0, 0.3);
    --liveness-loading-overlay-circle-color: var(--color-white);
    --liveness-instructions-desktop-background-color: var(--color-white);
    --liveness-instructions-mobile-background-color: rgba(0, 0, 0, 0.8);
    --liveness-instructions-desktop-text-color: var(--color-black-nearly);
    --liveness-instructions-mobile-text-color: var(--color-white);
    --liveness-instructions-powered-by-text-color: var(--color-white);
    --liveness-instructions-powered-by-icon: url('/assets/images/liveness_powered-by_icon.svg');
    --liveness-command-text-color: var(--color-white);
    --liveness-command-background-color: rgba(0, 0, 0, 0.8);
    --liveness-overlay-background-color: rgba(0, 0, 0, 0.8);
    --liveness-face-mask-overlay-background-color: var(--color-black);
    --liveness-close-mobile-button-background: rgba(0, 0, 0, 0.8);
    --liveness-close-mobile-button-arrow-color: var(--color-white);
    --liveness-face-rectangle-border-color: var(--color-white);
    --liveness-face-ellipse-border-color: var(--color-grey-graphite);
    --liveness-face-ellipse-border-color-completed: var(--color-yellow-soft);
    --liveness-face-ellipse-completed-icon: url('/assets/images/livenes_complete_icon.svg');
    --liveness-video-background-color: var(--color-black-nearly);
    --liveness-landscape-title: var(--color-white);
    --liveness-landscape-description: var(--color-white);
    --liveness-landscape-backdrop-color: rgba(17, 17, 17, 0.6);
    --liveness-landscape-modal-color: var(--color-black-nearly);
    --liveness-landscape-icon-wrapper-color: var(--color-yellow-soft);
    --liveness-landscape-icon-color: var(--color-black-nearly);

    --video-quiz-loading-overlay-background-color: var(--color-white);
    --video-quiz-loading-overlay-text-color: var(--color-black-nearly);
    --video-quiz-video-background-color: var(--color-black-nearly);
    --video-quiz-face-rectangle-border-color: var(--color-white);
    --video-quiz-face-rectangle-border-active-color: var(--color-yellow-soft);
    --video-quiz-face-rectangle-border-completed-color: var(--color-yellow-soft);
    --video-quiz-overlay-background-color: rgba(0, 0, 0, 0.8);
    --video-quiz-face-ellipse-completed-icon: url('/assets/images/livenes_complete_icon.svg');
    --video-quiz-timer-background-color: var(--color-lightest-grayish-blue);
    --video-quiz-timer-text-color: var(--color-black-nearly);
    --video-quiz-timer-icon: url('/assets/images/timer.svg');
    --video-quiz-instructions-mobile-background-color: rgba(0, 0, 0, 0.8);
    --video-quiz-instructions-desktop-background-color: var(--color-white);
    --video-quiz-instructions-desktop-text-color: var(--color-black-nearly);
    --video-quiz-instructions-mobile-text-color: var(--color-white);
    --video-quiz-start-icon: url('/assets/images/video_quiz_start_icon.png');
    --video-quiz-list-item-icon: url('/assets/images/star_icon.svg');

    --passive-liveness-face-ellipse-border-color: var(--color-white);

    --live-video-intro-icon-first: url('/assets/images/live_video_intro_document_icon.svg');
    --live-video-intro-icon-second: url('/assets/images/live_video_intro_face_icon.svg');
    --live-video-intro-icon-third: url('/assets/images/live_video_intro_light_icon.svg');
    --live-video-intro-icon-fourth: url('/assets/images/live_video_intro_wifi_icon.svg');
    --live-video-intro-ornament-color: var(--color-black-nearly);
    --live-video-container-background-color: var(--color-grey-ashy);
    --live-video-device-select-background-color: var(--color-white);
    --live-video-device-select-background-color-dark-mode: var(--transparent);
    --live-video-device-select-border-color: var(--color-grey-graphite);
    --live-video-device-select-border-color-dark-mode: var(--color-grey-graphite);
    --live-video-device-select-icon-color: var(--color-black-nearly);
    --live-video-device-select-icon-color-dark-mode: var(--color-white);
    --live-video-device-select-text-color: var(--color-black-nearly);
    --live-video-device-select-text-color-dark-mode: var(--color-white);
    --live-video-device-select-list-background-color: var(--color-white);
    --live-video-device-select-list-border-color: var(--color-grey-muted);
    --live-video-device-select-item-text-color: var(--color-black-nearly);
    --live-video-device-select-item-radio-button-color: var(--color-blue-cobalt-main);
    --live-video-device-select-item-selected-background: var(--transparent);
    --live-video-device-select-item-hovered-background: var(--color-grey-light);
    --live-video-device-select-item-selected-text-color: var(--color-black-nearly);
    --live-video-device-select-item-hovered-text-color: var(--color-black-nearly);
    --live-video-device-select-switcher-icon-color: var(--color-black-nearly);
    --live-video-device-select-switcher-icon-color-dark-mode: var(--color-white);

    /*--live-video-timer-background-color: var(--color-white);*/
    --live-video-timer-title-color: var(--color-black-nearly);
    --live-video-timer-counter-color: var(--color-blue-cobalt-main);
    --live-video-call-background-color: var(--color-white);
    --live-video-call-remote-video-background-color: var(--color-grey-ashy);
    --live-video-call-remote-icon-micro-muted: url('/assets/images/microphone_muted_icon.svg');
    --live-video-call-remote-icon-video-muted: url('/assets/images/video_muted_icon.svg');
    --live-video-call-local-video-border-color: var(--color-black-nearly);
    --live-video-call-local-video-background-color: var(--color-grey-ashy);
    --live-video-call-role-background-color: var(--color-black-nearly);
    --live-video-call-role-text-color: var(--color-white);

    --tool-tip-button-color: var(--color-blue-cobalt-main);
    --tool-tip-button-hover-color: var(--color-blue-dusty);
    --tool-tip-title-icon-color: var(--color-blue-cobalt-main);
    --tool-tip-background-color: var(--color-very-grayish-blue-with-opacity);
    --tool-tip-text-color: var(--color-white);
    --tool-tip-modal-background-color: var(--color-grey-opacity);

    --copy-to-clipboard-body-background-color: var(--color-grey-light);
    --copy-to-clipboard-body-text-color: var(--color-black-nearly);
    --copy-to-clipboard-body-border-color: var(--transparent);
    --copy-to-clipboard-label-color: var(--color-grey-ashy);
    --copy-to-clipboard-button-copy-text-color: var(--color-blue-cobalt-main);
    --copy-to-clipboard-tip-background-color: var(--color-blue-cobalt-main);
    --copy-to-clipboard-tip-text-color: var(--color-white);

    --accordion-border-color: var(--color-grey);
    --accordion-background-color: var(--color-grey-light);
    --accordion-background-color-input: var(--color-white);

    --preprocessing-buttons-mobile-background-color: var(--color-white);
    --preprocessing-loader-counter-color: var(--color-blue-cobalt-main);
    --preprocessing-loader-text-color: var(--color-black-nearly);
    --preprocessing-details-error-title: var(--color-black-nearly);
    --preprocessing-details-error-description: var(--color-black-nearly);

    --payment-method-tag-background-color: var(--color-blue-sky);
    --payment-method-tag-border-color: var(--color-blue-cobalt-main);
    --payment-method-tag-text-color: var(--color-blue-cobalt-main);

    --curp-details-error-title: var(--color-black-nearly);

    --kiin-loader-counter-color: var(--color-blue-cobalt-main);

    --nin-details-error-title: var(--color-black-nearly);

    --in-driving-license-details-error-title: var(--color-black-nearly);

    --aadhaar-loader-counter-color: var(--color-blue-cobalt-main);

    --cpf-details-error-title: var(--color-black-nearly);
    --ng-phone-number-details-error-title: var(--color-black-nearly);

    --external-verification-timer-background-color: var(--color-grey-light);
    --external-verification-timer-text-color: var(--color-blue-cobalt-main);
    --external-verification-timer-time-color: var(--color-blue-cobalt-main);
    --external-verification-divider-color: var(--color-grey-ashy);

    --diia-intro-logo: url('/assets/images/dia.svg');
    --diia-intro-cross-color: var(--color-black-nearly);
    --diia-intro-progress-item-border-color: var(--color-grey);
    --diia-intro-progress-item-background-color: var(--transparent);
    --diia-intro-progress-item-text-color: var(--main-text-color);
    --diia-intro-progress-item-completed-text-color: var(--main-text-color);
    --diia-intro-progress-item-completed-border-color: var(--color-lightest-grayish-blue);
    --diia-intro-progress-item-completed-background-color: var(--color-lightest-grayish-blue);
    --diia-intro-step-label-text-color: var(--color-blue-cobalt-main);
    --diia-intro-step-label-border-color: var(--color-blue-cobalt-main);
    --diia-intro-step-label-background-color: var(--color-blue-sky);

    --create-photo-tutorial-title-color: var(--color-blue-cobalt-main);
    --create-photo-tutorial-list-items-color: var(--color-blue-cobalt-main);
    --create-photo-tutorial-bg-color: var(--color-light-rose);
    --create-photo-tutorial-bg-icon: url('/assets/images/create_photo_tutorial_bg.svg');
    --create-photo-tutorial-bg-icon-mobile: url('/assets/images/create_photo_tutorial_bg--mobile.svg');

    --document-instructions-images-background-color: var(--color-grey-light);
    --document-instructions-images-border-color: var(--color-grey);
    --document-instructions-images-description-text-color: var(--color-black-nearly);
    --document-instructions-image-details: url('/assets/images/document/document-instructions-image-details.svg');
    --document-instructions-image-clear: url('/assets/images/document/document-instructions-image-clear.svg');
    --document-instructions-image-shadows: url('/assets/images/document/document-instructions-image-shadows.svg');
    --document-instructions-image-perfect: url('/assets/images/document/document-instructions-image-perfect.svg');

    --document-skip-button-text-color: var(--color-blue-cobalt-main);
    --document-skip-button-text-hover-color: var(--color-blue-dusty);

    --document-ID-front-side-default: url('/assets/images/document/ID_front_default.svg');
    --document-ID-front-side-ua: url('/assets/images/document/ID_front_ua.svg');
    --document-ID-front-side-kz: url('/assets/images/document/ID_front_kz.svg');
    --document-ID-front-side-ro: url('/assets/images/document/ID_front_ro.svg');
    --document-ID-front-side-mx: url('/assets/images/document/ID_front_mx.svg');
    --document-ID-front-side-rs: url('/assets/images/document/ID_front_rs.svg');
    --document-ID-front-side-tr: url('/assets/images/document/ID_front_tr.svg');
    --document-ID-front-side-tj: url('/assets/images/document/ID_front_tj.svg');
    --document-ID-front-side-pt: url('/assets/images/document/ID_front_pt.svg');
    --document-ID-front-side-br: url('/assets/images/document/ID_front_br.svg');
    --document-ID-front-side-in: url('/assets/images/document/ID_front_in.svg');
    --document-ID-front-side-za: url('/assets/images/document/ID_front_za.svg');
    --document-ID-front-side-pe: url('/assets/images/document/ID_front_pe.svg');
    --document-ID-front-side-pl: url('/assets/images/document/ID_front_pl.svg');

    --document-ID-back-side-default: url('/assets/images/document/ID_back_default.svg');
    --document-ID-back-side-ua: url('/assets/images/document/ID_back_ua.svg');
    --document-ID-back-side-kz: url('/assets/images/document/ID_back_kz.svg');
    --document-ID-back-side-ro: url('/assets/images/document/ID_back_ro.svg');
    --document-ID-back-side-mx: url('/assets/images/document/ID_back_mx.svg');
    --document-ID-back-side-rs: url('/assets/images/document/ID_back_rs.svg');
    --document-ID-back-side-tr: url('/assets/images/document/ID_back_tr.svg');
    --document-ID-back-side-tj: url('/assets/images/document/ID_back_tj.svg');
    --document-ID-back-side-pt: url('/assets/images/document/ID_back_pt.svg');
    --document-ID-back-side-br: url('/assets/images/document/ID_back_br.svg');
    --document-ID-back-side-in: url('/assets/images/document/ID_back_in.svg');
    --document-ID-back-side-za: url('/assets/images/document/ID_back_za.svg');
    --document-ID-back-side-pe: url('/assets/images/document/ID_back_pe.svg');
    --document-ID-back-side-pl: url('/assets/images/document/ID_back_pl.svg');

    --passport-front-default: url('/assets/images/document/passport_front_default.svg');
    --passport-front-ru: url('/assets/images/document/passport_front_ru.svg');
    --passport-front-ua: url('/assets/images/document/passport_front_ua.svg');
    --passport-front-kz: url('/assets/images/document/passport_front_kz.svg');
    --passport-front-ro: url('/assets/images/document/passport_front_ro.svg');
    --passport-front-mx: url('/assets/images/document/passport_front_mx.svg');
    --passport-front-rs: url('/assets/images/document/passport_front_rs.svg');
    --passport-front-tr: url('/assets/images/document/passport_front_tr.svg');
    --passport-front-tj: url('/assets/images/document/passport_front_tj.svg');
    --passport-front-pt: url('/assets/images/document/passport_front_pt.svg');
    --passport-front-br: url('/assets/images/document/passport_front_br.svg');
    --passport-front-za: url('/assets/images/document/passport_front_za.svg');
    --passport-front-pe: url('/assets/images/document/passport_front_pe.svg');
    --passport-front-pl: url('/assets/images/document/passport_front_pl.svg');

    --passport-back-default: url('/assets/images/document/passport_back_default.svg');
    --passport-back-br: url('/assets/images/document/passport_back_br.svg');

    --domestic-passport-front-default: url('/assets/images/document/domestic_passport_front_default.svg');
    --domestic-passport-front-ru: url('/assets/images/document/domestic_passport_front_ru.svg');
    --domestic-passport-front-ua: url('/assets/images/document/domestic_passport_front_ua.svg');
    --domestic-passport-front-in: url('/assets/images/document/domestic_passport_front_in.svg');
    --domestic-passport-front-za: url('/assets/images/document/domestic_passport_front_za.svg');
    --domestic-passport-front-br: url('/src/client/assets/images/document/domestic_passport_front_br.svg');
    --domestic-passport-front-tr: url('/src/client/assets/images/document/domestic_passport_front_tr.svg');

    --domestic-passport-back-default: url('/assets/images/document/domestic_passport_back_default.svg');
    --domestic-passport-back-ua: url('/assets/images/document/domestic_passport_back_ua.svg');
    --domestic-passport-back-ru: url('/assets/images/document/domestic_passport_back_ru.svg');
    --domestic-passport-back-in: url('/src/client/assets/images/document/domestic_passport_back_in.svg');
    --domestic-passport-back-br: url('/src/client/assets/images/document/domestic_passport_back_br.svg');
    --domestic-passport-back-tr: url('/src/client/assets/images/document/domestic_passport_back_tr.svg');

    --domestic-passport-third-default: url('/assets/images/document/domestic_passport_back_default.svg');
    --domestic-passport-third-ua: url('/assets/images/document/domestic_passport_third_ua.svg');

    --domestic-passport-fourth-default: url('/assets/images/document/domestic_passport_back_default.svg');
    --domestic-passport-fourth-ua: url('/assets/images/document/domestic_passport_fourth_ua.svg');

    --domestic-passport-fifth-default: url('/assets/images/document/domestic_passport_back_default.svg');
    --domestic-passport-fifth-ua: url('/assets/images/document/domestic_passport_fifth_ua.svg');

    --driving-license-front-default: url('/assets/images/document/driving_license_front_default.svg');
    --driving-license-front-ru: url('/assets/images/document/driving_license_front_ru.svg');
    --driving-license-front-ua: url('/assets/images/document/driving_license_front_ua.svg');
    --driving-license-front-kz: url('/assets/images/document/driving_license_front_kz.svg');
    --driving-license-front-ro: url('/assets/images/document/driving_license_front_ro.svg');
    --driving-license-front-mx: url('/assets/images/document/driving_license_front_mx.svg');
    --driving-license-front-rs: url('/assets/images/document/driving_license_front_rs.svg');
    --driving-license-front-tr: url('/assets/images/document/driving_license_front_tr.svg');
    --driving-license-front-tj: url('/assets/images/document/driving_license_front_tj.svg');
    --driving-license-front-pt: url('/assets/images/document/driving_license_front_pt.svg');
    --driving-license-front-br: url('/assets/images/document/driving_license_front_br.svg');
    --driving-license-front-za: url('/assets/images/document/driving_license_front_za.svg');
    --driving-license-front-pe: url('/assets/images/document/driving_license_front_pe.svg');
    --driving-license-front-pl: url('/assets/images/document/driving_license_front_pl.svg');

    --driving-license-back-default: url('/assets/images/document/driving_license_back_default.svg');
    --driving-license-back-ru: url('/assets/images/document/driving_license_back_ru.svg');
    --driving-license-back-ua: url('/assets/images/document/driving_license_back_ua.svg');
    --driving-license-back-kz: url('/assets/images/document/driving_license_back_kz.svg');
    --driving-license-back-ro: url('/assets/images/document/driving_license_back_ro.svg');
    --driving-license-back-mx: url('/assets/images/document/driving_license_back_mx.svg');
    --driving-license-back-rs: url('/assets/images/document/driving_license_back_rs.svg');
    --driving-license-back-tr: url('/assets/images/document/driving_license_back_tr.svg');
    --driving-license-back-tj: url('/assets/images/document/driving_license_back_tj.svg');
    --driving-license-back-pt: url('/assets/images/document/driving_license_back_pt.svg');
    --driving-license-back-br: url('/assets/images/document/driving_license_back_br.svg');
    --driving-license-back-za: url('/assets/images/document/driving_license_back_za.svg');
    --driving-license-back-pe: url('/assets/images/document/driving_license_back_pe.svg');
    --driving-license-back-pl: url('/assets/images/document/driving_license_back_pl.svg');

    --residence-permit-front-default: url('/assets/images/document/residence_permit_front_default.svg');
    --residence-permit-front-ru: url('/assets/images/document/residence_permit_front_ru.svg');
    --residence-permit-front-ua: url('/assets/images/document/residence_permit_front_ua.svg');
    --residence-permit-front-kz: url('/assets/images/document/residence_permit_front_kz.svg');
    --residence-permit-front-ro: url('/assets/images/document/residence_permit_front_ro.svg');
    --residence-permit-front-tr: url('/assets/images/document/residence_permit_front_tr.svg');
    --residence-permit-front-pt: url('/assets/images/document/residence_permit_front_pt.svg');
    --residence-permit-front-pe: url('/assets/images/document/residence_permit_front_pe.svg');
    --residence-permit-front-pl: url('/assets/images/document/residence_permit_front_pl.svg');

    --residence-permit-back-default: url('/assets/images/document/residence_permit_back_default.svg');
    --residence-permit-back-ua: url('/assets/images/document/residence_permit_back_ua.svg');
    --residence-permit-back-kz: url('/assets/images/document/residence_permit_back_kz.svg');
    --residence-permit-back-ro: url('/assets/images/document/residence_permit_back_ro.svg');
    --residence-permit-back-tr: url('/assets/images/document/residence_permit_back_tr.svg');
    --residence-permit-back-pt: url('/assets/images/document/residence_permit_back_pt.svg');
    --residence-permit-back-pe: url('/assets/images/document/residence_permit_back_pe.svg');
    --residence-permit-back-pl: url('/assets/images/document/residence_permit_back_pl.svg');

    --diplomatic-passport-front-default: url('/assets/images/document/diplomatic_passport_front_default.svg');
    --diplomatic-passport-back-default: url('/assets/images/document/diplomatic_passport_back_default.svg');

    --voting-card-front-default: url('/assets/images/document/voting_card_front_default.svg');
    --voting-card-back-default: url('/assets/images/document/voting_card_back_default.svg');

    --refugee-card-front-default: url('/assets/images/document/refugee_card_front_default.svg');
    --refugee-card-back-default: url('/assets/images/document/refugee_card_back_default.svg');

    --vehicle-passport-front-default: url('/assets/images/document/vehicle_passport_front_default.svg');

    --visa-front-default: url('/assets/images/document/visa_front_default.svg');

    --TAX-ID-front-side-default: url('/assets/images/document/TAX_ID_front.svg');
    --TAX-ID-front-side-ua: url('/assets/images/document/TAX_ID_front_ua.svg');

    --ADDRESS-front-side-default: url('/assets/images/document/BANK_STATEMENT_front_en.svg');
    --AML-front-side-default: url('/assets/images/document/BANK_STATEMENT_front_en.svg');
    --AML-front-side-mobile-default: url('/assets/images/document/AML_front_mobile_en.svg');
    --AML-back-side-default: url('/assets/images/document/AML_back_en.svg');
    --AML-third-side-default: url('/assets/images/document/AML_third_en.svg');
    --AML-fourth-side-default: url('/assets/images/document/AML_fourth_en.svg');
    --CREDIT-CARD-front-side-default: url('/assets/images/document/CREDIT_CARD_front_en.svg');
    --CREDIT-CARD-back-side-default: url('/assets/images/document/BANK_STATEMENT_front_en.svg');
    --BANK-STATEMENT-front-side-default: url('/assets/images/document/BANK_STATEMENT_front_en.svg');

    --facial-description-text-color: var(--color-grey-ashy);
    --facial-start-icon--selfie: url('/assets/images/document/selfie.png');
    --facial-start-icon--selfie-with-credit-card: url('/assets/images/document/selfie-with-credit-card.png');
    --facial-start-icon--selfie-with-ID: url('/assets/images/document/selfie-with-document.png');
    --facial-error-icon: url('/assets/images/facial_error_icon.svg');

    --take-photo-instructions-background: var(--transparent);
    --take-photo-instructions-text-color: var(--color-white);
    --take-photo-border-color: var(--color-grey-light);
    --take-photo-border-hover-color: var(--color-yellow-soft);

    --take-photo-mobile-buttons-background: var(--transparent);
    --take-photo-mobile-layer-background: var(--color-white);
    --take-photo-mobile-buttons-font-color: var(--color-white);
    --take-photo-mobile-make-photo-button-color: var(--color-grey-graphite);

    --note-background-color: var(--color-blue-sky);
    --note-text-color: var(--color-blue-dusty);
    --note-border-color: var(--color-lightest-grayish-blue);
    --note-button-hint-color: var(--color-black-nearly);

    --note-danger-background-color: var(--color-light-rose);
    --note-danger-text-color: var(--color-red);
    --note-danger-border-color: var(--color-red);

    --questionnaire-description-text-color: var(--color-grey-ashy);
    --questionnaire-choice-controls-background-color: var(--color-grey-light);
    --questionnaire-choice-controls-border-color: var(--color-grey);
    --questionnaire-choice-controls-icon-checked-color: var(--color-blue-cobalt-main);

    --loading-layer-background: rgba(181, 181, 181, 0.6);

    --loader-text-color: var(--color-black-nearly);

    --form-scrollbar-thumb-background-color: var(--color-grey-graphite);
    --form-scrollbar-track-background-color: var(--transparent);

    --error-step-icon-color: var(--color-white);
    --error-step-icon-background-color: var(--color-red-linear-gradient);
    --error-step-icon-border-color: var(--color-red);

    --default-file-icon: url('/assets/images/icon_default-file.svg');
    --pdf-file-icon: url('/assets/images/icon_pdf.svg');

    --success-icon-primary-color: var(--color-blue-cobalt-main);
    --success-icon-secondary-color: var(--color-white);

    --kycaid-icon-primary-color: var(--color-blue-cobalt-main);
    --kycaid-icon-secondary-color: var(--color-white);

    --list-item-icon-color: var(--color-blue-cobalt-main);
    --list-item-text-color: var(--color-grey-ashy);

    --dialog-make-sure-sub-title-color: var(--color-blue-dusty);
    --dialog-background-color: var(--color-white);

    --debug-btn-icon: url('/assets/images/wrench.svg');
}

html {
    margin: 0;
    padding: 0;
    background: var(--color-white);
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font), sans-serif;
    color: var(--main-text-color);
    background: var(--main-background);
    background-position: var(--main-background-position);
    background-size: var(--main-background-size);
    background-repeat: var(--main-background-repeat);
}

.hidden {
    display: none !important;
}