:root {
  /*******************************cashier********************************/
  --app-desktop-max-width: 1060px;
  --app-mobile-max-width: 512px;

  /*colors*/
  --base-first: #000000;
  --base-second: #ffffff;
  --main-first: #dddddd;
  --main-second: #525454;
  --theme-first: #ffca29;
  --theme-second: #ff0000;
  --theme-third: #14a700;
  --theme-fourth: #29d6d6;
  --theme-five: #ff842e;
  --transparent: transparent;
  --semi-transparent: rgba(255, 255, 255, 0.5);

  /*padding*/
  --default-padding: 30px;
  --xs-padding: 5px;
  --md-padding: 10px;
  --lg-padding: 15px;
  --xl-padding: 20px;

  /*radius*/
  --default-radius: 20px;
  --md-radius: 10px;

  /*app*/
  --app-container-height: 100vh;

  /*tabs*/
  --tabs-wrapper-desktop-height: 50px;
  --tabs-wrapper-mobile-height: 40px;
  --tabs-tab-backgorund-color: var(--main-first);
  --tabs-tab-btn-font-size: 22px;
  --tabs-tab-btn-mobile-font-size: 18px;
  --tabs-tab-active-background-color: var(--base-first);
  --tabs-tab-btn-active-color: var(--base-second);
  --tabs-wrapper-mobile-padding-top: 1px;

  /*sections-wrapper*/
  --sections-wrapper-margin-top: 0px;

  /*payment-section*/
  --payment-section-content-height: 265px;
  --payment-section-desktop-padding-top: 50px;
  --payment-section-mobile-padding-top: 10px;

  /*payment-details-section*/
  --incorect-symbols-color: var(--theme-five);
  --incorect-character-text-margin: var(--md-padding);
  --payment-details-fields-container-height: 74px;
  --payment-details-fields-container-padding-top: 5px;

  /*bonus-section*/
  --bonus-section-has-pending-withdrawal-margin: var(--xl-padding);
  --bonus-section-has-pending-withdrawal-link-color: var(--theme-fourth);
  --bonus-section-bonus-card-bg-image-max-width: 140px;
  --bonus-section-bonus-card-button-height: 30px;
  --bonus-section-bonus-card-button-width: 100px;

  /*pending-section*/
  --pending-withdrawals-section-bg-color: var(--base-first);
  --pending-withdrawals-section-title-color: var(--theme-fourth);
  --pending-withdrawals-section-border-head-color: var(--theme-fourth);
  --pending-withdrawals-section-thead-item-color: var(--theme-fourth);
  --pending-withdrawals-section-border-body-color: var(--base-second);
  --pending-withdrawals-section-tbody-item-color: var(--base-second);
  --pending-withdrawals-section-title-padding: var(--xl-padding);
  --pending-withdrawals-button-height: 40px;
  --pending-withdrawals-desktop-button-width: 120px;
  --pending-withdrawals-table_tbody-item-icon-height: 15px;
  --pending-withdrawals-table_tbody-item-icon-width: 65px;
  --pending-withdrawals-table_tbody-item-icon-padding: var(--md-padding);

  /*procedure-status-page*/
  --procedure-status-section-wrapper: 0 20px;
  --procedure-status-title-color: var(--main-second);
  --procedure-status-summary-info-height: 135px;
  --procedure-status-summary-info-method-icon-height: 40px;
  --procedure-status-summary-info-method-icon-width: 70px;
  --procedure-status-popup-counter-icon: url('https://d1e8w7fcgvvqyz.cloudfront.net/cms/images/icons/counter.png');
  --procedure-status-popup-counter-icon-size: 70px;
  --procedure-status-popup-counter-font-size: 30px;
  --procedure-status-popup-counter-color: var(--theme-fourth);
  --procedure-status-popup-counter-icon-margin: 20px auto;

  /*error-section*/
  --error-section-info-wrapper-padding: 140px;

  /*error-message*/
  --error-message-icon-url: url("https://d1e8w7fcgvvqyz.cloudfront.net/cms/images/icons/error-icon.svg");
  --error-message-icon-block-size: 15px;
  --error-message-icon-size: 13px;
  --error-message-icon-block-margin: 3px;
  --error-message-font-size: 12.5px;

  /*methods*/
  --methods-mobile-back-button-arrow-size: 5px;
  --methods-mobile-back-button-arrow-weight: 0 5px 5px 0;
  --methods-mobile-back-button-color: var(--theme-fourth);
  --methods-slide-margin-bottom: 10px;

  /*pagination*/
  --pagination-main-color: var(--main-second);
  --pagination-arrow-wrapper-padding: 0 5px;
  --pagination-arrow-size: 2.2px;
  --pagination-arrow-weight: 0 2px 2px 0;
  --pagination-dot-size: 7px;
  --pagination-dot-weight: 1px;
  --pagination-dot-margin: 0 2px;

  /*collapse-button*/
  --collapse-button-bg-color: var(--main-second);
  --collapse-button-color: var(--main-first);
  --collapse-button-trianle-width: 6px;
  --collapse-button-trianle-height: 8px;
  --collapse-button-trianle-margin: 2px;
  --collapse-button-checkbox-color: var(--base-second);
  --collapse-button-checkbox-bg-color: var(--theme-third);
  --collapse-button-checkbox-width: 2px;
  --collapse-button-checkbox-height: 4px;
  --collapse-button-size: 26px;

  /*buttons*/
  --button-desktop-font-size: 18px;
  --button-mobile-font-size: 16px;
  --confirm-button-backgound-color: var(--theme-first);
  --confirm-desktop-button-width: 260px;
  --confirm-mobile-button-width: 100%;
  --confirm-button-height: 40px;
  --app-button-default-desktop-height: 40px;
  --app-button-default-desktop-width: 230px;
  --app-button-default-desktop-margin: 10px;
  --app-button-default-mobile-height: 40px;
  --app-button-default-mobile-width: 310px;
  --app-button-default-mobile-margin: 5px;
  --app-button-grid-button-block-desktop-grid-template-columns: repeat(2, minmax(20px, 150px));
  --app-button-grid-button-block-mobile-methods-grid-template-columns: repeat(2, 1fr);
  --app-button-grid-button-block-mobile-amounts-grid-auto-rows: repeat(3, 1fr);
  --app-button-grid-button-block-desktop-grid-auto-rows: 64px;
  --app-button-grid-button-block-mobile-grid-auto-rows: 54px;
  --app-button-grid-button-block-desktop-row-gap: 15px;
  --app-button-grid-button-block-mobile-row-gap: 10px;
  --app-button-grid-button-block-column-gap: 10px;
  --app-button-grid-button-block-margin-bottom: 10px;

  /*custom-amount*/
  --custom-amount-input-container-padding-top: 22px;

  /*bonus-banner*/
  --bonus-banner-font-size: 14px;
  --bonus-banner-mobile-font-size: 12px;
  --bonus-banner-xss-font-size: 11px;

  /*input*/
  --input-bg-color: var(--main-first);
  --input-height: 38px;
  --input-padding: 0 10px;
  --input-font-size: 14px;

  /*borders*/
  --border-default-color: var(--base-first);

  /*icons*/
  --error-icon-width: 60px;
  --error-icon-height: 60px;
  --failed-icon: url("https://d1e8w7fcgvvqyz.cloudfront.net/cms/images/icons/failed.png");
  --arrow-down-icon: url("https://d1e8w7fcgvvqyz.cloudfront.net/cms/images/icons/arrow_down.svg");

  /*loader-text*/
  --loader-text-font-size: 22px;

  /*specific flow*/
  --specific-flow-title-margin: 38px;
  --specific-flow-text-margin: 15px 0;
  --specific-flow-link-img-margin: 5px;
  --specific-flow-link-img-width: 12px;
  --poli-email-verify-popup-card-desktop-height: 180px;
  --poli-email-verify-popup-card-desktop-width: 250px;
  --poli-email-verify-popup-card-mobile-height: 100%;
  --poli-email-verify-popup-card-mobile-width: 100%;
  --poli-email-verify-popup-card-border-radius: var(--md-radius);
  --poli-email-verify-popup-card-border: 1px solid var(--main-first);
  --poli-email-verify-popup-card-padding: var(--default-padding);
  --poli-email-verify-popup-card-desktop-button-height: 40px;
  --poli-email-verify-popup-card-desktop-button-width: 100%;
  --poli-email-verify-popup-card-mobile-button-width: 300px;
  --poli-email-verify-popup-card-desktop-button-padding-top: var(--xl-padding);

}