/* stylelint-disable rule-empty-line-before */
/* stylelint-disable string-quotes */
/* stylelint-disable declaration-block-trailing-semicolon */
:root {
  /** General Style */
  --root--background: linear-gradient(0deg, #221129, #100915, #23122a);
  --profile--background: linear-gradient(0deg, #221129, #100915, #23122a);
  --body--background: linear-gradient(0deg, #221129, #100915, #23122a);
  --preloader-bg: linear-gradient(0deg, #221129, #100915, #23122a);
  
  --background-modal: linear-gradient(0deg, #221129e8, #100915f7, #23122af0);
  
  --home-banners-button-bg: linear-gradient(135deg, #3de42f 0, #60c 100%);
  
  --home-banners--inner-button-color: linear-gradient(0deg, #228a00 0, #41d03c 100%);
  
  --button-language__name-color-hover: #ffffff;
  --lang-button_bg-hover: linear-gradient(0deg, #2a1633 0%, #1c0f22 100%); 
  
  --btn--roulette-section__link-site__radius: 12px;
  --btn--roulette-section__link-site__border: 1px solid #392b40;
  --btn--roulette-section__link-site__bg: linear-gradient(0deg, #2a1633 0%, #1c0f22 100%);
  --btn--roulette-section__link-site__padding: 20px;
  --btn--roulette-section__link-site__color: #3dbd00;
  
  --auth-forms__section-links_color: #3edc34;
  

  
  --react-international-phone-selected-dropdown-item-dial-code-color: #ffffff;

    --react-international-phone-dropdown-item-background-color: #262626;
    --react-international-phone-background-color: #262626;
    --react-international-phone-dropdown-item-text-color: #fff;
  
    --react-international-phone-selected-dropdown-item-text-color: #262626;
    --react-international-phone-selected-dropdown-item-background-color: #4d4d4d;
  
  
  
  --lang-button_bg: linear-gradient(0deg, #2a1633 0%, #1c0f22 100%);
  --lang-button_border: 1px solid #392b40;
  
  --btn--roulette-section__link-site__padding--mobile: 15px;

  --skeleton-base-color: #14131e;
  --skeleton-highlight-color: linear-gradient(90deg, rgb(27 25 40 / 26%), rgb(20 19 30 / 70%), rgb(27 25 40 / 55%));

  /* * Forms */
  --auth-forms-title-color: #fff;
  --auth-forms-bg: linear-gradient(0deg, #2a1633 0%, #1c0f22 100%);
  --auth-forms-border: 1px solid #392b40;
  --auth-forms-shadow: 2px solid rgb(43 47 84 / 40%);

  --auth-forms__socialtitle-color: #fff;

  --auth-forms__button-success-bg: rgb(63 189 83);
  --auth-forms__button-success-color: #fff;

  --auth-forms__button-forgot-bg: transparent;
  --auth-forms__button-forgot-color: #fff;

  --auth-forms__button-reg-color: #fff;
  --auth-forms__button-reg-bg: rgb(63 189 83);

  --auth-forms__input-bg: #000000;
  --auth-forms__tab-active-bg: linear-gradient(180deg, #7720ac 0%, #280f4f 100%);
  --auth-forms__tab-second-bg: #262626;

  --auth-forms__tab-active-border: 2px solid #3fbd53;
  --auth-forms__tab-second-border:1px solid gray;
  --auth-forms__input-height: 36px;
  --auth-forms__input-placeholder-color: #fff;


  /* * Verification */
  --verification-popup-bg: transparent;
  --verification-bg: #2b2740;
  --verification-shadow: none;

  --verification__content-title: #fff;
  --verification__content-text: #fff;

  --verification__button__send-color: #fff;
  --verification__button__send-bg: rgb(3 189 113);

  --verification__input-bg: rgb(217, 217, 217);
  --verification__input-color: #000;
  --verification__input-border: 1px solid transparent;
  --verification__input-border-active: 1px solid #4096ff;
  --verification__input-placeholder: rgba(121, 121, 121, 1);

  --verification__input-disable-bg: rgba(239, 239, 239, 0.3);
  --verification__input-disable-color: rgb(170, 170, 170);
  --verification__input-disable-border: 1px solid rgba(118, 118, 118, 0.3);

  --bonus-title-color:#fff;
  --bonus-win-color: #00ff00;
  --bonus-border: 2px solid #57bef8;
  --bonus-background: linear-gradient(180deg, #2071ac 0%, #090813 100%);
  --bonus-shadow: 0 3px 40px 0 rgb(64 121 176);
  --bonus-color: #fff;

  --cross-color: transparent;
  --cross-shadow:  transparent;
}

@media (min-height: 600px) {
    .modal-wrapper {
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}