react-gldn-kit 0.1.4 → 0.1.6

package/dist/main.css

@@ -30,7 +30,7 @@
 }
 
 .KIT__ButtonBase-module__marginLeft-base___AKGOF {
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
 }
 
 .KIT__ButtonBase-module__marginLeft-base-double___q6_Lx {
@@ -42,7 +42,7 @@
 }
 
 .KIT__ButtonBase-module__marginBottom-base___a1gKB {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__ButtonBase-module__marginBottom-base-double___XL2W8 {
@@ -89,6 +89,7 @@
   min-width: var(--button-xxl);
   max-width: var(--button-xxl);
 }
+
 .KIT__ButtonBase-module__size--button-full___aP5ZV {
   min-width: var(--button-full);
   max-width: var(--button-full);
@@ -126,9 +127,11 @@
   box-shadow: var(--button-box-shadow-primary);
   border: var(--button-primary-border);
 }
+
 .KIT__ButtonBase-module__buttonBackground-primary___IP9j4:hover {
   transform: scale(0.99);
 }
+
 .KIT__ButtonBase-module__buttonBackground-dark___KsTK4 {
   position: relative;
   background: var(--button-color-black);
@@ -136,15 +139,18 @@
   box-shadow: var(--button-box-shadow-black);
   border: var(--button-color-black-border);
 }
+
 .KIT__ButtonBase-module__buttonBackground-dark___KsTK4:hover {
   transform: scale(0.99);
 }
+
 /* Blue */
 .KIT__ButtonBase-module__buttonBackground-blue___sJluZ {
   background: var(--button-color-blue);
   position: relative;
   box-shadow: var(--button-box-shadow-blue);
 }
+
 .KIT__ButtonBase-module__buttonBackground-blue___sJluZ:hover {
   transform: scale(0.99);
 }
@@ -168,21 +174,27 @@
 .KIT__ButtonBase-module__borderRadius--border-xs___Yo4Wp {
   border-radius: var(--border-xs);
 }
+
 .KIT__ButtonBase-module__borderRadius--border-s___VQJPT {
   border-radius: var(--border-s);
 }
+
 .KIT__ButtonBase-module__borderRadius--border-m___avnss {
   border-radius: var(--border-m);
 }
+
 .KIT__ButtonBase-module__borderRadius--border-l___kaZvg {
   border-radius: var(--border-l);
 }
+
 .KIT__ButtonBase-module__borderRadius--border-xl___vyeFZ {
   border-radius: var(--border-xl);
 }
+
 .KIT__ButtonBase-module__borderRadius--border-xxl___teJqo {
   border-radius: var(--border-xxl);
 }
+
 .KIT__ButtonBase-module__borderRadius--border-round___P7_OP {
   border-radius: var(--border-round);
 }
@@ -200,21 +212,27 @@
 .KIT__ButtonBase-module__buttonHeight--button-height-xs___Khujx {
   height: var(--button-height-xs);
 }
+
 .KIT__ButtonBase-module__buttonHeight--button-height-s___V943R {
   height: var(--button-height-s);
 }
+
 .KIT__ButtonBase-module__buttonHeight--button-height-m___FSjZp {
   height: var(--button-height-m);
 }
+
 .KIT__ButtonBase-module__buttonHeight--button-height-l___nWZLI {
   height: var(--button-height-l);
 }
+
 .KIT__ButtonBase-module__buttonHeight--button-height-xl___heDLV {
   height: var(--button-height-xl);
 }
+
 .KIT__ButtonBase-module__buttonHeight--button-height-xxl___cZ2yr {
   height: var(--button-height-xxl);
 }
+
 .KIT__ButtonBase-module__buttonHeight--button-height-full___GE3AO {
   min-height: var(--button-height-xxl);
   max-height: 100%;
@@ -224,10 +242,9 @@
 
 .KIT__ButtonBase-module__endIcon___4Q5yl {
   /* Drawer  */
-  margin-right: var(--indent-base);
+  margin-right: var(--indent-l);
   margin-left: auto;
 }
-
 .KIT__JivoButton-module__customJivoButtonWrapper___ZNgrt {
   width: 100%;
   display: flex;
@@ -255,7 +272,7 @@
 }
 
 .KIT__JivoButton-module__supportAgentActive___y35JD {
-  border: 2px solid rgb(var(--primary));
+  border: 2px solid var(--green-100);
 }
 
 /* .newMsg {
@@ -372,16 +389,16 @@
   background-color: var(--app-switcher-background-color);
   overflow: hidden;
   border-radius: var(--border-l);
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   justify-content: space-between;
-  padding: calc(var(--indent-base) / 3);
+  padding: calc(var(--indent-l) / 3);
   border: 2px solid var(--border-app-switcher-color);
 }
 
 .KIT__AppSwitcher-module__navigationButton___d1gZ6 {
   display: flex;
   align-items: center;
-  padding: calc(var(--indent-base) / 3);
+  padding: calc(var(--indent-l) / 3);
   width: 50%;
   justify-content: center;
   opacity: 0.7;
@@ -411,7 +428,7 @@
 }
 
 .KIT__AppSwitcher-module__icon___KB2dY {
-  margin-bottom: calc(var(--indent-base) / 3);
+  margin-bottom: calc(var(--indent-l) / 3);
   height: 15px;
 }
 
@@ -427,14 +444,13 @@
 }
 
 .KIT__AppSwitcher-module__shortView___alZ8c .KIT__AppSwitcher-module__icon___KB2dY {
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   background: var(--gradient-drawer-bg);
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   width: 100%;
   height: var(--height-48);
   border-radius: var(--border-s);
 }
-
 .KIT__DrawerButton-module__wrapperDrawerButton___VXojY {
   --drawer-button-text-color: white;
   --border-button: var(--border-l);
@@ -459,7 +475,7 @@
   border-radius: var(--border-button);
   margin: 2px;
   background: var(--drawer-modal-content-color);
-  padding-left: var(--indent-base);
+  padding-left: var(--indent-l);
   color: var(--drawer-modal-content-text-color);
 }
 
@@ -496,7 +512,6 @@
 .KIT__DrawerButton-module__full___AsBjM {
   width: 100%;
 }
-
 .KIT__CasinoCategoryButton-module__wrapperCasinoCategory___Kn74K {
   flex-shrink: 0;
   cursor: pointer;
@@ -504,7 +519,7 @@
 }
 
 .KIT__CasinoCategoryButton-module__casinoCategoryText___a40gb {
-  padding: 0 9px var(--indent-base);
+  padding: 0 9px var(--indent-l);
   color: var(--casino-category-text-color);
   width: 100%;
   text-overflow: ellipsis;
@@ -530,7 +545,7 @@
   height: 55px;
   border-radius: 6px;
   flex-shrink: 0;
-  margin-left: calc(var(--indent-base) / 3);
+  margin-left: calc(var(--indent-l) / 3);
 }
 
 .KIT__CasinoCategoryButton-module__wrapperCasinoCategoryButton___nULjT:first-child {
@@ -538,11 +553,11 @@
 }
 
 .KIT__CasinoCategoryButton-module__wrapperCasinoCategoryButton___nULjT .KIT__CasinoCategoryButton-module__casinoCategoryText___a40gb {
-  padding: 0 calc(var(--indent-base) / 2);
+  padding: 0 calc(var(--indent-l) / 2);
 }
 
 .KIT__CasinoCategoryButton-module__categoryIcon___jnTx6 {
-  margin-bottom: calc(var(--indent-base) / 2);
+  margin-bottom: calc(var(--indent-l) / 2);
   width: 45px;
   height: 20px;
 }
@@ -567,10 +582,11 @@
   background: var(--casino-category-in-house-active-button-background-color);
 }
 
-.KIT__CasinoCategoryButton-module__inHouse___iSRa7 svg > g {
+.KIT__CasinoCategoryButton-module__inHouse___iSRa7 svg>g {
   transform: scale(1.6) translate(-9px, -9px);
 }
-.KIT__CasinoCategoryButton-module__inHouse___iSRa7 svg > g > path {
+
+.KIT__CasinoCategoryButton-module__inHouse___iSRa7 svg>g>path {
   fill: var(--casino-category-in-house-svg-g-path-fill);
 }
 
@@ -580,7 +596,6 @@
     padding-top: 10px;
   }
 }
-
 .KIT__CasinoSubCategories-module__scroll___FVFZ3 {
   display: flex;
   overflow-x: auto;
@@ -589,13 +604,13 @@
 
 .KIT__CasinoSubCategories-module__subCategoriesWrapper___p7gxL {
   min-height: 28px;
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__CasinoSubCategories-module__subCategoryButton___GLksB {
-  margin-left: calc(var(--indent-base) / 3);
+  margin-left: calc(var(--indent-l) / 3);
   font-size: 14px;
-  padding: 0 var(--indent-base);
+  padding: 0 var(--indent-l);
   font-size: 12px;
   height: 28px;
 }
@@ -603,7 +618,6 @@
 .KIT__CasinoSubCategories-module__subCategoryButton___GLksB:first-child {
   margin-left: 0;
 }
-
 .KIT__ProviderName-module__providerName___t7qlX {
   --min-provider-name-width:100px;
 
@@ -660,27 +674,27 @@
 }
 
 .KIT__BaseInputUi-module__inputWrapper___AnbPW {
-  border-radius: var(--border-s);
-  border: 2px solid var(--border-color-gray);
-  height: 40px;
+  border-radius: var(--input-border-radius);
+  border: var(--input-border);
+  height: var(--input-height);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 2px 10px;
+  padding: var(--input-padding);
   position: relative;
-  background-color: var(--input-base-autofill-background-color);
+  background: var(--input-background);
 }
 
 .KIT__BaseInputUi-module__borderColorfulGreen___QRGSG,
 .KIT__BaseInputUi-module__borderColorfulGreen___QRGSG label {
-  color: rgb(var(--primary));
-  border-color: rgb(var(--primary));
+  color: var(--input-border-colorful);
+  border-color: var(--input-border-colorful);
 }
 
 .KIT__BaseInputUi-module__borderColorfulRed___vCRBt,
 .KIT__BaseInputUi-module__borderColorfulRed___vCRBt label {
-  border-color: rgb(var(--red));
-  color: rgb(var(--red));
+  border-color: var(--input-border-red);
+  color: var(--input-border-red);
 }
 
 .KIT__BaseInputUi-module__overflow___rpmQe {
@@ -706,7 +720,7 @@
 .KIT__BaseInputUi-module__label___uzM8L {
   position: absolute;
   left: 10px;
-  color: var(--input-base-autofill-label-text-color);
+  color: var(--input-label-text-color);
   opacity: 0.5;
   z-index: 1;
   font-weight: bold;
@@ -723,7 +737,7 @@
   width: 100%;
   padding: 2px;
   background-color: transparent;
-  color: var(--input-base-autofill-text-color);
+  color: var(--input-text-color);
   font-weight: bold;
 }
 
@@ -732,7 +746,7 @@
   transform: translateY(-50%);
   left: 10px;
   font-size: 11px;
-  color: var(--input-base-autofill-label-text-color);
+  color: var(--input-label-text-color);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:placeholder-shown~.KIT__BaseInputUi-module__label___uzM8L {
@@ -740,7 +754,7 @@
   transform: translateY(-50%);
   left: 10px;
   font-size: 11px;
-  color: var(--input-base-autofill-label-text-color);
+  color: var(--input-label-text-color);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown~.KIT__BaseInputUi-module__labelRight___Q5n_d {
@@ -787,7 +801,7 @@
 }
 
 .KIT__BaseInputUi-module__errorBorder___DoUDN {
-  border-color: rgb(var(--red));
+  border-color: var(--input-error);
 }
 
 .KIT__BaseInputUi-module__errorText___f7axC {
@@ -799,17 +813,17 @@
   left: 0;
   font-size: 11px;
   overflow: hidden;
-  color: rgb(var(--red));
+  color: var(--input-error);
 }
 
 .KIT__BaseInputUi-module__resetErrorColor___sLSqG {
-  color: rgb(var(--gray));
+  color: var(--input-text-color);
 }
 
 .KIT__BaseInputUi-module__rowChildrenData___KENSf {
   display: flex;
   align-items: center;
-  margin-left: var(--indent-base-half);
+  margin-left: var(--input-inline-start);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:focus~.KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__hideLabel___XBQr4 {
@@ -849,27 +863,29 @@
 .KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill:hover,
 .KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill:focus,
 .KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill:active {
-  -webkit-box-shadow: 0 40px var(--input-base-autofill-background-color) inset;
-  -webkit-text-fill-color: var(--input-base-autofill-text-color);
+  -webkit-box-shadow: 0 40px var(--input-background) inset;
+  -webkit-text-fill-color: var(--input-text-color);
   -webkit-background-clip: text;
   background-clip: text;
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:-moz-autofill {
-  box-shadow: 0 40px var(--input-base-autofill-background-color) inset;
-  color: var(--input-base-autofill-text-color);
+  box-shadow: 0 40px var(--input-background) inset;
+  color: var(--input-text-color);
   background-clip: text;
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:-ms-autofill {
-  box-shadow: 0 40px var(--input-base-autofill-background-color) inset;
-  color: var(--input-base-autofill-text-color);
+  box-shadow: 0 40px var(--input-background) inset;
+  color: var(--input-text-color);
   background-clip: text;
 }
 
 .KIT__BaseInputUi-module__searchButton___Fj_pM {
   --size: 16px;
+
   width: 16px;
+
   width: var(--size);
   height: 16px;
   height: var(--size);
@@ -880,12 +896,12 @@
 }
 
 .KIT__BaseInputUi-module__searchButton___Fj_pM.KIT__BaseInputUi-module__clearButton___hwyGX {
-    background: var(--base-input-clear-button-background);
+    background: var(--input-clean-btn-bg);
     border-radius: var(--border-circle);
   }
 
 .KIT__BaseInputUi-module__searchButton___Fj_pM.KIT__BaseInputUi-module__clearButton___hwyGX .KIT__BaseInputUi-module__crossSvg___y_O7R path {
-      fill: var(--base-input-clear-button-svg-path);
+      fill: var(--input-clean-btn-svg-bg);
     }
 
 @keyframes KIT__BaseInputUi-module__FadeIn___kQ_6Q {
@@ -898,7 +914,7 @@
   }
 }
 .KIT__PromoCode-module__promoTitle___gtXxM {
-  color: var(--promo-code-promo-title-color);
+  color: var(--sign-up-promo-code-color);
   font-size: var(--font-size-xs);
 
   display: flex;
@@ -911,7 +927,6 @@
 .KIT__PromoCode-module__marginBottom___ym0Mm {
   margin-bottom: 60px;
 }
-
 .KIT__ArrowButton-module__openedColor___M7HTi * {
   fill: var(--arrow-button-opened-svg-path-fill);
   cursor: pointer;
@@ -955,21 +970,21 @@
 }
 
 .KIT__Selector-module__item___H9Toq {
-  border-radius: var(--border-s);
-  background-color: var(--input-base-autofill-background-color);
+  border-radius: var(--selector-border-radius);
+  background-color: var(--selector-item-background);
   height: 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2px 10px;
-  color: var(--selector-item-color);
+  color: var(--selector-color);
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.KIT__Selector-module__item___H9Toq > div {
+.KIT__Selector-module__item___H9Toq>div {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -983,7 +998,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border: 2px solid var(--border-color-gray);
+  border: var(--selector-border);
 }
 
 .KIT__Selector-module__overflow____BqEX {
@@ -992,6 +1007,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+
 .KIT__Selector-module__maxSize___ElpMa {
   max-width: 100%;
 }
@@ -1020,32 +1036,32 @@
 
 .KIT__Selector-module__dropDownWrapper___nTExd {
   overflow: auto;
-  background-color: var(--selector-drop-down-wrapper-background-color);
+  background-color: var(--selector-drop-down-bg);
   position: absolute;
-  border-radius: var(--border-s);
+  border-radius: var(--selector-border-radius);
   left: 0;
   z-index: 3;
 }
 
 .KIT__Selector-module__opacity___JnYUt {
-  background-color: var(--input-base-opened-background-color);
-  color: var(--input-base-opened-color);
+  background-color: var(--selector-main-bg-opened);
   border-bottom: none;
-  border-radius: var(--border-s) var(--border-s) 0 0;
+  opacity: 0.8;
+  border-radius: var(--selector-border-radius) var(--selector-border-radius) 0 0;
 }
 
 .KIT__Selector-module__bigBorder___MFnZy {
-  border: 2px solid var(--border-color-gray);
+  border: var(--selector-border);
 }
 
 .KIT__Selector-module__disabledBottom___SB7p7 {
   border-bottom: none;
-  border-radius: var(--border-s) var(--border-s) 0 0;
+  border-radius: var(--selector-border-radius) var(--selector-border-radius) 0 0;
 }
 
 .KIT__Selector-module__disabledTop___JBoM_ {
   border-top: none;
-  border-radius: 0 0 var(--border-s) var(--border-s);
+  border-radius: 0 0 var(--selector-border-radius) var(--selector-border-radius);
 }
 
 .KIT__Selector-module__dropDownDirection-up___b8JYy {
@@ -1057,9 +1073,9 @@
 }
 
 .KIT__Selector-module__listItem___dSMzY {
-  border-radius: var(--border-s);
-  border: 2px solid var(--border-color-gray);
-  background-color: var(--selector-list-item-background-color);
+  border-radius: var(--selector-border-radius);
+  border: var(--selector-border);
+  background-color: var(--selector-arrow-gb-opened);
   height: 40px;
   display: flex;
   justify-content: space-between;
@@ -1139,12 +1155,7 @@
 
 .KIT__CheckBox-module__checkboxWrapperBig___lQiT2 input:checked + .KIT__CheckBox-module__slider___SGVW0:before {
     /* 4 + 4 left and right */
-    transform: translateX(
-      calc(
-        var(--check-box-width) -
-          (var(--check-box-slider-size) + var(--check-box-slider-padding) * 2)
-      )
-    );
+    transform: translateX(calc(var(--check-box-width) - (var(--check-box-slider-size) + var(--check-box-slider-padding) * 2)));
     height: var(--check-box-slider-size);
     width: var(--check-box-slider-size);
     background-color: rgb(var(--white));
@@ -1158,29 +1169,28 @@
 
 .KIT__CheckBox-module__checkboxText___u6qjz {
   width: 70%;
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
 }
-
 .KIT__Docs-module__checkbox___DCvmb {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   color: var(--sign-up-modal-checkbox-color);
 }
+
 .KIT__Docs-module__link___PZSYE {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
-
 .KIT__OneClick-module__fullWidth___vk4aC {
   width: 100%;
 }
 .KIT__OneClick-module__fullWidth___vk4aC .KIT__OneClick-module__marginB___NGiBf {
-    margin-bottom: var(--indent-base);
+    margin-bottom: var(--indent-l);
   }
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
   justify-content: center;
   height: var(--height-48);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   /* background-color: rgb(var(--dark)); */
   background-color: var(--pop-up-header);
   border-bottom: 2px solid var(--border-color-gray);
@@ -1233,13 +1243,12 @@
 }
 
 .KIT__PopUpHeader-module__left___I9Xx7 {
-  left: var(--indent-base);
+  left: var(--indent-l);
 }
 
 .KIT__PopUpHeader-module__right___n8ZfB {
-  right: var(--indent-base);
+  right: var(--indent-l);
 }
-
 .KIT__PortalLayout-module__wrapperPortalLayout___o5fiH {
   position: fixed;
   width: 100%;
@@ -1322,7 +1331,7 @@
 .KIT__ModalLayout-module__overflow___wwFs1 {
   border-radius: var(--border-l) var(--border-l) 0 0;
   overflow: hidden;
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 @media (min-width: 768px) {
@@ -1354,7 +1363,7 @@
   justify-content: center;
   align-items: center;
   color: var(--count-down-time-block-color);
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
   font-size: var(--font-size-s);
 }
 
@@ -1398,7 +1407,7 @@
 
 .KIT__CountDown-module__timeCardBlock___urK_D {
   min-width: 35px;
-  padding: 0 calc(var(--indent-base) / 2);
+  padding: 0 calc(var(--indent-l) / 2);
   height: 45px;
   display: flex;
   justify-content: center;
@@ -1406,7 +1415,7 @@
   background-color: var(--count-down-time-card-block-background-color);
   border: 2px solid var(--border-color-gray);
   border-radius: var(--border-s);
-  margin-left: calc(var(--indent-base) / 3);
+  margin-left: calc(var(--indent-l) / 3);
   font-size: 28px;
   font-weight: 500;
 }
@@ -1417,7 +1426,7 @@
   flex-direction: column;
   position: relative;
   top: -5px;
-  margin-left: calc(var(--indent-base) / 3);
+  margin-left: calc(var(--indent-l) / 3);
 }
 
 .KIT__CountDown-module__itemDot___WJBde {
@@ -1425,7 +1434,7 @@
   height: 4px;
   background-color: var(--count-down-item-dot-background-color);
   border-radius: 50%;
-  margin: 0 calc(var(--indent-base) / 2) var(--indent-base);
+  margin: 0 calc(var(--indent-l) / 2) var(--indent-l);
 }
 
 .KIT__CountDown-module__dayName___VwIzj {
@@ -1436,16 +1445,15 @@
 }
 
 .KIT__CountDown-module__item___JJduj:last-child {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
-
 .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
   position: relative;
   width: 100%;
   min-height: 200px;
   max-height: 250px;
   min-width: 300px;
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   overflow: hidden;
   border-radius: 14px;
   background: var(--background-bonus-card);
@@ -1573,7 +1581,7 @@
   overflow-y: auto;
   position: relative;
   background: var(--drawer-modal-content-color);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   z-index: var(--layout-lvl-1);
   transition: 0.3s;
 }
@@ -1707,75 +1715,64 @@
   align-items: center;
   width: 100%;
   position: relative;
-}
-
-.KIT__Tabs-module__tab___NBVtA {
-  /* width: 100%; */
-  padding-bottom: var(--indent-base);
-  text-align: center;
-  color: var(--tab-text-color);
-  transition: 0.3s;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  z-index: 2;
-  padding-bottom: var(--indent-base);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.KIT__Tabs-module__bg___y6G1J {
-  background-color: var(--tabs-background);
-}
 
-.KIT__Tabs-module__tabButtonsWrapper___xcC8P {
   border-radius: var(--border-s);
   display: flex;
   align-items: center;
   padding: 1px;
 }
-
-.KIT__Tabs-module__buttonTab___Tpphz {
-  padding: calc(var(--indent-base) / 3);
-  border-radius: var(--border-s);
-  border: 2px solid transparent;
-  width: 100%;
-}
-
-.KIT__Tabs-module__buttonTabActive___hoiNu {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-shadow: var(--primary-shadow);
-  height: 100%;
-}
-
-.KIT__Tabs-module__buttonTabActive___hoiNu::after {
-  border-color: transparent;
-}
-
-.KIT__Tabs-module__activeBlockIndicator___B35H_ {
-  position: absolute;
-  height: 2px;
-  background-color: rgb(var(--third));
-  transition: 0.3s;
-  bottom: 0;
-  z-index: 1;
-}
-
-.KIT__Tabs-module__buttonActiveIndicator___l6_IM {
-  height: 100%;
-  border-radius: var(--border-s);
-  border: 2px solid rgb(var(--green));
-  background: var(--primary-gradient);
-}
-
+.KIT__Tabs-module__wrapperTabs___rFoBY.KIT__Tabs-module__bg___y6G1J {
+    background-color: var(--tabs-background);
+  }
+.KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__tab___NBVtA {
+    text-align: center;
+    color: var(--tab-text-color);
+    transition: 0.3s;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    position: relative;
+    z-index: 2;
+    padding-bottom: var(--indent-l);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+.KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__tab___NBVtA.KIT__Tabs-module__buttonTab___Tpphz {
+      padding: var(--indent-s);
+      border-radius: var(--border-s);
+      border: 2px solid transparent;
+      width: 100%;
+    }
+.KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__tab___NBVtA.KIT__Tabs-module__buttonTabActive___hoiNu {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      box-shadow: none;
+      box-shadow: initial;
+      box-shadow: var(--tab-button-active-shadow, initial);
+      height: 100%;
+    }
+.KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__tab___NBVtA.KIT__Tabs-module__buttonTabActive___hoiNu::after {
+        border-color: transparent;
+      }
+.KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__activeBlockIndicator___B35H_ {
+    position: absolute;
+    height: 2px;
+    background-color: var(--tab-indicator-bg);
+    transition: 0.3s;
+    bottom: 0;
+    z-index: 1;
+  }
+.KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__buttonActiveIndicator___l6_IM {
+    height: 100%;
+    border-radius: var(--border-s);
+    border: 2px solid var(--tab-border-bottom-color);
+    background: var(--tab-indicator-bg);
+  }
 .KIT__Tabs-module__wrapperTabs___rFoBY::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
+    width: 0;
+    height: 0;
+  }
 .KIT__SignUp-module__wrapperSignUpModal___xR9cE {
   display: flex;
   flex-direction: column;
@@ -1784,7 +1781,7 @@
 }
 
 .KIT__SignUp-module__wrapperTitle___ozW8l {
-  padding: var(--indent-base);
+  padding: var(--indent-l);
 }
 
 .KIT__SignUp-module__textTitle___yNl9W {
@@ -1807,7 +1804,7 @@
 .KIT__SignUp-module__bonusText___Jir0o {
   font-size: var(--font-size-l);
   color: var(--sign-up-modal-bonus-text-color);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   text-align: center;
   font-weight: 700;
   line-height: 26px;
@@ -1823,7 +1820,7 @@
 }
 
 .KIT__SignUp-module__tabs___yL_k1 {
-  margin-bottom: calc(var(--indent-base) * 2);
+  margin-bottom: calc(var(--indent-l) * 2);
 }
 
 .KIT__SignUp-module__marginB___gJd7z {
@@ -1831,12 +1828,12 @@
 }
 
 .KIT__SignUp-module__checkbox___SgctZ {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   color: var(--sign-up-modal-checkbox-color);
 }
 
 .KIT__SignUp-module__promoTitle___Qv0oq {
-  color: var(--promo-code-promo-title-color);
+  color: var(--sign-up-promo-code-color);
   font-size: var(--font-size-s);
 
   display: flex;
@@ -1886,6 +1883,84 @@
     opacity: 1;
   }
 }
+.KIT__PhoneInput-module__input___hyTKa {
+  border-radius: var(--border-s);
+  border: 2px solid var(--border-color-gray);
+  height: 40px;
+  display: flex;
+  justify-content: space-between;
+  padding: 2px 10px;
+  position: relative;
+  background: var(--input-base-autofill-background-color);
+  margin-bottom: var(--indent-l);
+  color: white;
+}
+
+.KIT__PhoneInput-module__input___hyTKa input {
+  background: inherit;
+  color: var(--input-base-autofill-text-color);
+}
+
+.KIT__PhoneInput-module__input___hyTKa #KIT__PhoneInput-module__PhoneInputCountry___lx8XN {
+  margin-right: var(--indent-l);
+}
+
+.KIT__PhoneInput-module__wrapper___xIp3u {
+  position: relative;
+}
+
+.KIT__PhoneInput-module__errorBorder___QOw8R {
+  border-color: rgb(var(--red));
+}
+
+.KIT__PhoneInput-module__error___mgsEO {
+  position: absolute;
+  top: 40px;
+  max-width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  left: 0;
+  font-size: 11px;
+  overflow: hidden;
+  color: rgb(var(--red));
+}
+
+.KIT__PhoneInput-module__input___hyTKa:-webkit-autofill,
+.KIT__PhoneInput-module__input___hyTKa:-webkit-autofill:hover,
+.KIT__PhoneInput-module__input___hyTKa:-webkit-autofill:focus,
+.KIT__PhoneInput-module__input___hyTKa:-webkit-autofill:active {
+  -webkit-box-shadow: 0 40px var(--input-base-autofill-background-color) inset;
+  -webkit-text-fill-color: var(--input-base-autofill-text-color);
+  -webkit-background-clip: text;
+  background-clip: text;
+}
+
+.KIT__PhoneInput-module__input___hyTKa:-moz-autofill {
+  box-shadow: 0 40px var(--input-base-autofill-background-color) inset;
+  color: var(--input-base-autofill-text-color);
+  background-clip: text;
+}
+
+.KIT__PhoneInput-module__input___hyTKa:-ms-autofill {
+  box-shadow: 0 40px var(--input-base-autofill-background-color) inset;
+  color: var(--input-base-autofill-text-color);
+  background-clip: text;
+}
+.KIT__Timer-module__wrapperTimer___yxeGk {
+  display: flex;
+  margin-bottom: var(--indent-l);
+  justify-content: center;
+  color: var(--timer-wrapper-color);
+}
+
+.KIT__Timer-module__time___imFax {
+  color: var(--timer-time-color);
+  margin-left: var(--indent-l);
+}
+
+.KIT__Timer-module__time___imFax:first-child {
+  margin-left: 0;
+}
 .KIT__Alert-module__wrapperModal___lOle6 {
   width: 100%;
   height: 100%;
@@ -2018,17 +2093,16 @@
 .KIT__Credentials-module__result___MU6EV {
   color: var(--credentials-info-result-color);
   font-size: var(--font-size-m);
-  width: calc(var(--large) - (var(--small) + var(--indent-base)));
+  width: calc(var(--large) - (var(--small) + var(--indent-l)));
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 .KIT__BannerTemplate-module__wrapperBanner___vPzec {
   height: 150px;
   background-size: cover;
   background-position: center;
   border-radius: var(--border-l);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -2041,7 +2115,7 @@
   text-transform: uppercase;
   color: var(--banner-title-color);
   text-align: left;
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__BannerTemplate-module__subTitle___OE0bO {
@@ -2148,7 +2222,7 @@
       font-size: 3rem;
       line-height: 1.4;
       text-transform: uppercase;
-      margin-bottom: var(--indent-base);
+      margin-bottom: var(--indent-l);
     }
 
 @media screen and (max-width: 768px) {
@@ -2161,7 +2235,7 @@
 
 .KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__contentBanner___kB2XL .KIT__PromotionMobileApp-module__subTitle___D5ALR {
       font-weight: 300;
-      margin-bottom: var(--indent-base);
+      margin-bottom: var(--indent-l);
       font-size: 1.5rem;
     }
 
@@ -2194,7 +2268,7 @@
         font-size: var(--font-size-xs);
         margin-left: var(--indent-base-half);
         max-width: 170px;
-        margin-left: var(--indent-base);
+        margin-left: var(--indent-l);
       }
 
 @media screen and (max-width: 768px) {
@@ -2241,22 +2315,20 @@
     transform: translateY(0);
   }
 }
-
 .KIT__Docs-module__docContent___Yf1m5 {
   width: 100%;
-  padding: var(--indent-base);
+  padding: var(--indent-l);
 }
 
 .KIT__Docs-module__accordionWrapper___axkDy {
   width: 100%;
-  margin-bottom: calc(var(--indent-base) / 2);
+  margin-bottom: calc(var(--indent-l) / 2);
   color: var(--docs-accordion-wrapper-color);
 }
 
 .KIT__Docs-module__accordionWrapper___axkDy {
   border-bottom: 1px solid var(--border-color-gray);
 }
-
 .KIT__Accordion-module__wrapperAccordion____bqbf {
   border-radius: var(--border-s);
   border: 2px solid var(--border-color-gray);
@@ -2307,15 +2379,14 @@
   }
 
 .KIT__Accordion-module__icon___rRDKP path {
-    fill: rgb(var(--primary));
+    fill: var(--green-100);
   }
 
 .KIT__Accordion-module__starIcon___qizXK {
   margin-left: var(--indent-m);
 }
-
 .KIT__Footer-module__wrapperFooter___cknrK {
-  padding: var(--indent-base) var(--indent-base) 60px;
+  padding: var(--indent-l) var(--indent-l) 60px;
   padding-bottom: 60px;
   background: var(--footer-background-color);
   border-top: 2px solid var(--border-color-gray);
@@ -2334,32 +2405,32 @@
   font-size: 16px;
   width: 100%;
   color: var(--footer-doc-title-color);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   padding-bottom: 0;
 }
 
 .KIT__Footer-module__content___N3GbI {
-  padding: var(--indent-base);
+  padding: var(--indent-l);
 }
 
 .KIT__Footer-module__firstTextBlock___jIJYC {
   font-size: 12px;
   color: var(--footer-text-block-color);
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__Footer-module__secondText___nk15R {
   font-size: 12px;
   color: var(--footer-text-block-color);
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__Footer-module__license___mhG5E {
   width: 100%;
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   background: var(--footer-license-background-color);
   border-radius: var(--border-l);
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   border: 2px solid var(--border-color-gray);
   display: flex;
   justify-content: center;
@@ -2376,7 +2447,6 @@
   width: 150px;
   height: 50px;
 }
-
 .KIT__Content-module__wrapperMethods___zV1oZ {
   display: flex;
   width: 100%;
@@ -2392,18 +2462,18 @@
 .KIT__Content-module__methods___HSBRd {
   width: 100%;
   flex-shrink: 0;
-  padding-top: var(--indent-base);
+  padding-top: var(--indent-l);
   background-color: rgb(var(--dark));
 }
 
 .KIT__Content-module__title___y5mzr {
   color: rgb(var(--white));
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   text-align: center;
 }
 
 .KIT__Content-module__kycTitle___XEiR7 {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   text-align: center;
   text-transform: uppercase;
 }
@@ -2418,10 +2488,10 @@
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
 
-  grid-gap: var(--indent-base);
+  grid-gap: var(--indent-l);
 
-  gap: var(--indent-base);
-  margin-bottom: var(--indent-base);
+  gap: var(--indent-l);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__List-module__listWrapper___bCwsA:last-child {
@@ -2439,7 +2509,7 @@
 }
 
 .KIT__List-module__name___li7Ym {
-  padding:calc(var(--indent-base) / 3);
+  padding: calc(var(--indent-l) / 3);
   background-color: rgb(var(--dark-gray));
   border-top: 2px solid var(--border-color-gray);
   font-size: 10px;
@@ -2451,16 +2521,16 @@
 
 .KIT__List-module__subTitle___d7sjr {
   font-size: 14px;
-  color:rgb(var(--white));
-  padding:calc(var(--indent-base) / 2) var(--indent-base);
+  color: rgb(var(--white));
+  padding: calc(var(--indent-l) / 2) var(--indent-l);
   position: sticky;
-  top: calc(var(--indent-base) * -2);
+  top: calc(var(--indent-l) * -2);
   background-color: rgb(var(--dark));
 }
 
 .KIT__List-module__loaderItem____djPZ {
   width: 100%;
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   border-radius: var(--border-s);
   overflow: hidden;
 }
@@ -2472,9 +2542,9 @@
 .KIT__List-module__defaultImg___iBe8c {
   width: 45px;
   height: 45px;
-  margin: calc(var(--indent-base) / 2);
+  margin: calc(var(--indent-l) / 2);
   /* background-color: rgba(var(--white),1); */
-  padding:calc(var(--indent-base) / 4);
+  padding: calc(var(--indent-l) / 4);
   border-radius: var(--border-s);
 }
 
@@ -2482,20 +2552,20 @@
   fill: rgb(var(--gray));
 }
 .KIT__Methods-module__marginB___dPqFf {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 .KIT__DepositQrForm-module__wrapperDepositQrForm___jpmhS {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  padding: var(--indent-base) 0;
+  padding: var(--indent-l) 0;
 }
 
 .KIT__DepositQrForm-module__depositQrTitle___iHMFD {
   text-align: center;
   color: rgb(var(--white));
   font-size: 16px;
-  margin-bottom: calc(var(--indent-base) * 2);
+  margin-bottom: calc(var(--indent-l) * 2);
 }
 
 .KIT__DepositQrForm-module__qrWrapper___gWVsu {
@@ -2503,11 +2573,11 @@
   justify-content: center;
   align-items: center;
   width: 100%;
-  margin-bottom: calc(var(--indent-base) * 3);
+  margin-bottom: calc(var(--indent-l) * 3);
 }
 
 .KIT__DepositQrForm-module__inputInfo___h3vaW {
-  margin-bottom: calc(var(--indent-base) * 2);
+  margin-bottom: calc(var(--indent-l) * 2);
 }
 
 .KIT__DepositQrForm-module__minInfo___iWrrr {
@@ -2516,14 +2586,13 @@
 }
 
 .KIT__DepositQrForm-module__minText___gQXm4 {
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
   color: rgb(var(--gray));
 }
 
 .KIT__DepositQrForm-module__minText___gQXm4 span {
   color: rgba(var(--white), 0.8);
 }
-
 .KIT__DepositSkelet-module__depositSkeletFormWrapper___SUKWx {
   height: 100%;
 }
@@ -2533,7 +2602,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: var(--indent-base);
+  gap: var(--indent-l);
   position: relative;
   overflow: hidden;
 }
@@ -2588,7 +2657,7 @@
 .KIT__HOCErrorBoundary-module__logo___tGF40 {
   position: absolute;
   left: 0;
-  top: var(--indent-base);
+  top: var(--indent-l);
   z-index: 1;
 }
 
@@ -2601,19 +2670,18 @@
     bottom: 0%;
   }
 }
-
 .KIT__MainLoader-module__wrapperMainLoader___m3z7o {
   width: 100%;
   height: 100%;
   position: fixed;
-  top:0;
-  left:0;
+  top: 0;
+  left: 0;
   background-color: rgb(var(--dark));
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  z-index: var(--layout-lvl-5); 
+  z-index: var(--layout-lvl-5);
 }
 
 .KIT__MainLoader-module__marginB___phkty {
@@ -2622,11 +2690,11 @@
 }
 
 .KIT__MainLoader-module__wrapperProgress___gkx8J {
-  width:80%;
+  width: 80%;
   background-color: rgb(var(--semi-dark));
   height: 55px;
   border-radius: var(--border-l);
-  border:1px solid rgba(var(--gray),0.5);
+  border: 1px solid rgba(var(--gray), 0.5);
   overflow: hidden;
 }
 
@@ -2634,7 +2702,7 @@
 .KIT__MainLoader-module__progress____OOs6 {
   height: 100%;
   transition: 0.1s;
-  background-color: rgb(var(--primary));
+  background-color: var(--green-100);
 }
 
 
@@ -2676,7 +2744,7 @@
   color: rgb(var(--gray));
   font-size: var(--font-size-s);
   margin-bottom: var(--indent-base-half);
-  padding: 0 var(--indent-base);
+  padding: 0 var(--indent-l);
 }
 
 .KIT__InvitedTableHead-module__secondColumn___Vy47V {
@@ -2686,7 +2754,6 @@
 .KIT__InvitedTableHead-module__thirdColumn___mAcYS {
   text-align: right;
 }
-
 .KIT__List-module__wrapperList___CbQsY {
   display: flex;
   flex-direction: column;
@@ -2702,7 +2769,7 @@
   border: 2px solid rgb(var(--border-color-gray));
   border-radius: var(--border-12);
   color: var(--referral-text-color);
-  padding: 0 var(--indent-base);
+  padding: 0 var(--indent-l);
   background-color: rgb(var(--dark), 0.5);
 }
 
@@ -2723,19 +2790,18 @@
   font-size: var(--font-size-m);
   font-weight: 300;
 }
-
 .KIT__Pagination-module__wrapperPagination___GbUfd {
   display: flex;
   align-items: center;
   justify-content: center;
-  height: calc(var(--height-48) - var(--indent-base) / 3);
-  gap: var(--indent-base);
+  height: calc(var(--height-48) - var(--indent-l) / 3);
+  gap: var(--indent-l);
 }
 
 .KIT__Pagination-module__pages___fNXOV {
   display: flex;
   align-items: center;
-  gap: calc(var(--indent-base) / 3);
+  gap: calc(var(--indent-l) / 3);
   height: 100%;
 }
 
@@ -2806,7 +2872,7 @@
 
 .KIT__Pagination-module__rotateRight___ZMQHv {
   transform: rotate(90deg);
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
 }
 
 @media screen and (min-width: 768px) {
@@ -2816,7 +2882,7 @@
 
   .KIT__Pagination-module__pages___fNXOV {
     color: rgb(var(--gray));
-    gap: var(--indent-base);
+    gap: var(--indent-l);
   }
 
   .KIT__Pagination-module__page___BM78i {
@@ -2839,11 +2905,9 @@
     background-color: var(--pagination-active-button-background);
   }
 }
-
 .KIT__ReferralTable-module__wrapperTable___w1vwn {
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
-
 .KIT__Wheel-module__wheelWrapper___pnGMz {
   width: var(--full);
   height: var(--full);
@@ -2925,39 +2989,45 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
 
   display: flex;
   z-index: calc(var(--layout-lvl-1) + 1);
 
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   text-align: center;
- 
+
 
   justify-content: flex-start;
   flex-direction: column;
 }
 
 .KIT__Wheel-module__item2___GeqJL {
-  transform: translate(-50%,-50%) rotate(45deg)
+  transform: translate(-50%, -50%) rotate(45deg)
 }
+
 .KIT__Wheel-module__item3___IvSJ3 {
-  transform: translate(-50%,-50%) rotate(90deg)
+  transform: translate(-50%, -50%) rotate(90deg)
 }
+
 .KIT__Wheel-module__item4___q3RZY {
-  transform: translate(-50%,-50%) rotate(135deg)
+  transform: translate(-50%, -50%) rotate(135deg)
 }
+
 .KIT__Wheel-module__item5___w7Jwh {
-  transform: translate(-50%,-50%) rotate(180deg)
+  transform: translate(-50%, -50%) rotate(180deg)
 }
+
 .KIT__Wheel-module__item6___rycKo {
-  transform: translate(-50%,-50%) rotate(225deg)
+  transform: translate(-50%, -50%) rotate(225deg)
 }
+
 .KIT__Wheel-module__item7___jfKrL {
-  transform: translate(-50%,-50%) rotate(270deg)
+  transform: translate(-50%, -50%) rotate(270deg)
 }
+
 .KIT__Wheel-module__item8___En5Ei {
-  transform: translate(-50%,-50%) rotate(315deg)
+  transform: translate(-50%, -50%) rotate(315deg)
 }
 
 .KIT__Wheel-module__spinBtn___AngbQ {
@@ -2969,7 +3039,7 @@
   top: var(--indent);
   left: 50%;
   left: var(--indent);
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
 
   width: 80px;
 
@@ -2990,12 +3060,12 @@
   position: absolute;
   top: var(--indent);
   left: var(--indent);
-  transform: translate(-50%,-50%) rotate(-8.5deg);
+  transform: translate(-50%, -50%) rotate(-8.5deg);
 
   font-weight: 900;
   font-size: var(--font-size-xxl);
   color: rgb(var(--white));
-  text-shadow: 0 5px 0 #290049,0 6.38508px 11.706px #000000;
+  text-shadow: 0 5px 0 #290049, 0 6.38508px 11.706px #000000;
 }
 
 .KIT__Wheel-module__slotName___MqFJ9 {
@@ -3026,6 +3096,7 @@
   0% {
     transform: scale(0);
   }
+
   100% {
     transform: scale(1) translateY(-50%);
   }
@@ -3037,7 +3108,7 @@
   }
 
   50% {
-      transform: rotate(5deg);
+    transform: rotate(5deg);
   }
 
   100% {
@@ -3056,8 +3127,6 @@
     transform: rotate(5390deg);
   }
 }
-
-
 .KIT__Scratch-module__scratch___n0TBg {
   width: 100%;
   height: 100%;
@@ -3069,7 +3138,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   z-index: 1;
 }
 
@@ -3133,6 +3202,7 @@
   0% {
     transform: scale(1, 1);
   }
+
   50% {
     transform: scale(1.05, 1.05);
   }
@@ -3146,6 +3216,7 @@
   0% {
     transform: scale(0);
   }
+
   100% {
     transform: scale(1) translateY(-50%);
   }
@@ -3160,7 +3231,7 @@
     height: 100vh;
     margin-top: 0;
     margin-top: initial;
-    padding: calc(var(--indent-base) * 2) 0;
+    padding: calc(var(--indent-l) * 2) 0;
   }
 
   .KIT__Scratch-module__zeus___mWqU8 {
@@ -3176,13 +3247,12 @@
     max-height: 400px;
   }
 }
-
 .KIT__TournamentCard-module__wrapperTournamentCard___B_cI_ {
   background: var(--tournament-card-background-color);
   width: 100%;
   border-radius: var(--border-xl);
   border: 2px solid var(--border-color-gray);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   position: relative;
   overflow: hidden;
   max-width: 500px;
@@ -3201,7 +3271,7 @@
   font-weight: 700;
   font-size: 20px;
   text-transform: uppercase;
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   position: relative;
 }
 
@@ -3214,7 +3284,7 @@
   font-size: var(--font-size-xs);
   text-transform: uppercase;
   color: var(--tournament-card-win-sum-color);
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
   position: relative;
 }
 
@@ -3251,7 +3321,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
 }
 
 .KIT__TournamentCard-module__info___j03kS {
@@ -3286,7 +3356,6 @@
   font-weight: 700;
   font-size: var(--font-size-xl);
 }
-
 .KIT__SkeletLoader-module__wrapperSkeletLoader___oGTH8 {
   height: 100%;
   background: var(--skelet-loader-wrapper-background-color);
@@ -3321,7 +3390,7 @@
   width: var(--winner-card-size);
   border-radius: var(--border-s);
   background: var(--card-background);
-  padding: var(--indent-base);
+  padding: var(--indent-l);
 
   color: var(--card-text-color);
   flex-shrink: 0;
@@ -3385,10 +3454,7 @@
     font-size: var(--font-size-s);
     line-height: var(--font-size-s);
     font-weight: 600;
-    width: calc(
-      var(--winner-card-size) -
-        (var(--card-img-width) + var(--indent-base-double))
-    );
+    width: calc(var(--winner-card-size) - (var(--card-img-width) + var(--indent-base-double)));
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
@@ -3403,14 +3469,13 @@
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__sum___ZpyFL {
     font-weight: 700;
     font-size: var(--font-size-m);
-    color: rgb(var(--primary));
+    color: var(--green-100);
   }
 
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__loaderSum___GqO9a {
     width: 40px;
     height: 15px;
   }
-
 .KIT__LastBigWinners-module__wrapperBoxLoader___vM6yl {
   height: var(--last-big-winner-card-height);
   width: 100%;
@@ -3433,7 +3498,7 @@
 }
 
 .KIT__Digit-module__digit___zpm_m {
-  margin-left: calc(var(--indent-base) / 3);
+  margin-left: calc(var(--indent-l) / 3);
   height: 100%;
   overflow: hidden;
   text-align: center;
@@ -3462,7 +3527,6 @@
     transform: translateY(-100%);
   }
 }
-
 .KIT__JackpotCounter-module__wrapperCounter___RcPhd {
   font-size: 2.5rem;
   display: flex;
@@ -3476,7 +3540,7 @@
 
   --jackpot-counter-text-color: rgb(var(--soft-gray));
 }
-.KIT__Jackpot-module__jackpotInfoBoxWrapper___Pg4DB{
+.KIT__Jackpot-module__jackpotInfoBoxWrapper___Pg4DB {
   /* height: 250px; */
   border-radius: var(--border-xl);
   background: var(--gradient-purple);
@@ -3488,8 +3552,8 @@
   position: relative;
   z-index: var(--layout-lvl-1);
 
-  padding:var(--indent-base);
-  
+  padding: var(--indent-l);
+
 
   animation: KIT__Jackpot-module__Scaling___HkvJM 0.5s forwards;
   overflow: hidden;
@@ -3525,13 +3589,13 @@
   justify-content: center;
   align-items: center;
   color: var(--jackpot-counter-text-color);
-  margin-bottom: calc(var(--indent-base-double) * 2 );
+  margin-bottom: calc(var(--indent-base-double) * 2);
 
   --jackpot-counter-text-color: rgb(var(--soft-gray));
 }
 
 .KIT__Jackpot-module__jackpotCounterWrapper___n3tiu {
-  padding:var(--indent-base-half);
+  padding: var(--indent-base-half);
   position: relative;
   font-weight: 900;
   width: 100%;
@@ -3553,6 +3617,7 @@
 
   opacity: 1;
 }
+
 .KIT__Jackpot-module__redLight___E5cw8 {
   opacity: 1;
 }
@@ -3575,6 +3640,7 @@
   height: 100%;
   bottom: -10%;
 }
+
 .KIT__Jackpot-module__devil___agv4_ {
   top: auto;
   top: initial;
@@ -3587,7 +3653,7 @@
 }
 
 @keyframes KIT__Jackpot-module__Scaling___HkvJM {
-  0%{
+  0% {
     transform: scale(0);
   }
 
@@ -3602,14 +3668,13 @@
 }
 
 .KIT__JackpotWidget-module__marginL___xUqkQ {
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
 }
 
 .KIT__JackpotWidget-module__marginL___xUqkQ:first-child {
   margin-left: 0;
 }
 
-
   .KIT__Icons-module__fsWinCashFill___cQ6iY path {
     fill:rgb(0,0,0)
   }
@@ -3624,9 +3689,9 @@
   border: 2px solid var(--border-color-gray);
   display: flex;
   align-items: center;
-  padding: var(--indent-base);
+  padding: var(--indent-l);
   justify-content: space-between;
-  margin-bottom: var(--indent-base);
+  margin-bottom: var(--indent-l);
 }
 
 .KIT__NotificationView-module__wrapperNotification___GLKdP.KIT__NotificationView-module__animationMoveToLeftNotification___RyoLN {
@@ -3647,7 +3712,7 @@
 }
 
 .KIT__NotificationView-module__text___zAS7m {
-  margin-left: var(--indent-base);
+  margin-left: var(--indent-l);
   color: var(--notification-text-color);
   font-size: 12px;
 }
@@ -4257,18 +4322,14 @@
       }
 
 html {
-  --primary-shadow: 0 0px 9px rgb(var(--primary)),
-    inset 0 8px 1px rgba(var(--primary), 0.1);
-  --primary-gradient: linear-gradient(
-    1turn,
-    rgba(var(--primary), 0.5) 0.8%,
-    rgb(var(--primary))
-  );
-  --primary-secondary: linear-gradient(
-    1turn,
-    rgba(var(--soft-gray), 0.625) 0.8%,
-    rgb(var(--soft-gray))
-  );
+  --primary-shadow: 0 0px 9px var(--green-100),
+    inset 0 8px 1px rgba(, 0.1);
+  --primary-gradient: linear-gradient(1turn,
+      rgba(, 0.5) 0.8%,
+      var(--green-100));
+  --primary-secondary: linear-gradient(1turn,
+      rgba(var(--soft-gray), 0.625) 0.8%,
+      rgb(var(--soft-gray)));
   /* Buttons */
   --button-color-primary: var(--primary-gradient);
   --button-box-shadow-primary: var(--primary-shadow);
@@ -4278,7 +4339,7 @@ html {
     inset 0 4px 3px var(--secondary-05);
 
   --button-color-blue: linear-gradient(1turn, #0c5eff 0.8%, #1398f9);
-  --button-box-shadow-blue: 0 3px 28px rgb(var(--primary)) 66,
+  --button-box-shadow-blue: 0 3px 28px var(--green-100) 66,
     inset 0 3px 3px rgba(255,255,255,0.30196);
 
   --button-color-secondary: var(--primary-secondary);
@@ -4295,25 +4356,15 @@ html {
   --button-full: 100%;
 
   --button-height-xs: var(--small-button-height);
-  --button-height-s: calc(
-    var(--small-button-height) + var(--button-height-step)
-  );
-  --button-height-m: calc(
-    var(--small-button-height) + var(--button-height-step) * 2
-  );
-  --button-height-l: calc(
-    var(--small-button-height) + var(--button-height-step) * 3
-  );
-  --button-height-xl: calc(
-    var(--small-button-height) + var(--button-height-step) * 4
-  );
-  --button-height-xxl: calc(
-    var(--small-button-height) + var(--button-height-step) * 5
-  );
+  --button-height-s: calc(var(--small-button-height) + var(--button-height-step));
+  --button-height-m: calc(var(--small-button-height) + var(--button-height-step) * 2);
+  --button-height-l: calc(var(--small-button-height) + var(--button-height-step) * 3);
+  --button-height-xl: calc(var(--small-button-height) + var(--button-height-step) * 4);
+  --button-height-xxl: calc(var(--small-button-height) + var(--button-height-step) * 5);
 
   /* indents */
-  --indent-base-double: calc(var(--indent-base) * 2);
-  --indent-base-half: calc(var(--indent-base) / 2);
+  --indent-base-double: calc(var(--indent-l) * 2);
+  --indent-base-half: calc(var(--indent-l) / 2);
   /* borders */
   --border-xs: 3px;
   --border-s: 6px;
@@ -4333,7 +4384,7 @@ html {
   --input-full: 100%;
   --input-height: 40px;
   --input-icon-width: 25px;
-  --input-border-focus-bg: rgb(var(--primary));
+  --input-border-focus-bg: var(--green-100);
   --input-border-bg: var(--border-color);
   /* font-size */
   --font-size-xxs: 0.5rem;
@@ -4357,28 +4408,22 @@ html {
   /* App Switcher */
   --border-app-switcher-color: inherit;
   --background-active-app-switcher-color: var(--border-app-switcher-color);
-  --active-app-border-color: var(--primary);
-  --app-switcher-svg-path-fill: rgb(var(--primary));
+  --active-app-border-color: ;
+  --app-switcher-svg-path-fill: var(--green-100);
   --pop-up-header-close-svg-path-fill: rgb(var(--gray));
 
-  --drawer-button-border-background: linear-gradient(
-    90deg,
-    rgb(var(--primary)) 0.8%,
-    transparent
-  );
-  --drawer-button-shadow-background: linear-gradient(
-    90deg,
-    #212433 0%,
-    var(--drawer-modal-content-color) 100%
-  );
+  --drawer-button-border-background: linear-gradient(90deg,
+      var(--green-100) 0.8%,
+      transparent);
+  --drawer-button-shadow-background: linear-gradient(90deg,
+      #212433 0%,
+      var(--drawer-modal-content-color) 100%);
 
   /* Checkbox */
 
   --check-box-height: 32px;
   --check-box-slider-padding: 4px;
-  --check-box-slider-size: calc(
-    var(--check-box-height) - var(--check-box-slider-padding) * 2
-  );
+  --check-box-slider-size: calc(var(--check-box-height) - var(--check-box-slider-padding) * 2);
   --check-box-width: 52px;
   --check-box-selected-color: rgba(52, 199, 89, 1);
   --check-box-unselected-color: rgba(31, 34, 47, 1);
@@ -4388,4 +4433,157 @@ html {
   /* PromoCode */
   --promo-code-promo-title-color: rgba(var(--white), 0.5);
 }
-
+/* CSS variables. */
+:root {
+	--PhoneInput-color--focus: #03b2cb;
+	--PhoneInputInternationalIconPhone-opacity: 0.8;
+	--PhoneInputInternationalIconGlobe-opacity: 0.65;
+	--PhoneInputCountrySelect-marginRight: 0.35em;
+	--PhoneInputCountrySelectArrow-width: 0.3em;
+	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
+	--PhoneInputCountrySelectArrow-borderWidth: 1px;
+	--PhoneInputCountrySelectArrow-opacity: 0.45;
+	--PhoneInputCountrySelectArrow-color: currentColor;
+	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
+	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
+	--PhoneInputCountryFlag-aspectRatio: 1.5;
+	--PhoneInputCountryFlag-height: 1em;
+	--PhoneInputCountryFlag-borderWidth: 1px;
+	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
+	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
+	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
+}
+
+.PhoneInput {
+	/* This is done to stretch the contents of this component. */
+	display: flex;
+	align-items: center;
+}
+
+.PhoneInputInput {
+	/* The phone number input stretches to fill all empty space */
+	flex: 1;
+	/* The phone number input should shrink
+	   to make room for the extension input */
+	min-width: 0;
+}
+
+.PhoneInputCountryIcon {
+	width: calc(1em * 1.5);
+	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
+	height: 1em;
+	height: var(--PhoneInputCountryFlag-height);
+}
+
+.PhoneInputCountryIcon--square {
+	width: 1em;
+	width: var(--PhoneInputCountryFlag-height);
+}
+
+.PhoneInputCountryIcon--border {
+	/* Removed `background-color` because when an `<img/>` was still loading
+	   it would show a dark gray rectangle. */
+	/* For some reason the `<img/>` is not stretched to 100% width and height
+	   and sometime there can be seen white pixels of the background at top and bottom. */
+	background-color: rgba(0,0,0,0.1);
+	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
+	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
+	/* For some reason the `<img/>` is not stretched to 100% width and height
+	   and sometime there can be seen white pixels of the background at top and bottom,
+	   so an additional "inset" border is added. */
+	box-shadow: 0 0 0 1px rgba(0,0,0,0.5),
+		inset 0 0 0 1px rgba(0,0,0,0.5);
+	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
+		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
+}
+
+.PhoneInputCountryIconImg {
+	/* Fixes weird vertical space above the flag icon. */
+	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
+	display: block;
+	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
+	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
+	width: 100%;
+	height: 100%;
+}
+
+.PhoneInputInternationalIconPhone {
+	opacity: 0.8;
+	opacity: var(--PhoneInputInternationalIconPhone-opacity);
+}
+
+.PhoneInputInternationalIconGlobe {
+	opacity: 0.65;
+	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
+}
+
+/* Styling native country `<select/>`. */
+
+.PhoneInputCountry {
+	position: relative;
+	align-self: stretch;
+	display: flex;
+	align-items: center;
+	margin-right: 0.35em;
+	margin-right: var(--PhoneInputCountrySelect-marginRight);
+}
+
+.PhoneInputCountrySelect {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 1;
+	border: 0;
+	opacity: 0;
+	cursor: pointer;
+}
+
+.PhoneInputCountrySelect[disabled],
+.PhoneInputCountrySelect[readonly] {
+	cursor: default;
+}
+
+.PhoneInputCountrySelectArrow {
+	display: block;
+	content: '';
+	width: 0.3em;
+	width: var(--PhoneInputCountrySelectArrow-width);
+	height: 0.3em;
+	height: var(--PhoneInputCountrySelectArrow-width);
+	margin-left: 0.35em;
+	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
+	border-style: solid;
+	border-color: currentColor;
+	border-color: var(--PhoneInputCountrySelectArrow-color);
+	border-top-width: 0;
+	border-bottom-width: 1px;
+	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
+	border-left-width: 0;
+	border-right-width: 1px;
+	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
+	transform: rotate(45deg);
+	transform: var(--PhoneInputCountrySelectArrow-transform);
+	opacity: 0.45;
+	opacity: var(--PhoneInputCountrySelectArrow-opacity);
+}
+
+.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
+	opacity: 1;
+	color: #03b2cb;
+	color: var(--PhoneInputCountrySelectArrow-color--focus);
+}
+
+.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
+	box-shadow: 0 0 0 1px #03b2cb,
+		inset 0 0 0 1px #03b2cb;
+	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
+		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
+}
+
+.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
+	opacity: 1;
+	color: #03b2cb;
+	color: var(--PhoneInputCountrySelectArrow-color--focus);
+}