@golstats/gsc-game-data 1.0.137 → 1.0.138

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.
@@ -0,0 +1,1198 @@
1
+
2
+ body {
3
+ margin: 0;
4
+ line-height: normal;
5
+ }
6
+
7
+
8
+
9
+
10
+ :root {
11
+ /* fonts */
12
+ --font-poppins: 'Poppins-Regular';
13
+
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;
20
+
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;
39
+
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;
53
+
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;
65
+
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;
73
+ }
74
+
75
+ /* grupos */
76
+ .filtersContainer {
77
+ align-self: stretch;
78
+ display: flex;
79
+ flex-direction: column;
80
+ align-items: flex-start;
81
+ display: none;
82
+ justify-content: flex-start;
83
+ }
84
+
85
+ .filtersContainer1232 {
86
+ display: none;
87
+ }
88
+ .closeFiltersPc{
89
+ width: 20px;
90
+ height: 20px;
91
+ right: 10px;
92
+ position: absolute;
93
+ top: 9px;
94
+ }
95
+ .closeFiltersPc:hover{
96
+ background-color: rgba(128, 128, 128, 0.15);
97
+ cursor: pointer;
98
+ }
99
+ .textleyemdmultipleleagues{
100
+ font-size: 12px;
101
+ color: rgb(167, 167, 167);
102
+ }
103
+ .textleyemdmultipleleagues380{
104
+ font-size: 10px;
105
+ color: rgb(167, 167, 167);
106
+ }
107
+
108
+ .filtersContainer760 {
109
+ display: flex;
110
+ width: 100%;
111
+ box-sizing: border-box;
112
+ flex-direction: column;
113
+ align-items: center;
114
+ justify-content: center;
115
+ }
116
+
117
+ .filtersContainer460 {
118
+ display: flex;
119
+ width: 100%;
120
+ box-sizing: border-box;
121
+ flex-direction: column;
122
+ align-items: center;
123
+ justify-content: center;
124
+ }
125
+
126
+
127
+
128
+ /* grupos */
129
+ /* grupos */
130
+ .containerSection {
131
+ align-self: stretch;
132
+ flex: 1;
133
+ display: flex;
134
+ flex-direction: column;
135
+ padding: 0px var(--padding-xs);
136
+ align-items: center;
137
+ justify-content: flex-start;
138
+ gap: var(--gap-xl);
139
+ text-align: left;
140
+ font-size: 15px;
141
+ color: var(--color-white);
142
+ font-family: var(--font-poppins);
143
+ }
144
+
145
+ .containerSection1232 {
146
+ align-self: stretch;
147
+ width: auto;
148
+ padding-left: var(--padding-31xl);
149
+ padding-right: var(--padding-31xl);
150
+ box-sizing: border-box;
151
+ align-self: stretch;
152
+ flex: 1;
153
+ display: flex;
154
+ flex-direction: column;
155
+ padding: 0px var(--padding-xs);
156
+ align-items: center;
157
+ justify-content: flex-start;
158
+ gap: var(--gap-xl);
159
+ text-align: left;
160
+ font-size: 15px;
161
+ color: var(--color-white);
162
+ font-family: var(--font-poppins);
163
+
164
+ }
165
+
166
+ .containerSection960 {
167
+ align-self: stretch;
168
+ width: auto;
169
+ padding-left: 0px;
170
+ padding-right: 0px;
171
+ box-sizing: border-box;
172
+ align-self: stretch;
173
+ flex: 1;
174
+ display: flex;
175
+ flex-direction: column;
176
+ padding: 0px var(--padding-xs);
177
+ align-items: center;
178
+ justify-content: flex-start;
179
+ gap: var(--gap-xl);
180
+ text-align: left;
181
+ font-size: 15px;
182
+ color: var(--color-white);
183
+ font-family: var(--font-poppins);
184
+ }
185
+
186
+ .containerSection320 {
187
+ width: 99%;
188
+ align-self: stretch;
189
+ flex: 1;
190
+ display: flex;
191
+ flex-direction: column;
192
+ align-items: center;
193
+ justify-content: flex-start;
194
+ text-align: left;
195
+ font-size: 15px;
196
+ color: var(--color-white);
197
+ font-family: var(--font-poppins);
198
+ margin: 0 auto;
199
+ gap: 10px;
200
+ }
201
+
202
+ .containerSection350 {
203
+ width: 99%;
204
+ align-self: stretch;
205
+ flex: 1;
206
+ display: flex;
207
+ flex-direction: column;
208
+ align-items: center;
209
+ justify-content: flex-start;
210
+ gap: var(--gap-xl);
211
+ text-align: left;
212
+ font-size: 15px;
213
+ color: var(--color-white);
214
+ font-family: var(--font-poppins);
215
+ }
216
+
217
+ /* grupos*/
218
+ /* grupos: */
219
+ .templateLosMejores {
220
+ position: relative;
221
+
222
+ width: 100%;
223
+ overflow: hidden;
224
+ display: flex;
225
+ flex-direction: column;
226
+ align-items: center;
227
+ justify-content: center;
228
+ gap: var(--gap-35xl);
229
+ }
230
+
231
+ .templateLosMejores1232 {
232
+ position: relative;
233
+ width: auto;
234
+ align-self: unset;
235
+ min-width: 960px;
236
+ display: flex;
237
+ overflow: hidden;
238
+ flex-direction: column;
239
+ align-items: center;
240
+ justify-content: center;
241
+ gap: var(--gap-35xl);
242
+ }
243
+
244
+ .templateLosMejores960 {
245
+ position: relative;
246
+ width: auto;
247
+ overflow: hidden;
248
+ align-self: unset;
249
+ align-items: center;
250
+ justify-content: center;
251
+ min-width: 540px;
252
+
253
+ display: flex;
254
+ flex-direction: column;
255
+ align-items: center;
256
+ justify-content: center;
257
+ gap: var(--gap-35xl);
258
+ }
259
+
260
+ .templateLosMejores420 {
261
+ position: relative;
262
+ overflow: hidden;
263
+ width: auto;
264
+ min-width: 320px;
265
+ display: flex;
266
+ flex-direction: column;
267
+ align-items: center;
268
+ justify-content: center;
269
+ gap: var(--gap-35xl);
270
+ }
271
+
272
+ .templateLosMejores320 {
273
+ position: relative;
274
+ width: auto;
275
+ align-self: unset;
276
+ display: flex;
277
+ overflow: hidden;
278
+ flex-direction: column;
279
+ align-items: center;
280
+ justify-content: center;
281
+ gap: var(--gap-35xl);
282
+ }
283
+
284
+ .templateLosMejores540 {
285
+ position: relative;
286
+ width: auto;
287
+ align-self: unset;
288
+ min-width: 420px;
289
+ overflow: hidden;
290
+ display: flex;
291
+ flex-direction: column;
292
+ align-items: center;
293
+ justify-content: center;
294
+ gap: var(--gap-35xl);
295
+ }
296
+
297
+ .templateLosMejores350 {
298
+ position: relative;
299
+ width: auto;
300
+ overflow: hidden;
301
+ align-self: unset;
302
+ display: flex;
303
+ flex-direction: column;
304
+ align-items: center;
305
+ justify-content: center;
306
+ }
307
+
308
+ /* grupos: */
309
+ /* grupos */
310
+ .topFiltersParent {
311
+ align-self: stretch;
312
+ border-radius: var(--br-5xs);
313
+ background-color: #172531;
314
+ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
315
+ display: flex;
316
+ flex-direction: column;
317
+ padding: 0px 0px 50px;
318
+ align-items: center;
319
+ justify-content: flex-start;
320
+ gap: var(--gap-35xl);
321
+ font-size: var(--font-size-base);
322
+ }
323
+
324
+ .topFiltersParent1232 {
325
+ align-self: stretch;
326
+ border-radius: var(--br-5xs);
327
+ background-color: #172531;
328
+ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
329
+ display: flex;
330
+ flex-direction: column;
331
+ padding: 0px 0px 50px;
332
+ align-items: center;
333
+ justify-content: flex-start;
334
+ gap: var(--gap-35xl);
335
+ font-size: var(--font-size-base);
336
+ width: auto;
337
+ min-height: 1100px;
338
+ }
339
+
340
+ .topFiltersParent960 {
341
+ align-self: stretch;
342
+ border-radius: var(--br-5xs);
343
+ background-color: #172531;
344
+ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
345
+ display: flex;
346
+ flex-direction: column;
347
+ padding: 0px 0px 50px;
348
+ align-items: center;
349
+ justify-content: flex-start;
350
+ gap: var(--gap-35xl);
351
+ font-size: var(--font-size-base);
352
+ width: auto;
353
+ }
354
+
355
+ .topFiltersParent460 {
356
+ align-self: stretch;
357
+ border-radius: var(--br-5xs);
358
+ background-color: #172531;
359
+ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
360
+ display: flex;
361
+ flex-direction: column;
362
+ padding: 0px 0px 50px;
363
+ align-items: center;
364
+ justify-content: flex-start;
365
+ gap: var(--gap-35xl);
366
+ font-size: var(--font-size-base);
367
+ width: auto;
368
+ margin-top: 6px;
369
+ }
370
+ .topFiltersParent420 {
371
+ align-self: stretch;
372
+ border-radius: var(--br-5xs);
373
+ background-color: #172531;
374
+ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
375
+ display: flex;
376
+ flex-direction: column;
377
+ padding: 0px 0px 50px;
378
+ align-items: center;
379
+ justify-content: flex-start;
380
+ gap: var(--gap-35xl);
381
+ font-size: var(--font-size-base);
382
+ width: auto;
383
+ margin-top: 6px;
384
+ }
385
+
386
+ /* grupos */
387
+ /* grupos */
388
+ .containerTheBest {
389
+ align-self: stretch;
390
+ display: flex;
391
+ flex-direction: column;
392
+ align-items: center;
393
+ justify-content: flex-start;
394
+ gap: 0px;
395
+ }
396
+
397
+ .containerTheBest1232 {
398
+ align-self: stretch;
399
+ width: auto;
400
+ display: flex;
401
+ flex-direction: column;
402
+ align-items: center;
403
+ justify-content: flex-start;
404
+ gap: 10px;
405
+ }
406
+
407
+ .containerTheBest960 {
408
+ gap: 10px;
409
+ width: 100%;
410
+ box-sizing: border-box;
411
+ display: flex;
412
+ flex-direction: column;
413
+ align-items: center;
414
+ justify-content: flex-start;
415
+ }
416
+
417
+ .containerTheBest320 {
418
+ width: 100%;
419
+ display: flex;
420
+ flex-direction: column;
421
+ align-items: center;
422
+ justify-content: flex-start;
423
+ gap: 10px;
424
+ }
425
+
426
+ /* grupos */
427
+ /* grupos */
428
+ .titleSection {
429
+ align-self: stretch;
430
+ display: flex;
431
+ position: relative;
432
+ flex-wrap: wrap;
433
+ flex-direction: row;
434
+ padding: 0px 0px 15px 48px;
435
+ align-items: center;
436
+ justify-content: flex-start;
437
+ }
438
+
439
+ .titleSection540 {
440
+ align-self: stretch;
441
+ display: flex;
442
+ position: relative;
443
+ flex-direction: row;
444
+ align-items: center;
445
+ flex-wrap: wrap;
446
+ justify-content: flex-start;
447
+ padding: 0px 5px 15px 5px;
448
+ box-sizing: border-box;
449
+ }
450
+
451
+ /* grupos*/
452
+ /* grupos */
453
+ .containerTables {
454
+ align-self: stretch;
455
+ display: flex;
456
+ flex-direction: row;
457
+ flex-wrap: wrap;
458
+ align-items: flex-start;
459
+ justify-content: center;
460
+ gap: 45px;
461
+ font-size: var(--font-size-5xl);
462
+ color: var(--color-whitesmoke);
463
+ width: 100% !important;
464
+ }
465
+
466
+ .containerTables960 {
467
+ align-self: stretch;
468
+ display: flex;
469
+ flex-direction: row;
470
+ flex-wrap: wrap;
471
+ align-items: flex-start;
472
+ justify-content: center;
473
+ font-size: var(--font-size-5xl);
474
+ color: var(--color-whitesmoke);
475
+ width: 100% !important;
476
+ gap: var(--gap-21xl);
477
+ box-sizing: border-box;
478
+ }
479
+
480
+ .containerTables760 {
481
+ align-self: stretch;
482
+ display: flex;
483
+ flex-direction: row;
484
+ flex-wrap: wrap;
485
+ align-items: flex-start;
486
+ justify-content: center;
487
+ font-size: var(--font-size-5xl);
488
+ color: var(--color-whitesmoke);
489
+ width: 100% !important;
490
+ gap: var(--gap-3xs);
491
+ box-sizing: border-box;
492
+ }
493
+
494
+ .containerTables320 {
495
+ align-self: stretch;
496
+ width: auto;
497
+ align-self: stretch;
498
+ display: flex;
499
+ flex-direction: row;
500
+ flex-wrap: wrap;
501
+ gap: var(--gap-21xl);
502
+ width: 100% !important;
503
+ align-items: flex-start;
504
+ justify-content: center;
505
+ font-size: var(--font-size-5xl);
506
+ color: var(--color-whitesmoke);
507
+ }
508
+
509
+ /* grupos */
510
+ /* grupos */
511
+ .toniKroosWrapper {
512
+ flex: 1;
513
+ border-radius: var(--br-xs);
514
+ height: auto;
515
+ min-height: 480px;
516
+ display: flex;
517
+ flex-direction: row;
518
+ box-sizing: border-box;
519
+ align-items: center;
520
+ justify-content: center;
521
+ min-width: 496px;
522
+ max-width: 496px;
523
+ margin-bottom: -50px;
524
+ }
525
+
526
+ .toniKroosWrapper1080 {
527
+ flex: 1;
528
+ border-radius: var(--br-xs);
529
+ height: auto;
530
+ display: flex;
531
+ flex-direction: row;
532
+ box-sizing: border-box;
533
+ align-items: center;
534
+ justify-content: center;
535
+ min-width: 456px;
536
+ max-width: 456px;
537
+ margin-bottom: -25px;
538
+ }
539
+
540
+ .toniKroosWrapper975 {
541
+ flex: 1;
542
+ border-radius: var(--br-xs);
543
+ height: auto;
544
+ display: flex;
545
+ flex-direction: row;
546
+ box-sizing: border-box;
547
+ align-items: center;
548
+ justify-content: center;
549
+ min-width: 426px;
550
+ max-width: 426px;
551
+ margin-bottom: -25px;
552
+ }
553
+
554
+ .toniKroosWrapper760 {
555
+ flex: 1;
556
+ border-radius: var(--br-xs);
557
+ height: auto;
558
+ display: flex;
559
+ flex-direction: row;
560
+ box-sizing: border-box;
561
+ align-items: center;
562
+ justify-content: center;
563
+ min-width: 360px;
564
+ max-width: 360px;
565
+ margin-bottom: 0px;
566
+ }
567
+
568
+ .toniKroosWrapper420 {
569
+ flex: 1;
570
+ border-radius: var(--br-xs);
571
+ height: auto;
572
+ display: flex;
573
+ flex-direction: row;
574
+
575
+ box-sizing: border-box;
576
+ align-items: center;
577
+ justify-content: center;
578
+ width: 330px;
579
+ min-width: 330px;
580
+ margin-bottom: 0px;
581
+ }
582
+
583
+ .toniKroosWrapper320 {
584
+ flex: 1;
585
+ border-radius: var(--br-xs);
586
+ height: auto;
587
+ display: flex;
588
+ flex-direction: row;
589
+ box-sizing: border-box;
590
+ align-items: center;
591
+ justify-content: center;
592
+ width: 310px;
593
+ min-width: 310px;
594
+ margin-bottom: -25px;
595
+ }
596
+
597
+ /* grupos */
598
+
599
+
600
+ .frameChild {
601
+ position: relative;
602
+ width: 17px;
603
+ height: 10.03px;
604
+ }
605
+
606
+ .filtros {
607
+ position: relative;
608
+ line-height: 24px;
609
+ }
610
+
611
+ .groupParent {
612
+ flex: 1;
613
+ display: flex;
614
+ flex-direction: row;
615
+ align-items: center;
616
+ justify-content: flex-start;
617
+ gap: 9px;
618
+ }
619
+
620
+ .shapeIcon {
621
+ position: relative;
622
+ width: 8px;
623
+ height: 4px;
624
+ }
625
+
626
+ .btnFilters {
627
+ border-radius: var(--br-5xs);
628
+ background-color: var(--color-gray-600);
629
+ border: 1px solid rgba(255,255,255, .2);
630
+ box-sizing: border-box;
631
+ width: 145px;
632
+ display: flex;
633
+ flex-direction: row;
634
+ padding: var(--padding-xs);
635
+ align-items: center;
636
+ justify-content: flex-start;
637
+ gap: 43px;
638
+ height: 45px;
639
+ font-size: 14px;
640
+ color: rgba(255,255,255, .9);
641
+ font-family: 'Poppins-Regular', sans-serif;
642
+ cursor: pointer;
643
+ }
644
+ .btnFiltersPC {
645
+ border-radius: var(--br-5xs);
646
+ background-color: var(--color-gray-600);
647
+ border: 1px solid #566169;
648
+ box-sizing: border-box;
649
+ width: 115px;
650
+ display: flex;
651
+ flex-direction: row;
652
+ padding: 6px 12px;
653
+ margin-left: 12px;
654
+ align-items: center;
655
+ justify-content: flex-start;
656
+ gap: 43px;
657
+ font-size: 16px;
658
+ margin-top: 7px;
659
+ }
660
+ .btnFiltersPC:hover {
661
+ cursor: pointer;
662
+ }
663
+ .quitarFiltros{
664
+ color: rgba(255, 255, 255, 0.7);
665
+ text-decoration: underline;
666
+ font-size: 12px;
667
+ font-family: 'Poppins-Regular';
668
+ top: 1px;
669
+ right: 20px;
670
+ position: absolute;
671
+ text-align: center;
672
+ width: 110px;
673
+ height: 30px;
674
+ line-height: 30px;
675
+ }
676
+ .quitarFiltros:hover{
677
+ background: rgba(128, 128, 128, 0.15);
678
+ cursor: pointer;
679
+ }
680
+
681
+ .quitarFiltros730 {
682
+ color: #cccccc;
683
+ text-decoration: underline;
684
+ font-size: 12px;
685
+ font-family: 'Poppins-SemiBold';
686
+ top: -28px;
687
+ right: 20px;
688
+ position: absolute;
689
+ text-align: center;
690
+ width: 110px;
691
+ height: 30px;
692
+ line-height: 30px;
693
+ }
694
+
695
+ .quitarFiltros480{
696
+ color: #cccccc;
697
+ text-decoration: underline;
698
+ font-size: 10px;
699
+ font-family: 'Poppins-SemiBold';
700
+ top: -28px;
701
+ right: 0px;
702
+ position: absolute;
703
+ text-align: center;
704
+ width: 80px;
705
+ height: 30px;
706
+ line-height: 30px;
707
+ }
708
+ .quitarFiltros380{
709
+ color: #cccccc;
710
+ text-decoration: underline;
711
+ font-size: 12px;
712
+ font-family: 'Poppins-SemiBold';
713
+ top: -41px;
714
+ right: 0px;
715
+ position: absolute;
716
+ text-align: center;
717
+ width: 100px;
718
+ height: 30px;
719
+ line-height: 30px;
720
+ }
721
+
722
+ .btnCloseFilters {
723
+ cursor: pointer;
724
+ position: absolute;
725
+ left: 9%;
726
+ display: none;
727
+ margin-top: 90px;
728
+ background: url(https://az755631.vo.msecnd.net/todoelfut/icn_close.png);
729
+ width: 15px;
730
+ height: 15px;
731
+ background-size: 100%;
732
+ opacity: 0.7;
733
+ }
734
+
735
+ .mejoresJugadores {
736
+ position: relative;
737
+ font-weight: 500;
738
+ }
739
+ .mejoresJugadores730 {
740
+ position: relative;
741
+ font-weight: 500;
742
+ font-size: 14px;
743
+ }
744
+ .mejoresJugadores480 {
745
+ position: relative;
746
+ font-weight: 500;
747
+ font-size: 11px;
748
+ }
749
+
750
+ .mejoresJugadoresSM {
751
+ position: relative;
752
+ font-weight: 500;
753
+ font-size: 11px;
754
+ }
755
+
756
+ .toniKroos {
757
+ position: relative;
758
+ letter-spacing: 0.2px;
759
+ line-height: 20px;
760
+ font-weight: 500;
761
+ }
762
+
763
+
764
+ /* aqui esta el codigo */
765
+
766
+ .teamBar {
767
+ align-self: stretch;
768
+ background-color: var(--color-gray-300);
769
+ box-shadow: 0px -1px 0px #3d4a54 inset;
770
+ height: 72px;
771
+ display: flex;
772
+ flex-direction: row;
773
+ align-items: center;
774
+ justify-content: center;
775
+ gap: var(--gap-5xl);
776
+ border-bottom: 1px solid rgba(255, 255, 255, 0.25);
777
+ }
778
+
779
+ .menuSection {
780
+ align-self: stretch;
781
+ height: 40px;
782
+ display: flex;
783
+ overflow: hidden;
784
+ flex-direction: row;
785
+ align-items: flex-start;
786
+ justify-content: center;
787
+ position: relative;
788
+ }
789
+
790
+ .menuSection960 {
791
+ align-self: stretch;
792
+ overflow: hidden;
793
+ height: 40px;
794
+ display: flex;
795
+ flex-direction: row;
796
+ align-items: flex-start;
797
+ justify-content: center;
798
+ position: relative;
799
+ }
800
+
801
+ .containerMenu {
802
+
803
+ display: inline-flex;
804
+ width: 100%;
805
+ align-items: center;
806
+ justify-content: center;
807
+ gap: 10px;
808
+
809
+ }
810
+ .containerMenu760{
811
+ display: flex;
812
+ margin: 0 auto;
813
+ gap: 15px;
814
+ flex-direction: column;
815
+ }
816
+
817
+ .containerFilters {
818
+ align-self: stretch;
819
+ display: flex;
820
+ flex-direction: column;
821
+ align-items: center;
822
+ justify-content: flex-start;
823
+ gap: var(--gap-xl);
824
+ font-size: var(--font-size-sm);
825
+ margin-top: -3px;
826
+ }
827
+
828
+ .teamBarParent {
829
+ align-self: stretch;
830
+ display: flex;
831
+ flex-direction: column;
832
+ align-items: left;
833
+ justify-content: flex-start;
834
+ gap: var(--gap-base);
835
+ }
836
+
837
+ .topFilters {
838
+ align-self: stretch;
839
+ border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
840
+ /* background-color: var(--color-gray-300); */
841
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
842
+ display: flex;
843
+ flex-direction: column;
844
+ padding: 0px var(--padding-base) var(--padding-base);
845
+ align-items: flex-start;
846
+ justify-content: flex-start;
847
+ text-align: center;
848
+ font-size: var(--font-size-smi);
849
+ color: var(--color-white);
850
+ font-family: var(--font-poppins);
851
+ }
852
+
853
+ .topFilters1232 {
854
+ align-self: stretch;
855
+ border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
856
+ /* background-color: var(--color-gray-300); */
857
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
858
+ display: flex;
859
+ flex-direction: column;
860
+ padding: 0px var(--padding-base) var(--padding-base);
861
+ align-items: flex-start;
862
+ justify-content: flex-start;
863
+ text-align: center;
864
+ font-size: var(--font-size-smi);
865
+ color: var(--color-white);
866
+ font-family: var(--font-poppins);
867
+ width: auto;
868
+ }
869
+
870
+ .topFilters420 {
871
+ align-self: stretch;
872
+ border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
873
+ /* background-color: var(--color-gray-300); */
874
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
875
+ display: flex;
876
+ flex-direction: column;
877
+ padding: 0px var(--padding-base) var(--padding-base);
878
+ align-items: flex-start;
879
+ justify-content: flex-start;
880
+ text-align: center;
881
+ font-size: var(--font-size-smi);
882
+ color: var(--color-white);
883
+ font-family: var(--font-poppins);
884
+ }
885
+
886
+ .topFilters460 {
887
+ align-self: stretch;
888
+ border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
889
+ /* background-color: var(--color-gray-300); */
890
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
891
+ display: flex;
892
+ flex-direction: column;
893
+ padding: 0px 6px 16px;
894
+ align-items: flex-start;
895
+ justify-content: flex-start;
896
+ text-align: center;
897
+ font-size: var(--font-size-smi);
898
+ color: var(--color-white);
899
+ font-family: var(--font-poppins);
900
+ }
901
+
902
+ /* coidgo */
903
+
904
+ .losMejores {
905
+ margin: 0;
906
+ align-self: stretch;
907
+ position: relative;
908
+ margin-top: 20px;
909
+ font-size: inherit;
910
+ font-weight: 500;
911
+ font-family: inherit;
912
+ }
913
+ .losMejores380{
914
+ margin: 0;
915
+ width: 30%;
916
+ height: 42px;
917
+ align-self: stretch;
918
+ position: relative;
919
+ margin-top: 20px;
920
+ font-size: inherit;
921
+ margin-top: 0px;
922
+ line-height: 42px;
923
+ font-size: 14px;
924
+ font-weight: 500;
925
+ font-family: inherit;
926
+ }
927
+ .losMejores530{
928
+ margin: 0;
929
+ width: 30%;
930
+ height: 42px;
931
+ align-self: stretch;
932
+ position: relative;
933
+ margin-top: 20px;
934
+ font-size: inherit;
935
+ margin-top: 0px;
936
+ line-height: 42px;
937
+ font-size: 16px;
938
+ font-weight: 500;
939
+ font-family: inherit;
940
+ }
941
+ .losMejores730{
942
+ margin: 0;
943
+ width: 33.3%;
944
+ height: 42px;
945
+ align-self: stretch;
946
+ position: relative;
947
+ margin-top: 20px;
948
+ font-size: inherit;
949
+ margin-top: 0px;
950
+ line-height: 42px;
951
+ font-size: 18px;
952
+ font-weight: 500;
953
+ font-family: inherit;
954
+ }
955
+
956
+ .menuSectionHeader {
957
+ min-width: 392px !important;
958
+ max-width: 300px !important;
959
+ height: 42px;
960
+ display: flex;
961
+ flex-direction: row;
962
+ align-items: flex-start;
963
+ justify-content: center;
964
+ }
965
+
966
+ .menuSectionHeader1232 {
967
+ min-width: 392px !important;
968
+ max-width: 300px !important;
969
+ height: 42px;
970
+ display: flex;
971
+ flex-direction: row;
972
+ align-items: flex-start;
973
+ justify-content: center;
974
+
975
+ width: auto;
976
+ align-self: unset;
977
+ }
978
+
979
+ .menuSectionHeader960 {
980
+ min-width: 392px;
981
+ height: 42px;
982
+ display: flex;
983
+ flex-direction: row;
984
+ align-items: flex-start;
985
+ justify-content: center;
986
+ gap: var(--gap-0);
987
+ align-items: flex-start;
988
+ justify-content: flex-start;
989
+ }
990
+
991
+ .menuSectionHeader730 {
992
+ display: flex;
993
+ flex-direction: row;
994
+ align-items: flex-start;
995
+ justify-content: center;
996
+ min-width: 392px;
997
+ height: 42px;
998
+ flex: 1;
999
+ }
1000
+
1001
+ .dropdown {
1002
+ flex: 1;
1003
+ border-radius: var(--br-9xs);
1004
+ box-sizing: border-box;
1005
+ height: 42px;
1006
+ display: flex;
1007
+ flex-direction: row;
1008
+
1009
+ align-items: center;
1010
+ justify-content: space-between;
1011
+ }
1012
+ .dropdown730 {
1013
+ border-radius: var(--br-9xs);
1014
+ box-sizing: border-box;
1015
+ height: 42px;
1016
+ width: 33.3%;
1017
+ color: var(--color-gray-100);
1018
+ }
1019
+
1020
+ .dropdown1 {
1021
+ flex: 1;
1022
+ border-radius: var(--br-9xs);
1023
+ box-sizing: border-box;
1024
+ height: 42px;
1025
+ display: flex;
1026
+ flex-direction: row;
1027
+
1028
+ align-items: center;
1029
+ justify-content: space-between;
1030
+ color: var(--color-gray-100);
1031
+ }
1032
+ .dropdown1730 {
1033
+ border-radius: var(--br-9xs);
1034
+ box-sizing: border-box;
1035
+ height: 42px;
1036
+ width: 33.3%;
1037
+ color: var(--color-gray-100);
1038
+ }
1039
+
1040
+ .dropdownParent {
1041
+ width: 312px;
1042
+ display: flex;
1043
+ flex-direction: row;
1044
+ align-items: flex-start;
1045
+ justify-content: flex-start;
1046
+ gap: var(--gap-xs);
1047
+ text-align: left;
1048
+ font-size: var(--font-size-sm);
1049
+ z-index: 4;
1050
+ }
1051
+
1052
+ .dropdownParent730 {
1053
+ flex: 1;
1054
+ width: 100%;
1055
+
1056
+ display: flex;
1057
+ flex-direction: row;
1058
+ align-items: flex-start;
1059
+ justify-content: flex-start;
1060
+ gap: var(--gap-xs);
1061
+ text-align: left;
1062
+ font-size: var(--font-size-sm);
1063
+
1064
+ padding-left: 0px;
1065
+ padding-right: 0px;
1066
+ box-sizing: border-box;
1067
+ margin-top: 10px;
1068
+ }
1069
+
1070
+ .menuSectionParentHeader {
1071
+ width: 100%;
1072
+ align-self: stretch;
1073
+ display: flex;
1074
+ margin-top: 20px;
1075
+ flex-direction: row;
1076
+ flex-wrap: wrap;
1077
+ align-items: flex-end;
1078
+ justify-content: space-between;
1079
+ text-align: center;
1080
+ font-size: var(--font-size-base);
1081
+ }
1082
+
1083
+ .menuSectionParentHeader1232 {
1084
+ align-self: stretch;
1085
+ display: flex;
1086
+ margin-top: 20px;
1087
+ flex-direction: row;
1088
+ flex-wrap: wrap;
1089
+ text-align: center;
1090
+ font-size: var(--font-size-base);
1091
+ align-items: flex-end;
1092
+ justify-content: space-between;
1093
+ gap: var(--gap-0);
1094
+ }
1095
+
1096
+ .menuSectionParentHeader960 {
1097
+ align-self: stretch;
1098
+ display: flex;
1099
+ margin-top: 20px;
1100
+ flex-direction: row;
1101
+ flex-wrap: wrap;
1102
+ text-align: center;
1103
+ font-size: var(--font-size-base);
1104
+ align-self: stretch;
1105
+ width: auto;
1106
+ gap: var(--gap-0);
1107
+ align-items: center;
1108
+ justify-content: space-between;
1109
+ }
1110
+
1111
+ .menuSectionParentHeader730 {
1112
+ align-self: stretch;
1113
+ margin-top: -20px;
1114
+ text-align: center;
1115
+ font-size: var(--font-size-base);
1116
+ display: flex;
1117
+ flex-direction: column-reverse;
1118
+ justify-content: space-between;
1119
+ align-items: center;
1120
+ gap: var(--gap-base);
1121
+
1122
+
1123
+ box-sizing: border-box;
1124
+ }
1125
+
1126
+ .menuSectionParentHeader430 {
1127
+ align-self: stretch;
1128
+
1129
+ margin-top: 0px;
1130
+ flex-direction: row;
1131
+ flex-wrap: wrap;
1132
+ text-align: center;
1133
+ font-size: var(--font-size-base);
1134
+
1135
+ gap: var(--gap-base);
1136
+ align-items: center;
1137
+ display: inline-block;
1138
+ justify-content: center;
1139
+ display: flex;
1140
+ box-sizing: border-box;
1141
+ }
1142
+
1143
+ .descubreVideos {
1144
+ align-self: stretch;
1145
+ display: flex;
1146
+ flex-direction: column;
1147
+ padding: 0px 0px var(--padding-9xs);
1148
+ align-items: flex-start;
1149
+ justify-content: flex-start;
1150
+ text-align: left;
1151
+ font-size: var(--font-size-3xl);
1152
+ color: var(--color-white);
1153
+ font-family: var(--font-poppins);
1154
+ }
1155
+
1156
+ .descubreVideos1232 {
1157
+
1158
+ align-self: stretch;
1159
+ display: flex;
1160
+ flex-direction: column;
1161
+ padding: 0px 0px var(--padding-9xs);
1162
+ align-items: flex-start;
1163
+ justify-content: flex-start;
1164
+ text-align: left;
1165
+ font-size: var(--font-size-3xl);
1166
+ color: var(--color-white);
1167
+ font-family: var(--font-poppins);
1168
+ width: auto;
1169
+ }
1170
+
1171
+ .descubreVideos960 {
1172
+ align-self: stretch;
1173
+ display: flex;
1174
+ flex-direction: column;
1175
+ padding: 0px 0px var(--padding-9xs);
1176
+ align-items: flex-start;
1177
+ text-align: left;
1178
+ font-size: var(--font-size-3xl);
1179
+ color: var(--color-white);
1180
+ font-family: var(--font-poppins);
1181
+
1182
+ flex-direction: column;
1183
+ align-items: flex-start;
1184
+ justify-content: space-between;
1185
+ gap: var(--gap-0);
1186
+ }
1187
+
1188
+ .allCategories {
1189
+ height: 35px;
1190
+ background-color: rgb(35, 48, 59);
1191
+ border-radius: 30px;
1192
+ color: rgba(255, 255, 255, 0.7);
1193
+ padding: 0 14px;
1194
+ display: flex;
1195
+ font-size: 11px;
1196
+ margin-left: 13px;
1197
+ align-items: center;
1198
+ }