react-gldn-kit 0.1.126 → 0.1.128

package/dist/main.css

@@ -257,11 +257,11 @@
   -webkit-text-decoration: none;
   text-decoration: none;
   font-size: 10px;
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   position: relative;
 }
 
-.KIT__JivoButton-module__customJivoButtonWrapper___ZNgrt>svg {
+.KIT__JivoButton-module__customJivoButtonWrapper___ZNgrt > svg {
   width: 24px;
   height: 24px;
 }
@@ -277,15 +277,6 @@
   border: 2px solid var(--green-100);
 }
 
-/* .newMsg {
-  position: absolute;
-  top:0;
-  right:0;
-  width:10px;
-  height: 10px;
-  border-radius: 50%;
-  background-color: rgb(var(--red));
-} */
 .KIT__CircularLoader-module__wrapper____8e1L {
   height:  var(--height-48);
   border: 5px solid transparent;
@@ -383,7 +374,7 @@
   font-size: var(--font-size-s);
   text-align: center;
   color: var(--row-casino-games-show-all-button-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 .KIT__AppSwitcher-module__wrapperAppSwitcher___nBfRM {
   display: flex;
@@ -657,6 +648,33 @@
   height:8px;
 }
 
+.KIT__ArrowButton-module__defaultClasses___mj1Wq {
+  transition: 0.5s;
+  transform: rotate(180deg);
+}
+
+.KIT__ArrowButton-module__defaultClasses___mj1Wq path {
+  fill: var(--arrow-button-svg-path-fill);
+}
+
+.KIT__ArrowButton-module__openedColor___M7HTi * {
+  fill: var(--arrow-button-opened-svg-path-fill);
+  cursor: pointer;
+}
+
+.KIT__ArrowButton-module__defaultClasses___mj1Wq.KIT__ArrowButton-module__openedColor___M7HTi {
+  transform: rotate(0deg);
+}
+
+.KIT__ArrowButton-module__secondary___hppw9 {
+  transform: none;
+  transform: initial;
+}
+
+.KIT__ArrowButton-module__secondary___hppw9.KIT__ArrowButton-module__openedColor___M7HTi {
+  transform: rotate(180deg);
+}
+
 .KIT__BaseInputUi-module__mainContainer___rOSUI {
   display: flex;
   flex-direction: column;
@@ -723,7 +741,7 @@
   transform: translateY(-50%);
   color: var(--third-input-label-text-color, var(--input-label-text-color));
   z-index: 1;
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   transition: 0.5s;
   order: -1;
   line-height: 1;
@@ -737,7 +755,7 @@
 .KIT__BaseInputUi-module__labelRelative___mLfEj {
   position: relative;
   color: var(--base-0);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
 
 }
 
@@ -746,7 +764,7 @@
   width: 100%;
   background-color: transparent;
   color: var(--input-text-color);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   font-size: var(--font-size-m);
 }
 
@@ -770,7 +788,7 @@
 .KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz ~ .KIT__BaseInputUi-module__label___uzM8L {
   position: absolute;
   left: var(--indent-m);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--font-size-xs);
 }
 
@@ -781,7 +799,7 @@
 
 .KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__BaseInputUi-module__disabled___eDvdR {
@@ -909,33 +927,6 @@
   margin-bottom: var(--indent-l);
 }
 
-.KIT__ArrowButton-module__defaultClasses___mj1Wq {
-  transition: 0.5s;
-  transform: rotate(180deg);
-}
-
-.KIT__ArrowButton-module__defaultClasses___mj1Wq path {
-  fill: var(--arrow-button-svg-path-fill);
-}
-
-.KIT__ArrowButton-module__openedColor___M7HTi * {
-  fill: var(--arrow-button-opened-svg-path-fill);
-  cursor: pointer;
-}
-
-.KIT__ArrowButton-module__defaultClasses___mj1Wq.KIT__ArrowButton-module__openedColor___M7HTi {
-  transform: rotate(0deg);
-}
-
-.KIT__ArrowButton-module__secondary___hppw9 {
-  transform: none;
-  transform: initial;
-}
-
-.KIT__ArrowButton-module__secondary___hppw9.KIT__ArrowButton-module__openedColor___M7HTi {
-  transform: rotate(180deg);
-}
-
 .KIT__Selector-module__wrapperSelector___gMgBa {
   position: relative;
   flex-shrink: 0;
@@ -986,8 +977,9 @@
   background-color: var(--phone-input-item-hover-background-color);
 }
 
-.KIT__Selector-module__item___H9Toq.KIT__Selector-module__disabled___tfq_t {
+.KIT__Selector-module__disabled___tfq_t {
   opacity: 0.7;
+  pointer-events: none;
 }
 
 .KIT__Selector-module__item___H9Toq > div {
@@ -1010,6 +1002,7 @@
   display: flex;
   align-items: center;
   gap: var(--indent-m);
+  width: var(--full);
 }
 
 .KIT__Selector-module__arrowBox___Mh4_4 {
@@ -1039,7 +1032,7 @@
 }
 
 .KIT__Selector-module__label___WfHNj {
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   font-size: var(--font-size-xs);
   color: var(--selector-label-text-color);
 }
@@ -1268,6 +1261,7 @@
 .KIT__OneClick-module__fullWidth___vk4aC .KIT__OneClick-module__marginB___NGiBf {
     margin-bottom: var(--indent-l);
   }
+
 .KIT__Tabs-module__wrapperTabs___rFoBY {
   display: flex;
   align-items: center;
@@ -1420,14 +1414,14 @@
 .KIT__SignUp-module__signUpTitle___alxks {
   font-size: var(--font-size-l);
   color: var(--sign-up-modal-bonus-text-title-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   margin-bottom: var(--indent-xl);
 }
 
 .KIT__SignUp-module__subText___bJCjn {
   font-size: var(--font-size-s);
   color: var(--sign-up-modal-bonus-subtext-color);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   line-height: 18.2px;
 }
 
@@ -1440,7 +1434,7 @@
   color: var(--sign-up-modal-bonus-text-color);
   padding: var(--indent-l);
   text-align: center;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   line-height: 26px;
 }
 
@@ -1501,7 +1495,7 @@
 
 .KIT__SignUp-module__authButtonText___TfD7g span {
     margin-left: var(--indent-xs);
-    font-weight: 500;
+    font-weight: var(--font-weight-normal);
     color: #4576f4;
   }
 
@@ -1576,7 +1570,7 @@
 
 .KIT__PhoneView-module__phoneText___rHzpz {
   font-size: var(--font-size-xs);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   color: var(--base-400);
   padding-left: var(--indent-s);
   line-height: 14px;
@@ -1636,7 +1630,7 @@
 }
 
 .KIT__PhoneView-module__inputText___MRtU0 {
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   width: 100%;
   padding: 0;
   opacity: 0;
@@ -1744,7 +1738,7 @@
 
 .KIT__MoreInfo-module__mainInfo___iavDV {
   color: var(--kit-lost-password-phone-info-main-color, var(--lost-password-phone-info-main-color, var(--base-0)));
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   font-size: var(--font-size-s);
 }
 
@@ -1799,7 +1793,7 @@
 }
 
 .KIT__PhoneInput-module__errorBorder___QOw8R {
-  border-color: rgb(var(--red));
+  border-color: var(--red-1000);
 }
 
 .KIT__PhoneInput-module__error___mgsEO {
@@ -1808,7 +1802,7 @@
   text-overflow: ellipsis;
   font-size: 11px;
   overflow: hidden;
-  color: rgb(var(--red));
+  color: var(--red-1000);
   padding-left: var(--indent-m);
 }
 
@@ -1999,7 +1993,7 @@
   border: 1px solid var(--input-default-border-color);
   color: transparent;
   font-size: var(--font-size-m);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   padding: 0 var(--indent-m);
   width: 100%;
   border-radius: var(--border-xs);
@@ -2068,7 +2062,7 @@
   left: calc(var(--indent-m) + 1px);
   color: var(--base-0);
   font-size: var(--font-size-m);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   pointer-events: none;
 }
 
@@ -2712,7 +2706,7 @@
   padding: var(--indent-l) var(--indent-xl);
   color: var(--base-0);
   font-size: var(--font-size-xxl);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   line-height: 32px;
 }
 
@@ -2754,7 +2748,7 @@
   justify-content: center;
   border-radius: var(--border-s);
   height: 50px;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--submit-button-font-size);
 }
 
@@ -2843,6 +2837,10 @@
   color: var(--red-1000);
 }
 
+.KIT__SignUpTypeTwo-module__center___o2nFF {
+  margin: 0 auto;
+}
+
 .KIT__SignUpTypeThree-module__wrapperSignUpModal___ESx6s {
   --third-modal-layout-background-color: var(--base-0);
   --semi-blue-gray: 97, 113, 158;
@@ -2924,7 +2922,7 @@
   margin-bottom: var(--indent-m);
   font-size: var(--font-size-m);
   width: var(--full);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   color: var(--sign-in-title-color, var(--third-semi-dark-gray));
 
   display: flex;
@@ -2948,7 +2946,7 @@
   justify-content: center;
   text-transform: capitalize;
   flex-shrink: initial;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--font-size-xs);
   padding: var(--indent-m);
 }
@@ -2967,7 +2965,7 @@
 
 .KIT__SignUpTypeThree-module__subTitle___oAr_a {
   font-size: 0.75rem;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   color: var(--sign-up-sub-title-color, var(--third-semi-dark-gray));
   margin-bottom: var(--indent-m);
 }
@@ -3060,7 +3058,7 @@
   }
 
   .KIT__SignUpTypeThree-module__offer___GjN9o {
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     text-transform: uppercase;
 
     position: absolute;
@@ -3096,7 +3094,7 @@
 .KIT__SignUpTypeThree-module__label___FrCje,
 .KIT__SignUpTypeThree-module__inputSize___vSE8g {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__Logos-module__wrapperLogo___jKLCC {
@@ -3112,7 +3110,7 @@
 .KIT__Docs-module__checkbox___uJZLH {
   margin-bottom: var(--indent-l);
   color: var(--sign-up-modal-checkbox-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__Docs-module__termsCheckbox___HOSyc {
@@ -3141,7 +3139,7 @@
   color: var(--third-primary-color);
   gap: var(--indent-xs);
   font-size: 12px;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
 
@@ -3190,7 +3188,7 @@
 
 .KIT__EmailSignUp-module__selectorMainItem___TQFNU {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__EmailSignUp-module__authButton___T30HT {
@@ -3204,7 +3202,7 @@
   max-height: var(--height);
   border-radius: var(--border-s);
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__PhoneSignUp-module__authButton___PVVoL {
@@ -3218,7 +3216,7 @@
   max-height: var(--height);
   border-radius: var(--border-s);
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__PhoneSignUp-module__phoneInput___HTyDn {
@@ -3233,12 +3231,12 @@
 
 .KIT__PhoneSignUp-module__selectorMainItem___d5C6F {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__PhoneSignUp-module__input___kmCJg {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__OneClick-module__fullWidth___OJVn2 {
@@ -3260,7 +3258,7 @@
   max-height: var(--height);
   border-radius: var(--border-s);
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__OneClick-module__dropdown___CP2Mq {
@@ -3270,7 +3268,7 @@
 
 .KIT__OneClick-module__selectorMainItem___VA9hZ {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__SignIn-module__wrapperReferralCopyContent___Ypykg {
@@ -3383,7 +3381,7 @@
 .KIT__SignIn-module__lostPsw___RdVZX {
   text-align: right;
   color: var(--sign-in-modal-lost-password-color);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   font-size: 12px;
 }
 
@@ -3411,7 +3409,7 @@
 
 .KIT__SignIn-module__noAccount____drPZ span {
     margin-left: var(--indent-xs);
-    font-weight: 500;
+    font-weight: var(--font-weight-normal);
     color: #4576f4;
   }
 
@@ -3499,7 +3497,7 @@
   margin-bottom: var(--indent-m);
   font-size: var(--font-size-m);
   width: var(--full);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   color: var(--sign-in-title-color, var(--third-semi-dark-gray));
 
   display: flex;
@@ -3570,7 +3568,7 @@
     --sign-in-lost-psw-color,
     var(--third-primary-color)
   );
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   font-size: 12px;
   -webkit-text-decoration: underline;
   text-decoration: underline;
@@ -3594,7 +3592,7 @@
   max-height: var(--height);
   border-radius: var(--border-s);
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__SignInThird-module__close___oE_hd {
@@ -3619,7 +3617,7 @@
 
 .KIT__SignInThird-module__noAccount___t4H66 {
   color: var(--third-no-account-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__SignInThird-module__register___dMxC4 {
@@ -3644,7 +3642,7 @@
 
 .KIT__SignInThird-module__tab___aT9BA {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 @media screen and (min-width: 768px) {
@@ -3701,7 +3699,7 @@
 .KIT__SignInThird-module__label___bToZ8,
 .KIT__SignInThird-module__input___UM0Fz {
   font-size: var(--font-size-xs);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 @keyframes KIT__SignInThird-module__FadeIn___W1LOq {
@@ -3738,7 +3736,7 @@
 }
 
 .KIT__PopUpHeader-module__title___PWFyT {
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
   font-size: var(--font-size-l);
   color: var(--pop-up-header-title-color, var(--forms-header-name-color));
   text-align: center;
@@ -3913,7 +3911,7 @@
 .KIT__CountDown-module__time___vYdN2 {
   font-size: var(--font-size-m);
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
 }
 
 .KIT__CountDown-module__timeInfo___zUbG5 {
@@ -3956,7 +3954,7 @@
   border-radius: var(--border-s);
   margin-left: calc(var(--indent-l) / 3);
   font-size: 28px;
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
 }
 
 .KIT__CountDown-module__dots___Vlr0w {
@@ -4022,7 +4020,7 @@
 .KIT__BonusCardLayout-module__title___BStV1 {
   font-size: var(--font-size-m);
   color: var(--bonus-card-layout-title-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__BonusCardLayout-module__detail___rwO1z {
@@ -4080,7 +4078,7 @@
 .KIT__BonusCardLayout-module__value___ab83F {
   font-size: var(--font-size-xxl);
   color: var(--bonus-card-layout-value-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__BonusCardLayout-module__btn___r4YOm {
@@ -4095,7 +4093,7 @@
   z-index: calc(var(--layout-lvl-1) + 2);
   border-radius: var(--border-s);
   font-size: var(--font-size-s);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
 }
 
 .KIT__BonusCardLayout-module__row___B4YuW {
@@ -4180,7 +4178,7 @@
 
 .KIT__BonusCardLayout-module__blockedText___gNZbl {
   color: var(--bonus-card-layout-blocked-text-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   text-align: center;
 }
 
@@ -4317,7 +4315,7 @@
 .KIT__LandingLayoutTemplate-module__wrapperLanding___DVPCk .KIT__LandingLayoutTemplate-module__content___qtSpY .KIT__LandingLayoutTemplate-module__button___qKZYV {
       background: var(--landing-layout-template-button-background);
       text-transform: uppercase;
-      font-weight: 700;
+      font-weight: var(--font-weight-bold);
     }
 .KIT__Credentials-module__wrapperCredentials___AH3RX {
   display: flex;
@@ -4364,7 +4362,7 @@
 }
 
 .KIT__LostPasswordEmailForm-module__weight___kpCLM {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__LostPasswordPhoneForm-module__items___VImtL {
@@ -4380,7 +4378,7 @@
 }
 
 .KIT__LostPasswordPhoneForm-module__weight___BH0Uy {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__LostPassword-module__yellow___dOi3Z {
@@ -4584,7 +4582,7 @@
   height: 50px;
   height: var(--size);
   border-radius: var(--border-m);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   line-height: 1.2;
   color: var(--kit-input-code-color, var(--base-0));
   background: var(--kit-input-code-background, var(--base-800));
@@ -4693,7 +4691,7 @@
     --number-confirmation-resend-code-span-color,
     rgba(69, 118, 244, 1)
   );
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
 }
 
 .KIT__NumberConfirmation-module__mediumGap___OVFXc {
@@ -4801,7 +4799,7 @@
     --number-confirmation-resend-code-span-color,
     rgba(69, 118, 244, 1)
   );
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
 }
 
 .KIT__EmailConfirmation-module__mediumGap____mnrR {
@@ -4839,7 +4837,7 @@
 }
 
 .KIT__Fourth-module__signInButton___ZmNS9 {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__Fourth-module__lostPassword___idMpY {
@@ -4930,12 +4928,12 @@
 
 .KIT__Fourth-module__primary___WKWKF {
   color: var(--primary-green);
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
 }
 
 .KIT__Fourth-module__title___zMD4A {
   font-size: 36px;
-  font-weight: 800;
+  font-weight: var(--font-weight-extra-bold);
   color: var(--base-0);
   line-height: 1;
 }
@@ -4948,7 +4946,7 @@
 
 .KIT__Fourth-module__signInButton___n4puk {
   margin-top: auto;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   transition: all 0.5s;
 }
 
@@ -5103,7 +5101,7 @@
 
 .KIT__BettingRestrict-module__textContent___R07mo .KIT__BettingRestrict-module__title___kjId5 {
     font-size: 1.5rem;
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     line-height: 122%;
   }
 
@@ -5115,7 +5113,7 @@
     }
 
 .KIT__BettingRestrict-module__textContent___R07mo .KIT__BettingRestrict-module__subTitle___Ez_fd {
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     font-size: 1rem;
     line-height: 122%;
   }
@@ -5129,7 +5127,7 @@
 
 .KIT__BettingRestrict-module__textContent___R07mo .KIT__BettingRestrict-module__suggestion___jqGWM {
     color: var(--betting-restrict-suggestion-color);
-    font-weight: 600;
+    font-weight: var(--font-weight-semi-bold);
   }
 
 @media screen and (max-width: 768px) {
@@ -5162,7 +5160,7 @@
 
 .KIT__BettingRestrict-module__region___VcKni {
   color: var(--betting-restrict-region-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: 0.9rem;
   display: flex;
   align-items: center;
@@ -5178,7 +5176,7 @@
 
 .KIT__BettingRestrict-module__region___VcKni .KIT__BettingRestrict-module__name___niMlf {
     color: var(--betting-restrict-name-color);
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
   }
 
 .KIT__Alert-module__wrapperModal___lOle6 {
@@ -5460,6 +5458,7 @@
 .KIT__Banners-module__emblaSlide___eHpp8 {
   width: 100%;
   max-width: 500px;
+  max-width: var(--slide-max-width, 500px);
   transform: translate3d(0, 0, 0);
   flex: 0 0 var(--slide-size);
   min-width: 0;
@@ -5489,59 +5488,55 @@
            object-fit: cover;
       }
 
-.KIT__Banners-module__emblaSlide___eHpp8 .KIT__Banners-module__emblaSlideContent___yjhnA {
-    border-radius: var(--border-s);
-    width: 100%;
-    height: 100%;
-    background: var(--banner-wrapper-banner-background-color);
-    position: relative;
-  }
-
-.KIT__Banners-module__emblaSlide___eHpp8 .KIT__Banners-module__emblaSlideContent___yjhnA .KIT__Banners-module__emblaSlideContentText___Nh9xi {
-      width: 60%;
-      height: 100%;
-      padding: var(--indent-m);
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      position: relative;
-      z-index: calc(var(--layout-lvl-1) + 1);
-    }
+.KIT__Banners-module__emblaSlideContent___yjhnA {
+  border-radius: var(--border-s);
+  width: 100%;
+  height: 100%;
+  background: var(--banner-wrapper-banner-background-color);
+  position: relative;
+}
+.KIT__Banners-module__emblaSlideContentText___Nh9xi {
+  width: 60%;
+  height: 100%;
+  padding: var(--slide-content-padding, var(--indent-m));
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  position: relative;
+  z-index: calc(var(--layout-lvl-1) + 1);
+}
+.KIT__Banners-module__title___n4Pej {
+  font-size: clamp(var(--font-size-l), 0.114rem + 2.095vw, 2rem);
+  font-weight: var(--font-weight-bold);
+  text-transform: uppercase;
+  color: var(--banner-text-color, var(--banner-title-color));
+  text-align: left;
+  margin-bottom: var(--indent-xs);
+}
 
-.KIT__Banners-module__emblaSlide___eHpp8 .KIT__Banners-module__emblaSlideContent___yjhnA .KIT__Banners-module__emblaSlideContentText___Nh9xi .KIT__Banners-module__title___n4Pej {
-        font-size: clamp(var(--font-size-l), 0.114rem + 2.095vw, 2rem);
-        font-weight: 700;
-        text-transform: uppercase;
-        color: var(--banner-text-color, var(--banner-title-color));
-        text-align: left;
-        margin-bottom: var(--indent-xs);
-      }
+.KIT__Banners-module__subTitle___H4Ist {
+  color: var(--banner-text-color, var(--banner-title-color));
+  font-size: clamp(var(--font-size-xs), 0.314rem + 0.762vw, var(--font-size-l));
+  text-align: left;
 
-.KIT__Banners-module__emblaSlide___eHpp8 .KIT__Banners-module__emblaSlideContent___yjhnA .KIT__Banners-module__emblaSlideContentText___Nh9xi .KIT__Banners-module__subTitle___H4Ist {
-        color: var(--banner-text-color, var(--banner-title-color));
-        font-size: clamp(var(--font-size-xs),
-            0.314rem + 0.762vw,
-            var(--font-size-l));
-        text-align: left;
-
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-      }
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
 
-.KIT__Banners-module__emblaSlide___eHpp8 .KIT__Banners-module__emblaSlideContent___yjhnA .KIT__Banners-module__image___BgHIo {
-      position: absolute;
-      height: 100%;
-      width: var(--image-width);
-      right: 0;
-      top: 0;
-      -o-object-fit: contain;
-         object-fit: contain;
-      -o-object-position: right;
-         object-position: right;
-    }
+.KIT__Banners-module__image___BgHIo {
+  position: absolute;
+  height: 100%;
+  width: var(--image-width);
+  right: 0;
+  top: 0;
+  -o-object-fit: contain;
+     object-fit: contain;
+  -o-object-position: right;
+     object-position: right;
+}
 
 .KIT__Banners-module__emblaProgress___dBirL {
   margin: 0 auto;
@@ -5568,12 +5563,15 @@
 
 .KIT__Banners-module__bannerButton___ws5aM {
   --border-none: none;
-  --button-color-primary: var(--auth-buttons-sign-up-button-background-color,
-      var(--green-300));
+  --button-color-primary: var(
+    --auth-buttons-sign-up-button-background-color,
+    var(--green-300)
+  );
   --button-color-primary-text: var(--auth-button-color, var(--base-0));
   --button-primary-border: var(--border-none, 2px solid var(--green-100));
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
+
 .KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH {
   width: 100%;
   position: relative;
@@ -5635,7 +5633,7 @@
   }
 
 .KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__contentBanner___kB2XL .KIT__PromotionMobileApp-module__title___LZ8wz {
-      font-weight: 700;
+      font-weight: var(--font-weight-bold);
       font-size: 3rem;
       line-height: 1.4;
       text-transform: uppercase;
@@ -5661,7 +5659,7 @@
 .KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__contentBanner___kB2XL .KIT__PromotionMobileApp-module__subTitle___D5ALR {
         text-align: center;
         font-size: var(--font-size-l);
-        font-weight: 400;
+        font-weight: var(--font-weight-regular);
     }
       }
 
@@ -5795,7 +5793,7 @@
   text-transform: uppercase;
   color: rgb(255, 255, 255);
   color: var(--base-0, rgb(255, 255, 255));
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   font-size: var(--font-size-s);
 }
 
@@ -6313,7 +6311,7 @@
 .KIT__PaymentMessage-module__titleStatus___yOjIH {
   font-size: 1.5rem;
   color: var(--message-title-status-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   margin-bottom: var(--indent-base-double, var(--indent-xxl));
 }
 
@@ -6326,7 +6324,7 @@
 
 .KIT__PaymentMessage-module__titleQrCode___ORz8c span {
   color: var(--message-title-qr-code-span-color);
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
 }
 
 .KIT__PaymentMessage-module__descriptions___fEyma {
@@ -6336,7 +6334,7 @@
 .KIT__PaymentMessage-module__textWrapper___V2YGy {
   color: var(--message-text-wrapper-color);
   font-size: 0.75rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   width: calc(100% - 40px - 6px);
   width: calc(100% - 40px - var(--indent-base-half, 6px));
 }
@@ -6496,7 +6494,7 @@
   justify-content: center;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   font-size: 1.2rem;
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   text-align: center;
   padding: 2rem;
   box-sizing: border-box;
@@ -6679,7 +6677,7 @@
 .KIT__Pagination-module__page___BM78i {
   font-size: var(--font-size-m);
   line-height: var(--font-size-m);
-  font-weight: 500;
+  font-weight: var(--font-weight-normal);
   text-align: center;
 }
 
@@ -6917,7 +6915,7 @@
   left: var(--indent);
   transform: translate(-50%, -50%) rotate(-8.5deg);
 
-  font-weight: 900;
+  font-weight: var(--font-weight-super-bold);
   font-size: var(--font-size-xxl);
   color: rgb(var(--white));
   z-index: var(--layout-lvl-1);
@@ -6944,7 +6942,7 @@
 
 .KIT__Wheel-module__textRegular___bFOHZ {
   text-align: center;
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
 }
 
 @keyframes KIT__Wheel-module__Scaling___q79tE {
@@ -6994,7 +6992,7 @@
 }
 
 .KIT__Scratch-module__scratchText___jISwD {
-  font-weight: 900;
+  font-weight: var(--font-weight-super-bold);
   font-size: max(1.4rem, min(1.6vw, 1.6rem));
   transform: rotate(-12.5deg);
   text-transform: uppercase;
@@ -7031,7 +7029,7 @@
 
 .KIT__Scratch-module__text___LH7SX {
   text-transform: uppercase;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .KIT__Scratch-module__slotName___ikn4x {
@@ -7117,7 +7115,7 @@
 
 .KIT__TournamentCard-module__tournamentName___CH86N {
   color: var(--tournament-card-tournament-name-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: 20px;
   text-transform: uppercase;
   margin-bottom: var(--indent-l);
@@ -7145,7 +7143,7 @@
 }
 
 .KIT__TournamentCard-module__sum___cr6RY {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--font-size-xxl);
   text-transform: uppercase;
   color: var(--tournament-card-sum-color);
@@ -7202,7 +7200,7 @@
 }
 
 .KIT__TournamentCard-module__timeText___PMhzE {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--font-size-xl);
 }
 
@@ -7249,7 +7247,7 @@
 }
 
 .KIT__LastBigWinner-module__box___WNB7m {
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
   width: 100%;
   height: -moz-fit-content;
   height: fit-content;
@@ -7292,7 +7290,7 @@
 }
 
 .KIT__LastBigWinner-module__sum___ZpyFL {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--font-size-s);
   color: var(--last-big-winner-sum-color);
   line-height: 1;
@@ -7367,7 +7365,7 @@
   font-size: 2.5rem;
   display: flex;
   color: var(--jackpot-counter-text-color);
-  font-weight: 900;
+  font-weight: var(--font-weight-super-bold);
   justify-content: center;
   height: 2rem;
   position: relative;
@@ -7429,7 +7427,7 @@
 .KIT__Jackpot-module__jackpotCounterWrapper___n3tiu {
   padding: calc(var(--indent-m) / 2);
   position: relative;
-  font-weight: 900;
+  font-weight: var(--font-weight-super-bold);
   width: 100%;
 }
 
@@ -7522,7 +7520,7 @@
   border-radius: var(--border-m);
   color: var(--presets-preset-color);
   font-size: 0.75rem;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   background-color: var(--preset-background);
   position: relative;
 }
@@ -7550,7 +7548,7 @@
   padding: 0 4px;
   border-radius: 0 var(--border-m) 0 var(--border-s);
   font-size: 8px;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 
@@ -7667,7 +7665,7 @@
 
 .KIT__CasinoSearchInput-module__inputCasinoSearch___GOIJT label {
   color: var(--input-placeholder-color);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: 0.9rem;
 }
 
@@ -7723,7 +7721,7 @@
   top: calc(56px + var(--indent-xs));
   top: calc(var(--category-height) + var(--indent-xs));
   font-size: 0.6rem;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   color: var(--casino-searh-block-search-rules-color);
 }
 
@@ -7774,7 +7772,7 @@
 
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__prizeWrapper___Tx_6u {
       font-size: 12px;
-      font-weight: 700;
+      font-weight: var(--font-weight-bold);
       padding: 0 var(--indent-m);
       padding-bottom: var(--indent-xs);
       text-transform: uppercase;
@@ -7783,7 +7781,7 @@
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__prizeWrapper___Tx_6u .KIT__BattlesCard-module__prize___zCwmd {
         font-size: 32px;
         font-style: normal;
-        font-weight: 700;
+        font-weight: var(--font-weight-bold);
         line-height: 100%;
 
         text-transform: uppercase;
@@ -7845,7 +7843,7 @@
       width: fit-content;
       font-size: var(--font-size-xxs);
       text-transform: uppercase;
-      font-weight: 600;
+      font-weight: var(--font-weight-semi-bold);
       display: flex;
       gap: var(--indent-xs);
     }
@@ -7859,7 +7857,7 @@
       color: var(--battles-battle-name);
       /*вынести в colors*/
       font-size: var(--font-size-xl);
-      font-weight: 600;
+      font-weight: var(--font-weight-semi-bold);
     }
 
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_ {
@@ -7890,7 +7888,7 @@
 .KIT__BattlesCard-module__battleName___nJncZ {
   padding-left: var(--indent-m);
   text-transform: uppercase;
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
   font-size: var(--font-size-l);
   line-height: 1.1;
   max-width: 50%;
@@ -7903,7 +7901,7 @@
     border-radius: var(--border-m);
   }
 .KIT__Step-module__wrapperStep___wBtLk .KIT__Step-module__title___lPmPa {
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     font-size: var(--font-size-l);
     font-style: italic;
     color: var(--step-title-color);
@@ -7978,7 +7976,7 @@
       -webkit-background-clip: text;
       background-image: linear-gradient(180deg, #FFBE00 -2.29%, #FFE406 13.05%, #FFFFB7 35.56%, #E88100 62.94%, #FFB800 83.02%, #E66000 105.28%);
       color: transparent;
-      font-weight: 700;
+      font-weight: var(--font-weight-bold);
     }
 
 .KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__button___yjczx {
@@ -8017,7 +8015,7 @@
 .KIT__BattleBanner-module__time___oaNuD .KIT__BattleBanner-module__countDownText___Bcsrt {
     color: var(--banner-count-down-color);
     font-size: var(--font-size-m);
-    font-weight: 600;
+    font-weight: var(--font-weight-semi-bold);
   }
 
 .KIT__BattleBanner-module__time___oaNuD .KIT__BattleBanner-module__countDown___pr8hY {
@@ -8122,7 +8120,7 @@
       0.786rem + 1.905vw,
       var(--font-size-huge)
     );
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     background-clip: text;
     -webkit-background-clip: text;
     color: rgb(var(--white));
@@ -8261,7 +8259,7 @@
       0.429rem + 1.19vw,
       var(--font-size-xxl)
     );
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     color: var(--leaderboard-user-wager-color);
   }
 
@@ -8271,7 +8269,7 @@
   gap: var(--indent-xxl);
 }
 .KIT__Leaderboard-module__wrapperLeaderboard___a7Igz .KIT__Leaderboard-module__title___agvnq {
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     color: var(--leaderboard-title-color);
     text-transform: uppercase;
     font-size: var(--font-size-xl);
@@ -8501,6 +8499,7 @@
 }
 
 :root {
+  /* BASE COLORS  */
   --base-1000: rgba(0, 0, 0, 1);
   --base-900: rgba(23, 25, 36, 1);
   --base-800: rgba(31, 34, 47, 1);
@@ -8521,9 +8520,10 @@
 
   --blue-500: rgba(77, 33, 255, 1);
   --blue-300: rgba(69, 118, 244, 1);
-  /* BASE COLORS  */
 
-  /* --pop-up-header: rgb(var(--dark)); */
+  --red: 255, 80, 80;
+  --gray: 81, 88, 133;
+  --third: 245, 187, 37;
 
   /* indents */
   --indent-xs: 4px;
@@ -8533,6 +8533,7 @@
   --indent-xl: 20px;
   --indent-xxl: 24px;
   --indent-xxxl: 28px;
+  --indent-big: 40px;
   /* borders */
   /* border-radius */
   --border-xs: 4px;
@@ -8552,6 +8553,23 @@
   --font-size-xl: 22px;
   --font-size-xxl: 24px;
   --font-size-huge: 40px;
+  --font-size-super: 60px;
+
+  /* font-weight */
+  --font-weight-regular: 400;
+  --font-weight-normal: 500;
+  --font-weight-semi-bold: 600;
+  --font-weight-bold: 700;
+  --font-weight-extra-bold: 800;
+  --font-weight-super-bold: 900;
+
+  --full: 100%;
+  --large: 300px;
+  --medium: 200px;
+  --small: 130px;
+  --super-small: 80px;
+
+  --height-48: 48px;
 
   /* local entities */
   --layout-lvl-1: 1;
@@ -8561,7 +8579,10 @@
   --layout-lvl-3: 21;
   --layout-lvl-4: 31;
   --layout-lvl-5: 41;
+
+  --timer-wrapper-color: var(--base-600);
 }
+
 /* CSS variables. */
 :root {
 	--PhoneInput-color--focus: #03b2cb;