@golstats/gsc-game-data 1.0.165 → 1.0.167

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 (12) hide show
  1. package/dist/{FilterConditions-dc6b25de-d6be63d1.js → FilterConditions-dc6b25de-5546b071.js} +1 -1
  2. package/dist/{FilterConditions-dc6b25de-DOW3ApFh-281816ee.js → FilterConditions-dc6b25de-DOW3ApFh-4cec7eea.js} +1 -1
  3. package/dist/{FilterField-37ad154d-ce5521c9.js → FilterField-37ad154d-481657c6.js} +1 -1
  4. package/dist/{FilterField-37ad154d-CGBI29FT-84381a56.js → FilterField-37ad154d-CGBI29FT-b2a2a51e.js} +1 -1
  5. package/dist/{FilterSubcategories-a7b96423-0cb4a30a.js → FilterSubcategories-a7b96423-8c74028b.js} +1 -1
  6. package/dist/{FilterSubcategories-a7b96423-Dq4ouXsj-ad6084f6.js → FilterSubcategories-a7b96423-Dq4ouXsj-c129da44.js} +1 -1
  7. package/dist/gsc-game-data.js +1 -1
  8. package/dist/gsc-game-data.umd.cjs +91 -91
  9. package/dist/{index-5088d35a.js → index-cf30cd00.js} +11636 -11634
  10. package/dist/style.css +1 -1
  11. package/dist/styles.css +162 -162
  12. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -12,64 +12,64 @@ body {
12
12
  --font-poppins: 'Poppins-Regular';
13
13
 
14
14
  /* font sizes */
15
- --font-size-smi: 13px;
16
- --font-size-sm: 14px;
17
- --font-size-5xl: 24px;
18
- --font-size-base: 16px;
19
- --font-size-3xl: 22px;
15
+ --font-size-smicom: 13px;
16
+ --font-size-smcom: 14px;
17
+ --font-size-5xlcom: 24px;
18
+ --font-size-basecom: 16px;
19
+ --font-size-3xlcom: 22px;
20
20
 
21
21
  /* Colors */
22
- --color-gray-100: #fafafb;
23
- --color-gray-200: #122736;
24
- --color-gray-300: #172531;
25
- --color-gray-400: #0d1d29;
26
- --color-gray-500: rgba(255, 255, 255, 0.4);
27
- --color-gray-600: rgba(255, 255, 255, 0.05);
28
- --color-gray-700: rgba(255, 255, 255, 0.2);
29
- --color-gray-800: rgba(255, 255, 255, 0.1);
30
- --color-gray-900: rgba(255, 255, 255, 0.04);
31
- --color-gray-1000: rgba(116, 125, 132, 0.6);
32
- --color-yellowgreen: #cbee6b;
33
- --color-white: #fff;
34
- --color-darkslategray: #3d4a54;
35
- --color-steelblue: #275075;
36
- --color-whitesmoke: #f4f4f4;
37
- --color-dimgray: #566169;
38
- --color-slategray: #667085;
22
+ --color-gray-100com: #fafafb;
23
+ --color-gray-200com: #122736;
24
+ --color-gray-300com: #172531;
25
+ --color-gray-400com: #0d1d29;
26
+ --color-gray-500com: rgba(255, 255, 255, 0.4);
27
+ --color-gray-600com: rgba(255, 255, 255, 0.05);
28
+ --color-gray-700com: rgba(255, 255, 255, 0.2);
29
+ --color-gray-800com: rgba(255, 255, 255, 0.1);
30
+ --color-gray-900com: rgba(255, 255, 255, 0.04);
31
+ --color-gray-1000com: rgba(116, 125, 132, 0.6);
32
+ --color-yellowgreencom: #cbee6b;
33
+ --color-whitecom: #fff;
34
+ --color-darkslategraycom: #3d4a54;
35
+ --color-steelbluecom: #275075;
36
+ --color-whitesmokecom: #f4f4f4;
37
+ --color-dimgraycom: #566169;
38
+ --color-slategraycom: #667085;
39
39
 
40
40
  /* Gaps */
41
- --gap-smi: 13px;
42
- --gap-35xl: 48px;
43
- --gap-xl: 20px;
44
- --gap-45xl: 64px;
45
- --gap-21xl: 40px;
46
- --gap-base: 8px;
47
- --gap-3xs: 10px;
48
- --gap-7xs: 6px;
49
- --gap-0: 0px;
50
- --gap-5xl: 24px;
51
- --gap-xs: 12px;
52
- --gap-11xs-6: 1.6px;
41
+ --gap-smicom: 13px;
42
+ --gap-35xlcom: 48px;
43
+ --gap-xlcom: 20px;
44
+ --gap-45xlcom: 64px;
45
+ --gap-21xlcom: 40px;
46
+ --gap-basecom: 8px;
47
+ --gap-3xscom: 10px;
48
+ --gap-7xscom: 6px;
49
+ --gap-0com: 0px;
50
+ --gap-5xlcom: 24px;
51
+ --gap-xscom: 12px;
52
+ --gap-11xs-6com: 1.6px;
53
53
 
54
54
  /* Paddings */
55
- --padding-3xs: 10px;
56
- --padding-9xs: 4px;
57
- --padding-5xs: 8px;
58
- --padding-base: 16px;
59
- --padding-xs: 12px;
60
- --padding-31xl: 50px;
61
- --padding-xl: 20px;
62
- --padding-61xl: 80px;
63
- --padding-5xl: 24px;
64
- --padding-smi: 13px;
55
+ --padding-3xscom: 10px;
56
+ --padding-9xscom: 4px;
57
+ --padding-5xscom: 8px;
58
+ --padding-basecom: 16px;
59
+ --padding-xscom: 12px;
60
+ --padding-31xlcom: 50px;
61
+ --padding-xlcom: 20px;
62
+ --padding-61xlcom: 80px;
63
+ --padding-5xlcom: 24px;
64
+ --padding-smicom: 13px;
65
65
 
66
66
  /* Border radiuses */
67
- --br-6xl: 25px;
68
- --br-31xl: 50px;
69
- --br-9xs: 4px;
70
- --br-5xs: 8px;
71
- --br-46xl: 65px;
72
- --br-xs: 12px;
67
+ --br-6xlcom: 25px;
68
+ --br-31xlcom: 50px;
69
+ --br-9xscom: 4px;
70
+ --br-5xscom: 8px;
71
+ --br-46xlcom: 65px;
72
+ --br-xscom: 12px;
73
73
  }
74
74
 
75
75
  /* grupos */
@@ -132,33 +132,33 @@ body {
132
132
  flex: 1;
133
133
  display: flex;
134
134
  flex-direction: column;
135
- padding: 0px var(--padding-xs);
135
+ padding: 0px var(--padding-xscom);
136
136
  align-items: center;
137
137
  justify-content: flex-start;
138
- gap: var(--gap-xl);
138
+ gap: var(--gap-xlcom);
139
139
  text-align: left;
140
140
  font-size: 15px;
141
- color: var(--color-white);
141
+ color: var(--color-whitecom);
142
142
  font-family: var(--font-poppins);
143
143
  }
144
144
 
145
145
  .containerSection1232 {
146
146
  align-self: stretch;
147
147
  width: auto;
148
- padding-left: var(--padding-31xl);
149
- padding-right: var(--padding-31xl);
148
+ padding-left: var(--padding-31xlcom);
149
+ padding-right: var(--padding-31xlcom);
150
150
  box-sizing: border-box;
151
151
  align-self: stretch;
152
152
  flex: 1;
153
153
  display: flex;
154
154
  flex-direction: column;
155
- padding: 0px var(--padding-xs);
155
+ padding: 0px var(--padding-xscom);
156
156
  align-items: center;
157
157
  justify-content: flex-start;
158
- gap: var(--gap-xl);
158
+ gap: var(--gap-xlcom);
159
159
  text-align: left;
160
160
  font-size: 15px;
161
- color: var(--color-white);
161
+ color: var(--color-whitecom);
162
162
  font-family: var(--font-poppins);
163
163
 
164
164
  }
@@ -173,13 +173,13 @@ body {
173
173
  flex: 1;
174
174
  display: flex;
175
175
  flex-direction: column;
176
- padding: 0px var(--padding-xs);
176
+ padding: 0px var(--padding-xscom);
177
177
  align-items: center;
178
178
  justify-content: flex-start;
179
- gap: var(--gap-xl);
179
+ gap: var(--gap-xlcom);
180
180
  text-align: left;
181
181
  font-size: 15px;
182
- color: var(--color-white);
182
+ color: var(--color-whitecom);
183
183
  font-family: var(--font-poppins);
184
184
  }
185
185
 
@@ -193,7 +193,7 @@ body {
193
193
  justify-content: flex-start;
194
194
  text-align: left;
195
195
  font-size: 15px;
196
- color: var(--color-white);
196
+ color: var(--color-whitecom);
197
197
  font-family: var(--font-poppins);
198
198
  margin: 0 auto;
199
199
  gap: 10px;
@@ -207,10 +207,10 @@ body {
207
207
  flex-direction: column;
208
208
  align-items: center;
209
209
  justify-content: flex-start;
210
- gap: var(--gap-xl);
210
+ gap: var(--gap-xlcom);
211
211
  text-align: left;
212
212
  font-size: 15px;
213
- color: var(--color-white);
213
+ color: var(--color-whitecom);
214
214
  font-family: var(--font-poppins);
215
215
  }
216
216
 
@@ -225,7 +225,7 @@ body {
225
225
  flex-direction: column;
226
226
  align-items: center;
227
227
  justify-content: center;
228
- gap: var(--gap-35xl);
228
+ gap: var(--gap-35xlcom);
229
229
  }
230
230
 
231
231
  .templateLosMejores11232 {
@@ -238,7 +238,7 @@ body {
238
238
  flex-direction: column;
239
239
  align-items: center;
240
240
  justify-content: center;
241
- gap: var(--gap-35xl);
241
+ gap: var(--gap-35xlcom);
242
242
  }
243
243
 
244
244
  .templateLosMejores1960 {
@@ -254,7 +254,7 @@ body {
254
254
  flex-direction: column;
255
255
  align-items: center;
256
256
  justify-content: center;
257
- gap: var(--gap-35xl);
257
+ gap: var(--gap-35xlcom);
258
258
  }
259
259
 
260
260
  .templateLosMejores1420 {
@@ -266,7 +266,7 @@ body {
266
266
  flex-direction: column;
267
267
  align-items: center;
268
268
  justify-content: center;
269
- gap: var(--gap-35xl);
269
+ gap: var(--gap-35xlcom);
270
270
  }
271
271
 
272
272
  .templateLosMejores1320 {
@@ -278,7 +278,7 @@ body {
278
278
  flex-direction: column;
279
279
  align-items: center;
280
280
  justify-content: center;
281
- gap: var(--gap-35xl);
281
+ gap: var(--gap-35xlcom);
282
282
  }
283
283
 
284
284
  .templateLosMejores1540 {
@@ -291,7 +291,7 @@ body {
291
291
  flex-direction: column;
292
292
  align-items: center;
293
293
  justify-content: center;
294
- gap: var(--gap-35xl);
294
+ gap: var(--gap-35xlcom);
295
295
  }
296
296
 
297
297
  .templateLosMejores1350 {
@@ -309,28 +309,28 @@ body {
309
309
  /* grupos */
310
310
  .topFiltersParent {
311
311
  align-self: stretch;
312
- border-radius: var(--br-5xs);
312
+ border-radius: var(--br-5xscom);
313
313
  background-color: #172531;
314
314
  display: flex;
315
315
  flex-direction: column;
316
316
  padding: 0px 0px 50px;
317
317
  align-items: center;
318
318
  justify-content: flex-start;
319
- gap: var(--gap-35xl);
320
- font-size: var(--font-size-base);
319
+ gap: var(--gap-35xlcom);
320
+ font-size: var(--font-size-basecom);
321
321
  }
322
322
 
323
323
  .topFiltersParent1232 {
324
324
  align-self: stretch;
325
- border-radius: var(--br-5xs);
325
+ border-radius: var(--br-5xscom);
326
326
  background-color: #172531;
327
327
  display: flex;
328
328
  flex-direction: column;
329
329
  padding: 0px 0px 50px;
330
330
  align-items: center;
331
331
  justify-content: flex-start;
332
- gap: var(--gap-35xl);
333
- font-size: var(--font-size-base);
332
+ gap: var(--gap-35xlcom);
333
+ font-size: var(--font-size-basecom);
334
334
  width: auto;
335
335
  min-height: 1100px;
336
336
  margin-top: -170px;
@@ -338,43 +338,43 @@ body {
338
338
 
339
339
  .topFiltersParent960 {
340
340
  align-self: stretch;
341
- border-radius: var(--br-5xs);
341
+ border-radius: var(--br-5xscom);
342
342
  background-color: #172531;
343
343
  display: flex;
344
344
  flex-direction: column;
345
345
  padding: 0px 0px 50px;
346
346
  align-items: center;
347
347
  justify-content: flex-start;
348
- gap: var(--gap-35xl);
349
- font-size: var(--font-size-base);
348
+ gap: var(--gap-35xlcom);
349
+ font-size: var(--font-size-basecom);
350
350
  width: auto;
351
351
  }
352
352
 
353
353
  .topFiltersParent460 {
354
354
  align-self: stretch;
355
- border-radius: var(--br-5xs);
355
+ border-radius: var(--br-5xscom);
356
356
  background-color: #172531;
357
357
  display: flex;
358
358
  flex-direction: column;
359
359
  padding: 0px 0px 50px;
360
360
  align-items: center;
361
361
  justify-content: flex-start;
362
- gap: var(--gap-35xl);
363
- font-size: var(--font-size-base);
362
+ gap: var(--gap-35xlcom);
363
+ font-size: var(--font-size-basecom);
364
364
  width: auto;
365
365
  margin-top: -195px;
366
366
  }
367
367
  .topFiltersParent420 {
368
368
  align-self: stretch;
369
- border-radius: var(--br-5xs);
369
+ border-radius: var(--br-5xscom);
370
370
  background-color: #172531;
371
371
  display: flex;
372
372
  flex-direction: column;
373
373
  padding: 0px 0px 50px;
374
374
  align-items: center;
375
375
  justify-content: flex-start;
376
- gap: var(--gap-35xl);
377
- font-size: var(--font-size-base);
376
+ gap: var(--gap-35xlcom);
377
+ font-size: var(--font-size-basecom);
378
378
  width: auto;
379
379
  margin-top: -195px;
380
380
  }
@@ -455,8 +455,8 @@ body {
455
455
  align-items: flex-start;
456
456
  justify-content: center;
457
457
  gap: 45px;
458
- font-size: var(--font-size-5xl);
459
- color: var(--color-whitesmoke);
458
+ font-size: var(--font-size-5xlcom);
459
+ color: var(--color-whitesmokecom);
460
460
  width: 100% !important;
461
461
  }
462
462
 
@@ -467,10 +467,10 @@ body {
467
467
  flex-wrap: wrap;
468
468
  align-items: flex-start;
469
469
  justify-content: center;
470
- font-size: var(--font-size-5xl);
471
- color: var(--color-whitesmoke);
470
+ font-size: var(--font-size-5xlcom);
471
+ color: var(--color-whitesmokecom);
472
472
  width: 100% !important;
473
- gap: var(--gap-21xl);
473
+ gap: var(--gap-21xlcom);
474
474
  box-sizing: border-box;
475
475
  }
476
476
 
@@ -481,10 +481,10 @@ body {
481
481
  flex-wrap: wrap;
482
482
  align-items: flex-start;
483
483
  justify-content: center;
484
- font-size: var(--font-size-5xl);
485
- color: var(--color-whitesmoke);
484
+ font-size: var(--font-size-5xlcom);
485
+ color: var(--color-whitesmokecom);
486
486
  width: 100% !important;
487
- gap: var(--gap-3xs);
487
+ gap: var(--gap-3xscom);
488
488
  box-sizing: border-box;
489
489
  }
490
490
 
@@ -495,19 +495,19 @@ body {
495
495
  display: flex;
496
496
  flex-direction: row;
497
497
  flex-wrap: wrap;
498
- gap: var(--gap-21xl);
498
+ gap: var(--gap-21xlcom);
499
499
  width: 100% !important;
500
500
  align-items: flex-start;
501
501
  justify-content: center;
502
- font-size: var(--font-size-5xl);
503
- color: var(--color-whitesmoke);
502
+ font-size: var(--font-size-5xlcom);
503
+ color: var(--color-whitesmokecom);
504
504
  }
505
505
 
506
506
  /* grupos */
507
507
  /* grupos */
508
508
  .toniKroosWrapper {
509
509
  flex: 1;
510
- border-radius: var(--br-xs);
510
+ border-radius: var(--br-xscom);
511
511
  height: auto;
512
512
  min-height: 480px;
513
513
  display: flex;
@@ -522,7 +522,7 @@ body {
522
522
 
523
523
  .toniKroosWrapper1080 {
524
524
  flex: 1;
525
- border-radius: var(--br-xs);
525
+ border-radius: var(--br-xscom);
526
526
  height: auto;
527
527
  display: flex;
528
528
  flex-direction: row;
@@ -536,7 +536,7 @@ body {
536
536
 
537
537
  .toniKroosWrapper975 {
538
538
  flex: 1;
539
- border-radius: var(--br-xs);
539
+ border-radius: var(--br-xscom);
540
540
  height: auto;
541
541
  display: flex;
542
542
  flex-direction: row;
@@ -550,7 +550,7 @@ body {
550
550
 
551
551
  .toniKroosWrapper760 {
552
552
  flex: 1;
553
- border-radius: var(--br-xs);
553
+ border-radius: var(--br-xscom);
554
554
  height: auto;
555
555
  display: flex;
556
556
  flex-direction: row;
@@ -564,7 +564,7 @@ body {
564
564
 
565
565
  .toniKroosWrapper420 {
566
566
  flex: 1;
567
- border-radius: var(--br-xs);
567
+ border-radius: var(--br-xscom);
568
568
  height: auto;
569
569
  display: flex;
570
570
  flex-direction: row;
@@ -579,7 +579,7 @@ body {
579
579
 
580
580
  .toniKroosWrapper320 {
581
581
  flex: 1;
582
- border-radius: var(--br-xs);
582
+ border-radius: var(--br-xscom);
583
583
  height: auto;
584
584
  display: flex;
585
585
  flex-direction: row;
@@ -621,14 +621,14 @@ body {
621
621
  }
622
622
 
623
623
  .btnFilters {
624
- border-radius: var(--br-5xs);
625
- background-color: var(--color-gray-600);
624
+ border-radius: var(--br-5xscom);
625
+ background-color: var(--color-gray-600com);
626
626
  border: 1px solid rgba(255,255,255, .2);
627
627
  box-sizing: border-box;
628
628
  width: 145px;
629
629
  display: flex;
630
630
  flex-direction: row;
631
- padding: var(--padding-xs);
631
+ padding: var(--padding-xscom);
632
632
  align-items: center;
633
633
  justify-content: flex-start;
634
634
  gap: 43px;
@@ -639,8 +639,8 @@ body {
639
639
  cursor: pointer;
640
640
  }
641
641
  .btnFiltersPC {
642
- border-radius: var(--br-5xs);
643
- background-color: var(--color-gray-600);
642
+ border-radius: var(--br-5xscom);
643
+ background-color: var(--color-gray-600com);
644
644
  border: 1px solid #566169;
645
645
  box-sizing: border-box;
646
646
  width: 115px;
@@ -762,14 +762,14 @@ body {
762
762
 
763
763
  .teamBar {
764
764
  align-self: stretch;
765
- background-color: var(--color-gray-300);
765
+ background-color: var(--color-gray-300com);
766
766
  box-shadow: 0px -1px 0px #3d4a54 inset;
767
767
  height: 72px;
768
768
  display: flex;
769
769
  flex-direction: row;
770
770
  align-items: center;
771
771
  justify-content: center;
772
- gap: var(--gap-5xl);
772
+ gap: var(--gap-5xlcom);
773
773
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
774
774
  }
775
775
 
@@ -817,8 +817,8 @@ body {
817
817
  flex-direction: column;
818
818
  align-items: center;
819
819
  justify-content: flex-start;
820
- gap: var(--gap-xl);
821
- font-size: var(--font-size-sm);
820
+ gap: var(--gap-xlcom);
821
+ font-size: var(--font-size-smcom);
822
822
  margin-top: -3px;
823
823
  }
824
824
 
@@ -828,67 +828,67 @@ body {
828
828
  flex-direction: column;
829
829
  align-items: left;
830
830
  justify-content: flex-start;
831
- gap: var(--gap-base);
831
+ gap: var(--gap-basecom);
832
832
  }
833
833
 
834
834
  .topFilters {
835
835
  align-self: stretch;
836
- border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
837
- /* background-color: var(--color-gray-300); */
836
+ border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
837
+ /* background-color: var(--color-gray-300com); */
838
838
  display: flex;
839
839
  flex-direction: column;
840
- padding: 0px var(--padding-base) var(--padding-base);
840
+ padding: 0px var(--padding-basecom) var(--padding-basecom);
841
841
  align-items: flex-start;
842
842
  justify-content: flex-start;
843
843
  text-align: center;
844
- font-size: var(--font-size-smi);
845
- color: var(--color-white);
844
+ font-size: var(--font-size-smicom);
845
+ color: var(--color-whitecom);
846
846
  font-family: var(--font-poppins);
847
847
  }
848
848
 
849
849
  .topFilters1232 {
850
850
  align-self: stretch;
851
- border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
852
- /* background-color: var(--color-gray-300); */
851
+ border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
852
+ /* background-color: var(--color-gray-300com); */
853
853
  display: flex;
854
854
  flex-direction: column;
855
- padding: 0px var(--padding-base) var(--padding-base);
855
+ padding: 0px var(--padding-basecom) var(--padding-basecom);
856
856
  align-items: flex-start;
857
857
  justify-content: flex-start;
858
858
  text-align: center;
859
- font-size: var(--font-size-smi);
860
- color: var(--color-white);
859
+ font-size: var(--font-size-smicom);
860
+ color: var(--color-whitecom);
861
861
  font-family: var(--font-poppins);
862
862
  width: auto;
863
863
  }
864
864
 
865
865
  .topFilters420 {
866
866
  align-self: stretch;
867
- border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
868
- /* background-color: var(--color-gray-300); */
867
+ border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
868
+ /* background-color: var(--color-gray-300com); */
869
869
  display: flex;
870
870
  flex-direction: column;
871
- padding: 0px var(--padding-base) var(--padding-base);
871
+ padding: 0px var(--padding-basecom) var(--padding-basecom);
872
872
  align-items: flex-start;
873
873
  justify-content: flex-start;
874
874
  text-align: center;
875
- font-size: var(--font-size-smi);
876
- color: var(--color-white);
875
+ font-size: var(--font-size-smicom);
876
+ color: var(--color-whitecom);
877
877
  font-family: var(--font-poppins);
878
878
  }
879
879
 
880
880
  .topFilters460 {
881
881
  align-self: stretch;
882
- border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
883
- /* background-color: var(--color-gray-300); */
882
+ border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
883
+ /* background-color: var(--color-gray-300com); */
884
884
  display: flex;
885
885
  flex-direction: column;
886
886
  padding: 0px 6px 16px;
887
887
  align-items: flex-start;
888
888
  justify-content: flex-start;
889
889
  text-align: center;
890
- font-size: var(--font-size-smi);
891
- color: var(--color-white);
890
+ font-size: var(--font-size-smicom);
891
+ color: var(--color-whitecom);
892
892
  font-family: var(--font-poppins);
893
893
  }
894
894
 
@@ -976,7 +976,7 @@ body {
976
976
  flex-direction: row;
977
977
  align-items: flex-start;
978
978
  justify-content: center;
979
- gap: var(--gap-0);
979
+ gap: var(--gap-0com);
980
980
  align-items: flex-start;
981
981
  justify-content: flex-start;
982
982
  }
@@ -993,7 +993,7 @@ body {
993
993
 
994
994
  .dropdown {
995
995
  flex: 1;
996
- border-radius: var(--br-9xs);
996
+ border-radius: var(--br-9xscom);
997
997
  box-sizing: border-box;
998
998
  height: 42px;
999
999
  display: flex;
@@ -1003,16 +1003,16 @@ body {
1003
1003
  justify-content: space-between;
1004
1004
  }
1005
1005
  .dropdown730 {
1006
- border-radius: var(--br-9xs);
1006
+ border-radius: var(--br-9xscom);
1007
1007
  box-sizing: border-box;
1008
1008
  height: 42px;
1009
1009
  width: 33.3%;
1010
- color: var(--color-gray-100);
1010
+ color: var(--color-gray-100com);
1011
1011
  }
1012
1012
 
1013
1013
  .dropdown1 {
1014
1014
  flex: 1;
1015
- border-radius: var(--br-9xs);
1015
+ border-radius: var(--br-9xscom);
1016
1016
  box-sizing: border-box;
1017
1017
  height: 42px;
1018
1018
  display: flex;
@@ -1020,14 +1020,14 @@ body {
1020
1020
 
1021
1021
  align-items: center;
1022
1022
  justify-content: space-between;
1023
- color: var(--color-gray-100);
1023
+ color: var(--color-gray-100com);
1024
1024
  }
1025
1025
  .dropdown1730 {
1026
- border-radius: var(--br-9xs);
1026
+ border-radius: var(--br-9xscom);
1027
1027
  box-sizing: border-box;
1028
1028
  height: 42px;
1029
1029
  width: 33.3%;
1030
- color: var(--color-gray-100);
1030
+ color: var(--color-gray-100com);
1031
1031
  }
1032
1032
 
1033
1033
  .dropdownParent {
@@ -1036,9 +1036,9 @@ body {
1036
1036
  flex-direction: row;
1037
1037
  align-items: flex-start;
1038
1038
  justify-content: flex-start;
1039
- gap: var(--gap-xs);
1039
+ gap: var(--gap-xscom);
1040
1040
  text-align: left;
1041
- font-size: var(--font-size-sm);
1041
+ font-size: var(--font-size-smcom);
1042
1042
  z-index: 4;
1043
1043
  }
1044
1044
 
@@ -1050,9 +1050,9 @@ body {
1050
1050
  flex-direction: row;
1051
1051
  align-items: flex-start;
1052
1052
  justify-content: flex-start;
1053
- gap: var(--gap-xs);
1053
+ gap: var(--gap-xscom);
1054
1054
  text-align: left;
1055
- font-size: var(--font-size-sm);
1055
+ font-size: var(--font-size-smcom);
1056
1056
 
1057
1057
  padding-left: 0px;
1058
1058
  padding-right: 0px;
@@ -1070,7 +1070,7 @@ body {
1070
1070
  align-items: flex-end;
1071
1071
  justify-content: space-between;
1072
1072
  text-align: center;
1073
- font-size: var(--font-size-base);
1073
+ font-size: var(--font-size-basecom);
1074
1074
  }
1075
1075
 
1076
1076
  .menuSectionParentHeader1232 {
@@ -1080,10 +1080,10 @@ body {
1080
1080
  flex-direction: row;
1081
1081
  flex-wrap: wrap;
1082
1082
  text-align: center;
1083
- font-size: var(--font-size-base);
1083
+ font-size: var(--font-size-basecom);
1084
1084
  align-items: flex-end;
1085
1085
  justify-content: space-between;
1086
- gap: var(--gap-0);
1086
+ gap: var(--gap-0com);
1087
1087
  }
1088
1088
 
1089
1089
  .menuSectionParentHeader960 {
@@ -1093,10 +1093,10 @@ body {
1093
1093
  flex-direction: row;
1094
1094
  flex-wrap: wrap;
1095
1095
  text-align: center;
1096
- font-size: var(--font-size-base);
1096
+ font-size: var(--font-size-basecom);
1097
1097
  align-self: stretch;
1098
1098
  width: auto;
1099
- gap: var(--gap-0);
1099
+ gap: var(--gap-0com);
1100
1100
  align-items: center;
1101
1101
  justify-content: space-between;
1102
1102
  }
@@ -1105,12 +1105,12 @@ body {
1105
1105
  align-self: stretch;
1106
1106
  margin-top: -20px;
1107
1107
  text-align: center;
1108
- font-size: var(--font-size-base);
1108
+ font-size: var(--font-size-basecom);
1109
1109
  display: flex;
1110
1110
  flex-direction: column-reverse;
1111
1111
  justify-content: space-between;
1112
1112
  align-items: center;
1113
- gap: var(--gap-base);
1113
+ gap: var(--gap-basecom);
1114
1114
 
1115
1115
 
1116
1116
  box-sizing: border-box;
@@ -1123,9 +1123,9 @@ body {
1123
1123
  flex-direction: row;
1124
1124
  flex-wrap: wrap;
1125
1125
  text-align: center;
1126
- font-size: var(--font-size-base);
1126
+ font-size: var(--font-size-basecom);
1127
1127
 
1128
- gap: var(--gap-base);
1128
+ gap: var(--gap-basecom);
1129
1129
  align-items: center;
1130
1130
  display: inline-block;
1131
1131
  justify-content: center;
@@ -1137,12 +1137,12 @@ body {
1137
1137
  align-self: stretch;
1138
1138
  display: flex;
1139
1139
  flex-direction: column;
1140
- padding: 0px 0px var(--padding-9xs);
1140
+ padding: 0px 0px var(--padding-9xscom);
1141
1141
  align-items: flex-start;
1142
1142
  justify-content: flex-start;
1143
1143
  text-align: left;
1144
- font-size: var(--font-size-3xl);
1145
- color: var(--color-white);
1144
+ font-size: var(--font-size-3xlcom);
1145
+ color: var(--color-whitecom);
1146
1146
  font-family: var(--font-poppins);
1147
1147
  }
1148
1148
 
@@ -1151,12 +1151,12 @@ body {
1151
1151
  align-self: stretch;
1152
1152
  display: flex;
1153
1153
  flex-direction: column;
1154
- padding: 0px 0px var(--padding-9xs);
1154
+ padding: 0px 0px var(--padding-9xscom);
1155
1155
  align-items: flex-start;
1156
1156
  justify-content: flex-start;
1157
1157
  text-align: left;
1158
- font-size: var(--font-size-3xl);
1159
- color: var(--color-white);
1158
+ font-size: var(--font-size-3xlcom);
1159
+ color: var(--color-whitecom);
1160
1160
  font-family: var(--font-poppins);
1161
1161
  width: auto;
1162
1162
  }
@@ -1165,17 +1165,17 @@ body {
1165
1165
  align-self: stretch;
1166
1166
  display: flex;
1167
1167
  flex-direction: column;
1168
- padding: 0px 0px var(--padding-9xs);
1168
+ padding: 0px 0px var(--padding-9xscom);
1169
1169
  align-items: flex-start;
1170
1170
  text-align: left;
1171
- font-size: var(--font-size-3xl);
1172
- color: var(--color-white);
1171
+ font-size: var(--font-size-3xlcom);
1172
+ color: var(--color-whitecom);
1173
1173
  font-family: var(--font-poppins);
1174
1174
 
1175
1175
  flex-direction: column;
1176
1176
  align-items: flex-start;
1177
1177
  justify-content: space-between;
1178
- gap: var(--gap-0);
1178
+ gap: var(--gap-0com);
1179
1179
  }
1180
1180
 
1181
1181
  .allCategories {