@mjsz-vbr-elements/shared 2.9.1 → 2.11.0

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.
@@ -1,14 +1,17 @@
1
+ /* --vbr-widget-typography-font-size-50
2
+ --vbr-widget-typography-font-lineheight-50 */
3
+
1
4
  .mjsz-vbr-gamecenter-timeline {
2
5
  container-name: rows;
3
6
  container-type: inline-size;
4
7
  }
5
8
 
6
- .mjsz-vbr-gamecenter-timeline-game-data {
9
+ .mjsz-vbr-gamecenter-timeline-game-data {
7
10
  margin-bottom: 30px;
8
11
  text-align: center;
9
12
  }
10
13
 
11
- .mjsz-vbr-gamecenter-timeline-game-data .is-teams-and-results {
14
+ .mjsz-vbr-gamecenter-timeline-game-data .is-teams-and-results {
12
15
  display: grid;
13
16
  grid-template-columns: 1fr;
14
17
  justify-items: center;
@@ -17,44 +20,44 @@
17
20
  background-color: var(--vbr-widget-primary-color-0);
18
21
  }
19
22
 
20
- @media all and (min-width: 576px) {
23
+ @media all and (min-width: 576px) {
21
24
 
22
- .mjsz-vbr-gamecenter-timeline-game-data .is-teams-and-results {
25
+ .mjsz-vbr-gamecenter-timeline-game-data .is-teams-and-results {
23
26
  grid-template-columns: repeat(3, 1fr)
24
27
  }
25
28
  }
26
29
 
27
- .mjsz-vbr-gamecenter-timeline-game-data .is-title-container {
30
+ .mjsz-vbr-gamecenter-timeline-game-data .is-title-container {
28
31
  margin-bottom: 30px;
29
32
  }
30
33
 
31
- .mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-title {
34
+ .mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-title {
32
35
  color: var(--vbr-widget-gamecenter-title-color);
33
36
  font-size: var(--vbr-widget-gamecenter-title-size);
34
37
  font-weight: var(--vbr-widget-gamecenter-title-weight);
35
38
  text-transform: uppercase;
36
39
  }
37
40
 
38
- .mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-gamedate {
41
+ .mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-gamedate {
39
42
  color: var(--vbr-widget-gamecenter-gamedate-color);
40
43
  font-size: var(--vbr-widget-gamecenter-gamedate-size);
41
44
  text-transform: uppercase;
42
45
  }
43
46
 
44
- .mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-local-gamedate {
47
+ .mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-local-gamedate {
45
48
  color: var(--vbr-widget-gamecenter-local-gamedate-color);
46
49
  font-size: var(--vbr-widget-gamecenter-local-gamedate-size);
47
50
  text-transform: uppercase;
48
51
  }
49
52
 
50
- .mjsz-vbr-gamecenter-timeline-game-data .is-game-result {
53
+ .mjsz-vbr-gamecenter-timeline-game-data .is-game-result {
51
54
  color: var(--vbr-widget-gamecenter-result-color);
52
55
  font-weight: var(--vbr-widget-gamecenter-result-weight);
53
56
  font-size: var(--vbr-widget-gamecenter-result-size);
54
57
  line-height: var(--vbr-widget-gamecenter-result-size);
55
58
  }
56
59
 
57
- .mjsz-vbr-gamecenter-timeline-game-data .is-team-name {
60
+ .mjsz-vbr-gamecenter-timeline-game-data .is-team-name {
58
61
  display: block;
59
62
  padding: 8px 0;
60
63
  color: var(--vbr-widget-gamecenter-teamname-color);
@@ -62,76 +65,76 @@
62
65
  font-size: var(--vbr-widget-gamecenter-teamname-size);
63
66
  }
64
67
 
65
- .mjsz-vbr-gamecenter-timeline-game-data .is-game-status {
68
+ .mjsz-vbr-gamecenter-timeline-game-data .is-game-status {
66
69
  color: var(--vbr-widget-gamecenter-gamestatus-color);
67
70
  font-size: var(--vbr-widget-gamecenter-gamestatus-size);
68
71
  text-transform: uppercase;
69
72
  }
70
73
 
71
- .mjsz-vbr-gamecenter-timeline-game-data .is-period-results {
74
+ .mjsz-vbr-gamecenter-timeline-game-data .is-period-results {
72
75
  color: var(--vbr-widget-gamecenter-periodresults-color);
73
76
  font-size: var(--vbr-widget-gamecenter-periodresults-size);
74
77
  font-weight: 500;
75
78
  }
76
79
 
77
- .mjsz-vbr-gamecenter-timeline-game-data .is-team-logo {
80
+ .mjsz-vbr-gamecenter-timeline-game-data .is-team-logo {
78
81
  margin: auto;
79
82
  display: block;
80
83
  width: 128px;
81
84
  height: 128px;
82
85
  }
83
86
 
84
- .mjsz-vbr-gamecenter-timeline-game-data .is-game-status-live {
87
+ .mjsz-vbr-gamecenter-timeline-game-data .is-game-status-live {
85
88
  color: var(--vbr-widget-live-game-color);
86
89
  }
87
90
 
88
- .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents {
91
+ .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents {
89
92
  padding: 5px;
90
93
  display: flex;
91
94
  align-items: center;
92
95
  justify-content: center;
93
96
  }
94
97
 
95
- .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a {
98
+ .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a {
96
99
  display: flex;
97
100
  align-items: center;
98
101
  font-size: var(--vbr-widget-gamecenter-local-gamedate-size);
99
102
  }
100
103
 
101
- .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a:after {
104
+ .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a:after {
102
105
  content: '/';
103
106
  margin: 0 5px;
104
107
  }
105
108
 
106
- .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a:last-of-type:after {
109
+ .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a:last-of-type:after {
107
110
  content: '';
108
111
  }
109
112
 
110
- .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents .is-icon {
113
+ .mjsz-vbr-gamecenter-timeline-game-data .is-external-contents .is-icon {
111
114
  margin-right: 5px;
112
115
  display: inline-block;
113
116
  width: 15px;
114
117
  height: 15px;
115
118
  }
116
119
 
117
- .mjsz-vbr-gamecenter-timeline-game-data .is-attendance {
118
- font-size: var(--vbr-widget-typography-text-sm-size);
119
- line-height: var(--vbr-widget-typography-text-lg-lineheight);
120
+ .mjsz-vbr-gamecenter-timeline-game-data .is-attendance {
121
+ font-size: var(--vbr-widget-typography-font-size-400);
122
+ line-height: var(--vbr-widget-typography-font-lineheight-600);
120
123
  color: var(--vbr-widget-primary-color-500);
121
124
  }
122
125
 
123
- .mjsz-vbr-gamecenter-timeline-game-data .is-goal-scorers {
124
- font-size: var(--vbr-widget-typography-text-xs-size);
126
+ .mjsz-vbr-gamecenter-timeline-game-data .is-goal-scorers {
127
+ font-size: var(--vbr-widget-typography-font-size-200);
125
128
  font-weight: 700;
126
- line-height: var(--vbr-widget-typography-text-xs-lineheight);
129
+ line-height: var(--vbr-widget-typography-font-lineheight-200);
127
130
  color: var(--vbr-widget-primary-color-500);
128
131
  }
129
132
 
130
- .mjsz-vbr-gamecenter-timeline-game-data .is-goal-scorers span {
133
+ .mjsz-vbr-gamecenter-timeline-game-data .is-goal-scorers span {
131
134
  font-weight: 400;
132
135
  }
133
136
 
134
- .mjsz-vbr-gamecenter-timeline-score-board {
137
+ .mjsz-vbr-gamecenter-timeline-score-board {
135
138
  /* display: grid; */
136
139
  grid-template-columns: 50px auto auto auto 50px;
137
140
  grid-template-rows: 50px;
@@ -148,47 +151,47 @@
148
151
  z-index: 100;
149
152
  }
150
153
 
151
- .mjsz-vbr-gamecenter-timeline-score-board.is-visible {
154
+ .mjsz-vbr-gamecenter-timeline-score-board.is-visible {
152
155
  display: grid;
153
156
  }
154
157
 
155
- .mjsz-vbr-gamecenter-timeline-score-board .is-score {
156
- font-size: var(--vbr-widget-typography-text-4xl-size);
158
+ .mjsz-vbr-gamecenter-timeline-score-board .is-score {
159
+ font-size: var(--vbr-widget-typography-font-size-950);
157
160
  font-weight: 700;
158
161
  }
159
162
 
160
- .mjsz-vbr-gamecenter-timeline-score-board .is-team {
163
+ .mjsz-vbr-gamecenter-timeline-score-board .is-team {
161
164
  display: none;
162
- font-size: var(--vbr-widget-typography-text-base-size);
165
+ font-size: var(--vbr-widget-typography-font-size-500);
163
166
  font-weight: 700;
164
167
  color: var(--vbr-widget-primary-color-100);
165
168
  }
166
169
 
167
- .mjsz-vbr-gamecenter-timeline-score-board .is-home-team {
170
+ .mjsz-vbr-gamecenter-timeline-score-board .is-home-team {
168
171
  justify-self: end;
169
172
  text-align: right;
170
173
  }
171
174
 
172
- .mjsz-vbr-gamecenter-timeline-score-board .is-away-team {
175
+ .mjsz-vbr-gamecenter-timeline-score-board .is-away-team {
173
176
  justify-self: start;
174
177
  }
175
178
 
176
- .mjsz-vbr-gamecenter-timeline-score-board .is-game-status {
177
- font-size: var(--vbr-widget-typography-text-xs-size);
179
+ .mjsz-vbr-gamecenter-timeline-score-board .is-game-status {
180
+ font-size: var(--vbr-widget-typography-font-size-200);
178
181
  font-weight: 500;
179
182
  text-transform: uppercase;
180
183
  color: var(--vbr-widget-live-game-color);
181
184
  }
182
185
 
183
- .mjsz-vbr-gamecenter-timeline-score-board img {
186
+ .mjsz-vbr-gamecenter-timeline-score-board img {
184
187
  display: block;
185
188
  width: 100%;
186
189
  height: 100%;
187
190
  }
188
191
 
189
- @media all and (min-width: 576px) {
192
+ @media all and (min-width: 576px) {
190
193
 
191
- .mjsz-vbr-gamecenter-timeline-score-board {
194
+ .mjsz-vbr-gamecenter-timeline-score-board {
192
195
  grid-template-columns: 1fr 50px auto auto auto 50px 1fr;
193
196
  }
194
197
 
@@ -197,27 +200,27 @@
197
200
  }
198
201
  }
199
202
 
200
- .mjsz-vbr-gamecenter-timeline .is-heading-1 {
203
+ .mjsz-vbr-gamecenter-timeline .is-heading-1 {
201
204
  margin-block-start: 3rem;
202
205
  margin-block-end: 1rem;
203
- font-size: var(--vbr-widget-typography-text-xl-size);
206
+ font-size: var(--vbr-widget-typography-font-size-700);
204
207
  font-weight: 700;
205
208
  color: var(--vbr-widget-primary-color-800);
206
209
  text-align: center;
207
210
  text-transform: uppercase;
208
211
  }
209
212
 
210
- .mjsz-vbr-gamecenter-timeline .is-heading-2 {
213
+ .mjsz-vbr-gamecenter-timeline .is-heading-2 {
211
214
  margin-block-start: 3rem;
212
215
  margin-block-end: 1rem;
213
- font-size: var(--vbr-widget-typography-text-base-size);
216
+ font-size: var(--vbr-widget-typography-font-size-500);
214
217
  font-weight: 700;
215
218
  color: var(--vbr-widget-primary-color-800);
216
219
  text-align: center;
217
220
  text-transform: uppercase;
218
221
  }
219
222
 
220
- .mjsz-vbr-gamecenter-timeline-tab-buttons {
223
+ .mjsz-vbr-gamecenter-timeline-tab-buttons {
221
224
  display: flex;
222
225
  flex-wrap: wrap;
223
226
  justify-content: center;
@@ -225,26 +228,26 @@
225
228
  margin-block-end: 2rem;
226
229
  }
227
230
 
228
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results {
231
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results {
229
232
  width: 100%;
230
233
  }
231
234
 
232
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results tr:first-of-type {
235
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results tr:first-of-type {
233
236
  border-bottom: 1px solid var(--vbr-widget-primary-color-100);
234
237
  }
235
238
 
236
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results td {
237
- font-size: var(--vbr-widget-typography-text-base-size);
239
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results td {
240
+ font-size: var(--vbr-widget-typography-font-size-500);
238
241
  font-weight: 500;
239
242
  color: var(--vbr-widget-primary-color-700);
240
243
  }
241
244
 
242
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results td:nth-child(2) {
243
- font-size: var(--vbr-widget-typography-text-sm-size);
245
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results td:nth-child(2) {
246
+ font-size: var(--vbr-widget-typography-font-size-400);
244
247
  text-align: left;
245
248
  }
246
249
 
247
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span {
250
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span {
248
251
  display: inline-block;
249
252
  width: 9px;
250
253
  height: 9px;
@@ -252,32 +255,32 @@
252
255
  border-radius: 50%;
253
256
  }
254
257
 
255
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-home-team {
258
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-home-team {
256
259
  background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
257
260
  outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
258
261
  outline-offset: -2px;
259
262
  }
260
263
 
261
- .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-away-team {
264
+ .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-away-team {
262
265
  background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
263
266
  outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
264
267
  outline-offset: -2px;
265
268
  }
266
269
 
267
- .mjsz-vbr-gamecenter-timeline-game-events .is-no-action {
270
+ .mjsz-vbr-gamecenter-timeline-game-events .is-no-action {
268
271
  padding-block: 0.5rem;
269
272
  text-align: center;
270
273
  color: var(--vbr-widget-primary-color-300);
271
274
  }
272
275
 
273
- .mjsz-vbr-gamecenter-timeline-game-events .is-period-header {
276
+ .mjsz-vbr-gamecenter-timeline-game-events .is-period-header {
274
277
  padding-block: 1rem;
275
278
  display: grid;
276
279
  grid-template-columns: 1fr auto 1fr;
277
280
  grid-template-rows: auto 1fr 1px 1fr;
278
281
  }
279
282
 
280
- .mjsz-vbr-gamecenter-timeline-game-events .is-period-header p {
283
+ .mjsz-vbr-gamecenter-timeline-game-events .is-period-header p {
281
284
  grid-column: 2;
282
285
  grid-row: 1;
283
286
  justify-self: center;
@@ -285,14 +288,14 @@
285
288
  padding-inline: 0.5rem;
286
289
  width: max-content;
287
290
  color: #fff;
288
- font-size: var(--vbr-widget-typography-text-base-size);
291
+ font-size: var(--vbr-widget-typography-font-size-500);
289
292
  font-weight: 500;
290
- line-height: var(--vbr-widget-typography-text-base-lineheight);
293
+ line-height: var(--vbr-widget-typography-font-lineheight-500);
291
294
  background-color: var(--vbr-widget-primary-color-900);
292
295
  border-radius: 6px;
293
296
  }
294
297
 
295
- .mjsz-vbr-gamecenter-timeline-game-events .is-period-header span {
298
+ .mjsz-vbr-gamecenter-timeline-game-events .is-period-header span {
296
299
  grid-column: 2;
297
300
  grid-row: 2/-1;
298
301
 
@@ -305,20 +308,20 @@
305
308
  border-radius: 0.5rem;
306
309
  }
307
310
 
308
- .mjsz-vbr-gamecenter-timeline-game-events .is-period-header span svg {
311
+ .mjsz-vbr-gamecenter-timeline-game-events .is-period-header span svg {
309
312
  display: inline-block;
310
313
  width: 14px;
311
314
  height: 14px;
312
315
  vertical-align: sub;
313
316
  }
314
317
 
315
- .mjsz-vbr-gamecenter-timeline-game-events .is-period-header div {
318
+ .mjsz-vbr-gamecenter-timeline-game-events .is-period-header div {
316
319
  grid-column: 1/-1;
317
320
  grid-row: 3;
318
321
  background-color: var(--vbr-widget-primary-color-100);
319
322
  }
320
323
 
321
- .mjsz-vbr-gamecenter-timeline-game-event {
324
+ .mjsz-vbr-gamecenter-timeline-game-event {
322
325
  --columns: 0.15fr 2px 0.15fr 1fr;
323
326
  --areas: '. . . .' 'time time time details' '. . . .';
324
327
 
@@ -329,13 +332,13 @@
329
332
  gap: 0.25rem;
330
333
  }
331
334
 
332
- .mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
335
+ .mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
333
336
  grid-column: 2/3;
334
337
  grid-row: 1/-1;
335
338
  background-color: var(--vbr-widget-primary-color-200);
336
339
  }
337
340
 
338
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
341
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
339
342
  grid-area: details;
340
343
 
341
344
  display: grid;
@@ -350,12 +353,12 @@
350
353
  outline: 1px solid var(--vbr-widget-gamecenter-card-border-color);
351
354
  }
352
355
 
353
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
356
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
354
357
  grid-template-areas: 'type-icon detail-title';
355
358
  align-items: center;
356
359
  }
357
360
 
358
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-title {
361
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-title {
359
362
  grid-area: detail-title;
360
363
 
361
364
  font-weight: 700;
@@ -363,29 +366,29 @@
363
366
  color: var(--vbr-widget-gamecenter-card-title-color);
364
367
  }
365
368
 
366
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list {
369
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list {
367
370
  grid-area: detail-list;
368
371
  margin: 0;
369
372
  padding: 0;
370
373
  list-style: none;
371
374
  }
372
375
 
373
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-details-sub-title {
374
- font-size: var(--vbr-widget-typography-text-sm-size);
376
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-details-sub-title {
377
+ font-size: var(--vbr-widget-typography-font-size-400);
375
378
  color: var(--vbr-widget-gamecenter-card-secondary-color);
376
379
  }
377
380
 
378
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-evented-person {
381
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-evented-person {
379
382
  font-weight: var(--vbr-widget-gamecenter-events-evented-person-weight);
380
383
  color: var(--vbr-widget-gamecenter-card-secondary-color);
381
384
  }
382
385
 
383
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-player-number {
386
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-player-number {
384
387
  font-weight: 400;
385
388
  font-style: italic;
386
389
  }
387
390
 
388
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
391
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
389
392
  grid-area: team-logo;
390
393
 
391
394
  display: none;
@@ -394,301 +397,189 @@
394
397
  align-self: center;
395
398
  }
396
399
 
397
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo img {
400
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo img {
398
401
  width: 40px;
399
402
  height: 40px;
400
403
  }
401
404
 
402
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon {
405
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon {
403
406
  grid-area: type-icon;
404
407
  padding: 0.5rem;
405
408
  border-radius: 100%;
406
409
  }
407
410
 
408
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
411
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
409
412
  display: block;
410
413
  width: 14px;
411
- height: 14px;
414
+ height: 14px
412
415
  }
413
416
 
414
- @container rows (width > 410px) {
415
-
416
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
417
- width: 24px;
418
- height: 24px
419
- }
420
- }
421
-
422
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty .is-event-type-icon {
417
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty .is-event-type-icon {
423
418
  color: var(--vbr-widget-primary-color-0);
424
419
  background-color: var(--vbr-widget-danger-color-a400);
425
420
  }
426
421
 
427
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-timeout .is-event-type-icon {
422
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-timeout .is-event-type-icon {
428
423
  color: var(--vbr-widget-primary-color-0);
429
424
  background-color: var(--vbr-widget-gamecenter-events-timeout-bg-color);
430
425
  }
431
426
 
432
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goalies .is-event-type-icon {
427
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goalies .is-event-type-icon {
433
428
  color: var(--vbr-widget-primary-color-900);
434
429
  background-color: var(--vbr-widget-neutral-color);
435
430
  }
436
431
 
437
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty-shot-goal .is-event-type-icon {
432
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty-shot-goal .is-event-type-icon {
438
433
  color: var(--vbr-widget-primary-color-0);
439
434
  background-color: var(--vbr-widget-live-game-color);
440
435
  }
441
436
 
442
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty-shot-no-goal .is-event-type-icon {
437
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty-shot-no-goal .is-event-type-icon {
443
438
  color: var(--vbr-widget-primary-color-400);
444
439
  background-color: var(--vbr-widget-primary-color-100);
445
440
  }
446
441
 
447
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal {
442
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal {
448
443
  background-color: var(--vbr-widget-gamecenter-card-event-goal-bg-color);
449
444
  outline-color: var(--vbr-widget-gamecenter-card-event-goal-border-color);
450
445
  }
451
446
 
452
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-event-type-icon {
447
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-event-type-icon {
453
448
  color: var(--vbr-widget-primary-color-0);
454
449
  background-color: var(--vbr-widget-live-game-color);
455
450
  }
456
451
 
457
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-details-title {
452
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-details-title {
458
453
  color: var(--vbr-widget-primary-color-0);
459
454
  }
460
455
 
461
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-evented-person {
456
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-evented-person {
462
457
  color: var(--vbr-widget-primary-color-100);
463
458
  }
464
459
 
465
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-assists-list {
466
- font-size: var(--vbr-widget-typography-text-sm-size);
460
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-assists-list {
461
+ font-size: var(--vbr-widget-typography-font-size-400);
462
+ /* color: var(--vbr-widget-primary-color-400); */
467
463
  }
468
464
 
469
- /* color: var(--vbr-widget-primary-color-400); */
470
-
471
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-assists-list span:not(:last-of-type):after {
465
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-assists-list span:not(:last-of-type):after {
472
466
  content: '/';
473
467
  margin-inline: 0.25rem;
474
468
  }
475
469
 
476
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data {
470
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data {
477
471
  display: flex;
478
472
  flex-wrap: wrap;
479
473
  gap: 0.25rem;
480
- font-size: var(--vbr-widget-typography-text-xs-size);
474
+ font-size: var(--vbr-widget-typography-font-size-200);
481
475
  color: var(--vbr-widget-gamecenter-card-tertiary-color);
482
476
  }
483
477
 
484
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data ul {
478
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data ul {
485
479
  display: flex;
486
480
  gap: 0.125rem;
487
481
  }
488
482
 
489
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data ul li:not(:last-of-type):after {
483
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data ul li:not(:last-of-type):after {
490
484
  content: ',';
491
485
  }
492
486
 
493
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-badge.is-invert {
487
+ .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-badge.is-invert {
494
488
  color: var(--vbr-widget-danger-color-50);
495
489
  background-color: var(--vbr-widget-danger-color-500);
496
490
  }
497
491
 
498
- @container rows (width > 410px) {
499
-
500
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
501
- grid-template-columns: auto 1fr auto;
502
- grid-template-areas: 'type-icon detail-title team-logo' 'type-icon detail-list team-logo'
503
- }
504
-
505
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
506
- grid-template-areas: 'type-icon detail-title team-logo';
507
- align-items: center;
508
- }
509
-
510
- .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
511
- display: block;
512
- }
513
- }
514
-
515
- .mjsz-vbr-gamecenter-timeline-game-event .is-timestamp {
492
+ .mjsz-vbr-gamecenter-timeline-game-event .is-timestamp {
516
493
  grid-area: time;
517
494
 
518
495
  justify-self: center;
519
496
  align-self: center;
520
497
  }
521
498
 
522
- .mjsz-vbr-gamecenter-timeline-game-event .is-timestamp p {
499
+ .mjsz-vbr-gamecenter-timeline-game-event .is-timestamp p {
523
500
  margin: 0;
524
501
  padding-inline: 0.5rem;
525
502
  width: max-content;
526
503
  color: #fff;
527
- font-size: var(--vbr-widget-typography-text-base-size);
504
+ font-size: var(--vbr-widget-typography-font-size-500);
528
505
  font-weight: 500;
529
- line-height: var(--vbr-widget-typography-text-base-lineheight);
506
+ line-height: var(--vbr-widget-typography-font-lineheight-500);
530
507
  background-color: var(--vbr-widget-primary-color-900);
531
508
  border-radius: 6px;
532
509
  }
533
510
 
534
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] .is-details-container {
511
+ .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] .is-details-container {
535
512
  border-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
536
513
  }
537
514
 
538
- @container rows (width > 500px) {
539
-
540
- .mjsz-vbr-gamecenter-timeline-game-event {
541
- --columns: 1fr 0.15fr 2px 0.15fr 1fr;
542
- --areas: '. . . . .' 'details time time time .' '. . . . .'
543
- }
544
-
545
- .mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
546
- grid-column: 3/4;
547
- grid-row: 1/-1;
548
- }
549
-
550
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] {
551
- --areas: '. . . . .' '. time time time details' '. . . . .';
552
- }
553
-
554
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
555
- grid-template-columns: auto 1fr;
556
- grid-template-areas: 'team-logo detail-title type-icon' 'team-logo detail-list type-icon';
557
- }
558
-
559
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container:not(:has(.is-details-list)) {
560
- grid-template-areas: 'team-logo detail-title type-icon';
561
- }
562
-
563
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
564
-
565
- border-inline-end: none;
566
- border-inline-start: 5px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
567
- }
568
-
569
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-list,
570
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-title {
571
- text-align: right;
572
- }
573
-
574
- .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-poi-data {
575
- justify-content: flex-end;
576
- }
577
- }
578
-
579
- .mjsz-vbr-gamecenter-timeline-lineups {
515
+ .mjsz-vbr-gamecenter-timeline-lineups {
580
516
  margin-block-start: 1rem;
581
517
  padding-block-end: 2rem;
582
518
  }
583
519
 
584
- .mjsz-vbr-gamecenter-timeline-lineups hr {
520
+ .mjsz-vbr-gamecenter-timeline-lineups hr {
585
521
  margin-block: 1.5rem;
586
522
  border-top: 1px solid var(--vbr-widget-primary-color-100);
587
523
  }
588
524
 
589
- .mjsz-vbr-gamecenter-timeline-lineups .is-container {
525
+ .mjsz-vbr-gamecenter-timeline-lineups .is-container {
590
526
  display: grid;
591
- gap: 2rem;
592
- }
593
-
594
- @container rows (width >= 768px) {
595
-
596
- .mjsz-vbr-gamecenter-timeline-lineups .is-container {
597
- grid-template-columns: 1fr 1fr
527
+ gap: 2rem
598
528
  }
599
- }
600
529
 
601
- .mjsz-vbr-gamecenter-timeline-lineups-lines {
530
+ .mjsz-vbr-gamecenter-timeline-lineups-lines {
602
531
  display: grid;
603
532
  grid-template-columns: 1fr;
604
533
  grid-template-areas: 'ld' 'rd' 'lw' 'c' 'rw';
605
534
  gap: 0.5rem;
606
535
  }
607
536
 
608
- .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
537
+ .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
609
538
  grid-template-areas: 'ld' 'rd' 'lw' 'c' 'rw';
610
539
  }
611
540
 
612
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-ld {
541
+ .mjsz-vbr-gamecenter-timeline-lineups-lines .is-ld {
613
542
  grid-area: ld;
614
543
  }
615
544
 
616
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-rd {
545
+ .mjsz-vbr-gamecenter-timeline-lineups-lines .is-rd {
617
546
  grid-area: rd;
618
547
  }
619
548
 
620
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-lw {
549
+ .mjsz-vbr-gamecenter-timeline-lineups-lines .is-lw {
621
550
  grid-area: lw;
622
551
  }
623
552
 
624
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-c {
553
+ .mjsz-vbr-gamecenter-timeline-lineups-lines .is-c {
625
554
  grid-area: c;
626
555
  }
627
556
 
628
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-rw {
557
+ .mjsz-vbr-gamecenter-timeline-lineups-lines .is-rw {
629
558
  grid-area: rw;
630
559
  }
631
560
 
632
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
561
+ .mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
633
562
  width: 100%;
634
563
  }
635
564
 
636
- .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team .is-player-wrapper {
565
+ .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team .is-player-wrapper {
637
566
  border-inline-start: none;
638
567
  border-inline-end: 3px solid var(--vbr-widget-gamecenter-away-team-identifier-color);
639
568
  }
640
569
 
641
- @container rows (width >= 768px) {
642
-
643
- .mjsz-vbr-gamecenter-timeline-lineups-lines {
644
- grid-template-columns: 1fr 1fr;
645
- grid-template-areas: '. lw' 'ld lw' 'ld c' 'rd c' 'rd rw' '. rw';
646
- grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr
647
- }
648
-
649
- .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
650
- grid-template-areas: 'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .';
651
- }
652
-
653
- .mjsz-vbr-gamecenter-timeline-lineups-lines:has(.is-gk) {
654
- display: flex;
655
- justify-content: center;
656
- grid-template-columns: none;
657
- grid-template-areas: none;
658
- }
659
-
660
- .mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
661
- width: 50%;
662
- }
663
- }
664
-
665
- .mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
570
+ .mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
666
571
  display: grid;
667
572
  grid-template-columns: 1fr;
668
- gap: 0.5rem;
669
- }
670
-
671
- @container rows (width >= 768px) {
672
-
673
- .mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
674
- grid-template-columns: 1fr 1fr
573
+ gap: 0.5rem
675
574
  }
676
- }
677
575
 
678
- .mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
576
+ .mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
679
577
  display: grid;
680
578
  grid-template-columns: 1fr;
681
- gap: 0.5rem;
682
- }
683
-
684
- @container rows (width >= 768px) {
685
-
686
- .mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
687
- grid-template-columns: 1fr 1fr 1fr 1fr
579
+ gap: 0.5rem
688
580
  }
689
- }
690
581
 
691
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container {
582
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container {
692
583
  display: grid;
693
584
  grid-template-columns: 40px 1fr;
694
585
  grid-template-areas: 'img name' 'img role';
@@ -700,43 +591,43 @@
700
591
  border-radius: 0.5rem;
701
592
  }
702
593
 
703
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container.is-home-team {
594
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container.is-home-team {
704
595
  border-inline-start: 3px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
705
596
  }
706
597
 
707
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container.is-away-team {
598
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container.is-away-team {
708
599
  border-inline-end: 3px solid var(--vbr-widget-gamecenter-away-team-identifier-color);
709
600
  }
710
601
 
711
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(1) {
602
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(1) {
712
603
  grid-area: img;
713
604
  }
714
605
 
715
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(2) {
606
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(2) {
716
607
  grid-area: name;
717
608
 
718
609
  font-weight: 600;
719
610
  color: var(--vbr-widget-primary-color-700);
720
611
  }
721
612
 
722
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(3) {
613
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(3) {
723
614
  grid-area: role;
724
615
 
725
616
  align-self: center;
726
- font-size: var(--vbr-widget-typography-text-xs-size);
617
+ font-size: var(--vbr-widget-typography-font-size-200);
727
618
  line-height: 1;
728
619
  color: var(--vbr-widget-gamecenter-card-tertiary-color);
729
620
  text-transform: uppercase;
730
621
  }
731
622
 
732
- .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container img {
623
+ .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container img {
733
624
  display: block;
734
625
  width: 40px;
735
626
  height: 40px;
736
627
  border-radius: 50%;
737
628
  }
738
629
 
739
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper {
630
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper {
740
631
  display: grid;
741
632
  grid-template-columns: 40px auto 1fr;
742
633
  grid-template-areas: 'img number name' 'img position name';
@@ -749,21 +640,21 @@
749
640
  overflow: hidden;
750
641
  }
751
642
 
752
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li {
753
- line-height: var(--vbr-widget-typography-text-xs-lineheight);
643
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li {
644
+ line-height: var(--vbr-widget-typography-font-lineheight-200);
754
645
  }
755
646
 
756
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(1) {
647
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(1) {
757
648
  grid-area: img;
758
649
  }
759
650
 
760
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(2) {
651
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(2) {
761
652
  grid-area: number;
762
653
  font-style: italic;
763
654
  color: var(--vbr-widget-primary-color-500);
764
655
  }
765
656
 
766
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) {
657
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) {
767
658
  grid-area: name;
768
659
  font-weight: 600;
769
660
  color: var(--vbr-widget-primary-color-700);
@@ -775,13 +666,13 @@
775
666
  -webkit-box-orient: vertical;
776
667
  }
777
668
 
778
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) ul {
669
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) ul {
779
670
  display: inline-flex;
780
671
  gap: 0.125rem;
781
672
  vertical-align: middle;
782
673
  }
783
674
 
784
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) svg {
675
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) svg {
785
676
  display: inline-block;
786
677
  padding: 0.2rem;
787
678
  width: 12px;
@@ -791,59 +682,52 @@
791
682
  border-radius: 100%;
792
683
  }
793
684
 
794
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(4) {
685
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(4) {
795
686
  grid-area: position;
796
687
  align-self: center;
797
- font-size: var(--vbr-widget-typography-text-xs-size);
688
+ font-size: var(--vbr-widget-typography-font-size-200);
798
689
  line-height: 1;
799
690
  color: var(--vbr-widget-gamecenter-card-tertiary-color);
800
691
  text-transform: uppercase;
801
692
  }
802
693
 
803
- .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper img {
694
+ .mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper img {
804
695
  display: block;
805
696
  width: 40px;
806
697
  height: 40px;
807
698
  border-radius: 50%;
808
699
  }
809
700
 
810
- .mjsz-vbr-gamecenter-timeline-team-stats .is-stat-container {
701
+ .mjsz-vbr-gamecenter-timeline-team-stats .is-stat-container {
811
702
  display: grid;
812
703
  gap: 1rem;
813
704
  margin-inline: auto;
814
705
  width: min(100%, 700px);
815
706
  }
816
707
 
817
- .mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
708
+ .mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
818
709
  display: flex;
819
710
  flex-direction: column;
820
711
  gap: 1rem;
821
712
  }
822
713
 
823
- .mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container > div {
714
+ .mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container > div {
824
715
  flex: 1;
825
716
  }
826
717
 
827
- @container rows (width >= 768px) {
828
-
829
- .mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
830
- flex-direction: row
831
- }
832
- }
833
-
834
- .mjsz-vbr-gamecenter-timeline-data-table {
718
+ .mjsz-vbr-gamecenter-timeline-data-table {
835
719
  margin-block-end: 1rem;
836
720
  min-width: 0;
837
721
  }
838
722
 
839
- .mjsz-vbr-gamecenter-timeline-data-table h2 {
723
+ .mjsz-vbr-gamecenter-timeline-data-table h2 {
840
724
  padding: 8px;
841
725
  font-size: var(--vbr-widget-gamecenter-team-container-title-size);
842
726
  font-weight: 700;
843
727
  color: var(--vbr-widget-gamecenter-team-container-title-color);
844
728
  }
845
729
 
846
- .mjsz-vbr-gamecenter-timeline-data-table h2:before {
730
+ .mjsz-vbr-gamecenter-timeline-data-table h2:before {
847
731
  display: inline-block;
848
732
  content: '';
849
733
  width: 0;
@@ -854,16 +738,18 @@
854
738
  margin-block-end: 1px;
855
739
  }
856
740
 
857
- .mjsz-vbr-gamecenter-timeline-data-table.is-home-team h2:before {
741
+ .mjsz-vbr-gamecenter-timeline-data-table.is-home-team h2:before {
858
742
  width: 8px;
859
743
  background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
860
744
  outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
861
745
  outline-offset: -1px;
862
746
  }
863
747
 
864
- .mjsz-vbr-gamecenter-timeline-data-table.is-away-team h2:before {
748
+ .mjsz-vbr-gamecenter-timeline-data-table.is-away-team h2:before {
865
749
  width: 8px;
866
750
  background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
867
751
  outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
868
752
  outline-offset: -1px;
869
753
  }
754
+
755
+ :export { meta: '{"e":"table,\n caption,\n tbody,\n tfoot,\n thead,\n tr,\n th,\n td","f":[{"b":[{"e":"&:not(:has(.is-details-list))","d":{"grid-template-areas":"'type-icon detail-title team-logo'","align-items":"center"}},{"e":".is-team-logo","d":{"display":"block"}}],"a":[[["width",">",410]]]},{"b":[{"e":".is-timeline","d":{"grid-column":"3/4","grid-row":"1/-1"}},{"e":"&[data-team='away']","d":{"--areas":"'. . . . .' '. time time time details' '. . . . .'"}},{"e":"&[data-team='home'] .is-details-container","d":{"grid-template-columns":"auto 1fr","grid-template-areas":"'team-logo detail-title type-icon' 'team-logo detail-list type-icon'","border-inline-end":"none","border-inline-start":"5px solid var(--vbr-widget-gamecenter-home-team-identifier-color)"}}],"a":[[["width",">",500]]]},{"b":[{"e":"&.is-away-team","d":{"grid-template-areas":"'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .'"}},{"e":"&:has(.is-gk)","d":{"display":"flex","justify-content":"center","grid-template-columns":"none","grid-template-areas":"none"}},{"e":".is-gk","d":{"width":"50%"}}],"a":[[["width",">=",768]]]}]}' }