2 a:hover, a:visited:hover { color: #204fd5; }
3 a:visited { color: #334f83; }
4 hr { border: 0; margin-top: 2rem; }
5 li { padding: .125rem 0; }
6 p img, table { max-width: 100%; }
7 pre em { background-color: #fea; font-style: normal; }
8 pre i { font-style: normal; color: #333; }
10 pre u { text-decoration: none; background-color: #c0e0ee; }
11 pre i::before { content: "> "; color: #aaa; }
12 pre strong { background-color: #0000cc; color: #fff; }
13 pre { font-size: 15px; overflow-x: auto; color: #000; }
15 a { background-color: transparent; }
16 a, blockquote, body, code, div, form, h1, h2, h3, html, input, li, ol, p, pre, table, td, textarea, th, tr, ul { box-sizing: border-box; }
17 button, input[type="submit"], input[type="text"], input[type="email"] { -webkit-appearance: none; -moz-appearance: none; overflow: visible; }
18 button, input, optgroup, select, textarea { font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
19 button, select { text-transform: none; }
20 img { border-style: none; }
21 textarea { overflow: auto; }
22 h1, h2 { margin-bottom: 0; }
23 h1, h2 { margin-top: 2em; }
24 h2 { font-size: 1.25rem; }
26 .b--black, .hover-b--black:hover { border-color: #000; }
27 .b--dark-gray, .hover-b--dark-gray:hover { border-color: #333; }
28 .b--dark-green, .hover-b--dark-green:hover, .hover-b--dark-green:focus { border-color: #116611; }
29 .b--dark-yellow, .hover-b--dark-yellow:hover, .hover-b--dark-yellow:focus { border-color: #e6e3b9; }
30 .b--light-gray, .hover-b--light-gray:hover { border-color: #ccc; }
31 .b--white-60, .hover-b--white-60 { border-color: rgba(255, 255, 255, .6); }
32 .b--yellow, .hover-b--yellow:hover, .hover-b--yellow:focus { border-color: #ffc439; }
33 .bg-black, .hover-bg-black:hover, .hover-bg-black:focus { background-color: #000; }
34 .bg-blue, .hover-bg-blue:hover, .hover-bg-blue:focus { background-color: #334f83; }
35 .bg-center { background-repeat: no-repeat; background-position: center center; }
36 .bg-dark-gray, .hover-bg-dark-gray:hover, .hover-bg-dark-gray:focus { background-color: #181b1b; }
37 .bg-gold, .hover-bg-gold:hover, .hover-bg-gold:focus { background-color: #ffb700; }
38 .bg-green, .hover-bg-green:hover, .hover-bg-green:focus { background-color: #34af00; }
39 .bg-light-yellow, .hover-bg-light-yellow:hover, .hover-bg-light-yellow:focus { background-color: #ffeeaa; }
40 .bg-navy, .hover-bg-navy:hover, .hover-bg-navy:focus { background-color: #001b44; }
41 .bg-near-white { background-color: #f4f4f4; }
42 .bg-oams, .hover-bg-oams:hover, .hover-bg-oams:focus { background-color: #ec0000; }
43 .bg-payp, .hover-bg-payp:hover, .hover-bg-payp:focus { background-color: #0070ba; }
44 .bg-ptrn, .hover-bg-ptrn:hover, .hover-bg-ptrn:focus { background-color: #f96854; }
45 .bg-vltr, .hover-bg-vltr:hover, .hover-bg-vltr:focus { background-color: #1e88e5; }
46 .bg-washed-yellow { background-color: #fffceb; }
47 .bg-white, .hover-bg-white:hover, .hover-bg-white:focus { background-color: #fff; }
48 .bg-xrpb, .hover-bg-xrpb:hover, .hover-bg-xrpb:focus { background-color: #808080; }
49 .bg-yellow, .hover-bg-yellow:hover, .hover-bg-yellow:focus { background-color: #ffc439; }
50 .black, .black:visited, .hover-black:hover, .hover-black:hover:visited, .hover-black:focus, .hover-black:hover:focus { color: #000; }
51 .black-60, .black-60:visited { color: rgba(0, 0, 0, .6); }
52 .contain { background-size: contain !important; }
53 .cover { background-size: cover !important; }
54 .dark-gray, .dark-gray:visited, .hover-dark-gray:hover, .hover-dark-gray:hover:visited, .hover-dark-gray:focus, .hover-dark-gray:hover:focus { color: #333; }
55 .dark-gray, .hover-dark-gray:hover { color: #333; }
56 .dark-red { color: #e7040f; }
57 .gray, .gray:visited, .hover-gray:hover, .hover-gray:hover:visited, .hover-gray:focus, .hover-gray:hover:focus { color: #808080; }
58 .hover-b--gold:hover { border-color: #ffb700; }
59 .hover-b--navy:hover { border-color: #001b44; }
60 .hover-b--oams:hover { border-color: #ec0000; }
61 .hover-b--payp:hover { border-color: #0070ba; }
62 .hover-b--ptrn:hover { border-color: #f96854; }
63 .hover-b--vltr:hover { border-color: #1e88e5; }
64 .hover-b--xrpb:hover { border-color: #808080; }
65 .near-white { color: #f4f4f4; }
66 .red, .red:visited, .hover-red:hover, .hover-red:hover:visited, .hover-red:focus, .hover-red:hover:focus { color: #b22; }
67 .white, .white:visited, .hover-white:hover, .hover-white:hover:visited, .hover-white:focus, .hover-white:hover:focus { color: #fff; }
68 .white-60 { color: rgba(255, 255, 255, .6); }
70 .blur3 { filter: blur(3px) opacity(0.3); }
71 .right-1 { right: 1rem; }
72 .sticky { position: sticky; }
75 .z-index--1 { z-index: -1; }
76 .z-index-1 { z-index: 1; }
78 .b { font-weight: bold; }
79 .b--dashed { border-style: dashed; }
80 .ba { border-width: 1px; border-style: solid; }
81 .bb { border-bottom-style: solid; border-bottom-width: 1px; }
82 .bb--dashed { border-bottom-style: dashed; border-bottom-width: 1px; }
83 .bn { border-width: 0; border-style: none; }
84 .br-100 { border-radius: 100%; }
85 .br1 { border-radius: .125rem; }
86 .br2 { border-radius: .25rem; }
87 .br3 { border-radius: .5rem; }
88 .br4 { border-radius: 1rem; }
89 .bt { border-top-style: solid; border-top-width: 1px; }
90 .bw-1 { border-width: 1px; }
91 .bw1 { border-width: .125rem; }
92 .bw2 { border-width: .25rem; }
93 .bw3 { border-width: .5rem; }
95 .center { margin-right: auto; margin-left: auto; }
97 .cf:after { clear: both; }
98 .cf:before, .cf:after { content: " "; display: table; }
99 .code, pre, code { font-family: Consolas, Monaco, monospace; }
100 .dib { display: inline-block; }
101 .dim { opacity: 1; transition: opacity .15s ease-in; }
102 .dim:active { opacity: .8; transition: opacity .15s ease-out; }
103 .dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; }
104 .f1 { font-size: 3rem; }
105 .f2 { font-size: 2.25rem; }
106 .f3 { font-size: 1.5rem; }
107 .f4 { font-size: 1.25rem; }
108 .f5 { font-size: 1rem; }
109 .f6 { font-size: .875rem; }
110 .f7 { font-size: .75rem; }
112 .fs-normal{ font-style: normal; }
113 .i { font-style: italic; }
114 .lh-copy { line-height: 1.5; }
115 .lh-solid, h1 { line-height: 1; }
116 .lh-title, h2, h3, pre { line-height: 1.25; }
117 .link { text-decoration: none; }
118 .link:focus, .outline:focus { outline: 1px solid #333; }
120 .mb0 { margin-bottom: 0; }
121 .mb2 { margin-bottom: .5rem; }
122 .mb3 { margin-bottom: 1rem; }
123 .mb4 { margin-bottom: 2rem; }
124 .ml0 { margin-left: 0; }
125 .ml2 { margin-left: .5rem; }
126 .mr1 { margin-right: .25rem; }
127 .mr2 { margin-right: .5rem; }
128 .mr3 { margin-right: 1rem; }
129 .mr4 { margin-right: 2rem; }
130 .mt0 { margin-top: 0; }
131 .mt2 { margin-top: .5rem; }
132 .mt3 { margin-top: 1rem; }
133 .mt4 { margin-top: 2rem; }
134 .mt5 { margin-top: 3rem; }
135 .mw-100 { max-width: 100%; }
136 .mw4 { max-width: 8rem; }
137 .mw5 { max-width: 16rem; }
138 .mw6 { max-width: 32rem; }
139 .mw7 { max-width: 48rem; }
140 .mw8 { max-width: 64rem; }
141 .ni { text-indent: -.5rem; }
142 .normal { font-weight: normal; }
144 .pa1 { padding: .25rem; }
145 .pa2 { padding: .5rem; }
146 .pa3 { padding: 1rem; }
147 .pb3 { padding-bottom: 1rem; }
148 .pb4 { padding-bottom: 2rem; }
149 .pl4 { padding-left: 2rem; }
150 .ph1 { padding-left: .25rem; padding-right: .25rem; }
151 .ph2 { padding-left: .5rem; padding-right: .5rem; }
152 .ph3 { padding-left: 1rem; padding-right: 1rem; }
153 .ph4 { padding-left: 2rem; padding-right: 2rem; }
154 .pointer:hover { cursor: pointer; }
155 .pv1 { padding-top: .25rem; padding-bottom: .25rem; }
156 .pv2 { padding-top: .5rem; padding-bottom: .5rem; }
157 .pv3 { padding-top: 1rem; padding-bottom: 1rem; }
158 .pv4 { padding-top: 2rem; padding-bottom: 2rem; }
159 .sans-serif { font-family: "Noto Sans", sans-serif; }
160 .serif { font-family: "Noto Serif", Georgia, Times, serif; }
161 .tc { text-align: center; }
162 .tl { text-align: left; }
163 .tr { text-align: right; }
164 .tracked-tight { letter-spacing: -.05em; }
165 .underline { text-decoration: underline; }
166 .v-base { vertical-align: baseline; }
167 .v-top { vertical-align: top; }
168 .v-mid { vertical-align: middle; }
169 .w-100 { width: 100%; }
170 .w-20 { width: 20%; }
171 .w-50 { width: 50%; }
172 .w-80 { width: 80%; }
176 .w5 { width: 16rem; }
177 .w6 { width: 32rem; }
178 .w8 { width: 64rem; }
180 @media screen and (min-width: 30em) {
181 .f3-ns { font-size: 1.5rem; }
182 .f4-ns { font-size: 1.25rem; }
183 .f5-ns { font-size: 1rem; }
184 .w-100-ns { width: 100%; }
186 @media screen and (min-width: 30em) and (max-width: 60em) {
187 .f1-m { font-size: 3rem; }
188 .f2-m { font-size: 2.25rem; }
189 .f3-m { font-size: 1.5rem; }
190 .f4-m { font-size: 1.25rem; }
191 .f5-m, h3 { font-size: 1rem; }
192 .f6-m { font-size: .875rem; }
193 .f7-m { font-size: .75rem; }
194 .h3-m { height: 4rem; }
195 .h4-m { height: 8rem; }
196 .h5-m { height: 16rem; }
197 .mw6-m { max-width: 32rem; }
198 .pb3-m { padding-bottom: 1rem; }
199 .pl2-m { padding-left: .5rem; }
200 .ph2-m { padding-left: .5rem; padding-right: .5rem; }
201 .pr2-m { padding-right: .5rem; }
202 .w-100-m { width: 100%; }
203 .w-20-m { width: 20%; }
204 .w-25-m { width: 25%; }
205 .w-50-m { width: 50%; }
206 .w-75-m { width: 75%; }
207 .w-80-m { width: 80%; }
208 .w-third-m { width: 33.33%; }
209 .w4-m { width: 8rem; }
210 .w5-m { width: 16rem; }
211 .tr-m { text-align: right; }
212 .mt5-m { margin-top: 3rem; }
214 @media screen and (min-width: 60em) {
215 .f1-l { font-size: 3rem; }
216 .f2-l { font-size: 2.25rem; }
217 .f3-l { font-size: 1.5rem; }
218 .f4-l { font-size: 1.25rem; }
219 .f5-l { font-size: 1rem; }
220 .f6-l { font-size: .875rem; }
221 .f7-l { font-size: .75rem; }
222 .h3-l { height: 4rem; }
223 .h4-l { height: 8rem; }
224 .h5-l { height: 16rem; }
225 .pb3-l { padding-bottom: 1rem; }
226 .ph2-l { padding-left: .5rem; padding-right: .5rem; }
227 .pl2-l { padding-left: .5rem; }
228 .pr2-l { padding-right: .5rem; }
229 .w-100-l { width: 100%; }
230 .w-20-l { width: 20%; }
231 .w-25-l { width: 25%; }
232 .w-50-l { width: 50%; }
233 .w-75-l { width: 75%; }
234 .w-80-l { width: 80%; }
235 .w-third-l { width: 33.33%; }
236 .w4-l { width: 8rem; }
237 .w5-l { width: 16rem; }
238 .tr-l { text-align: right; }
239 .mt5-l { margin-top: 3rem; }
242 .cut *, .cut *::before { color: #ccc; background-color: #f4f4f4; }
249 .logo-container img {
254 @media (prefers-color-scheme: dark) {
255 a, a:link, a:visited { color: #ffe489; }
256 body, html { background-color: #111111; color: #888888; }
257 pre { background-color: #111111; color: #aaaaaa; }
258 .clean { background-color: #111111; color: #aaaaaa; }
259 .logo-container img {
260 filter: invert(100%);
