@golstats/gsc-top-player 1.0.0 → 1.0.2

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