@golstats/gsc-lineups-reports 1.0.3 → 1.0.4

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 (56) hide show
  1. package/dist/gsc-lineups-reports.css +1 -1
  2. package/dist/gsc-lineups-reports.es.js +1282 -1237
  3. package/dist/gsc-lineups-reports.umd.js +7 -7
  4. package/package.json +1 -1
  5. package/src/components/Lineup2D/LineupField.vue +251 -97
  6. package/src/components/gsc-header-historico-lineup.vue +962 -883
  7. package/src/components/gsc-header-postmatch-lineup.vue +896 -847
  8. package/src/components/gsc-header-recientes-lineup.vue +1923 -1459
  9. package/src/components/gsc-lineups.vue +50 -22
  10. package/dist/atajada.svg +0 -57
  11. package/dist/backarrow.svg +0 -3
  12. package/dist/cancha-3d.png +0 -0
  13. package/dist/contorno-escudo.svg +0 -3
  14. package/dist/escudo1.png +0 -0
  15. package/dist/escudo2.png +0 -0
  16. package/dist/favicon.ico +0 -0
  17. package/dist/field-green-posesion.png +0 -0
  18. package/dist/fin-del-partido.svg +0 -44
  19. package/dist/fuera-de-lugar.svg +0 -58
  20. package/dist/gol.svg +0 -49
  21. package/dist/group-427321178.svg +0 -8
  22. package/dist/group-427321179.svg +0 -5
  23. package/dist/group-427321501.svg +0 -5
  24. package/dist/icn-arrow-expand.svg +0 -3
  25. package/dist/icn-cambio.svg +0 -27
  26. package/dist/icn-expand-arrow.svg +0 -3
  27. package/dist/icn-expand-arrow1.svg +0 -3
  28. package/dist/icn-falta.svg +0 -43
  29. package/dist/icn-filter.svg +0 -12
  30. package/dist/icn-filter1.svg +0 -12
  31. package/dist/icn-filter2.svg +0 -12
  32. package/dist/icn-golstats.png +0 -0
  33. package/dist/icn-play.svg +0 -10
  34. package/dist/icn-tarjeta-amarilla.svg +0 -4
  35. package/dist/icn-tarjeta-roja.svg +0 -4
  36. package/dist/icn-tiro-a-porteria.svg +0 -36
  37. package/dist/icn-tiros-de-esquina.svg +0 -55
  38. package/dist/images/events/cambio.svg +0 -27
  39. package/dist/images/events/falta.svg +0 -43
  40. package/dist/images/events/generic.svg +0 -1
  41. package/dist/images/events/tiro-de-esquina.svg +0 -55
  42. package/dist/inicia-el-partido.svg +0 -46
  43. package/dist/jugada-peligrosa.svg +0 -91
  44. package/dist/line-white.png +0 -0
  45. package/dist/line.png +0 -0
  46. package/dist/next-arrow.svg +0 -3
  47. package/dist/nextarrow.svg +0 -3
  48. package/dist/penal-fallado.svg +0 -195
  49. package/dist/penal-marcado.svg +0 -190
  50. package/dist/play-icn.svg +0 -3
  51. package/dist/shape.svg +0 -3
  52. package/dist/styles.css +0 -1191
  53. package/dist/tiempo-agregado.svg +0 -75
  54. package/dist/tiro-a-porteria.svg +0 -81
  55. package/dist/var.png +0 -0
  56. package/dist/var.svg +0 -31
package/dist/styles.css DELETED
@@ -1,1191 +0,0 @@
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-smicom: 13px;
16
- --font-size-smcom: 14px;
17
- --font-size-5xlcom: 24px;
18
- --font-size-basecom: 16px;
19
- --font-size-3xlcom: 22px;
20
-
21
- /* Colors */
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
-
40
- /* Gaps */
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
-
54
- /* Paddings */
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
-
66
- /* Border radiuses */
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
- }
74
-
75
- /* grupos */
76
- .comfiltersContainer {
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
- .comfiltersContainer1232 {
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
- .comtextleyemdmultipleleagues{
100
- font-size: 12px;
101
- color: rgb(167, 167, 167);
102
- }
103
- .comtextleyemdmultipleleagues380{
104
- font-size: 10px;
105
- color: rgb(167, 167, 167);
106
- }
107
-
108
- .comfiltersContainer760 {
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
- .comfiltersContainer460 {
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
- .comcontainerSection {
131
- align-self: stretch;
132
- flex: 1;
133
- display: flex;
134
- flex-direction: column;
135
- padding: 0px var(--padding-xscom);
136
- align-items: center;
137
- justify-content: flex-start;
138
- gap: var(--gap-xlcom);
139
- text-align: left;
140
- font-size: 15px;
141
- color: var(--color-whitecom);
142
- font-family: var(--font-poppins);
143
- }
144
-
145
- .comcontainerSection1232 {
146
- align-self: stretch;
147
- width: auto;
148
- padding-left: var(--padding-31xlcom);
149
- padding-right: var(--padding-31xlcom);
150
- box-sizing: border-box;
151
- align-self: stretch;
152
- flex: 1;
153
- display: flex;
154
- flex-direction: column;
155
- padding: 0px var(--padding-xscom);
156
- align-items: center;
157
- justify-content: flex-start;
158
- gap: var(--gap-xlcom);
159
- text-align: left;
160
- font-size: 15px;
161
- color: var(--color-whitecom);
162
- font-family: var(--font-poppins);
163
-
164
- }
165
-
166
- .comcontainerSection960 {
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-xscom);
177
- align-items: center;
178
- justify-content: flex-start;
179
- gap: var(--gap-xlcom);
180
- text-align: left;
181
- font-size: 15px;
182
- color: var(--color-whitecom);
183
- font-family: var(--font-poppins);
184
- }
185
-
186
- .comcontainerSection320 {
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-whitecom);
197
- font-family: var(--font-poppins);
198
- margin: 0 auto;
199
- gap: 10px;
200
- }
201
-
202
- .comcontainerSection350 {
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-xlcom);
211
- text-align: left;
212
- font-size: 15px;
213
- color: var(--color-whitecom);
214
- font-family: var(--font-poppins);
215
- }
216
-
217
- /* grupos*/
218
- /* grupos: */
219
- .comtemplateLosMejores1 {
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-35xlcom);
229
- }
230
-
231
- .comtemplateLosMejores11232 {
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-35xlcom);
242
- }
243
-
244
- .comtemplateLosMejores1960 {
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-35xlcom);
258
- }
259
-
260
- .comtemplateLosMejores1420 {
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-35xlcom);
270
- }
271
-
272
- .comtemplateLosMejores1320 {
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-35xlcom);
282
- }
283
-
284
- .comtemplateLosMejores1540 {
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-35xlcom);
295
- }
296
-
297
- .comtemplateLosMejores1350 {
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
- .comtopFiltersParent {
311
- align-self: stretch;
312
- border-radius: var(--br-5xscom);
313
- background-color: #172531;
314
- display: flex;
315
- flex-direction: column;
316
- padding: 0px 0px 50px;
317
- align-items: center;
318
- justify-content: flex-start;
319
- gap: var(--gap-35xlcom);
320
- font-size: var(--font-size-basecom);
321
- }
322
-
323
- .comtopFiltersParent1232 {
324
- align-self: stretch;
325
- border-radius: var(--br-5xscom);
326
- background-color: #172531;
327
- display: flex;
328
- flex-direction: column;
329
- padding: 0px 0px 50px;
330
- align-items: center;
331
- justify-content: flex-start;
332
- gap: var(--gap-35xlcom);
333
- font-size: var(--font-size-basecom);
334
- width: auto;
335
- min-height: 1100px;
336
- margin-top: -170px;
337
- }
338
-
339
- .comtopFiltersParent960 {
340
- align-self: stretch;
341
- border-radius: var(--br-5xscom);
342
- background-color: #172531;
343
- display: flex;
344
- flex-direction: column;
345
- padding: 0px 0px 50px;
346
- align-items: center;
347
- justify-content: flex-start;
348
- gap: var(--gap-35xlcom);
349
- font-size: var(--font-size-basecom);
350
- width: auto;
351
- }
352
-
353
- .comtopFiltersParent460 {
354
- align-self: stretch;
355
- border-radius: var(--br-5xscom);
356
- background-color: #172531;
357
- display: flex;
358
- flex-direction: column;
359
- padding: 0px 0px 50px;
360
- align-items: center;
361
- justify-content: flex-start;
362
- gap: var(--gap-35xlcom);
363
- font-size: var(--font-size-basecom);
364
- width: auto;
365
- margin-top: -195px;
366
- }
367
- .comtopFiltersParent420 {
368
- align-self: stretch;
369
- border-radius: var(--br-5xscom);
370
- background-color: #172531;
371
- display: flex;
372
- flex-direction: column;
373
- padding: 0px 0px 50px;
374
- align-items: center;
375
- justify-content: flex-start;
376
- gap: var(--gap-35xlcom);
377
- font-size: var(--font-size-basecom);
378
- width: auto;
379
- margin-top: -195px;
380
- }
381
-
382
- /* grupos */
383
- /* grupos */
384
- .comcontainerTheBest {
385
- align-self: stretch;
386
- display: flex;
387
- flex-direction: column;
388
- align-items: center;
389
- justify-content: flex-start;
390
- gap: 0px;
391
- }
392
-
393
- .comcontainerTheBest1232 {
394
- align-self: stretch;
395
- width: auto;
396
- display: flex;
397
- flex-direction: column;
398
- align-items: center;
399
- justify-content: flex-start;
400
- gap: 10px;
401
- }
402
-
403
- .comcontainerTheBest960 {
404
- gap: 10px;
405
- width: 100%;
406
- box-sizing: border-box;
407
- display: flex;
408
- flex-direction: column;
409
- align-items: center;
410
- justify-content: flex-start;
411
- }
412
-
413
- .comcontainerTheBest320 {
414
- width: 100%;
415
- display: flex;
416
- flex-direction: column;
417
- align-items: center;
418
- justify-content: flex-start;
419
- gap: 10px;
420
- }
421
-
422
- /* grupos */
423
- /* grupos */
424
- .comtitleSection {
425
- align-self: stretch;
426
- display: flex;
427
- position: relative;
428
- flex-wrap: wrap;
429
- flex-direction: row;
430
- padding: 0px 0px 15px 48px;
431
- align-items: center;
432
- justify-content: flex-start;
433
- }
434
-
435
- .comtitleSection540 {
436
- align-self: stretch;
437
- display: flex;
438
- position: relative;
439
- flex-direction: row;
440
- align-items: center;
441
- flex-wrap: wrap;
442
- justify-content: flex-start;
443
- padding: 0px 5px 15px 5px;
444
- box-sizing: border-box;
445
- }
446
-
447
- /* grupos*/
448
- /* grupos */
449
- .comcontainerTables {
450
- align-self: stretch;
451
- display: flex;
452
- max-width: 1200px;
453
- flex-direction: row;
454
- flex-wrap: wrap;
455
- align-items: flex-start;
456
- justify-content: center;
457
- gap: 45px;
458
- font-size: var(--font-size-5xlcom);
459
- color: var(--color-whitesmokecom);
460
- width: 100% !important;
461
- }
462
-
463
- .comcontainerTables960 {
464
- align-self: stretch;
465
- display: flex;
466
- flex-direction: row;
467
- flex-wrap: wrap;
468
- align-items: flex-start;
469
- justify-content: center;
470
- font-size: var(--font-size-5xlcom);
471
- color: var(--color-whitesmokecom);
472
- width: 100% !important;
473
- gap: var(--gap-21xlcom);
474
- box-sizing: border-box;
475
- }
476
-
477
- .comcontainerTables760 {
478
- align-self: stretch;
479
- display: flex;
480
- flex-direction: row;
481
- flex-wrap: wrap;
482
- align-items: flex-start;
483
- justify-content: center;
484
- font-size: var(--font-size-5xlcom);
485
- color: var(--color-whitesmokecom);
486
- width: 100% !important;
487
- gap: var(--gap-3xscom);
488
- box-sizing: border-box;
489
- }
490
-
491
- .comcontainerTables320 {
492
- align-self: stretch;
493
- width: auto;
494
- align-self: stretch;
495
- display: flex;
496
- flex-direction: row;
497
- flex-wrap: wrap;
498
- gap: var(--gap-21xlcom);
499
- width: 100% !important;
500
- align-items: flex-start;
501
- justify-content: center;
502
- font-size: var(--font-size-5xlcom);
503
- color: var(--color-whitesmokecom);
504
- }
505
-
506
- /* grupos */
507
- /* grupos */
508
- .comtoniKroosWrapper {
509
- flex: 1;
510
- border-radius: var(--br-xscom);
511
- height: auto;
512
- min-height: 480px;
513
- display: flex;
514
- flex-direction: row;
515
- box-sizing: border-box;
516
- align-items: center;
517
- justify-content: center;
518
- min-width: 496px;
519
- max-width: 496px;
520
- margin-bottom: -50px;
521
- }
522
-
523
- .comtoniKroosWrapper1080 {
524
- flex: 1;
525
- border-radius: var(--br-xscom);
526
- height: auto;
527
- display: flex;
528
- flex-direction: row;
529
- box-sizing: border-box;
530
- align-items: center;
531
- justify-content: center;
532
- min-width: 456px;
533
- max-width: 456px;
534
- margin-bottom: -25px;
535
- }
536
-
537
- .comtoniKroosWrapper975 {
538
- flex: 1;
539
- border-radius: var(--br-xscom);
540
- height: auto;
541
- display: flex;
542
- flex-direction: row;
543
- box-sizing: border-box;
544
- align-items: center;
545
- justify-content: center;
546
- min-width: 426px;
547
- max-width: 426px;
548
- margin-bottom: -25px;
549
- }
550
-
551
- .comtoniKroosWrapper760 {
552
- flex: 1;
553
- border-radius: var(--br-xscom);
554
- height: auto;
555
- display: flex;
556
- flex-direction: row;
557
- box-sizing: border-box;
558
- align-items: center;
559
- justify-content: center;
560
- min-width: 360px;
561
- max-width: 360px;
562
- margin-bottom: 0px;
563
- }
564
-
565
- .comtoniKroosWrapper420 {
566
- flex: 1;
567
- border-radius: var(--br-xscom);
568
- height: auto;
569
- display: flex;
570
- flex-direction: row;
571
-
572
- box-sizing: border-box;
573
- align-items: center;
574
- justify-content: center;
575
- width: 330px;
576
- min-width: 330px;
577
- margin-bottom: 0px;
578
- }
579
-
580
- .comtoniKroosWrapper320 {
581
- flex: 1;
582
- border-radius: var(--br-xscom);
583
- height: auto;
584
- display: flex;
585
- flex-direction: row;
586
- box-sizing: border-box;
587
- align-items: center;
588
- justify-content: center;
589
- width: 310px;
590
- min-width: 310px;
591
- margin-bottom: -25px;
592
- }
593
-
594
- /* grupos */
595
-
596
-
597
- .frameChild {
598
- position: relative;
599
- width: 17px;
600
- height: 10.03px;
601
- }
602
-
603
- .filtros {
604
- position: relative;
605
- line-height: 24px;
606
- }
607
-
608
- .groupParent {
609
- flex: 1;
610
- display: flex;
611
- flex-direction: row;
612
- align-items: center;
613
- justify-content: flex-start;
614
- gap: 9px;
615
- }
616
-
617
- .shapeIcon {
618
- position: relative;
619
- width: 8px;
620
- height: 4px;
621
- }
622
-
623
- .btnFilters {
624
- border-radius: var(--br-5xscom);
625
- background-color: var(--color-gray-600com);
626
- border: 1px solid rgba(255,255,255, .2);
627
- box-sizing: border-box;
628
- width: 145px;
629
- display: flex;
630
- flex-direction: row;
631
- padding: var(--padding-xscom);
632
- align-items: center;
633
- justify-content: flex-start;
634
- gap: 43px;
635
- height: 45px;
636
- font-size: 14px;
637
- color: rgba(255,255,255, .9);
638
- font-family: 'Poppins-Regular', sans-serif;
639
- cursor: pointer;
640
- }
641
- .btnFiltersPC {
642
- border-radius: var(--br-5xscom);
643
- background-color: var(--color-gray-600com);
644
- border: 1px solid #566169;
645
- box-sizing: border-box;
646
- width: 115px;
647
- display: flex;
648
- flex-direction: row;
649
- padding: 6px 12px;
650
- margin-left: 12px;
651
- align-items: center;
652
- justify-content: flex-start;
653
- gap: 43px;
654
- font-size: 16px;
655
- margin-top: 7px;
656
- }
657
- .btnFiltersPC:hover {
658
- cursor: pointer;
659
- }
660
- .comquitarFiltros{
661
- color: rgba(255, 255, 255, 0.7);
662
- text-decoration: underline;
663
- font-size: 12px;
664
- font-family: 'Poppins-Regular';
665
- top: 1px;
666
- right: 20px;
667
- position: absolute;
668
- text-align: center;
669
- width: 110px;
670
- height: 30px;
671
- line-height: 30px;
672
- }
673
- .comquitarFiltros:hover{
674
- background: rgba(128, 128, 128, 0.15);
675
- cursor: pointer;
676
- }
677
-
678
- .comquitarFiltros730 {
679
- color: #cccccc;
680
- text-decoration: underline;
681
- font-size: 12px;
682
- font-family: 'Poppins-SemiBold';
683
- top: -28px;
684
- right: 20px;
685
- position: absolute;
686
- text-align: center;
687
- width: 110px;
688
- height: 30px;
689
- line-height: 30px;
690
- }
691
-
692
- .comquitarFiltros480{
693
- color: #cccccc;
694
- text-decoration: underline;
695
- font-size: 10px;
696
- font-family: 'Poppins-SemiBold';
697
- top: -28px;
698
- right: 0px;
699
- position: absolute;
700
- text-align: center;
701
- width: 80px;
702
- height: 30px;
703
- line-height: 30px;
704
- }
705
- .comquitarFiltros380{
706
- color: #cccccc;
707
- text-decoration: underline;
708
- font-size: 12px;
709
- font-family: 'Poppins-SemiBold';
710
- top: -41px;
711
- right: 0px;
712
- position: absolute;
713
- text-align: center;
714
- width: 100px;
715
- height: 30px;
716
- line-height: 30px;
717
- }
718
-
719
- .btnCloseFilters {
720
- cursor: pointer;
721
- position: absolute;
722
- left: 9%;
723
- display: none;
724
- margin-top: 90px;
725
- background: url(https://golstatsimages.blob.core.windows.net/todoelfut/icn_close.png);
726
- width: 15px;
727
- height: 15px;
728
- background-size: 100%;
729
- opacity: 0.7;
730
- }
731
-
732
- .commejoresJugadores {
733
- position: relative;
734
- font-weight: 500;
735
- }
736
- .commejoresJugadores730 {
737
- position: relative;
738
- font-weight: 500;
739
- font-size: 14px;
740
- }
741
- .commejoresJugadores480 {
742
- position: relative;
743
- font-weight: 500;
744
- font-size: 11px;
745
- }
746
-
747
- .mejoresJugadoresSM {
748
- position: relative;
749
- font-weight: 500;
750
- font-size: 11px;
751
- }
752
-
753
- .toniKroos {
754
- position: relative;
755
- letter-spacing: 0.2px;
756
- line-height: 20px;
757
- font-weight: 500;
758
- }
759
-
760
-
761
- /* aqui esta el codigo */
762
-
763
- .teamBar {
764
- align-self: stretch;
765
- background-color: var(--color-gray-300com);
766
- box-shadow: 0px -1px 0px #3d4a54 inset;
767
- height: 72px;
768
- display: flex;
769
- flex-direction: row;
770
- align-items: center;
771
- justify-content: center;
772
- gap: var(--gap-5xlcom);
773
- border-bottom: 1px solid rgba(255, 255, 255, 0.25);
774
- }
775
-
776
- .commenuSection {
777
- align-self: stretch;
778
- height: 40px;
779
- display: flex;
780
- overflow: hidden;
781
- flex-direction: row;
782
- align-items: flex-start;
783
- justify-content: center;
784
- position: relative;
785
- }
786
-
787
- .commenuSection960 {
788
- align-self: stretch;
789
- overflow: hidden;
790
- height: 40px;
791
- display: flex;
792
- flex-direction: row;
793
- align-items: flex-start;
794
- justify-content: center;
795
- position: relative;
796
- }
797
-
798
- .comcontainerMenu {
799
-
800
- display: inline-flex;
801
- width: 100%;
802
- align-items: center;
803
- justify-content: center;
804
- gap: 10px;
805
-
806
- }
807
- .comcontainerMenu760{
808
- display: flex;
809
- margin: 0 auto;
810
- gap: 15px;
811
- flex-direction: column;
812
- }
813
-
814
- .containerFilters {
815
- align-self: stretch;
816
- display: flex;
817
- flex-direction: column;
818
- align-items: center;
819
- justify-content: flex-start;
820
- gap: var(--gap-xlcom);
821
- font-size: var(--font-size-smcom);
822
- margin-top: -3px;
823
- }
824
-
825
- .teamBarParent {
826
- align-self: stretch;
827
- display: flex;
828
- flex-direction: column;
829
- align-items: left;
830
- justify-content: flex-start;
831
- gap: var(--gap-basecom);
832
- }
833
-
834
- .comtopFilters {
835
- align-self: stretch;
836
- border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
837
- /* background-color: var(--color-gray-300com); */
838
- display: flex;
839
- flex-direction: column;
840
- padding: 0px var(--padding-basecom) var(--padding-basecom);
841
- align-items: flex-start;
842
- justify-content: flex-start;
843
- text-align: center;
844
- font-size: var(--font-size-smicom);
845
- color: var(--color-whitecom);
846
- font-family: var(--font-poppins);
847
- }
848
-
849
- .comtopFilters1232 {
850
- align-self: stretch;
851
- border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
852
- /* background-color: var(--color-gray-300com); */
853
- display: flex;
854
- flex-direction: column;
855
- padding: 0px var(--padding-basecom) var(--padding-basecom);
856
- align-items: flex-start;
857
- justify-content: flex-start;
858
- text-align: center;
859
- font-size: var(--font-size-smicom);
860
- color: var(--color-whitecom);
861
- font-family: var(--font-poppins);
862
- width: auto;
863
- }
864
-
865
- .comtopFilters420 {
866
- align-self: stretch;
867
- border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
868
- /* background-color: var(--color-gray-300com); */
869
- display: flex;
870
- flex-direction: column;
871
- padding: 0px var(--padding-basecom) var(--padding-basecom);
872
- align-items: flex-start;
873
- justify-content: flex-start;
874
- text-align: center;
875
- font-size: var(--font-size-smicom);
876
- color: var(--color-whitecom);
877
- font-family: var(--font-poppins);
878
- }
879
-
880
- .comtopFilters460 {
881
- align-self: stretch;
882
- border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
883
- /* background-color: var(--color-gray-300com); */
884
- display: flex;
885
- flex-direction: column;
886
- padding: 0px 6px 16px;
887
- align-items: flex-start;
888
- justify-content: flex-start;
889
- text-align: center;
890
- font-size: var(--font-size-smicom);
891
- color: var(--color-whitecom);
892
- font-family: var(--font-poppins);
893
- }
894
-
895
- /* coidgo */
896
-
897
- .comlosMejores {
898
- margin: 0;
899
- align-self: stretch;
900
- position: relative;
901
- margin-top: 20px;
902
- font-size: inherit;
903
- font-weight: 500;
904
- font-family: inherit;
905
- }
906
- .comlosMejores380{
907
- margin: 0;
908
- width: 30%;
909
- height: 42px;
910
- align-self: stretch;
911
- position: relative;
912
- margin-top: 20px;
913
- font-size: inherit;
914
- margin-top: 0px;
915
- line-height: 42px;
916
- font-size: 14px;
917
- font-weight: 500;
918
- font-family: inherit;
919
- }
920
- .comlosMejores530{
921
- margin: 0;
922
- width: 30%;
923
- height: 42px;
924
- align-self: stretch;
925
- position: relative;
926
- margin-top: 20px;
927
- font-size: inherit;
928
- margin-top: 0px;
929
- line-height: 42px;
930
- font-size: 16px;
931
- font-weight: 500;
932
- font-family: inherit;
933
- }
934
- .comlosMejores730{
935
- margin: 0;
936
- width: 33.3%;
937
- height: 42px;
938
- align-self: stretch;
939
- position: relative;
940
- margin-top: 20px;
941
- font-size: inherit;
942
- margin-top: 0px;
943
- line-height: 42px;
944
- font-size: 18px;
945
- font-weight: 500;
946
- font-family: inherit;
947
- }
948
-
949
- .commenuSectionHeader {
950
- min-width: 392px !important;
951
- max-width: 300px !important;
952
- height: 42px;
953
- display: flex;
954
- flex-direction: row;
955
- align-items: flex-start;
956
- justify-content: center;
957
- }
958
-
959
- .commenuSectionHeader1232 {
960
- min-width: 392px !important;
961
- max-width: 300px !important;
962
- height: 42px;
963
- display: flex;
964
- flex-direction: row;
965
- align-items: flex-start;
966
- justify-content: center;
967
-
968
- width: auto;
969
- align-self: unset;
970
- }
971
-
972
- .commenuSectionHeader960 {
973
- min-width: 392px;
974
- height: 42px;
975
- display: flex;
976
- flex-direction: row;
977
- align-items: flex-start;
978
- justify-content: center;
979
- gap: var(--gap-0com);
980
- align-items: flex-start;
981
- justify-content: flex-start;
982
- }
983
-
984
- .commenuSectionHeader730 {
985
- display: flex;
986
- flex-direction: row;
987
- align-items: flex-start;
988
- justify-content: center;
989
- min-width: 392px;
990
- height: 42px;
991
- flex: 1;
992
- }
993
-
994
- .comdropdown {
995
- flex: 1;
996
- border-radius: var(--br-9xscom);
997
- box-sizing: border-box;
998
- height: 42px;
999
- display: flex;
1000
- flex-direction: row;
1001
-
1002
- align-items: center;
1003
- justify-content: space-between;
1004
- }
1005
- .comdropdown730 {
1006
- border-radius: var(--br-9xscom);
1007
- box-sizing: border-box;
1008
- height: 42px;
1009
- width: 33.3%;
1010
- color: var(--color-gray-100com);
1011
- }
1012
-
1013
- .comdropdown1 {
1014
- flex: 1;
1015
- border-radius: var(--br-9xscom);
1016
- box-sizing: border-box;
1017
- height: 42px;
1018
- display: flex;
1019
- flex-direction: row;
1020
-
1021
- align-items: center;
1022
- justify-content: space-between;
1023
- color: var(--color-gray-100com);
1024
- }
1025
- .comdropdown1730 {
1026
- border-radius: var(--br-9xscom);
1027
- box-sizing: border-box;
1028
- height: 42px;
1029
- width: 33.3%;
1030
- color: var(--color-gray-100com);
1031
- }
1032
-
1033
- .comdropdownParent {
1034
- width: 312px;
1035
- display: flex;
1036
- flex-direction: row;
1037
- align-items: flex-start;
1038
- justify-content: flex-start;
1039
- gap: var(--gap-xscom);
1040
- text-align: left;
1041
- font-size: var(--font-size-smcom);
1042
- z-index: 4;
1043
- }
1044
-
1045
- .comdropdownParent730 {
1046
- flex: 1;
1047
- width: 100%;
1048
-
1049
- display: flex;
1050
- flex-direction: row;
1051
- align-items: flex-start;
1052
- justify-content: flex-start;
1053
- gap: var(--gap-xscom);
1054
- text-align: left;
1055
- font-size: var(--font-size-smcom);
1056
-
1057
- padding-left: 0px;
1058
- padding-right: 0px;
1059
- box-sizing: border-box;
1060
- margin-top: 10px;
1061
- }
1062
-
1063
- .commenuSectionParentHeader {
1064
- width: 100%;
1065
- align-self: stretch;
1066
- display: flex;
1067
- margin-top: 20px;
1068
- flex-direction: row;
1069
- flex-wrap: wrap;
1070
- align-items: flex-end;
1071
- justify-content: space-between;
1072
- text-align: center;
1073
- font-size: var(--font-size-basecom);
1074
- }
1075
-
1076
- .commenuSectionParentHeader1232 {
1077
- align-self: stretch;
1078
- display: flex;
1079
- margin-top: 20px;
1080
- flex-direction: row;
1081
- flex-wrap: wrap;
1082
- text-align: center;
1083
- font-size: var(--font-size-basecom);
1084
- align-items: flex-end;
1085
- justify-content: space-between;
1086
- gap: var(--gap-0com);
1087
- }
1088
-
1089
- .commenuSectionParentHeader960 {
1090
- align-self: stretch;
1091
- display: flex;
1092
- margin-top: 20px;
1093
- flex-direction: row;
1094
- flex-wrap: wrap;
1095
- text-align: center;
1096
- font-size: var(--font-size-basecom);
1097
- align-self: stretch;
1098
- width: auto;
1099
- gap: var(--gap-0com);
1100
- align-items: center;
1101
- justify-content: space-between;
1102
- }
1103
-
1104
- .commenuSectionParentHeader730 {
1105
- align-self: stretch;
1106
- margin-top: -20px;
1107
- text-align: center;
1108
- font-size: var(--font-size-basecom);
1109
- display: flex;
1110
- flex-direction: column-reverse;
1111
- justify-content: space-between;
1112
- align-items: center;
1113
- gap: var(--gap-basecom);
1114
-
1115
-
1116
- box-sizing: border-box;
1117
- }
1118
-
1119
- .commenuSectionParentHeader430 {
1120
- align-self: stretch;
1121
-
1122
- margin-top: 0px;
1123
- flex-direction: row;
1124
- flex-wrap: wrap;
1125
- text-align: center;
1126
- font-size: var(--font-size-basecom);
1127
-
1128
- gap: var(--gap-basecom);
1129
- align-items: center;
1130
- display: inline-block;
1131
- justify-content: center;
1132
- display: flex;
1133
- box-sizing: border-box;
1134
- }
1135
-
1136
- .comdescubreVideos {
1137
- align-self: stretch;
1138
- display: flex;
1139
- flex-direction: column;
1140
- padding: 0px 0px var(--padding-9xscom);
1141
- align-items: flex-start;
1142
- justify-content: flex-start;
1143
- text-align: left;
1144
- font-size: var(--font-size-3xlcom);
1145
- color: var(--color-whitecom);
1146
- font-family: var(--font-poppins);
1147
- }
1148
-
1149
- .comdescubreVideos1232 {
1150
-
1151
- align-self: stretch;
1152
- display: flex;
1153
- flex-direction: column;
1154
- padding: 0px 0px var(--padding-9xscom);
1155
- align-items: flex-start;
1156
- justify-content: flex-start;
1157
- text-align: left;
1158
- font-size: var(--font-size-3xlcom);
1159
- color: var(--color-whitecom);
1160
- font-family: var(--font-poppins);
1161
- width: auto;
1162
- }
1163
-
1164
- .comdescubreVideos960 {
1165
- align-self: stretch;
1166
- display: flex;
1167
- flex-direction: column;
1168
- padding: 0px 0px var(--padding-9xscom);
1169
- align-items: flex-start;
1170
- text-align: left;
1171
- font-size: var(--font-size-3xlcom);
1172
- color: var(--color-whitecom);
1173
- font-family: var(--font-poppins);
1174
-
1175
- flex-direction: column;
1176
- align-items: flex-start;
1177
- justify-content: space-between;
1178
- gap: var(--gap-0com);
1179
- }
1180
-
1181
- .allCategories {
1182
- height: 35px;
1183
- background-color: rgb(35, 48, 59);
1184
- border-radius: 30px;
1185
- color: rgba(255, 255, 255, 0.7);
1186
- padding: 0 14px;
1187
- display: flex;
1188
- font-size: 11px;
1189
- margin-left: 13px;
1190
- align-items: center;
1191
- }