react-gldn-kit 0.1.110 → 0.1.111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/lib/components/Banners/index.js +1 -1
  3. package/dist/lib/components/CasinoSearchBlock/components/CasinoSearchInput/index.d.ts +6 -0
  4. package/dist/lib/components/CasinoSearchBlock/components/CasinoSearchInput/index.js +56 -0
  5. package/dist/lib/components/CasinoSearchBlock/index.d.ts +2 -0
  6. package/dist/lib/components/CasinoSearchBlock/index.js +54 -0
  7. package/dist/lib/components/CasinoSearchBlock/types.d.ts +5 -0
  8. package/dist/lib/components/CasinoSearchBlock/types.js +2 -0
  9. package/dist/lib/components/Layouts/ModalLayout/index.js +2 -2
  10. package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/index.d.ts +3 -1
  11. package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/index.js +21 -18
  12. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/EmailSignUp/index.js +9 -21
  13. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/OneClickKit/index.js +0 -1
  14. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/index.d.ts +3 -1
  15. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/index.js +21 -16
  16. package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js +2 -2
  17. package/dist/lib/components/Modals/Alert/index.js +3 -15
  18. package/dist/lib/components/ui/Buttons/ArrowButton/index.js +1 -0
  19. package/dist/lib/components/ui/Headers/PopUpHeader/types.d.ts +1 -0
  20. package/dist/lib/components/ui/Icons/Base/SecondSearchSvg.d.ts +2 -0
  21. package/dist/lib/components/ui/Icons/Base/SecondSearchSvg.js +20 -0
  22. package/dist/lib/components/ui/Icons/FlagIcons/WorldSvg.js +1 -1
  23. package/dist/lib/index.d.ts +6 -1
  24. package/dist/lib/index.js +19 -9
  25. package/dist/lib/zustandStore/search/selectors.d.ts +6 -0
  26. package/dist/lib/zustandStore/search/selectors.js +14 -0
  27. package/dist/lib/zustandStore/search/store.d.ts +2 -0
  28. package/dist/lib/zustandStore/search/store.js +10 -0
  29. package/dist/lib/zustandStore/search/types.d.ts +7 -0
  30. package/dist/lib/zustandStore/search/types.js +2 -0
  31. package/dist/lib/zustandStore/settings/selectors.d.ts +4 -0
  32. package/dist/lib/zustandStore/settings/selectors.js +5 -1
  33. package/dist/lib/zustandStore/settings/store.js +4 -0
  34. package/dist/lib/zustandStore/settings/types.d.ts +4 -0
  35. package/dist/main.css +949 -768
  36. package/package.json +7 -3
package/dist/main.css CHANGED
@@ -882,6 +882,10 @@
882
882
  fill: var(--input-clean-btn-svg-bg);
883
883
  }
884
884
 
885
+ .KIT__BaseInputUi-module__inputWrapper___AnbPW:has(.KIT__BaseInputUi-module__oldView___k7DBz) {
886
+ height: 40px;
887
+ }
888
+
885
889
  @keyframes KIT__BaseInputUi-module__FadeIn___kQ_6Q {
886
890
  0% {
887
891
  opacity: 0;
@@ -923,6 +927,15 @@
923
927
  transform: rotate(0deg);
924
928
  }
925
929
 
930
+ .KIT__ArrowButton-module__secondary___hppw9 {
931
+ transform: none;
932
+ transform: initial;
933
+ }
934
+
935
+ .KIT__ArrowButton-module__secondary___hppw9.KIT__ArrowButton-module__openedColor___M7HTi {
936
+ transform: rotate(180deg);
937
+ }
938
+
926
939
  .KIT__Selector-module__wrapperSelector___gMgBa {
927
940
  position: relative;
928
941
  flex-shrink: 0;
@@ -1374,7 +1387,7 @@
1374
1387
  --input-text-color: var(--base-1000);
1375
1388
  --auth-button-text-color: rgba(135, 135, 139, 1);
1376
1389
  --selector-color: var(--base-1000);
1377
- --phone-view-name-color: var(--base-1000);
1390
+ --kit-phone-view-name-color: var(--base-1000);
1378
1391
  --x-reg-color: rgba(135, 135, 139, 1);
1379
1392
  }
1380
1393
 
@@ -1535,6 +1548,10 @@
1535
1548
  justify-content: center;
1536
1549
  }
1537
1550
 
1551
+ .KIT__PhoneView-module__mainInput___qB1oB:has(.KIT__PhoneView-module__thirdType___BwBgT) {
1552
+ height: 40px;
1553
+ }
1554
+
1538
1555
  .KIT__PhoneView-module__content___Dnmvr {
1539
1556
  display: flex;
1540
1557
  align-items: center;
@@ -1569,7 +1586,7 @@
1569
1586
  background-color: rgb(222, 235, 237);
1570
1587
  background-color: var(--phone-view-code-background, rgb(222, 235, 237));
1571
1588
  height: 100%;
1572
- border-radius: var(--border-m);
1589
+ border-radius: var(--border-s);
1573
1590
  padding: var(--indent-s);
1574
1591
  }
1575
1592
 
@@ -1612,7 +1629,7 @@
1612
1629
  }
1613
1630
 
1614
1631
  .KIT__PhoneView-module__name___glkXr {
1615
- color: var(--phone-view-name-color);
1632
+ color: var(--kit-phone-view-name-color);
1616
1633
  font-size: var(--font-size-s);
1617
1634
  display: flex;
1618
1635
  align-items: center;
@@ -1681,7 +1698,7 @@
1681
1698
 
1682
1699
  .KIT__MoreInfo-module__wrapperMoreInfo___p5znl {
1683
1700
  border-radius: var(--border-s);
1684
- border: var(--lost-password-phone-info-border, 1px solid var(--base-700));
1701
+ border: var(--kit-lost-password-phone-info-border, 1px solid var(--base-700));
1685
1702
  width: 100%;
1686
1703
  display: flex;
1687
1704
  flex-direction: column;
@@ -1710,7 +1727,7 @@
1710
1727
  }
1711
1728
 
1712
1729
  .KIT__MoreInfo-module__mainInfo___iavDV {
1713
- color: var(--lost-password-phone-info-main-color, var(--base-0));
1730
+ color: var(--kit-lost-password-phone-info-main-color, var(--base-0));
1714
1731
  font-weight: 500;
1715
1732
  font-size: var(--font-size-s);
1716
1733
  }
@@ -2659,31 +2676,38 @@
2659
2676
  --third-primary-color: rgb(252, 212, 53);
2660
2677
  --third-submit-button-background: var(--third-primary-color);
2661
2678
  --third-submit-button-color: var(--semi-dark-gray);
2662
- --tab-text-color: var(--semi-dark-gray);
2663
- --input-background: rgb(244, 247, 250);
2664
- --input-base-autofill-background-color: rgb(244, 247, 250);
2679
+ --tab-text-color: var(--sign-in-tab-color, var(--semi-dark-gray));
2680
+ --input-background: var(--sign-in-input-background-color, rgb(244, 247, 250));
2681
+ --input-base-autofill-background-color: rgb(244, 247, 250);
2665
2682
  --input-border: none;
2666
- --input-text-color: rgb(65, 82, 106);
2667
- --input-label-text-color: rgb(65, 82, 106);
2668
- --selector-item-background: rgb(244, 247, 250);
2683
+ --input-text-color: var(--input-color, rgb(65, 82, 106));
2684
+ --input-label-text-color: var(--input-label-color, rgb(65, 82, 106));
2685
+ --selector-item-background: var(
2686
+ --email-input-background-color,
2687
+ rgb(244, 247, 250)
2688
+ );
2669
2689
  --selector-border: none;
2670
- --sign-up-modal-checkbox-color: var(--semi-dark-gray);
2671
- --selector-main-bg-opened: rgb(244, 247, 250);
2672
- --selector-color: rgb(65, 82, 106);
2690
+ --sign-up-modal-checkbox-color: var(
2691
+ --email-checkbox-text-color,
2692
+ var(--semi-dark-gray)
2693
+ );
2694
+ --selector-main-bg-opened: var(
2695
+ --email-input-background-color,
2696
+ rgb(244, 247, 250)
2697
+ );
2698
+ --selector-color: var(--selector-item-color, rgb(65, 82, 106));
2673
2699
  --selector-drop-down-bg: rgb(244, 247, 250);
2674
2700
  --checkbox-border-color: rgb(166, 181, 201);
2675
2701
  --checkbox-checked-background-color: var(--third-primary-color);
2676
2702
  --checkbox-checked-border-color: var(--third-primary-color);
2677
- --sign-up-modal-checkbox-color: var(--semi-dark-gray);
2678
2703
  --sign-up-modal-checkbox-terms-color: var(--third-primary-color);
2679
2704
  --PhoneInputCountrySelectArrow-color: rgb(179, 190, 205);
2680
2705
  --tab-indicator-bg: var(--third-primary-color);
2681
2706
  --tab-border-bottom-default: transparent;
2682
2707
  --input-height: 40px;
2683
- --phone-view-name-color: rgb(46, 58, 76);
2684
- --world-svg-path-fill: rgb(46, 58, 76);
2708
+ --kit-phone-view-name-color: var(--phone-view-name-color, rgb(46, 58, 76));
2709
+ --kit-world-svg-path-fill: var(--world-svg-path-fill, rgb(46, 58, 76));
2685
2710
  --add-circle-svg-path-fill: var(--third-primary-color);
2686
- --sign-in-close-background-color: rgb(227, 234, 242);
2687
2711
 
2688
2712
  padding: var(--indent-xs);
2689
2713
 
@@ -2702,6 +2726,11 @@
2702
2726
  --semi-blue-gray: rgb(113, 161, 168);
2703
2727
  }
2704
2728
 
2729
+ .KIT__SignUpTypeThree-module__wrapperSignUpModal___ODeA9.KIT__SignUpTypeThree-module__page___s3Rye {
2730
+ background: var(--modal-content-background, var(--third-modal-layout-background-color));
2731
+ padding: var(--indent-m);
2732
+ }
2733
+
2705
2734
  .KIT__SignUpTypeThree-module__leftSide___AW27e {
2706
2735
  border-radius: 10px 10px 0 0;
2707
2736
  width: var(--full);
@@ -2720,7 +2749,7 @@
2720
2749
  font-size: var(--font-size-m);
2721
2750
  width: var(--full);
2722
2751
  font-weight: 700;
2723
- color: var(--semi-dark-gray);
2752
+ color: var(--sign-in-title-color, var(--semi-dark-gray));
2724
2753
 
2725
2754
  display: flex;
2726
2755
  align-items: center;
@@ -2756,13 +2785,14 @@
2756
2785
  .KIT__SignUpTypeThree-module__dash___sHHY7 {
2757
2786
  height: 1px;
2758
2787
  background: rgb(244, 247, 250);
2788
+ background: var(--sign-up-dash-background, rgb(244, 247, 250));
2759
2789
  margin-bottom: var(--indent-m);
2760
2790
  }
2761
2791
 
2762
2792
  .KIT__SignUpTypeThree-module__subTitle___csy_m {
2763
2793
  font-size: 0.75rem;
2764
2794
  font-weight: 700;
2765
- color: var(--semi-dark-gray);
2795
+ color: var(--sign-up-sub-title-color, var(--semi-dark-gray));
2766
2796
  margin-bottom: var(--indent-m);
2767
2797
  }
2768
2798
 
@@ -2778,6 +2808,7 @@
2778
2808
  height: var(--size);
2779
2809
  border-radius: 10px;
2780
2810
  background-color: rgb(227, 234, 242);
2811
+ background-color: var(--sign-in-close-background-color, rgb(227, 234, 242));
2781
2812
 
2782
2813
  display: flex;
2783
2814
  align-items: center;
@@ -2786,6 +2817,7 @@
2786
2817
 
2787
2818
  .KIT__SignUpTypeThree-module__closeIcon___Hzx_D path {
2788
2819
  stroke: rgb(97, 113, 158);
2820
+ stroke: var(--sign-in-close-icon-path-stroke, rgb(97, 113, 158));
2789
2821
  }
2790
2822
 
2791
2823
  .KIT__SignUpTypeThree-module__banner___gbn4d {
@@ -2809,14 +2841,19 @@
2809
2841
  align-items: start;
2810
2842
  padding: 0;
2811
2843
  padding: initial;
2812
- height: 800px;
2844
+ height: 100%;
2813
2845
  margin: 0 auto;
2814
- background-color: var(--base-0);
2815
2846
  margin: 0;
2816
2847
  margin: initial;
2817
2848
  border-radius: var(--border-l);
2818
2849
  }
2819
2850
 
2851
+ .KIT__SignUpTypeThree-module__wrapperSignUpModal___ODeA9.KIT__SignUpTypeThree-module__page___s3Rye {
2852
+ max-height: 600px;
2853
+ padding: 0;
2854
+ padding: initial;
2855
+ }
2856
+
2820
2857
  .KIT__SignUpTypeThree-module__leftSide___AW27e {
2821
2858
  padding: var(--indent-xxl);
2822
2859
  width: 50%;
@@ -3071,7 +3108,7 @@
3071
3108
  .KIT__SignIn-module__yellow___IgXCq {
3072
3109
  --input-background: rgba(36, 36, 36, 1);
3073
3110
  --selector-item-background: rgba(36, 36, 36, 1);
3074
- --selector-main-bg-opened: rgba(36, 36, 36, 1);
3111
+ --selector-main-bg-opened: var(--email-input-background-color, rgba(36, 36, 36, 1));
3075
3112
  --phone-input-item-hover-background-color: rgba(48, 47, 47);
3076
3113
  --arrow-button-svg-path-fill: rgba(161, 166, 178, 1);
3077
3114
  --button-primary-border: none;
@@ -3086,9 +3123,9 @@
3086
3123
 
3087
3124
  .KIT__SignIn-module__white___qKpTD {
3088
3125
  --input-background: rgba(246, 246, 246, 1);
3089
- --phone-view-name-color: var(--base-1000);
3126
+ --kit-phone-view-name-color: var(--base-1000);
3090
3127
  --selector-item-background: rgba(246, 246, 246, 1);
3091
- --selector-main-bg-opened: rgba(246, 246, 246, 1);
3128
+ --selector-main-bg-opened: var(--email-input-background-color, rgba(246, 246, 246, 1));
3092
3129
  --phone-input-item-hover-background-color: rgb(233, 233, 235);
3093
3130
  --arrow-button-svg-path-fill: rgb(135, 135, 139);
3094
3131
  --button-primary-border: 1px solid #ffe98c;
@@ -3213,520 +3250,806 @@
3213
3250
  }
3214
3251
  }
3215
3252
 
3216
- .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
3217
- display: flex;
3218
- justify-content: space-between;
3219
- height: var(--height-48);
3220
- padding: 0 var(--indent-l);
3221
- flex-shrink: 0;
3222
- background-color: var(--pop-up-header);
3223
- align-items: center;
3224
- width: 100%;
3225
- position: relative;
3226
- }
3253
+ .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY {
3254
+ --semi-dark-gray: rgb(46, 58, 76);
3255
+ --third-primary-color: rgb(252, 212, 53);
3256
+ --third-submit-button-background: var(--third-primary-color);
3257
+ --third-submit-button-color: var(--semi-dark-gray);
3258
+ --tab-text-color: var(--sign-in-tab-color, var(--semi-dark-gray));
3259
+ --input-background: var(--sign-in-input-background-color, rgb(244, 247, 250));
3260
+ --input-base-autofill-background-color: rgb(244, 247, 250);
3261
+ --input-border: none;
3262
+ --input-text-color: var(--input-color, rgb(65, 82, 106));
3263
+ --input-label-text-color: var(--input-label-color, rgb(65, 82, 106));
3264
+ --selector-item-background: rgb(244, 247, 250);
3265
+ --selector-border: none;
3266
+ --selector-main-bg-opened: var(
3267
+ --email-input-background-color,
3268
+ rgb(244, 247, 250)
3269
+ );
3270
+ --selector-color: var(--selector-item-color, rgb(65, 82, 106));
3271
+ --selector-drop-down-bg: rgb(244, 247, 250);
3272
+ --checkbox-border-color: rgb(166, 181, 201);
3273
+ --checkbox-checked-background-color: var(--third-primary-color);
3274
+ --checkbox-checked-border-color: var(--third-primary-color);
3275
+ --sign-up-modal-checkbox-color: var(
3276
+ --email-checkbox-text-color,
3277
+ var(--semi-dark-gray)
3278
+ );
3279
+ --sign-up-modal-checkbox-terms-color: var(--third-primary-color);
3280
+ --PhoneInputCountrySelectArrow-color: rgb(179, 190, 205);
3281
+ --tab-indicator-bg: var(--third-primary-color);
3282
+ --sign-in-modal-lost-password-color: var(--third-primary-color);
3283
+ --register-color: var(--third-primary-color);
3284
+ --no-account-color: var(--sign-in-register-color, rgb(38, 61, 64));
3285
+ --tab-border-bottom-default: transparent;
3286
+ --kit-phone-view-name-color: var(--phone-view-name-color, rgb(46, 58, 76));
3287
+ --kit-world-svg-path-fill: var(--world-svg-path-fill, rgb(46, 58, 76));
3288
+ --arrow-button-svg-path-fill: rgb(179, 190, 205);
3227
3289
 
3228
- .KIT__PopUpHeader-module__transparent___iWbm6 {
3229
- background-color: transparent;
3230
- border-bottom: none;
3231
- }
3290
+ padding: var(--indent-xs);
3232
3291
 
3233
- .KIT__PopUpHeader-module__leftContent___lIcyz {
3234
3292
  display: flex;
3293
+ flex-direction: column;
3235
3294
  align-items: center;
3236
- gap: var(--indent-m);
3295
+ justify-content: flex-end;
3237
3296
  }
3238
3297
 
3239
- .KIT__PopUpHeader-module__title___PWFyT {
3240
- font-weight: 600;
3241
- font-size: var(--font-size-l);
3242
- color: var(--pop-up-header-title-color);
3243
- text-align: center;
3244
- white-space: nowrap;
3245
- text-overflow: ellipsis;
3246
- overflow: hidden;
3298
+ .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY.KIT__SignInThird-module__purple___Kzfot {
3299
+ --third-primary-color: rgb(136, 103, 255);
3247
3300
  }
3248
3301
 
3249
- .KIT__PopUpHeader-module__closeButton___fwcjS {
3250
- --size: 24px;
3251
- width: 24px;
3252
- width: var(--size);
3253
- height: 24px;
3254
- height: var(--size);
3255
- display: flex;
3256
- justify-content: center;
3257
- align-items: center;
3258
- cursor: pointer;
3302
+ .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY.KIT__SignInThird-module__lightBlue___vdrK_ {
3303
+ --third-primary-color: rgb(102, 231, 248);
3259
3304
  }
3260
3305
 
3261
- .KIT__PopUpHeader-module__closeSvg___knY5T {
3262
- --size: 14px;
3263
- width: 14px;
3264
- width: var(--size);
3265
- height: 14px;
3266
- height: var(--size);
3306
+ .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY.KIT__SignInThird-module__page___gs7ME {
3307
+ background: var(
3308
+ --modal-content-background,
3309
+ var(--third-modal-layout-background-color)
3310
+ );
3311
+ padding: var(--indent-m);
3267
3312
  }
3268
3313
 
3269
- .KIT__PopUpHeader-module__closeSvg___knY5T path {
3270
- fill: var(--pop-up-header-close-svg-path-fill);
3314
+ .KIT__SignInThird-module__leftSide___gsLbK {
3315
+ width: var(--full);
3271
3316
  }
3272
3317
 
3273
- .KIT__PopUpHeader-module__left___I9Xx7 {
3274
- left: var(--indent-l);
3318
+ .KIT__SignInThird-module__rightSide___PDqxP {
3319
+ display: none;
3275
3320
  }
3276
3321
 
3277
- .KIT__PopUpHeader-module__left___I9Xx7 > svg {
3278
- transform: rotate(-90deg);
3279
- }
3322
+ .KIT__SignInThird-module__title___ETj0k {
3323
+ margin-bottom: var(--indent-m);
3324
+ font-size: var(--font-size-m);
3325
+ width: var(--full);
3326
+ font-weight: 700;
3327
+ color: var(--sign-in-title-color, var(--semi-dark-gray));
3280
3328
 
3281
- .KIT__PopUpHeader-module__right___n8ZfB {
3282
- right: var(--indent-l);
3329
+ display: flex;
3330
+ align-items: center;
3331
+ justify-content: space-between;
3283
3332
  }
3284
3333
 
3285
- .KIT__PortalLayout-module__wrapperPortalLayout___o5fiH {
3286
- position: fixed;
3287
- width: 100%;
3288
- height: 100%;
3289
- left: 0;
3290
- top: 0;
3291
- background: rgba(0, 0, 0, .5);
3292
- z-index: var(--layout-lvl-2);
3334
+ .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__wrapperTabs___x1QCU {
3335
+ width: calc(var(--full) - var(--indent-xxl));
3336
+ margin-bottom: var(--indent-m);
3337
+ border-bottom: 2px solid transparent;
3293
3338
  }
3294
3339
 
3295
- .KIT__ModalContent-module__wrapperModalContent___tXL9n {
3296
- max-width: 100%;
3340
+ .KIT__SignInThird-module__marginInput___Vb4fh {
3341
+ margin-bottom: var(--indent-m);
3342
+ flex-shrink: 0;
3343
+ }
3344
+
3345
+ .KIT__SignInThird-module__wrapperForms___GVrnY {
3297
3346
  width: 100%;
3298
- padding: var(--indent-s);
3299
- overflow-y: auto;
3347
+ display: flex;
3348
+ position: relative;
3349
+ z-index: calc(var(--layout-lvl-1) + 3);
3300
3350
  }
3301
- @media screen and (min-width: 768px) {
3302
- .KIT__ModalContent-module__wrapperModalContent___tXL9n {
3303
- max-width: 500px;
3351
+
3352
+ .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__passwordField___kLrFq,
3353
+ .KIT__SignInThird-module__wrapperForm___JbR6w > div,
3354
+ .KIT__SignInThird-module__lostPsw___Fi5JF {
3355
+ cursor: pointer;
3356
+ width: var(--full);
3357
+ height: auto;
3304
3358
  }
3305
- }
3306
3359
 
3307
- .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
3308
- background-color: var(--modal-layout-background-color);
3309
- border-radius: var(--border-xl) var(--border-xl) 0 0;
3360
+ .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__submitButton___nxlyt {
3361
+ width: var(--full);
3362
+ max-width: var(--full);
3363
+ min-width: var(--full);
3364
+ margin-bottom: var(--indent-m);
3365
+ }
3310
3366
 
3367
+ .KIT__SignInThird-module__wrapperForm___JbR6w {
3368
+ flex-shrink: 0;
3369
+ width: 100%;
3311
3370
  display: flex;
3312
3371
  flex-direction: column;
3313
3372
  align-items: center;
3314
-
3315
- max-height: calc(100% - var(--height-48));
3316
3373
  transition: 0.5s;
3317
- max-width: 500px;
3318
- width: 100%;
3319
- overflow: hidden;
3320
- position: relative;
3321
- }
3322
-
3323
- .KIT__ModalLayout-module__header___VvKRR {
3324
- height: var(--height-48);
3325
- display: flex;
3326
- align-items: center;
3327
- position: relative;
3328
- width: 100%;
3329
- z-index: var(--layout-lvl-1);
3330
3374
  }
3331
3375
 
3332
- .KIT__ModalLayout-module__wrapperModalLayout___A4nBX .KIT__ModalLayout-module__buttonClose___vwkbg {
3333
- position: absolute;
3334
- right: var(--indent-l);
3335
- top: 50%;
3336
- transform: translateY(-50%);
3376
+ .KIT__SignInThird-module__formOne___is_2h {
3377
+ transform: translateX(0%);
3378
+ transition: 0.5s;
3337
3379
  }
3338
3380
 
3339
- .KIT__ModalLayout-module__swipeButton___JJySo {
3340
- position: absolute;
3341
- width: 150px;
3342
- height: 100%;
3343
- left: 50%;
3344
- transform: translateX(-50%);
3381
+ .KIT__SignInThird-module__formTwo___cQ1SL {
3382
+ transition: 0.5s;
3383
+ transform: translateX(-100%);
3345
3384
  }
3346
3385
 
3347
- .KIT__ModalLayout-module__swipeButton___JJySo::before {
3348
- content: '';
3349
- width: 100%;
3350
- height: 4px;
3351
- position: absolute;
3352
- top: 50%;
3353
- left: 50%;
3354
- background-color: var(--swipe-button-color);
3355
- transform: translate(-50%, -50%);
3386
+ .KIT__SignInThird-module__formThree___u078S {
3387
+ transition: 0.5s;
3388
+ transform: translateX(-200%);
3356
3389
  }
3357
3390
 
3358
- .KIT__ModalLayout-module__overflow___wwFs1 {
3359
- border-radius: var(--border-l) var(--border-l) 0 0;
3360
- overflow: hidden;
3391
+ .KIT__SignInThird-module__lostPsw___Fi5JF {
3392
+ text-align: right;
3393
+ color: var(
3394
+ --sign-in-lost-psw-color,
3395
+ var(--sign-in-modal-lost-password-color)
3396
+ );
3397
+ font-weight: 400;
3398
+ font-size: 12px;
3399
+ -webkit-text-decoration: underline;
3400
+ text-decoration: underline;
3361
3401
  }
3362
3402
 
3363
- @media screen and (min-width: 768px) {
3364
- .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
3365
- max-height: calc(100dvh - (var(--height-48) * 2 + var(--indent-xxl)));
3366
- border-radius: var(--border-xl);
3367
- }
3403
+ .KIT__SignInThird-module__banner___Xwdx6 {
3404
+ height: 160px;
3405
+ border-radius: 10px;
3406
+ margin-bottom: var(--indent-m);
3407
+ width: 100%;
3368
3408
  }
3369
3409
 
3370
- .KIT__CountDown-module__wrapperCountDown___hTyPh {
3371
- background-color: var(--count-down-background-color);
3372
- padding: calc(var(--indent-m) / 2);
3373
- width: -moz-fit-content;
3374
- width: fit-content;
3410
+ .KIT__SignInThird-module__submitButton___nxlyt {
3411
+ --button-color-primary: var(--third-submit-button-background);
3412
+ --button-color-primary-text: var(--third-submit-button-color);
3413
+ border: none;
3414
+ --height: 40px;
3415
+ min-height: 40px;
3416
+ min-height: var(--height);
3417
+ max-height: 40px;
3418
+ max-height: var(--height);
3375
3419
  border-radius: var(--border-s);
3376
- display: flex;
3377
- border: 1px solid rgba(var(--primary), 0.3);
3420
+ font-size: var(--font-size-xs);
3421
+ font-weight: 700;
3378
3422
  }
3379
3423
 
3380
- .KIT__CountDown-module__wrapperCountDown___hTyPh:has(.KIT__CountDown-module__row___Pg1OZ) {
3381
- background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
3382
- background: initial;
3383
- padding: 0;
3384
- padding: initial;
3385
- border: none;
3386
- }
3424
+ .KIT__SignInThird-module__close___GbRf6 {
3425
+ --size: 36px;
3426
+ width: 36px;
3427
+ width: var(--size);
3428
+ height: 36px;
3429
+ height: var(--size);
3430
+ border-radius: 10px;
3431
+ background-color: rgb(227, 234, 242);
3432
+ background-color: var(--sign-in-close-background-color, rgb(227, 234, 242));
3387
3433
 
3388
- .KIT__CountDown-module__timeBlock___jzus8 {
3389
3434
  display: flex;
3390
- flex-direction: column;
3391
- justify-content: center;
3392
3435
  align-items: center;
3393
- color: var(--count-down-time-block-color);
3394
- margin-left: var(--indent-l);
3395
- font-size: var(--font-size-s);
3436
+ justify-content: center;
3396
3437
  }
3397
3438
 
3398
- .KIT__CountDown-module__timeBlock___jzus8:first-child {
3399
- margin-left: 0;
3439
+ .KIT__SignInThird-module__closeIcon___aSPJ2 path {
3440
+ stroke: rgb(97, 113, 158);
3441
+ stroke: var(--sign-in-close-icon-path-stroke, rgb(97, 113, 158));
3400
3442
  }
3401
3443
 
3402
- .KIT__CountDown-module__time___vYdN2 {
3403
- font-size: var(--font-size-m);
3404
- text-transform: uppercase;
3405
- font-weight: 500;
3444
+ .KIT__SignInThird-module__noAccount___z3xZf {
3445
+ color: var(--no-account-color);
3446
+ font-weight: 700;
3406
3447
  }
3407
3448
 
3408
- .KIT__CountDown-module__timeInfo___zUbG5 {
3409
- color: var(--count-down-time-info-color);
3410
- font-size: var(--font-size-xs);
3449
+ .KIT__SignInThird-module__register___mrU2L {
3450
+ color: var(--register-color);
3451
+ -webkit-text-decoration: underline;
3452
+ text-decoration: underline;
3411
3453
  }
3412
3454
 
3413
- .KIT__CountDown-module__wrapperCardCounters___wEAG7 {
3455
+ .KIT__SignInThird-module__row___Lsqbj {
3414
3456
  display: flex;
3457
+ font-size: var(--font-size-xs);
3458
+ gap: var(--indent-xs);
3415
3459
  justify-content: center;
3416
- align-items: center;
3417
3460
  }
3418
3461
 
3419
- .KIT__CountDown-module__rowCounter____mduV,
3420
- .KIT__CountDown-module__row___Pg1OZ {
3421
- display: flex;
3422
- align-items: center;
3462
+ .KIT__SignInThird-module__formTitle___AkwjL {
3463
+ font-size: var(--font-size-s);
3423
3464
  margin-bottom: var(--indent-m);
3465
+ color: var(--email-sign-in-form-title-color, var(--base-1000));
3424
3466
  }
3425
3467
 
3426
- .KIT__CountDown-module__row___Pg1OZ {
3427
- color: var(--count-down-row-color);
3428
- margin-bottom: 0;
3429
- margin-bottom: initial;
3468
+ .KIT__SignInThird-module__tab___R7fUD {
3469
+ font-size: var(--font-size-xs);
3430
3470
  }
3431
3471
 
3432
- .KIT__CountDown-module__row___Pg1OZ:not(:last-child)::after {
3433
- content: ':';
3472
+ @media screen and (min-width: 768px) {
3473
+ .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY {
3474
+ flex-direction: row;
3475
+ justify-content: center;
3476
+ align-items: start;
3477
+ padding: 0;
3478
+ padding: initial;
3479
+ height: 100%;
3480
+ margin: 0 auto;
3481
+ margin: 0;
3482
+ margin: initial;
3483
+ border-radius: var(--border-l);
3434
3484
  }
3435
3485
 
3436
- .KIT__CountDown-module__timeCardBlock___urK_D {
3437
- min-width: 35px;
3438
- padding: 0 calc(var(--indent-l) / 2);
3439
- height: 45px;
3440
- display: flex;
3441
- justify-content: center;
3442
- align-items: center;
3443
- background-color: var(--count-down-time-card-block-background-color);
3444
- border: 2px solid var(--border-color-gray);
3445
- border-radius: var(--border-s);
3446
- margin-left: calc(var(--indent-l) / 3);
3447
- font-size: 28px;
3448
- font-weight: 500;
3449
- }
3486
+ .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY.KIT__SignInThird-module__page___gs7ME {
3487
+ max-height: 600px;
3488
+ padding: 0;
3489
+ padding: initial;
3490
+ }
3450
3491
 
3451
- .KIT__CountDown-module__dots___Vlr0w {
3452
- display: flex;
3453
- align-items: center;
3454
- flex-direction: column;
3455
- position: relative;
3456
- top: -5px;
3457
- margin-left: calc(var(--indent-l) / 3);
3492
+ .KIT__SignInThird-module__rightSide___PDqxP {
3493
+ width: 50%;
3494
+ height: 100%;
3495
+
3496
+ display: block;
3497
+
3498
+ border-radius: var(--border-l);
3499
+ overflow: hidden;
3500
+ position: relative;
3501
+
3502
+ cursor: pointer;
3503
+ }
3504
+
3505
+ .KIT__SignInThird-module__leftSide___gsLbK {
3506
+ padding: var(--indent-xxl);
3507
+ display: flex;
3508
+ flex-direction: column;
3509
+ justify-content: space-between;
3510
+ flex: 1;
3511
+ height: 100%;
3512
+ }
3513
+
3514
+ .KIT__SignInThird-module__banner___Xwdx6 {
3515
+ display: none;
3516
+ }
3458
3517
  }
3459
3518
 
3460
- .KIT__CountDown-module__itemDot___WJBde {
3461
- width: 4px;
3462
- height: 4px;
3463
- background-color: var(--count-down-item-dot-background-color);
3464
- border-radius: 50%;
3465
- margin: 0 calc(var(--indent-l) / 2) var(--indent-l);
3519
+ .KIT__SignInThird-module__animationFadeIn___uAXSj {
3520
+ animation: KIT__SignInThird-module__FadeIn___voZUP 1s forwards;
3466
3521
  }
3467
3522
 
3468
- .KIT__CountDown-module__dayName___VwIzj {
3469
- text-align: center;
3523
+ .KIT__SignInThird-module__label___HmXhw,
3524
+ .KIT__SignInThird-module__input___XbH_g {
3470
3525
  font-size: var(--font-size-xs);
3471
- color: var(--count-down-day-name-color);
3472
- text-transform: uppercase;
3526
+ font-weight: 700;
3473
3527
  }
3474
3528
 
3475
- .KIT__CountDown-module__item___JJduj:last-child {
3476
- margin-bottom: var(--indent-l);
3477
- }
3529
+ @keyframes KIT__SignInThird-module__FadeIn___voZUP {
3530
+ 0% {
3531
+ opacity: 0;
3532
+ }
3478
3533
 
3479
- .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
3480
- position: relative;
3481
- width: 100%;
3482
- min-height: 220px;
3483
- min-width: 280px;
3484
- padding: var(--indent-m);
3485
- overflow: hidden;
3486
- border-radius: var(--border-m);
3487
- background: var(--background-bonus-card);
3488
- border: 2px solid var(--border-color-gray);
3534
+ 100% {
3535
+ opacity: 1;
3536
+ }
3537
+ }
3489
3538
 
3539
+ .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
3490
3540
  display: flex;
3491
- flex-direction: column;
3492
3541
  justify-content: space-between;
3542
+ height: var(--height-48);
3543
+ padding: 0 var(--indent-l);
3544
+ flex-shrink: 0;
3545
+ background-color: var(--pop-up-header);
3546
+ align-items: center;
3547
+ width: 100%;
3548
+ position: relative;
3493
3549
  }
3494
3550
 
3495
- .KIT__BonusCardLayout-module__dots___RfsaQ {
3496
- position: absolute;
3497
- top: 0;
3498
- left: 0;
3499
- height: 100%;
3500
- width: 100%;
3501
- -o-object-fit: cover;
3502
- object-fit: cover;
3551
+ .KIT__PopUpHeader-module__transparent___iWbm6 {
3552
+ background-color: transparent;
3553
+ border-bottom: none;
3503
3554
  }
3504
3555
 
3505
- .KIT__BonusCardLayout-module__row___B4YuW {
3556
+ .KIT__PopUpHeader-module__leftContent___lIcyz {
3506
3557
  display: flex;
3507
3558
  align-items: center;
3508
- justify-content: space-between;
3559
+ gap: var(--indent-m);
3509
3560
  }
3510
3561
 
3511
- .KIT__BonusCardLayout-module__title___BStV1 {
3512
- font-size: var(--font-size-m);
3513
- color: var(--bonus-card-layout-title-color);
3514
- font-weight: 700;
3562
+ .KIT__PopUpHeader-module__title___PWFyT {
3563
+ font-weight: 600;
3564
+ font-size: var(--font-size-l);
3565
+ color: var(--pop-up-header-title-color);
3566
+ text-align: center;
3567
+ white-space: nowrap;
3568
+ text-overflow: ellipsis;
3569
+ overflow: hidden;
3515
3570
  }
3516
3571
 
3517
- .KIT__BonusCardLayout-module__detail___rwO1z {
3518
- color: var(--bonus-card-layout-detail-color);
3519
- font-size: 10px;
3572
+ .KIT__PopUpHeader-module__closeButton___fwcjS {
3573
+ --size: 24px;
3574
+ width: 24px;
3575
+ width: var(--size);
3576
+ height: 24px;
3577
+ height: var(--size);
3578
+ display: flex;
3579
+ justify-content: center;
3580
+ align-items: center;
3581
+ cursor: pointer;
3520
3582
  }
3521
3583
 
3522
- .KIT__BonusCardLayout-module__description___kuXoe {
3523
- width: 50%;
3524
- color: var(--bonus-card-layout-description-color);
3525
- font-size: var(--font-size-xs);
3584
+ .KIT__PopUpHeader-module__closeSvg___knY5T {
3585
+ --size: 14px;
3586
+ width: 14px;
3587
+ width: var(--size);
3588
+ height: 14px;
3589
+ height: var(--size);
3526
3590
  }
3527
3591
 
3528
- .KIT__BonusCardLayout-module__container___xL3D6 {
3529
- height: 100%;
3530
-
3531
- display: flex;
3532
- flex-direction: column;
3533
- justify-content: space-between;
3534
-
3535
- position: relative;
3536
- z-index: 1;
3537
- overflow: hidden;
3592
+ .KIT__PopUpHeader-module__closeSvg___knY5T path {
3593
+ fill: var(--pop-up-header-close-svg-path-fill, var(--lost-password-close-icon-path-stroke));
3538
3594
  }
3539
3595
 
3540
- .KIT__BonusCardLayout-module__box___yluAY {
3541
- display: flex;
3542
- flex-direction: column;
3543
- gap: var(--indent-xs);
3596
+ .KIT__PopUpHeader-module__left___I9Xx7 {
3597
+ left: var(--indent-l);
3544
3598
  }
3545
3599
 
3546
- .KIT__BonusCardLayout-module__info___ZfGYp {
3547
- display: flex;
3548
- flex-direction: column;
3549
- gap: var(--indent-s);
3550
- }
3600
+ .KIT__PopUpHeader-module__left___I9Xx7 > svg {
3601
+ transform: rotate(-90deg);
3602
+ }
3551
3603
 
3552
- .KIT__BonusCardLayout-module__contentRow___lWV13 {
3553
- display: flex;
3554
- height: 100%;
3555
- justify-content: space-between;
3604
+ .KIT__PopUpHeader-module__right___n8ZfB {
3605
+ right: var(--indent-l);
3556
3606
  }
3557
3607
 
3558
- .KIT__BonusCardLayout-module__img___D7ZA2 {
3559
- position: absolute;
3560
- top: 0%;
3561
- right: -5%;
3608
+ .KIT__PortalLayout-module__wrapperPortalLayout___o5fiH {
3609
+ position: fixed;
3562
3610
  width: 100%;
3563
3611
  height: 100%;
3564
- -o-object-fit: cover;
3565
- object-fit: cover;
3566
- z-index: 0;
3567
- }
3612
+ left: 0;
3613
+ top: 0;
3614
+ background: rgba(0, 0, 0, .5);
3615
+ z-index: var(--layout-lvl-2);
3616
+ }
3568
3617
 
3569
- .KIT__BonusCardLayout-module__value___ab83F {
3570
- font-size: var(--font-size-xxl);
3571
- color: var(--bonus-card-layout-value-color);
3572
- font-weight: 700;
3618
+ .KIT__ModalContent-module__wrapperModalContent___tXL9n {
3619
+ max-width: 100%;
3620
+ width: 100%;
3621
+ padding: var(--indent-s);
3622
+ overflow-y: auto;
3623
+ }
3624
+ @media screen and (min-width: 768px) {
3625
+ .KIT__ModalContent-module__wrapperModalContent___tXL9n {
3626
+ max-width: 500px;
3573
3627
  }
3628
+ }
3574
3629
 
3575
- .KIT__BonusCardLayout-module__btn___r4YOm {
3576
- --button-height: 32px;
3577
- min-height: 32px;
3578
- min-height: var(--button-height);
3579
- max-height: 32px;
3580
- max-height: var(--button-height);
3581
- height: 32px;
3582
- height: var(--button-height);
3630
+ .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
3631
+ background-color: var(--modal-layout-background-color);
3632
+ border-radius: var(--border-xl) var(--border-xl) 0 0;
3633
+
3634
+ display: flex;
3635
+ flex-direction: column;
3636
+ align-items: center;
3637
+
3638
+ max-height: calc(100% - var(--height-48));
3639
+ transition: 0.5s;
3640
+ max-width: 500px;
3641
+ width: 100%;
3642
+ overflow: hidden;
3583
3643
  position: relative;
3584
- z-index: calc(var(--layout-lvl-1) + 2);
3585
- border-radius: var(--border-s);
3586
- font-size: var(--font-size-s);
3587
- font-weight: 500;
3588
3644
  }
3589
3645
 
3590
- .KIT__BonusCardLayout-module__row___B4YuW {
3646
+ .KIT__ModalLayout-module__header___VvKRR {
3647
+ height: var(--height-48);
3591
3648
  display: flex;
3649
+ align-items: center;
3650
+ position: relative;
3592
3651
  width: 100%;
3593
- justify-content: space-between;
3652
+ z-index: var(--layout-lvl-1);
3594
3653
  }
3595
3654
 
3596
- .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg .KIT__BonusCardLayout-module__maxWidth___YsZz3 {
3597
- max-width: calc(50% - var(--indent-m) / 2);
3598
- min-width: calc(50% - var(--indent-m) / 2);
3599
- width: calc(50% - var(--indent-m) / 2);
3655
+ .KIT__ModalLayout-module__wrapperModalLayout___A4nBX .KIT__ModalLayout-module__buttonClose___vwkbg {
3656
+ position: absolute;
3657
+ right: var(--indent-l);
3658
+ top: 50%;
3659
+ transform: translateY(-50%);
3600
3660
  }
3601
3661
 
3602
- .KIT__BonusCardLayout-module__timerBg___UWijk {
3603
- background: var(--bonus-card-layout-timer-background-color);
3662
+ .KIT__ModalLayout-module__swipeButton___JJySo {
3663
+ position: absolute;
3664
+ width: 150px;
3665
+ height: 100%;
3666
+ left: 50%;
3667
+ transform: translateX(-50%);
3604
3668
  }
3605
3669
 
3606
- .KIT__BonusCardLayout-module__disabled___s__tA {
3607
- opacity: 0.5;
3670
+ .KIT__ModalLayout-module__swipeButton___JJySo::before {
3671
+ content: '';
3672
+ width: 100%;
3673
+ height: 4px;
3674
+ position: absolute;
3675
+ top: 50%;
3676
+ left: 50%;
3677
+ background-color: var(--swipe-button-color);
3678
+ transform: translate(-50%, -50%);
3608
3679
  }
3609
3680
 
3610
- .KIT__BonusCardLayout-module__wrapperBonusCard___MxU8c {
3611
- position: absolute;
3612
- right: 0;
3613
- height: 100%;
3681
+ .KIT__ModalLayout-module__overflow___wwFs1 {
3682
+ border-radius: var(--border-l) var(--border-l) 0 0;
3683
+ overflow: hidden;
3614
3684
  }
3615
3685
 
3616
- .KIT__BonusCardLayout-module__categoryName___OcOQd {
3617
- font-size: var(--font-size-xxs);
3618
- color: var(--bonus-card-layout-category-color);
3619
- border: var(--bonus-card-layout-category-border);
3620
- padding: calc(var(--indent-xs) / 2) var(--indent-m);
3621
- border-radius: var(--border-m);
3686
+ @media screen and (min-width: 768px) {
3687
+ .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
3688
+ max-height: calc(100dvh - (var(--height-48) * 2 + var(--indent-xxl)));
3689
+ border-radius: var(--border-xl);
3690
+ }
3691
+ }
3692
+
3693
+ .KIT__CountDown-module__wrapperCountDown___hTyPh {
3694
+ background-color: var(--count-down-background-color);
3695
+ padding: calc(var(--indent-m) / 2);
3622
3696
  width: -moz-fit-content;
3623
3697
  width: fit-content;
3698
+ border-radius: var(--border-s);
3699
+ display: flex;
3700
+ border: 1px solid rgba(var(--primary), 0.3);
3624
3701
  }
3625
3702
 
3626
- .KIT__BonusCardLayout-module__timer___asIZ9 {
3703
+ .KIT__CountDown-module__wrapperCountDown___hTyPh:has(.KIT__CountDown-module__row___Pg1OZ) {
3704
+ background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
3705
+ background: initial;
3706
+ padding: 0;
3707
+ padding: initial;
3708
+ border: none;
3709
+ }
3710
+
3711
+ .KIT__CountDown-module__timeBlock___jzus8 {
3627
3712
  display: flex;
3713
+ flex-direction: column;
3714
+ justify-content: center;
3628
3715
  align-items: center;
3629
- gap: var(--indent-xs);
3716
+ color: var(--count-down-time-block-color);
3717
+ margin-left: var(--indent-l);
3718
+ font-size: var(--font-size-s);
3630
3719
  }
3631
3720
 
3632
- .KIT__BonusCardLayout-module__expiration___zSHk7 {
3633
- color: var(--bonus-card-layout-expiration-color);
3634
- font-size: var(--font-size-xs);
3721
+ .KIT__CountDown-module__timeBlock___jzus8:first-child {
3722
+ margin-left: 0;
3635
3723
  }
3636
3724
 
3637
- .KIT__BonusCardLayout-module__timeBlock___vyoL3 {
3638
- font-size: var(--font-size-xs);
3725
+ .KIT__CountDown-module__time___vYdN2 {
3726
+ font-size: var(--font-size-m);
3727
+ text-transform: uppercase;
3728
+ font-weight: 500;
3639
3729
  }
3640
3730
 
3641
- .KIT__BonusCardLayout-module__infoSvg___GMblf {
3642
- cursor: pointer;
3731
+ .KIT__CountDown-module__timeInfo___zUbG5 {
3732
+ color: var(--count-down-time-info-color);
3733
+ font-size: var(--font-size-xs);
3643
3734
  }
3644
3735
 
3645
- .KIT__BonusCardLayout-module__dark___mmsxr {
3646
- color: var(--bonus-card-layout-dark-button-color);
3647
- background: var(--bonus-card-layout-dark-button-background-color);
3648
- border: var(--bonus-card-layout-dark-button-border);
3649
- opacity: 1;
3736
+ .KIT__CountDown-module__wrapperCardCounters___wEAG7 {
3737
+ display: flex;
3738
+ justify-content: center;
3739
+ align-items: center;
3650
3740
  }
3651
3741
 
3652
- .KIT__BonusCardLayout-module__blockedContent___wynw2 {
3653
- position: absolute;
3654
- top: 0;
3655
- left: 0;
3742
+ .KIT__CountDown-module__rowCounter____mduV,
3743
+ .KIT__CountDown-module__row___Pg1OZ {
3656
3744
  display: flex;
3657
3745
  align-items: center;
3658
- justify-content: center;
3659
- flex-direction: column;
3660
- background-color: var(--bonus-cabinet-blocked-bonus-background);
3661
- width: 100%;
3662
- height: 100%;
3663
- z-index: calc(var(--layout-lvl-1) + 2);
3664
- gap: var(--indent-s);
3665
- -webkit-backdrop-filter: blur(10px);
3666
- backdrop-filter: blur(10px);
3667
- border-radius: var(--border-m);
3746
+ margin-bottom: var(--indent-m);
3668
3747
  }
3669
3748
 
3670
- .KIT__BonusCardLayout-module__blockedText___gNZbl {
3671
- color: var(--bonus-card-layout-blocked-text-color);
3672
- font-weight: 700;
3673
- text-align: center;
3749
+ .KIT__CountDown-module__row___Pg1OZ {
3750
+ color: var(--count-down-row-color);
3751
+ margin-bottom: 0;
3752
+ margin-bottom: initial;
3674
3753
  }
3675
3754
 
3676
- @media (min-width: 1024px) {
3677
- .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
3678
- width: 336px;
3755
+ .KIT__CountDown-module__row___Pg1OZ:not(:last-child)::after {
3756
+ content: ':';
3679
3757
  }
3680
- }
3681
3758
 
3682
- .KIT__DrawerLayout-module__wrapperDrawer___DnsQm {
3683
- --drawer-full-width: 320px;
3684
- --drawer-min-width: 100px;
3759
+ .KIT__CountDown-module__timeCardBlock___urK_D {
3760
+ min-width: 35px;
3761
+ padding: 0 calc(var(--indent-l) / 2);
3762
+ height: 45px;
3763
+ display: flex;
3764
+ justify-content: center;
3765
+ align-items: center;
3766
+ background-color: var(--count-down-time-card-block-background-color);
3767
+ border: 2px solid var(--border-color-gray);
3768
+ border-radius: var(--border-s);
3769
+ margin-left: calc(var(--indent-l) / 3);
3770
+ font-size: 28px;
3771
+ font-weight: 500;
3772
+ }
3685
3773
 
3686
- width: 90%;
3687
- height: calc(100% - var(--height-48));
3688
- overflow-x: hidden;
3689
- position: relative;
3690
- background: var(--drawer-modal-content-color);
3691
- padding: var(--indent-l);
3692
- z-index: var(--layout-lvl-1);
3693
- transition: 0.3s;
3774
+ .KIT__CountDown-module__dots___Vlr0w {
3694
3775
  display: flex;
3776
+ align-items: center;
3695
3777
  flex-direction: column;
3696
- gap: var(--indent-m);
3778
+ position: relative;
3779
+ top: -5px;
3780
+ margin-left: calc(var(--indent-l) / 3);
3697
3781
  }
3698
3782
 
3699
- .KIT__DrawerLayout-module__animationOpenDrawer___Z3IOK {
3700
- transform: translateX(-100%);
3701
-
3702
- animation: KIT__DrawerLayout-module__MoveToRight___AwA4r 0.7s forwards;
3703
- /* TODO: refactor need to remove it ) and fix it in main app */
3704
- animation-delay: 0.5s;
3783
+ .KIT__CountDown-module__itemDot___WJBde {
3784
+ width: 4px;
3785
+ height: 4px;
3786
+ background-color: var(--count-down-item-dot-background-color);
3787
+ border-radius: 50%;
3788
+ margin: 0 calc(var(--indent-l) / 2) var(--indent-l);
3705
3789
  }
3706
3790
 
3707
- @keyframes KIT__DrawerLayout-module__MoveToRight___AwA4r {
3708
- 0% {
3709
- transform: translateX(-100%);
3710
- }
3711
-
3712
- 100% {
3713
- transform: translateX(0%);
3714
- }
3791
+ .KIT__CountDown-module__dayName___VwIzj {
3792
+ text-align: center;
3793
+ font-size: var(--font-size-xs);
3794
+ color: var(--count-down-day-name-color);
3795
+ text-transform: uppercase;
3715
3796
  }
3716
3797
 
3717
- .KIT__DrawerLayout-module__animationCloseDrawer___MtXZq {
3718
- animation: KIT__DrawerLayout-module__MoveToLeft___Mxham 0.3s forwards;
3798
+ .KIT__CountDown-module__item___JJduj:last-child {
3799
+ margin-bottom: var(--indent-l);
3719
3800
  }
3720
3801
 
3721
- @keyframes KIT__DrawerLayout-module__MoveToLeft___Mxham {
3722
- 0% {
3723
- transform: translateX(0%);
3724
- }
3725
-
3726
- 100% {
3727
- transform: translateX(-100%);
3728
- }
3729
- }
3802
+ .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
3803
+ position: relative;
3804
+ width: 100%;
3805
+ min-height: 220px;
3806
+ min-width: 280px;
3807
+ padding: var(--indent-m);
3808
+ overflow: hidden;
3809
+ border-radius: var(--border-m);
3810
+ background: var(--background-bonus-card);
3811
+ border: 2px solid var(--border-color-gray);
3812
+
3813
+ display: flex;
3814
+ flex-direction: column;
3815
+ justify-content: space-between;
3816
+ }
3817
+
3818
+ .KIT__BonusCardLayout-module__dots___RfsaQ {
3819
+ position: absolute;
3820
+ top: 0;
3821
+ left: 0;
3822
+ height: 100%;
3823
+ width: 100%;
3824
+ -o-object-fit: cover;
3825
+ object-fit: cover;
3826
+ }
3827
+
3828
+ .KIT__BonusCardLayout-module__row___B4YuW {
3829
+ display: flex;
3830
+ align-items: center;
3831
+ justify-content: space-between;
3832
+ }
3833
+
3834
+ .KIT__BonusCardLayout-module__title___BStV1 {
3835
+ font-size: var(--font-size-m);
3836
+ color: var(--bonus-card-layout-title-color);
3837
+ font-weight: 700;
3838
+ }
3839
+
3840
+ .KIT__BonusCardLayout-module__detail___rwO1z {
3841
+ color: var(--bonus-card-layout-detail-color);
3842
+ font-size: 10px;
3843
+ }
3844
+
3845
+ .KIT__BonusCardLayout-module__description___kuXoe {
3846
+ width: 50%;
3847
+ color: var(--bonus-card-layout-description-color);
3848
+ font-size: var(--font-size-xs);
3849
+ }
3850
+
3851
+ .KIT__BonusCardLayout-module__container___xL3D6 {
3852
+ height: 100%;
3853
+
3854
+ display: flex;
3855
+ flex-direction: column;
3856
+ justify-content: space-between;
3857
+
3858
+ position: relative;
3859
+ z-index: 1;
3860
+ overflow: hidden;
3861
+ }
3862
+
3863
+ .KIT__BonusCardLayout-module__box___yluAY {
3864
+ display: flex;
3865
+ flex-direction: column;
3866
+ gap: var(--indent-xs);
3867
+ }
3868
+
3869
+ .KIT__BonusCardLayout-module__info___ZfGYp {
3870
+ display: flex;
3871
+ flex-direction: column;
3872
+ gap: var(--indent-s);
3873
+ }
3874
+
3875
+ .KIT__BonusCardLayout-module__contentRow___lWV13 {
3876
+ display: flex;
3877
+ height: 100%;
3878
+ justify-content: space-between;
3879
+ }
3880
+
3881
+ .KIT__BonusCardLayout-module__img___D7ZA2 {
3882
+ position: absolute;
3883
+ top: 0%;
3884
+ right: -5%;
3885
+ width: 100%;
3886
+ height: 100%;
3887
+ -o-object-fit: cover;
3888
+ object-fit: cover;
3889
+ z-index: 0;
3890
+ }
3891
+
3892
+ .KIT__BonusCardLayout-module__value___ab83F {
3893
+ font-size: var(--font-size-xxl);
3894
+ color: var(--bonus-card-layout-value-color);
3895
+ font-weight: 700;
3896
+ }
3897
+
3898
+ .KIT__BonusCardLayout-module__btn___r4YOm {
3899
+ --button-height: 32px;
3900
+ min-height: 32px;
3901
+ min-height: var(--button-height);
3902
+ max-height: 32px;
3903
+ max-height: var(--button-height);
3904
+ height: 32px;
3905
+ height: var(--button-height);
3906
+ position: relative;
3907
+ z-index: calc(var(--layout-lvl-1) + 2);
3908
+ border-radius: var(--border-s);
3909
+ font-size: var(--font-size-s);
3910
+ font-weight: 500;
3911
+ }
3912
+
3913
+ .KIT__BonusCardLayout-module__row___B4YuW {
3914
+ display: flex;
3915
+ width: 100%;
3916
+ justify-content: space-between;
3917
+ }
3918
+
3919
+ .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg .KIT__BonusCardLayout-module__maxWidth___YsZz3 {
3920
+ max-width: calc(50% - var(--indent-m) / 2);
3921
+ min-width: calc(50% - var(--indent-m) / 2);
3922
+ width: calc(50% - var(--indent-m) / 2);
3923
+ }
3924
+
3925
+ .KIT__BonusCardLayout-module__timerBg___UWijk {
3926
+ background: var(--bonus-card-layout-timer-background-color);
3927
+ }
3928
+
3929
+ .KIT__BonusCardLayout-module__disabled___s__tA {
3930
+ opacity: 0.5;
3931
+ }
3932
+
3933
+ .KIT__BonusCardLayout-module__wrapperBonusCard___MxU8c {
3934
+ position: absolute;
3935
+ right: 0;
3936
+ height: 100%;
3937
+ }
3938
+
3939
+ .KIT__BonusCardLayout-module__categoryName___OcOQd {
3940
+ font-size: var(--font-size-xxs);
3941
+ color: var(--bonus-card-layout-category-color);
3942
+ border: var(--bonus-card-layout-category-border);
3943
+ padding: calc(var(--indent-xs) / 2) var(--indent-m);
3944
+ border-radius: var(--border-m);
3945
+ width: -moz-fit-content;
3946
+ width: fit-content;
3947
+ }
3948
+
3949
+ .KIT__BonusCardLayout-module__timer___asIZ9 {
3950
+ display: flex;
3951
+ align-items: center;
3952
+ gap: var(--indent-xs);
3953
+ }
3954
+
3955
+ .KIT__BonusCardLayout-module__expiration___zSHk7 {
3956
+ color: var(--bonus-card-layout-expiration-color);
3957
+ font-size: var(--font-size-xs);
3958
+ }
3959
+
3960
+ .KIT__BonusCardLayout-module__timeBlock___vyoL3 {
3961
+ font-size: var(--font-size-xs);
3962
+ }
3963
+
3964
+ .KIT__BonusCardLayout-module__infoSvg___GMblf {
3965
+ cursor: pointer;
3966
+ }
3967
+
3968
+ .KIT__BonusCardLayout-module__dark___mmsxr {
3969
+ color: var(--bonus-card-layout-dark-button-color);
3970
+ background: var(--bonus-card-layout-dark-button-background-color);
3971
+ border: var(--bonus-card-layout-dark-button-border);
3972
+ opacity: 1;
3973
+ }
3974
+
3975
+ .KIT__BonusCardLayout-module__blockedContent___wynw2 {
3976
+ position: absolute;
3977
+ top: 0;
3978
+ left: 0;
3979
+ display: flex;
3980
+ align-items: center;
3981
+ justify-content: center;
3982
+ flex-direction: column;
3983
+ background-color: var(--bonus-cabinet-blocked-bonus-background);
3984
+ width: 100%;
3985
+ height: 100%;
3986
+ z-index: calc(var(--layout-lvl-1) + 2);
3987
+ gap: var(--indent-s);
3988
+ -webkit-backdrop-filter: blur(10px);
3989
+ backdrop-filter: blur(10px);
3990
+ border-radius: var(--border-m);
3991
+ }
3992
+
3993
+ .KIT__BonusCardLayout-module__blockedText___gNZbl {
3994
+ color: var(--bonus-card-layout-blocked-text-color);
3995
+ font-weight: 700;
3996
+ text-align: center;
3997
+ }
3998
+
3999
+ @media (min-width: 1024px) {
4000
+ .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
4001
+ width: 336px;
4002
+ }
4003
+ }
4004
+
4005
+ .KIT__DrawerLayout-module__wrapperDrawer___DnsQm {
4006
+ --drawer-full-width: 320px;
4007
+ --drawer-min-width: 100px;
4008
+
4009
+ width: 90%;
4010
+ height: calc(100% - var(--height-48));
4011
+ overflow-x: hidden;
4012
+ position: relative;
4013
+ background: var(--drawer-modal-content-color);
4014
+ padding: var(--indent-l);
4015
+ z-index: var(--layout-lvl-1);
4016
+ transition: 0.3s;
4017
+ display: flex;
4018
+ flex-direction: column;
4019
+ gap: var(--indent-m);
4020
+ }
4021
+
4022
+ .KIT__DrawerLayout-module__animationOpenDrawer___Z3IOK {
4023
+ transform: translateX(-100%);
4024
+
4025
+ animation: KIT__DrawerLayout-module__MoveToRight___AwA4r 0.7s forwards;
4026
+ /* TODO: refactor need to remove it ) and fix it in main app */
4027
+ animation-delay: 0.5s;
4028
+ }
4029
+
4030
+ @keyframes KIT__DrawerLayout-module__MoveToRight___AwA4r {
4031
+ 0% {
4032
+ transform: translateX(-100%);
4033
+ }
4034
+
4035
+ 100% {
4036
+ transform: translateX(0%);
4037
+ }
4038
+ }
4039
+
4040
+ .KIT__DrawerLayout-module__animationCloseDrawer___MtXZq {
4041
+ animation: KIT__DrawerLayout-module__MoveToLeft___Mxham 0.3s forwards;
4042
+ }
4043
+
4044
+ @keyframes KIT__DrawerLayout-module__MoveToLeft___Mxham {
4045
+ 0% {
4046
+ transform: translateX(0%);
4047
+ }
4048
+
4049
+ 100% {
4050
+ transform: translateX(-100%);
4051
+ }
4052
+ }
3730
4053
 
3731
4054
  .KIT__DrawerLayout-module__animationOpenDrawerRtl___MaP9M {
3732
4055
  transform: translateX(100%);
@@ -3899,411 +4222,150 @@
3899
4222
  --input-label-text-color: rgb(81, 88, 113);
3900
4223
  --tab-text-color: var(--base-1000);
3901
4224
  --tab-border-bottom-default: 2px solid rgba(198, 198, 200, 1);
3902
- --phone-view-name-color: var(--base-1000);
3903
- --lost-password-title-color: rgb(0, 0, 0);
3904
- --lost-password-phone-info-main-color: rgb(0, 0, 0);
3905
- --lost-password-phone-info-border: 1px solid rgba(199, 199, 199, 1);
3906
- --x-reg-color: rgba(135, 135, 139, 1);
3907
- }
3908
-
3909
- .KIT__LostPassword-module__whiteBlue___Iaz79,
3910
- .KIT__LostPassword-module__whiteYellow____6a5B,
3911
- .KIT__LostPassword-module__whitePurple___n_7hB {
3912
- --x-reg-color: rgba(129, 141, 177, 1);
3913
- --tab-text-color: rgb(46, 58, 76);
3914
- --tab-border-bottom-default: transparent;
3915
- --lost-password-title-color: rgb(38, 61, 64);
3916
- --button-primary-border: none;
3917
- --lost-password-phone-info-border: 1px solid rgb(242, 247, 247);
3918
- --input-background: rgb(242, 247, 247);
3919
- --input-text-color: rgb(65, 82, 106);
3920
- --phone-view-name-color: rgb(46, 58, 76);
3921
- --lost-password-phone-info-main-color: rgb(38, 61, 64);
3922
- --input-label-text-color: rgb(65, 82, 106);
3923
- --button-color-primary-text: rgb(46, 58, 76);
3924
- }
3925
-
3926
- .KIT__LostPassword-module__whiteYellow____6a5B {
3927
- --button-color-primary: rgb(252, 212, 53);
3928
- }
3929
-
3930
- .KIT__LostPassword-module__whitePurple___n_7hB {
3931
- --button-color-primary: rgb(136, 103, 255);
3932
- }
3933
-
3934
- .KIT__LostPassword-module__whiteBlue___Iaz79 {
3935
- --button-color-primary: rgb(102, 231, 248);
3936
- }
3937
-
3938
- .KIT__LostPassword-module__secondaryGreen___GtqUQ {
3939
- --button-primary-border: none;
3940
- --button-color-primary-text: rgb(8, 10, 11);
3941
- --button-color-primary: #76e741;
3942
- --tab-button-active-shadow: initial;
3943
- --primary-gradient: rgb(34, 39, 45);
3944
- --tab-border-bottom-color: transparent;
3945
- --tabs-background: rgb(8, 10, 11);
3946
- --input-background: rgb(23, 26, 31);
3947
- --input-border: 1px solid rgb(34, 39, 45);
3948
- }
3949
-
3950
- .KIT__LostPassword-module__tabWrapper___M1C0O {
3951
- width: var(--full);
3952
- margin-bottom: var(--indent-m);
3953
- }
3954
-
3955
- .KIT__LostPassword-module__secondaryGreen___GtqUQ .KIT__LostPassword-module__tabWrapper___M1C0O {
3956
- padding: var(--indent-xs);
3957
- }
3958
-
3959
- .KIT__LostPassword-module__tabWrapper___M1C0O .KIT__LostPassword-module__tabIndicator___MD3Py {
3960
- height: 41px;
3961
- top: 50%;
3962
- transform: translateY(-50%);
3963
- }
3964
-
3965
- .KIT__SetNewPassword-module__wrapperNewPassword___w8_wq {
3966
- display: flex;
3967
- flex-direction: column;
3968
- gap: var(--indent-m);
3969
- }
3970
-
3971
- .KIT__SetNewPassword-module__yellow___F1jGf {
3972
- --button-primary-border: none;
3973
- --button-color-primary-text: rgb(0, 0, 0);
3974
- --button-color-primary: linear-gradient(
3975
- 90deg,
3976
- rgba(255, 222, 106, 1) 23%,
3977
- rgba(224, 168, 37, 1) 67%
3978
- );
3979
- }
3980
-
3981
- .KIT__SetNewPassword-module__white___ChPOn {
3982
- --button-primary-border: 1px solid #ffe98c;
3983
- --button-color-primary-text: var(--base-1000);
3984
- --button-color-primary: rgba(254, 206, 0, 1);
3985
- }
3986
-
3987
- .KIT__SetNewPassword-module__whiteCommon___EJpkr {
3988
- --semi-dark-gray: rgb(46, 58, 76);
3989
- --input-background: rgb(244, 247, 250);
3990
- --input-base-autofill-background-color: rgb(244, 247, 250);
3991
- --button-color-primary: var(--third-primary-color);
3992
- --button-color-primary-text: var(--semi-dark-gray);
3993
- --button-primary-border: none;
3994
- --input-text-color: rgb(65, 82, 106);
3995
- --input-label-text-color: rgb(65, 82, 106);
3996
- --set-new-password-requirements-color: var(--semi-dark-gray);
3997
- --set-new-password-enter-password-color: var(--semi-dark-gray);
3998
- }
3999
-
4000
- .KIT__SetNewPassword-module__whitePurple___feYEl {
4001
- --button-color-primary: rgb(136, 103, 255);
4002
- }
4003
-
4004
- .KIT__SetNewPassword-module__whiteBlue___OIyAk {
4005
- --button-color-primary: rgb(102, 231, 248);
4006
- }
4007
-
4008
- .KIT__SetNewPassword-module__enterPassword___e3Vog {
4009
- color: var(--set-new-password-enter-password-color, var(--base-0));
4010
- font-size: var(--font-size-s);
4011
- line-height: 1.2;
4012
- }
4013
-
4014
- .KIT__SetNewPassword-module__passwordRequirements___MG84l {
4015
- color: rgba(255, 255, 255, 0.5);
4016
- color: var(--set-new-password-requirements-color, rgba(255, 255, 255, 0.5));
4017
- font-size: var(--font-size-s);
4018
- line-height: 1.2;
4019
- }
4020
-
4021
- .KIT__SetNewPassword-module__yellow___F1jGf {
4022
- --input-background: rgba(36, 36, 36, 1);
4023
- --selector-item-background: rgba(36, 36, 36, 1);
4024
- --selector-main-bg-opened: rgba(36, 36, 36, 1);
4025
- --phone-input-item-hover-background-color: rgba(48, 47, 47);
4026
- --arrow-button-svg-path-fill: rgba(161, 166, 178, 1);
4027
- --button-primary-border: none;
4028
- --button-color-primary-text: rgb(0, 0, 0);
4029
- --button-color-primary: linear-gradient(
4030
- 90deg,
4031
- rgba(255, 222, 106, 1) 23%,
4032
- rgba(224, 168, 37, 1) 67%
4033
- );
4034
- }
4035
-
4036
- .KIT__SetNewPassword-module__secondaryGreen___XcUNT {
4037
- --button-primary-border: none;
4038
- --button-color-primary-text: rgb(8, 10, 11);
4039
- --button-color-primary: #76e741;
4040
- --tab-button-active-shadow: initial;
4041
- --primary-gradient: rgb(34, 39, 45);
4042
- --tab-border-bottom-color: transparent;
4043
- --tabs-background: rgb(8, 10, 11);
4044
- --input-background: rgb(23, 26, 31);
4045
- --input-border: 1px solid rgb(34, 39, 45);
4046
- }
4047
-
4048
- .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY {
4049
- --semi-dark-gray: rgb(46, 58, 76);
4050
- --third-primary-color: rgb(252, 212, 53);
4051
- --third-submit-button-background: var(--third-primary-color);
4052
- --third-submit-button-color: var(--semi-dark-gray);
4053
- --tab-text-color: var(--semi-dark-gray);
4054
- --input-background: rgb(244, 247, 250);
4055
- --input-base-autofill-background-color: rgb(244, 247, 250);
4056
- --input-border: none;
4057
- --input-text-color: rgb(65, 82, 106);
4058
- --input-label-text-color: rgb(65, 82, 106);
4059
- --selector-item-background: rgb(244, 247, 250);
4060
- --selector-border: none;
4061
- --sign-up-modal-checkbox-color: var(--semi-dark-gray);
4062
- --selector-main-bg-opened: rgb(244, 247, 250);
4063
- --selector-color: rgb(65, 82, 106);
4064
- --selector-drop-down-bg: rgb(244, 247, 250);
4065
- --checkbox-border-color: rgb(166, 181, 201);
4066
- --checkbox-checked-background-color: var(--third-primary-color);
4067
- --checkbox-checked-border-color: var(--third-primary-color);
4068
- --sign-up-modal-checkbox-color: var(--semi-dark-gray);
4069
- --sign-up-modal-checkbox-terms-color: var(--third-primary-color);
4070
- --PhoneInputCountrySelectArrow-color: rgb(179, 190, 205);
4071
- --tab-indicator-bg: var(--third-primary-color);
4072
- --sign-in-modal-lost-password-color: var(--third-primary-color);
4073
- --register-color: var(--third-primary-color);
4074
- --no-account-color: rgb(38, 61, 64);
4075
- --tab-border-bottom-default: transparent;
4076
- --world-svg-path-fill: rgb(46, 58, 76);
4077
- --phone-view-name-color: rgb(46, 58, 76);
4078
-
4079
- padding: var(--indent-xs);
4080
-
4081
- display: flex;
4082
- flex-direction: column;
4083
- align-items: center;
4084
- justify-content: flex-end;
4085
- }
4086
-
4087
- .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY.KIT__SignInThird-module__purple___Kzfot {
4088
- --third-primary-color: rgb(136, 103, 255);
4089
- }
4090
-
4091
- .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY.KIT__SignInThird-module__lightBlue___vdrK_ {
4092
- --third-primary-color: rgb(102, 231, 248);
4093
- }
4094
-
4095
- .KIT__SignInThird-module__leftSide___gsLbK {
4096
- width: var(--full);
4097
- }
4098
-
4099
- .KIT__SignInThird-module__rightSide___PDqxP {
4100
- display: none;
4101
- }
4102
-
4103
- .KIT__SignInThird-module__title___ETj0k {
4104
- margin-bottom: var(--indent-m);
4105
- font-size: var(--font-size-m);
4106
- width: var(--full);
4107
- font-weight: 700;
4108
- color: var(--semi-dark-gray);
4109
-
4110
- display: flex;
4111
- align-items: center;
4112
- justify-content: space-between;
4113
- }
4114
-
4115
- .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__wrapperTabs___x1QCU {
4116
- width: calc(var(--full) - var(--indent-xxl));
4117
- margin-bottom: var(--indent-m);
4118
- border-bottom: 2px solid transparent;
4119
- }
4120
-
4121
- .KIT__SignInThird-module__marginInput___Vb4fh {
4122
- margin-bottom: var(--indent-m);
4123
- flex-shrink: 0;
4124
- }
4125
-
4126
- .KIT__SignInThird-module__wrapperForms___GVrnY {
4127
- width: 100%;
4128
- display: flex;
4129
- position: relative;
4130
- z-index: calc(var(--layout-lvl-1) + 3);
4131
- }
4132
-
4133
- .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__passwordField___kLrFq,
4134
- .KIT__SignInThird-module__wrapperForm___JbR6w > div,
4135
- .KIT__SignInThird-module__lostPsw___Fi5JF {
4136
- cursor: pointer;
4137
- width: var(--full);
4138
- height: auto;
4139
- }
4140
-
4141
- .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__submitButton___nxlyt {
4142
- width: var(--full);
4143
- max-width: var(--full);
4144
- min-width: var(--full);
4145
- margin-bottom: var(--indent-m);
4146
- }
4147
-
4148
- .KIT__SignInThird-module__wrapperForm___JbR6w {
4149
- flex-shrink: 0;
4150
- width: 100%;
4151
- display: flex;
4152
- flex-direction: column;
4153
- align-items: center;
4154
- transition: 0.5s;
4155
- }
4156
-
4157
- .KIT__SignInThird-module__formOne___is_2h {
4158
- transform: translateX(0%);
4159
- transition: 0.5s;
4160
- }
4161
-
4162
- .KIT__SignInThird-module__formTwo___cQ1SL {
4163
- transition: 0.5s;
4164
- transform: translateX(-100%);
4165
- }
4166
-
4167
- .KIT__SignInThird-module__formThree___u078S {
4168
- transition: 0.5s;
4169
- transform: translateX(-200%);
4170
- }
4171
-
4172
- .KIT__SignInThird-module__lostPsw___Fi5JF {
4173
- text-align: right;
4174
- color: var(--sign-in-modal-lost-password-color);
4175
- font-weight: 400;
4176
- font-size: 12px;
4177
- -webkit-text-decoration: underline;
4178
- text-decoration: underline;
4179
- }
4180
-
4181
- .KIT__SignInThird-module__banner___Xwdx6 {
4182
- height: 160px;
4183
- border-radius: 10px;
4184
- margin-bottom: var(--indent-m);
4185
- width: 100%;
4186
- }
4187
-
4188
- .KIT__SignInThird-module__submitButton___nxlyt {
4189
- --button-color-primary: var(--third-submit-button-background);
4190
- --button-color-primary-text: var(--third-submit-button-color);
4191
- border: none;
4192
- --height: 40px;
4193
- min-height: 40px;
4194
- min-height: var(--height);
4195
- max-height: 40px;
4196
- max-height: var(--height);
4197
- border-radius: var(--border-s);
4198
- font-size: var(--font-size-xs);
4199
- font-weight: 700;
4225
+ --kit-phone-view-name-color: var(--base-1000);
4226
+ --lost-password-title-color: rgb(0, 0, 0);
4227
+ --kit-lost-password-phone-info-main-color: rgb(0, 0, 0);
4228
+ --kit-lost-password-phone-info-border: 1px solid rgba(199, 199, 199, 1);
4229
+ --x-reg-color: rgba(135, 135, 139, 1);
4200
4230
  }
4201
4231
 
4202
- .KIT__SignInThird-module__close___GbRf6 {
4203
- --size: 36px;
4204
- width: 36px;
4205
- width: var(--size);
4206
- height: 36px;
4207
- height: var(--size);
4208
- border-radius: 10px;
4209
- background-color: rgb(227, 234, 242);
4210
-
4211
- display: flex;
4212
- align-items: center;
4213
- justify-content: center;
4232
+ .KIT__LostPassword-module__whiteBlue___Iaz79,
4233
+ .KIT__LostPassword-module__whiteYellow____6a5B,
4234
+ .KIT__LostPassword-module__whitePurple___n_7hB {
4235
+ --x-reg-color: rgba(129, 141, 177, 1);
4236
+ --tab-text-color: var(--sign-in-tab-color, var(--semi-dark-gray));
4237
+ --tab-border-bottom-default: transparent;
4238
+ --lost-password-title-color: var(--lost-password-form-title-color, rgb(38, 61, 64));
4239
+ --button-primary-border: none;
4240
+ --kit-lost-password-phone-info-border: var(--lost-password-phone-info-border, 1px solid rgb(242, 247, 247));
4241
+ --input-background: var(--sign-in-input-background-color, rgb(244, 247, 250));
4242
+ --input-text-color: var(--input-color, rgb(65, 82, 106));
4243
+ --kit-phone-view-name-color: var(--phone-view-name-color, rgb(46, 58, 76));
4244
+ --kit-lost-password-phone-info-main-color: var(--lost-password-phone-info-main-color, rgb(38, 61, 64));
4245
+ --input-label-text-color: var(--input-label-color, rgb(65, 82, 106));
4246
+ --button-color-primary-text: rgb(46, 58, 76);
4214
4247
  }
4215
4248
 
4216
- .KIT__SignInThird-module__closeIcon___aSPJ2 path {
4217
- stroke: rgb(97, 113, 158);
4249
+ .KIT__LostPassword-module__whiteYellow____6a5B {
4250
+ --button-color-primary: rgb(252, 212, 53);
4218
4251
  }
4219
4252
 
4220
- .KIT__SignInThird-module__noAccount___z3xZf {
4221
- color: var(--no-account-color);
4222
- font-weight: 700;
4253
+ .KIT__LostPassword-module__whitePurple___n_7hB {
4254
+ --button-color-primary: rgb(136, 103, 255);
4223
4255
  }
4224
4256
 
4225
- .KIT__SignInThird-module__register___mrU2L {
4226
- color: var(--register-color);
4227
- -webkit-text-decoration: underline;
4228
- text-decoration: underline;
4257
+ .KIT__LostPassword-module__whiteBlue___Iaz79 {
4258
+ --button-color-primary: rgb(102, 231, 248);
4229
4259
  }
4230
4260
 
4231
- .KIT__SignInThird-module__row___Lsqbj {
4232
- display: flex;
4233
- font-size: var(--font-size-xs);
4234
- gap: var(--indent-xs);
4235
- justify-content: center;
4261
+ .KIT__LostPassword-module__secondaryGreen___GtqUQ {
4262
+ --button-primary-border: none;
4263
+ --button-color-primary-text: rgb(8, 10, 11);
4264
+ --button-color-primary: #76e741;
4265
+ --tab-button-active-shadow: initial;
4266
+ --primary-gradient: rgb(34, 39, 45);
4267
+ --tab-border-bottom-color: transparent;
4268
+ --tabs-background: rgb(8, 10, 11);
4269
+ --input-background: rgb(23, 26, 31);
4270
+ --input-border: 1px solid rgb(34, 39, 45);
4236
4271
  }
4237
4272
 
4238
- .KIT__SignInThird-module__formTitle___AkwjL {
4239
- font-size: var(--font-size-xs);
4273
+ .KIT__LostPassword-module__tabWrapper___M1C0O {
4274
+ width: var(--full);
4240
4275
  margin-bottom: var(--indent-m);
4241
4276
  }
4242
4277
 
4243
- .KIT__SignInThird-module__tab___R7fUD {
4244
- font-size: var(--font-size-xs);
4278
+ .KIT__LostPassword-module__secondaryGreen___GtqUQ .KIT__LostPassword-module__tabWrapper___M1C0O {
4279
+ padding: var(--indent-xs);
4245
4280
  }
4246
4281
 
4247
- @media screen and (min-width: 768px) {
4248
- .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY {
4249
- flex-direction: row;
4250
- justify-content: center;
4251
- align-items: start;
4252
- padding: 0;
4253
- padding: initial;
4254
- height: 800px;
4255
- margin: 0 auto;
4256
- background-color: var(--base-0);
4257
- margin: 0;
4258
- margin: initial;
4259
- border-radius: var(--border-l);
4260
- }
4282
+ .KIT__LostPassword-module__tabWrapper___M1C0O .KIT__LostPassword-module__tabIndicator___MD3Py {
4283
+ height: 41px;
4284
+ top: 50%;
4285
+ transform: translateY(-50%);
4286
+ }
4261
4287
 
4262
- .KIT__SignInThird-module__rightSide___PDqxP {
4263
- width: 50%;
4264
- height: 100%;
4288
+ .KIT__SetNewPassword-module__wrapperNewPassword___w8_wq {
4289
+ display: flex;
4290
+ flex-direction: column;
4291
+ gap: var(--indent-m);
4292
+ }
4265
4293
 
4266
- display: block;
4294
+ .KIT__SetNewPassword-module__yellow___F1jGf {
4295
+ --button-primary-border: none;
4296
+ --button-color-primary-text: rgb(0, 0, 0);
4297
+ --button-color-primary: linear-gradient(
4298
+ 90deg,
4299
+ rgba(255, 222, 106, 1) 23%,
4300
+ rgba(224, 168, 37, 1) 67%
4301
+ );
4302
+ }
4267
4303
 
4268
- border-radius: var(--border-l);
4269
- overflow: hidden;
4270
- position: relative;
4304
+ .KIT__SetNewPassword-module__white___ChPOn {
4305
+ --button-primary-border: 1px solid #ffe98c;
4306
+ --button-color-primary-text: var(--base-1000);
4307
+ --button-color-primary: rgba(254, 206, 0, 1);
4308
+ }
4271
4309
 
4272
- cursor: pointer;
4273
- }
4310
+ .KIT__SetNewPassword-module__whiteCommon___EJpkr {
4311
+ --semi-dark-gray: rgb(46, 58, 76);
4312
+ --input-background: rgb(244, 247, 250);
4313
+ --input-base-autofill-background-color: rgb(244, 247, 250);
4314
+ --button-color-primary: var(--third-primary-color);
4315
+ --button-color-primary-text: var(--semi-dark-gray);
4316
+ --button-primary-border: none;
4317
+ --input-text-color: rgb(65, 82, 106);
4318
+ --input-label-text-color: rgb(65, 82, 106);
4319
+ --set-new-password-requirements-color: var(--semi-dark-gray);
4320
+ --set-new-password-enter-password-color: var(--semi-dark-gray);
4321
+ }
4274
4322
 
4275
- .KIT__SignInThird-module__leftSide___gsLbK {
4276
- padding: var(--indent-xxl);
4277
- display: flex;
4278
- flex-direction: column;
4279
- justify-content: space-between;
4280
- flex: 1;
4281
- height: 100%;
4282
- }
4323
+ .KIT__SetNewPassword-module__whitePurple___feYEl {
4324
+ --button-color-primary: rgb(136, 103, 255);
4325
+ }
4283
4326
 
4284
- .KIT__SignInThird-module__banner___Xwdx6 {
4285
- display: none;
4286
- }
4327
+ .KIT__SetNewPassword-module__whiteBlue___OIyAk {
4328
+ --button-color-primary: rgb(102, 231, 248);
4287
4329
  }
4288
4330
 
4289
- .KIT__SignInThird-module__animationFadeIn___uAXSj {
4290
- animation: KIT__SignInThird-module__FadeIn___voZUP 1s forwards;
4331
+ .KIT__SetNewPassword-module__enterPassword___e3Vog {
4332
+ color: var(--set-new-password-enter-password-color, var(--base-0));
4333
+ font-size: var(--font-size-s);
4334
+ line-height: 1.2;
4291
4335
  }
4292
4336
 
4293
- .KIT__SignInThird-module__label___HmXhw,
4294
- .KIT__SignInThird-module__input___XbH_g {
4295
- font-size: var(--font-size-xs);
4296
- font-weight: 700;
4337
+ .KIT__SetNewPassword-module__passwordRequirements___MG84l {
4338
+ color: rgba(255, 255, 255, 0.5);
4339
+ color: var(--set-new-password-requirements-color, rgba(255, 255, 255, 0.5));
4340
+ font-size: var(--font-size-s);
4341
+ line-height: 1.2;
4297
4342
  }
4298
4343
 
4299
- @keyframes KIT__SignInThird-module__FadeIn___voZUP {
4300
- 0% {
4301
- opacity: 0;
4302
- }
4344
+ .KIT__SetNewPassword-module__yellow___F1jGf {
4345
+ --input-background: rgba(36, 36, 36, 1);
4346
+ --selector-item-background: rgba(36, 36, 36, 1);
4347
+ --selector-main-bg-opened: rgba(36, 36, 36, 1);
4348
+ --phone-input-item-hover-background-color: rgba(48, 47, 47);
4349
+ --arrow-button-svg-path-fill: rgba(161, 166, 178, 1);
4350
+ --button-primary-border: none;
4351
+ --button-color-primary-text: rgb(0, 0, 0);
4352
+ --button-color-primary: linear-gradient(
4353
+ 90deg,
4354
+ rgba(255, 222, 106, 1) 23%,
4355
+ rgba(224, 168, 37, 1) 67%
4356
+ );
4357
+ }
4303
4358
 
4304
- 100% {
4305
- opacity: 1;
4306
- }
4359
+ .KIT__SetNewPassword-module__secondaryGreen___XcUNT {
4360
+ --button-primary-border: none;
4361
+ --button-color-primary-text: rgb(8, 10, 11);
4362
+ --button-color-primary: #76e741;
4363
+ --tab-button-active-shadow: initial;
4364
+ --primary-gradient: rgb(34, 39, 45);
4365
+ --tab-border-bottom-color: transparent;
4366
+ --tabs-background: rgb(8, 10, 11);
4367
+ --input-background: rgb(23, 26, 31);
4368
+ --input-border: 1px solid rgb(34, 39, 45);
4307
4369
  }
4308
4370
 
4309
4371
  .KIT__AssignCurrency-module__wrapperAssignCurrency___c9iVW {
@@ -4901,18 +4963,19 @@
4901
4963
  }
4902
4964
 
4903
4965
  .KIT__Alert-module__thirdAuth___cnfqR {
4904
- background: var(--third-modal-layout-background-color);
4966
+ background: var(--modal-content-background, var(--third-modal-layout-background-color));
4905
4967
  }
4906
4968
 
4907
4969
  @media screen and (min-width: 768px) {
4908
4970
 
4909
4971
  .KIT__Alert-module__thirdAuth___cnfqR {
4910
4972
  max-width: 960px;
4973
+ width: 95%;
4911
4974
  }
4912
4975
  }
4913
4976
 
4914
4977
  .KIT__Alert-module__thirdLostpassword___JMYIW {
4915
- background: var(--third-modal-layout-background-color);
4978
+ background: var(--modal-content-background, var(--third-modal-layout-background-color));
4916
4979
  }
4917
4980
 
4918
4981
  .KIT__Alert-module__yellowSignUp___YdXau {
@@ -4937,6 +5000,7 @@
4937
5000
 
4938
5001
  .KIT__Alert-module__popUpSemiDarkColor___AlKAA {
4939
5002
  color: rgb(38, 61, 64);
5003
+ color: var(--lost-password-title-color, rgb(38, 61, 64));
4940
5004
  font-size: var(--font-size-m);
4941
5005
  }
4942
5006
 
@@ -4971,8 +5035,9 @@
4971
5035
  align-items: center;
4972
5036
  }
4973
5037
 
4974
- .KIT__Alert-module__maxWidth___h6QQZ {
5038
+ .KIT__Alert-module__maxSize___oZT2V {
4975
5039
  max-width: 960px;
5040
+ height: 800px;
4976
5041
  padding: 0;
4977
5042
  }
4978
5043
 
@@ -5053,7 +5118,7 @@
5053
5118
 
5054
5119
  .KIT__Banners-module__emblaSlide___eHpp8 {
5055
5120
  width: 100%;
5056
- max-width: 375px;
5121
+ max-width: 500px;
5057
5122
  transform: translate3d(0, 0, 0);
5058
5123
  flex: 0 0 var(--slide-size);
5059
5124
  min-width: 0;
@@ -5106,14 +5171,18 @@
5106
5171
  font-size: clamp(var(--font-size-l), 0.114rem + 2.095vw, 2rem);
5107
5172
  font-weight: 700;
5108
5173
  text-transform: uppercase;
5109
- color: var(--banner-title-color);
5174
+ color: var(--banner-text-color, var(--banner-title-color));
5110
5175
  text-align: left;
5111
5176
  margin-bottom: var(--indent-xs);
5112
5177
  }
5113
5178
 
5114
5179
  .KIT__Banners-module__emblaSlide___eHpp8 .KIT__Banners-module__emblaSlideContent___yjhnA .KIT__Banners-module__emblaSlideContentText___Nh9xi .KIT__Banners-module__subTitle___H4Ist {
5115
- color: var(--banner-title-color);
5116
- font-size: clamp(var(--font-size-xs), 0.314rem + 0.762vw, var(--font-size-l));
5180
+ color: var(--banner-text-color, var(--banner-title-color));
5181
+ font-size: clamp(
5182
+ var(--font-size-xs),
5183
+ 0.314rem + 0.762vw,
5184
+ var(--font-size-l)
5185
+ );
5117
5186
  text-align: left;
5118
5187
 
5119
5188
  overflow: hidden;
@@ -5135,7 +5204,6 @@
5135
5204
  object-position: right;
5136
5205
  }
5137
5206
 
5138
-
5139
5207
  .KIT__Banners-module__emblaProgress___dBirL {
5140
5208
  margin: 0 auto;
5141
5209
  margin-top: var(--indent-l);
@@ -5158,6 +5226,18 @@
5158
5226
  bottom: 0;
5159
5227
  left: -100%;
5160
5228
  }
5229
+
5230
+ .KIT__Banners-module__bannerButton___ws5aM {
5231
+ --border-none: none;
5232
+ --button-color-primary: var(
5233
+ --auth-buttons-sign-up-button-background-color,
5234
+ var(--green-300)
5235
+ );
5236
+ --button-color-primary-text: var(--auth-button-color, var(--base-0));
5237
+ --button-primary-border: var(--border-none, 2px solid var(--green-100));
5238
+ font-weight: 700;
5239
+ }
5240
+
5161
5241
  .KIT__PromotionMobileApp-module__wrapperMainBanner___En6WH {
5162
5242
  width: 100%;
5163
5243
  position: relative;
@@ -6875,6 +6955,107 @@
6875
6955
  width: 250px;
6876
6956
  z-index: var(--layout-lvl-4);
6877
6957
  }
6958
+ .KIT__CasinoSearchInput-module__searchIcon___BSj9n {
6959
+ margin: auto;
6960
+ }
6961
+
6962
+ .KIT__CasinoSearchInput-module__helperText___xyQ_b {
6963
+ color: var(--casino-search-input-helper-text-color);
6964
+ bottom: calc(var(--indent-m) * -1);
6965
+ }
6966
+
6967
+ .KIT__CasinoSearchInput-module__searchIcon___BSj9n path {
6968
+ fill: var(--casino-search-input-search-icon-path-fill);
6969
+ }
6970
+
6971
+ .KIT__CasinoSearchInput-module__inputCasinoSearch___GOIJT {
6972
+ background: var(--casino-searh-block-input-casino-search-background);
6973
+ border: none;
6974
+ position: relative;
6975
+ }
6976
+
6977
+ .KIT__CasinoSearchInput-module__inputCasinoSearch___GOIJT label {
6978
+ color: var(--input-placeholder-color);
6979
+ font-weight: 700;
6980
+ font-size: 0.9rem;
6981
+ }
6982
+
6983
+ .KIT__CasinoSearchInput-module__inputCasinoSearch___GOIJT input {
6984
+ color: var(--input-color);
6985
+ }
6986
+
6987
+ .KIT__CasinoSearchBlock-module__isOpenedSearchWrapper___obVmu {
6988
+ overflow: hidden;
6989
+ position: relative;
6990
+ }
6991
+
6992
+ .KIT__CasinoSearchBlock-module__isOpenedSearchInput___jMr5h {
6993
+ width: var(--full);
6994
+ flex-shrink: 0;
6995
+ display: flex;
6996
+ flex-direction: column;
6997
+ align-items: flex-start;
6998
+ gap: var(--indent-xs);
6999
+ margin-bottom: var(--indent-m);
7000
+ }
7001
+
7002
+ .KIT__CasinoSearchBlock-module__inputBox___CJIIT {
7003
+ display: flex;
7004
+ align-items: center;
7005
+ gap: var(--indent-m);
7006
+ width: var(--full);
7007
+ height: 40px;
7008
+ }
7009
+
7010
+ .KIT__CasinoSearchBlock-module__closeSearch___NxgLP {
7011
+ --size: 40px;
7012
+ width: 40px;
7013
+ width: var(--size);
7014
+ height: 40px;
7015
+ height: var(--size);
7016
+ background-color: var(--casino-searh-block-close-search-background-color);
7017
+ border-radius: var(--border-s);
7018
+
7019
+ display: flex;
7020
+ align-items: center;
7021
+ justify-content: center;
7022
+ flex-shrink: 0;
7023
+ }
7024
+
7025
+ .KIT__CasinoSearchBlock-module__closeSearchIcon___YNXIt path {
7026
+ fill: var(--casino-searh-block-close-search-icon-path-fill);
7027
+ }
7028
+
7029
+ .KIT__CasinoSearchBlock-module__searchRules___wo4Pp {
7030
+ --category-height: 56px;
7031
+ position: absolute;
7032
+ top: calc(56px + var(--indent-xs));
7033
+ top: calc(var(--category-height) + var(--indent-xs));
7034
+ font-size: 0.6rem;
7035
+ font-weight: 700;
7036
+ color: var(--casino-searh-block-search-rules-color);
7037
+ }
7038
+
7039
+ @media screen and (min-width: 768px) {
7040
+ .KIT__CasinoSearchBlock-module__isOpenedSearchInput___jMr5h {
7041
+ padding: 0;
7042
+ padding: initial;
7043
+ position: relative;
7044
+ margin: 0;
7045
+ margin: initial;
7046
+ }
7047
+
7048
+ .KIT__CasinoSearchBlock-module__closeSearch___NxgLP {
7049
+ cursor: pointer;
7050
+ }
7051
+
7052
+ .KIT__CasinoSearchBlock-module__searchRules___wo4Pp {
7053
+ --input-height: 40px;
7054
+ top: calc(40px + var(--indent-xs));
7055
+ top: calc(var(--input-height) + var(--indent-xs));
7056
+ }
7057
+ }
7058
+
6878
7059
  .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ {
6879
7060
  display: flex;
6880
7061
  flex-direction: column;
@@ -7599,7 +7780,7 @@
7599
7780
  --sign-in-modal-lost-password-color: white;
7600
7781
  }
7601
7782
  :root {
7602
- --world-svg-path-fill: var(--base-0);
7783
+ --kit-world-svg-path-fill: var(--base-0);
7603
7784
  --check-svg-path-fill: var(--base-0);
7604
7785
  }
7605
7786