react-gldn-kit 0.1.11 → 0.1.14

package/dist/main.css

@@ -1,5 +1,5 @@
 .KIT__ButtonBase-module__wrapperButtonBase___e7Ilq {
-  padding: var(--indent-base-half);
+  padding: calc(var(--indent-m) / 2);
   display: flex;
   align-items: center;
   min-height: var(--small-button-height);
@@ -34,11 +34,11 @@
 }
 
 .KIT__ButtonBase-module__marginLeft-base-double___q6_Lx {
-  margin-left: var(--indent-base-double);
+  margin-left: var(--indent-xxl);
 }
 
 .KIT__ButtonBase-module__marginLeft-base-half___lIHHW {
-  margin-left: var(--indent-base-half);
+  margin-left: calc(var(--indent-m) / 2);
 }
 
 .KIT__ButtonBase-module__marginBottom-base___a1gKB {
@@ -46,11 +46,11 @@
 }
 
 .KIT__ButtonBase-module__marginBottom-base-double___XL2W8 {
-  margin-bottom: var(--indent-base-double);
+  margin-bottom: var(--indent-xxl);
 }
 
 .KIT__ButtonBase-module__marginBottom-base-half___jRat3 {
-  margin-bottom: var(--indent-base-half);
+  margin-bottom: calc(var(--indent-m) / 2);
 }
 
 .KIT__ButtonBase-module__size--button-xs___d_IRC {
@@ -245,6 +245,7 @@
   margin-right: var(--indent-l);
   margin-left: auto;
 }
+
 .KIT__JivoButton-module__customJivoButtonWrapper___ZNgrt {
   width: 100%;
   display: flex;
@@ -339,15 +340,14 @@
 .KIT__DepositButton-module__btn___NNokN {
   height: 100%;
   min-height: 30px;
-  padding: 0 var(--indent-base-half);
+  padding: 0 calc(var(--indent-m) / 2);
 }
 
 .KIT__DepositButton-module__fsWinWrapper___HOvj6 {
   height: 100%;
   position: relative;
-    /* Notice header border top and bottom 2px  */
+  /* Notice header border top and bottom 2px  */
   height: calc(100% + 4px);
-  
 }
 
 .KIT__DepositButton-module__fsWinWrapper___HOvj6 svg {
@@ -358,21 +358,22 @@
     stroke: #fff;
     stroke-dasharray: 150 480;
     animation: KIT__DepositButton-module__LoopLine___z34pZ 2s linear infinite;
-    
+
     width: 100%;
     height: 100%;
     z-index: 3;
   }
 
-
 @keyframes KIT__DepositButton-module__LoopLine___z34pZ {
-  0%,100%{ 
+  0%,
+  100% {
     stroke-dashoffset: 150;
   }
-  50%{ 
+  50% {
     stroke-dashoffset: -480;
   }
 }
+
 .KIT__ShowAllCard-module__wrapperShowAllCard___KV8Il {
   display: flex;
   justify-content: center;
@@ -619,12 +620,12 @@
   margin-left: 0;
 }
 .KIT__ProviderName-module__providerName___t7qlX {
-  --min-provider-name-width:100px;
+  --min-provider-name-width: 100px;
 
   max-width: 100px;
 
   max-width: var(--min-provider-name-width);
-  padding: var(--indent-base-half);
+  padding: calc(var(--indent-m) / 2);
   border-radius: var(--border-l);
   background-color: var(--provider-name-background-color);
   color: var(--provider-name-color);
@@ -640,7 +641,7 @@
 }
 
 .KIT__ProviderName-module__marginL___TopTi {
-  margin-left: var(--indent-base-half);
+  margin-left: calc(var(--indent-m) / 2);
 }
 
 .KIT__ProviderName-module__flexShrink___PqYdd {
@@ -1352,7 +1353,7 @@
 
 @media (min-width: 768px) {
   .KIT__SignUp-module__wrapperReferralFailure___Nv53h {
-    max-width: 100%;
+    max-width: 360px;
     border-radius: var(--border-l);
   }
 }
@@ -1448,6 +1449,99 @@
 .KIT__Timer-module__time___imFax:first-child {
   margin-left: 0;
 }
+.KIT__SignIn-module__content___fTb1F {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow: hidden;
+}
+
+.KIT__SignIn-module__wrapperTitle___lYD6o {
+  padding: var(--indent-m);
+  margin-bottom: var(--indent-m);
+}
+
+.KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__wrapperTabs___DX4sX {
+  width: calc(var(--full) - var(--indent-xxl));
+  margin-bottom: var(--indent-m);
+  border-bottom: 2px solid transparent;
+}
+
+.KIT__SignIn-module__marginInput___DhXR2 {
+  margin-bottom: var(--indent-m);
+  flex-shrink: 0;
+}
+
+.KIT__SignIn-module__wrapperForms___XD4t9 {
+  width: 100%;
+  display: flex;
+}
+
+.KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__passwordField___JDN8l,
+.KIT__SignIn-module__wrapperForm___QHw6_ > div,
+.KIT__SignIn-module__lostPsw___UZZrP {
+  width: calc(var(--full) - var(--indent-xxl));
+}
+
+.KIT__SignIn-module__wrapperForm___QHw6_ {
+  flex-shrink: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  transition: 0.5s;
+}
+
+.KIT__SignIn-module__formOne___AFk7Y {
+  transform: translateX(0%);
+  transition: 0.5s;
+}
+
+.KIT__SignIn-module__formTwo___mCHk4 {
+  transition: 0.5s;
+  transform: translateX(-100%);
+}
+
+.KIT__SignIn-module__formThree___NlshF {
+  transition: 0.5s;
+  transform: translateX(-200%);
+}
+
+.KIT__SignIn-module__lostPsw___UZZrP {
+  text-align: right;
+  color: var(--sign-in-modal-lost-password-color);
+  font-weight: 400;
+  font-size: 12px;
+}
+
+.KIT__SignIn-module__dash___C4wzA {
+  width: calc(var(--full) - var(--indent-xxl));
+  margin-bottom: var(--indent-m);
+  border-bottom: 2px solid var(--border-color-gray);
+}
+
+.KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__btn___zszwq {
+  width: calc(var(--full) - var(--indent-xxl));
+  max-width: calc(var(--full) - var(--indent-xxl));
+  min-width: calc(var(--full) - var(--indent-xxl));
+  margin-bottom: var(--indent-m);
+}
+
+.KIT__SignIn-module__btn___zszwq:last-child {
+  margin-bottom: 0;
+}
+
+.KIT__SignIn-module__reg___y_Vwi {
+  opacity: 0.7;
+}
+
+@media (min-width: 768px) {
+  .KIT__SignIn-module__wrapperSignInModal___It11Z {
+    width: 500px;
+  }
+}
+
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
   justify-content: center;
@@ -1519,8 +1613,8 @@
   top: 0;
   background: rgba(0, 0, 0, .5);
   z-index: var(--layout-lvl-2);
-
 }
+
 .KIT__ModalContent-module__wrapperModalContent___tXL9n {
   max-width: 100%;
   width: 100%;
@@ -1598,12 +1692,13 @@
 
 @media (min-width: 768px) {
   .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
-    max-height: calc(100dvh - (var(--height-48) * 2 + var(--indent-base-double)));
+    max-height: calc(100dvh - (var(--height-48) * 2 + var(--indent-xxl)));
   }
 }
+
 .KIT__CountDown-module__wrapperCountDown___hTyPh {
   background-color: var(--count-down-background-color);
-  padding: var(--indent-base-half);
+  padding: calc(var(--indent-m) / 2);
   width: -moz-fit-content;
   width: fit-content;
   border-radius: var(--border-s);
@@ -1709,6 +1804,7 @@
 .KIT__CountDown-module__item___JJduj:last-child {
   margin-bottom: var(--indent-l);
 }
+
 .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
   position: relative;
   width: 100%;
@@ -1806,9 +1902,9 @@
 }
 
 .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg .KIT__BonusCardLayout-module__maxWidth___YsZz3 {
-  max-width: calc(50% - var(--indent-base-half));
-  min-width: calc(50% - var(--indent-base-half));
-  width: calc(50% - var(--indent-base-half));
+  max-width: calc(50% - var(--indent-m) / 2);
+  min-width: calc(50% - var(--indent-m) / 2);
+  width: calc(50% - var(--indent-m) / 2);
 }
 
 .KIT__BonusCardLayout-module__timerBg___UWijk {
@@ -1833,6 +1929,7 @@
     min-width: initial;
   }
 }
+
 .KIT__DrawerLayout-module__wrapperDrawer___DnsQm {
   --drawer-full-width: 320px;
   --drawer-min-width: 100px;
@@ -1939,7 +2036,7 @@
 }
 .KIT__Logos-module__wrapperLogo___jKLCC {
   --width: 100px;
-  --height: calc(var(--height-48) - var(--indent-base-half));
+  --height: calc(var(--height-48) - var(--indent-m) / 2);
 
   width: 100px;
 
@@ -1972,97 +2069,6 @@
       font-weight: 700;
     }
 
-.KIT__SignIn-module__content___fTb1F {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  overflow: hidden;
-}
-
-.KIT__SignIn-module__wrapperTitle___lYD6o {
-  padding: var(--indent-base);
-  margin-bottom: var(--indent-base);
-}
-
-.KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__wrapperTabs___DX4sX {
-  width: calc(var(--full) - var(--indent-base-double));
-  margin-bottom: var(--indent-base);
-  border-bottom: 2px solid transparent;
-}
-
-.KIT__SignIn-module__marginInput___DhXR2 {
-  margin-bottom: var(--indent-base);
-  flex-shrink: 0;
-}
-
-.KIT__SignIn-module__wrapperForms___XD4t9 {
-  width: 100%;
-  display: flex;
-}
-
-.KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__passwordField___JDN8l,
-.KIT__SignIn-module__wrapperForm___QHw6_ > div,
-.KIT__SignIn-module__lostPsw___UZZrP {
-  width: calc(var(--full) - var(--indent-base-double));
-}
-
-.KIT__SignIn-module__wrapperForm___QHw6_ {
-  flex-shrink: 0;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  transition: 0.5s;
-}
-
-.KIT__SignIn-module__formOne___AFk7Y {
-  transform: translateX(0%);
-  transition: 0.5s;
-}
-.KIT__SignIn-module__formTwo___mCHk4 {
-  transition: 0.5s;
-  transform: translateX(-100%);
-}
-.KIT__SignIn-module__formThree___NlshF {
-  transition: 0.5s;
-  transform: translateX(-200%);
-}
-
-.KIT__SignIn-module__lostPsw___UZZrP {
-  text-align: right;
-  color: var(--sign-in-modal-lost-password-color);
-  font-weight: 400;
-  font-size: 12px;
-}
-
-.KIT__SignIn-module__dash___C4wzA {
-  width: calc(var(--full) - var(--indent-base-double));
-  margin-bottom: var(--indent-base);
-  border-bottom: 2px solid var(--border-color-gray);
-}
-
-.KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__btn___zszwq {
-  width: calc(var(--full) - var(--indent-base-double));
-  max-width: calc(var(--full) - var(--indent-base-double));
-  min-width: calc(var(--full) - var(--indent-base-double));
-  margin-bottom: var(--indent-base);
-}
-
-.KIT__SignIn-module__btn___zszwq:last-child {
-  margin-bottom: 0;
-}
-
-.KIT__SignIn-module__reg___y_Vwi {
-  opacity: 0.7;
-}
-
-@media (min-width: 768px) {
-  .KIT__SignIn-module__wrapperSignInModal___It11Z {
-    width: 500px;
-  }
-}
-
 .KIT__Credentials-module__wrapperCredentials___AH3RX {
   display: flex;
   flex-direction: column;
@@ -2076,7 +2082,7 @@
   justify-content: space-between;
   align-items: center;
   width: var(--full);
-  margin-bottom: var(--indent-base-double);
+  margin-bottom: var(--indent-xxl);
 }
 
 .KIT__Credentials-module__username___g5UjF {
@@ -2091,6 +2097,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
 .KIT__Alert-module__wrapperModal___lOle6 {
   width: 100%;
   height: 100%;
@@ -2107,10 +2114,9 @@
   left: initial;
   top: auto;
   top: initial;
-  background: rgba(0, 0, 0, .5);
+  background: rgba(0, 0, 0, 0.5);
   display: inline;
   display: initial;
-
 }
 
 @media screen and (max-width: 768px) {
@@ -2118,7 +2124,6 @@
 .KIT__Alert-module__wrapperModal___lOle6 {
     display: flex;
     align-items: flex-end;
-
 }
   }
 
@@ -2127,8 +2132,7 @@
     animation: KIT__Alert-module__FadeIn___Alo55 0.2s forwards;
   }
 
-@media screen and (max-width:768px) {
-
+@media screen and (max-width: 768px) {
       .KIT__Alert-module__wrapperModal___lOle6.KIT__Alert-module__animationFadeIn___pQUbq > div {
         animation: KIT__Alert-module__MoveToUp___vOjgR 0.5s forwards;
       }
@@ -2138,7 +2142,7 @@
     animation: KIT__Alert-module__FadeOutModal___JYGCw 0.5s forwards;
   }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width: 768px) {
       .KIT__Alert-module__wrapperModal___lOle6.KIT__Alert-module__animationFadeOutModal___dXCQD > div {
         animation: KIT__Alert-module__MoveToBottom___fgYYC 0.2s forwards;
       }
@@ -2170,7 +2174,6 @@
   }
 }
 
-
 @keyframes KIT__Alert-module__MoveToUp___vOjgR {
   0% {
     transform: translateY(100%);
@@ -2212,6 +2215,7 @@
     opacity: 0;
   }
 }
+
 .KIT__BannerTemplate-module__wrapperBanner___vPzec {
   height: 150px;
   background-size: cover;
@@ -2237,7 +2241,7 @@
   color: var(--banner-title-color);
   font-size: clamp(var(--font-size-xs), 0.314rem + 0.762vw, var(--font-size-l));
   text-align: left;
-  margin-bottom: var(--indent-base-half);
+  margin-bottom: calc(var(--indent-m) / 2);
 
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2277,12 +2281,12 @@
 @media screen and (min-width: 1170px) {
   .KIT__BannerTemplate-module__wrapperBanner___vPzec {
     height: 300px;
-    padding: var(--indent-base-double);
+    padding: var(--indent-xxl);
   }
 
   .KIT__BannerTemplate-module__title___Mriw5 {
     width: 60%;
-    margin-bottom: var(--indent-base-half);
+    margin-bottom: calc(var(--indent-m) / 2);
   }
 
   .KIT__BannerTemplate-module__subTitle___OE0bO {
@@ -2348,7 +2352,7 @@
     width: 100%;
     height: 100%;
     z-index: calc(var(--layout-lvl-1) + 3);
-    padding: var(--indent-base-double);
+    padding: var(--indent-xxl);
     color: var(--applications-banner-text-color);
     display: flex;
     flex-direction: column;
@@ -2404,7 +2408,7 @@
 
 .KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH .KIT__PromotionMobileApp-module__contentBanner___kB2XL .KIT__PromotionMobileApp-module__qrContent___P4o7O .KIT__PromotionMobileApp-module__description___eMrRV {
         font-size: var(--font-size-xs);
-        margin-left: var(--indent-base-half);
+        margin-left: calc(var(--indent-m) / 2);
         max-width: 170px;
         margin-left: var(--indent-l);
       }
@@ -2453,6 +2457,7 @@
     transform: translateY(0);
   }
 }
+
 .KIT__Docs-module__docContent___Yf1m5 {
   width: 100%;
   padding: var(--indent-l);
@@ -2576,15 +2581,14 @@
 }
 
 .KIT__Footer-module__marginL___lvqbw {
-  margin-left: var(--indent-base-half);
+  margin-left: calc(var(--indent-m) / 2);
 }
 
-
-
 .KIT__Footer-module__img___MKKWs {
   width: 150px;
   height: 50px;
 }
+
 .KIT__Content-module__wrapperMethods___zV1oZ {
   display: flex;
   width: 100%;
@@ -2830,7 +2834,7 @@
 }
 
 .KIT__MainLoader-module__marginB___phkty {
-  margin-bottom: var(--indent-base-double);
+  margin-bottom: var(--indent-xxl);
   width: 200px;
 }
 
@@ -2843,19 +2847,16 @@
   overflow: hidden;
 }
 
-
 .KIT__MainLoader-module__progress____OOs6 {
   height: 100%;
   transition: 0.1s;
   background-color: var(--green-100);
 }
 
-
 .KIT__MainLoader-module__removeLoader___ymzO2 {
   animation: KIT__MainLoader-module__FadeOutAndMoveToTop___TyyPT 1s forwards;
 }
 
-
 @keyframes KIT__MainLoader-module__FadeOutAndMoveToTop___TyyPT {
   0% {
     opacity: 1;
@@ -2872,6 +2873,7 @@
     top: 100%;
   }
 }
+
 .KIT__TreasureSvg-module__treasureSvg___IK5Im {
   margin: 0 auto;
 }
@@ -2888,7 +2890,7 @@
   grid-template-columns: repeat(3, 1fr);
   color: rgb(var(--gray));
   font-size: var(--font-size-s);
-  margin-bottom: var(--indent-base-half);
+  margin-bottom: calc(var(--indent-m) / 2);
   padding: 0 var(--indent-l);
 }
 
@@ -2899,10 +2901,11 @@
 .KIT__InvitedTableHead-module__thirdColumn___mAcYS {
   text-align: right;
 }
+
 .KIT__List-module__wrapperList___CbQsY {
   display: flex;
   flex-direction: column;
-  gap: var(--indent-base-half);
+  gap: calc(var(--indent-m) / 2);
 }
 
 .KIT__List-module__row___pPF_W {
@@ -2910,7 +2913,7 @@
   grid-template-columns: repeat(3, 1fr);
   align-items: center;
   font-size: var(--font-size-m);
-  height: calc(var(--height-48) - var(--indent-base-half));
+  height: calc(var(--height-48) - var(--indent-m) / 2);
   border: 2px solid rgb(var(--border-color-gray));
   border-radius: var(--border-12);
   color: var(--referral-text-color);
@@ -2935,6 +2938,7 @@
   font-size: var(--font-size-m);
   font-weight: 300;
 }
+
 .KIT__Pagination-module__wrapperPagination___GbUfd {
   display: flex;
   align-items: center;
@@ -3022,7 +3026,7 @@
 
 @media screen and (min-width: 768px) {
   .KIT__Pagination-module__wrapperPagination___GbUfd {
-    gap: var(--indent-base-double);
+    gap: var(--indent-xxl);
   }
 
   .KIT__Pagination-module__pages___fNXOV {
@@ -3050,6 +3054,7 @@
     background-color: var(--pagination-active-button-background);
   }
 }
+
 .KIT__ReferralTable-module__wrapperTable___w1vwn {
   margin-bottom: var(--indent-l);
 }
@@ -3098,11 +3103,11 @@
   position: relative;
   z-index: calc(var(--layout-lvl-1) + 1);
 
-  animation: KIT__Wheel-module__spin___X7BeU 2s ease-in-out infinite
+  animation: KIT__Wheel-module__spin___X7BeU 2s ease-in-out infinite;
 }
 
 .KIT__Wheel-module__spinning___qQAW7 {
-  animation: KIT__Wheel-module__spinning___qQAW7 ease-in-out forwards
+  animation: KIT__Wheel-module__spinning___qQAW7 ease-in-out forwards;
 }
 
 .KIT__Wheel-module__list___btgvY {
@@ -3142,37 +3147,36 @@
   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 {
@@ -3192,6 +3196,7 @@
   height: 80px;
   height: var(--size);
   cursor: pointer;
+  text-shadow: 0 5px 0 #290049, 0 6.38508px 11.706px #000000;
 }
 
 .KIT__Wheel-module__btnImg___rFBWp {
@@ -3210,7 +3215,6 @@
   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;
 }
 
 .KIT__Wheel-module__slotName___MqFJ9 {
@@ -3261,17 +3265,16 @@
   }
 }
 
-
 @keyframes KIT__Wheel-module__spinning___qQAW7 {
   0% {
     transform: rotate(-5deg);
   }
 
-
   100% {
     transform: rotate(5390deg);
   }
 }
+
 .KIT__Scratch-module__scratch___n0TBg {
   width: 100%;
   height: 100%;
@@ -3421,7 +3424,7 @@
 }
 
 .KIT__TournamentCard-module__wrapperCountDown___UIb7q {
-  margin-bottom: var(--indent-base-double);
+  margin-bottom: var(--indent-xxl);
   position: relative;
 }
 
@@ -3501,6 +3504,7 @@
   font-weight: 700;
   font-size: var(--font-size-xl);
 }
+
 .KIT__SkeletLoader-module__wrapperSkeletLoader___oGTH8 {
   height: 100%;
   background: var(--skelet-loader-wrapper-background-color);
@@ -3582,7 +3586,7 @@
 
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__label___VPDnP {
     background: var(--big-win-card-label-background);
-    padding: 0 var(--indent-base-half);
+    padding: 0 calc(var(--indent-m) / 2);
     border-radius: var(--border-xs);
     width: -moz-fit-content;
     width: fit-content;
@@ -3599,7 +3603,9 @@
     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-xxl))
+    );
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
@@ -3621,6 +3627,7 @@
     width: 40px;
     height: 15px;
   }
+
 .KIT__LastBigWinners-module__wrapperBoxLoader___vM6yl {
   height: var(--last-big-winner-card-height);
   width: 100%;
@@ -3639,7 +3646,7 @@
 }
 
 .KIT__LastBigWinners-module__marginLeft___AifFu {
-  margin-left: var(--indent-base-half);
+  margin-left: calc(var(--indent-m) / 2);
 }
 
 .KIT__Digit-module__digit___zpm_m {
@@ -3699,14 +3706,10 @@
 
   padding: var(--indent-l);
 
-
   animation: KIT__Jackpot-module__Scaling___HkvJM 0.5s forwards;
   overflow: hidden;
 }
 
-
-
-
 .KIT__Jackpot-module__content___Dm3Yh {
   position: relative;
   z-index: calc(var(--layout-lvl-1) + 1);
@@ -3734,13 +3737,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-xxl) * 2);
 
   --jackpot-counter-text-color: rgb(var(--soft-gray));
 }
 
 .KIT__Jackpot-module__jackpotCounterWrapper___n3tiu {
-  padding: var(--indent-base-half);
+  padding: calc(var(--indent-m) / 2);
   position: relative;
   font-weight: 900;
   width: 100%;
@@ -3759,7 +3762,6 @@
 }
 
 .KIT__Jackpot-module__whiteLight___sIqsJ {
-
   opacity: 1;
 }
 
@@ -3806,6 +3808,7 @@
     transform: scale(1);
   }
 }
+
 .KIT__JackpotWidget-module__wrapper___wLgvM {
   width: 100%;
   overflow-x: auto;
@@ -4605,29 +4608,35 @@
   --blue-300: rgba(69, 118, 244, 1);
   /* BASE COLORS  */
 
-
   /* --pop-up-header: rgb(var(--dark)); */
 
-  /* indents - ----- OLD need to remove*/
-  --indent-base-double: calc(var(--indent-l) * 2);
-  --indent-base-half: calc(var(--indent-l) / 2);
+  /* indents */
+  --indent-xs: 4px;
+  --indent-s: 8px;
+  --indent-m: 12px;
+  --indent-l: 16px;
+  --indent-xl: 20px;
+  --indent-xxl: 24px;
+  --indent-xxxl: 28px;
   /* borders */
-  --border-xs: 3px;
-  --border-s: 6px;
-  --border-m: 9px;
-  --border-l: 12px;
-  --border-xl: 15px;
-  --border-xxl: 18px;
-  --border-round: 50%;
-
-  /* font-size */
-  --font-size-xxs: 0.5rem;
-  --font-size-xs: 0.7rem;
-  --font-size-s: 0.8rem;
-  --font-size-m: 0.9rem;
-  --font-size-l: 1rem;
-  --font-size-xl: 1.1rem;
-  --font-size-xxl: 1.5rem;
+  /* border-radius */
+  --border-xs: 4px;
+  --border-s: 8px;
+  --border-m: 12px;
+  --border-l: 16px;
+  --border-xl: 20px;
+  --border-xxl: 24px;
+  --border-xxxl: 28px;
+  --border-circle: 50%;
+  /* font-sizes */
+  --font-size-xxs: 10px;
+  --font-size-xs: 12px;
+  --font-size-s: 14px;
+  --font-size-m: 16px;
+  --font-size-l: 20px;
+  --font-size-xl: 22px;
+  --font-size-xxl: 24px;
+  --font-size-huge: 40px;
 
   /* local entities */
   --layout-lvl-1: 1;
@@ -4638,6 +4647,7 @@
   --layout-lvl-4: 31;
   --layout-lvl-5: 41;
 }
+
 /* CSS variables. */
 :root {
 	--PhoneInput-color--focus: #03b2cb;