forked from jxnblk/colorable
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
173 lines (166 loc) · 148 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>colorable</title>
<meta name="author" content="Brent Jackson">
<meta name="description" content="Color combination contrast tester">
<meta name="keywords" content="color, contrast, wcag, accessibility, ">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://d2v52k3cl9vedd.cloudfront.net/bassdock/0.1.0/bassdock.min.css">
<style>
.lh1 { line-height: 1 }
.black { color: #111 }
.field-transparent {
color: inherit;
background-color: transparent;
border: none;
opacity: 0.75;
}
.field-transparent:focus {
outline: none;
opacity: 1;
}
.button-muted {
color: inherit;
background-color: transparent;
opacity: 0.5;
}
.button-muted:hover {
opacity: 1;
}
.button-muted:focus {
opacity: 1;
outline: none;
border: 1px solid;
}
/* Edit in Bassdock/Blk etc */
.range-light {
color: inherit;
}
.range-light::-webkit-slider-runnable-track {
background-color: rgba(0,0,0,.25);
}
@-webkit-keyframes popin {
from { opacity: 0; -webkit-transform: scale(.875); }
to { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes popin {
from { opacity: 0; transform: scale(.875); }
to { opacity: 1; transform: scale(1); }
}
.popin {
-webkit-animation: popin .125s ease-out forwards;
animation: popin .125s ease-out forwards;
}
</style>
</head>
<body>
<div id="app">
<div data-reactid=".1vppftamebk" data-react-checksum="-2081816134"><div class="relative mb4" data-reactid=".1vppftamebk.0"><div class="fixed top-0 left-0 right-0 z2 flex flex-center flex-wrap white bg-dark-gray" style="top:-3.5rem;transition:top .2s ease-out;" data-reactid=".1vppftamebk.0.0"><a href="#!" class="button py2 button-nav-light white" data-reactid=".1vppftamebk.0.0.0">Colorable</a><div class="flex-auto" data-reactid=".1vppftamebk.0.0.1"></div><div class="sm-show" data-reactid=".1vppftamebk.0.0.2"><form class="flex flex-center p1" data-reactid=".1vppftamebk.0.0.2.0"><label class="h5 bold mr1 sm-show" data-reactid=".1vppftamebk.0.0.2.0.0">Threshold</label><label data-reactid=".1vppftamebk.0.0.2.0.1:0"><input type="radio" value="0" checked class="hide" data-reactid=".1vppftamebk.0.0.2.0.1:0.0"><span class="button button-small button-blue-outline rounded-left is-active" data-reactid=".1vppftamebk.0.0.2.0.1:0.1">None</span></label><label data-reactid=".1vppftamebk.0.0.2.0.1:1"><input type="radio" value="3" class="hide" data-reactid=".1vppftamebk.0.0.2.0.1:1.0"><span class="button button-small button-blue-outline not-rounded " data-reactid=".1vppftamebk.0.0.2.0.1:1.1">AA Large</span></label><label data-reactid=".1vppftamebk.0.0.2.0.1:2"><input type="radio" value="4.5" class="hide" data-reactid=".1vppftamebk.0.0.2.0.1:2.0"><span class="button button-small button-blue-outline not-rounded " data-reactid=".1vppftamebk.0.0.2.0.1:2.1">AA</span></label><label data-reactid=".1vppftamebk.0.0.2.0.1:3"><input type="radio" value="7" class="hide" data-reactid=".1vppftamebk.0.0.2.0.1:3.0"><span class="button button-small button-blue-outline rounded-right " data-reactid=".1vppftamebk.0.0.2.0.1:3.1">AAA</span></label></form></div><div class="py1" data-reactid=".1vppftamebk.0.0.3"><button class="h3 button py1 button-muted white" title="Exit app mode" data-reactid=".1vppftamebk.0.0.3.0">×</button></div></div><div class="relative top-0 right-0 bottom-0 left-0 z1 white bg-dark-gray" style="overflow-y:hidden;height:60vh;position:;transition:height .3s ease-out;box-sizing:border-box;" data-reactid=".1vppftamebk.0.1"><div class="flex" data-reactid=".1vppftamebk.0.1.0"><div class="flex-none" style="margin-top:;margin-left:-6rem;transition:margin .2s ease-out;" data-reactid=".1vppftamebk.0.1.0.0"><div data-reactid=".1vppftamebk.0.1.0.0.0"><div class="fixed top-0 right-0 bottom-0 left-0 z1" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.0"></div><ul class="relative z1 list-reset mb0" style="width:6rem;transition:width .2s ease-out;" data-reactid=".1vppftamebk.0.1.0.0.0.1"><li id="#7FDBFF" data-reactid=".1vppftamebk.0.1.0.0.0.1.0"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#7FDBFF;" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#7FDBFF" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="197" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="75" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.0.0.1.0.2.1"></div></form></div></div></li><li id="#0074D9" data-reactid=".1vppftamebk.0.1.0.0.0.1.1"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#0074D9" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="208" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="43" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.1.0.1.0.2.1"></div></form></div></div></li><li id="#01FF70" data-reactid=".1vppftamebk.0.1.0.0.0.1.2"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#01FF70;" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#01FF70" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="146" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="50" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.2.0.1.0.2.1"></div></form></div></div></li><li id="#001F3F" data-reactid=".1vppftamebk.0.1.0.0.0.1.3"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#001F3F" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="210" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="12" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.3.0.1.0.2.1"></div></form></div></div></li><li id="#39CCCC" data-reactid=".1vppftamebk.0.1.0.0.0.1.4"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#39CCCC;" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#39CCCC" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="180" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="59" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="51" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.4.0.1.0.2.1"></div></form></div></div></li><li id="#3D9970" data-reactid=".1vppftamebk.0.1.0.0.0.1.5"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#3D9970;" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#3D9970" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="153" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="43" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="42" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.5.0.1.0.2.1"></div></form></div></div></li><li id="#2ECC40" data-reactid=".1vppftamebk.0.1.0.0.0.1.6"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#2ECC40;" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#2ECC40" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="127" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="63" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="49" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.6.0.1.0.2.1"></div></form></div></div></li><li id="#FF4136" data-reactid=".1vppftamebk.0.1.0.0.0.1.7"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#FF4136;" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#FF4136" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="3" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="61" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.7.0.1.0.2.1"></div></form></div></div></li><li id="#85144B" data-reactid=".1vppftamebk.0.1.0.0.0.1.8"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#85144B" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="331" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="74" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="30" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.8.0.1.0.2.1"></div></form></div></div></li><li id="#FF851B" data-reactid=".1vppftamebk.0.1.0.0.0.1.9"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#FF851B;" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#FF851B" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="28" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="55" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.9.0.1.0.2.1"></div></form></div></div></li><li id="#B10DC9" data-reactid=".1vppftamebk.0.1.0.0.0.1.a"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#B10DC9" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="292" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="88" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="42" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.a.0.1.0.2.1"></div></form></div></div></li><li id="#FFDC00" data-reactid=".1vppftamebk.0.1.0.0.0.1.b"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#FFDC00;" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#FFDC00" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="52" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="50" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.b.0.1.0.2.1"></div></form></div></div></li><li id="#F012BE" data-reactid=".1vppftamebk.0.1.0.0.0.1.c"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#F012BE;" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#F012BE" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="314" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="88" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="51" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.c.0.1.0.2.1"></div></form></div></div></li><li id="#aaa" data-reactid=".1vppftamebk.0.1.0.0.0.1.d"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#aaa;" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#aaa" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="67" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.d.0.1.0.2.1"></div></form></div></div></li><li id="#fff" data-reactid=".1vppftamebk.0.1.0.0.0.1.e"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#fff;" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#fff" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.e.0.1.0.2.1"></div></form></div></div></li><li id="#111" data-reactid=".1vppftamebk.0.1.0.0.0.1.f"><div class="flex flex-column px1" style="height:5rem;color:white;background-color:#111;" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#111" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="7" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.f.0.1.0.2.1"></div></form></div></div></li><li id="#ddd" data-reactid=".1vppftamebk.0.1.0.0.0.1.g"><div class="flex flex-column px1" style="height:5rem;color:#111;background-color:#ddd;" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0"><div class="flex-auto flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.0"><input type="text" class="h5 bold block full-width m0 field-transparent" style="height:1.75rem;" value="#ddd" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.0.0"><div style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.0.1"><button class="h3 button-small button-muted" style="height:1.75rem;" title="Remove Color" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.0.1.0">×</button></div></div><div class="flex-auto" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1"><form class="flex flex-center" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0"><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.0"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.0.0">Hue</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.0.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.1"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.1.0">Saturation</label><input type="range" class="full-width m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.1.1"></div><div class="px1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.2"><label class="h5 bold lh1 block" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.2.0">Lightness</label><input type="range" class="full-width m0 range-light" value="87" min="0" max="100" tabindex="-1" data-reactid=".1vppftamebk.0.1.0.0.0.1.g.0.1.0.2.1"></div></form></div></div></li></ul><div class="relative z1 flex flex-center p1 white bg-dark-gray" style="display:none;" data-reactid=".1vppftamebk.0.1.0.0.0.2"><button class="button-small button-gray" data-reactid=".1vppftamebk.0.1.0.0.0.2.0">Add Color</button><div class="flex-auto" data-reactid=".1vppftamebk.0.1.0.0.0.2.1"></div><button class="button-small button-gray" data-reactid=".1vppftamebk.0.1.0.0.0.2.2">Done</button></div></div></div><div class="flex-auto" style="overflow-x:auto;margin-top:;transition:margin .2s ease-out;" data-reactid=".1vppftamebk.0.1.0.1"><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.0"><a class="center bold flex-none p2" title="Preview #7FDBFF on #0074D9" style="width:8rem;color:#7FDBFF;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.0"><div data-reactid=".1vppftamebk.0.1.0.1.0.0.0">3.00</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #01FF70" style="width:8rem;color:#7FDBFF;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.1"><div data-reactid=".1vppftamebk.0.1.0.1.0.1.0">1.15</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #001F3F" style="width:8rem;color:#7FDBFF;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.2"><div data-reactid=".1vppftamebk.0.1.0.1.0.2.0">10.63</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#7FDBFF;" data-reactid=".1vppftamebk.0.1.0.1.0.2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #39CCCC" style="width:8rem;color:#7FDBFF;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.3"><div data-reactid=".1vppftamebk.0.1.0.1.0.3.0">1.26</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #3D9970" style="width:8rem;color:#7FDBFF;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.4"><div data-reactid=".1vppftamebk.0.1.0.1.0.4.0">2.25</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #2ECC40" style="width:8rem;color:#7FDBFF;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.5"><div data-reactid=".1vppftamebk.0.1.0.1.0.5.0">1.37</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FF4136" style="width:8rem;color:#7FDBFF;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.6"><div data-reactid=".1vppftamebk.0.1.0.1.0.6.0">2.22</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #85144B" style="width:8rem;color:#7FDBFF;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.7"><div data-reactid=".1vppftamebk.0.1.0.1.0.7.0">6.13</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#7FDBFF;" data-reactid=".1vppftamebk.0.1.0.1.0.7.1">AA</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FF851B" style="width:8rem;color:#7FDBFF;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.8"><div data-reactid=".1vppftamebk.0.1.0.1.0.8.0">1.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #B10DC9" style="width:8rem;color:#7FDBFF;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.9"><div data-reactid=".1vppftamebk.0.1.0.1.0.9.0">3.57</div><div class="h6 inline-block px1 rounded" style="color:#B10DC9;background-color:#7FDBFF;" data-reactid=".1vppftamebk.0.1.0.1.0.9.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FFDC00" style="width:8rem;color:#7FDBFF;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.a"><div data-reactid=".1vppftamebk.0.1.0.1.0.a.0">1.15</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #F012BE" style="width:8rem;color:#7FDBFF;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.b"><div data-reactid=".1vppftamebk.0.1.0.1.0.b.0">2.44</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #AAAAAA" style="width:8rem;color:#7FDBFF;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.c"><div data-reactid=".1vppftamebk.0.1.0.1.0.c.0">1.49</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FFFFFF" style="width:8rem;color:#7FDBFF;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.d"><div data-reactid=".1vppftamebk.0.1.0.1.0.d.0">1.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #111111" style="width:8rem;color:#7FDBFF;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.e"><div data-reactid=".1vppftamebk.0.1.0.1.0.e.0">12.12</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#7FDBFF;" data-reactid=".1vppftamebk.0.1.0.1.0.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #DDDDDD" style="width:8rem;color:#7FDBFF;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.0.f"><div data-reactid=".1vppftamebk.0.1.0.1.0.f.0">1.15</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.0.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.1"><a class="center bold flex-none p2" title="Preview #0074D9 on #7FDBFF" style="width:8rem;color:#0074D9;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.0"><div data-reactid=".1vppftamebk.0.1.0.1.1.0.0">3.00</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #01FF70" style="width:8rem;color:#0074D9;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.1"><div data-reactid=".1vppftamebk.0.1.0.1.1.1.0">3.45</div><div class="h6 inline-block px1 rounded" style="color:#01FF70;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.1.1.1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #001F3F" style="width:8rem;color:#0074D9;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.2"><div data-reactid=".1vppftamebk.0.1.0.1.1.2.0">3.55</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.1.1.2.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #39CCCC" style="width:8rem;color:#0074D9;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.3"><div data-reactid=".1vppftamebk.0.1.0.1.1.3.0">2.37</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #3D9970" style="width:8rem;color:#0074D9;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.4"><div data-reactid=".1vppftamebk.0.1.0.1.1.4.0">1.33</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #2ECC40" style="width:8rem;color:#0074D9;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.5"><div data-reactid=".1vppftamebk.0.1.0.1.1.5.0">2.18</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FF4136" style="width:8rem;color:#0074D9;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.6"><div data-reactid=".1vppftamebk.0.1.0.1.1.6.0">1.35</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #85144B" style="width:8rem;color:#0074D9;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.7"><div data-reactid=".1vppftamebk.0.1.0.1.1.7.0">2.05</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FF851B" style="width:8rem;color:#0074D9;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.8"><div data-reactid=".1vppftamebk.0.1.0.1.1.8.0">1.92</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #B10DC9" style="width:8rem;color:#0074D9;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.9"><div data-reactid=".1vppftamebk.0.1.0.1.1.9.0">1.19</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FFDC00" style="width:8rem;color:#0074D9;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.a"><div data-reactid=".1vppftamebk.0.1.0.1.1.a.0">3.44</div><div class="h6 inline-block px1 rounded" style="color:#FFDC00;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.1.1.a.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #F012BE" style="width:8rem;color:#0074D9;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.b"><div data-reactid=".1vppftamebk.0.1.0.1.1.b.0">1.23</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #AAAAAA" style="width:8rem;color:#0074D9;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.c"><div data-reactid=".1vppftamebk.0.1.0.1.1.c.0">2.01</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.1.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FFFFFF" style="width:8rem;color:#0074D9;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.d"><div data-reactid=".1vppftamebk.0.1.0.1.1.d.0">4.67</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.1.1.d.1">AA</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #111111" style="width:8rem;color:#0074D9;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.e"><div data-reactid=".1vppftamebk.0.1.0.1.1.e.0">4.05</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.1.1.e.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #DDDDDD" style="width:8rem;color:#0074D9;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.1.f"><div data-reactid=".1vppftamebk.0.1.0.1.1.f.0">3.44</div><div class="h6 inline-block px1 rounded" style="color:#DDDDDD;background-color:#0074D9;" data-reactid=".1vppftamebk.0.1.0.1.1.f.1">AA Large</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.2"><a class="center bold flex-none p2" title="Preview #01FF70 on #7FDBFF" style="width:8rem;color:#01FF70;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.0"><div data-reactid=".1vppftamebk.0.1.0.1.2.0.0">1.15</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #0074D9" style="width:8rem;color:#01FF70;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.1"><div data-reactid=".1vppftamebk.0.1.0.1.2.1.0">3.45</div><div class="h6 inline-block px1 rounded" style="color:#0074D9;background-color:#01FF70;" data-reactid=".1vppftamebk.0.1.0.1.2.1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #001F3F" style="width:8rem;color:#01FF70;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.2"><div data-reactid=".1vppftamebk.0.1.0.1.2.2.0">12.26</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#01FF70;" data-reactid=".1vppftamebk.0.1.0.1.2.2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #39CCCC" style="width:8rem;color:#01FF70;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.3"><div data-reactid=".1vppftamebk.0.1.0.1.2.3.0">1.45</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #3D9970" style="width:8rem;color:#01FF70;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.4"><div data-reactid=".1vppftamebk.0.1.0.1.2.4.0">2.59</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #2ECC40" style="width:8rem;color:#01FF70;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.5"><div data-reactid=".1vppftamebk.0.1.0.1.2.5.0">1.58</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FF4136" style="width:8rem;color:#01FF70;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.6"><div data-reactid=".1vppftamebk.0.1.0.1.2.6.0">2.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #85144B" style="width:8rem;color:#01FF70;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.7"><div data-reactid=".1vppftamebk.0.1.0.1.2.7.0">7.07</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#01FF70;" data-reactid=".1vppftamebk.0.1.0.1.2.7.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FF851B" style="width:8rem;color:#01FF70;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.8"><div data-reactid=".1vppftamebk.0.1.0.1.2.8.0">1.80</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #B10DC9" style="width:8rem;color:#01FF70;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.9"><div data-reactid=".1vppftamebk.0.1.0.1.2.9.0">4.12</div><div class="h6 inline-block px1 rounded" style="color:#B10DC9;background-color:#01FF70;" data-reactid=".1vppftamebk.0.1.0.1.2.9.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FFDC00" style="width:8rem;color:#01FF70;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.a"><div data-reactid=".1vppftamebk.0.1.0.1.2.a.0">1.00</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #F012BE" style="width:8rem;color:#01FF70;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.b"><div data-reactid=".1vppftamebk.0.1.0.1.2.b.0">2.81</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #AAAAAA" style="width:8rem;color:#01FF70;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.c"><div data-reactid=".1vppftamebk.0.1.0.1.2.c.0">1.72</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FFFFFF" style="width:8rem;color:#01FF70;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.d"><div data-reactid=".1vppftamebk.0.1.0.1.2.d.0">1.35</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #111111" style="width:8rem;color:#01FF70;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.e"><div data-reactid=".1vppftamebk.0.1.0.1.2.e.0">13.97</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#01FF70;" data-reactid=".1vppftamebk.0.1.0.1.2.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #DDDDDD" style="width:8rem;color:#01FF70;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.2.f"><div data-reactid=".1vppftamebk.0.1.0.1.2.f.0">1.01</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.2.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.3"><a class="center bold flex-none p2" title="Preview #001F3F on #7FDBFF" style="width:8rem;color:#001F3F;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.0"><div data-reactid=".1vppftamebk.0.1.0.1.3.0.0">10.63</div><div class="h6 inline-block px1 rounded" style="color:#7FDBFF;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.0.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #0074D9" style="width:8rem;color:#001F3F;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.1"><div data-reactid=".1vppftamebk.0.1.0.1.3.1.0">3.55</div><div class="h6 inline-block px1 rounded" style="color:#0074D9;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #01FF70" style="width:8rem;color:#001F3F;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.2"><div data-reactid=".1vppftamebk.0.1.0.1.3.2.0">12.26</div><div class="h6 inline-block px1 rounded" style="color:#01FF70;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #39CCCC" style="width:8rem;color:#001F3F;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.3"><div data-reactid=".1vppftamebk.0.1.0.1.3.3.0">8.43</div><div class="h6 inline-block px1 rounded" style="color:#39CCCC;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #3D9970" style="width:8rem;color:#001F3F;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.4"><div data-reactid=".1vppftamebk.0.1.0.1.3.4.0">4.72</div><div class="h6 inline-block px1 rounded" style="color:#3D9970;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.4.1">AA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #2ECC40" style="width:8rem;color:#001F3F;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.5"><div data-reactid=".1vppftamebk.0.1.0.1.3.5.0">7.75</div><div class="h6 inline-block px1 rounded" style="color:#2ECC40;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.5.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FF4136" style="width:8rem;color:#001F3F;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.6"><div data-reactid=".1vppftamebk.0.1.0.1.3.6.0">4.78</div><div class="h6 inline-block px1 rounded" style="color:#FF4136;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.6.1">AA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #85144B" style="width:8rem;color:#001F3F;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.7"><div data-reactid=".1vppftamebk.0.1.0.1.3.7.0">1.73</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.3.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FF851B" style="width:8rem;color:#001F3F;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.8"><div data-reactid=".1vppftamebk.0.1.0.1.3.8.0">6.80</div><div class="h6 inline-block px1 rounded" style="color:#FF851B;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.8.1">AA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #B10DC9" style="width:8rem;color:#001F3F;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.9"><div data-reactid=".1vppftamebk.0.1.0.1.3.9.0">2.97</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.3.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FFDC00" style="width:8rem;color:#001F3F;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.a"><div data-reactid=".1vppftamebk.0.1.0.1.3.a.0">12.22</div><div class="h6 inline-block px1 rounded" style="color:#FFDC00;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.a.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #F012BE" style="width:8rem;color:#001F3F;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.b"><div data-reactid=".1vppftamebk.0.1.0.1.3.b.0">4.37</div><div class="h6 inline-block px1 rounded" style="color:#F012BE;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.b.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #AAAAAA" style="width:8rem;color:#001F3F;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.c"><div data-reactid=".1vppftamebk.0.1.0.1.3.c.0">7.13</div><div class="h6 inline-block px1 rounded" style="color:#AAAAAA;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.c.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FFFFFF" style="width:8rem;color:#001F3F;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.d"><div data-reactid=".1vppftamebk.0.1.0.1.3.d.0">16.56</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.d.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #111111" style="width:8rem;color:#001F3F;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.e"><div data-reactid=".1vppftamebk.0.1.0.1.3.e.0">1.14</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.3.e.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #DDDDDD" style="width:8rem;color:#001F3F;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.3.f"><div data-reactid=".1vppftamebk.0.1.0.1.3.f.0">12.20</div><div class="h6 inline-block px1 rounded" style="color:#DDDDDD;background-color:#001F3F;" data-reactid=".1vppftamebk.0.1.0.1.3.f.1">AAA</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.4"><a class="center bold flex-none p2" title="Preview #39CCCC on #7FDBFF" style="width:8rem;color:#39CCCC;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.0"><div data-reactid=".1vppftamebk.0.1.0.1.4.0.0">1.26</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #0074D9" style="width:8rem;color:#39CCCC;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.1"><div data-reactid=".1vppftamebk.0.1.0.1.4.1.0">2.37</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #01FF70" style="width:8rem;color:#39CCCC;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.2"><div data-reactid=".1vppftamebk.0.1.0.1.4.2.0">1.45</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #001F3F" style="width:8rem;color:#39CCCC;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.3"><div data-reactid=".1vppftamebk.0.1.0.1.4.3.0">8.43</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#39CCCC;" data-reactid=".1vppftamebk.0.1.0.1.4.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #3D9970" style="width:8rem;color:#39CCCC;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.4"><div data-reactid=".1vppftamebk.0.1.0.1.4.4.0">1.78</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #2ECC40" style="width:8rem;color:#39CCCC;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.5"><div data-reactid=".1vppftamebk.0.1.0.1.4.5.0">1.09</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FF4136" style="width:8rem;color:#39CCCC;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.6"><div data-reactid=".1vppftamebk.0.1.0.1.4.6.0">1.76</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #85144B" style="width:8rem;color:#39CCCC;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.7"><div data-reactid=".1vppftamebk.0.1.0.1.4.7.0">4.86</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#39CCCC;" data-reactid=".1vppftamebk.0.1.0.1.4.7.1">AA</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FF851B" style="width:8rem;color:#39CCCC;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.8"><div data-reactid=".1vppftamebk.0.1.0.1.4.8.0">1.24</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #B10DC9" style="width:8rem;color:#39CCCC;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.9"><div data-reactid=".1vppftamebk.0.1.0.1.4.9.0">2.83</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FFDC00" style="width:8rem;color:#39CCCC;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.a"><div data-reactid=".1vppftamebk.0.1.0.1.4.a.0">1.45</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #F012BE" style="width:8rem;color:#39CCCC;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.b"><div data-reactid=".1vppftamebk.0.1.0.1.4.b.0">1.93</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #AAAAAA" style="width:8rem;color:#39CCCC;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.c"><div data-reactid=".1vppftamebk.0.1.0.1.4.c.0">1.18</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FFFFFF" style="width:8rem;color:#39CCCC;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.d"><div data-reactid=".1vppftamebk.0.1.0.1.4.d.0">1.97</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #111111" style="width:8rem;color:#39CCCC;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.e"><div data-reactid=".1vppftamebk.0.1.0.1.4.e.0">9.61</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#39CCCC;" data-reactid=".1vppftamebk.0.1.0.1.4.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #DDDDDD" style="width:8rem;color:#39CCCC;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.4.f"><div data-reactid=".1vppftamebk.0.1.0.1.4.f.0">1.45</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.4.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.5"><a class="center bold flex-none p2" title="Preview #3D9970 on #7FDBFF" style="width:8rem;color:#3D9970;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.0"><div data-reactid=".1vppftamebk.0.1.0.1.5.0.0">2.25</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #0074D9" style="width:8rem;color:#3D9970;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.1"><div data-reactid=".1vppftamebk.0.1.0.1.5.1.0">1.33</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #01FF70" style="width:8rem;color:#3D9970;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.2"><div data-reactid=".1vppftamebk.0.1.0.1.5.2.0">2.59</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #001F3F" style="width:8rem;color:#3D9970;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.3"><div data-reactid=".1vppftamebk.0.1.0.1.5.3.0">4.72</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#3D9970;" data-reactid=".1vppftamebk.0.1.0.1.5.3.1">AA</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #39CCCC" style="width:8rem;color:#3D9970;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.4"><div data-reactid=".1vppftamebk.0.1.0.1.5.4.0">1.78</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #2ECC40" style="width:8rem;color:#3D9970;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.5"><div data-reactid=".1vppftamebk.0.1.0.1.5.5.0">1.64</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FF4136" style="width:8rem;color:#3D9970;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.6"><div data-reactid=".1vppftamebk.0.1.0.1.5.6.0">1.01</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #85144B" style="width:8rem;color:#3D9970;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.7"><div data-reactid=".1vppftamebk.0.1.0.1.5.7.0">2.72</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FF851B" style="width:8rem;color:#3D9970;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.8"><div data-reactid=".1vppftamebk.0.1.0.1.5.8.0">1.44</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #B10DC9" style="width:8rem;color:#3D9970;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.9"><div data-reactid=".1vppftamebk.0.1.0.1.5.9.0">1.59</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FFDC00" style="width:8rem;color:#3D9970;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.a"><div data-reactid=".1vppftamebk.0.1.0.1.5.a.0">2.59</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #F012BE" style="width:8rem;color:#3D9970;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.b"><div data-reactid=".1vppftamebk.0.1.0.1.5.b.0">1.08</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #AAAAAA" style="width:8rem;color:#3D9970;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.c"><div data-reactid=".1vppftamebk.0.1.0.1.5.c.0">1.51</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FFFFFF" style="width:8rem;color:#3D9970;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.d"><div data-reactid=".1vppftamebk.0.1.0.1.5.d.0">3.51</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#3D9970;" data-reactid=".1vppftamebk.0.1.0.1.5.d.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #111111" style="width:8rem;color:#3D9970;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.e"><div data-reactid=".1vppftamebk.0.1.0.1.5.e.0">5.39</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#3D9970;" data-reactid=".1vppftamebk.0.1.0.1.5.e.1">AA</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #DDDDDD" style="width:8rem;color:#3D9970;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.5.f"><div data-reactid=".1vppftamebk.0.1.0.1.5.f.0">2.58</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.5.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.6"><a class="center bold flex-none p2" title="Preview #2ECC40 on #7FDBFF" style="width:8rem;color:#2ECC40;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.0"><div data-reactid=".1vppftamebk.0.1.0.1.6.0.0">1.37</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #0074D9" style="width:8rem;color:#2ECC40;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.1"><div data-reactid=".1vppftamebk.0.1.0.1.6.1.0">2.18</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #01FF70" style="width:8rem;color:#2ECC40;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.2"><div data-reactid=".1vppftamebk.0.1.0.1.6.2.0">1.58</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #001F3F" style="width:8rem;color:#2ECC40;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.3"><div data-reactid=".1vppftamebk.0.1.0.1.6.3.0">7.75</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#2ECC40;" data-reactid=".1vppftamebk.0.1.0.1.6.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #39CCCC" style="width:8rem;color:#2ECC40;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.4"><div data-reactid=".1vppftamebk.0.1.0.1.6.4.0">1.09</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #3D9970" style="width:8rem;color:#2ECC40;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.5"><div data-reactid=".1vppftamebk.0.1.0.1.6.5.0">1.64</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FF4136" style="width:8rem;color:#2ECC40;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.6"><div data-reactid=".1vppftamebk.0.1.0.1.6.6.0">1.62</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #85144B" style="width:8rem;color:#2ECC40;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.7"><div data-reactid=".1vppftamebk.0.1.0.1.6.7.0">4.47</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#2ECC40;" data-reactid=".1vppftamebk.0.1.0.1.6.7.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FF851B" style="width:8rem;color:#2ECC40;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.8"><div data-reactid=".1vppftamebk.0.1.0.1.6.8.0">1.14</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #B10DC9" style="width:8rem;color:#2ECC40;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.9"><div data-reactid=".1vppftamebk.0.1.0.1.6.9.0">2.61</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FFDC00" style="width:8rem;color:#2ECC40;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.a"><div data-reactid=".1vppftamebk.0.1.0.1.6.a.0">1.58</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #F012BE" style="width:8rem;color:#2ECC40;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.b"><div data-reactid=".1vppftamebk.0.1.0.1.6.b.0">1.78</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #AAAAAA" style="width:8rem;color:#2ECC40;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.c"><div data-reactid=".1vppftamebk.0.1.0.1.6.c.0">1.09</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FFFFFF" style="width:8rem;color:#2ECC40;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.d"><div data-reactid=".1vppftamebk.0.1.0.1.6.d.0">2.14</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #111111" style="width:8rem;color:#2ECC40;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.e"><div data-reactid=".1vppftamebk.0.1.0.1.6.e.0">8.84</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#2ECC40;" data-reactid=".1vppftamebk.0.1.0.1.6.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #DDDDDD" style="width:8rem;color:#2ECC40;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.6.f"><div data-reactid=".1vppftamebk.0.1.0.1.6.f.0">1.57</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.6.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.7"><a class="center bold flex-none p2" title="Preview #FF4136 on #7FDBFF" style="width:8rem;color:#FF4136;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.0"><div data-reactid=".1vppftamebk.0.1.0.1.7.0.0">2.22</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #0074D9" style="width:8rem;color:#FF4136;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.1"><div data-reactid=".1vppftamebk.0.1.0.1.7.1.0">1.35</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #01FF70" style="width:8rem;color:#FF4136;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.2"><div data-reactid=".1vppftamebk.0.1.0.1.7.2.0">2.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #001F3F" style="width:8rem;color:#FF4136;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.3"><div data-reactid=".1vppftamebk.0.1.0.1.7.3.0">4.78</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#FF4136;" data-reactid=".1vppftamebk.0.1.0.1.7.3.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #39CCCC" style="width:8rem;color:#FF4136;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.4"><div data-reactid=".1vppftamebk.0.1.0.1.7.4.0">1.76</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #3D9970" style="width:8rem;color:#FF4136;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.5"><div data-reactid=".1vppftamebk.0.1.0.1.7.5.0">1.01</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #2ECC40" style="width:8rem;color:#FF4136;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.6"><div data-reactid=".1vppftamebk.0.1.0.1.7.6.0">1.62</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #85144B" style="width:8rem;color:#FF4136;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.7"><div data-reactid=".1vppftamebk.0.1.0.1.7.7.0">2.76</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #FF851B" style="width:8rem;color:#FF4136;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.8"><div data-reactid=".1vppftamebk.0.1.0.1.7.8.0">1.42</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #B10DC9" style="width:8rem;color:#FF4136;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.9"><div data-reactid=".1vppftamebk.0.1.0.1.7.9.0">1.61</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #FFDC00" style="width:8rem;color:#FF4136;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.a"><div data-reactid=".1vppftamebk.0.1.0.1.7.a.0">2.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #F012BE" style="width:8rem;color:#FF4136;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.b"><div data-reactid=".1vppftamebk.0.1.0.1.7.b.0">1.10</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #AAAAAA" style="width:8rem;color:#FF4136;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.c"><div data-reactid=".1vppftamebk.0.1.0.1.7.c.0">1.49</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #FFFFFF" style="width:8rem;color:#FF4136;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.d"><div data-reactid=".1vppftamebk.0.1.0.1.7.d.0">3.46</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#FF4136;" data-reactid=".1vppftamebk.0.1.0.1.7.d.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #111111" style="width:8rem;color:#FF4136;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.e"><div data-reactid=".1vppftamebk.0.1.0.1.7.e.0">5.45</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#FF4136;" data-reactid=".1vppftamebk.0.1.0.1.7.e.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #DDDDDD" style="width:8rem;color:#FF4136;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.7.f"><div data-reactid=".1vppftamebk.0.1.0.1.7.f.0">2.55</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.7.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.8"><a class="center bold flex-none p2" title="Preview #85144B on #7FDBFF" style="width:8rem;color:#85144B;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.0"><div data-reactid=".1vppftamebk.0.1.0.1.8.0.0">6.13</div><div class="h6 inline-block px1 rounded" style="color:#7FDBFF;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.0.1">AA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #0074D9" style="width:8rem;color:#85144B;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.1"><div data-reactid=".1vppftamebk.0.1.0.1.8.1.0">2.05</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #01FF70" style="width:8rem;color:#85144B;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.2"><div data-reactid=".1vppftamebk.0.1.0.1.8.2.0">7.07</div><div class="h6 inline-block px1 rounded" style="color:#01FF70;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #001F3F" style="width:8rem;color:#85144B;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.3"><div data-reactid=".1vppftamebk.0.1.0.1.8.3.0">1.73</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #39CCCC" style="width:8rem;color:#85144B;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.4"><div data-reactid=".1vppftamebk.0.1.0.1.8.4.0">4.86</div><div class="h6 inline-block px1 rounded" style="color:#39CCCC;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.4.1">AA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #3D9970" style="width:8rem;color:#85144B;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.5"><div data-reactid=".1vppftamebk.0.1.0.1.8.5.0">2.72</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #2ECC40" style="width:8rem;color:#85144B;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.6"><div data-reactid=".1vppftamebk.0.1.0.1.8.6.0">4.47</div><div class="h6 inline-block px1 rounded" style="color:#2ECC40;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.6.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FF4136" style="width:8rem;color:#85144B;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.7"><div data-reactid=".1vppftamebk.0.1.0.1.8.7.0">2.76</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FF851B" style="width:8rem;color:#85144B;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.8"><div data-reactid=".1vppftamebk.0.1.0.1.8.8.0">3.92</div><div class="h6 inline-block px1 rounded" style="color:#FF851B;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.8.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #85144B on #B10DC9" style="width:8rem;color:#85144B;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.9"><div data-reactid=".1vppftamebk.0.1.0.1.8.9.0">1.71</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FFDC00" style="width:8rem;color:#85144B;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.a"><div data-reactid=".1vppftamebk.0.1.0.1.8.a.0">7.04</div><div class="h6 inline-block px1 rounded" style="color:#FFDC00;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.a.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #F012BE" style="width:8rem;color:#85144B;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.b"><div data-reactid=".1vppftamebk.0.1.0.1.8.b.0">2.52</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #AAAAAA" style="width:8rem;color:#85144B;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.c"><div data-reactid=".1vppftamebk.0.1.0.1.8.c.0">4.11</div><div class="h6 inline-block px1 rounded" style="color:#AAAAAA;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.c.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FFFFFF" style="width:8rem;color:#85144B;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.d"><div data-reactid=".1vppftamebk.0.1.0.1.8.d.0">9.55</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.d.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #111111" style="width:8rem;color:#85144B;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.e"><div data-reactid=".1vppftamebk.0.1.0.1.8.e.0">1.98</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.8.e.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #DDDDDD" style="width:8rem;color:#85144B;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.8.f"><div data-reactid=".1vppftamebk.0.1.0.1.8.f.0">7.03</div><div class="h6 inline-block px1 rounded" style="color:#DDDDDD;background-color:#85144B;" data-reactid=".1vppftamebk.0.1.0.1.8.f.1">AAA</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.9"><a class="center bold flex-none p2" title="Preview #FF851B on #7FDBFF" style="width:8rem;color:#FF851B;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.0"><div data-reactid=".1vppftamebk.0.1.0.1.9.0.0">1.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #0074D9" style="width:8rem;color:#FF851B;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.1"><div data-reactid=".1vppftamebk.0.1.0.1.9.1.0">1.92</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #01FF70" style="width:8rem;color:#FF851B;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.2"><div data-reactid=".1vppftamebk.0.1.0.1.9.2.0">1.80</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #001F3F" style="width:8rem;color:#FF851B;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.3"><div data-reactid=".1vppftamebk.0.1.0.1.9.3.0">6.80</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#FF851B;" data-reactid=".1vppftamebk.0.1.0.1.9.3.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #39CCCC" style="width:8rem;color:#FF851B;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.4"><div data-reactid=".1vppftamebk.0.1.0.1.9.4.0">1.24</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #3D9970" style="width:8rem;color:#FF851B;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.5"><div data-reactid=".1vppftamebk.0.1.0.1.9.5.0">1.44</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #2ECC40" style="width:8rem;color:#FF851B;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.6"><div data-reactid=".1vppftamebk.0.1.0.1.9.6.0">1.14</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #FF4136" style="width:8rem;color:#FF851B;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.7"><div data-reactid=".1vppftamebk.0.1.0.1.9.7.0">1.42</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #85144B" style="width:8rem;color:#FF851B;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.8"><div data-reactid=".1vppftamebk.0.1.0.1.9.8.0">3.92</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#FF851B;" data-reactid=".1vppftamebk.0.1.0.1.9.8.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #B10DC9" style="width:8rem;color:#FF851B;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.9"><div data-reactid=".1vppftamebk.0.1.0.1.9.9.0">2.29</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #FFDC00" style="width:8rem;color:#FF851B;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.a"><div data-reactid=".1vppftamebk.0.1.0.1.9.a.0">1.80</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #F012BE" style="width:8rem;color:#FF851B;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.b"><div data-reactid=".1vppftamebk.0.1.0.1.9.b.0">1.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #AAAAAA" style="width:8rem;color:#FF851B;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.c"><div data-reactid=".1vppftamebk.0.1.0.1.9.c.0">1.05</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #FFFFFF" style="width:8rem;color:#FF851B;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.d"><div data-reactid=".1vppftamebk.0.1.0.1.9.d.0">2.44</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #111111" style="width:8rem;color:#FF851B;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.e"><div data-reactid=".1vppftamebk.0.1.0.1.9.e.0">7.75</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#FF851B;" data-reactid=".1vppftamebk.0.1.0.1.9.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #DDDDDD" style="width:8rem;color:#FF851B;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.9.f"><div data-reactid=".1vppftamebk.0.1.0.1.9.f.0">1.79</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.9.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.a"><a class="center bold flex-none p2" title="Preview #B10DC9 on #7FDBFF" style="width:8rem;color:#B10DC9;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.0"><div data-reactid=".1vppftamebk.0.1.0.1.a.0.0">3.57</div><div class="h6 inline-block px1 rounded" style="color:#7FDBFF;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.1.a.0.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #0074D9" style="width:8rem;color:#B10DC9;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.1"><div data-reactid=".1vppftamebk.0.1.0.1.a.1.0">1.19</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #01FF70" style="width:8rem;color:#B10DC9;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.2"><div data-reactid=".1vppftamebk.0.1.0.1.a.2.0">4.12</div><div class="h6 inline-block px1 rounded" style="color:#01FF70;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.1.a.2.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #001F3F" style="width:8rem;color:#B10DC9;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.3"><div data-reactid=".1vppftamebk.0.1.0.1.a.3.0">2.97</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #39CCCC" style="width:8rem;color:#B10DC9;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.4"><div data-reactid=".1vppftamebk.0.1.0.1.a.4.0">2.83</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #3D9970" style="width:8rem;color:#B10DC9;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.5"><div data-reactid=".1vppftamebk.0.1.0.1.a.5.0">1.59</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #2ECC40" style="width:8rem;color:#B10DC9;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.6"><div data-reactid=".1vppftamebk.0.1.0.1.a.6.0">2.61</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FF4136" style="width:8rem;color:#B10DC9;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.7"><div data-reactid=".1vppftamebk.0.1.0.1.a.7.0">1.61</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #85144B" style="width:8rem;color:#B10DC9;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.8"><div data-reactid=".1vppftamebk.0.1.0.1.a.8.0">1.71</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FF851B" style="width:8rem;color:#B10DC9;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.9"><div data-reactid=".1vppftamebk.0.1.0.1.a.9.0">2.29</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FFDC00" style="width:8rem;color:#B10DC9;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.a"><div data-reactid=".1vppftamebk.0.1.0.1.a.a.0">4.11</div><div class="h6 inline-block px1 rounded" style="color:#FFDC00;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.1.a.a.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #F012BE" style="width:8rem;color:#B10DC9;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.b"><div data-reactid=".1vppftamebk.0.1.0.1.a.b.0">1.47</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #AAAAAA" style="width:8rem;color:#B10DC9;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.c"><div data-reactid=".1vppftamebk.0.1.0.1.a.c.0">2.40</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.a.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FFFFFF" style="width:8rem;color:#B10DC9;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.d"><div data-reactid=".1vppftamebk.0.1.0.1.a.d.0">5.57</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.1.a.d.1">AA</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #111111" style="width:8rem;color:#B10DC9;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.e"><div data-reactid=".1vppftamebk.0.1.0.1.a.e.0">3.39</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.1.a.e.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #DDDDDD" style="width:8rem;color:#B10DC9;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.a.f"><div data-reactid=".1vppftamebk.0.1.0.1.a.f.0">4.10</div><div class="h6 inline-block px1 rounded" style="color:#DDDDDD;background-color:#B10DC9;" data-reactid=".1vppftamebk.0.1.0.1.a.f.1">AA Large</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.b"><a class="center bold flex-none p2" title="Preview #FFDC00 on #7FDBFF" style="width:8rem;color:#FFDC00;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.0"><div data-reactid=".1vppftamebk.0.1.0.1.b.0.0">1.15</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #0074D9" style="width:8rem;color:#FFDC00;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.1"><div data-reactid=".1vppftamebk.0.1.0.1.b.1.0">3.44</div><div class="h6 inline-block px1 rounded" style="color:#0074D9;background-color:#FFDC00;" data-reactid=".1vppftamebk.0.1.0.1.b.1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #01FF70" style="width:8rem;color:#FFDC00;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.2"><div data-reactid=".1vppftamebk.0.1.0.1.b.2.0">1.00</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #001F3F" style="width:8rem;color:#FFDC00;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.3"><div data-reactid=".1vppftamebk.0.1.0.1.b.3.0">12.22</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#FFDC00;" data-reactid=".1vppftamebk.0.1.0.1.b.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #39CCCC" style="width:8rem;color:#FFDC00;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.4"><div data-reactid=".1vppftamebk.0.1.0.1.b.4.0">1.45</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #3D9970" style="width:8rem;color:#FFDC00;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.5"><div data-reactid=".1vppftamebk.0.1.0.1.b.5.0">2.59</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #2ECC40" style="width:8rem;color:#FFDC00;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.6"><div data-reactid=".1vppftamebk.0.1.0.1.b.6.0">1.58</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #FF4136" style="width:8rem;color:#FFDC00;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.7"><div data-reactid=".1vppftamebk.0.1.0.1.b.7.0">2.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #85144B" style="width:8rem;color:#FFDC00;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.8"><div data-reactid=".1vppftamebk.0.1.0.1.b.8.0">7.04</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#FFDC00;" data-reactid=".1vppftamebk.0.1.0.1.b.8.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #FF851B" style="width:8rem;color:#FFDC00;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.9"><div data-reactid=".1vppftamebk.0.1.0.1.b.9.0">1.80</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #B10DC9" style="width:8rem;color:#FFDC00;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.a"><div data-reactid=".1vppftamebk.0.1.0.1.b.a.0">4.11</div><div class="h6 inline-block px1 rounded" style="color:#B10DC9;background-color:#FFDC00;" data-reactid=".1vppftamebk.0.1.0.1.b.a.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #F012BE" style="width:8rem;color:#FFDC00;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.b"><div data-reactid=".1vppftamebk.0.1.0.1.b.b.0">2.80</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #AAAAAA" style="width:8rem;color:#FFDC00;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.c"><div data-reactid=".1vppftamebk.0.1.0.1.b.c.0">1.71</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #FFFFFF" style="width:8rem;color:#FFDC00;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.d"><div data-reactid=".1vppftamebk.0.1.0.1.b.d.0">1.36</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #111111" style="width:8rem;color:#FFDC00;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.e"><div data-reactid=".1vppftamebk.0.1.0.1.b.e.0">13.93</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#FFDC00;" data-reactid=".1vppftamebk.0.1.0.1.b.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #DDDDDD" style="width:8rem;color:#FFDC00;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.b.f"><div data-reactid=".1vppftamebk.0.1.0.1.b.f.0">1.00</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.b.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.c"><a class="center bold flex-none p2" title="Preview #F012BE on #7FDBFF" style="width:8rem;color:#F012BE;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.0"><div data-reactid=".1vppftamebk.0.1.0.1.c.0.0">2.44</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #0074D9" style="width:8rem;color:#F012BE;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.1"><div data-reactid=".1vppftamebk.0.1.0.1.c.1.0">1.23</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #01FF70" style="width:8rem;color:#F012BE;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.2"><div data-reactid=".1vppftamebk.0.1.0.1.c.2.0">2.81</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #001F3F" style="width:8rem;color:#F012BE;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.3"><div data-reactid=".1vppftamebk.0.1.0.1.c.3.0">4.37</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#F012BE;" data-reactid=".1vppftamebk.0.1.0.1.c.3.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #39CCCC" style="width:8rem;color:#F012BE;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.4"><div data-reactid=".1vppftamebk.0.1.0.1.c.4.0">1.93</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #3D9970" style="width:8rem;color:#F012BE;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.5"><div data-reactid=".1vppftamebk.0.1.0.1.c.5.0">1.08</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #2ECC40" style="width:8rem;color:#F012BE;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.6"><div data-reactid=".1vppftamebk.0.1.0.1.c.6.0">1.78</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FF4136" style="width:8rem;color:#F012BE;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.7"><div data-reactid=".1vppftamebk.0.1.0.1.c.7.0">1.10</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #85144B" style="width:8rem;color:#F012BE;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.8"><div data-reactid=".1vppftamebk.0.1.0.1.c.8.0">2.52</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FF851B" style="width:8rem;color:#F012BE;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.9"><div data-reactid=".1vppftamebk.0.1.0.1.c.9.0">1.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #B10DC9" style="width:8rem;color:#F012BE;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.a"><div data-reactid=".1vppftamebk.0.1.0.1.c.a.0">1.47</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FFDC00" style="width:8rem;color:#F012BE;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.b"><div data-reactid=".1vppftamebk.0.1.0.1.c.b.0">2.80</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #AAAAAA" style="width:8rem;color:#F012BE;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.c"><div data-reactid=".1vppftamebk.0.1.0.1.c.c.0">1.63</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FFFFFF" style="width:8rem;color:#F012BE;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.d"><div data-reactid=".1vppftamebk.0.1.0.1.c.d.0">3.79</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#F012BE;" data-reactid=".1vppftamebk.0.1.0.1.c.d.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #111111" style="width:8rem;color:#F012BE;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.e"><div data-reactid=".1vppftamebk.0.1.0.1.c.e.0">4.98</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#F012BE;" data-reactid=".1vppftamebk.0.1.0.1.c.e.1">AA</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #DDDDDD" style="width:8rem;color:#F012BE;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.c.f"><div data-reactid=".1vppftamebk.0.1.0.1.c.f.0">2.79</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.c.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.d"><a class="center bold flex-none p2" title="Preview #AAAAAA on #7FDBFF" style="width:8rem;color:#AAAAAA;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.0"><div data-reactid=".1vppftamebk.0.1.0.1.d.0.0">1.49</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #0074D9" style="width:8rem;color:#AAAAAA;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.1"><div data-reactid=".1vppftamebk.0.1.0.1.d.1.0">2.01</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #01FF70" style="width:8rem;color:#AAAAAA;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.2"><div data-reactid=".1vppftamebk.0.1.0.1.d.2.0">1.72</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #001F3F" style="width:8rem;color:#AAAAAA;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.3"><div data-reactid=".1vppftamebk.0.1.0.1.d.3.0">7.13</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#AAAAAA;" data-reactid=".1vppftamebk.0.1.0.1.d.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #39CCCC" style="width:8rem;color:#AAAAAA;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.4"><div data-reactid=".1vppftamebk.0.1.0.1.d.4.0">1.18</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #3D9970" style="width:8rem;color:#AAAAAA;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.5"><div data-reactid=".1vppftamebk.0.1.0.1.d.5.0">1.51</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #2ECC40" style="width:8rem;color:#AAAAAA;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.6"><div data-reactid=".1vppftamebk.0.1.0.1.d.6.0">1.09</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FF4136" style="width:8rem;color:#AAAAAA;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.7"><div data-reactid=".1vppftamebk.0.1.0.1.d.7.0">1.49</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #85144B" style="width:8rem;color:#AAAAAA;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.8"><div data-reactid=".1vppftamebk.0.1.0.1.d.8.0">4.11</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#AAAAAA;" data-reactid=".1vppftamebk.0.1.0.1.d.8.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FF851B" style="width:8rem;color:#AAAAAA;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.9"><div data-reactid=".1vppftamebk.0.1.0.1.d.9.0">1.05</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #B10DC9" style="width:8rem;color:#AAAAAA;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.a"><div data-reactid=".1vppftamebk.0.1.0.1.d.a.0">2.40</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.a.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FFDC00" style="width:8rem;color:#AAAAAA;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.b"><div data-reactid=".1vppftamebk.0.1.0.1.d.b.0">1.71</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #F012BE" style="width:8rem;color:#AAAAAA;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.c"><div data-reactid=".1vppftamebk.0.1.0.1.d.c.0">1.63</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FFFFFF" style="width:8rem;color:#AAAAAA;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.d"><div data-reactid=".1vppftamebk.0.1.0.1.d.d.0">2.32</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #111111" style="width:8rem;color:#AAAAAA;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.e"><div data-reactid=".1vppftamebk.0.1.0.1.d.e.0">8.13</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#AAAAAA;" data-reactid=".1vppftamebk.0.1.0.1.d.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #DDDDDD" style="width:8rem;color:#AAAAAA;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.d.f"><div data-reactid=".1vppftamebk.0.1.0.1.d.f.0">1.71</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.d.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.e"><a class="center bold flex-none p2" title="Preview #FFFFFF on #7FDBFF" style="width:8rem;color:#FFFFFF;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.0"><div data-reactid=".1vppftamebk.0.1.0.1.e.0.0">1.56</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #0074D9" style="width:8rem;color:#FFFFFF;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.1"><div data-reactid=".1vppftamebk.0.1.0.1.e.1.0">4.67</div><div class="h6 inline-block px1 rounded" style="color:#0074D9;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.1.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #01FF70" style="width:8rem;color:#FFFFFF;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.2"><div data-reactid=".1vppftamebk.0.1.0.1.e.2.0">1.35</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #001F3F" style="width:8rem;color:#FFFFFF;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.3"><div data-reactid=".1vppftamebk.0.1.0.1.e.3.0">16.56</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #39CCCC" style="width:8rem;color:#FFFFFF;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.4"><div data-reactid=".1vppftamebk.0.1.0.1.e.4.0">1.97</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #3D9970" style="width:8rem;color:#FFFFFF;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.5"><div data-reactid=".1vppftamebk.0.1.0.1.e.5.0">3.51</div><div class="h6 inline-block px1 rounded" style="color:#3D9970;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.5.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #2ECC40" style="width:8rem;color:#FFFFFF;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.6"><div data-reactid=".1vppftamebk.0.1.0.1.e.6.0">2.14</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #FF4136" style="width:8rem;color:#FFFFFF;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.7"><div data-reactid=".1vppftamebk.0.1.0.1.e.7.0">3.46</div><div class="h6 inline-block px1 rounded" style="color:#FF4136;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.7.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #85144B" style="width:8rem;color:#FFFFFF;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.8"><div data-reactid=".1vppftamebk.0.1.0.1.e.8.0">9.55</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.8.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #FF851B" style="width:8rem;color:#FFFFFF;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.9"><div data-reactid=".1vppftamebk.0.1.0.1.e.9.0">2.44</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #B10DC9" style="width:8rem;color:#FFFFFF;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.a"><div data-reactid=".1vppftamebk.0.1.0.1.e.a.0">5.57</div><div class="h6 inline-block px1 rounded" style="color:#B10DC9;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.a.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #FFDC00" style="width:8rem;color:#FFFFFF;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.b"><div data-reactid=".1vppftamebk.0.1.0.1.e.b.0">1.36</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #F012BE" style="width:8rem;color:#FFFFFF;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.c"><div data-reactid=".1vppftamebk.0.1.0.1.e.c.0">3.79</div><div class="h6 inline-block px1 rounded" style="color:#F012BE;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.c.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #AAAAAA" style="width:8rem;color:#FFFFFF;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.d"><div data-reactid=".1vppftamebk.0.1.0.1.e.d.0">2.32</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #111111" style="width:8rem;color:#FFFFFF;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.e"><div data-reactid=".1vppftamebk.0.1.0.1.e.e.0">18.88</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#FFFFFF;" data-reactid=".1vppftamebk.0.1.0.1.e.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #DDDDDD" style="width:8rem;color:#FFFFFF;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.e.f"><div data-reactid=".1vppftamebk.0.1.0.1.e.f.0">1.36</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.e.f.1">Fail</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.f"><a class="center bold flex-none p2" title="Preview #111111 on #7FDBFF" style="width:8rem;color:#111111;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.0"><div data-reactid=".1vppftamebk.0.1.0.1.f.0.0">12.12</div><div class="h6 inline-block px1 rounded" style="color:#7FDBFF;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.0.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #0074D9" style="width:8rem;color:#111111;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.1"><div data-reactid=".1vppftamebk.0.1.0.1.f.1.0">4.05</div><div class="h6 inline-block px1 rounded" style="color:#0074D9;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #111111 on #01FF70" style="width:8rem;color:#111111;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.2"><div data-reactid=".1vppftamebk.0.1.0.1.f.2.0">13.97</div><div class="h6 inline-block px1 rounded" style="color:#01FF70;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #001F3F" style="width:8rem;color:#111111;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.3"><div data-reactid=".1vppftamebk.0.1.0.1.f.3.0">1.14</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.f.3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #111111 on #39CCCC" style="width:8rem;color:#111111;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.4"><div data-reactid=".1vppftamebk.0.1.0.1.f.4.0">9.61</div><div class="h6 inline-block px1 rounded" style="color:#39CCCC;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.4.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #3D9970" style="width:8rem;color:#111111;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.5"><div data-reactid=".1vppftamebk.0.1.0.1.f.5.0">5.39</div><div class="h6 inline-block px1 rounded" style="color:#3D9970;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.5.1">AA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #2ECC40" style="width:8rem;color:#111111;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.6"><div data-reactid=".1vppftamebk.0.1.0.1.f.6.0">8.84</div><div class="h6 inline-block px1 rounded" style="color:#2ECC40;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.6.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FF4136" style="width:8rem;color:#111111;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.7"><div data-reactid=".1vppftamebk.0.1.0.1.f.7.0">5.45</div><div class="h6 inline-block px1 rounded" style="color:#FF4136;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.7.1">AA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #85144B" style="width:8rem;color:#111111;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.8"><div data-reactid=".1vppftamebk.0.1.0.1.f.8.0">1.98</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.f.8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FF851B" style="width:8rem;color:#111111;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.9"><div data-reactid=".1vppftamebk.0.1.0.1.f.9.0">7.75</div><div class="h6 inline-block px1 rounded" style="color:#FF851B;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.9.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #B10DC9" style="width:8rem;color:#111111;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.a"><div data-reactid=".1vppftamebk.0.1.0.1.f.a.0">3.39</div><div class="h6 inline-block px1 rounded" style="color:#B10DC9;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.a.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FFDC00" style="width:8rem;color:#111111;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.b"><div data-reactid=".1vppftamebk.0.1.0.1.f.b.0">13.93</div><div class="h6 inline-block px1 rounded" style="color:#FFDC00;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.b.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #F012BE" style="width:8rem;color:#111111;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.c"><div data-reactid=".1vppftamebk.0.1.0.1.f.c.0">4.98</div><div class="h6 inline-block px1 rounded" style="color:#F012BE;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.c.1">AA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #AAAAAA" style="width:8rem;color:#111111;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.d"><div data-reactid=".1vppftamebk.0.1.0.1.f.d.0">8.13</div><div class="h6 inline-block px1 rounded" style="color:#AAAAAA;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.d.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FFFFFF" style="width:8rem;color:#111111;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.e"><div data-reactid=".1vppftamebk.0.1.0.1.f.e.0">18.88</div><div class="h6 inline-block px1 rounded" style="color:#FFFFFF;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.e.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #DDDDDD" style="width:8rem;color:#111111;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.f.f"><div data-reactid=".1vppftamebk.0.1.0.1.f.f.0">13.90</div><div class="h6 inline-block px1 rounded" style="color:#DDDDDD;background-color:#111111;" data-reactid=".1vppftamebk.0.1.0.1.f.f.1">AAA</div></a></div><div class="flex flex-stretch" style="height:5rem;" data-reactid=".1vppftamebk.0.1.0.1.g"><a class="center bold flex-none p2" title="Preview #DDDDDD on #7FDBFF" style="width:8rem;color:#DDDDDD;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.0"><div data-reactid=".1vppftamebk.0.1.0.1.g.0.0">1.15</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #0074D9" style="width:8rem;color:#DDDDDD;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.1"><div data-reactid=".1vppftamebk.0.1.0.1.g.1.0">3.44</div><div class="h6 inline-block px1 rounded" style="color:#0074D9;background-color:#DDDDDD;" data-reactid=".1vppftamebk.0.1.0.1.g.1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #01FF70" style="width:8rem;color:#DDDDDD;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.2"><div data-reactid=".1vppftamebk.0.1.0.1.g.2.0">1.01</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #001F3F" style="width:8rem;color:#DDDDDD;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.3"><div data-reactid=".1vppftamebk.0.1.0.1.g.3.0">12.20</div><div class="h6 inline-block px1 rounded" style="color:#001F3F;background-color:#DDDDDD;" data-reactid=".1vppftamebk.0.1.0.1.g.3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #39CCCC" style="width:8rem;color:#DDDDDD;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.4"><div data-reactid=".1vppftamebk.0.1.0.1.g.4.0">1.45</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #3D9970" style="width:8rem;color:#DDDDDD;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.5"><div data-reactid=".1vppftamebk.0.1.0.1.g.5.0">2.58</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #2ECC40" style="width:8rem;color:#DDDDDD;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.6"><div data-reactid=".1vppftamebk.0.1.0.1.g.6.0">1.57</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FF4136" style="width:8rem;color:#DDDDDD;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.7"><div data-reactid=".1vppftamebk.0.1.0.1.g.7.0">2.55</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #85144B" style="width:8rem;color:#DDDDDD;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.8"><div data-reactid=".1vppftamebk.0.1.0.1.g.8.0">7.03</div><div class="h6 inline-block px1 rounded" style="color:#85144B;background-color:#DDDDDD;" data-reactid=".1vppftamebk.0.1.0.1.g.8.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FF851B" style="width:8rem;color:#DDDDDD;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.9"><div data-reactid=".1vppftamebk.0.1.0.1.g.9.0">1.79</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #B10DC9" style="width:8rem;color:#DDDDDD;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.a"><div data-reactid=".1vppftamebk.0.1.0.1.g.a.0">4.10</div><div class="h6 inline-block px1 rounded" style="color:#B10DC9;background-color:#DDDDDD;" data-reactid=".1vppftamebk.0.1.0.1.g.a.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FFDC00" style="width:8rem;color:#DDDDDD;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.b"><div data-reactid=".1vppftamebk.0.1.0.1.g.b.0">1.00</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.b.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #F012BE" style="width:8rem;color:#DDDDDD;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.c"><div data-reactid=".1vppftamebk.0.1.0.1.g.c.0">2.79</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.c.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #AAAAAA" style="width:8rem;color:#DDDDDD;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.d"><div data-reactid=".1vppftamebk.0.1.0.1.g.d.0">1.71</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.d.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FFFFFF" style="width:8rem;color:#DDDDDD;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.e"><div data-reactid=".1vppftamebk.0.1.0.1.g.e.0">1.36</div><div class="h6 inline-block" data-reactid=".1vppftamebk.0.1.0.1.g.e.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #111111" style="width:8rem;color:#DDDDDD;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".1vppftamebk.0.1.0.1.g.f"><div data-reactid=".1vppftamebk.0.1.0.1.g.f.0">13.90</div><div class="h6 inline-block px1 rounded" style="color:#111111;background-color:#DDDDDD;" data-reactid=".1vppftamebk.0.1.0.1.g.f.1">AAA</div></a></div></div></div></div><div class="fixed top-0 right-0 bottom-0 left-0 z4 flex flex-center overflow-auto popin p2" style="color:#111;background-color:white;display:none;cursor:pointer;" data-reactid=".1vppftamebk.0.2"><div class="absolute top-0 right-0 left-0 p2" data-reactid=".1vppftamebk.0.2.0"><div class="flex flex-center" data-reactid=".1vppftamebk.0.2.0.0"><div class="bold flex-auto" data-reactid=".1vppftamebk.0.2.0.0.0">Blank</div><button class="h3 button-muted" title="Dismiss modal overlay" data-reactid=".1vppftamebk.0.2.0.0.1">×</button></div></div><div class="relative mx-auto" style="min-width:16rem;max-width:48rem;margin:auto;" data-reactid=".1vppftamebk.0.2.1"><div class="mb2" style="background-color:;" data-reactid=".1vppftamebk.0.2.1.0"><div class="flex flex-center flex-wrap mxn2" data-reactid=".1vppftamebk.0.2.1.0.0"><h1 class="h00 h00-responsive flex-auto px2 m0" data-reactid=".1vppftamebk.0.2.1.0.0.0">Aa</h1><div class="bold px2" data-reactid=".1vppftamebk.0.2.1.0.0.1">0.00</div><div class="px2" data-reactid=".1vppftamebk.0.2.1.0.0.2"></div></div><h2 class="h1 mt0" data-reactid=".1vppftamebk.0.2.1.0.1">Contrast</h2><p class="" data-reactid=".1vppftamebk.0.2.1.0.2">Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. Because the human visual system is more sensitive to contrast than absolute luminance, we can perceive the world similarly regardless of the huge changes in illumination over the day or from place to place. The maximum contrast of an image is the contrast ratio or dynamic range.</p></div></div></div><div class="flex flex-center py1" data-reactid=".1vppftamebk.0.3"><div class="flex-auto" data-reactid=".1vppftamebk.0.3.0"></div><p class="h5 m0 px2" data-reactid=".1vppftamebk.0.3.1"><span data-reactid=".1vppftamebk.0.3.1.0">Colors from</span><a href="//clrs.cc" data-reactid=".1vppftamebk.0.3.1.1">mrmrs/colors</a></p><div class="px2" data-reactid=".1vppftamebk.0.3.2"><button class="button button-small button-light-gray" style="display:block;" data-reactid=".1vppftamebk.0.3.2.0">View Demo App</button></div></div></div><div class="container px2" style="position:;" data-reactid=".1vppftamebk.1"><div class="right mt2 ml2 mb2" data-reactid=".1vppftamebk.1.0"><a href="https://twitter.com/intent/tweet?text=Test color palettes for readable color combinations &url=http://jxnblk.com/colorable&via=jxnblk" class="button button-light-gray" data-reactid=".1vppftamebk.1.0.0">Tweet</a></div><div data-reactid=".1vppftamebk.1.1"><h1 id="colorable">Colorable</h1>
<p>Color combination contrast tester</p>
<p>Takes a set color palette and shows contrast values for every possible combination.
This is useful for finding safe color combinations with predefined colors
and includes pass/fail scores for the
<a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast">WCAG accessibility guidelines</a>.</p>
<h2 id="getting-started">Getting Started</h2>
<pre><code class="lang-bash">npm install --save colorable
</code></pre>
<h2 id="usage">Usage</h2>
<p>Pass an array of color strings or an object with color strings as values. </p>
<pre><code class="lang-js">var colorable = require('colorable');
var colors = {
red: 'red',
green: 'green',
blue: 'blue'
};
var options = {
compact: true,
threshold: 0
};
var result = colorable(colors, options);
</code></pre>
<p>Returns an array of colors with combinations for all other colors and their
<a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast">WCAG contrast</a>
values.</p>
<pre><code class="lang-json">[
{
"hex": "#FF0000",
"name": "red",
"combinations": [
{
"hex": "#008000",
"name": "green",
"contrast": 1.28483997166146,
"accessibility": {
"aa": false,
"aaLarge": false,
"aaa": false,
"aaaLarge": false
}
},
{
"hex": "#0000FF",
"name": "blue",
"contrast": 2.148936170212766,
"accessibility": {
"aa": false,
"aaLarge": false,
"aaa": false,
"aaaLarge": false
}
}
]
},
...
]
</code></pre>
<h3 id="accessibility-object">Accessibility object</h3>
<p>Each key is a boolean value indicating if the color contrast meets the following criteria:</p>
<ul>
<li><code>aa</code> - greater than 4.5 (for normal sized text)</li>
<li><code>aaLarge</code> - greater than 3 (<a href="http://www.w3.org/TR/WCAG20/#larger-scaledef">for bold text or text larger than 24px</a>)</li>
<li><code>aaa</code> - greater than 7 </li>
<li><code>aaaLarge</code> - greater than 4.5 </li>
</ul>
<hr>
<h2 id="options">Options</h2>
<h3 id="-compact-"><code>compact</code></h3>
<p><em>Type: Boolean (default: <code>false</code>)</em></p>
<p>If set to <code>true</code>, the result will be a smaller object that only includes hex value color strings, a name for each color (if an object is passed to the function), contrast, and accessibility values.
When set to <code>false</code>, the result also includes the entire <a href="https://www.npmjs.com/package/color">harthur/color</a> object for each color, which includes other properties and methods for color manipulation.</p>
<h3 id="-threshold-"><code>threshold</code></h3>
<p><em>Type: Number (default: <code>0</code>)</em></p>
<p>When set, the colorable function only returns combinations that have a contrast above this value. This is useful for only seeing combinations that pass a minimum contrast level.</p>
<h3 id="-uniq-"><code>uniq</code></h3>
<p><em>Type: Boolean (default: true)</em></p>
<p>When set to <code>true</code>, the array of colors is passed through lodash.uniq to remove duplicates.</p>
<hr>
<p>MIT License</p>
</div></div></div>
</div>
<footer class="container px2 mt4">
<div class="flex flex-center flex-wrap py3 border-top">
<h4 class="m0">
colorable
<span class="h5">v1.0.5</span>
</h4>
<a href="//npmjs.com/package/colorable" class="button">NPM</a>
<a href="https://github.com/jxnblk/colorable" class="button">Github</a>
<div class="flex-auto"></div>
<p class="h5 m0">
Made by <a href="//jxnblk.com">Jxnblk</a>
</p>
</div>
</footer>
<script src="docs/app.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4603832-6', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>