forked from bombastictranz/CMC-MARKETS-CANADA
-
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathCMC Markets.html
More file actions
1692 lines (1577 loc) · 567 KB
/
CMC Markets.html
File metadata and controls
1692 lines (1577 loc) · 567 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<!-- saved from url=(0057)https://platform.cmcmarkets.com/#/app?b=CMC-CFD&r=CA&l=en -->
<html data-bybit-channel-name="V0vBLTKZS3Bm-xLlV4vhV"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><style id="css-reset">*,
* > * {
box-sizing: border-box;
}
body {
width: 100vw;
height: 100vh;
margin: 0;
}
/*
reset added to local container for dev purposes
the assumption being that the WFE reset will take care of reset duties when the MFE is inside it
if this MFE is to be used outside of the WFE, a separate reset will be required
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, button, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration: none;
}
a:focus,
input:focus,
a:focus-visible,
input:focus-visible {
vertical-align: baseline;
text-decoration: none;
outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL25vZGVfbW9kdWxlcy9AY21jdGVjaG5vbG9neS93ZmUtY29tcG9uZW50cy1jc3MtcmVzZXQvcmVzZXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsU0FBUztBQUNYOztBQUVBOzs7Ozs7O0NBT0M7O0FBRUQ7Ozs7Ozs7Ozs7Ozs7RUFhRSxTQUFTO0VBQ1QsVUFBVTtFQUNWLFNBQVM7RUFDVCxlQUFlO0VBQ2YsYUFBYTtFQUNiLHdCQUF3QjtFQUN4QixxQkFBcUI7QUFDdkI7O0FBRUE7Ozs7RUFJRSx3QkFBd0I7RUFDeEIscUJBQXFCO0VBQ3JCLGFBQWE7QUFDZjs7QUFFQSxnREFBZ0Q7QUFDaEQ7O0VBRUUsY0FBYztBQUNoQjs7QUFFQTtFQUNFLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxZQUFZO0FBQ2Q7O0FBRUE7O0VBRUUsV0FBVztFQUNYLGFBQWE7QUFDZjs7QUFFQTtFQUNFLHlCQUF5QjtFQUN6QixpQkFBaUI7QUFDbkIiLCJzb3VyY2VSb290IjoiIn0= */html,
body {
scrollbar-face-color: var(--scrollbar-face-color);
scrollbar-shadow-color: var(--scrollbar-shadow-color);
scrollbar-highlight-color: var(--scrollbar-highlight-color);
scrollbar-3dlight-color: var(--scrollbar-highlight-color);
scrollbar-darkshadow-color: var(--scrollbar-shadow-color);
scrollbar-track-color: var(--scrollbar-track-color);
scrollbar-arrow-color: var(--scrollbar-arrow-color);
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-color) var(--scrollbar-border);
}
::-webkit-scrollbar {
width: 16px;
border-left: 1px solid var(--scrollbar-face-color);
border-right: 1px solid var(--scrollbar-face-color);
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-corner {
background-color: var(--scrollbar-track-color);
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-background);
border-radius: 7.5px;
border: 6px solid var(--scrollbar-track-color);
}
::-webkit-scrollbar-track {
background-color: var(--scrollbar-track-color);
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-highlight-color);
}
/* target Firefox's scrollbar */
div,
span {
scrollbar-width: thin;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL25vZGVfbW9kdWxlcy9AY21jdGVjaG5vbG9neS93ZmUtY29tcG9uZW50cy1jc3MtcmVzZXQvc2Nyb2xsYmFycy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUUsaURBQWlEO0VBQ2pELHFEQUFxRDtFQUNyRCwyREFBMkQ7RUFDM0QseURBQXlEO0VBQ3pELHlEQUF5RDtFQUN6RCxtREFBbUQ7RUFDbkQsbURBQW1EO0VBQ25ELHFCQUFxQjtFQUNyQiwrREFBK0Q7QUFDakU7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsa0RBQWtEO0VBQ2xELG1EQUFtRDtBQUNyRDs7QUFFQTtFQUNFLGFBQWE7QUFDZjs7QUFFQTtFQUNFLDhDQUE4QztBQUNoRDtBQUNBO0VBQ0UsNkNBQTZDO0VBQzdDLG9CQUFvQjtFQUNwQiw4Q0FBOEM7QUFDaEQ7O0FBRUE7RUFDRSw4Q0FBOEM7QUFDaEQ7O0FBRUE7RUFDRSxrREFBa0Q7QUFDcEQ7O0FBRUEsK0JBQStCO0FBQy9COztFQUVFLHFCQUFxQjtBQUN2QiIsInNvdXJjZVJvb3QiOiIifQ== */:root .dark-theme {
--scrollbar-face-color: #38414b;
--scrollbar-shadow-color: #0d0e11;
--scrollbar-highlight-color: #434e59;
--scrollbar-track-color: #282e35;
--scrollbar-arrow-color: #4e5a68;
--scrollbar-color: #3d4651;
--scrollbar-border: #282e35;
--scrollbar-thumb-background: #313841;
}
:root .light-theme {
--scrollbar-face-color: #c1bfbf;
--scrollbar-shadow-color: #8f8b8b;
--scrollbar-highlight-color: #cecccc;
--scrollbar-track-color: #aeacac;
--scrollbar-arrow-color: #dad9d9;
--scrollbar-color: #dcddde;
--scrollbar-border: #fff;
--scrollbar-thumb-background: #edeff0;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL25vZGVfbW9kdWxlcy9AY21jdGVjaG5vbG9neS93ZmUtY29tcG9uZW50cy1jc3MtcmVzZXQvdG9rZW5zLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLCtCQUErQjtJQUMvQixpQ0FBaUM7SUFDakMsb0NBQW9DO0lBQ3BDLGdDQUFnQztJQUNoQyxnQ0FBZ0M7SUFDaEMsMEJBQTBCO0lBQzFCLDJCQUEyQjtJQUMzQixxQ0FBcUM7QUFDekM7O0FBRUE7SUFDSSwrQkFBK0I7SUFDL0IsaUNBQWlDO0lBQ2pDLG9DQUFvQztJQUNwQyxnQ0FBZ0M7SUFDaEMsZ0NBQWdDO0lBQ2hDLDBCQUEwQjtJQUMxQix3QkFBd0I7SUFDeEIscUNBQXFDO0FBQ3pDIiwic291cmNlUm9vdCI6IiJ9 */</style><style id="css-tokens">:root {
--mfe-color-cmc-navy-navy-100: rgba(16, 22, 38, 1);
--mfe-color-mono-black-0: rgba(255, 255, 255, 1);
--mfe-color-neutral-colors-navy-100: rgba(16, 22, 38, 1);
--mfe-color-neutral-colors-navy-20: rgba(109, 118, 145, 1);
--mfe-color-neutral-colors-white-100: rgba(255, 255, 255, 1);
--mfe-color-neutral-colors-white-85: rgba(217, 217, 217, 1);
--mfe-effect-shadow-xl: 0 0.625rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.04), 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1);
--mfe-font-family-bottom-price: "Arial-BoldMT", Helvetica, sans-serif;
--mfe-font-family-capital-label: "Arial-BoldMT", Helvetica, sans-serif;
--mfe-font-family-capital-title: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-default-thin: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-default: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-extra-large: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-extra-small: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-header: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-large-header: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-large-title: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-large: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-medium: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-price-sub: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-price: "ArialMT", Helvetica, sans-serif;
--mfe-font-family-small: "ArialMT", Helvetica, sans-serif;
--mfe-font-size-bottom-price: 0.6875rem;
--mfe-font-size-capital-label: 0.6875rem;
--mfe-font-size-capital-title: 0.625rem;
--mfe-font-size-default-thin: 0.75rem;
--mfe-font-size-default: 0.75rem;
--mfe-font-size-extra-large: 1.125rem;
--mfe-font-size-extra-small: 0.625rem;
--mfe-font-size-header: 1.125rem;
--mfe-font-size-large-header: 1.5rem;
--mfe-font-size-large-title: 1rem;
--mfe-font-size-large: 0.875rem;
--mfe-font-size-medium: 0.8125rem;
--mfe-font-size-price-sub: 1.25rem;
--mfe-font-size-price: 1.6875rem;
--mfe-font-size-small: 0.6875rem;
--mfe-font-weight-bottom-price: 700;
--mfe-font-weight-capital-label: 700;
--mfe-font-weight-capital-title: 400;
--mfe-font-weight-default-thin: 400;
--mfe-font-weight-default: 400;
--mfe-font-weight-extra-large: 400;
--mfe-font-weight-extra-small: 400;
--mfe-font-weight-header: 400;
--mfe-font-weight-large-header: 400;
--mfe-font-weight-large-title: 400;
--mfe-font-weight-large: 400;
--mfe-font-weight-medium: 400;
--mfe-font-weight-price-sub: 400;
--mfe-font-weight-price: 400;
--mfe-font-weight-small: 400;
--mfe-letter-spacing-capital-title: 0.125rem;
--mfe-line-height-bottom-price: 1.1818182;
--mfe-line-height-capital-label: 1.5454545;
--mfe-line-height-capital-title: 1.15;
--mfe-line-height-default-thin: 1.1666667;
--mfe-line-height-default: 1.3333333;
--mfe-line-height-extra-large: 1.1111111;
--mfe-line-height-extra-small: 1;
--mfe-line-height-header: 1.2222222;
--mfe-line-height-large-header: 1;
--mfe-line-height-large-title: 1;
--mfe-line-height-large: 1.2142857;
--mfe-line-height-medium: 1.2307692;
--mfe-line-height-price-sub: 1.1;
--mfe-line-height-price: 1;
--mfe-line-height-small: 1.3636364;
--mfe-text-transform-capital-label: uppercase;
--mfe-text-transform-capital-title: uppercase;
--mfe-text-transform-price-sub: uppercase;
--mfe-text-transform-price: uppercase;
}
:root .dark-theme {
--mfe-color-active-buy: rgba(42, 88, 95, 1);
--mfe-color-active-sell: rgba(95, 75, 42, 1);
--mfe-color-active: rgba(0, 51, 102, 1);
--mfe-color-ancillary-border: rgba(0, 0, 0, 0);
--mfe-color-ancillary-chart-background: rgba(32, 38, 44, 1);
--mfe-color-ancillary-feature-background: rgba(46, 51, 56, 1);
--mfe-color-ancillary-inset-background: rgba(32, 38, 44, 1);
--mfe-color-ancillary-section-background: rgba(0, 0, 0, 1);
--mfe-color-background: rgba(42, 50, 58, 1);
--mfe-color-breached-background: rgba(196, 0, 0, 1);
--mfe-color-buy-accent: rgba(0, 221, 255, 1);
--mfe-color-buy-action-button-disabled: rgba(0, 155, 179, 0.12);
--mfe-color-buy-action-button: rgba(0, 155, 179, 1);
--mfe-color-buy-background: rgba(0, 66, 77, 1);
--mfe-color-buy-disabled-alt: rgba(89, 155, 165, 0.3);
--mfe-color-buy-hover: rgba(0, 172, 198, 1);
--mfe-color-buy-price-ladder: rgba(0, 221, 255, 1);
--mfe-color-buy-quote-background-hover: rgba(0, 155, 179, 1);
--mfe-color-buy-quote-background-stale: rgba(52, 59, 65, 1);
--mfe-color-buy-quote-background: rgba(42, 88, 95, 1);
--mfe-color-buy-quote-label-inactive: rgba(0, 155, 179, 1);
--mfe-color-buy-quote-label: rgba(0, 221, 255, 1);
--mfe-color-buy-table-text: rgba(0, 155, 179, 1);
--mfe-color-buy-text: rgba(0, 155, 179, 1);
--mfe-color-buy: rgba(0, 155, 179, 1);
--mfe-color-cell-background-buy-high: var(--mfe-component-tokens-grid-body-cell-color-background-buy-high);
--mfe-color-cell-background-buy-hover: var(--mfe-component-tokens-grid-body-cell-color-background-buy-hover);
--mfe-color-cell-background-buy-low: var(--mfe-component-tokens-grid-body-cell-color-background-buy-low);
--mfe-color-cell-background-sell-high: var(--mfe-component-tokens-grid-body-cell-color-background-sell-high);
--mfe-color-cell-background-sell-hover: var(--mfe-component-tokens-grid-body-cell-color-background-sell-hover);
--mfe-color-cell-background-sell-low: var(--mfe-component-tokens-grid-body-cell-color-background-sell-low);
--mfe-color-cell-button-hover: rgba(0, 155, 179, 1);
--mfe-color-cell-button: rgba(42, 51, 60, 1);
--mfe-color-cell-text-buy: rgba(255, 255, 255, 1);
--mfe-color-cell-text-sell: rgba(255, 255, 255, 1);
--mfe-color-charting-0: rgba(54, 141, 217, 1);
--mfe-color-charting-1: rgba(54, 195, 217, 1);
--mfe-color-charting-2: rgba(113, 67, 191, 1);
--mfe-color-charting-3: rgba(57, 191, 106, 1);
--mfe-color-charting-4: rgba(51, 84, 204, 1);
--mfe-color-checkbox-background: rgba(43, 50, 59, 1);
--mfe-color-context-menu-background: rgba(50, 56, 61, 1);
--mfe-color-context-menu-hover-background: rgba(0, 177, 205, 1);
--mfe-color-context-menu-icon: rgba(255, 255, 255, 1);
--mfe-color-context-menu-row-hover-background: rgba(0, 124, 143, 1);
--mfe-color-dialog-background: rgba(36, 38, 40, 1);
--mfe-color-dialog-bar: rgba(46, 51, 56, 1);
--mfe-color-dialog-overlay: rgba(24, 25, 26, 0.97);
--mfe-color-divider-alt: rgba(255, 255, 255, 0.2);
--mfe-color-divider-highlight: rgba(255, 255, 255, 0.1);
--mfe-color-divider-low: rgba(34, 34, 34, 1);
--mfe-color-divider: rgba(0, 0, 0, 1);
--mfe-color-feature-filter-background-alt: rgba(61, 68, 75, 1);
--mfe-color-feature-filter-background: rgba(46, 51, 56, 1);
--mfe-color-feature-filter-sub-overlay: rgba(0, 0, 0, 0.1);
--mfe-color-feature-header-background: rgba(55, 61, 67, 1);
--mfe-color-feature-header-input: rgba(29, 33, 36, 1);
--mfe-color-green-accent: rgba(3, 225, 24, 1);
--mfe-color-green-low: rgba(2, 175, 19, 1);
--mfe-color-green-lowest: rgba(32, 93, 49, 1);
--mfe-color-green: var(--mfe-semantic-tokens-color-text-price-up);
--mfe-color-icon-disabled: rgba(255, 255, 255, 0.2);
--mfe-color-icon-hover: rgba(255, 255, 255, 1);
--mfe-color-icon: rgba(255, 255, 255, 0.5);
--mfe-color-input-background-focus: rgba(0, 26, 53, 1);
--mfe-color-input-background-inverted: rgba(255, 255, 255, 1);
--mfe-color-input-background-readonly: rgba(33, 35, 38, 1);
--mfe-color-input-background: rgba(18, 20, 21, 1);
--mfe-color-input-border-focus: rgba(0, 0, 0, 0);
--mfe-color-input-border: rgba(0, 0, 0, 0);
--mfe-color-input-text-inverted-focus: rgba(0, 51, 102, 1);
--mfe-color-input-text-inverted: rgba(0, 0, 0, 1);
--mfe-color-low: rgba(0, 0, 0, 1);
--mfe-color-on-active-buy: rgba(255, 255, 255, 1);
--mfe-color-on-active-sell: rgba(255, 255, 255, 1);
--mfe-color-on-active: rgba(255, 255, 255, 1);
--mfe-color-on-primary-hover: rgba(255, 255, 255, 1);
--mfe-color-on-primary: rgba(230, 242, 244, 1);
--mfe-color-options-chain-background: rgba(0, 0, 0, 1);
--mfe-color-options-chain-buy-background: rgba(9, 33, 36, 1);
--mfe-color-options-chain-sell-background: rgba(30, 28, 25, 1);
--mfe-color-options-itm-quadrant: rgba(255, 255, 255, 0.12);
--mfe-color-options-strike-border: rgba(255, 255, 255, 0.3);
--mfe-color-options-strike-header-background: rgba(255, 255, 255, 0.02);
--mfe-color-orange-lowest: rgba(105, 83, 41, 1);
--mfe-color-order-ticket-action-background: rgba(29, 33, 36, 1);
--mfe-color-order-ticket-arrow-down: rgba(255, 68, 68, 1);
--mfe-color-order-ticket-arrow-up: rgba(3, 225, 24, 1);
--mfe-color-order-ticket-background: rgba(29, 33, 36, 1);
--mfe-color-order-ticket-button-background: rgba(41, 51, 60, 1);
--mfe-color-order-ticket-close-button-hover: rgba(126, 128, 126, 1);
--mfe-color-order-ticket-close-button: rgba(100, 103, 100, 1);
--mfe-color-order-ticket-component: rgba(74, 76, 78, 1);
--mfe-color-order-ticket-divider: rgba(0, 0, 0, 1);
--mfe-color-order-ticket-label-buy: rgba(0, 155, 179, 1);
--mfe-color-order-ticket-label-sell: rgba(179, 113, 0, 1);
--mfe-color-order-ticket-receipt-background-error: rgba(38, 19, 34, 1);
--mfe-color-order-ticket-receipt-icon-error: rgba(77, 38, 68, 1);
--mfe-color-order-ticket-receipt-label-buy: rgba(0, 155, 179, 1);
--mfe-color-order-ticket-receipt-label-sell: rgba(179, 113, 0, 1);
--mfe-color-order-ticket-section-button-hover: rgba(39, 43, 47, 1);
--mfe-color-order-ticket-section-button: rgba(18, 20, 22, 1);
--mfe-color-order-type-border: rgba(0, 0, 0, 0);
--mfe-color-order-type-drop-down-active-background: rgba(0, 0, 0, 0.2);
--mfe-color-order-type-drop-down-hover-background: rgba(33, 33, 33, 1);
--mfe-color-order-type-icon-buy-hover: rgba(255, 255, 255, 1);
--mfe-color-order-type-icon-buy: rgba(25, 224, 255, 1);
--mfe-color-order-type-icon-sell-hover: rgba(255, 255, 255, 1);
--mfe-color-order-type-icon-sell: rgba(255, 170, 25, 1);
--mfe-color-price-ladder-background: rgba(42, 50, 58, 1);
--mfe-color-primary-border: rgba(0, 0, 0, 0);
--mfe-color-primary-disabled: rgba(254, 255, 255, 0.15);
--mfe-color-primary-hover: rgba(0, 155, 179, 1);
--mfe-color-primary-large-hover: rgba(32, 38, 44, 1);
--mfe-color-primary: rgba(0, 124, 143, 1);
--mfe-color-product-overview-commission: rgba(66, 152, 98, 1);
--mfe-color-product-overview-expiry-date: rgba(150, 139, 227, 1);
--mfe-color-product-overview-forwards: rgba(185, 78, 57, 1);
--mfe-color-product-overview-holding-costs: rgba(175, 196, 79, 1);
--mfe-color-product-overview-key-information-document: rgba(217, 201, 33, 1);
--mfe-color-product-overview-margin-rate: rgba(200, 12, 193, 1);
--mfe-color-product-overview-morning-star: rgba(255, 0, 0, 1);
--mfe-color-product-overview-options: rgba(223, 87, 170, 1);
--mfe-color-product-overview-spread: rgba(174, 127, 80, 1);
--mfe-color-product-overview-trading-hours: rgba(176, 142, 0, 1);
--mfe-color-product-overview-trading-limits: rgba(41, 171, 226, 1);
--mfe-color-product-type-tag-cfd: rgba(0, 78, 92, 1);
--mfe-color-product-type-tag-eq: rgba(40, 32, 96, 1);
--mfe-color-product-type-tag-fx: rgba(13, 63, 32, 1);
--mfe-color-product-type-tag-op: rgba(79, 23, 57, 1);
--mfe-color-quote-background: rgba(52, 58, 65, 1);
--mfe-color-quote-inset-hover: rgba(78, 87, 95, 1);
--mfe-color-quote-inset: rgba(61, 68, 75, 1);
--mfe-color-receipt-title: rgba(255, 255, 255, 1);
--mfe-color-red-accent: rgba(255, 68, 68, 1);
--mfe-color-red-low: rgba(196, 0, 0, 1);
--mfe-color-red-lowest: rgba(105, 55, 61, 1);
--mfe-color-red: var(--mfe-semantic-tokens-color-text-price-down);
--mfe-color-reuters-logo-text: rgba(255, 255, 255, 1);
--mfe-color-reuters-primary: rgba(255, 128, 0, 1);
--mfe-color-row-background-alt: rgba(22, 32, 44, 1);
--mfe-color-row-background-high-edit: rgba(12, 45, 67, 1);
--mfe-color-row-background-high: rgba(17, 26, 36, 1);
--mfe-color-row-background-high: var(--mfe-component-tokens-grid-body-row-color-background-high);
--mfe-color-row-background-hover: var(--mfe-component-tokens-grid-body-row-color-background-hover);
--mfe-color-row-background-low-edit: rgba(8, 31, 46, 1);
--mfe-color-row-background-low: var(--mfe-component-tokens-grid-body-row-color-background-low);
--mfe-color-row-hover-cell-background-buy: var(--mfe-component-tokens-grid-body-cell-color-background-buy-rowhover);
--mfe-color-row-hover-cell-background-sell: var(--mfe-component-tokens-grid-body-cell-color-background-sell-rowhover);
--mfe-color-row-hover-cell-button: rgba(42, 51, 60, 1);
--mfe-color-scrollbar-thumb-hover: var(--mfe-component-tokens-scrollbar-thumb-color-hover);
--mfe-color-scrollbar-thumb: var(--mfe-component-tokens-scrollbar-thumb-color-default);
--mfe-color-secondary: rgba(41, 51, 60, 1);
--mfe-color-section-highlight: rgba(255, 255, 255, 0.07);
--mfe-color-sell-accent: rgba(221, 207, 201, 1);
--mfe-color-sell-action-button-disabled: rgba(179, 113, 0, 0.12);
--mfe-color-sell-action-button: rgba(179, 113, 0, 1);
--mfe-color-sell-background: rgba(77, 48, 0, 1);
--mfe-color-sell-disabled-alt: rgba(183, 161, 122, 0.3);
--mfe-color-sell-hover: rgba(198, 125, 0, 1);
--mfe-color-sell-price-ladder: rgba(255, 161, 0, 1);
--mfe-color-sell-quote-background-hover: rgba(179, 113, 0, 1);
--mfe-color-sell-quote-background-stale: rgba(52, 59, 65, 1);
--mfe-color-sell-quote-background: rgba(95, 75, 42, 1);
--mfe-color-sell-quote-label-inactive: rgba(179, 113, 0, 1);
--mfe-color-sell-quote-label: rgba(255, 161, 0, 1);
--mfe-color-sell-table-text: rgba(179, 113, 0, 1);
--mfe-color-sell-text: rgba(179, 113, 0, 1);
--mfe-color-sell: rgba(179, 113, 0, 1);
--mfe-color-table-background-alt: rgba(10, 12, 14, 1);
--mfe-color-table-background: var(--mfe-component-tokens-grid-color-background-default);
--mfe-color-table-divider: rgba(39, 45, 52, 1);
--mfe-color-table-edit: rgba(32, 81, 130, 1);
--mfe-color-table-footer-background: var(--mfe-component-tokens-grid-footer-cell-color-background-default);
--mfe-color-table-header-background-alt: rgba(22, 25, 29, 1);
--mfe-color-table-header-background: var(--mfe-component-tokens-grid-header-cell-color-background-default);
--mfe-color-table-header-divider: rgba(39, 45, 52, 1);
--mfe-color-table-header-text: rgba(255, 255, 255, 0.5);
--mfe-color-text-action-button: rgba(255, 255, 255, 1);
--mfe-color-text-branded: rgba(0, 199, 230, 1);
--mfe-color-text-dialog: rgba(122, 153, 183, 1);
--mfe-color-text-disabled-low: rgba(255, 255, 255, 0.3);
--mfe-color-text-disabled: rgba(255, 255, 255, 0.5);
--mfe-color-text-inverted-in-light-theme-disabled-low: rgba(255, 255, 255, 0.3);
--mfe-color-text-inverted-in-light-theme-disabled: rgba(255, 255, 255, 0.5);
--mfe-color-text-inverted-in-light-theme-stale: rgba(255, 255, 255, 0.5);
--mfe-color-text-inverted-in-light-theme: rgba(255, 255, 255, 1);
--mfe-color-text-inverted: rgba(0, 0, 0, 1);
--mfe-color-text-low: var(--mfe-semantic-tokens-color-text-secondary);
--mfe-color-text-mid: rgba(255, 255, 255, 0.85);
--mfe-color-text-stale: rgba(255, 255, 255, 0.5);
--mfe-color-text: rgba(250, 250, 250, 1);
--mfe-color-text: var(--mfe-semantic-tokens-color-text-primary);
--mfe-color-tooltip-background: rgba(255, 255, 255, 1);
--mfe-color-tooltip-border: rgba(42, 50, 58, 1);
--mfe-color-tooltip-text: rgba(51, 51, 51, 1);
--mfe-color-utility-dark-10-desat: rgba(24, 25, 26, 1);
--mfe-color-utility-dark-10: rgba(21, 25, 29, 1);
--mfe-color-utility-dark-15-desat: rgba(36, 38, 40, 1);
--mfe-color-utility-dark-15: rgba(32, 38, 44, 1);
--mfe-color-utility-dark-20-desat: rgba(46, 51, 56, 1);
--mfe-color-utility-dark-24-desat: rgba(55, 61, 67, 1);
--mfe-color-utility-dark-5: rgba(10, 12, 14, 1);
--mfe-color-volatility-max: rgba(224, 0, 187, 1);
--mfe-color-volatility-min: rgba(242, 220, 239, 1);
--mfe-color-warning-accent: rgba(255, 186, 66, 1);
--mfe-color-warning: rgba(208, 134, 4, 1);
--mfe-effect-bordered-in-light-theme: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-button-alt: inset 0 0.0625rem 0 0 rgba(255, 255, 255, 0.1), 0 0.0625rem 0 0 rgba(0, 0, 0, 0.4);
--mfe-effect-button-order-ticket: inset 0 0.0625rem 0 0 rgba(255, 255, 255, 0.1);
--mfe-effect-button: inset 0 0.0625rem 0 0 rgba(255, 255, 255, 0.1);
--mfe-effect-buy-action-button-disabled: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-buy-action-button: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-checkbox-hover: 0 0 0 0.125rem rgba(0, 155, 179, 1);
--mfe-effect-checkbox-selected: 0 0 0 0.125rem rgba(0, 51, 102, 1);
--mfe-effect-context-menu-border: inset 0 0 0 0 rgba(255, 255, 255, 0);
--mfe-effect-context-menu-row-hover-border: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-custom-select-button: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-custom-select-options: 0 0 0 0.0625rem rgba(0, 0, 0, 0.5);
--mfe-effect-feature-filter-gradient-tall: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-feature-filter-sub: inset 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-input-error: 0 0 0 0.0625rem rgba(204, 0, 0, 1);
--mfe-effect-input-focus: 0 0.0625rem 0 0 rgba(255, 255, 255, 0.2);
--mfe-effect-input-inverted-focus: 0 0 0 0.0625rem rgba(0, 222, 255, 1);
--mfe-effect-input-warning: 0 0 0 0.0625rem rgba(208, 134, 4, 1);
--mfe-effect-input: 0 0.0625rem 0 0 rgba(255, 255, 255, 0.2);
--mfe-effect-no-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-order-ticket-highlight: inset 0 0.0625rem 0 0 rgba(255, 255, 255, 0.15);
--mfe-effect-order-ticket-order-type-border: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.3);
--mfe-effect-order-type-drop-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 1);
--mfe-effect-primary-disabled: inset 0 0.0625rem 0 0 rgba(255, 255, 255, 0.05);
--mfe-effect-quote-bevel: 0.0625rem 0.0625rem 0 0 rgba(255, 255, 255, 0.15);
--mfe-effect-quote-gradient: inset 0 -2.1875rem 2.1875rem 0 rgba(0, 0, 0, 0.35);
--mfe-effect-sell-action-button-disabled: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-sell-action-button: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-tooltip: 0 0 0 0 rgba(0, 0, 0, 0);
}
:root .light-theme {
--mfe-color-active-buy: rgba(5, 153, 176, 1);
--mfe-color-active-sell: rgba(204, 129, 0, 1);
--mfe-color-active: rgba(255, 255, 255, 1);
--mfe-color-ancillary-border: rgba(220, 221, 222, 1);
--mfe-color-ancillary-chart-background: rgba(237, 239, 240, 1);
--mfe-color-ancillary-feature-background: rgba(255, 255, 255, 1);
--mfe-color-ancillary-inset-background: rgba(237, 239, 240, 1);
--mfe-color-ancillary-section-background: rgba(255, 255, 255, 1);
--mfe-color-background: var(--mfe-component-tokens-grid-color-background-default);
--mfe-color-breached-background: rgba(235, 27, 26, 1);
--mfe-color-buy-action-button-disabled: rgba(220, 221, 222, 1);
--mfe-color-buy-action-button: rgba(5, 153, 176, 1);
--mfe-color-buy-background: rgba(2, 68, 78, 1);
--mfe-color-buy-disabled-alt: rgba(44, 122, 134, 0.1);
--mfe-color-buy-hover: rgba(5, 167, 192, 1);
--mfe-color-buy-price-ladder: rgba(5, 167, 192, 1);
--mfe-color-buy-quote-background-hover: rgba(85, 195, 212, 1);
--mfe-color-buy-quote-background-stale: rgba(150, 150, 150, 1);
--mfe-color-buy-quote-background: rgba(85, 195, 212, 1);
--mfe-color-buy-quote-label-inactive: rgba(153, 241, 254, 1);
--mfe-color-buy-quote-label: rgba(153, 241, 254, 1);
--mfe-color-buy-table-text: rgba(5, 153, 176, 1);
--mfe-color-buy-text: rgba(70, 108, 113, 1);
--mfe-color-buy: rgba(5, 153, 176, 1);
--mfe-color-cell-background-buy-high: var(--mfe-component-tokens-grid-body-cell-color-background-buy-high);
--mfe-color-cell-background-buy-hover: var(--mfe-component-tokens-grid-body-cell-color-background-buy-hover);
--mfe-color-cell-background-buy-low: var(--mfe-component-tokens-grid-body-cell-color-background-buy-low);
--mfe-color-cell-background-sell-high: var(--mfe-component-tokens-grid-body-cell-color-background-sell-high);
--mfe-color-cell-background-sell-hover: var(--mfe-component-tokens-grid-body-cell-color-background-sell-hover);
--mfe-color-cell-background-sell-low: var(--mfe-component-tokens-grid-body-cell-color-background-sell-low);
--mfe-color-cell-button-hover: rgba(255, 255, 255, 1);
--mfe-color-cell-button: rgba(226, 229, 232, 1);
--mfe-color-cell-text-buy: rgba(0, 66, 76, 1);
--mfe-color-cell-text-sell: rgba(76, 48, 0, 1);
--mfe-color-charting-0: rgba(45, 116, 179, 1);
--mfe-color-charting-1: rgba(28, 163, 184, 1);
--mfe-color-charting-2: rgba(92, 54, 158, 1);
--mfe-color-charting-3: rgba(46, 153, 85, 1);
--mfe-color-charting-4: rgba(44, 71, 168, 1);
--mfe-color-checkbox-background: rgba(255, 255, 255, 1);
--mfe-color-context-menu-background: rgba(255, 255, 255, 1);
--mfe-color-context-menu-hover-background: rgba(191, 255, 239, 1);
--mfe-color-context-menu-icon: rgba(91, 102, 112, 1);
--mfe-color-context-menu-row-hover-background: rgba(255, 255, 255, 1);
--mfe-color-dialog-background: rgba(255, 255, 255, 1);
--mfe-color-dialog-bar: rgba(220, 221, 222, 1);
--mfe-color-dialog-overlay: rgba(255, 255, 255, 0.95);
--mfe-color-divider-alt: rgba(0, 0, 0, 0.08);
--mfe-color-divider-highlight: rgba(255, 255, 255, 0.2);
--mfe-color-divider-low: rgba(0, 0, 0, 0.05);
--mfe-color-divider: rgba(0, 0, 0, 0.2);
--mfe-color-feature-filter-background-alt: rgba(240, 240, 240, 1);
--mfe-color-feature-filter-background: rgba(255, 255, 255, 1);
--mfe-color-feature-filter-sub-overlay: rgba(0, 0, 0, 0.04);
--mfe-color-feature-header-background: rgba(255, 255, 255, 1);
--mfe-color-feature-header-input: rgba(255, 255, 255, 1);
--mfe-color-green-accent: rgba(0, 255, 0, 1);
--mfe-color-green-low: rgba(29, 102, 0, 1);
--mfe-color-green-lowest: rgba(204, 225, 196, 1);
--mfe-color-green: var(--mfe-semantic-tokens-color-text-price-up);
--mfe-color-icon-disabled: rgba(0, 0, 0, 0.2);
--mfe-color-icon-hover: rgba(0, 0, 0, 1);
--mfe-color-icon: rgba(0, 0, 0, 0.5);
--mfe-color-input-background-focus: rgba(255, 255, 255, 1);
--mfe-color-input-background-inverted: rgba(255, 255, 255, 1);
--mfe-color-input-background-readonly: rgba(255, 255, 255, 0.5);
--mfe-color-input-background: rgba(255, 255, 255, 1);
--mfe-color-input-border-focus: rgba(0, 0, 0, 0);
--mfe-color-input-border: rgba(255, 255, 255, 0);
--mfe-color-input-text-inverted-focus: rgba(0, 0, 0, 1);
--mfe-color-input-text-inverted: rgba(0, 0, 0, 1);
--mfe-color-low: rgba(255, 255, 255, 1);
--mfe-color-on-active-buy: rgba(5, 153, 176, 1);
--mfe-color-on-active-sell: rgba(204, 129, 0, 1);
--mfe-color-on-active: rgba(0, 130, 255, 1);
--mfe-color-on-primary-hover: rgba(7, 22, 51, 1);
--mfe-color-on-primary: rgba(0, 0, 0, 0.85);
--mfe-color-options-chain-background: rgba(255, 255, 255, 1);
--mfe-color-options-chain-buy-background: rgba(255, 255, 255, 1);
--mfe-color-options-chain-sell-background: rgba(255, 255, 255, 1);
--mfe-color-options-itm-quadrant: rgba(0, 0, 0, 0.04);
--mfe-color-options-strike-border: rgba(0, 0, 0, 0.2);
--mfe-color-options-strike-header-background: rgba(255, 255, 255, 0.5);
--mfe-color-orange-lowest: rgba(255, 227, 179, 1);
--mfe-color-order-ticket-action-background: rgba(240, 240, 240, 1);
--mfe-color-order-ticket-arrow-down: rgba(255, 68, 68, 1);
--mfe-color-order-ticket-arrow-up: rgba(0, 255, 0, 1);
--mfe-color-order-ticket-background: rgba(220, 221, 222, 1);
--mfe-color-order-ticket-button-background: rgba(240, 240, 240, 1);
--mfe-color-order-ticket-close-button-hover: rgba(167, 169, 167, 1);
--mfe-color-order-ticket-close-button: rgba(149, 151, 149, 1);
--mfe-color-order-ticket-component: rgba(240, 240, 240, 1);
--mfe-color-order-ticket-divider: rgba(0, 0, 0, 0.08);
--mfe-color-order-ticket-label-buy: rgba(70, 108, 113, 1);
--mfe-color-order-ticket-label-sell: rgba(115, 89, 43, 1);
--mfe-color-order-ticket-receipt-background-error: rgba(241, 230, 241, 1);
--mfe-color-order-ticket-receipt-icon-error: rgba(133, 97, 131, 1);
--mfe-color-order-ticket-receipt-label-buy: rgba(70, 108, 113, 1);
--mfe-color-order-ticket-receipt-label-sell: rgba(115, 89, 43, 1);
--mfe-color-order-ticket-section-button-hover: rgba(255, 255, 255, 1);
--mfe-color-order-ticket-section-button: rgba(240, 240, 240, 1);
--mfe-color-order-type-border: rgba(0, 0, 0, 0.2);
--mfe-color-order-type-drop-down-active-background: rgba(220, 221, 222, 1);
--mfe-color-order-type-drop-down-hover-background: rgba(255, 255, 255, 1);
--mfe-color-order-type-icon-buy-hover: rgba(5, 153, 176, 1);
--mfe-color-order-type-icon-buy: rgba(5, 153, 176, 1);
--mfe-color-order-type-icon-sell-hover: rgba(204, 129, 0, 1);
--mfe-color-order-type-icon-sell: rgba(204, 129, 0, 1);
--mfe-color-price-ladder-background: rgba(227, 230, 232, 1);
--mfe-color-primary-disabled: rgba(255, 255, 255, 1);
--mfe-color-primary-hover: rgba(212, 255, 244, 1);
--mfe-color-primary-large-hover: rgba(212, 255, 244, 1);
--mfe-color-primary: rgba(240, 240, 240, 1);
--mfe-color-product-overview-commission: rgba(66, 152, 98, 1);
--mfe-color-product-overview-expiry-date: rgba(109, 94, 211, 1);
--mfe-color-product-overview-forwards: rgba(185, 78, 57, 1);
--mfe-color-product-overview-holding-costs: rgba(175, 196, 79, 1);
--mfe-color-product-overview-key-information-document: rgba(217, 201, 33, 1);
--mfe-color-product-overview-margin-rate: rgba(200, 12, 193, 1);
--mfe-color-product-overview-morning-star: rgba(255, 0, 0, 1);
--mfe-color-product-overview-options: rgba(162, 61, 122, 1);
--mfe-color-product-overview-spread: rgba(174, 127, 80, 1);
--mfe-color-product-overview-trading-hours: rgba(176, 142, 0, 1);
--mfe-color-product-overview-trading-limits: rgba(41, 171, 226, 1);
--mfe-color-product-type-tag-cfd: rgba(0, 155, 179, 1);
--mfe-color-product-type-tag-eq: rgba(63, 54, 125, 1);
--mfe-color-product-type-tag-fx: rgba(40, 139, 78, 1);
--mfe-color-product-type-tag-op: rgba(122, 31, 86, 1);
--mfe-color-quote-background: rgba(150, 150, 150, 1);
--mfe-color-quote-inset-hover: rgba(85, 87, 87, 1);
--mfe-color-quote-inset: rgba(113, 115, 116, 1);
--mfe-color-receipt-title: rgba(128, 128, 128, 1);
--mfe-color-red-accent: rgba(255, 68, 68, 1);
--mfe-color-red-low: rgba(89, 13, 12, 1);
--mfe-color-red-lowest: rgba(245, 220, 220, 1);
--mfe-color-red: var(--mfe-semantic-tokens-color-text-price-down);
--mfe-color-reuters-logo-text: rgba(132, 133, 135, 1);
--mfe-color-reuters-primary: rgba(255, 128, 0, 1);
--mfe-color-row-background-alt: rgba(255, 255, 255, 1);
--mfe-color-row-background-high-edit: rgba(255, 255, 255, 1);
--mfe-color-row-background-high: var(--mfe-component-tokens-grid-body-row-color-background-high);
--mfe-color-row-background-hover: var(--mfe-component-tokens-grid-body-row-color-background-hover);
--mfe-color-row-background-low-edit: rgba(236, 245, 255, 1);
--mfe-color-row-background-low: var(--mfe-component-tokens-grid-body-row-color-background-low);
--mfe-color-row-hover-cell-background-buy: var(--mfe-component-tokens-grid-body-cell-color-background-buy-rowhover);
--mfe-color-row-hover-cell-background-sell: var(--mfe-component-tokens-grid-body-cell-color-background-sell-rowhover);
--mfe-color-row-hover-cell-button: rgba(212, 216, 220, 1);
--mfe-color-scrollbar-thumb-hover: var(--mfe-component-tokens-scrollbar-thumb-color-hover);
--mfe-color-scrollbar-thumb: var(--mfe-component-tokens-scrollbar-thumb-color-default);
--mfe-color-secondary: rgba(240, 240, 240, 1);
--mfe-color-section-highlight: rgba(0, 0, 0, 0.07);
--mfe-color-sell-action-button-disabled: rgba(220, 221, 222, 1);
--mfe-color-sell-action-button: rgba(204, 129, 0, 1);
--mfe-color-sell-background: rgba(77, 48, 0, 1);
--mfe-color-sell-disabled-alt: rgba(134, 101, 44, 0.1);
--mfe-color-sell-hover: rgba(224, 141, 0, 1);
--mfe-color-sell-price-ladder: rgba(224, 141, 0, 1);
--mfe-color-sell-quote-background-hover: rgba(209, 158, 71, 1);
--mfe-color-sell-quote-background-stale: rgba(150, 150, 150, 1);
--mfe-color-sell-quote-background: rgba(209, 158, 71, 1);
--mfe-color-sell-quote-label-inactive: rgba(252, 245, 195, 1);
--mfe-color-sell-quote-label: rgba(252, 245, 195, 1);
--mfe-color-sell-table-text: rgba(204, 129, 0, 1);
--mfe-color-sell-text: rgba(114, 88, 43, 1);
--mfe-color-sell: rgba(204, 129, 0, 1);
--mfe-color-table-background-alt: rgba(254, 254, 254, 1);
--mfe-color-table-background: var(--mfe-component-tokens-grid-color-background-default);
--mfe-color-table-divider: rgba(249, 249, 249, 1);
--mfe-color-table-edit: rgba(219, 237, 255, 1);
--mfe-color-table-footer-background: var(--mfe-component-tokens-grid-footer-cell-color-background-default);
--mfe-color-table-header-background-alt: rgba(240, 240, 240, 1);
--mfe-color-table-header-background: var(--mfe-component-tokens-grid-header-cell-color-background-default);
--mfe-color-table-header-divider: rgba(249, 249, 249, 1);
--mfe-color-table-header-text: rgba(0, 0, 0, 0.7);
--mfe-color-text-action-button: rgba(255, 255, 255, 1);
--mfe-color-text-branded: rgba(0, 155, 179, 1);
--mfe-color-text-dialog: rgba(89, 89, 89, 1);
--mfe-color-text-disabled-low: rgba(0, 0, 0, 0.3);
--mfe-color-text-disabled: rgba(0, 0, 0, 0.45);
--mfe-color-text-inverted-in-light-theme-disabled-low: rgba(255, 255, 255, 0.5);
--mfe-color-text-inverted-in-light-theme-disabled: rgba(255, 255, 255, 0.5);
--mfe-color-text-inverted-in-light-theme-stale: rgba(255, 255, 255, 0.5);
--mfe-color-text-inverted-in-light-theme: rgba(255, 255, 255, 1);
--mfe-color-text-inverted: rgba(255, 255, 255, 1);
--mfe-color-text-low: var(--mfe-semantic-tokens-color-text-secondary);
--mfe-color-text-mid: rgba(0, 0, 0, 0.8);
--mfe-color-text-stale: rgba(0, 0, 0, 0.6);
--mfe-color-text: var(--mfe-semantic-tokens-color-text-primary);
--mfe-color-tooltip-background: rgba(255, 255, 255, 1);
--mfe-color-tooltip-border: rgba(0, 0, 0, 0.2);
--mfe-color-tooltip-text: rgba(0, 0, 0, 1);
--mfe-color-utility-light-13: rgba(32, 33, 33, 1);
--mfe-color-utility-light-20: rgba(50, 50, 51, 1);
--mfe-color-utility-light-31: rgba(78, 79, 80, 1);
--mfe-color-utility-light-38: rgba(95, 96, 97, 1);
--mfe-color-utility-light-52: rgba(132, 133, 134, 1);
--mfe-color-utility-light-59: rgba(150, 150, 150, 1);
--mfe-color-utility-light-66: rgba(167, 169, 171, 1);
--mfe-color-utility-light-80: rgba(202, 204, 205, 1);
--mfe-color-utility-light-87: rgba(220, 221, 222, 1);
--mfe-color-utility-light-94: rgba(239, 240, 240, 1);
--mfe-color-volatility-max: rgba(255, 51, 221, 1);
--mfe-color-volatility-min: rgba(128, 0, 106, 1);
--mfe-color-warning-accent: rgba(194, 123, 0, 1);
--mfe-color-warning: rgba(201, 145, 47, 1);
--mfe-effect-bordered-in-light-theme: 0 0 0 0.0625rem rgba(0, 0, 0, 0.125);
--mfe-effect-button-alt: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
--mfe-effect-button-order-ticket: inset 0 0 0 0.0625rem rgba(184, 186, 188, 1);
--mfe-effect-button: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
--mfe-effect-buy-action-button-disabled: 0 0 0 0.0625rem rgba(204, 204, 204, 1);
--mfe-effect-buy-action-button: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-checkbox-hover: 0 0 0 0.125rem rgba(7, 22, 51, 1);
--mfe-effect-checkbox-selected: 0 0 0 0.125rem rgba(0, 130, 255, 1);
--mfe-effect-context-menu-border: 0 0 0 0.0625rem rgba(154, 166, 166, 1);
--mfe-effect-context-menu-row-hover-border: 0 0 0 0.0625rem rgba(90, 101, 111, 1);
--mfe-effect-custom-select-button: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
--mfe-effect-custom-select-options: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
--mfe-effect-feature-filter-gradient-tall: inset 0 -1.125rem 1.125rem 0 rgba(0, 0, 0, 0.04);
--mfe-effect-feature-filter-gradient: inset 0 -0.5rem 0.3125rem 0 rgba(0, 0, 0, 0.03);
--mfe-effect-feature-filter-sub: inset 0 0.0625rem 0 0 rgba(0, 0, 0, 0.03);
--mfe-effect-input-error: 0 0 0 0.0625rem rgba(239, 73, 72, 1);
--mfe-effect-input-focus: 0 0 0 0.0625rem rgba(0, 130, 255, 1);
--mfe-effect-input-inverted-focus: 0 0 0 0.0625rem rgba(0, 130, 255, 1);
--mfe-effect-input-warning: 0 0 0 0.0625rem rgba(201, 145, 47, 1);
--mfe-effect-input: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
--mfe-effect-no-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-order-ticket-highlight: inset 0 0.0625rem 0 0 rgba(255, 255, 255, 0.4);
--mfe-effect-order-ticket-order-type-border: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-order-type-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-primary-disabled: 0 0 0 0.0625rem rgba(0, 0, 0, 0.08);
--mfe-effect-quote-bevel: 0.0625rem 0.0625rem 0 0 rgba(255, 255, 255, 0.15);
--mfe-effect-quote-gradient: inset 0 -2.1875rem 2.1875rem 0 rgba(0, 0, 0, 0.09);
--mfe-effect-sell-action-button-disabled: 0 0 0 0.0625rem rgba(204, 204, 204, 1);
--mfe-effect-sell-action-button: 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-tooltip: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
}
.brand-cmc-institutional-2 .dark-theme {
--mfe-color-active-buy: rgba(15, 33, 86, 1);
--mfe-color-active-sell: rgba(86, 29, 15, 1);
--mfe-color-active: rgba(85, 88, 98, 1);
--mfe-color-buy-action-button-disabled: rgba(35, 71, 168, 0);
--mfe-color-buy-action-button: rgba(255, 255, 255, 0);
--mfe-color-buy-disabled-alt: rgba(35, 71, 168, 0.3);
--mfe-color-buy-hover: rgba(51, 91, 204, 1);
--mfe-color-buy-price-ladder: rgba(153, 180, 255, 1);
--mfe-color-buy-quote-background-hover: rgba(24, 47, 113, 1);
--mfe-color-buy-quote-background-stale: rgba(22, 42, 105, 1);
--mfe-color-buy-quote-background: rgba(22, 42, 105, 1);
--mfe-color-buy-quote-label-inactive: rgba(153, 180, 255, 1);
--mfe-color-buy-quote-label: rgba(255, 255, 255, 1);
--mfe-color-buy-table-text: rgba(153, 178, 255, 1);
--mfe-color-buy-text: rgba(153, 178, 255, 1);
--mfe-color-buy: rgba(45, 82, 183, 1);
--mfe-color-cell-background-buy-even: rgba(27, 32, 48, 1);
--mfe-color-cell-background-buy-hover: rgba(71, 105, 209, 1);
--mfe-color-cell-background-buy-odd: rgba(11, 11, 18, 1);
--mfe-color-cell-background-sell-even: rgba(42, 23, 18, 1);
--mfe-color-cell-background-sell-hover: rgba(153, 30, 0, 1);
--mfe-color-cell-background-sell-odd: rgba(18, 13, 12, 1);
--mfe-color-cell-button-hover: rgba(123, 121, 133, 1);
--mfe-color-context-menu-hover-background: rgba(134, 140, 156, 1);
--mfe-color-context-menu-row-hover-background: rgba(114, 119, 125, 1);
--mfe-color-input-text-inverted-focus: rgba(0, 0, 0, 1);
--mfe-color-order-ticket-label-buy: rgba(171, 172, 172, 1);
--mfe-color-order-ticket-label-sell: rgba(171, 172, 172, 1);
--mfe-color-order-ticket-receipt-label-buy: rgba(153, 178, 255, 1);
--mfe-color-order-ticket-receipt-label-sell: rgba(255, 132, 102, 1);
--mfe-color-order-type-icon-buy-hover: rgba(255, 255, 255, 1);
--mfe-color-order-type-icon-buy: rgba(153, 178, 255, 1);
--mfe-color-order-type-icon-sell-hover: rgba(255, 255, 255, 1);
--mfe-color-order-type-icon-sell: rgba(255, 104, 66, 1);
--mfe-color-primary-hover: rgba(73, 76, 84, 1);
--mfe-color-primary: rgba(37, 45, 53, 1);
--mfe-color-product-type-tag-cfd: rgba(58, 110, 120, 1);
--mfe-color-product-type-tag-eq: rgba(19, 43, 108, 1);
--mfe-color-product-type-tag-fx: rgba(0, 77, 51, 1);
--mfe-color-product-type-tag-op: rgba(66, 30, 71, 1);
--mfe-color-quote-background: rgba(52, 58, 65, 1);
--mfe-color-red-accent: rgba(255, 104, 66, 1);
--mfe-color-red-low: rgba(193, 38, 0, 1);
--mfe-color-red: rgba(255, 104, 66, 1);
--mfe-color-row-background-hover: rgba(43, 50, 68, 1);
--mfe-color-row-hover-cell-background-buy: rgba(38, 69, 160, 1);
--mfe-color-row-hover-cell-background-sell: rgba(107, 21, 0, 1);
--mfe-color-row-hover-cell-button: rgba(87, 86, 94, 1);
--mfe-color-sell-action-button-disabled: rgba(193, 38, 0, 0);
--mfe-color-sell-action-button: rgba(0, 0, 0, 0);
--mfe-color-sell-disabled-alt: rgba(193, 38, 0, 0.3);
--mfe-color-sell-hover: rgba(153, 30, 0, 1);
--mfe-color-sell-price-ladder: rgba(255, 132, 102, 1);
--mfe-color-sell-quote-background-hover: rgba(122, 24, 0, 1);
--mfe-color-sell-quote-background-stale: rgba(112, 22, 0, 1);
--mfe-color-sell-quote-background: rgba(112, 22, 0, 1);
--mfe-color-sell-quote-label-inactive: rgba(234, 104, 71, 1);
--mfe-color-sell-quote-label: rgba(255, 255, 255, 1);
--mfe-color-sell-table-text: rgba(255, 104, 66, 1);
--mfe-color-sell-text: rgba(255, 104, 66, 1);
--mfe-color-sell: rgba(132, 26, 0, 1);
--mfe-color-text-branded: rgba(255, 132, 102, 1);
--mfe-color-warning-accent: rgba(255, 132, 102, 1);
--mfe-color-warning: rgba(255, 75, 30, 1);
--mfe-effect-buy-action-button-disabled: 0 0 0 0.0625rem rgba(51, 91, 204, 0.6);
--mfe-effect-buy-action-button: 0 0 0 0.0625rem rgba(51, 51, 204, 1);
--mfe-effect-checkbox-hover: 0 0 0 0.125rem rgba(87, 86, 94, 1);
--mfe-effect-input-inverted-focus: 0 0 0 0.0625rem rgba(0, 0, 0, 1);
--mfe-effect-quote-gradient: inset 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-sell-action-button-disabled: 0 0 0 0.0625rem rgba(153, 31, 0, 0.6);
--mfe-effect-sell-action-button: 0 0 0 0.0625rem rgba(153, 30, 0, 1);
}
.brand-cmc-institutional-2 .light-theme {
--mfe-color-active-buy: rgba(11, 34, 96, 1);
--mfe-color-active-sell: rgba(137, 27, 0, 1);
--mfe-color-buy-action-button: rgba(0, 0, 0, 0);
--mfe-color-buy-disabled-alt: rgba(127, 159, 255, 0.2);
--mfe-color-buy-hover: rgba(39, 78, 185, 1);
--mfe-color-buy-price-ladder: rgba(11, 34, 96, 1);
--mfe-color-buy-quote-background-hover: rgba(35, 71, 168, 1);
--mfe-color-buy-quote-background-stale: rgba(35, 71, 168, 1);
--mfe-color-buy-quote-background: rgba(35, 71, 168, 1);
--mfe-color-buy-quote-label-inactive: rgba(255, 255, 255, 1);
--mfe-color-buy-quote-label: rgba(255, 255, 255, 1);
--mfe-color-buy-table-text: rgba(113, 141, 219, 1);
--mfe-color-buy-text: rgba(10, 33, 96, 1);
--mfe-color-buy: rgba(35, 71, 168, 1);
--mfe-color-cell-background-buy-hover: rgba(68, 109, 222, 1);
--mfe-color-cell-background-sell-hover: rgba(237, 81, 42, 1);
--mfe-color-cell-text-buy: rgba(91, 124, 214, 1);
--mfe-color-cell-text-sell: rgba(214, 116, 91, 1);
--mfe-color-context-menu-hover-background: rgba(237, 235, 230, 1);
--mfe-color-on-active-buy: rgba(68, 109, 222, 1);
--mfe-color-on-active-sell: rgba(255, 75, 30, 1);
--mfe-color-on-active: rgba(255, 75, 30, 1);
--mfe-color-order-ticket-arrow-down: rgba(255, 255, 255, 1);
--mfe-color-order-ticket-arrow-up: rgba(255, 255, 255, 1);
--mfe-color-order-ticket-label-buy: rgba(128, 128, 128, 1);
--mfe-color-order-ticket-label-sell: rgba(128, 128, 128, 1);
--mfe-color-order-ticket-receipt-label-buy: rgba(39, 71, 160, 1);
--mfe-color-order-ticket-receipt-label-sell: rgba(178, 35, 0, 1);
--mfe-color-order-type-icon-buy-hover: rgba(132, 157, 224, 1);
--mfe-color-order-type-icon-buy: rgba(113, 142, 220, 1);
--mfe-color-order-type-icon-sell-hover: rgba(219, 133, 112, 1);
--mfe-color-order-type-icon-sell: rgba(214, 116, 91, 1);
--mfe-color-primary-hover: rgba(228, 229, 230, 1);
--mfe-color-primary-large-hover: rgba(247, 247, 247, 1);
--mfe-color-product-type-tag-cfd: rgba(61, 129, 142, 1);
--mfe-color-product-type-tag-eq: rgba(12, 39, 114, 1);
--mfe-color-product-type-tag-fx: rgba(15, 137, 96, 1);
--mfe-color-product-type-tag-op: rgba(97, 12, 114, 1);
--mfe-color-quote-background: rgba(150, 150, 150, 1);
--mfe-color-red-accent: rgba(255, 104, 66, 1);
--mfe-color-red-low: rgba(91, 26, 10, 1);
--mfe-color-red: rgba(204, 40, 0, 1);
--mfe-color-row-background-hover: rgba(231, 234, 242, 1);
--mfe-color-row-hover-cell-background-buy: rgba(35, 71, 168, 1);
--mfe-color-row-hover-cell-background-sell: rgba(193, 38, 0, 1);
--mfe-color-sell-action-button: rgba(0, 0, 0, 0);
--mfe-color-sell-disabled-alt: rgba(255, 152, 127, 0.2);
--mfe-color-sell-hover: rgba(214, 42, 0, 1);
--mfe-color-sell-price-ladder: rgba(137, 27, 0, 1);
--mfe-color-sell-quote-background-hover: rgba(224, 44, 0, 1);
--mfe-color-sell-quote-background-stale: rgba(193, 38, 0, 1);
--mfe-color-sell-quote-background: rgba(193, 38, 0, 1);
--mfe-color-sell-quote-label-inactive: rgba(255, 255, 255, 1);
--mfe-color-sell-quote-label: rgba(255, 255, 255, 1);
--mfe-color-sell-table-text: rgba(214, 116, 91, 1);
--mfe-color-sell-text: rgba(137, 27, 0, 1);
--mfe-color-sell: rgba(193, 38, 0, 1);
--mfe-color-text-action-button: rgba(0, 0, 0, 1);
--mfe-color-text-branded: rgba(153, 30, 0, 1);
--mfe-color-warning-accent: rgba(204, 40, 0, 1);
--mfe-color-warning: rgba(255, 75, 30, 1);
--mfe-effect-buy-action-button: 0 0 0 0.0625rem rgba(51, 51, 204, 1);
--mfe-effect-input-background-readonly: 0 0 0 0.0625rem rgba(0, 0, 0, 1);
--mfe-effect-input-inverted-focus: 0 0 0 0.0625rem rgba(0, 0, 0, 1);
--mfe-effect-quote-gradient: inset 0 0 0 0 rgba(0, 0, 0, 0);
--mfe-effect-sell-action-button: 0 0 0 0.0625rem rgba(194, 39, 0, 1);
}
.brand-cmc-institutional .dark-theme {
--mfe-color-active-buy: rgba(42, 67, 95, 1);
--mfe-color-active-sell: rgba(93, 87, 71, 1);
--mfe-color-active: rgba(93, 87, 71, 1);
--mfe-color-buy-action-button-disabled: rgba(94, 143, 195, 0.12);
--mfe-color-buy-action-button: rgba(94, 143, 195, 1);
--mfe-color-buy-disabled-alt: rgba(94, 143, 195, 0.3);
--mfe-color-buy-hover: rgba(109, 153, 201, 1);
--mfe-color-buy-price-ladder: rgba(124, 165, 209, 1);
--mfe-color-buy-quote-background-hover: rgba(94, 143, 195, 1);
--mfe-color-buy-quote-background: rgba(76, 111, 150, 1);
--mfe-color-buy-quote-label-inactive: rgba(94, 143, 195, 1);
--mfe-color-buy-quote-label: rgba(124, 165, 209, 1);
--mfe-color-buy-text: rgba(169, 198, 230, 1);
--mfe-color-buy: rgba(94, 143, 195, 1);
--mfe-color-cell-background-buy-even: rgba(16, 27, 41, 1);
--mfe-color-cell-background-buy-hover: rgba(76, 111, 150, 1);
--mfe-color-cell-background-buy-odd: rgba(22, 38, 56, 1);
--mfe-color-cell-background-sell-even: rgba(31, 29, 25, 1);
--mfe-color-cell-background-sell-hover: rgba(130, 119, 86, 1);
--mfe-color-cell-background-sell-odd: rgba(40, 38, 33, 1);
--mfe-color-cell-button-hover: rgba(123, 121, 133, 1);
--mfe-color-context-menu-hover-background: rgba(167, 155, 123, 1);
--mfe-color-context-menu-row-hover-background: rgba(114, 119, 125, 1);
--mfe-color-input-text-inverted-focus: rgba(0, 0, 0, 1);
--mfe-color-order-ticket-label-buy: rgba(169, 198, 230, 1);
--mfe-color-order-ticket-label-sell: rgba(168, 157, 125, 1);
--mfe-color-order-ticket-receipt-label-buy: rgba(169, 198, 230, 1);
--mfe-color-order-ticket-receipt-label-sell: rgba(168, 157, 125, 1);
--mfe-color-order-type-icon-buy: rgba(168, 195, 223, 1);
--mfe-color-order-type-icon-sell: rgba(168, 157, 125, 1);
--mfe-color-primary: rgba(93, 87, 71, 1);
--mfe-color-row-background-hover: rgba(56, 56, 56, 1);
--mfe-color-row-hover-cell-background-buy: rgba(46, 59, 74, 1);
--mfe-color-row-hover-cell-background-sell: rgba(66, 64, 54, 1);
--mfe-color-row-hover-cell-button: rgba(87, 86, 94, 1);
--mfe-color-sell-action-button-disabled: rgba(176, 166, 137, 0.1);
--mfe-color-sell-action-button: rgba(167, 155, 123, 1);
--mfe-color-sell-disabled-alt: rgba(176, 166, 137, 0.3);
--mfe-color-sell-hover: rgba(176, 166, 137, 1);
--mfe-color-sell-price-ladder: rgba(199, 191, 171, 1);
--mfe-color-sell-quote-background-hover: rgba(179, 155, 81, 1);
--mfe-color-sell-quote-background: rgba(130, 119, 86, 1);
--mfe-color-sell-quote-label-inactive: rgba(179, 155, 81, 1);
--mfe-color-sell-quote-label: rgba(210, 196, 160, 1);
--mfe-color-sell-text: rgba(168, 157, 125, 1);
--mfe-color-sell: rgba(167, 155, 123, 1);
--mfe-color-text-branded: rgba(124, 165, 209, 1);
--mfe-effect-checkbox-hover: 0 0 0 0.125rem rgba(87, 86, 94, 1);
--mfe-effect-input-inverted-focus: 0 0 0 0.0625rem rgba(0, 0, 0, 1);
}
.brand-cmc-institutional .light-theme {
--mfe-color-active-buy: rgba(57, 85, 116, 1);
--mfe-color-active-sell: rgba(125, 110, 45, 1);
--mfe-color-buy-action-button: rgba(118, 155, 194, 1);
--mfe-color-buy-disabled-alt: rgba(94, 143, 195, 0.2);
--mfe-color-buy-hover: rgba(132, 165, 200, 1);
--mfe-color-buy-price-ladder: rgba(76, 109, 148, 1);
--mfe-color-buy-quote-background-hover: rgba(118, 155, 194, 1);
--mfe-color-buy-quote-background: rgba(126, 163, 207, 1);
--mfe-color-buy-quote-label-inactive: rgba(200, 211, 229, 1);
--mfe-color-buy-quote-label: rgba(191, 222, 255, 1);
--mfe-color-buy-text: rgba(89, 126, 165, 1);
--mfe-color-buy: rgba(118, 155, 194, 1);
--mfe-color-cell-background-buy-hover: rgba(115, 151, 189, 1);
--mfe-color-cell-background-sell-hover: rgba(168, 157, 125, 1);
--mfe-color-cell-text-buy: rgba(57, 85, 116, 1);
--mfe-color-cell-text-sell: rgba(125, 110, 45, 1);
--mfe-color-context-menu-hover-background: rgba(237, 235, 230, 1);
--mfe-color-on-active-buy: rgba(57, 85, 116, 1);
--mfe-color-on-active-sell: rgba(125, 110, 45, 1);
--mfe-color-on-active: rgba(101, 85, 42, 1);
--mfe-color-order-ticket-label-buy: rgba(89, 126, 165, 1);
--mfe-color-order-ticket-label-sell: rgba(143, 129, 86, 1);
--mfe-color-order-ticket-receipt-label-buy: rgba(89, 126, 165, 1);
--mfe-color-order-ticket-receipt-label-sell: rgba(143, 129, 86, 1);
--mfe-color-order-type-icon-buy-hover: rgba(118, 155, 194, 1);
--mfe-color-order-type-icon-buy: rgba(118, 155, 194, 1);
--mfe-color-order-type-icon-sell-hover: rgba(168, 157, 125, 1);
--mfe-color-order-type-icon-sell: rgba(168, 157, 125, 1);
--mfe-color-row-background-hover: rgba(237, 235, 230, 1);
--mfe-color-row-hover-cell-background-buy: rgba(126, 163, 207, 1);
--mfe-color-row-hover-cell-background-sell: rgba(181, 167, 129, 1);
--mfe-color-sell-action-button: rgba(168, 157, 125, 1);
--mfe-color-sell-disabled-alt: rgba(176, 166, 137, 0.2);
--mfe-color-sell-hover: rgba(176, 166, 137, 1);
--mfe-color-sell-price-ladder: rgba(128, 116, 85, 1);
--mfe-color-sell-quote-background-hover: rgba(168, 157, 125, 1);
--mfe-color-sell-quote-background: rgba(181, 167, 129, 1);
--mfe-color-sell-quote-label-inactive: rgba(216, 212, 192, 1);
--mfe-color-sell-quote-label: rgba(242, 226, 177, 1);
--mfe-color-sell-text: rgba(143, 129, 86, 1);
--mfe-color-sell: rgba(168, 157, 125, 1);
--mfe-color-text-branded: rgba(76, 109, 148, 1);
--mfe-effect-input-background-readonly: 0 0 0 0.0625rem rgba(0, 0, 0, 1);
--mfe-effect-input-inverted-focus: 0 0 0 0.0625rem rgba(0, 0, 0, 1);
}
:root .light-theme {
--mfe-component-tokens-grid-body-cell-color-background-buy-high: rgba(255, 255, 255, 1);
--mfe-component-tokens-grid-body-cell-color-background-buy-hover: rgba(38, 193, 217, 1);
--mfe-component-tokens-grid-body-cell-color-background-buy-low: rgba(245, 245, 245, 1);
--mfe-component-tokens-grid-body-cell-color-background-buy-rowhover: rgba(34, 174, 195, 1);
--mfe-component-tokens-grid-body-cell-color-background-sell-high: rgba(255, 255, 255, 1);
--mfe-component-tokens-grid-body-cell-color-background-sell-hover: rgba(217, 151, 38, 1);
--mfe-component-tokens-grid-body-cell-color-background-sell-low: rgba(245, 245, 245, 1);
--mfe-component-tokens-grid-body-cell-color-background-sell-rowhover: rgba(195, 136, 34, 1);
--mfe-component-tokens-grid-body-cell-color-border-pinned: rgba(0, 0, 0, 0.08);
--mfe-component-tokens-grid-body-cell-color-border-right: rgba(0, 0, 0, 0.05);
--mfe-component-tokens-grid-body-cell-color-text-buy-rowhover: rgba(255, 255, 255, 1);
--mfe-component-tokens-grid-body-cell-color-text-sell-rowhover: rgba(255, 255, 255, 1);
--mfe-component-tokens-grid-body-cell-padding-bottom: 0.125rem;
--mfe-component-tokens-grid-body-cell-padding-left: 0.625rem;
--mfe-component-tokens-grid-body-cell-padding-right: 0.625rem;
--mfe-component-tokens-grid-body-cell-padding-top: 0.125rem;
--mfe-component-tokens-grid-body-row-color-background-high: rgba(255, 255, 255, 1);
--mfe-component-tokens-grid-body-row-color-background-hover: rgba(224, 255, 247, 1);
--mfe-component-tokens-grid-body-row-color-background-low: rgba(245, 245, 245, 1);
--mfe-component-tokens-grid-body-row-height: 1.25rem;
--mfe-component-tokens-grid-color-background-default: rgba(249, 249, 249, 1);
--mfe-component-tokens-grid-column-min-width: 3.75rem;
--mfe-component-tokens-grid-footer-cell-color-background-default: rgba(220, 221, 222, 1);
--mfe-component-tokens-grid-footer-cell-color-border-bottom: rgba(0, 0, 0, 0.2);
--mfe-component-tokens-grid-footer-cell-color-border-right: rgba(0, 0, 0, 0.05);
--mfe-component-tokens-grid-footer-cell-color-border-top: rgba(0, 0, 0, 0.2);
--mfe-component-tokens-grid-footer-cell-padding-bottom: 0;
--mfe-component-tokens-grid-footer-cell-padding-left: 0.375rem;
--mfe-component-tokens-grid-footer-cell-padding-right: 0.375rem;
--mfe-component-tokens-grid-footer-cell-padding-top: 0;
--mfe-component-tokens-grid-footer-row-height: 1.25rem;
--mfe-component-tokens-grid-header-cell-color-background-default: rgba(255, 255, 255, 1);
--mfe-component-tokens-grid-header-cell-color-border-bottom: rgba(0, 0, 0, 0.2);
--mfe-component-tokens-grid-header-cell-color-text-buy: rgba(5, 153, 176, 1);
--mfe-component-tokens-grid-header-cell-color-text-sell: rgba(204, 129, 0, 1);
--mfe-component-tokens-grid-header-cell-padding-bottom: 0.125rem;
--mfe-component-tokens-grid-header-cell-padding-left: 0.625rem;
--mfe-component-tokens-grid-header-cell-padding-right: 0.625rem;
--mfe-component-tokens-grid-header-cell-padding-top: 0.125rem;
--mfe-component-tokens-grid-header-row-height: 1.4375rem;
--mfe-component-tokens-grid-scroll-thumb-border-width: 0.375rem;
--mfe-component-tokens-grid-scroll-thumb-min-height: 2.5rem;
--mfe-component-tokens-grid-scroll-thumb-min-width: 3.125rem;
--mfe-component-tokens-scrollbar-thumb-color-default: rgba(235, 239, 240, 1);
--mfe-component-tokens-scrollbar-thumb-color-hover: rgba(200, 202, 204, 1);
--mfe-semantic-tokens-color-text-price-down: rgba(188, 22, 21, 1);
--mfe-semantic-tokens-color-text-price-up: rgba(53, 135, 19, 1);
--mfe-semantic-tokens-color-text-primary: rgba(0, 0, 0, 1);
--mfe-semantic-tokens-color-text-secondary: rgba(0, 0, 0, 0.66);
}
:root .dark-theme {
--mfe-component-tokens-grid-body-cell-color-background-buy-high: rgba(13, 40, 52, 1);
--mfe-component-tokens-grid-body-cell-color-background-buy-hover: rgba(0, 177, 204, 1);
--mfe-component-tokens-grid-body-cell-color-background-buy-low: rgba(9, 33, 36, 1);
--mfe-component-tokens-grid-body-cell-color-background-buy-rowhover: rgba(28, 68, 74, 1);
--mfe-component-tokens-grid-body-cell-color-background-sell-high: rgba(32, 37, 30, 1);
--mfe-component-tokens-grid-body-cell-color-background-sell-hover: rgba(204, 129, 0, 1);