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.
- package/dist/index.js +1 -1
- package/dist/lib/components/Banners/index.js +1 -1
- package/dist/lib/components/CasinoSearchBlock/components/CasinoSearchInput/index.d.ts +6 -0
- package/dist/lib/components/CasinoSearchBlock/components/CasinoSearchInput/index.js +56 -0
- package/dist/lib/components/CasinoSearchBlock/index.d.ts +2 -0
- package/dist/lib/components/CasinoSearchBlock/index.js +54 -0
- package/dist/lib/components/CasinoSearchBlock/types.d.ts +5 -0
- package/dist/lib/components/CasinoSearchBlock/types.js +2 -0
- package/dist/lib/components/Layouts/ModalLayout/index.js +2 -2
- package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/index.d.ts +3 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/index.js +21 -18
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/EmailSignUp/index.js +9 -21
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/OneClickKit/index.js +0 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/index.d.ts +3 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/index.js +21 -16
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js +2 -2
- package/dist/lib/components/Modals/Alert/index.js +3 -15
- package/dist/lib/components/ui/Buttons/ArrowButton/index.js +1 -0
- package/dist/lib/components/ui/Headers/PopUpHeader/types.d.ts +1 -0
- package/dist/lib/components/ui/Icons/Base/SecondSearchSvg.d.ts +2 -0
- package/dist/lib/components/ui/Icons/Base/SecondSearchSvg.js +20 -0
- package/dist/lib/components/ui/Icons/FlagIcons/WorldSvg.js +1 -1
- package/dist/lib/index.d.ts +6 -1
- package/dist/lib/index.js +19 -9
- package/dist/lib/zustandStore/search/selectors.d.ts +6 -0
- package/dist/lib/zustandStore/search/selectors.js +14 -0
- package/dist/lib/zustandStore/search/store.d.ts +2 -0
- package/dist/lib/zustandStore/search/store.js +10 -0
- package/dist/lib/zustandStore/search/types.d.ts +7 -0
- package/dist/lib/zustandStore/search/types.js +2 -0
- package/dist/lib/zustandStore/settings/selectors.d.ts +4 -0
- package/dist/lib/zustandStore/settings/selectors.js +5 -1
- package/dist/lib/zustandStore/settings/store.js +4 -0
- package/dist/lib/zustandStore/settings/types.d.ts +4 -0
- package/dist/main.css +949 -768
- 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-
|
|
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:
|
|
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:
|
|
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(
|
|
2671
|
-
|
|
2672
|
-
|
|
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:
|
|
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
|
-
.
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
background
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3295
|
+
justify-content: flex-end;
|
|
3237
3296
|
}
|
|
3238
3297
|
|
|
3239
|
-
.
|
|
3240
|
-
|
|
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
|
-
.
|
|
3250
|
-
--
|
|
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
|
-
.
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
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
|
-
.
|
|
3270
|
-
|
|
3314
|
+
.KIT__SignInThird-module__leftSide___gsLbK {
|
|
3315
|
+
width: var(--full);
|
|
3271
3316
|
}
|
|
3272
3317
|
|
|
3273
|
-
.
|
|
3274
|
-
|
|
3318
|
+
.KIT__SignInThird-module__rightSide___PDqxP {
|
|
3319
|
+
display: none;
|
|
3275
3320
|
}
|
|
3276
3321
|
|
|
3277
|
-
.
|
|
3278
|
-
|
|
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
|
-
|
|
3282
|
-
|
|
3329
|
+
display: flex;
|
|
3330
|
+
align-items: center;
|
|
3331
|
+
justify-content: space-between;
|
|
3283
3332
|
}
|
|
3284
3333
|
|
|
3285
|
-
.
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
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
|
-
.
|
|
3296
|
-
|
|
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
|
-
|
|
3299
|
-
|
|
3347
|
+
display: flex;
|
|
3348
|
+
position: relative;
|
|
3349
|
+
z-index: calc(var(--layout-lvl-1) + 3);
|
|
3300
3350
|
}
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
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
|
-
.
|
|
3308
|
-
|
|
3309
|
-
|
|
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
|
-
.
|
|
3333
|
-
|
|
3334
|
-
|
|
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
|
-
.
|
|
3340
|
-
|
|
3341
|
-
|
|
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
|
-
.
|
|
3348
|
-
|
|
3349
|
-
|
|
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
|
-
.
|
|
3359
|
-
|
|
3360
|
-
|
|
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
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
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
|
-
.
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
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
|
-
|
|
3377
|
-
|
|
3420
|
+
font-size: var(--font-size-xs);
|
|
3421
|
+
font-weight: 700;
|
|
3378
3422
|
}
|
|
3379
3423
|
|
|
3380
|
-
.
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
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
|
-
|
|
3394
|
-
margin-left: var(--indent-l);
|
|
3395
|
-
font-size: var(--font-size-s);
|
|
3436
|
+
justify-content: center;
|
|
3396
3437
|
}
|
|
3397
3438
|
|
|
3398
|
-
.
|
|
3399
|
-
|
|
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
|
-
.
|
|
3403
|
-
|
|
3404
|
-
|
|
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
|
-
.
|
|
3409
|
-
color: var(--
|
|
3410
|
-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3420
|
-
|
|
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
|
-
.
|
|
3427
|
-
|
|
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
|
-
|
|
3433
|
-
|
|
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
|
-
.
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
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
|
-
.
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
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
|
-
.
|
|
3461
|
-
|
|
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
|
-
.
|
|
3469
|
-
|
|
3523
|
+
.KIT__SignInThird-module__label___HmXhw,
|
|
3524
|
+
.KIT__SignInThird-module__input___XbH_g {
|
|
3470
3525
|
font-size: var(--font-size-xs);
|
|
3471
|
-
|
|
3472
|
-
text-transform: uppercase;
|
|
3526
|
+
font-weight: 700;
|
|
3473
3527
|
}
|
|
3474
3528
|
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3529
|
+
@keyframes KIT__SignInThird-module__FadeIn___voZUP {
|
|
3530
|
+
0% {
|
|
3531
|
+
opacity: 0;
|
|
3532
|
+
}
|
|
3478
3533
|
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
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
|
-
.
|
|
3496
|
-
|
|
3497
|
-
|
|
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
|
-
.
|
|
3556
|
+
.KIT__PopUpHeader-module__leftContent___lIcyz {
|
|
3506
3557
|
display: flex;
|
|
3507
3558
|
align-items: center;
|
|
3508
|
-
|
|
3559
|
+
gap: var(--indent-m);
|
|
3509
3560
|
}
|
|
3510
3561
|
|
|
3511
|
-
.
|
|
3512
|
-
font-
|
|
3513
|
-
|
|
3514
|
-
|
|
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
|
-
.
|
|
3518
|
-
|
|
3519
|
-
|
|
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
|
-
.
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
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
|
-
.
|
|
3529
|
-
|
|
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
|
-
.
|
|
3541
|
-
|
|
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
|
-
.
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
gap: var(--indent-s);
|
|
3550
|
-
}
|
|
3600
|
+
.KIT__PopUpHeader-module__left___I9Xx7 > svg {
|
|
3601
|
+
transform: rotate(-90deg);
|
|
3602
|
+
}
|
|
3551
3603
|
|
|
3552
|
-
.
|
|
3553
|
-
|
|
3554
|
-
height: 100%;
|
|
3555
|
-
justify-content: space-between;
|
|
3604
|
+
.KIT__PopUpHeader-module__right___n8ZfB {
|
|
3605
|
+
right: var(--indent-l);
|
|
3556
3606
|
}
|
|
3557
3607
|
|
|
3558
|
-
.
|
|
3559
|
-
position:
|
|
3560
|
-
top: 0%;
|
|
3561
|
-
right: -5%;
|
|
3608
|
+
.KIT__PortalLayout-module__wrapperPortalLayout___o5fiH {
|
|
3609
|
+
position: fixed;
|
|
3562
3610
|
width: 100%;
|
|
3563
3611
|
height: 100%;
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
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
|
-
.
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
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
|
-
.
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
3652
|
+
z-index: var(--layout-lvl-1);
|
|
3594
3653
|
}
|
|
3595
3654
|
|
|
3596
|
-
.
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
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
|
-
.
|
|
3603
|
-
|
|
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
|
-
.
|
|
3607
|
-
|
|
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
|
-
.
|
|
3611
|
-
|
|
3612
|
-
|
|
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
|
-
|
|
3617
|
-
|
|
3618
|
-
|
|
3619
|
-
|
|
3620
|
-
|
|
3621
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
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
|
-
.
|
|
3633
|
-
|
|
3634
|
-
font-size: var(--font-size-xs);
|
|
3721
|
+
.KIT__CountDown-module__timeBlock___jzus8:first-child {
|
|
3722
|
+
margin-left: 0;
|
|
3635
3723
|
}
|
|
3636
3724
|
|
|
3637
|
-
.
|
|
3638
|
-
font-size: var(--font-size-
|
|
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
|
-
.
|
|
3642
|
-
|
|
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
|
-
.
|
|
3646
|
-
|
|
3647
|
-
|
|
3648
|
-
|
|
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
|
-
.
|
|
3653
|
-
|
|
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
|
-
|
|
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
|
-
.
|
|
3671
|
-
color: var(--
|
|
3672
|
-
|
|
3673
|
-
|
|
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
|
-
|
|
3677
|
-
|
|
3678
|
-
width: 336px;
|
|
3755
|
+
.KIT__CountDown-module__row___Pg1OZ:not(:last-child)::after {
|
|
3756
|
+
content: ':';
|
|
3679
3757
|
}
|
|
3680
|
-
}
|
|
3681
3758
|
|
|
3682
|
-
.
|
|
3683
|
-
|
|
3684
|
-
--
|
|
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
|
-
|
|
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
|
-
|
|
3778
|
+
position: relative;
|
|
3779
|
+
top: -5px;
|
|
3780
|
+
margin-left: calc(var(--indent-l) / 3);
|
|
3697
3781
|
}
|
|
3698
3782
|
|
|
3699
|
-
.
|
|
3700
|
-
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
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
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
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
|
-
.
|
|
3718
|
-
|
|
3798
|
+
.KIT__CountDown-module__item___JJduj:last-child {
|
|
3799
|
+
margin-bottom: var(--indent-l);
|
|
3719
3800
|
}
|
|
3720
3801
|
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
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
|
-
.
|
|
4203
|
-
|
|
4204
|
-
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
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
|
-
.
|
|
4217
|
-
|
|
4249
|
+
.KIT__LostPassword-module__whiteYellow____6a5B {
|
|
4250
|
+
--button-color-primary: rgb(252, 212, 53);
|
|
4218
4251
|
}
|
|
4219
4252
|
|
|
4220
|
-
.
|
|
4221
|
-
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
|
-
.
|
|
4226
|
-
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
|
-
.
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
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
|
-
.
|
|
4239
|
-
|
|
4273
|
+
.KIT__LostPassword-module__tabWrapper___M1C0O {
|
|
4274
|
+
width: var(--full);
|
|
4240
4275
|
margin-bottom: var(--indent-m);
|
|
4241
4276
|
}
|
|
4242
4277
|
|
|
4243
|
-
.
|
|
4244
|
-
|
|
4278
|
+
.KIT__LostPassword-module__secondaryGreen___GtqUQ .KIT__LostPassword-module__tabWrapper___M1C0O {
|
|
4279
|
+
padding: var(--indent-xs);
|
|
4245
4280
|
}
|
|
4246
4281
|
|
|
4247
|
-
|
|
4248
|
-
|
|
4249
|
-
|
|
4250
|
-
|
|
4251
|
-
|
|
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
|
-
|
|
4263
|
-
|
|
4264
|
-
|
|
4288
|
+
.KIT__SetNewPassword-module__wrapperNewPassword___w8_wq {
|
|
4289
|
+
display: flex;
|
|
4290
|
+
flex-direction: column;
|
|
4291
|
+
gap: var(--indent-m);
|
|
4292
|
+
}
|
|
4265
4293
|
|
|
4266
|
-
|
|
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
|
-
|
|
4269
|
-
|
|
4270
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4276
|
-
|
|
4277
|
-
|
|
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
|
-
|
|
4285
|
-
|
|
4286
|
-
}
|
|
4327
|
+
.KIT__SetNewPassword-module__whiteBlue___OIyAk {
|
|
4328
|
+
--button-color-primary: rgb(102, 231, 248);
|
|
4287
4329
|
}
|
|
4288
4330
|
|
|
4289
|
-
.
|
|
4290
|
-
|
|
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
|
-
.
|
|
4294
|
-
.
|
|
4295
|
-
|
|
4296
|
-
font-
|
|
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
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
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
|
-
|
|
4305
|
-
|
|
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-
|
|
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:
|
|
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(
|
|
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
|
|