@xylabs/sdk-meta 5.0.80 → 5.0.81

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 (26) hide show
  1. package/README.md +32 -0
  2. package/dist/neutral/index.mjs +1 -0
  3. package/dist/neutral/index.mjs.map +1 -1
  4. package/dist/neutral/meta/builder.d.ts +2 -0
  5. package/dist/neutral/meta/builder.d.ts.map +1 -1
  6. package/package.json +5 -8
  7. package/src/html/index.ts +0 -1
  8. package/src/html/mergeDocumentHead.ts +0 -47
  9. package/src/html/spec/destination.html +0 -23
  10. package/src/html/spec/source.html +0 -2724
  11. package/src/index.ts +0 -4
  12. package/src/lib/getMetaAsDict.ts +0 -22
  13. package/src/lib/index.ts +0 -1
  14. package/src/meta/builder.ts +0 -53
  15. package/src/meta/index.ts +0 -1
  16. package/src/models/Meta.ts +0 -9
  17. package/src/models/OpenGraph/OpenGraphMeta.ts +0 -17
  18. package/src/models/OpenGraph/OpenGraphStructured.ts +0 -9
  19. package/src/models/OpenGraph/OpenGraphStructuredProperty.ts +0 -3
  20. package/src/models/OpenGraph/index.ts +0 -3
  21. package/src/models/Twitter/Twitter.ts +0 -67
  22. package/src/models/Twitter/TwitterApp.ts +0 -17
  23. package/src/models/Twitter/TwitterPlayer.ts +0 -23
  24. package/src/models/Twitter/index.ts +0 -3
  25. package/src/models/index.ts +0 -3
  26. package/src/spec/template.html +0 -42
package/src/html/spec/source.html DELETED
@@ -1,2724 +0,0 @@
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>