@xylabs/sdk-meta 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/LICENSE +165 -0
  2. package/README.md +62 -0
  3. package/dist/neutral/html/index.d.ts +2 -0
  4. package/dist/neutral/html/index.d.ts.map +1 -0
  5. package/dist/neutral/html/mergeDocumentHead.d.ts +2 -0
  6. package/dist/neutral/html/mergeDocumentHead.d.ts.map +1 -0
  7. package/dist/neutral/index.d.ts +4 -0
  8. package/dist/neutral/index.d.ts.map +1 -0
  9. package/dist/neutral/index.mjs +87 -0
  10. package/dist/neutral/index.mjs.map +1 -0
  11. package/dist/neutral/lib/getMetaAsDict.d.ts +6 -0
  12. package/dist/neutral/lib/getMetaAsDict.d.ts.map +1 -0
  13. package/dist/neutral/lib/index.d.ts +2 -0
  14. package/dist/neutral/lib/index.d.ts.map +1 -0
  15. package/dist/neutral/meta/builder.d.ts +3 -0
  16. package/dist/neutral/meta/builder.d.ts.map +1 -0
  17. package/dist/neutral/meta/index.d.ts +2 -0
  18. package/dist/neutral/meta/index.d.ts.map +1 -0
  19. package/dist/neutral/models/Meta.d.ts +9 -0
  20. package/dist/neutral/models/Meta.d.ts.map +1 -0
  21. package/dist/neutral/models/OpenGraph/OpenGraphMeta.d.ts +14 -0
  22. package/dist/neutral/models/OpenGraph/OpenGraphMeta.d.ts.map +1 -0
  23. package/dist/neutral/models/OpenGraph/OpenGraphStructured.d.ts +10 -0
  24. package/dist/neutral/models/OpenGraph/OpenGraphStructured.d.ts.map +1 -0
  25. package/dist/neutral/models/OpenGraph/OpenGraphStructuredProperty.d.ts +3 -0
  26. package/dist/neutral/models/OpenGraph/OpenGraphStructuredProperty.d.ts.map +1 -0
  27. package/dist/neutral/models/OpenGraph/index.d.ts +4 -0
  28. package/dist/neutral/models/OpenGraph/index.d.ts.map +1 -0
  29. package/dist/neutral/models/Twitter/Twitter.d.ts +22 -0
  30. package/dist/neutral/models/Twitter/Twitter.d.ts.map +1 -0
  31. package/dist/neutral/models/Twitter/TwitterApp.d.ts +18 -0
  32. package/dist/neutral/models/Twitter/TwitterApp.d.ts.map +1 -0
  33. package/dist/neutral/models/Twitter/TwitterPlayer.d.ts +7 -0
  34. package/dist/neutral/models/Twitter/TwitterPlayer.d.ts.map +1 -0
  35. package/dist/neutral/models/Twitter/index.d.ts +4 -0
  36. package/dist/neutral/models/Twitter/index.d.ts.map +1 -0
  37. package/dist/neutral/models/index.d.ts +4 -0
  38. package/dist/neutral/models/index.d.ts.map +1 -0
  39. package/package.json +52 -0
  40. package/src/html/index.ts +1 -0
  41. package/src/html/mergeDocumentHead.ts +46 -0
  42. package/src/html/spec/__snapshots__/mergeDocumentHead.approval.spec.ts.snap +45 -0
  43. package/src/html/spec/destination.html +23 -0
  44. package/src/html/spec/mergeDocumentHead.approval.spec.ts +20 -0
  45. package/src/html/spec/mergeDocumentHead.spec.ts +46 -0
  46. package/src/html/spec/source.html +2724 -0
  47. package/src/index.ts +3 -0
  48. package/src/lib/getMetaAsDict.ts +21 -0
  49. package/src/lib/index.ts +1 -0
  50. package/src/lib/spec/getMetaAsDict.spec.ts +16 -0
  51. package/src/meta/builder.ts +49 -0
  52. package/src/meta/index.ts +1 -0
  53. package/src/models/Meta.ts +9 -0
  54. package/src/models/OpenGraph/OpenGraphMeta.ts +17 -0
  55. package/src/models/OpenGraph/OpenGraphStructured.ts +9 -0
  56. package/src/models/OpenGraph/OpenGraphStructuredProperty.ts +3 -0
  57. package/src/models/OpenGraph/index.ts +3 -0
  58. package/src/models/Twitter/Twitter.ts +67 -0
  59. package/src/models/Twitter/TwitterApp.ts +17 -0
  60. package/src/models/Twitter/TwitterPlayer.ts +23 -0
  61. package/src/models/Twitter/index.ts +3 -0
  62. package/src/models/index.ts +3 -0
  63. package/src/spec/__snapshots__/builder.spec.ts.snap +187 -0
  64. package/src/spec/builder.spec.ts +125 -0
  65. package/src/spec/template.html +42 -0
  66. package/typedoc.json +5 -0
  67. package/xy.config.ts +10 -0
package/src/html/spec/source.html ADDED
@@ -0,0 +1,2724 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <link rel="icon" href="/favicon.ico">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <meta name="description" content="Your Data, Forever Long.">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
11
+ <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@300;400;500;600;800&amp;display=swap"
12
+ rel="stylesheet">
13
+ <link rel="apple-touch-icon" href="/foreventory-logo-icon-black.png">
14
+ <link rel="manifest" href="/manifest.json">
15
+ <title>Foreventory: Your Data, Forever | Foreventory</title>
16
+ <script defer="" src="/static/js/bundle.js"></script>
17
+ <style data-emotion="css-global" data-s="">
18
+ html {
19
+ -webkit-font-smoothing: antialiased;
20
+ -moz-osx-font-smoothing: grayscale;
21
+ box-sizing: border-box;
22
+ -webkit-text-size-adjust: 100%;
23
+ }
24
+ </style>
25
+ <style data-emotion="css-global" data-s="">
26
+ *,
27
+ *::before,
28
+ *::after {
29
+ box-sizing: inherit;
30
+ }
31
+ </style>
32
+ <style data-emotion="css-global" data-s="">
33
+ strong,
34
+ b {
35
+ font-weight: 700;
36
+ }
37
+ </style>
38
+ <style data-emotion="css-global" data-s="">
39
+ body {
40
+ margin: 0;
41
+ color: #f7f8fc;
42
+ font-size: 16px;
43
+ font-weight: 300;
44
+ font-family: Roboto Flex, sans-serif;
45
+ line-height: 1.5;
46
+ letter-spacing: 0.00938em;
47
+ background-color: #121212;
48
+ }
49
+ </style>
50
+ <style data-emotion="css-global" data-s="">
51
+ @media print {
52
+ body {
53
+ background-color: #fff;
54
+ }
55
+ }
56
+ </style>
57
+ <style data-emotion="css-global" data-s="">
58
+ body::backdrop {
59
+ background-color: #121212;
60
+ }
61
+ </style>
62
+ <style data-emotion="css" data-s="">
63
+ .css-ciamxw {
64
+ position: relative;
65
+ -webkit-align-items: stretch;
66
+ -webkit-box-align: stretch;
67
+ -ms-flex-align: stretch;
68
+ align-items: stretch;
69
+ display: -webkit-box;
70
+ display: -webkit-flex;
71
+ display: -ms-flexbox;
72
+ display: flex;
73
+ -webkit-flex-direction: column;
74
+ -ms-flex-direction: column;
75
+ flex-direction: column;
76
+ -webkit-box-pack: center;
77
+ -ms-flex-pack: center;
78
+ -webkit-justify-content: center;
79
+ justify-content: center;
80
+ overflow: hidden;
81
+ height: 100vh;
82
+ }
83
+ </style>
84
+ <style data-emotion="css" data-s="">
85
+ .css-1d4kvxj-MuiAppBar-root {
86
+ display: -webkit-box;
87
+ display: -webkit-flex;
88
+ display: -ms-flexbox;
89
+ display: flex;
90
+ -webkit-flex-direction: column;
91
+ -ms-flex-direction: column;
92
+ flex-direction: column;
93
+ width: 100%;
94
+ box-sizing: border-box;
95
+ -webkit-flex-shrink: 0;
96
+ -ms-flex-negative: 0;
97
+ flex-shrink: 0;
98
+ position: static;
99
+ background-color: inherit;
100
+ color: inherit;
101
+ }
102
+ </style>
103
+ <style data-emotion="css" data-s="">
104
+ .css-1d4kvxj-MuiAppBar-root backgroundColor {}
105
+ </style>
106
+ <style data-emotion="css" data-s="">
107
+ .css-1d4kvxj-MuiAppBar-root color {}
108
+ </style>
109
+ <style data-emotion="css" data-s="">
110
+ .css-1anjpez-MuiPaper-root-MuiAppBar-root {
111
+ background-color: #121212;
112
+ color: #f7f8fc;
113
+ -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
114
+ transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
115
+ box-shadow: none;
116
+ background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
117
+ display: -webkit-box;
118
+ display: -webkit-flex;
119
+ display: -ms-flexbox;
120
+ display: flex;
121
+ -webkit-flex-direction: column;
122
+ -ms-flex-direction: column;
123
+ flex-direction: column;
124
+ width: 100%;
125
+ box-sizing: border-box;
126
+ -webkit-flex-shrink: 0;
127
+ -ms-flex-negative: 0;
128
+ flex-shrink: 0;
129
+ position: static;
130
+ background-color: inherit;
131
+ color: inherit;
132
+ }
133
+ </style>
134
+ <style data-emotion="css" data-s="">
135
+ .css-1anjpez-MuiPaper-root-MuiAppBar-root backgroundColor {}
136
+ </style>
137
+ <style data-emotion="css" data-s="">
138
+ .css-1anjpez-MuiPaper-root-MuiAppBar-root color {}
139
+ </style>
140
+ <style data-emotion="css" data-s="">
141
+ .css-sqznlb {
142
+ position: relative;
143
+ -webkit-align-items: center;
144
+ -webkit-box-align: center;
145
+ -ms-flex-align: center;
146
+ align-items: center;
147
+ display: -webkit-box;
148
+ display: -webkit-flex;
149
+ display: -ms-flexbox;
150
+ display: flex;
151
+ -webkit-flex-direction: row;
152
+ -ms-flex-direction: row;
153
+ flex-direction: row;
154
+ -webkit-box-pack: start;
155
+ -ms-flex-pack: start;
156
+ -webkit-justify-content: flex-start;
157
+ justify-content: flex-start;
158
+ -webkit-box-flex-wrap: nowrap;
159
+ -webkit-flex-wrap: nowrap;
160
+ -ms-flex-wrap: nowrap;
161
+ flex-wrap: nowrap;
162
+ }
163
+ </style>
164
+ <style data-emotion="css" data-s="">
165
+ .css-1gtnaxq-MuiToolbar-root {
166
+ position: relative;
167
+ display: -webkit-box;
168
+ display: -webkit-flex;
169
+ display: -ms-flexbox;
170
+ display: flex;
171
+ -webkit-align-items: center;
172
+ -webkit-box-align: center;
173
+ -ms-flex-align: center;
174
+ align-items: center;
175
+ padding-left: 24px;
176
+ padding-right: 24px;
177
+ min-height: 56px;
178
+ }
179
+ </style>
180
+ <style data-emotion="css" data-s="">
181
+ @media (min-width:600px) {
182
+ .css-1gtnaxq-MuiToolbar-root {
183
+ padding-left: 36px;
184
+ padding-right: 36px;
185
+ }
186
+ }
187
+ </style>
188
+ <style data-emotion="css" data-s="">
189
+ @media (min-width:0px) {
190
+ @media (orientation: landscape) {
191
+ .css-1gtnaxq-MuiToolbar-root {
192
+ min-height: 48px;
193
+ }
194
+ }
195
+ }
196
+ </style>
197
+ <style data-emotion="css" data-s="">
198
+ @media (min-width:600px) {
199
+ .css-1gtnaxq-MuiToolbar-root {
200
+ min-height: 64px;
201
+ }
202
+ }
203
+ </style>
204
+ <style data-emotion="css" data-s="">
205
+ .css-15lzidy {
206
+ position: relative;
207
+ -webkit-align-items: center;
208
+ -webkit-box-align: center;
209
+ -ms-flex-align: center;
210
+ align-items: center;
211
+ display: -webkit-box;
212
+ display: -webkit-flex;
213
+ display: -ms-flexbox;
214
+ display: flex;
215
+ -webkit-flex-direction: row;
216
+ -ms-flex-direction: row;
217
+ flex-direction: row;
218
+ -webkit-box-pack: center;
219
+ -ms-flex-pack: center;
220
+ -webkit-justify-content: center;
221
+ justify-content: center;
222
+ -webkit-box-flex: 1;
223
+ -webkit-flex-grow: 1;
224
+ -ms-flex-positive: 1;
225
+ flex-grow: 1;
226
+ width: 100%;
227
+ }
228
+ </style>
229
+ <style data-emotion="css" data-s="">
230
+ .css-brwdmv-MuiLink-root {
231
+ -webkit-text-decoration: underline;
232
+ text-decoration: underline;
233
+ text-decoration-color: rgba(175, 175, 249, 0.4);
234
+ }
235
+ </style>
236
+ <style data-emotion="css" data-s="">
237
+ .css-brwdmv-MuiLink-root:hover {
238
+ text-decoration-color: inherit;
239
+ }
240
+ </style>
241
+ <style data-emotion="css" data-s="">
242
+ .css-1rchtbd-MuiTypography-root-MuiLink-root {
243
+ margin: 0;
244
+ font-family: inherit;
245
+ font-weight: inherit;
246
+ font-size: inherit;
247
+ line-height: inherit;
248
+ letter-spacing: inherit;
249
+ color: #afaff9;
250
+ line-height: 0;
251
+ -webkit-text-decoration: underline;
252
+ text-decoration: underline;
253
+ text-decoration-color: rgba(175, 175, 249, 0.4);
254
+ }
255
+ </style>
256
+ <style data-emotion="css" data-s="">
257
+ .css-1rchtbd-MuiTypography-root-MuiLink-root:hover {
258
+ text-decoration-color: inherit;
259
+ }
260
+ </style>
261
+ <style data-emotion="css" data-s="">
262
+ .css-1ds9s6v-MuiTypography-root {
263
+ margin: 0;
264
+ font-family: Roboto Flex, sans-serif;
265
+ font-weight: 400;
266
+ font-size: 0.875rem;
267
+ line-height: 1.43;
268
+ letter-spacing: 0.01071em;
269
+ padding-left: 36px;
270
+ font-weight: 300;
271
+ }
272
+ </style>
273
+ <style data-emotion="css" data-s="">
274
+ .css-1jwqgu8 {
275
+ position: relative;
276
+ -webkit-align-items: center;
277
+ -webkit-box-align: center;
278
+ -ms-flex-align: center;
279
+ align-items: center;
280
+ display: -webkit-box;
281
+ display: -webkit-flex;
282
+ display: -ms-flexbox;
283
+ display: flex;
284
+ -webkit-flex-direction: row;
285
+ -ms-flex-direction: row;
286
+ flex-direction: row;
287
+ -webkit-box-pack: center;
288
+ -ms-flex-pack: center;
289
+ -webkit-justify-content: center;
290
+ justify-content: center;
291
+ -webkit-box-flex: 1;
292
+ -webkit-flex-grow: 1;
293
+ -ms-flex-positive: 1;
294
+ flex-grow: 1;
295
+ }
296
+ </style>
297
+ <style data-emotion="css" data-s="">
298
+ .css-pjl4gl-MuiStack-root {
299
+ display: -webkit-box;
300
+ display: -webkit-flex;
301
+ display: -ms-flexbox;
302
+ display: flex;
303
+ -webkit-flex-direction: row;
304
+ -ms-flex-direction: row;
305
+ flex-direction: row;
306
+ -webkit-align-items: center;
307
+ -webkit-box-align: center;
308
+ -ms-flex-align: center;
309
+ align-items: center;
310
+ }
311
+ </style>
312
+ <style data-emotion="css" data-s="">
313
+ .css-pjl4gl-MuiStack-root>:not(style)~:not(style) {
314
+ margin: 0;
315
+ margin-left: 12px;
316
+ }
317
+ </style>
318
+ <style data-emotion="css" data-s="">
319
+ .css-53cylf {
320
+ position: relative;
321
+ -webkit-align-items: center;
322
+ -webkit-box-align: center;
323
+ -ms-flex-align: center;
324
+ align-items: center;
325
+ display: -webkit-box;
326
+ display: -webkit-flex;
327
+ display: -ms-flexbox;
328
+ display: flex;
329
+ -webkit-flex-direction: column;
330
+ -ms-flex-direction: column;
331
+ flex-direction: column;
332
+ -webkit-box-pack: center;
333
+ -ms-flex-pack: center;
334
+ -webkit-justify-content: center;
335
+ justify-content: center;
336
+ }
337
+ </style>
338
+ <style data-emotion="css" data-s="">
339
+ .css-1uw0iz-MuiIconButton-root {
340
+ text-align: center;
341
+ -webkit-flex: 0 0 auto;
342
+ -ms-flex: 0 0 auto;
343
+ flex: 0 0 auto;
344
+ font-size: 1.5rem;
345
+ padding: 8px;
346
+ border-radius: 50%;
347
+ overflow: visible;
348
+ color: #fff;
349
+ -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
350
+ transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
351
+ color: inherit;
352
+ }
353
+ </style>
354
+ <style data-emotion="css" data-s="">
355
+ .css-1uw0iz-MuiIconButton-root:hover {
356
+ background-color: rgba(255, 255, 255, 0.08);
357
+ }
358
+ </style>
359
+ <style data-emotion="css" data-s="">
360
+ @media (hover: none) {
361
+ .css-1uw0iz-MuiIconButton-root:hover {
362
+ background-color: transparent;
363
+ }
364
+ }
365
+ </style>
366
+ <style data-emotion="css" data-s="">
367
+ .css-1uw0iz-MuiIconButton-root.Mui-disabled {
368
+ background-color: transparent;
369
+ color: rgba(255, 255, 255, 0.3);
370
+ }
371
+ </style>
372
+ <style data-emotion="css" data-s="">
373
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root {
374
+ display: -webkit-inline-box;
375
+ display: -webkit-inline-flex;
376
+ display: -ms-inline-flexbox;
377
+ display: inline-flex;
378
+ -webkit-align-items: center;
379
+ -webkit-box-align: center;
380
+ -ms-flex-align: center;
381
+ align-items: center;
382
+ -webkit-box-pack: center;
383
+ -ms-flex-pack: center;
384
+ -webkit-justify-content: center;
385
+ justify-content: center;
386
+ position: relative;
387
+ box-sizing: border-box;
388
+ -webkit-tap-highlight-color: transparent;
389
+ background-color: transparent;
390
+ outline: 0;
391
+ border: 0;
392
+ margin: 0;
393
+ border-radius: 0;
394
+ padding: 0;
395
+ cursor: pointer;
396
+ -webkit-user-select: none;
397
+ -moz-user-select: none;
398
+ -ms-user-select: none;
399
+ user-select: none;
400
+ vertical-align: middle;
401
+ -moz-appearance: none;
402
+ -webkit-appearance: none;
403
+ -webkit-text-decoration: none;
404
+ text-decoration: none;
405
+ color: inherit;
406
+ text-align: center;
407
+ -webkit-flex: 0 0 auto;
408
+ -ms-flex: 0 0 auto;
409
+ flex: 0 0 auto;
410
+ font-size: 1.5rem;
411
+ padding: 8px;
412
+ border-radius: 50%;
413
+ overflow: visible;
414
+ color: #fff;
415
+ -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
416
+ transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
417
+ color: inherit;
418
+ }
419
+ </style>
420
+ <style data-emotion="css" data-s="">
421
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root::-moz-focus-inner {
422
+ border-style: none;
423
+ }
424
+ </style>
425
+ <style data-emotion="css" data-s="">
426
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
427
+ pointer-events: none;
428
+ cursor: default;
429
+ }
430
+ </style>
431
+ <style data-emotion="css" data-s="">
432
+ @media print {
433
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root {
434
+ -webkit-print-color-adjust: exact;
435
+ color-adjust: exact;
436
+ }
437
+ }
438
+ </style>
439
+ <style data-emotion="css" data-s="">
440
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root:hover {
441
+ background-color: rgba(255, 255, 255, 0.08);
442
+ }
443
+ </style>
444
+ <style data-emotion="css" data-s="">
445
+ @media (hover: none) {
446
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root:hover {
447
+ background-color: transparent;
448
+ }
449
+ }
450
+ </style>
451
+ <style data-emotion="css" data-s="">
452
+ .css-b57xgn-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
453
+ background-color: transparent;
454
+ color: rgba(255, 255, 255, 0.3);
455
+ }
456
+ </style>
457
+ <style data-emotion="css" data-s="">
458
+ .css-i4bv87-MuiSvgIcon-root {
459
+ -webkit-user-select: none;
460
+ -moz-user-select: none;
461
+ -ms-user-select: none;
462
+ user-select: none;
463
+ width: 1em;
464
+ height: 1em;
465
+ display: inline-block;
466
+ fill: currentColor;
467
+ -webkit-flex-shrink: 0;
468
+ -ms-flex-negative: 0;
469
+ flex-shrink: 0;
470
+ -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
471
+ transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
472
+ font-size: 1.5rem;
473
+ }
474
+ </style>
475
+ <style data-emotion="css" data-s="">
476
+ .css-1nd76yy {
477
+ position: relative;
478
+ -webkit-align-items: stretch;
479
+ -webkit-box-align: stretch;
480
+ -ms-flex-align: stretch;
481
+ align-items: stretch;
482
+ display: -webkit-box;
483
+ display: -webkit-flex;
484
+ display: -ms-flexbox;
485
+ display: flex;
486
+ -webkit-flex-direction: row;
487
+ -ms-flex-direction: row;
488
+ flex-direction: row;
489
+ -webkit-box-pack: center;
490
+ -ms-flex-pack: center;
491
+ -webkit-justify-content: center;
492
+ justify-content: center;
493
+ -webkit-box-flex: 1;
494
+ -webkit-flex-grow: 1;
495
+ -ms-flex-positive: 1;
496
+ flex-grow: 1;
497
+ overflow: hidden;
498
+ }
499
+ </style>
500
+ <style data-emotion="css" data-s="">
501
+ .css-1a7itrj {
502
+ position: relative;
503
+ -webkit-align-items: stretch;
504
+ -webkit-box-align: stretch;
505
+ -ms-flex-align: stretch;
506
+ align-items: stretch;
507
+ display: -webkit-box;
508
+ display: -webkit-flex;
509
+ display: -ms-flexbox;
510
+ display: flex;
511
+ -webkit-flex-direction: column;
512
+ -ms-flex-direction: column;
513
+ flex-direction: column;
514
+ -webkit-box-pack: start;
515
+ -ms-flex-pack: start;
516
+ -webkit-justify-content: flex-start;
517
+ justify-content: flex-start;
518
+ -webkit-box-flex: 1;
519
+ -webkit-flex-grow: 1;
520
+ -ms-flex-positive: 1;
521
+ flex-grow: 1;
522
+ }
523
+ </style>
524
+ <style data-emotion="css" data-s="">
525
+ .css-28wwcs {
526
+ position: relative;
527
+ -webkit-align-items: stretch;
528
+ -webkit-box-align: stretch;
529
+ -ms-flex-align: stretch;
530
+ align-items: stretch;
531
+ display: -webkit-box;
532
+ display: -webkit-flex;
533
+ display: -ms-flexbox;
534
+ display: flex;
535
+ -webkit-flex-direction: row;
536
+ -ms-flex-direction: row;
537
+ flex-direction: row;
538
+ -webkit-box-pack: center;
539
+ -ms-flex-pack: center;
540
+ -webkit-justify-content: center;
541
+ justify-content: center;
542
+ -webkit-box-flex: 1;
543
+ -webkit-flex-grow: 1;
544
+ -ms-flex-positive: 1;
545
+ flex-grow: 1;
546
+ height: 100%;
547
+ }
548
+ </style>
549
+ <style data-emotion="css" data-s="">
550
+ .css-3l0b0b {
551
+ position: relative;
552
+ -webkit-align-items: center;
553
+ -webkit-box-align: center;
554
+ -ms-flex-align: center;
555
+ align-items: center;
556
+ display: -webkit-box;
557
+ display: -webkit-flex;
558
+ display: -ms-flexbox;
559
+ display: flex;
560
+ -webkit-flex-direction: column;
561
+ -ms-flex-direction: column;
562
+ flex-direction: column;
563
+ -webkit-box-pack: start;
564
+ -ms-flex-pack: start;
565
+ -webkit-justify-content: start;
566
+ justify-content: start;
567
+ }
568
+ </style>
569
+ <style data-emotion="css" data-s="">
570
+ .css-h4y409-MuiList-root {
571
+ list-style: none;
572
+ margin: 0;
573
+ padding: 0;
574
+ position: relative;
575
+ padding-top: 8px;
576
+ padding-bottom: 8px;
577
+ }
578
+ </style>
579
+ <style data-emotion="css" data-s="">
580
+ .css-m2hpzk-MuiListItemButton-root {
581
+ display: -webkit-box;
582
+ display: -webkit-flex;
583
+ display: -ms-flexbox;
584
+ display: flex;
585
+ -webkit-box-flex: 1;
586
+ -webkit-flex-grow: 1;
587
+ -ms-flex-positive: 1;
588
+ flex-grow: 1;
589
+ -webkit-box-pack: start;
590
+ -ms-flex-pack: start;
591
+ -webkit-justify-content: flex-start;
592
+ justify-content: flex-start;
593
+ -webkit-align-items: center;
594
+ -webkit-box-align: center;
595
+ -ms-flex-align: center;
596
+ align-items: center;
597
+ position: relative;
598
+ -webkit-text-decoration: none;
599
+ text-decoration: none;
600
+ min-width: 0;
601
+ box-sizing: border-box;
602
+ text-align: left;
603
+ padding-top: 8px;
604
+ padding-bottom: 8px;
605
+ -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
606
+ transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
607
+ padding-left: 16px;
608
+ padding-right: 16px;
609
+ }
610
+ </style>
611
+ <style data-emotion="css" data-s="">
612
+ .css-m2hpzk-MuiListItemButton-root:hover {
613
+ -webkit-text-decoration: none;
614
+ text-decoration: none;
615
+ background-color: rgba(255, 255, 255, 0.08);
616
+ }
617
+ </style>
618
+ <style data-emotion="css" data-s="">
619
+ @media (hover: none) {
620
+ .css-m2hpzk-MuiListItemButton-root:hover {
621
+ background-color: transparent;
622
+ }
623
+ }
624
+ </style>
625
+ <style data-emotion="css" data-s="">
626
+ .css-m2hpzk-MuiListItemButton-root.Mui-selected {
627
+ background-color: rgba(175, 175, 249, 0.16);
628
+ }
629
+ </style>
630
+ <style data-emotion="css" data-s="">
631
+ .css-m2hpzk-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
632
+ background-color: rgba(175, 175, 249, 0.28);
633
+ }
634
+ </style>
635
+ <style data-emotion="css" data-s="">
636
+ .css-m2hpzk-MuiListItemButton-root.Mui-selected:hover {
637
+ background-color: rgba(175, 175, 249, 0.24);
638
+ }
639
+ </style>
640
+ <style data-emotion="css" data-s="">
641
+ @media (hover: none) {
642
+ .css-m2hpzk-MuiListItemButton-root.Mui-selected:hover {
643
+ background-color: rgba(175, 175, 249, 0.16);
644
+ }
645
+ }
646
+ </style>
647
+ <style data-emotion="css" data-s="">
648
+ .css-m2hpzk-MuiListItemButton-root.Mui-focusVisible {
649
+ background-color: rgba(255, 255, 255, 0.12);
650
+ }
651
+ </style>
652
+ <style data-emotion="css" data-s="">
653
+ .css-m2hpzk-MuiListItemButton-root.Mui-disabled {
654
+ opacity: 0.38;
655
+ }
656
+ </style>
657
+ <style data-emotion="css" data-s="">
658
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root {
659
+ display: -webkit-inline-box;
660
+ display: -webkit-inline-flex;
661
+ display: -ms-inline-flexbox;
662
+ display: inline-flex;
663
+ -webkit-align-items: center;
664
+ -webkit-box-align: center;
665
+ -ms-flex-align: center;
666
+ align-items: center;
667
+ -webkit-box-pack: center;
668
+ -ms-flex-pack: center;
669
+ -webkit-justify-content: center;
670
+ justify-content: center;
671
+ position: relative;
672
+ box-sizing: border-box;
673
+ -webkit-tap-highlight-color: transparent;
674
+ background-color: transparent;
675
+ outline: 0;
676
+ border: 0;
677
+ margin: 0;
678
+ border-radius: 0;
679
+ padding: 0;
680
+ cursor: pointer;
681
+ -webkit-user-select: none;
682
+ -moz-user-select: none;
683
+ -ms-user-select: none;
684
+ user-select: none;
685
+ vertical-align: middle;
686
+ -moz-appearance: none;
687
+ -webkit-appearance: none;
688
+ -webkit-text-decoration: none;
689
+ text-decoration: none;
690
+ color: inherit;
691
+ display: -webkit-box;
692
+ display: -webkit-flex;
693
+ display: -ms-flexbox;
694
+ display: flex;
695
+ -webkit-box-flex: 1;
696
+ -webkit-flex-grow: 1;
697
+ -ms-flex-positive: 1;
698
+ flex-grow: 1;
699
+ -webkit-box-pack: start;
700
+ -ms-flex-pack: start;
701
+ -webkit-justify-content: flex-start;
702
+ justify-content: flex-start;
703
+ -webkit-align-items: center;
704
+ -webkit-box-align: center;
705
+ -ms-flex-align: center;
706
+ align-items: center;
707
+ position: relative;
708
+ -webkit-text-decoration: none;
709
+ text-decoration: none;
710
+ min-width: 0;
711
+ box-sizing: border-box;
712
+ text-align: left;
713
+ padding-top: 8px;
714
+ padding-bottom: 8px;
715
+ -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
716
+ transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
717
+ padding-left: 16px;
718
+ padding-right: 16px;
719
+ }
720
+ </style>
721
+ <style data-emotion="css" data-s="">
722
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root::-moz-focus-inner {
723
+ border-style: none;
724
+ }
725
+ </style>
726
+ <style data-emotion="css" data-s="">
727
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-disabled {
728
+ pointer-events: none;
729
+ cursor: default;
730
+ }
731
+ </style>
732
+ <style data-emotion="css" data-s="">
733
+ @media print {
734
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root {
735
+ -webkit-print-color-adjust: exact;
736
+ color-adjust: exact;
737
+ }
738
+ }
739
+ </style>
740
+ <style data-emotion="css" data-s="">
741
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root:hover {
742
+ -webkit-text-decoration: none;
743
+ text-decoration: none;
744
+ background-color: rgba(255, 255, 255, 0.08);
745
+ }
746
+ </style>
747
+ <style data-emotion="css" data-s="">
748
+ @media (hover: none) {
749
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root:hover {
750
+ background-color: transparent;
751
+ }
752
+ }
753
+ </style>
754
+ <style data-emotion="css" data-s="">
755
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-selected {
756
+ background-color: rgba(175, 175, 249, 0.16);
757
+ }
758
+ </style>
759
+ <style data-emotion="css" data-s="">
760
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
761
+ background-color: rgba(175, 175, 249, 0.28);
762
+ }
763
+ </style>
764
+ <style data-emotion="css" data-s="">
765
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
766
+ background-color: rgba(175, 175, 249, 0.24);
767
+ }
768
+ </style>
769
+ <style data-emotion="css" data-s="">
770
+ @media (hover: none) {
771
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
772
+ background-color: rgba(175, 175, 249, 0.16);
773
+ }
774
+ }
775
+ </style>
776
+ <style data-emotion="css" data-s="">
777
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-focusVisible {
778
+ background-color: rgba(255, 255, 255, 0.12);
779
+ }
780
+ </style>
781
+ <style data-emotion="css" data-s="">
782
+ .css-19gw652-MuiButtonBase-root-MuiListItemButton-root.Mui-disabled {
783
+ opacity: 0.38;
784
+ }
785
+ </style>
786
+ <style data-emotion="css" data-s="">
787
+ .css-tlelie-MuiListItemText-root {
788
+ -webkit-flex: 1 1 auto;
789
+ -ms-flex: 1 1 auto;
790
+ flex: 1 1 auto;
791
+ min-width: 0;
792
+ margin-top: 4px;
793
+ margin-bottom: 4px;
794
+ }
795
+ </style>
796
+ <style data-emotion="css" data-s="">
797
+ .css-1wh5nua-MuiTypography-root {
798
+ margin: 0;
799
+ font-size: 16px;
800
+ font-weight: 300;
801
+ font-family: Roboto Flex, sans-serif;
802
+ line-height: 1.5;
803
+ letter-spacing: 0.00938em;
804
+ display: block;
805
+ }
806
+ </style>
807
+ <style data-emotion="css" data-s="">
808
+ .css-qxpac0 {
809
+ position: relative;
810
+ -webkit-align-items: center;
811
+ -webkit-box-align: center;
812
+ -ms-flex-align: center;
813
+ align-items: center;
814
+ display: -webkit-box;
815
+ display: -webkit-flex;
816
+ display: -ms-flexbox;
817
+ display: flex;
818
+ -webkit-flex-direction: row;
819
+ -ms-flex-direction: row;
820
+ flex-direction: row;
821
+ -webkit-box-pack: center;
822
+ -ms-flex-pack: center;
823
+ -webkit-justify-content: center;
824
+ justify-content: center;
825
+ -webkit-box-flex: 1;
826
+ -webkit-flex-grow: 1;
827
+ -ms-flex-positive: 1;
828
+ flex-grow: 1;
829
+ height: 100%;
830
+ }
831
+ </style>
832
+ <style data-emotion="css" data-s="">
833
+ .css-1s96krw-WebAppPage-root {
834
+ inset: 0;
835
+ position: absolute;
836
+ -webkit-align-items: stretch;
837
+ -webkit-box-align: stretch;
838
+ -ms-flex-align: stretch;
839
+ align-items: stretch;
840
+ -webkit-box-pack: start;
841
+ -ms-flex-pack: start;
842
+ -webkit-justify-content: start;
843
+ justify-content: start;
844
+ max-width: 100vw;
845
+ }
846
+ </style>
847
+ <style data-emotion="css" data-s="">
848
+ @media (max-width:599.95px) {
849
+ .css-1s96krw-WebAppPage-root {
850
+ inset: 0;
851
+ position: absolute;
852
+ }
853
+ }
854
+ </style>
855
+ <style data-emotion="css" data-s="">
856
+ .css-si8z4x-WebAppPage-root {
857
+ position: relative;
858
+ -webkit-align-items: center;
859
+ -webkit-box-align: center;
860
+ -ms-flex-align: center;
861
+ align-items: center;
862
+ display: -webkit-box;
863
+ display: -webkit-flex;
864
+ display: -ms-flexbox;
865
+ display: flex;
866
+ -webkit-flex-direction: column;
867
+ -ms-flex-direction: column;
868
+ flex-direction: column;
869
+ -webkit-box-pack: center;
870
+ -ms-flex-pack: center;
871
+ -webkit-justify-content: center;
872
+ justify-content: center;
873
+ -webkit-box-flex: 1;
874
+ -webkit-flex-grow: 1;
875
+ -ms-flex-positive: 1;
876
+ flex-grow: 1;
877
+ inset: 0;
878
+ position: absolute;
879
+ -webkit-align-items: stretch;
880
+ -webkit-box-align: stretch;
881
+ -ms-flex-align: stretch;
882
+ align-items: stretch;
883
+ -webkit-box-pack: start;
884
+ -ms-flex-pack: start;
885
+ -webkit-justify-content: start;
886
+ justify-content: start;
887
+ max-width: 100vw;
888
+ }
889
+ </style>
890
+ <style data-emotion="css" data-s="">
891
+ @media (max-width:599.95px) {
892
+ .css-si8z4x-WebAppPage-root {
893
+ inset: 0;
894
+ position: absolute;
895
+ }
896
+ }
897
+ </style>
898
+ <style data-emotion="css" data-s="">
899
+ .css-1g6buxu-WebAppBody-root {
900
+ -webkit-align-items: stretch;
901
+ -webkit-box-align: stretch;
902
+ -ms-flex-align: stretch;
903
+ align-items: stretch;
904
+ gap: 12px;
905
+ -webkit-box-pack: start;
906
+ -ms-flex-pack: start;
907
+ -webkit-justify-content: flex-start;
908
+ justify-content: flex-start;
909
+ overflow: scroll;
910
+ padding-top: 12px;
911
+ padding-bottom: 12px;
912
+ }
913
+ </style>
914
+ <style data-emotion="css" data-s="">
915
+ @media (max-width:599.95px) {
916
+ .css-1g6buxu-WebAppBody-root {
917
+ overflow: scroll;
918
+ }
919
+ }
920
+ </style>
921
+ <style data-emotion="css" data-s="">
922
+ .css-u786my-WebAppBody-root {
923
+ position: relative;
924
+ -webkit-align-items: center;
925
+ -webkit-box-align: center;
926
+ -ms-flex-align: center;
927
+ align-items: center;
928
+ display: -webkit-box;
929
+ display: -webkit-flex;
930
+ display: -ms-flexbox;
931
+ display: flex;
932
+ -webkit-flex-direction: column;
933
+ -ms-flex-direction: column;
934
+ flex-direction: column;
935
+ -webkit-box-pack: center;
936
+ -ms-flex-pack: center;
937
+ -webkit-justify-content: center;
938
+ justify-content: center;
939
+ -webkit-box-flex: 1;
940
+ -webkit-flex-grow: 1;
941
+ -ms-flex-positive: 1;
942
+ flex-grow: 1;
943
+ padding-left: 12px;
944
+ padding-right: 12px;
945
+ -webkit-align-items: stretch;
946
+ -webkit-box-align: stretch;
947
+ -ms-flex-align: stretch;
948
+ align-items: stretch;
949
+ gap: 12px;
950
+ -webkit-box-pack: start;
951
+ -ms-flex-pack: start;
952
+ -webkit-justify-content: flex-start;
953
+ justify-content: flex-start;
954
+ overflow: scroll;
955
+ padding-top: 12px;
956
+ padding-bottom: 12px;
957
+ }
958
+ </style>
959
+ <style data-emotion="css" data-s="">
960
+ @media (max-width:599.95px) {
961
+ .css-u786my-WebAppBody-root {
962
+ overflow: scroll;
963
+ }
964
+ }
965
+ </style>
966
+ <style data-emotion="css" data-s="">
967
+ .css-19wv7j6-WebAppBody-scrollableWrapper {
968
+ -webkit-align-items: stretch;
969
+ -webkit-box-align: stretch;
970
+ -ms-flex-align: stretch;
971
+ align-items: stretch;
972
+ }
973
+ </style>
974
+ <style data-emotion="css" data-s="">
975
+ .css-1atvl7e-WebAppBody-scrollableWrapper {
976
+ position: relative;
977
+ -webkit-align-items: center;
978
+ -webkit-box-align: center;
979
+ -ms-flex-align: center;
980
+ align-items: center;
981
+ display: -webkit-box;
982
+ display: -webkit-flex;
983
+ display: -ms-flexbox;
984
+ display: flex;
985
+ -webkit-flex-direction: column;
986
+ -ms-flex-direction: column;
987
+ flex-direction: column;
988
+ -webkit-box-pack: center;
989
+ -ms-flex-pack: center;
990
+ -webkit-justify-content: center;
991
+ justify-content: center;
992
+ -webkit-box-flex: 1;
993
+ -webkit-flex-grow: 1;
994
+ -ms-flex-positive: 1;
995
+ flex-grow: 1;
996
+ -webkit-align-items: stretch;
997
+ -webkit-box-align: stretch;
998
+ -ms-flex-align: stretch;
999
+ align-items: stretch;
1000
+ }
1001
+ </style>
1002
+ <style data-emotion="css" data-s="">
1003
+ .css-s3ljs1-WebAppBody-scrollable {
1004
+ inset: unset;
1005
+ position: relative;
1006
+ -webkit-align-items: stretch;
1007
+ -webkit-box-align: stretch;
1008
+ -ms-flex-align: stretch;
1009
+ align-items: stretch;
1010
+ -webkit-box-pack: start;
1011
+ -ms-flex-pack: start;
1012
+ -webkit-justify-content: start;
1013
+ justify-content: start;
1014
+ }
1015
+ </style>
1016
+ <style data-emotion="css" data-s="">
1017
+ @media (max-width:599.95px) {
1018
+ .css-s3ljs1-WebAppBody-scrollable {
1019
+ inset: unset;
1020
+ position: relative;
1021
+ }
1022
+ }
1023
+ </style>
1024
+ <style data-emotion="css" data-s="">
1025
+ .css-12romep-WebAppBody-scrollable {
1026
+ position: relative;
1027
+ -webkit-align-items: center;
1028
+ -webkit-box-align: center;
1029
+ -ms-flex-align: center;
1030
+ align-items: center;
1031
+ display: -webkit-box;
1032
+ display: -webkit-flex;
1033
+ display: -ms-flexbox;
1034
+ display: flex;
1035
+ -webkit-flex-direction: column;
1036
+ -ms-flex-direction: column;
1037
+ flex-direction: column;
1038
+ -webkit-box-pack: center;
1039
+ -ms-flex-pack: center;
1040
+ -webkit-justify-content: center;
1041
+ justify-content: center;
1042
+ -webkit-box-flex: 1;
1043
+ -webkit-flex-grow: 1;
1044
+ -ms-flex-positive: 1;
1045
+ flex-grow: 1;
1046
+ inset: unset;
1047
+ position: relative;
1048
+ -webkit-align-items: stretch;
1049
+ -webkit-box-align: stretch;
1050
+ -ms-flex-align: stretch;
1051
+ align-items: stretch;
1052
+ -webkit-box-pack: start;
1053
+ -ms-flex-pack: start;
1054
+ -webkit-justify-content: start;
1055
+ justify-content: start;
1056
+ }
1057
+ </style>
1058
+ <style data-emotion="css" data-s="">
1059
+ @media (max-width:599.95px) {
1060
+ .css-12romep-WebAppBody-scrollable {
1061
+ inset: unset;
1062
+ position: relative;
1063
+ }
1064
+ }
1065
+ </style>
1066
+ <style data-emotion="css" data-s="">
1067
+ .css-1pi8xg4-MuiGrid2-root {
1068
+ --Grid-columns: 12;
1069
+ --Grid-columnSpacing: 0px;
1070
+ --Grid-rowSpacing: 0px;
1071
+ -webkit-flex-direction: row;
1072
+ -ms-flex-direction: row;
1073
+ flex-direction: row;
1074
+ min-width: 0;
1075
+ box-sizing: border-box;
1076
+ display: -webkit-box;
1077
+ display: -webkit-flex;
1078
+ display: -ms-flexbox;
1079
+ display: flex;
1080
+ -webkit-box-flex-wrap: wrap;
1081
+ -webkit-flex-wrap: wrap;
1082
+ -ms-flex-wrap: wrap;
1083
+ flex-wrap: wrap;
1084
+ margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2);
1085
+ }
1086
+ </style>
1087
+ <style data-emotion="css" data-s="">
1088
+ .css-1wt76lp {
1089
+ position: relative;
1090
+ -webkit-align-items: stretch;
1091
+ -webkit-box-align: stretch;
1092
+ -ms-flex-align: stretch;
1093
+ align-items: stretch;
1094
+ display: -webkit-box;
1095
+ display: -webkit-flex;
1096
+ display: -ms-flexbox;
1097
+ display: flex;
1098
+ -webkit-flex-direction: column;
1099
+ -ms-flex-direction: column;
1100
+ flex-direction: column;
1101
+ -webkit-box-pack: center;
1102
+ -ms-flex-pack: center;
1103
+ -webkit-justify-content: center;
1104
+ justify-content: center;
1105
+ padding: 24px;
1106
+ gap: 24px;
1107
+ }
1108
+ </style>
1109
+ <style data-emotion="css" data-s="">
1110
+ .css-gj0rah-MuiGrid2-root {
1111
+ --Grid-columns: 12;
1112
+ --Grid-columnSpacing: 36px;
1113
+ --Grid-rowSpacing: 36px;
1114
+ -webkit-flex-direction: row;
1115
+ -ms-flex-direction: row;
1116
+ flex-direction: row;
1117
+ min-width: 0;
1118
+ box-sizing: border-box;
1119
+ display: -webkit-box;
1120
+ display: -webkit-flex;
1121
+ display: -ms-flexbox;
1122
+ display: flex;
1123
+ -webkit-box-flex-wrap: wrap;
1124
+ -webkit-flex-wrap: wrap;
1125
+ -ms-flex-wrap: wrap;
1126
+ flex-wrap: wrap;
1127
+ margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2);
1128
+ }
1129
+ </style>
1130
+ <style data-emotion="css" data-s="">
1131
+ .css-16fnxy3-MuiGrid2-root {
1132
+ -webkit-box-flex: 0;
1133
+ -webkit-flex-grow: 0;
1134
+ -ms-flex-positive: 0;
1135
+ flex-grow: 0;
1136
+ -webkit-flex-basis: auto;
1137
+ -ms-flex-preferred-size: auto;
1138
+ flex-basis: auto;
1139
+ width: calc(100% * 12 / var(--Grid-columns));
1140
+ min-width: 0;
1141
+ box-sizing: border-box;
1142
+ padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2);
1143
+ }
1144
+ </style>
1145
+ <style data-emotion="css" data-s="">
1146
+ .css-1vru454-OverviewStatGroupCard-root {
1147
+ padding-bottom: 24px;
1148
+ padding-left: 24px;
1149
+ padding-right: 24px;
1150
+ padding-top: 24px;
1151
+ }
1152
+ </style>
1153
+ <style data-emotion="css" data-s="">
1154
+ .css-p5ttbs-InsightCard-root-OverviewStatGroupCard-root {
1155
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
1156
+ display: -webkit-box;
1157
+ display: -webkit-flex;
1158
+ display: -ms-flexbox;
1159
+ display: flex;
1160
+ gap: 6px;
1161
+ line-height: 1;
1162
+ padding-bottom: 24px;
1163
+ padding-left: 24px;
1164
+ padding-right: 24px;
1165
+ padding-top: 24px;
1166
+ }
1167
+ </style>
1168
+ <style data-emotion="css" data-s="">
1169
+ .css-q4x5my-MuiCard-root-InsightCard-root-OverviewStatGroupCard-root {
1170
+ overflow: hidden;
1171
+ display: -webkit-box;
1172
+ display: -webkit-flex;
1173
+ display: -ms-flexbox;
1174
+ display: flex;
1175
+ -webkit-flex-direction: column;
1176
+ -ms-flex-direction: column;
1177
+ flex-direction: column;
1178
+ -webkit-box-pack: justify;
1179
+ -webkit-justify-content: space-between;
1180
+ justify-content: space-between;
1181
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
1182
+ display: -webkit-box;
1183
+ display: -webkit-flex;
1184
+ display: -ms-flexbox;
1185
+ display: flex;
1186
+ gap: 6px;
1187
+ line-height: 1;
1188
+ padding-bottom: 24px;
1189
+ padding-left: 24px;
1190
+ padding-right: 24px;
1191
+ padding-top: 24px;
1192
+ }
1193
+ </style>
1194
+ <style data-emotion="css" data-s="">
1195
+ .css-1pk86bx-MuiPaper-root-MuiCard-root-InsightCard-root-OverviewStatGroupCard-root {
1196
+ background-color: #121212;
1197
+ color: #f7f8fc;
1198
+ -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1199
+ transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1200
+ border-radius: 4px;
1201
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
1202
+ background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
1203
+ overflow: hidden;
1204
+ display: -webkit-box;
1205
+ display: -webkit-flex;
1206
+ display: -ms-flexbox;
1207
+ display: flex;
1208
+ -webkit-flex-direction: column;
1209
+ -ms-flex-direction: column;
1210
+ flex-direction: column;
1211
+ -webkit-box-pack: justify;
1212
+ -webkit-justify-content: space-between;
1213
+ justify-content: space-between;
1214
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
1215
+ display: -webkit-box;
1216
+ display: -webkit-flex;
1217
+ display: -ms-flexbox;
1218
+ display: flex;
1219
+ gap: 6px;
1220
+ line-height: 1;
1221
+ padding-bottom: 24px;
1222
+ padding-left: 24px;
1223
+ padding-right: 24px;
1224
+ padding-top: 24px;
1225
+ }
1226
+ </style>
1227
+ <style data-emotion="css" data-s="">
1228
+ .css-jupljh-InsightCardContent-root {
1229
+ display: -webkit-box;
1230
+ display: -webkit-flex;
1231
+ display: -ms-flexbox;
1232
+ display: flex;
1233
+ -webkit-flex-direction: column;
1234
+ -ms-flex-direction: column;
1235
+ flex-direction: column;
1236
+ gap: 24px;
1237
+ }
1238
+ </style>
1239
+ <style data-emotion="css" data-s="">
1240
+ .css-1ikl4xn-MuiCardContent-root-InsightCardContent-root {
1241
+ padding: 16px;
1242
+ display: -webkit-box;
1243
+ display: -webkit-flex;
1244
+ display: -ms-flexbox;
1245
+ display: flex;
1246
+ -webkit-flex-direction: column;
1247
+ -ms-flex-direction: column;
1248
+ flex-direction: column;
1249
+ gap: 24px;
1250
+ }
1251
+ </style>
1252
+ <style data-emotion="css" data-s="">
1253
+ .css-1ikl4xn-MuiCardContent-root-InsightCardContent-root:last-child {
1254
+ padding-bottom: 24px;
1255
+ }
1256
+ </style>
1257
+ <style data-emotion="css" data-s="">
1258
+ .css-1evpiyl {
1259
+ position: relative;
1260
+ -webkit-align-items: center;
1261
+ -webkit-box-align: center;
1262
+ -ms-flex-align: center;
1263
+ align-items: center;
1264
+ display: -webkit-box;
1265
+ display: -webkit-flex;
1266
+ display: -ms-flexbox;
1267
+ display: flex;
1268
+ -webkit-flex-direction: row;
1269
+ -ms-flex-direction: row;
1270
+ flex-direction: row;
1271
+ -webkit-box-pack: space-around;
1272
+ -ms-flex-pack: space-around;
1273
+ -webkit-justify-content: space-around;
1274
+ justify-content: space-around;
1275
+ -webkit-box-flex: 1;
1276
+ -webkit-flex-grow: 1;
1277
+ -ms-flex-positive: 1;
1278
+ flex-grow: 1;
1279
+ -webkit-box-flex-wrap: wrap;
1280
+ -webkit-flex-wrap: wrap;
1281
+ -ms-flex-wrap: wrap;
1282
+ flex-wrap: wrap;
1283
+ gap: 15.600000000000001px;
1284
+ }
1285
+ </style>
1286
+ <style data-emotion="css" data-s="">
1287
+ .css-ltnt6s {
1288
+ position: relative;
1289
+ -webkit-align-items: start;
1290
+ -webkit-box-align: start;
1291
+ -ms-flex-align: start;
1292
+ align-items: start;
1293
+ display: -webkit-box;
1294
+ display: -webkit-flex;
1295
+ display: -ms-flexbox;
1296
+ display: flex;
1297
+ -webkit-flex-direction: column;
1298
+ -ms-flex-direction: column;
1299
+ flex-direction: column;
1300
+ -webkit-box-pack: center;
1301
+ -ms-flex-pack: center;
1302
+ -webkit-justify-content: center;
1303
+ justify-content: center;
1304
+ }
1305
+ </style>
1306
+ <style data-emotion="css" data-s="">
1307
+ .css-1l1z4pv-InsightValue-root {
1308
+ font-size: var(--insightValueFontSize, 39px);
1309
+ letter-spacing: 0;
1310
+ line-height: 1;
1311
+ margin-right: 6px;
1312
+ white-space: nowrap;
1313
+ }
1314
+ </style>
1315
+ <style data-emotion="css" data-s="">
1316
+ .css-1l1z4pv-InsightValue-root.responsive-font-sizes {}
1317
+ </style>
1318
+ <style data-emotion="css" data-s="">
1319
+ @media (min-width:600px) {
1320
+ .css-1l1z4pv-InsightValue-root.responsive-font-sizes {
1321
+ font-size: calc(var(--baseFontSize) * 0.95);
1322
+ }
1323
+ }
1324
+ </style>
1325
+ <style data-emotion="css" data-s="">
1326
+ @media (min-width:900px) {
1327
+ .css-1l1z4pv-InsightValue-root.responsive-font-sizes {
1328
+ font-size: calc(var(--baseFontSize) * 0.72);
1329
+ }
1330
+ }
1331
+ </style>
1332
+ <style data-emotion="css" data-s="">
1333
+ @media (min-width:1200px) {
1334
+ .css-1l1z4pv-InsightValue-root.responsive-font-sizes {
1335
+ font-size: calc(var(--baseFontSize) * 0.62);
1336
+ }
1337
+ }
1338
+ </style>
1339
+ <style data-emotion="css" data-s="">
1340
+ .css-yk5u2y-MuiTypography-root-InsightValue-root {
1341
+ margin: 0;
1342
+ font-family: Roboto Flex, sans-serif;
1343
+ font-weight: 400;
1344
+ font-size: 0.75rem;
1345
+ line-height: 1.66;
1346
+ letter-spacing: 0.03333em;
1347
+ color: #afaff9;
1348
+ font-weight: 600;
1349
+ font-size: var(--insightValueFontSize, 39px);
1350
+ letter-spacing: 0;
1351
+ line-height: 1;
1352
+ margin-right: 6px;
1353
+ white-space: nowrap;
1354
+ }
1355
+ </style>
1356
+ <style data-emotion="css" data-s="">
1357
+ .css-yk5u2y-MuiTypography-root-InsightValue-root.responsive-font-sizes {}
1358
+ </style>
1359
+ <style data-emotion="css" data-s="">
1360
+ @media (min-width:600px) {
1361
+ .css-yk5u2y-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1362
+ font-size: calc(var(--baseFontSize) * 0.95);
1363
+ }
1364
+ }
1365
+ </style>
1366
+ <style data-emotion="css" data-s="">
1367
+ @media (min-width:900px) {
1368
+ .css-yk5u2y-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1369
+ font-size: calc(var(--baseFontSize) * 0.72);
1370
+ }
1371
+ }
1372
+ </style>
1373
+ <style data-emotion="css" data-s="">
1374
+ @media (min-width:1200px) {
1375
+ .css-yk5u2y-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1376
+ font-size: calc(var(--baseFontSize) * 0.62);
1377
+ }
1378
+ }
1379
+ </style>
1380
+ <style data-emotion="css" data-s="">
1381
+ .css-1sxpngu-InsightUnit-root {
1382
+ font-size: var(--insightUnitFontSize, 22.200000000000003px);
1383
+ font-weight: 500;
1384
+ letter-spacing: 0;
1385
+ }
1386
+ </style>
1387
+ <style data-emotion="css" data-s="">
1388
+ .css-1sxpngu-InsightUnit-root.responsive-font-sizes {}
1389
+ </style>
1390
+ <style data-emotion="css" data-s="">
1391
+ @media (min-width:600px) {
1392
+ .css-1sxpngu-InsightUnit-root.responsive-font-sizes {
1393
+ font-size: calc(var(--baseFontSize) * 0.57);
1394
+ }
1395
+ }
1396
+ </style>
1397
+ <style data-emotion="css" data-s="">
1398
+ @media (min-width:1200px) {
1399
+ .css-1sxpngu-InsightUnit-root.responsive-font-sizes {
1400
+ font-size: calc(var(--baseFontSize) * 0.35);
1401
+ }
1402
+ }
1403
+ </style>
1404
+ <style data-emotion="css" data-s="">
1405
+ .css-1to297f-MuiTypography-root-InsightUnit-root {
1406
+ margin: 0;
1407
+ font-family: Roboto Flex, sans-serif;
1408
+ font-weight: 400;
1409
+ font-size: 0.75rem;
1410
+ line-height: 1.66;
1411
+ letter-spacing: 0.03333em;
1412
+ font-size: var(--insightUnitFontSize, 22.200000000000003px);
1413
+ font-weight: 500;
1414
+ letter-spacing: 0;
1415
+ }
1416
+ </style>
1417
+ <style data-emotion="css" data-s="">
1418
+ .css-1to297f-MuiTypography-root-InsightUnit-root.responsive-font-sizes {}
1419
+ </style>
1420
+ <style data-emotion="css" data-s="">
1421
+ @media (min-width:600px) {
1422
+ .css-1to297f-MuiTypography-root-InsightUnit-root.responsive-font-sizes {
1423
+ font-size: calc(var(--baseFontSize) * 0.57);
1424
+ }
1425
+ }
1426
+ </style>
1427
+ <style data-emotion="css" data-s="">
1428
+ @media (min-width:1200px) {
1429
+ .css-1to297f-MuiTypography-root-InsightUnit-root.responsive-font-sizes {
1430
+ font-size: calc(var(--baseFontSize) * 0.35);
1431
+ }
1432
+ }
1433
+ </style>
1434
+ <style data-emotion="css" data-s="">
1435
+ .css-1fkfyyp-InsightValueContext-root {
1436
+ --baseFontSize: 12px;
1437
+ font-size: var(--baseFontSize);
1438
+ font-weight: 300;
1439
+ letter-spacing: 0;
1440
+ opacity: 0.3;
1441
+ }
1442
+ </style>
1443
+ <style data-emotion="css" data-s="">
1444
+ .css-1fkfyyp-InsightValueContext-root.responsive-font-sizes {}
1445
+ </style>
1446
+ <style data-emotion="css" data-s="">
1447
+ @media (min-width:600px) {
1448
+ .css-1fkfyyp-InsightValueContext-root.responsive-font-sizes {
1449
+ font-size: calc(var(--baseFontSize) * 0.46);
1450
+ }
1451
+ }
1452
+ </style>
1453
+ <style data-emotion="css" data-s="">
1454
+ @media (min-width:900px) {
1455
+ .css-1fkfyyp-InsightValueContext-root.responsive-font-sizes {
1456
+ font-size: calc(var(--baseFontSize) * 0.3);
1457
+ }
1458
+ }
1459
+ </style>
1460
+ <style data-emotion="css" data-s="">
1461
+ .css-6mep9t-MuiTypography-root-InsightValueContext-root {
1462
+ margin: 0;
1463
+ font-family: Roboto Flex, sans-serif;
1464
+ font-weight: 400;
1465
+ font-size: 0.75rem;
1466
+ line-height: 1.66;
1467
+ letter-spacing: 0.03333em;
1468
+ --baseFontSize: 12px;
1469
+ font-size: var(--baseFontSize);
1470
+ font-weight: 300;
1471
+ letter-spacing: 0;
1472
+ opacity: 0.3;
1473
+ }
1474
+ </style>
1475
+ <style data-emotion="css" data-s="">
1476
+ .css-6mep9t-MuiTypography-root-InsightValueContext-root.responsive-font-sizes {}
1477
+ </style>
1478
+ <style data-emotion="css" data-s="">
1479
+ @media (min-width:600px) {
1480
+ .css-6mep9t-MuiTypography-root-InsightValueContext-root.responsive-font-sizes {
1481
+ font-size: calc(var(--baseFontSize) * 0.46);
1482
+ }
1483
+ }
1484
+ </style>
1485
+ <style data-emotion="css" data-s="">
1486
+ @media (min-width:900px) {
1487
+ .css-6mep9t-MuiTypography-root-InsightValueContext-root.responsive-font-sizes {
1488
+ font-size: calc(var(--baseFontSize) * 0.3);
1489
+ }
1490
+ }
1491
+ </style>
1492
+ <style data-emotion="css" data-s="">
1493
+ .css-1kpnj7b-MuiDivider-root {
1494
+ margin: 0;
1495
+ -webkit-flex-shrink: 0;
1496
+ -ms-flex-negative: 0;
1497
+ flex-shrink: 0;
1498
+ border-width: 0;
1499
+ border-style: solid;
1500
+ border-color: rgba(255, 255, 255, 0.12);
1501
+ border-bottom-width: 0;
1502
+ height: auto;
1503
+ border-right-width: thin;
1504
+ -webkit-align-self: stretch;
1505
+ -ms-flex-item-align: stretch;
1506
+ align-self: stretch;
1507
+ }
1508
+ </style>
1509
+ <style data-emotion="css" data-s="">
1510
+ .css-1l8ht2t-MuiTypography-root-InsightValue-root {
1511
+ margin: 0;
1512
+ font-family: Roboto Flex, sans-serif;
1513
+ font-weight: 400;
1514
+ font-size: 0.75rem;
1515
+ line-height: 1.66;
1516
+ letter-spacing: 0.03333em;
1517
+ color: #6bcd23;
1518
+ font-weight: 600;
1519
+ font-size: var(--insightValueFontSize, 39px);
1520
+ letter-spacing: 0;
1521
+ line-height: 1;
1522
+ margin-right: 6px;
1523
+ white-space: nowrap;
1524
+ }
1525
+ </style>
1526
+ <style data-emotion="css" data-s="">
1527
+ .css-1l8ht2t-MuiTypography-root-InsightValue-root.responsive-font-sizes {}
1528
+ </style>
1529
+ <style data-emotion="css" data-s="">
1530
+ @media (min-width:600px) {
1531
+ .css-1l8ht2t-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1532
+ font-size: calc(var(--baseFontSize) * 0.95);
1533
+ }
1534
+ }
1535
+ </style>
1536
+ <style data-emotion="css" data-s="">
1537
+ @media (min-width:900px) {
1538
+ .css-1l8ht2t-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1539
+ font-size: calc(var(--baseFontSize) * 0.72);
1540
+ }
1541
+ }
1542
+ </style>
1543
+ <style data-emotion="css" data-s="">
1544
+ @media (min-width:1200px) {
1545
+ .css-1l8ht2t-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1546
+ font-size: calc(var(--baseFontSize) * 0.62);
1547
+ }
1548
+ }
1549
+ </style>
1550
+ <style data-emotion="css" data-s="">
1551
+ .css-1drslf9-MuiTypography-root-InsightValue-root {
1552
+ margin: 0;
1553
+ font-family: Roboto Flex, sans-serif;
1554
+ font-weight: 400;
1555
+ font-size: 0.75rem;
1556
+ line-height: 1.66;
1557
+ letter-spacing: 0.03333em;
1558
+ color: #90c2f8;
1559
+ font-weight: 600;
1560
+ font-size: var(--insightValueFontSize, 39px);
1561
+ letter-spacing: 0;
1562
+ line-height: 1;
1563
+ margin-right: 6px;
1564
+ white-space: nowrap;
1565
+ }
1566
+ </style>
1567
+ <style data-emotion="css" data-s="">
1568
+ .css-1drslf9-MuiTypography-root-InsightValue-root.responsive-font-sizes {}
1569
+ </style>
1570
+ <style data-emotion="css" data-s="">
1571
+ @media (min-width:600px) {
1572
+ .css-1drslf9-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1573
+ font-size: calc(var(--baseFontSize) * 0.95);
1574
+ }
1575
+ }
1576
+ </style>
1577
+ <style data-emotion="css" data-s="">
1578
+ @media (min-width:900px) {
1579
+ .css-1drslf9-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1580
+ font-size: calc(var(--baseFontSize) * 0.72);
1581
+ }
1582
+ }
1583
+ </style>
1584
+ <style data-emotion="css" data-s="">
1585
+ @media (min-width:1200px) {
1586
+ .css-1drslf9-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1587
+ font-size: calc(var(--baseFontSize) * 0.62);
1588
+ }
1589
+ }
1590
+ </style>
1591
+ <style data-emotion="css" data-s="">
1592
+ .css-1u8eiqx-MuiTypography-root-InsightValue-root {
1593
+ margin: 0;
1594
+ font-family: Roboto Flex, sans-serif;
1595
+ font-weight: 400;
1596
+ font-size: 0.75rem;
1597
+ line-height: 1.66;
1598
+ letter-spacing: 0.03333em;
1599
+ color: #fd4a6b;
1600
+ font-weight: 600;
1601
+ font-size: var(--insightValueFontSize, 39px);
1602
+ letter-spacing: 0;
1603
+ line-height: 1;
1604
+ margin-right: 6px;
1605
+ white-space: nowrap;
1606
+ }
1607
+ </style>
1608
+ <style data-emotion="css" data-s="">
1609
+ .css-1u8eiqx-MuiTypography-root-InsightValue-root.responsive-font-sizes {}
1610
+ </style>
1611
+ <style data-emotion="css" data-s="">
1612
+ @media (min-width:600px) {
1613
+ .css-1u8eiqx-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1614
+ font-size: calc(var(--baseFontSize) * 0.95);
1615
+ }
1616
+ }
1617
+ </style>
1618
+ <style data-emotion="css" data-s="">
1619
+ @media (min-width:900px) {
1620
+ .css-1u8eiqx-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1621
+ font-size: calc(var(--baseFontSize) * 0.72);
1622
+ }
1623
+ }
1624
+ </style>
1625
+ <style data-emotion="css" data-s="">
1626
+ @media (min-width:1200px) {
1627
+ .css-1u8eiqx-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1628
+ font-size: calc(var(--baseFontSize) * 0.62);
1629
+ }
1630
+ }
1631
+ </style>
1632
+ <style data-emotion="css" data-s="">
1633
+ .css-1v64nd2-MuiTypography-root-InsightValue-root {
1634
+ margin: 0;
1635
+ font-family: Roboto Flex, sans-serif;
1636
+ font-weight: 400;
1637
+ font-size: 0.75rem;
1638
+ line-height: 1.66;
1639
+ letter-spacing: 0.03333em;
1640
+ color: rgb(255, 211, 55);
1641
+ font-weight: 600;
1642
+ font-size: var(--insightValueFontSize, 39px);
1643
+ letter-spacing: 0;
1644
+ line-height: 1;
1645
+ margin-right: 6px;
1646
+ white-space: nowrap;
1647
+ }
1648
+ </style>
1649
+ <style data-emotion="css" data-s="">
1650
+ .css-1v64nd2-MuiTypography-root-InsightValue-root.responsive-font-sizes {}
1651
+ </style>
1652
+ <style data-emotion="css" data-s="">
1653
+ @media (min-width:600px) {
1654
+ .css-1v64nd2-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1655
+ font-size: calc(var(--baseFontSize) * 0.95);
1656
+ }
1657
+ }
1658
+ </style>
1659
+ <style data-emotion="css" data-s="">
1660
+ @media (min-width:900px) {
1661
+ .css-1v64nd2-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1662
+ font-size: calc(var(--baseFontSize) * 0.72);
1663
+ }
1664
+ }
1665
+ </style>
1666
+ <style data-emotion="css" data-s="">
1667
+ @media (min-width:1200px) {
1668
+ .css-1v64nd2-MuiTypography-root-InsightValue-root.responsive-font-sizes {
1669
+ font-size: calc(var(--baseFontSize) * 0.62);
1670
+ }
1671
+ }
1672
+ </style>
1673
+ <style data-emotion="css" data-s="">
1674
+ .css-unk89q {
1675
+ position: relative;
1676
+ -webkit-align-items: stretch;
1677
+ -webkit-box-align: stretch;
1678
+ -ms-flex-align: stretch;
1679
+ align-items: stretch;
1680
+ display: -webkit-box;
1681
+ display: -webkit-flex;
1682
+ display: -ms-flexbox;
1683
+ display: flex;
1684
+ -webkit-flex-direction: row;
1685
+ -ms-flex-direction: row;
1686
+ flex-direction: row;
1687
+ -webkit-box-pack: center;
1688
+ -ms-flex-pack: center;
1689
+ -webkit-justify-content: center;
1690
+ justify-content: center;
1691
+ gap: 24px;
1692
+ }
1693
+ </style>
1694
+ <style data-emotion="css" data-s="">
1695
+ @media (min-width:0px) {
1696
+ .css-unk89q {
1697
+ -webkit-box-flex-wrap: wrap;
1698
+ -webkit-flex-wrap: wrap;
1699
+ -ms-flex-wrap: wrap;
1700
+ flex-wrap: wrap;
1701
+ }
1702
+ }
1703
+ </style>
1704
+ <style data-emotion="css" data-s="">
1705
+ @media (min-width:1200px) {
1706
+ .css-unk89q {
1707
+ -webkit-box-flex-wrap: nowrap;
1708
+ -webkit-flex-wrap: nowrap;
1709
+ -ms-flex-wrap: nowrap;
1710
+ flex-wrap: nowrap;
1711
+ }
1712
+ }
1713
+ </style>
1714
+ <style data-emotion="css" data-s="">
1715
+ .css-jej7df-InsightCard-root {
1716
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
1717
+ display: -webkit-box;
1718
+ display: -webkit-flex;
1719
+ display: -ms-flexbox;
1720
+ display: flex;
1721
+ gap: 6px;
1722
+ line-height: 1;
1723
+ }
1724
+ </style>
1725
+ <style data-emotion="css" data-s="">
1726
+ .css-1pacbrm-MuiCard-root-InsightCard-root {
1727
+ overflow: hidden;
1728
+ display: -webkit-box;
1729
+ display: -webkit-flex;
1730
+ display: -ms-flexbox;
1731
+ display: flex;
1732
+ -webkit-flex-direction: column;
1733
+ -ms-flex-direction: column;
1734
+ flex-direction: column;
1735
+ -webkit-box-pack: justify;
1736
+ -webkit-justify-content: space-between;
1737
+ justify-content: space-between;
1738
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
1739
+ display: -webkit-box;
1740
+ display: -webkit-flex;
1741
+ display: -ms-flexbox;
1742
+ display: flex;
1743
+ gap: 6px;
1744
+ line-height: 1;
1745
+ }
1746
+ </style>
1747
+ <style data-emotion="css" data-s="">
1748
+ .css-sw47uj-MuiPaper-root-MuiCard-root-InsightCard-root {
1749
+ background-color: #121212;
1750
+ color: #f7f8fc;
1751
+ -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1752
+ transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
1753
+ border-radius: 4px;
1754
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
1755
+ background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
1756
+ overflow: hidden;
1757
+ display: -webkit-box;
1758
+ display: -webkit-flex;
1759
+ display: -ms-flexbox;
1760
+ display: flex;
1761
+ -webkit-flex-direction: column;
1762
+ -ms-flex-direction: column;
1763
+ flex-direction: column;
1764
+ -webkit-box-pack: justify;
1765
+ -webkit-justify-content: space-between;
1766
+ justify-content: space-between;
1767
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
1768
+ display: -webkit-box;
1769
+ display: -webkit-flex;
1770
+ display: -ms-flexbox;
1771
+ display: flex;
1772
+ gap: 6px;
1773
+ line-height: 1;
1774
+ }
1775
+ </style>
1776
+ <style data-emotion="css" data-s="">
1777
+ .css-pq5fgq-InsightCardHeader-root {}
1778
+ </style>
1779
+ <style data-emotion="css" data-s="">
1780
+ .css-pq5fgq-InsightCardHeader-root .MuiCardHeader-action {
1781
+ margin-right: 0;
1782
+ margin-top: 3px;
1783
+ }
1784
+ </style>
1785
+ <style data-emotion="css" data-s="">
1786
+ .css-pq5fgq-InsightCardHeader-root .MuiCardHeader-action img {
1787
+ margin: 0;
1788
+ }
1789
+ </style>
1790
+ <style data-emotion="css" data-s="">
1791
+ .css-pq5fgq-InsightCardHeader-root.MuiCardHeader-root .MuiCardHeader-subheader {
1792
+ opacity: 0.5;
1793
+ }
1794
+ </style>
1795
+ <style data-emotion="css" data-s="">
1796
+ .css-ko1l8i-MuiCardHeader-root-InsightCardHeader-root {
1797
+ display: -webkit-box;
1798
+ display: -webkit-flex;
1799
+ display: -ms-flexbox;
1800
+ display: flex;
1801
+ -webkit-align-items: center;
1802
+ -webkit-box-align: center;
1803
+ -ms-flex-align: center;
1804
+ align-items: center;
1805
+ padding: 16px;
1806
+ }
1807
+ </style>
1808
+ <style data-emotion="css" data-s="">
1809
+ .css-ko1l8i-MuiCardHeader-root-InsightCardHeader-root .MuiCardHeader-action {
1810
+ margin-right: 0;
1811
+ margin-top: 3px;
1812
+ }
1813
+ </style>
1814
+ <style data-emotion="css" data-s="">
1815
+ .css-ko1l8i-MuiCardHeader-root-InsightCardHeader-root .MuiCardHeader-action img {
1816
+ margin: 0;
1817
+ }
1818
+ </style>
1819
+ <style data-emotion="css" data-s="">
1820
+ .css-ko1l8i-MuiCardHeader-root-InsightCardHeader-root.MuiCardHeader-root .MuiCardHeader-subheader {
1821
+ opacity: 0.5;
1822
+ }
1823
+ </style>
1824
+ <style data-emotion="css" data-s="">
1825
+ .css-1qbkelo-MuiCardHeader-content {
1826
+ -webkit-flex: 1 1 auto;
1827
+ -ms-flex: 1 1 auto;
1828
+ flex: 1 1 auto;
1829
+ }
1830
+ </style>
1831
+ <style data-emotion="css" data-s="">
1832
+ .css-xlq5nl-MuiTypography-root {
1833
+ margin: 0;
1834
+ font-size: 1.25rem;
1835
+ font-family: Roboto Flex, sans-serif;
1836
+ font-weight: 400;
1837
+ line-height: 1.334;
1838
+ letter-spacing: 0em;
1839
+ display: block;
1840
+ }
1841
+ </style>
1842
+ <style data-emotion="css" data-s="">
1843
+ @media (min-width:600px) {
1844
+ .css-xlq5nl-MuiTypography-root {
1845
+ font-size: 1.3118rem;
1846
+ }
1847
+ }
1848
+ </style>
1849
+ <style data-emotion="css" data-s="">
1850
+ @media (min-width:900px) {
1851
+ .css-xlq5nl-MuiTypography-root {
1852
+ font-size: 1.4993rem;
1853
+ }
1854
+ }
1855
+ </style>
1856
+ <style data-emotion="css" data-s="">
1857
+ @media (min-width:1200px) {
1858
+ .css-xlq5nl-MuiTypography-root {
1859
+ font-size: 1.4993rem;
1860
+ }
1861
+ }
1862
+ </style>
1863
+ <style data-emotion="css" data-s="">
1864
+ .css-1q6cjxa-InsightTitle-root {
1865
+ --baseFontSize: 4vw;
1866
+ font-size: var(--baseFontSize);
1867
+ letter-spacing: 0;
1868
+ }
1869
+ </style>
1870
+ <style data-emotion="css" data-s="">
1871
+ @media (min-width:600px) {
1872
+ .css-1q6cjxa-InsightTitle-root {
1873
+ font-size: calc(var(--baseFontSize) * 0.63);
1874
+ }
1875
+ }
1876
+ </style>
1877
+ <style data-emotion="css" data-s="">
1878
+ @media (min-width:900px) {
1879
+ .css-1q6cjxa-InsightTitle-root {
1880
+ font-size: calc(var(--baseFontSize) * 0.53);
1881
+ }
1882
+ }
1883
+ </style>
1884
+ <style data-emotion="css" data-s="">
1885
+ @media (min-width:1200px) {
1886
+ .css-1q6cjxa-InsightTitle-root {
1887
+ font-size: calc(var(--baseFontSize) * 0.37);
1888
+ }
1889
+ }
1890
+ </style>
1891
+ <style data-emotion="css" data-s="">
1892
+ .css-9rlk2o-MuiTypography-root-InsightTitle-root {
1893
+ margin: 0;
1894
+ font-size: 16px;
1895
+ font-weight: 300;
1896
+ font-family: Roboto Flex, sans-serif;
1897
+ line-height: 1.5;
1898
+ letter-spacing: 0.00938em;
1899
+ --baseFontSize: 4vw;
1900
+ font-size: var(--baseFontSize);
1901
+ letter-spacing: 0;
1902
+ }
1903
+ </style>
1904
+ <style data-emotion="css" data-s="">
1905
+ @media (min-width:600px) {
1906
+ .css-9rlk2o-MuiTypography-root-InsightTitle-root {
1907
+ font-size: calc(var(--baseFontSize) * 0.63);
1908
+ }
1909
+ }
1910
+ </style>
1911
+ <style data-emotion="css" data-s="">
1912
+ @media (min-width:900px) {
1913
+ .css-9rlk2o-MuiTypography-root-InsightTitle-root {
1914
+ font-size: calc(var(--baseFontSize) * 0.53);
1915
+ }
1916
+ }
1917
+ </style>
1918
+ <style data-emotion="css" data-s="">
1919
+ @media (min-width:1200px) {
1920
+ .css-9rlk2o-MuiTypography-root-InsightTitle-root {
1921
+ font-size: calc(var(--baseFontSize) * 0.37);
1922
+ }
1923
+ }
1924
+ </style>
1925
+ <style data-emotion="css" data-s="">
1926
+ .css-46bh2p-MuiCardContent-root {
1927
+ padding: 16px;
1928
+ }
1929
+ </style>
1930
+ <style data-emotion="css" data-s="">
1931
+ .css-46bh2p-MuiCardContent-root:last-child {
1932
+ padding-bottom: 24px;
1933
+ }
1934
+ </style>
1935
+ <style data-emotion="css" data-s="">
1936
+ .css-1sbj7e5 {
1937
+ position: relative;
1938
+ -webkit-align-items: stretch;
1939
+ -webkit-box-align: stretch;
1940
+ -ms-flex-align: stretch;
1941
+ align-items: stretch;
1942
+ display: -webkit-box;
1943
+ display: -webkit-flex;
1944
+ display: -ms-flexbox;
1945
+ display: flex;
1946
+ -webkit-flex-direction: column;
1947
+ -ms-flex-direction: column;
1948
+ flex-direction: column;
1949
+ -webkit-box-pack: start;
1950
+ -ms-flex-pack: start;
1951
+ -webkit-justify-content: start;
1952
+ justify-content: start;
1953
+ gap: 24px;
1954
+ }
1955
+ </style>
1956
+ <style data-emotion="css" data-s="">
1957
+ .css-1g0mloo {
1958
+ position: relative;
1959
+ -webkit-align-items: stretch;
1960
+ -webkit-box-align: stretch;
1961
+ -ms-flex-align: stretch;
1962
+ align-items: stretch;
1963
+ display: -webkit-box;
1964
+ display: -webkit-flex;
1965
+ display: -ms-flexbox;
1966
+ display: flex;
1967
+ -webkit-flex-direction: column;
1968
+ -ms-flex-direction: column;
1969
+ flex-direction: column;
1970
+ -webkit-box-pack: center;
1971
+ -ms-flex-pack: center;
1972
+ -webkit-justify-content: center;
1973
+ justify-content: center;
1974
+ -webkit-box-flex: 1;
1975
+ -webkit-flex-grow: 1;
1976
+ -ms-flex-positive: 1;
1977
+ flex-grow: 1;
1978
+ gap: 48px;
1979
+ }
1980
+ </style>
1981
+ <style data-emotion="css" data-s="">
1982
+ .css-1muyadp-MuiTypography-root-InsightValue-root {
1983
+ margin: 0;
1984
+ font-family: Roboto Flex, sans-serif;
1985
+ font-weight: 400;
1986
+ font-size: 0.75rem;
1987
+ line-height: 1.66;
1988
+ letter-spacing: 0.03333em;
1989
+ font-size: var(--insightValueFontSize, 39px);
1990
+ letter-spacing: 0;
1991
+ line-height: 1;
1992
+ margin-right: 6px;
1993
+ white-space: nowrap;
1994
+ }
1995
+ </style>
1996
+ <style data-emotion="css" data-s="">
1997
+ .css-1muyadp-MuiTypography-root-InsightValue-root.responsive-font-sizes {}
1998
+ </style>
1999
+ <style data-emotion="css" data-s="">
2000
+ @media (min-width:600px) {
2001
+ .css-1muyadp-MuiTypography-root-InsightValue-root.responsive-font-sizes {
2002
+ font-size: calc(var(--baseFontSize) * 0.95);
2003
+ }
2004
+ }
2005
+ </style>
2006
+ <style data-emotion="css" data-s="">
2007
+ @media (min-width:900px) {
2008
+ .css-1muyadp-MuiTypography-root-InsightValue-root.responsive-font-sizes {
2009
+ font-size: calc(var(--baseFontSize) * 0.72);
2010
+ }
2011
+ }
2012
+ </style>
2013
+ <style data-emotion="css" data-s="">
2014
+ @media (min-width:1200px) {
2015
+ .css-1muyadp-MuiTypography-root-InsightValue-root.responsive-font-sizes {
2016
+ font-size: calc(var(--baseFontSize) * 0.62);
2017
+ }
2018
+ }
2019
+ </style>
2020
+ <style data-emotion="css" data-s="">
2021
+ .css-1dxb3bi {
2022
+ position: relative;
2023
+ -webkit-align-items: stretch;
2024
+ -webkit-box-align: stretch;
2025
+ -ms-flex-align: stretch;
2026
+ align-items: stretch;
2027
+ display: -webkit-box;
2028
+ display: -webkit-flex;
2029
+ display: -ms-flexbox;
2030
+ display: flex;
2031
+ -webkit-flex-direction: column;
2032
+ -ms-flex-direction: column;
2033
+ flex-direction: column;
2034
+ -webkit-box-pack: center;
2035
+ -ms-flex-pack: center;
2036
+ -webkit-justify-content: center;
2037
+ justify-content: center;
2038
+ gap: 18px;
2039
+ }
2040
+ </style>
2041
+ <style data-emotion="css" data-s="">
2042
+ .css-1ymui5h-InsightTable-root {
2043
+ margin-bottom: 18px;
2044
+ }
2045
+ </style>
2046
+ <style data-emotion="css" data-s="">
2047
+ .css-1f4lctq-MuiTable-root-InsightTable-root {
2048
+ display: table;
2049
+ width: 100%;
2050
+ border-collapse: collapse;
2051
+ border-spacing: 0;
2052
+ margin-bottom: 18px;
2053
+ }
2054
+ </style>
2055
+ <style data-emotion="css" data-s="">
2056
+ .css-1f4lctq-MuiTable-root-InsightTable-root caption {
2057
+ font-family: Roboto Flex, sans-serif;
2058
+ font-weight: 400;
2059
+ font-size: 0.875rem;
2060
+ line-height: 1.43;
2061
+ letter-spacing: 0.01071em;
2062
+ padding: 24px;
2063
+ color: #daddf2;
2064
+ text-align: left;
2065
+ caption-side: bottom;
2066
+ }
2067
+ </style>
2068
+ <style data-emotion="css" data-s="">
2069
+ .css-15wwp11-MuiTableHead-root {
2070
+ display: table-header-group;
2071
+ }
2072
+ </style>
2073
+ <style data-emotion="css" data-s="">
2074
+ .css-v90db4-MuiTableRow-root {
2075
+ color: inherit;
2076
+ display: table-row;
2077
+ vertical-align: middle;
2078
+ outline: 0;
2079
+ }
2080
+ </style>
2081
+ <style data-emotion="css" data-s="">
2082
+ .css-v90db4-MuiTableRow-root.MuiTableRow-hover:hover {
2083
+ background-color: rgba(255, 255, 255, 0.08);
2084
+ }
2085
+ </style>
2086
+ <style data-emotion="css" data-s="">
2087
+ .css-v90db4-MuiTableRow-root.Mui-selected {
2088
+ background-color: rgba(175, 175, 249, 0.16);
2089
+ }
2090
+ </style>
2091
+ <style data-emotion="css" data-s="">
2092
+ .css-v90db4-MuiTableRow-root.Mui-selected:hover {
2093
+ background-color: rgba(175, 175, 249, 0.24);
2094
+ }
2095
+ </style>
2096
+ <style data-emotion="css" data-s="">
2097
+ .css-xvf3ef-MuiTableCell-root {
2098
+ font-family: Roboto Flex, sans-serif;
2099
+ font-weight: 500;
2100
+ font-size: 0.875rem;
2101
+ line-height: 1.5rem;
2102
+ letter-spacing: 0.01071em;
2103
+ display: table-cell;
2104
+ vertical-align: inherit;
2105
+ border-bottom: 1px solid rgba(81, 81, 81, 1);
2106
+ text-align: left;
2107
+ padding: 16px;
2108
+ color: #f7f8fc;
2109
+ }
2110
+ </style>
2111
+ <style data-emotion="css" data-s="">
2112
+ .css-apqrd9-MuiTableBody-root {
2113
+ display: table-row-group;
2114
+ }
2115
+ </style>
2116
+ <style data-emotion="css" data-s="">
2117
+ .css-15bwumy {
2118
+ position: relative;
2119
+ -webkit-align-items: stretch;
2120
+ -webkit-box-align: stretch;
2121
+ -ms-flex-align: stretch;
2122
+ align-items: stretch;
2123
+ display: -webkit-box;
2124
+ display: -webkit-flex;
2125
+ display: -ms-flexbox;
2126
+ display: flex;
2127
+ -webkit-flex-direction: column;
2128
+ -ms-flex-direction: column;
2129
+ flex-direction: column;
2130
+ -webkit-box-pack: center;
2131
+ -ms-flex-pack: center;
2132
+ -webkit-justify-content: center;
2133
+ justify-content: center;
2134
+ -webkit-box-flex: 1;
2135
+ -webkit-flex-grow: 1;
2136
+ -ms-flex-positive: 1;
2137
+ flex-grow: 1;
2138
+ }
2139
+ </style>
2140
+ <style data-emotion="css" data-s="">
2141
+ @media (min-width:0px) {
2142
+ .css-15bwumy {
2143
+ min-width: 100%;
2144
+ }
2145
+ }
2146
+ </style>
2147
+ <style data-emotion="css" data-s="">
2148
+ @media (min-width:900px) {
2149
+ .css-15bwumy {
2150
+ min-width: 420px;
2151
+ }
2152
+ }
2153
+ </style>
2154
+ <style data-emotion="css" data-s="">
2155
+ .css-8ywo0j {
2156
+ position: relative;
2157
+ -webkit-align-items: stretch;
2158
+ -webkit-box-align: stretch;
2159
+ -ms-flex-align: stretch;
2160
+ align-items: stretch;
2161
+ display: -webkit-box;
2162
+ display: -webkit-flex;
2163
+ display: -ms-flexbox;
2164
+ display: flex;
2165
+ -webkit-flex-direction: column;
2166
+ -ms-flex-direction: column;
2167
+ flex-direction: column;
2168
+ -webkit-box-pack: center;
2169
+ -ms-flex-pack: center;
2170
+ -webkit-justify-content: center;
2171
+ justify-content: center;
2172
+ }
2173
+ </style>
2174
+ <style data-emotion="css" data-s="">
2175
+ .css-hzamlr-MuiPaper-root {
2176
+ background-color: #121212;
2177
+ color: #f7f8fc;
2178
+ -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2179
+ transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2180
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
2181
+ background-image: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09));
2182
+ }
2183
+ </style>
2184
+ <style data-emotion="css" data-s="">
2185
+ .css-1cwzjk7 {
2186
+ position: relative;
2187
+ -webkit-align-items: center;
2188
+ -webkit-box-align: center;
2189
+ -ms-flex-align: center;
2190
+ align-items: center;
2191
+ display: -webkit-box;
2192
+ display: -webkit-flex;
2193
+ display: -ms-flexbox;
2194
+ display: flex;
2195
+ -webkit-flex-direction: row;
2196
+ -ms-flex-direction: row;
2197
+ flex-direction: row;
2198
+ -webkit-box-pack: center;
2199
+ -ms-flex-pack: center;
2200
+ -webkit-justify-content: center;
2201
+ justify-content: center;
2202
+ }
2203
+ </style>
2204
+ <style data-emotion="css" data-s="">
2205
+ .css-1s0yzfg {
2206
+ position: relative;
2207
+ -webkit-align-items: center;
2208
+ -webkit-box-align: center;
2209
+ -ms-flex-align: center;
2210
+ align-items: center;
2211
+ display: -webkit-box;
2212
+ display: -webkit-flex;
2213
+ display: -ms-flexbox;
2214
+ display: flex;
2215
+ -webkit-flex-direction: row;
2216
+ -ms-flex-direction: row;
2217
+ flex-direction: row;
2218
+ -webkit-box-pack: center;
2219
+ -ms-flex-pack: center;
2220
+ -webkit-justify-content: center;
2221
+ justify-content: center;
2222
+ -webkit-box-flex-wrap: wrap;
2223
+ -webkit-flex-wrap: wrap;
2224
+ -ms-flex-wrap: wrap;
2225
+ flex-wrap: wrap;
2226
+ text-transform: uppercase;
2227
+ }
2228
+ </style>
2229
+ <style data-emotion="css" data-s="">
2230
+ .css-dgcae6-MuiTypography-root-MuiLink-root {
2231
+ margin: 0;
2232
+ font-family: Roboto Flex, sans-serif;
2233
+ font-weight: 400;
2234
+ font-size: 0.875rem;
2235
+ line-height: 1.43;
2236
+ letter-spacing: 0.01071em;
2237
+ overflow: hidden;
2238
+ text-overflow: ellipsis;
2239
+ white-space: nowrap;
2240
+ color: #afaff9;
2241
+ margin: 0px;
2242
+ padding-left: 12px;
2243
+ padding-right: 12px;
2244
+ -webkit-text-decoration: underline;
2245
+ text-decoration: underline;
2246
+ text-decoration-color: rgba(175, 175, 249, 0.4);
2247
+ }
2248
+ </style>
2249
+ <style data-emotion="css" data-s="">
2250
+ .css-dgcae6-MuiTypography-root-MuiLink-root:hover {
2251
+ text-decoration-color: inherit;
2252
+ }
2253
+ </style>
2254
+ <style data-emotion="css" data-s="">
2255
+ .css-7qcdi0 {
2256
+ position: relative;
2257
+ -webkit-align-items: center;
2258
+ -webkit-box-align: center;
2259
+ -ms-flex-align: center;
2260
+ align-items: center;
2261
+ display: -webkit-box;
2262
+ display: -webkit-flex;
2263
+ display: -ms-flexbox;
2264
+ display: flex;
2265
+ -webkit-flex-direction: row;
2266
+ -ms-flex-direction: row;
2267
+ flex-direction: row;
2268
+ -webkit-box-pack: center;
2269
+ -ms-flex-pack: center;
2270
+ -webkit-justify-content: center;
2271
+ justify-content: center;
2272
+ padding-left: 6px;
2273
+ padding-right: 6px;
2274
+ }
2275
+ </style>
2276
+ <style data-emotion="css" data-s="">
2277
+ .css-1ipvwpm-MuiSvgIcon-root {
2278
+ -webkit-user-select: none;
2279
+ -moz-user-select: none;
2280
+ -ms-user-select: none;
2281
+ user-select: none;
2282
+ width: 1em;
2283
+ height: 1em;
2284
+ display: inline-block;
2285
+ fill: currentColor;
2286
+ -webkit-flex-shrink: 0;
2287
+ -ms-flex-negative: 0;
2288
+ flex-shrink: 0;
2289
+ -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2290
+ transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2291
+ font-size: 1.25rem;
2292
+ color: #afaff9;
2293
+ }
2294
+ </style>
2295
+ <style data-emotion="css" data-s="">
2296
+ .css-zzms1-MuiSnackbar-root {
2297
+ z-index: 1400;
2298
+ position: fixed;
2299
+ display: -webkit-box;
2300
+ display: -webkit-flex;
2301
+ display: -ms-flexbox;
2302
+ display: flex;
2303
+ left: 8px;
2304
+ right: 8px;
2305
+ -webkit-box-pack: center;
2306
+ -ms-flex-pack: center;
2307
+ -webkit-justify-content: center;
2308
+ justify-content: center;
2309
+ -webkit-align-items: center;
2310
+ -webkit-box-align: center;
2311
+ -ms-flex-align: center;
2312
+ align-items: center;
2313
+ top: 8px;
2314
+ }
2315
+ </style>
2316
+ <style data-emotion="css" data-s="">
2317
+ @media (min-width:600px) {
2318
+ .css-zzms1-MuiSnackbar-root {
2319
+ top: 24px;
2320
+ left: 50%;
2321
+ right: auto;
2322
+ -webkit-transform: translateX(-50%);
2323
+ -moz-transform: translateX(-50%);
2324
+ -ms-transform: translateX(-50%);
2325
+ transform: translateX(-50%);
2326
+ }
2327
+ }
2328
+ </style>
2329
+ <style data-emotion="css" data-s="">
2330
+ .css-1qf1ea7-MuiAlert-root {
2331
+ font-family: Roboto Flex, sans-serif;
2332
+ font-weight: 400;
2333
+ font-size: 0.875rem;
2334
+ line-height: 1.43;
2335
+ letter-spacing: 0.01071em;
2336
+ background-color: rgb(13, 21, 7);
2337
+ display: -webkit-box;
2338
+ display: -webkit-flex;
2339
+ display: -ms-flexbox;
2340
+ display: flex;
2341
+ padding: 6px 16px;
2342
+ color: rgb(207, 239, 184);
2343
+ }
2344
+ </style>
2345
+ <style data-emotion="css" data-s="">
2346
+ .css-1qf1ea7-MuiAlert-root .MuiAlert-icon {
2347
+ color: #6bcd23;
2348
+ }
2349
+ </style>
2350
+ <style data-emotion="css" data-s="">
2351
+ .css-1uk7md7-MuiPaper-root-MuiAlert-root {
2352
+ background-color: #121212;
2353
+ color: #f7f8fc;
2354
+ -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2355
+ transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2356
+ border-radius: 4px;
2357
+ box-shadow: none;
2358
+ background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
2359
+ font-family: Roboto Flex, sans-serif;
2360
+ font-weight: 400;
2361
+ font-size: 0.875rem;
2362
+ line-height: 1.43;
2363
+ letter-spacing: 0.01071em;
2364
+ background-color: rgb(13, 21, 7);
2365
+ display: -webkit-box;
2366
+ display: -webkit-flex;
2367
+ display: -ms-flexbox;
2368
+ display: flex;
2369
+ padding: 6px 16px;
2370
+ color: rgb(207, 239, 184);
2371
+ }
2372
+ </style>
2373
+ <style data-emotion="css" data-s="">
2374
+ .css-1uk7md7-MuiPaper-root-MuiAlert-root .MuiAlert-icon {
2375
+ color: #6bcd23;
2376
+ }
2377
+ </style>
2378
+ <style data-emotion="css" data-s="">
2379
+ .css-1ytlwq5-MuiAlert-icon {
2380
+ margin-right: 12px;
2381
+ padding: 7px 0;
2382
+ display: -webkit-box;
2383
+ display: -webkit-flex;
2384
+ display: -ms-flexbox;
2385
+ display: flex;
2386
+ font-size: 22px;
2387
+ opacity: 0.9;
2388
+ }
2389
+ </style>
2390
+ <style data-emotion="css" data-s="">
2391
+ .css-1vooibu-MuiSvgIcon-root {
2392
+ -webkit-user-select: none;
2393
+ -moz-user-select: none;
2394
+ -ms-user-select: none;
2395
+ user-select: none;
2396
+ width: 1em;
2397
+ height: 1em;
2398
+ display: inline-block;
2399
+ fill: currentColor;
2400
+ -webkit-flex-shrink: 0;
2401
+ -ms-flex-negative: 0;
2402
+ flex-shrink: 0;
2403
+ -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2404
+ transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
2405
+ font-size: inherit;
2406
+ }
2407
+ </style>
2408
+ <style data-emotion="css" data-s="">
2409
+ .css-1pxa9xg-MuiAlert-message {
2410
+ padding: 8px 0;
2411
+ min-width: 0;
2412
+ overflow: auto;
2413
+ }
2414
+ </style>
2415
+ <style data-emotion="css" data-s="">
2416
+ .css-zwr1uk-MuiAlertTitle-root {
2417
+ font-weight: 500;
2418
+ margin-top: -2px;
2419
+ }
2420
+ </style>
2421
+ <style data-emotion="css" data-s="">
2422
+ .css-1v70ukc-MuiTypography-root-MuiAlertTitle-root {
2423
+ margin: 0;
2424
+ font-size: 16px;
2425
+ font-weight: 300;
2426
+ font-family: Roboto Flex, sans-serif;
2427
+ line-height: 1.5;
2428
+ letter-spacing: 0.00938em;
2429
+ margin-bottom: 0.35em;
2430
+ font-weight: 500;
2431
+ margin-top: -2px;
2432
+ }
2433
+ </style>
2434
+ <style data-emotion="css" data-s="">
2435
+ .css-8je8zh-MuiTouchRipple-root {
2436
+ overflow: hidden;
2437
+ pointer-events: none;
2438
+ position: absolute;
2439
+ z-index: 0;
2440
+ top: 0;
2441
+ right: 0;
2442
+ bottom: 0;
2443
+ left: 0;
2444
+ border-radius: inherit;
2445
+ }
2446
+ </style>
2447
+ <meta content="website" property="og:type" data-react-helmet="true">
2448
+ <meta property="og:image"
2449
+ content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900">
2450
+ <meta property="og:image:height" content="900">
2451
+ <meta property="og:image:secure_url"
2452
+ content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900">
2453
+ <meta property="og:image:type" content="image/png">
2454
+ <meta property="og:image:url"
2455
+ content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900">
2456
+ <meta property="og:image:width" content="1600">
2457
+ <meta property="twitter:image"
2458
+ content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900">
2459
+ </head>
2460
+
2461
+ <body>
2462
+ <noscript>You need to enable JavaScript to run this app.</noscript>
2463
+ <div id="root">
2464
+ <div role="presentation" class="MuiSnackbar-root MuiSnackbar-anchorOriginTopCenter css-zzms1-MuiSnackbar-root">
2465
+ <div
2466
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardSuccess MuiAlert-standard css-1uk7md7-MuiPaper-root-MuiAlert-root"
2467
+ role="alert" direction="down"
2468
+ style="opacity: 1; transform: none; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;">
2469
+ <div class="MuiAlert-icon css-1ytlwq5-MuiAlert-icon"><svg
2470
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1vooibu-MuiSvgIcon-root" focusable="false"
2471
+ aria-hidden="true" viewBox="0 0 24 24" data-testid="SuccessOutlinedIcon">
2472
+ <path
2473
+ d="M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z">
2474
+ </path>
2475
+ </svg></div>
2476
+ <div class="MuiAlert-message css-1pxa9xg-MuiAlert-message">
2477
+ <div
2478
+ class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom MuiAlertTitle-root css-1v70ukc-MuiTypography-root-MuiAlertTitle-root">
2479
+ Default Seed Phrase Generated</div>Go to application settings to save it.
2480
+ </div>
2481
+ </div>
2482
+ </div>
2483
+ <div class="MuiBox-root css-ciamxw" id="web-chrome-flex" title="Foreventory: Your Data, Forever">
2484
+ <header
2485
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionStatic css-1anjpez-MuiPaper-root-MuiAppBar-root">
2486
+ <div class="MuiBox-root css-sqznlb">
2487
+ <div class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-1gtnaxq-MuiToolbar-root">
2488
+ <div class="MuiBox-root css-15lzidy"><a
2489
+ class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1rchtbd-MuiTypography-root-MuiLink-root"
2490
+ rel="noopener noreferrer" href="/"><img
2491
+ src="/static/media/forventory-logo-full-white.55c342a885a9c075bc9c876195a82b33.svg" height="40"></a>
2492
+ <p class="MuiTypography-root MuiTypography-body2 css-1ds9s6v-MuiTypography-root">(For · ev · en · tory)
2493
+ </p>
2494
+ </div>
2495
+ </div>
2496
+ <div class="MuiBox-root css-1jwqgu8"></div>
2497
+ <div class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-1gtnaxq-MuiToolbar-root">
2498
+ <div class="MuiStack-root css-pjl4gl-MuiStack-root">
2499
+ <div class="MuiBox-root css-53cylf">
2500
+ <div style="backface-visibility: hidden; display: inline-block; transform: none;"><button
2501
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-sizeMedium css-b57xgn-MuiButtonBase-root-MuiIconButton-root"
2502
+ tabindex="0" type="button"><svg
2503
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" focusable="false"
2504
+ aria-hidden="true" viewBox="0 0 24 24" data-testid="DarkModeRoundedIcon">
2505
+ <path
2506
+ d="M11.01 3.05C6.51 3.54 3 7.36 3 12c0 4.97 4.03 9 9 9 4.63 0 8.45-3.5 8.95-8 .09-.79-.78-1.42-1.54-.95-.84.54-1.84.85-2.91.85-2.98 0-5.4-2.42-5.4-5.4 0-1.06.31-2.06.84-2.89.45-.67-.04-1.63-.93-1.56z">
2507
+ </path>
2508
+ </svg><span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"></span></button></div>
2509
+ </div>
2510
+ </div>
2511
+ </div>
2512
+ </div>
2513
+ </header>
2514
+ <div class="MuiBox-root css-1nd76yy" id="sidebar-nav-flex">
2515
+ <div class="MuiBox-root css-1a7itrj" id="main-flex">
2516
+ <div class="MuiBox-root css-28wwcs">
2517
+ <div class="MuiBox-root css-3l0b0b">
2518
+ <ul class="MuiList-root MuiList-padding css-h4y409-MuiList-root">
2519
+ <div
2520
+ class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-19gw652-MuiButtonBase-root-MuiListItemButton-root"
2521
+ tabindex="0" role="button" style="opacity: 0.5;"><svg
2522
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" focusable="false"
2523
+ aria-hidden="true" viewBox="0 0 24 24" data-testid="HomeRoundedIcon">
2524
+ <path
2525
+ d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z">
2526
+ </path>
2527
+ </svg>
2528
+ <div class="MuiListItemText-root css-tlelie-MuiListItemText-root"><span
2529
+ class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1wh5nua-MuiTypography-root">Home</span>
2530
+ </div><span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"></span>
2531
+ </div>
2532
+ <div
2533
+ class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-19gw652-MuiButtonBase-root-MuiListItemButton-root"
2534
+ tabindex="0" role="button" style="opacity: 0.5;"><svg
2535
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" focusable="false"
2536
+ aria-hidden="true" viewBox="0 0 24 24" data-testid="Person2RoundedIcon">
2537
+ <path
2538
+ d="M18.39 14.56C16.71 13.7 14.53 13 12 13s-4.71.7-6.39 1.56C4.61 15.07 4 16.1 4 17.22V18c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-.78c0-1.12-.61-2.15-1.61-2.66zM9.78 12h4.44c1.21 0 2.14-1.06 1.98-2.26l-.32-2.45C15.57 5.39 13.92 4 12 4S8.43 5.39 8.12 7.29L7.8 9.74c-.16 1.2.77 2.26 1.98 2.26z">
2539
+ </path>
2540
+ </svg>
2541
+ <div class="MuiListItemText-root css-tlelie-MuiListItemText-root"><span
2542
+ class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-1wh5nua-MuiTypography-root">Profiles</span>
2543
+ </div><span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"></span>
2544
+ </div>
2545
+ </ul>
2546
+ </div>
2547
+ <div class="MuiBox-root css-qxpac0">
2548
+ <div class="MuiBox-root css-si8z4x-WebAppPage-root">
2549
+ <div class="MuiBox-root css-u786my-WebAppBody-root">
2550
+ <div class="MuiBox-root css-1atvl7e-WebAppBody-scrollableWrapper">
2551
+ <div class="MuiBox-root css-12romep-WebAppBody-scrollable">
2552
+ <div class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row css-1pi8xg4-MuiGrid2-root">
2553
+ <div class="MuiBox-root css-1wt76lp">
2554
+ <div
2555
+ class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-3 css-gj0rah-MuiGrid2-root"
2556
+ id="center-column">
2557
+ <div
2558
+ class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-12 css-16fnxy3-MuiGrid2-root">
2559
+ <div
2560
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1pk86bx-MuiPaper-root-MuiCard-root-InsightCard-root-OverviewStatGroupCard-root">
2561
+ <div
2562
+ class="MuiCardContent-root css-1ikl4xn-MuiCardContent-root-InsightCardContent-root">
2563
+ <div class="MuiBox-root css-1evpiyl">
2564
+ <div class="MuiBox-root css-ltnt6s"><span><span
2565
+ class="MuiTypography-root MuiTypography-caption css-yk5u2y-MuiTypography-root-InsightValue-root"></span><span
2566
+ class="MuiTypography-root MuiTypography-caption css-1to297f-MuiTypography-root-InsightUnit-root"></span></span><span
2567
+ class="MuiTypography-root MuiTypography-caption css-6mep9t-MuiTypography-root-InsightValueContext-root">total
2568
+ dollars spent on Netflix</span></div>
2569
+ <hr
2570
+ class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-1kpnj7b-MuiDivider-root">
2571
+ <div class="MuiBox-root css-ltnt6s"><span><span
2572
+ class="MuiTypography-root MuiTypography-caption css-1l8ht2t-MuiTypography-root-InsightValue-root">0.00</span><span
2573
+ class="MuiTypography-root MuiTypography-caption css-1to297f-MuiTypography-root-InsightUnit-root">undefined/hr</span></span><span
2574
+ class="MuiTypography-root MuiTypography-caption css-6mep9t-MuiTypography-root-InsightValueContext-root">Netflix
2575
+ subscription cost per hour watched</span></div>
2576
+ <hr
2577
+ class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-1kpnj7b-MuiDivider-root">
2578
+ <div class="MuiBox-root css-ltnt6s"><span><span
2579
+ class="MuiTypography-root MuiTypography-caption css-1drslf9-MuiTypography-root-InsightValue-root"></span><span
2580
+ class="MuiTypography-root MuiTypography-caption css-1to297f-MuiTypography-root-InsightUnit-root">years</span></span><span
2581
+ class="MuiTypography-root MuiTypography-caption css-6mep9t-MuiTypography-root-InsightValueContext-root">of
2582
+ Netflix in account lifetime</span></div>
2583
+ <hr
2584
+ class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-1kpnj7b-MuiDivider-root">
2585
+ <div class="MuiBox-root css-ltnt6s"><span><span
2586
+ class="MuiTypography-root MuiTypography-caption css-1u8eiqx-MuiTypography-root-InsightValue-root">0</span><span
2587
+ class="MuiTypography-root MuiTypography-caption css-1to297f-MuiTypography-root-InsightUnit-root">ratings</span></span><span
2588
+ class="MuiTypography-root MuiTypography-caption css-6mep9t-MuiTypography-root-InsightValueContext-root">shows
2589
+ rated on Netflix</span></div>
2590
+ <hr
2591
+ class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-1kpnj7b-MuiDivider-root">
2592
+ <div class="MuiBox-root css-ltnt6s"><span><span
2593
+ class="MuiTypography-root MuiTypography-caption css-1v64nd2-MuiTypography-root-InsightValue-root"></span><span
2594
+ class="MuiTypography-root MuiTypography-caption css-1to297f-MuiTypography-root-InsightUnit-root">hrs</span></span><span
2595
+ class="MuiTypography-root MuiTypography-caption css-6mep9t-MuiTypography-root-InsightValueContext-root">spent
2596
+ on favorite show</span></div>
2597
+ </div>
2598
+ </div>
2599
+ </div>
2600
+ </div>
2601
+ </div>
2602
+ <div class="MuiBox-root css-unk89q">
2603
+ <div
2604
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-sw47uj-MuiPaper-root-MuiCard-root-InsightCard-root">
2605
+ <div class="MuiCardHeader-root css-ko1l8i-MuiCardHeader-root-InsightCardHeader-root">
2606
+ <div class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"><span
2607
+ class="MuiTypography-root MuiTypography-h5 MuiCardHeader-title css-xlq5nl-MuiTypography-root">
2608
+ <p
2609
+ class="MuiTypography-root MuiTypography-body1 css-9rlk2o-MuiTypography-root-InsightTitle-root">
2610
+ Viewing Activity</p>
2611
+ </span></div>
2612
+ </div>
2613
+ <div class="MuiCardContent-root css-1ikl4xn-MuiCardContent-root-InsightCardContent-root">
2614
+ <div class="MuiCardContent-root css-46bh2p-MuiCardContent-root">
2615
+ <div class="MuiBox-root css-1sbj7e5">
2616
+ <div class="MuiBox-root css-1g0mloo">
2617
+ <div class="MuiBox-root css-ltnt6s"><span><span
2618
+ class="MuiTypography-root MuiTypography-caption css-1muyadp-MuiTypography-root-InsightValue-root"></span><span
2619
+ class="MuiTypography-root MuiTypography-caption css-1to297f-MuiTypography-root-InsightUnit-root"></span></span>
2620
+ </div>
2621
+ <div class="MuiBox-root css-1dxb3bi"></div>
2622
+ </div>
2623
+ <table class="MuiTable-root css-1f4lctq-MuiTable-root-InsightTable-root"
2624
+ style="table-layout: fixed;">
2625
+ <thead class="MuiTableHead-root css-15wwp11-MuiTableHead-root">
2626
+ <tr class="MuiTableRow-root MuiTableRow-head css-v90db4-MuiTableRow-root">
2627
+ <th
2628
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-xvf3ef-MuiTableCell-root"
2629
+ scope="col" style="border: none; opacity: 0.3; width: 10%;"></th>
2630
+ <th
2631
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-xvf3ef-MuiTableCell-root"
2632
+ scope="col" style="border: none; opacity: 0.3; width: 65%;"></th>
2633
+ <th
2634
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-xvf3ef-MuiTableCell-root"
2635
+ scope="col" style="border: none; opacity: 0.3; width: 25%;"></th>
2636
+ </tr>
2637
+ </thead>
2638
+ <tbody class="MuiTableBody-root css-apqrd9-MuiTableBody-root"></tbody>
2639
+ </table>
2640
+ </div>
2641
+ </div>
2642
+ </div>
2643
+ </div>
2644
+ <div
2645
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-sw47uj-MuiPaper-root-MuiCard-root-InsightCard-root">
2646
+ <div class="MuiCardHeader-root css-ko1l8i-MuiCardHeader-root-InsightCardHeader-root">
2647
+ <div class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"><span
2648
+ class="MuiTypography-root MuiTypography-h5 MuiCardHeader-title css-xlq5nl-MuiTypography-root">
2649
+ <p
2650
+ class="MuiTypography-root MuiTypography-body1 css-9rlk2o-MuiTypography-root-InsightTitle-root">
2651
+ Most Watched Shows</p>
2652
+ </span></div>
2653
+ </div>
2654
+ <div class="MuiCardContent-root css-1ikl4xn-MuiCardContent-root-InsightCardContent-root">
2655
+ <div class="MuiCardContent-root css-46bh2p-MuiCardContent-root">
2656
+ <div class="MuiBox-root css-1sbj7e5">
2657
+ <table class="MuiTable-root css-1f4lctq-MuiTable-root-InsightTable-root"
2658
+ style="table-layout: fixed;">
2659
+ <thead class="MuiTableHead-root css-15wwp11-MuiTableHead-root">
2660
+ <tr class="MuiTableRow-root MuiTableRow-head css-v90db4-MuiTableRow-root">
2661
+ <th
2662
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-xvf3ef-MuiTableCell-root"
2663
+ scope="col" style="border: none; opacity: 0.3; width: 15%;">Rank</th>
2664
+ <th
2665
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-xvf3ef-MuiTableCell-root"
2666
+ scope="col" style="border: none; opacity: 0.3; width: 60%;">Title</th>
2667
+ <th
2668
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-xvf3ef-MuiTableCell-root"
2669
+ scope="col" style="border: none; opacity: 0.3; width: 25%;">Total Hours</th>
2670
+ </tr>
2671
+ </thead>
2672
+ <tbody class="MuiTableBody-root css-apqrd9-MuiTableBody-root"></tbody>
2673
+ </table>
2674
+ </div>
2675
+ </div>
2676
+ </div>
2677
+ </div>
2678
+ <div class="MuiBox-root css-15bwumy"></div>
2679
+ </div>
2680
+ </div>
2681
+ </div>
2682
+ </div>
2683
+ </div>
2684
+ </div>
2685
+ </div>
2686
+ </div>
2687
+ </div>
2688
+ </div>
2689
+ </div>
2690
+ <div class="MuiBox-root css-8ywo0j" id="footer-flex">
2691
+ <div class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 css-hzamlr-MuiPaper-root">
2692
+ <div class="MuiBox-root css-8ywo0j">
2693
+ <div class="MuiBox-root css-1cwzjk7">
2694
+ <div class="MuiBox-root css-1s0yzfg" style="opacity: 0.6;"><a
2695
+ class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap MuiLink-root MuiLink-underlineAlways css-dgcae6-MuiTypography-root-MuiLink-root"
2696
+ href="https://xylabs.com/" target="_blank" title="Copyright © 2023 XY Labs, Inc."><small>Copyright ©
2697
+ 2023 XY Labs, Inc.</small></a><a
2698
+ class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap MuiLink-root MuiLink-underlineAlways css-dgcae6-MuiTypography-root-MuiLink-root"
2699
+ href="https://xyo.network/" target="_blank" title="XYO Foundation"><small>XYO Foundation</small></a><a
2700
+ class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap MuiLink-root MuiLink-underlineAlways css-dgcae6-MuiTypography-root-MuiLink-root"
2701
+ href="https://xylabs.com/privacy/" target="_blank" title="Privacy"><small>Privacy</small></a><a
2702
+ class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap MuiLink-root MuiLink-underlineAlways css-dgcae6-MuiTypography-root-MuiLink-root"
2703
+ href="https://xylabs.com/terms/" target="_blank" title="Terms"><small>Terms</small></a><a
2704
+ class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap MuiLink-root MuiLink-underlineAlways css-dgcae6-MuiTypography-root-MuiLink-root"
2705
+ href="https://xylabs.com/jobs" target="_blank" title="Careers"><small>Careers</small></a>
2706
+ <div class="MuiBox-root css-7qcdi0" style="cursor: pointer;"><svg
2707
+ class="MuiSvgIcon-root MuiSvgIcon-colorPrimary MuiSvgIcon-fontSizeSmall css-1ipvwpm-MuiSvgIcon-root"
2708
+ focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="MoreHorizIcon">
2709
+ <path
2710
+ d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z">
2711
+ </path>
2712
+ </svg></div>
2713
+ </div>
2714
+ </div>
2715
+ </div>
2716
+ </div>
2717
+ </div>
2718
+ </div>
2719
+ </div>
2720
+
2721
+
2722
+ </body>
2723
+
2724
+ </html>