UNPKG

296 kBCSSView Raw
1html {
2 font-size: 16px;
3}
4
5body {
6 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
7 font-weight: 400;
8 text-rendering: optimizeLegibility;
9 -webkit-font-smoothing: antialiased;
10 -moz-osx-font-smoothing: grayscale;
11}
12
13strong {
14 font-weight: 600;
15}
16
17html,
18body,
19div,
20span,
21applet,
22object,
23iframe,
24h1,
25h2,
26h3,
27h4,
28h5,
29h6,
30p,
31blockquote,
32pre,
33a,
34abbr,
35acronym,
36address,
37big,
38cite,
39code,
40del,
41dfn,
42em,
43img,
44ins,
45kbd,
46q,
47s,
48samp,
49small,
50strike,
51strong,
52sub,
53sup,
54tt,
55var,
56b,
57u,
58i,
59center,
60dl,
61dt,
62dd,
63ol,
64ul,
65li,
66fieldset,
67form,
68label,
69legend,
70table,
71caption,
72tbody,
73tfoot,
74thead,
75tr,
76th,
77td,
78article,
79aside,
80canvas,
81details,
82embed,
83figure,
84figcaption,
85footer,
86header,
87hgroup,
88menu,
89nav,
90output,
91ruby,
92section,
93summary,
94time,
95mark,
96audio,
97video {
98 margin: 0;
99 padding: 0;
100 border: 0;
101 font-size: 100%;
102 font: inherit;
103 vertical-align: baseline;
104}
105
106button,
107input[type='button'],
108input[type='submit'],
109input[type='reset'],
110input[type='file'],
111input[type='text'],
112input[type='password'],
113textarea {
114 border-radius: 0;
115}
116
117input[type='text']::-ms-clear {
118 display: none;
119}
120
121/* HTML5 display-role reset for older browsers */
122article,
123aside,
124details,
125figcaption,
126figure,
127footer,
128header,
129hgroup,
130menu,
131nav,
132section {
133 display: block;
134}
135
136body {
137 line-height: 1;
138}
139
140sup {
141 vertical-align: super;
142}
143
144sub {
145 vertical-align: sub;
146}
147
148ol,
149ul {
150 list-style: none;
151}
152
153blockquote,
154q {
155 quotes: none;
156}
157
158blockquote:before,
159blockquote:after,
160q:before,
161q:after {
162 content: '';
163 content: none;
164}
165
166table {
167 border-collapse: collapse;
168 border-spacing: 0;
169}
170
171* {
172 -webkit-box-sizing: border-box;
173 box-sizing: border-box;
174}
175
176@-webkit-keyframes skeleton {
177 0% {
178 width: 0%;
179 left: 0;
180 right: auto;
181 opacity: 0.3;
182 }
183 20% {
184 width: 100%;
185 left: 0;
186 right: auto;
187 opacity: 1;
188 }
189 28% {
190 width: 100%;
191 left: auto;
192 right: 0;
193 }
194 51% {
195 width: 0%;
196 left: auto;
197 right: 0;
198 }
199 58% {
200 width: 0%;
201 left: auto;
202 right: 0;
203 }
204 82% {
205 width: 100%;
206 left: auto;
207 right: 0;
208 }
209 83% {
210 width: 100%;
211 left: 0;
212 right: auto;
213 }
214 96% {
215 width: 0%;
216 left: 0;
217 right: auto;
218 }
219 100% {
220 width: 0%;
221 left: 0;
222 right: auto;
223 opacity: 0.3;
224 }
225}
226
227@keyframes skeleton {
228 0% {
229 width: 0%;
230 left: 0;
231 right: auto;
232 opacity: 0.3;
233 }
234 20% {
235 width: 100%;
236 left: 0;
237 right: auto;
238 opacity: 1;
239 }
240 28% {
241 width: 100%;
242 left: auto;
243 right: 0;
244 }
245 51% {
246 width: 0%;
247 left: auto;
248 right: 0;
249 }
250 58% {
251 width: 0%;
252 left: auto;
253 right: 0;
254 }
255 82% {
256 width: 100%;
257 left: auto;
258 right: 0;
259 }
260 83% {
261 width: 100%;
262 left: 0;
263 right: auto;
264 }
265 96% {
266 width: 0%;
267 left: 0;
268 right: auto;
269 }
270 100% {
271 width: 0%;
272 left: 0;
273 right: auto;
274 opacity: 0.3;
275 }
276}
277
278.bx--text-truncate--end {
279 width: 100%;
280 display: inline-block;
281 text-overflow: ellipsis;
282 white-space: nowrap;
283 overflow: hidden;
284}
285
286.bx--text-truncate--front {
287 width: 100%;
288 display: inline-block;
289 direction: rtl;
290 text-overflow: ellipsis;
291 white-space: nowrap;
292 overflow: hidden;
293}
294
295@font-face {
296 font-family: 'IBM Plex Mono';
297 font-style: italic;
298 font-weight: 300;
299 src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoW.woff) format("woff");
300}
301
302@font-face {
303 font-family: 'IBM Plex Mono';
304 font-style: italic;
305 font-weight: 400;
306 src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1Xdm.woff) format("woff");
307}
308
309@font-face {
310 font-family: 'IBM Plex Mono';
311 font-style: italic;
312 font-weight: 600;
313 src: local("IBM Plex Mono SemiBold Italic"), local("IBMPlexMono-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoW.woff) format("woff");
314}
315
316@font-face {
317 font-family: 'IBM Plex Mono';
318 font-style: normal;
319 font-weight: 300;
320 src: local("IBM Plex Mono Light"), local("IBMPlexMono-Light"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFhA.woff) format("woff");
321}
322
323@font-face {
324 font-family: 'IBM Plex Mono';
325 font-style: normal;
326 font-weight: 400;
327 src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q0Q.woff) format("woff");
328}
329
330@font-face {
331 font-family: 'IBM Plex Mono';
332 font-style: normal;
333 font-weight: 600;
334 src: local("IBM Plex Mono SemiBold"), local("IBMPlexMono-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFhA.woff) format("woff");
335}
336
337/* cyrillic-ext */
338@font-face {
339 font-family: 'IBM Plex Mono';
340 font-style: italic;
341 font-weight: 300;
342 src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jcoQPttoz6Pz.woff2) format("woff2");
343 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
344}
345
346/* cyrillic */
347@font-face {
348 font-family: 'IBM Plex Mono';
349 font-style: italic;
350 font-weight: 300;
351 src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1hMoQPttoz6Pz.woff2) format("woff2");
352 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
353}
354
355/* vietnamese */
356@font-face {
357 font-family: 'IBM Plex Mono';
358 font-style: italic;
359 font-weight: 300;
360 src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1j8oQPttoz6Pz.woff2) format("woff2");
361 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
362}
363
364/* latin-ext */
365@font-face {
366 font-family: 'IBM Plex Mono';
367 font-style: italic;
368 font-weight: 300;
369 src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jsoQPttoz6Pz.woff2) format("woff2");
370 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
371}
372
373/* latin */
374@font-face {
375 font-family: 'IBM Plex Mono';
376 font-style: italic;
377 font-weight: 300;
378 src: local("IBM Plex Mono Light Italic"), local("IBMPlexMono-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoQPttozw.woff2) format("woff2");
379 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
380}
381
382/* cyrillic-ext */
383@font-face {
384 font-family: 'IBM Plex Mono';
385 font-style: italic;
386 font-weight: 400;
387 src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2HdgregdFOFh.woff2) format("woff2");
388 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
389}
390
391/* cyrillic */
392@font-face {
393 font-family: 'IBM Plex Mono';
394 font-style: italic;
395 font-weight: 400;
396 src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa0XdgregdFOFh.woff2) format("woff2");
397 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
398}
399
400/* vietnamese */
401@font-face {
402 font-family: 'IBM Plex Mono';
403 font-style: italic;
404 font-weight: 400;
405 src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2ndgregdFOFh.woff2) format("woff2");
406 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
407}
408
409/* latin-ext */
410@font-face {
411 font-family: 'IBM Plex Mono';
412 font-style: italic;
413 font-weight: 400;
414 src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa23dgregdFOFh.woff2) format("woff2");
415 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
416}
417
418/* latin */
419@font-face {
420 font-family: 'IBM Plex Mono';
421 font-style: italic;
422 font-weight: 400;
423 src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1XdgregdFA.woff2) format("woff2");
424 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
425}
426
427/* cyrillic-ext */
428@font-face {
429 font-family: 'IBM Plex Mono';
430 font-style: italic;
431 font-weight: 600;
432 src: local("IBM Plex Mono SemiBold Italic"), local("IBMPlexMono-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jcoQPttoz6Pz.woff2) format("woff2");
433 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
434}
435
436/* cyrillic */
437@font-face {
438 font-family: 'IBM Plex Mono';
439 font-style: italic;
440 font-weight: 600;
441 src: local("IBM Plex Mono SemiBold Italic"), local("IBMPlexMono-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1hMoQPttoz6Pz.woff2) format("woff2");
442 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
443}
444
445/* vietnamese */
446@font-face {
447 font-family: 'IBM Plex Mono';
448 font-style: italic;
449 font-weight: 600;
450 src: local("IBM Plex Mono SemiBold Italic"), local("IBMPlexMono-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1j8oQPttoz6Pz.woff2) format("woff2");
451 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
452}
453
454/* latin-ext */
455@font-face {
456 font-family: 'IBM Plex Mono';
457 font-style: italic;
458 font-weight: 600;
459 src: local("IBM Plex Mono SemiBold Italic"), local("IBMPlexMono-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jsoQPttoz6Pz.woff2) format("woff2");
460 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
461}
462
463/* latin */
464@font-face {
465 font-family: 'IBM Plex Mono';
466 font-style: italic;
467 font-weight: 600;
468 src: local("IBM Plex Mono SemiBold Italic"), local("IBMPlexMono-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoQPttozw.woff2) format("woff2");
469 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
470}
471
472/* cyrillic-ext */
473@font-face {
474 font-family: 'IBM Plex Mono';
475 font-style: normal;
476 font-weight: 300;
477 src: local("IBM Plex Mono Light"), local("IBMPlexMono-Light"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl1FgsAXHNlYzg.woff2) format("woff2");
478 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
479}
480
481/* cyrillic */
482@font-face {
483 font-family: 'IBM Plex Mono';
484 font-style: normal;
485 font-weight: 300;
486 src: local("IBM Plex Mono Light"), local("IBMPlexMono-Light"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlRFgsAXHNlYzg.woff2) format("woff2");
487 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
488}
489
490/* vietnamese */
491@font-face {
492 font-family: 'IBM Plex Mono';
493 font-style: normal;
494 font-weight: 300;
495 src: local("IBM Plex Mono Light"), local("IBMPlexMono-Light"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl9FgsAXHNlYzg.woff2) format("woff2");
496 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
497}
498
499/* latin-ext */
500@font-face {
501 font-family: 'IBM Plex Mono';
502 font-style: normal;
503 font-weight: 300;
504 src: local("IBM Plex Mono Light"), local("IBMPlexMono-Light"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl5FgsAXHNlYzg.woff2) format("woff2");
505 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
506}
507
508/* latin */
509@font-face {
510 font-family: 'IBM Plex Mono';
511 font-style: normal;
512 font-weight: 300;
513 src: local("IBM Plex Mono Light"), local("IBMPlexMono-Light"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2) format("woff2");
514 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
515}
516
517/* cyrillic-ext */
518@font-face {
519 font-family: 'IBM Plex Mono';
520 font-style: normal;
521 font-weight: 400;
522 src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2) format("woff2");
523 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
524}
525
526/* cyrillic */
527@font-face {
528 font-family: 'IBM Plex Mono';
529 font-style: normal;
530 font-weight: 400;
531 src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2) format("woff2");
532 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
533}
534
535/* vietnamese */
536@font-face {
537 font-family: 'IBM Plex Mono';
538 font-style: normal;
539 font-weight: 400;
540 src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2) format("woff2");
541 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
542}
543
544/* latin-ext */
545@font-face {
546 font-family: 'IBM Plex Mono';
547 font-style: normal;
548 font-weight: 400;
549 src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2) format("woff2");
550 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
551}
552
553/* latin */
554@font-face {
555 font-family: 'IBM Plex Mono';
556 font-style: normal;
557 font-weight: 400;
558 src: local("IBM Plex Mono"), local("IBMPlexMono"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2) format("woff2");
559 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
560}
561
562/* cyrillic-ext */
563@font-face {
564 font-family: 'IBM Plex Mono';
565 font-style: normal;
566 font-weight: 600;
567 src: local("IBM Plex Mono SemiBold"), local("IBMPlexMono-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgsAXHNlYzg.woff2) format("woff2");
568 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
569}
570
571/* cyrillic */
572@font-face {
573 font-family: 'IBM Plex Mono';
574 font-style: normal;
575 font-weight: 600;
576 src: local("IBM Plex Mono SemiBold"), local("IBMPlexMono-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgsAXHNlYzg.woff2) format("woff2");
577 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
578}
579
580/* vietnamese */
581@font-face {
582 font-family: 'IBM Plex Mono';
583 font-style: normal;
584 font-weight: 600;
585 src: local("IBM Plex Mono SemiBold"), local("IBMPlexMono-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgsAXHNlYzg.woff2) format("woff2");
586 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
587}
588
589/* latin-ext */
590@font-face {
591 font-family: 'IBM Plex Mono';
592 font-style: normal;
593 font-weight: 600;
594 src: local("IBM Plex Mono SemiBold"), local("IBMPlexMono-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgsAXHNlYzg.woff2) format("woff2");
595 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
596}
597
598/* latin */
599@font-face {
600 font-family: 'IBM Plex Mono';
601 font-style: normal;
602 font-weight: 600;
603 src: local("IBM Plex Mono SemiBold"), local("IBMPlexMono-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgsAXHNk.woff2) format("woff2");
604 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
605}
606
607@font-face {
608 font-family: 'IBM Plex Sans';
609 font-style: italic;
610 font-weight: 300;
611 src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfo.woff) format("woff");
612}
613
614@font-face {
615 font-family: 'IBM Plex Sans';
616 font-style: italic;
617 font-weight: 400;
618 src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZP.woff) format("woff");
619}
620
621@font-face {
622 font-family: 'IBM Plex Sans';
623 font-style: italic;
624 font-weight: 600;
625 src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfo.woff) format("woff");
626}
627
628@font-face {
629 font-family: 'IBM Plex Sans';
630 font-style: normal;
631 font-weight: 300;
632 src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFscg.woff) format("woff");
633}
634
635@font-face {
636 font-family: 'IBM Plex Sans';
637 font-style: normal;
638 font-weight: 400;
639 src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format("woff");
640}
641
642@font-face {
643 font-family: 'IBM Plex Sans';
644 font-style: normal;
645 font-weight: 600;
646 src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format("woff");
647}
648
649/* cyrillic-ext */
650@font-face {
651 font-family: 'IBM Plex Sans';
652 font-style: italic;
653 font-weight: 300;
654 src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuJGl18QRY.woff2) format("woff2");
655 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
656}
657
658/* cyrillic */
659@font-face {
660 font-family: 'IBM Plex Sans';
661 font-style: italic;
662 font-weight: 300;
663 src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuJGl18QRY.woff2) format("woff2");
664 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
665}
666
667/* vietnamese */
668@font-face {
669 font-family: 'IBM Plex Sans';
670 font-style: italic;
671 font-weight: 300;
672 src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRceffuJGl18QRY.woff2) format("woff2");
673 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
674}
675
676/* latin-ext */
677@font-face {
678 font-family: 'IBM Plex Sans';
679 font-style: italic;
680 font-weight: 300;
681 src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuJGl18QRY.woff2) format("woff2");
682 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
683}
684
685/* latin */
686@font-face {
687 font-family: 'IBM Plex Sans';
688 font-style: italic;
689 font-weight: 300;
690 src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfuJGl18Q.woff2) format("woff2");
691 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
692}
693
694/* cyrillic-ext */
695@font-face {
696 font-family: 'IBM Plex Sans';
697 font-style: italic;
698 font-weight: 400;
699 src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJW9XjDlN8.woff2) format("woff2");
700 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
701}
702
703/* cyrillic */
704@font-face {
705 font-family: 'IBM Plex Sans';
706 font-style: italic;
707 font-weight: 400;
708 src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJW9XjDlN8.woff2) format("woff2");
709 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
710}
711
712/* vietnamese */
713@font-face {
714 font-family: 'IBM Plex Sans';
715 font-style: italic;
716 font-weight: 400;
717 src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJW9XjDlN8.woff2) format("woff2");
718 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
719}
720
721/* latin-ext */
722@font-face {
723 font-family: 'IBM Plex Sans';
724 font-style: italic;
725 font-weight: 400;
726 src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJW9XjDlN8.woff2) format("woff2");
727 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
728}
729
730/* latin */
731@font-face {
732 font-family: 'IBM Plex Sans';
733 font-style: italic;
734 font-weight: 400;
735 src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJW9XjDg.woff2) format("woff2");
736 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
737}
738
739/* cyrillic-ext */
740@font-face {
741 font-family: 'IBM Plex Sans';
742 font-style: italic;
743 font-weight: 600;
744 src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuJGl18QRY.woff2) format("woff2");
745 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
746}
747
748/* cyrillic */
749@font-face {
750 font-family: 'IBM Plex Sans';
751 font-style: italic;
752 font-weight: 600;
753 src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuJGl18QRY.woff2) format("woff2");
754 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
755}
756
757/* vietnamese */
758@font-face {
759 font-family: 'IBM Plex Sans';
760 font-style: italic;
761 font-weight: 600;
762 src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJceffuJGl18QRY.woff2) format("woff2");
763 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
764}
765
766/* latin-ext */
767@font-face {
768 font-family: 'IBM Plex Sans';
769 font-style: italic;
770 font-weight: 600;
771 src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuJGl18QRY.woff2) format("woff2");
772 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
773}
774
775/* latin */
776@font-face {
777 font-family: 'IBM Plex Sans';
778 font-style: italic;
779 font-weight: 600;
780 src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfuJGl18Q.woff2) format("woff2");
781 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
782}
783
784/* cyrillic-ext */
785@font-face {
786 font-family: 'IBM Plex Sans';
787 font-style: normal;
788 font-weight: 300;
789 src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdP3pBmtF8A.woff2) format("woff2");
790 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
791}
792
793/* cyrillic */
794@font-face {
795 font-family: 'IBM Plex Sans';
796 font-style: normal;
797 font-weight: 300;
798 src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdP3pBmtF8A.woff2) format("woff2");
799 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
800}
801
802/* vietnamese */
803@font-face {
804 font-family: 'IBM Plex Sans';
805 font-style: normal;
806 font-weight: 300;
807 src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI5sdP3pBmtF8A.woff2) format("woff2");
808 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
809}
810
811/* latin-ext */
812@font-face {
813 font-family: 'IBM Plex Sans';
814 font-style: normal;
815 font-weight: 300;
816 src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdP3pBmtF8A.woff2) format("woff2");
817 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
818}
819
820/* latin */
821@font-face {
822 font-family: 'IBM Plex Sans';
823 font-style: normal;
824 font-weight: 300;
825 src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdP3pBms.woff2) format("woff2");
826 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
827}
828
829/* cyrillic-ext */
830@font-face {
831 font-family: 'IBM Plex Sans';
832 font-style: normal;
833 font-weight: 400;
834 src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2) format("woff2");
835 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
836}
837
838/* cyrillic */
839@font-face {
840 font-family: 'IBM Plex Sans';
841 font-style: normal;
842 font-weight: 400;
843 src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2) format("woff2");
844 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
845}
846
847/* vietnamese */
848@font-face {
849 font-family: 'IBM Plex Sans';
850 font-style: normal;
851 font-weight: 400;
852 src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhd7eFaxOedfTDw.woff2) format("woff2");
853 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
854}
855
856/* latin-ext */
857@font-face {
858 font-family: 'IBM Plex Sans';
859 font-style: normal;
860 font-weight: 400;
861 src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2) format("woff2");
862 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
863}
864
865/* latin */
866@font-face {
867 font-family: 'IBM Plex Sans';
868 font-style: normal;
869 font-weight: 400;
870 src: local("IBM Plex Sans"), local("IBMPlexSans"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2) format("woff2");
871 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
872}
873
874/* cyrillic-ext */
875@font-face {
876 font-family: 'IBM Plex Sans';
877 font-style: normal;
878 font-weight: 600;
879 src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2) format("woff2");
880 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
881}
882
883/* cyrillic */
884@font-face {
885 font-family: 'IBM Plex Sans';
886 font-style: normal;
887 font-weight: 600;
888 src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2) format("woff2");
889 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
890}
891
892/* vietnamese */
893@font-face {
894 font-family: 'IBM Plex Sans';
895 font-style: normal;
896 font-weight: 600;
897 src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdP3pBmtF8A.woff2) format("woff2");
898 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
899}
900
901/* latin-ext */
902@font-face {
903 font-family: 'IBM Plex Sans';
904 font-style: normal;
905 font-weight: 600;
906 src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2) format("woff2");
907 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
908}
909
910/* latin */
911@font-face {
912 font-family: 'IBM Plex Sans';
913 font-style: normal;
914 font-weight: 600;
915 src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2) format("woff2");
916 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
917}
918
919.bx--assistive-text,
920.bx--visually-hidden {
921 position: absolute;
922 width: 1px;
923 height: 1px;
924 padding: 0;
925 margin: -1px;
926 overflow: hidden;
927 clip: rect(0, 0, 0, 0);
928 border: 0;
929 visibility: visible;
930 white-space: nowrap;
931}
932
933.bx--body {
934 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
935 font-size: 0.875rem;
936 font-weight: 400;
937 line-height: 1.125rem;
938 letter-spacing: 0.16px;
939 color: #171717;
940 background-color: #ffffff;
941 line-height: 1;
942}
943
944body {
945 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
946 font-size: 0.875rem;
947 font-weight: 400;
948 line-height: 1.125rem;
949 letter-spacing: 0.16px;
950 color: #171717;
951 background-color: #ffffff;
952 line-height: 1;
953}
954
955.bx--grid {
956 margin-right: auto;
957 margin-left: auto;
958 max-width: 99rem;
959 padding-left: 1rem;
960 padding-right: 1rem;
961}
962
963@media (min-width: 42rem) {
964 .bx--grid {
965 padding-left: 2rem;
966 padding-right: 2rem;
967 }
968}
969
970@media (min-width: 99rem) {
971 .bx--grid--full-width {
972 max-width: 100%;
973 }
974}
975
976.bx--row {
977 display: -webkit-box;
978 display: -ms-flexbox;
979 display: flex;
980 -ms-flex-wrap: wrap;
981 flex-wrap: wrap;
982 margin-right: -1rem;
983 margin-left: -1rem;
984}
985
986.bx--grid--condensed .bx--row:not(:last-of-type) {
987 margin-bottom: 0.125rem;
988}
989
990.bx--row--condensed + .bx--row--condensed {
991 margin-top: 0.125rem;
992}
993
994.bx--col {
995 width: 100%;
996 padding-right: 1rem;
997 padding-left: 1rem;
998}
999
1000.bx--row--condensed .bx--col,
1001.bx--grid--condensed .bx--col {
1002 padding-right: 0.0625rem;
1003 padding-left: 0.0625rem;
1004}
1005
1006.bx--col-sm-1 {
1007 width: 100%;
1008 padding-right: 1rem;
1009 padding-left: 1rem;
1010}
1011
1012.bx--row--condensed .bx--col-sm-1,
1013.bx--grid--condensed .bx--col-sm-1 {
1014 padding-right: 0.0625rem;
1015 padding-left: 0.0625rem;
1016}
1017
1018.bx--col-sm-2 {
1019 width: 100%;
1020 padding-right: 1rem;
1021 padding-left: 1rem;
1022}
1023
1024.bx--row--condensed .bx--col-sm-2,
1025.bx--grid--condensed .bx--col-sm-2 {
1026 padding-right: 0.0625rem;
1027 padding-left: 0.0625rem;
1028}
1029
1030.bx--col-sm-3 {
1031 width: 100%;
1032 padding-right: 1rem;
1033 padding-left: 1rem;
1034}
1035
1036.bx--row--condensed .bx--col-sm-3,
1037.bx--grid--condensed .bx--col-sm-3 {
1038 padding-right: 0.0625rem;
1039 padding-left: 0.0625rem;
1040}
1041
1042.bx--col-sm-4 {
1043 width: 100%;
1044 padding-right: 1rem;
1045 padding-left: 1rem;
1046}
1047
1048.bx--row--condensed .bx--col-sm-4,
1049.bx--grid--condensed .bx--col-sm-4 {
1050 padding-right: 0.0625rem;
1051 padding-left: 0.0625rem;
1052}
1053
1054.bx--col-sm,
1055.bx--col-sm--auto {
1056 width: 100%;
1057 padding-right: 1rem;
1058 padding-left: 1rem;
1059}
1060
1061.bx--row--condensed .bx--col-sm,
1062.bx--grid--condensed .bx--col-sm, .bx--row--condensed
1063.bx--col-sm--auto,
1064.bx--grid--condensed
1065.bx--col-sm--auto {
1066 padding-right: 0.0625rem;
1067 padding-left: 0.0625rem;
1068}
1069
1070.bx--col,
1071.bx--col-sm {
1072 -ms-flex-preferred-size: 0;
1073 flex-basis: 0;
1074 -webkit-box-flex: 1;
1075 -ms-flex-positive: 1;
1076 flex-grow: 1;
1077 max-width: 100%;
1078}
1079
1080.bx--col--auto,
1081.bx--col-sm--auto {
1082 -webkit-box-flex: 1;
1083 -ms-flex: 1 0 0%;
1084 flex: 1 0 0%;
1085 width: auto;
1086 max-width: 100%;
1087}
1088
1089.bx--col-sm-1 {
1090 -webkit-box-flex: 0;
1091 -ms-flex: 0 0 25%;
1092 flex: 0 0 25%;
1093 max-width: 25%;
1094}
1095
1096.bx--col-sm-2 {
1097 -webkit-box-flex: 0;
1098 -ms-flex: 0 0 50%;
1099 flex: 0 0 50%;
1100 max-width: 50%;
1101}
1102
1103.bx--col-sm-3 {
1104 -webkit-box-flex: 0;
1105 -ms-flex: 0 0 75%;
1106 flex: 0 0 75%;
1107 max-width: 75%;
1108}
1109
1110.bx--col-sm-4 {
1111 -webkit-box-flex: 0;
1112 -ms-flex: 0 0 100%;
1113 flex: 0 0 100%;
1114 max-width: 100%;
1115}
1116
1117.bx--offset-sm-0 {
1118 margin-left: 0;
1119}
1120
1121.bx--offset-sm-1 {
1122 margin-left: 25%;
1123}
1124
1125.bx--offset-sm-2 {
1126 margin-left: 50%;
1127}
1128
1129.bx--offset-sm-3 {
1130 margin-left: 75%;
1131}
1132
1133.bx--col-md-1 {
1134 width: 100%;
1135 padding-right: 1rem;
1136 padding-left: 1rem;
1137}
1138
1139.bx--row--condensed .bx--col-md-1,
1140.bx--grid--condensed .bx--col-md-1 {
1141 padding-right: 0.0625rem;
1142 padding-left: 0.0625rem;
1143}
1144
1145.bx--col-md-2 {
1146 width: 100%;
1147 padding-right: 1rem;
1148 padding-left: 1rem;
1149}
1150
1151.bx--row--condensed .bx--col-md-2,
1152.bx--grid--condensed .bx--col-md-2 {
1153 padding-right: 0.0625rem;
1154 padding-left: 0.0625rem;
1155}
1156
1157.bx--col-md-3 {
1158 width: 100%;
1159 padding-right: 1rem;
1160 padding-left: 1rem;
1161}
1162
1163.bx--row--condensed .bx--col-md-3,
1164.bx--grid--condensed .bx--col-md-3 {
1165 padding-right: 0.0625rem;
1166 padding-left: 0.0625rem;
1167}
1168
1169.bx--col-md-4 {
1170 width: 100%;
1171 padding-right: 1rem;
1172 padding-left: 1rem;
1173}
1174
1175.bx--row--condensed .bx--col-md-4,
1176.bx--grid--condensed .bx--col-md-4 {
1177 padding-right: 0.0625rem;
1178 padding-left: 0.0625rem;
1179}
1180
1181.bx--col-md-5 {
1182 width: 100%;
1183 padding-right: 1rem;
1184 padding-left: 1rem;
1185}
1186
1187.bx--row--condensed .bx--col-md-5,
1188.bx--grid--condensed .bx--col-md-5 {
1189 padding-right: 0.0625rem;
1190 padding-left: 0.0625rem;
1191}
1192
1193.bx--col-md-6 {
1194 width: 100%;
1195 padding-right: 1rem;
1196 padding-left: 1rem;
1197}
1198
1199.bx--row--condensed .bx--col-md-6,
1200.bx--grid--condensed .bx--col-md-6 {
1201 padding-right: 0.0625rem;
1202 padding-left: 0.0625rem;
1203}
1204
1205.bx--col-md-7 {
1206 width: 100%;
1207 padding-right: 1rem;
1208 padding-left: 1rem;
1209}
1210
1211.bx--row--condensed .bx--col-md-7,
1212.bx--grid--condensed .bx--col-md-7 {
1213 padding-right: 0.0625rem;
1214 padding-left: 0.0625rem;
1215}
1216
1217.bx--col-md-8 {
1218 width: 100%;
1219 padding-right: 1rem;
1220 padding-left: 1rem;
1221}
1222
1223.bx--row--condensed .bx--col-md-8,
1224.bx--grid--condensed .bx--col-md-8 {
1225 padding-right: 0.0625rem;
1226 padding-left: 0.0625rem;
1227}
1228
1229.bx--col-md,
1230.bx--col-md--auto {
1231 width: 100%;
1232 padding-right: 1rem;
1233 padding-left: 1rem;
1234}
1235
1236.bx--row--condensed .bx--col-md,
1237.bx--grid--condensed .bx--col-md, .bx--row--condensed
1238.bx--col-md--auto,
1239.bx--grid--condensed
1240.bx--col-md--auto {
1241 padding-right: 0.0625rem;
1242 padding-left: 0.0625rem;
1243}
1244
1245@media (min-width: 42rem) {
1246 .bx--col,
1247 .bx--col-md {
1248 -ms-flex-preferred-size: 0;
1249 flex-basis: 0;
1250 -webkit-box-flex: 1;
1251 -ms-flex-positive: 1;
1252 flex-grow: 1;
1253 max-width: 100%;
1254 }
1255 .bx--col--auto,
1256 .bx--col-md--auto {
1257 -webkit-box-flex: 1;
1258 -ms-flex: 1 0 0%;
1259 flex: 1 0 0%;
1260 width: auto;
1261 max-width: 100%;
1262 }
1263 .bx--col-md-1 {
1264 -webkit-box-flex: 0;
1265 -ms-flex: 0 0 12.5%;
1266 flex: 0 0 12.5%;
1267 max-width: 12.5%;
1268 }
1269 .bx--col-md-2 {
1270 -webkit-box-flex: 0;
1271 -ms-flex: 0 0 25%;
1272 flex: 0 0 25%;
1273 max-width: 25%;
1274 }
1275 .bx--col-md-3 {
1276 -webkit-box-flex: 0;
1277 -ms-flex: 0 0 37.5%;
1278 flex: 0 0 37.5%;
1279 max-width: 37.5%;
1280 }
1281 .bx--col-md-4 {
1282 -webkit-box-flex: 0;
1283 -ms-flex: 0 0 50%;
1284 flex: 0 0 50%;
1285 max-width: 50%;
1286 }
1287 .bx--col-md-5 {
1288 -webkit-box-flex: 0;
1289 -ms-flex: 0 0 62.5%;
1290 flex: 0 0 62.5%;
1291 max-width: 62.5%;
1292 }
1293 .bx--col-md-6 {
1294 -webkit-box-flex: 0;
1295 -ms-flex: 0 0 75%;
1296 flex: 0 0 75%;
1297 max-width: 75%;
1298 }
1299 .bx--col-md-7 {
1300 -webkit-box-flex: 0;
1301 -ms-flex: 0 0 87.5%;
1302 flex: 0 0 87.5%;
1303 max-width: 87.5%;
1304 }
1305 .bx--col-md-8 {
1306 -webkit-box-flex: 0;
1307 -ms-flex: 0 0 100%;
1308 flex: 0 0 100%;
1309 max-width: 100%;
1310 }
1311 .bx--offset-md-0 {
1312 margin-left: 0;
1313 }
1314 .bx--offset-md-1 {
1315 margin-left: 12.5%;
1316 }
1317 .bx--offset-md-2 {
1318 margin-left: 25%;
1319 }
1320 .bx--offset-md-3 {
1321 margin-left: 37.5%;
1322 }
1323 .bx--offset-md-4 {
1324 margin-left: 50%;
1325 }
1326 .bx--offset-md-5 {
1327 margin-left: 62.5%;
1328 }
1329 .bx--offset-md-6 {
1330 margin-left: 75%;
1331 }
1332 .bx--offset-md-7 {
1333 margin-left: 87.5%;
1334 }
1335}
1336
1337.bx--col-lg-1 {
1338 width: 100%;
1339 padding-right: 1rem;
1340 padding-left: 1rem;
1341}
1342
1343.bx--row--condensed .bx--col-lg-1,
1344.bx--grid--condensed .bx--col-lg-1 {
1345 padding-right: 0.0625rem;
1346 padding-left: 0.0625rem;
1347}
1348
1349.bx--col-lg-2 {
1350 width: 100%;
1351 padding-right: 1rem;
1352 padding-left: 1rem;
1353}
1354
1355.bx--row--condensed .bx--col-lg-2,
1356.bx--grid--condensed .bx--col-lg-2 {
1357 padding-right: 0.0625rem;
1358 padding-left: 0.0625rem;
1359}
1360
1361.bx--col-lg-3 {
1362 width: 100%;
1363 padding-right: 1rem;
1364 padding-left: 1rem;
1365}
1366
1367.bx--row--condensed .bx--col-lg-3,
1368.bx--grid--condensed .bx--col-lg-3 {
1369 padding-right: 0.0625rem;
1370 padding-left: 0.0625rem;
1371}
1372
1373.bx--col-lg-4 {
1374 width: 100%;
1375 padding-right: 1rem;
1376 padding-left: 1rem;
1377}
1378
1379.bx--row--condensed .bx--col-lg-4,
1380.bx--grid--condensed .bx--col-lg-4 {
1381 padding-right: 0.0625rem;
1382 padding-left: 0.0625rem;
1383}
1384
1385.bx--col-lg-5 {
1386 width: 100%;
1387 padding-right: 1rem;
1388 padding-left: 1rem;
1389}
1390
1391.bx--row--condensed .bx--col-lg-5,
1392.bx--grid--condensed .bx--col-lg-5 {
1393 padding-right: 0.0625rem;
1394 padding-left: 0.0625rem;
1395}
1396
1397.bx--col-lg-6 {
1398 width: 100%;
1399 padding-right: 1rem;
1400 padding-left: 1rem;
1401}
1402
1403.bx--row--condensed .bx--col-lg-6,
1404.bx--grid--condensed .bx--col-lg-6 {
1405 padding-right: 0.0625rem;
1406 padding-left: 0.0625rem;
1407}
1408
1409.bx--col-lg-7 {
1410 width: 100%;
1411 padding-right: 1rem;
1412 padding-left: 1rem;
1413}
1414
1415.bx--row--condensed .bx--col-lg-7,
1416.bx--grid--condensed .bx--col-lg-7 {
1417 padding-right: 0.0625rem;
1418 padding-left: 0.0625rem;
1419}
1420
1421.bx--col-lg-8 {
1422 width: 100%;
1423 padding-right: 1rem;
1424 padding-left: 1rem;
1425}
1426
1427.bx--row--condensed .bx--col-lg-8,
1428.bx--grid--condensed .bx--col-lg-8 {
1429 padding-right: 0.0625rem;
1430 padding-left: 0.0625rem;
1431}
1432
1433.bx--col-lg-9 {
1434 width: 100%;
1435 padding-right: 1rem;
1436 padding-left: 1rem;
1437}
1438
1439.bx--row--condensed .bx--col-lg-9,
1440.bx--grid--condensed .bx--col-lg-9 {
1441 padding-right: 0.0625rem;
1442 padding-left: 0.0625rem;
1443}
1444
1445.bx--col-lg-10 {
1446 width: 100%;
1447 padding-right: 1rem;
1448 padding-left: 1rem;
1449}
1450
1451.bx--row--condensed .bx--col-lg-10,
1452.bx--grid--condensed .bx--col-lg-10 {
1453 padding-right: 0.0625rem;
1454 padding-left: 0.0625rem;
1455}
1456
1457.bx--col-lg-11 {
1458 width: 100%;
1459 padding-right: 1rem;
1460 padding-left: 1rem;
1461}
1462
1463.bx--row--condensed .bx--col-lg-11,
1464.bx--grid--condensed .bx--col-lg-11 {
1465 padding-right: 0.0625rem;
1466 padding-left: 0.0625rem;
1467}
1468
1469.bx--col-lg-12 {
1470 width: 100%;
1471 padding-right: 1rem;
1472 padding-left: 1rem;
1473}
1474
1475.bx--row--condensed .bx--col-lg-12,
1476.bx--grid--condensed .bx--col-lg-12 {
1477 padding-right: 0.0625rem;
1478 padding-left: 0.0625rem;
1479}
1480
1481.bx--col-lg,
1482.bx--col-lg--auto {
1483 width: 100%;
1484 padding-right: 1rem;
1485 padding-left: 1rem;
1486}
1487
1488.bx--row--condensed .bx--col-lg,
1489.bx--grid--condensed .bx--col-lg, .bx--row--condensed
1490.bx--col-lg--auto,
1491.bx--grid--condensed
1492.bx--col-lg--auto {
1493 padding-right: 0.0625rem;
1494 padding-left: 0.0625rem;
1495}
1496
1497@media (min-width: 66rem) {
1498 .bx--col,
1499 .bx--col-lg {
1500 -ms-flex-preferred-size: 0;
1501 flex-basis: 0;
1502 -webkit-box-flex: 1;
1503 -ms-flex-positive: 1;
1504 flex-grow: 1;
1505 max-width: 100%;
1506 }
1507 .bx--col--auto,
1508 .bx--col-lg--auto {
1509 -webkit-box-flex: 1;
1510 -ms-flex: 1 0 0%;
1511 flex: 1 0 0%;
1512 width: auto;
1513 max-width: 100%;
1514 }
1515 .bx--col-lg-1 {
1516 -webkit-box-flex: 0;
1517 -ms-flex: 0 0 8.33333%;
1518 flex: 0 0 8.33333%;
1519 max-width: 8.33333%;
1520 }
1521 .bx--col-lg-2 {
1522 -webkit-box-flex: 0;
1523 -ms-flex: 0 0 16.66667%;
1524 flex: 0 0 16.66667%;
1525 max-width: 16.66667%;
1526 }
1527 .bx--col-lg-3 {
1528 -webkit-box-flex: 0;
1529 -ms-flex: 0 0 25%;
1530 flex: 0 0 25%;
1531 max-width: 25%;
1532 }
1533 .bx--col-lg-4 {
1534 -webkit-box-flex: 0;
1535 -ms-flex: 0 0 33.33333%;
1536 flex: 0 0 33.33333%;
1537 max-width: 33.33333%;
1538 }
1539 .bx--col-lg-5 {
1540 -webkit-box-flex: 0;
1541 -ms-flex: 0 0 41.66667%;
1542 flex: 0 0 41.66667%;
1543 max-width: 41.66667%;
1544 }
1545 .bx--col-lg-6 {
1546 -webkit-box-flex: 0;
1547 -ms-flex: 0 0 50%;
1548 flex: 0 0 50%;
1549 max-width: 50%;
1550 }
1551 .bx--col-lg-7 {
1552 -webkit-box-flex: 0;
1553 -ms-flex: 0 0 58.33333%;
1554 flex: 0 0 58.33333%;
1555 max-width: 58.33333%;
1556 }
1557 .bx--col-lg-8 {
1558 -webkit-box-flex: 0;
1559 -ms-flex: 0 0 66.66667%;
1560 flex: 0 0 66.66667%;
1561 max-width: 66.66667%;
1562 }
1563 .bx--col-lg-9 {
1564 -webkit-box-flex: 0;
1565 -ms-flex: 0 0 75%;
1566 flex: 0 0 75%;
1567 max-width: 75%;
1568 }
1569 .bx--col-lg-10 {
1570 -webkit-box-flex: 0;
1571 -ms-flex: 0 0 83.33333%;
1572 flex: 0 0 83.33333%;
1573 max-width: 83.33333%;
1574 }
1575 .bx--col-lg-11 {
1576 -webkit-box-flex: 0;
1577 -ms-flex: 0 0 91.66667%;
1578 flex: 0 0 91.66667%;
1579 max-width: 91.66667%;
1580 }
1581 .bx--col-lg-12 {
1582 -webkit-box-flex: 0;
1583 -ms-flex: 0 0 100%;
1584 flex: 0 0 100%;
1585 max-width: 100%;
1586 }
1587 .bx--offset-lg-0 {
1588 margin-left: 0;
1589 }
1590 .bx--offset-lg-1 {
1591 margin-left: 8.33333%;
1592 }
1593 .bx--offset-lg-2 {
1594 margin-left: 16.66667%;
1595 }
1596 .bx--offset-lg-3 {
1597 margin-left: 25%;
1598 }
1599 .bx--offset-lg-4 {
1600 margin-left: 33.33333%;
1601 }
1602 .bx--offset-lg-5 {
1603 margin-left: 41.66667%;
1604 }
1605 .bx--offset-lg-6 {
1606 margin-left: 50%;
1607 }
1608 .bx--offset-lg-7 {
1609 margin-left: 58.33333%;
1610 }
1611 .bx--offset-lg-8 {
1612 margin-left: 66.66667%;
1613 }
1614 .bx--offset-lg-9 {
1615 margin-left: 75%;
1616 }
1617 .bx--offset-lg-10 {
1618 margin-left: 83.33333%;
1619 }
1620 .bx--offset-lg-11 {
1621 margin-left: 91.66667%;
1622 }
1623}
1624
1625.bx--col-xlg-1 {
1626 width: 100%;
1627 padding-right: 1rem;
1628 padding-left: 1rem;
1629}
1630
1631.bx--row--condensed .bx--col-xlg-1,
1632.bx--grid--condensed .bx--col-xlg-1 {
1633 padding-right: 0.0625rem;
1634 padding-left: 0.0625rem;
1635}
1636
1637.bx--col-xlg-2 {
1638 width: 100%;
1639 padding-right: 1rem;
1640 padding-left: 1rem;
1641}
1642
1643.bx--row--condensed .bx--col-xlg-2,
1644.bx--grid--condensed .bx--col-xlg-2 {
1645 padding-right: 0.0625rem;
1646 padding-left: 0.0625rem;
1647}
1648
1649.bx--col-xlg-3 {
1650 width: 100%;
1651 padding-right: 1rem;
1652 padding-left: 1rem;
1653}
1654
1655.bx--row--condensed .bx--col-xlg-3,
1656.bx--grid--condensed .bx--col-xlg-3 {
1657 padding-right: 0.0625rem;
1658 padding-left: 0.0625rem;
1659}
1660
1661.bx--col-xlg-4 {
1662 width: 100%;
1663 padding-right: 1rem;
1664 padding-left: 1rem;
1665}
1666
1667.bx--row--condensed .bx--col-xlg-4,
1668.bx--grid--condensed .bx--col-xlg-4 {
1669 padding-right: 0.0625rem;
1670 padding-left: 0.0625rem;
1671}
1672
1673.bx--col-xlg-5 {
1674 width: 100%;
1675 padding-right: 1rem;
1676 padding-left: 1rem;
1677}
1678
1679.bx--row--condensed .bx--col-xlg-5,
1680.bx--grid--condensed .bx--col-xlg-5 {
1681 padding-right: 0.0625rem;
1682 padding-left: 0.0625rem;
1683}
1684
1685.bx--col-xlg-6 {
1686 width: 100%;
1687 padding-right: 1rem;
1688 padding-left: 1rem;
1689}
1690
1691.bx--row--condensed .bx--col-xlg-6,
1692.bx--grid--condensed .bx--col-xlg-6 {
1693 padding-right: 0.0625rem;
1694 padding-left: 0.0625rem;
1695}
1696
1697.bx--col-xlg-7 {
1698 width: 100%;
1699 padding-right: 1rem;
1700 padding-left: 1rem;
1701}
1702
1703.bx--row--condensed .bx--col-xlg-7,
1704.bx--grid--condensed .bx--col-xlg-7 {
1705 padding-right: 0.0625rem;
1706 padding-left: 0.0625rem;
1707}
1708
1709.bx--col-xlg-8 {
1710 width: 100%;
1711 padding-right: 1rem;
1712 padding-left: 1rem;
1713}
1714
1715.bx--row--condensed .bx--col-xlg-8,
1716.bx--grid--condensed .bx--col-xlg-8 {
1717 padding-right: 0.0625rem;
1718 padding-left: 0.0625rem;
1719}
1720
1721.bx--col-xlg-9 {
1722 width: 100%;
1723 padding-right: 1rem;
1724 padding-left: 1rem;
1725}
1726
1727.bx--row--condensed .bx--col-xlg-9,
1728.bx--grid--condensed .bx--col-xlg-9 {
1729 padding-right: 0.0625rem;
1730 padding-left: 0.0625rem;
1731}
1732
1733.bx--col-xlg-10 {
1734 width: 100%;
1735 padding-right: 1rem;
1736 padding-left: 1rem;
1737}
1738
1739.bx--row--condensed .bx--col-xlg-10,
1740.bx--grid--condensed .bx--col-xlg-10 {
1741 padding-right: 0.0625rem;
1742 padding-left: 0.0625rem;
1743}
1744
1745.bx--col-xlg-11 {
1746 width: 100%;
1747 padding-right: 1rem;
1748 padding-left: 1rem;
1749}
1750
1751.bx--row--condensed .bx--col-xlg-11,
1752.bx--grid--condensed .bx--col-xlg-11 {
1753 padding-right: 0.0625rem;
1754 padding-left: 0.0625rem;
1755}
1756
1757.bx--col-xlg-12 {
1758 width: 100%;
1759 padding-right: 1rem;
1760 padding-left: 1rem;
1761}
1762
1763.bx--row--condensed .bx--col-xlg-12,
1764.bx--grid--condensed .bx--col-xlg-12 {
1765 padding-right: 0.0625rem;
1766 padding-left: 0.0625rem;
1767}
1768
1769.bx--col-xlg,
1770.bx--col-xlg--auto {
1771 width: 100%;
1772 padding-right: 1rem;
1773 padding-left: 1rem;
1774}
1775
1776.bx--row--condensed .bx--col-xlg,
1777.bx--grid--condensed .bx--col-xlg, .bx--row--condensed
1778.bx--col-xlg--auto,
1779.bx--grid--condensed
1780.bx--col-xlg--auto {
1781 padding-right: 0.0625rem;
1782 padding-left: 0.0625rem;
1783}
1784
1785@media (min-width: 82rem) {
1786 .bx--col,
1787 .bx--col-xlg {
1788 -ms-flex-preferred-size: 0;
1789 flex-basis: 0;
1790 -webkit-box-flex: 1;
1791 -ms-flex-positive: 1;
1792 flex-grow: 1;
1793 max-width: 100%;
1794 }
1795 .bx--col--auto,
1796 .bx--col-xlg--auto {
1797 -webkit-box-flex: 1;
1798 -ms-flex: 1 0 0%;
1799 flex: 1 0 0%;
1800 width: auto;
1801 max-width: 100%;
1802 }
1803 .bx--col-xlg-1 {
1804 -webkit-box-flex: 0;
1805 -ms-flex: 0 0 8.33333%;
1806 flex: 0 0 8.33333%;
1807 max-width: 8.33333%;
1808 }
1809 .bx--col-xlg-2 {
1810 -webkit-box-flex: 0;
1811 -ms-flex: 0 0 16.66667%;
1812 flex: 0 0 16.66667%;
1813 max-width: 16.66667%;
1814 }
1815 .bx--col-xlg-3 {
1816 -webkit-box-flex: 0;
1817 -ms-flex: 0 0 25%;
1818 flex: 0 0 25%;
1819 max-width: 25%;
1820 }
1821 .bx--col-xlg-4 {
1822 -webkit-box-flex: 0;
1823 -ms-flex: 0 0 33.33333%;
1824 flex: 0 0 33.33333%;
1825 max-width: 33.33333%;
1826 }
1827 .bx--col-xlg-5 {
1828 -webkit-box-flex: 0;
1829 -ms-flex: 0 0 41.66667%;
1830 flex: 0 0 41.66667%;
1831 max-width: 41.66667%;
1832 }
1833 .bx--col-xlg-6 {
1834 -webkit-box-flex: 0;
1835 -ms-flex: 0 0 50%;
1836 flex: 0 0 50%;
1837 max-width: 50%;
1838 }
1839 .bx--col-xlg-7 {
1840 -webkit-box-flex: 0;
1841 -ms-flex: 0 0 58.33333%;
1842 flex: 0 0 58.33333%;
1843 max-width: 58.33333%;
1844 }
1845 .bx--col-xlg-8 {
1846 -webkit-box-flex: 0;
1847 -ms-flex: 0 0 66.66667%;
1848 flex: 0 0 66.66667%;
1849 max-width: 66.66667%;
1850 }
1851 .bx--col-xlg-9 {
1852 -webkit-box-flex: 0;
1853 -ms-flex: 0 0 75%;
1854 flex: 0 0 75%;
1855 max-width: 75%;
1856 }
1857 .bx--col-xlg-10 {
1858 -webkit-box-flex: 0;
1859 -ms-flex: 0 0 83.33333%;
1860 flex: 0 0 83.33333%;
1861 max-width: 83.33333%;
1862 }
1863 .bx--col-xlg-11 {
1864 -webkit-box-flex: 0;
1865 -ms-flex: 0 0 91.66667%;
1866 flex: 0 0 91.66667%;
1867 max-width: 91.66667%;
1868 }
1869 .bx--col-xlg-12 {
1870 -webkit-box-flex: 0;
1871 -ms-flex: 0 0 100%;
1872 flex: 0 0 100%;
1873 max-width: 100%;
1874 }
1875 .bx--offset-xlg-0 {
1876 margin-left: 0;
1877 }
1878 .bx--offset-xlg-1 {
1879 margin-left: 8.33333%;
1880 }
1881 .bx--offset-xlg-2 {
1882 margin-left: 16.66667%;
1883 }
1884 .bx--offset-xlg-3 {
1885 margin-left: 25%;
1886 }
1887 .bx--offset-xlg-4 {
1888 margin-left: 33.33333%;
1889 }
1890 .bx--offset-xlg-5 {
1891 margin-left: 41.66667%;
1892 }
1893 .bx--offset-xlg-6 {
1894 margin-left: 50%;
1895 }
1896 .bx--offset-xlg-7 {
1897 margin-left: 58.33333%;
1898 }
1899 .bx--offset-xlg-8 {
1900 margin-left: 66.66667%;
1901 }
1902 .bx--offset-xlg-9 {
1903 margin-left: 75%;
1904 }
1905 .bx--offset-xlg-10 {
1906 margin-left: 83.33333%;
1907 }
1908 .bx--offset-xlg-11 {
1909 margin-left: 91.66667%;
1910 }
1911}
1912
1913.bx--col-max-1 {
1914 width: 100%;
1915 padding-right: 1rem;
1916 padding-left: 1rem;
1917}
1918
1919.bx--row--condensed .bx--col-max-1,
1920.bx--grid--condensed .bx--col-max-1 {
1921 padding-right: 0.0625rem;
1922 padding-left: 0.0625rem;
1923}
1924
1925.bx--col-max-2 {
1926 width: 100%;
1927 padding-right: 1rem;
1928 padding-left: 1rem;
1929}
1930
1931.bx--row--condensed .bx--col-max-2,
1932.bx--grid--condensed .bx--col-max-2 {
1933 padding-right: 0.0625rem;
1934 padding-left: 0.0625rem;
1935}
1936
1937.bx--col-max-3 {
1938 width: 100%;
1939 padding-right: 1rem;
1940 padding-left: 1rem;
1941}
1942
1943.bx--row--condensed .bx--col-max-3,
1944.bx--grid--condensed .bx--col-max-3 {
1945 padding-right: 0.0625rem;
1946 padding-left: 0.0625rem;
1947}
1948
1949.bx--col-max-4 {
1950 width: 100%;
1951 padding-right: 1rem;
1952 padding-left: 1rem;
1953}
1954
1955.bx--row--condensed .bx--col-max-4,
1956.bx--grid--condensed .bx--col-max-4 {
1957 padding-right: 0.0625rem;
1958 padding-left: 0.0625rem;
1959}
1960
1961.bx--col-max-5 {
1962 width: 100%;
1963 padding-right: 1rem;
1964 padding-left: 1rem;
1965}
1966
1967.bx--row--condensed .bx--col-max-5,
1968.bx--grid--condensed .bx--col-max-5 {
1969 padding-right: 0.0625rem;
1970 padding-left: 0.0625rem;
1971}
1972
1973.bx--col-max-6 {
1974 width: 100%;
1975 padding-right: 1rem;
1976 padding-left: 1rem;
1977}
1978
1979.bx--row--condensed .bx--col-max-6,
1980.bx--grid--condensed .bx--col-max-6 {
1981 padding-right: 0.0625rem;
1982 padding-left: 0.0625rem;
1983}
1984
1985.bx--col-max-7 {
1986 width: 100%;
1987 padding-right: 1rem;
1988 padding-left: 1rem;
1989}
1990
1991.bx--row--condensed .bx--col-max-7,
1992.bx--grid--condensed .bx--col-max-7 {
1993 padding-right: 0.0625rem;
1994 padding-left: 0.0625rem;
1995}
1996
1997.bx--col-max-8 {
1998 width: 100%;
1999 padding-right: 1rem;
2000 padding-left: 1rem;
2001}
2002
2003.bx--row--condensed .bx--col-max-8,
2004.bx--grid--condensed .bx--col-max-8 {
2005 padding-right: 0.0625rem;
2006 padding-left: 0.0625rem;
2007}
2008
2009.bx--col-max-9 {
2010 width: 100%;
2011 padding-right: 1rem;
2012 padding-left: 1rem;
2013}
2014
2015.bx--row--condensed .bx--col-max-9,
2016.bx--grid--condensed .bx--col-max-9 {
2017 padding-right: 0.0625rem;
2018 padding-left: 0.0625rem;
2019}
2020
2021.bx--col-max-10 {
2022 width: 100%;
2023 padding-right: 1rem;
2024 padding-left: 1rem;
2025}
2026
2027.bx--row--condensed .bx--col-max-10,
2028.bx--grid--condensed .bx--col-max-10 {
2029 padding-right: 0.0625rem;
2030 padding-left: 0.0625rem;
2031}
2032
2033.bx--col-max-11 {
2034 width: 100%;
2035 padding-right: 1rem;
2036 padding-left: 1rem;
2037}
2038
2039.bx--row--condensed .bx--col-max-11,
2040.bx--grid--condensed .bx--col-max-11 {
2041 padding-right: 0.0625rem;
2042 padding-left: 0.0625rem;
2043}
2044
2045.bx--col-max-12 {
2046 width: 100%;
2047 padding-right: 1rem;
2048 padding-left: 1rem;
2049}
2050
2051.bx--row--condensed .bx--col-max-12,
2052.bx--grid--condensed .bx--col-max-12 {
2053 padding-right: 0.0625rem;
2054 padding-left: 0.0625rem;
2055}
2056
2057.bx--col-max,
2058.bx--col-max--auto {
2059 width: 100%;
2060 padding-right: 1rem;
2061 padding-left: 1rem;
2062}
2063
2064.bx--row--condensed .bx--col-max,
2065.bx--grid--condensed .bx--col-max, .bx--row--condensed
2066.bx--col-max--auto,
2067.bx--grid--condensed
2068.bx--col-max--auto {
2069 padding-right: 0.0625rem;
2070 padding-left: 0.0625rem;
2071}
2072
2073@media (min-width: 99rem) {
2074 .bx--col,
2075 .bx--col-max {
2076 -ms-flex-preferred-size: 0;
2077 flex-basis: 0;
2078 -webkit-box-flex: 1;
2079 -ms-flex-positive: 1;
2080 flex-grow: 1;
2081 max-width: 100%;
2082 }
2083 .bx--col--auto,
2084 .bx--col-max--auto {
2085 -webkit-box-flex: 1;
2086 -ms-flex: 1 0 0%;
2087 flex: 1 0 0%;
2088 width: auto;
2089 max-width: 100%;
2090 }
2091 .bx--col-max-1 {
2092 -webkit-box-flex: 0;
2093 -ms-flex: 0 0 8.33333%;
2094 flex: 0 0 8.33333%;
2095 max-width: 8.33333%;
2096 }
2097 .bx--col-max-2 {
2098 -webkit-box-flex: 0;
2099 -ms-flex: 0 0 16.66667%;
2100 flex: 0 0 16.66667%;
2101 max-width: 16.66667%;
2102 }
2103 .bx--col-max-3 {
2104 -webkit-box-flex: 0;
2105 -ms-flex: 0 0 25%;
2106 flex: 0 0 25%;
2107 max-width: 25%;
2108 }
2109 .bx--col-max-4 {
2110 -webkit-box-flex: 0;
2111 -ms-flex: 0 0 33.33333%;
2112 flex: 0 0 33.33333%;
2113 max-width: 33.33333%;
2114 }
2115 .bx--col-max-5 {
2116 -webkit-box-flex: 0;
2117 -ms-flex: 0 0 41.66667%;
2118 flex: 0 0 41.66667%;
2119 max-width: 41.66667%;
2120 }
2121 .bx--col-max-6 {
2122 -webkit-box-flex: 0;
2123 -ms-flex: 0 0 50%;
2124 flex: 0 0 50%;
2125 max-width: 50%;
2126 }
2127 .bx--col-max-7 {
2128 -webkit-box-flex: 0;
2129 -ms-flex: 0 0 58.33333%;
2130 flex: 0 0 58.33333%;
2131 max-width: 58.33333%;
2132 }
2133 .bx--col-max-8 {
2134 -webkit-box-flex: 0;
2135 -ms-flex: 0 0 66.66667%;
2136 flex: 0 0 66.66667%;
2137 max-width: 66.66667%;
2138 }
2139 .bx--col-max-9 {
2140 -webkit-box-flex: 0;
2141 -ms-flex: 0 0 75%;
2142 flex: 0 0 75%;
2143 max-width: 75%;
2144 }
2145 .bx--col-max-10 {
2146 -webkit-box-flex: 0;
2147 -ms-flex: 0 0 83.33333%;
2148 flex: 0 0 83.33333%;
2149 max-width: 83.33333%;
2150 }
2151 .bx--col-max-11 {
2152 -webkit-box-flex: 0;
2153 -ms-flex: 0 0 91.66667%;
2154 flex: 0 0 91.66667%;
2155 max-width: 91.66667%;
2156 }
2157 .bx--col-max-12 {
2158 -webkit-box-flex: 0;
2159 -ms-flex: 0 0 100%;
2160 flex: 0 0 100%;
2161 max-width: 100%;
2162 }
2163 .bx--offset-max-0 {
2164 margin-left: 0;
2165 }
2166 .bx--offset-max-1 {
2167 margin-left: 8.33333%;
2168 }
2169 .bx--offset-max-2 {
2170 margin-left: 16.66667%;
2171 }
2172 .bx--offset-max-3 {
2173 margin-left: 25%;
2174 }
2175 .bx--offset-max-4 {
2176 margin-left: 33.33333%;
2177 }
2178 .bx--offset-max-5 {
2179 margin-left: 41.66667%;
2180 }
2181 .bx--offset-max-6 {
2182 margin-left: 50%;
2183 }
2184 .bx--offset-max-7 {
2185 margin-left: 58.33333%;
2186 }
2187 .bx--offset-max-8 {
2188 margin-left: 66.66667%;
2189 }
2190 .bx--offset-max-9 {
2191 margin-left: 75%;
2192 }
2193 .bx--offset-max-10 {
2194 margin-left: 83.33333%;
2195 }
2196 .bx--offset-max-11 {
2197 margin-left: 91.66667%;
2198 }
2199}
2200
2201.bx--no-gutter,
2202.bx--row.bx--no-gutter [class*='bx--col'] {
2203 padding-left: 0;
2204 padding-right: 0;
2205}
2206
2207.bx--no-gutter--left,
2208.bx--row.bx--no-gutter--left [class*='bx--col'] {
2209 padding-left: 0;
2210}
2211
2212.bx--no-gutter--right,
2213.bx--row.bx--no-gutter--right [class*='bx--col'] {
2214 padding-right: 0;
2215}
2216
2217.bx--hang--left {
2218 padding-left: 1rem;
2219}
2220
2221.bx--hang--right {
2222 padding-right: 1rem;
2223}
2224
2225.bx--aspect-ratio {
2226 height: 0;
2227 position: relative;
2228}
2229
2230.bx--aspect-ratio--object {
2231 position: absolute;
2232 top: 0;
2233 right: 0;
2234 bottom: 0;
2235 left: 0;
2236 width: 100%;
2237 height: 100%;
2238 z-index: 100;
2239}
2240
2241.bx--aspect-ratio--16x9 {
2242 padding-bottom: 56.25%;
2243}
2244
2245.bx--aspect-ratio--2x1 {
2246 padding-bottom: 50%;
2247}
2248
2249.bx--aspect-ratio--4x3 {
2250 padding-bottom: 75%;
2251}
2252
2253.bx--aspect-ratio--1x1 {
2254 padding-bottom: 100%;
2255}
2256
2257/**
2258 * We flag this variable as true if someone uses the globals/scss/styles.scss
2259 * entry-point. This allows us to collect all the messages and display them at
2260 * the end of the file instead of bringing it up per-component.
2261 *
2262 * If a consumer instead gets the components by importing the partial directly,
2263 * this variable _will not_ be set to true, so the deprecation message will be
2264 * displayed after the @import.
2265 */
2266.bx--btn-set {
2267 display: -webkit-box;
2268 display: -ms-flexbox;
2269 display: flex;
2270}
2271
2272.bx--btn-set > .bx--btn {
2273 max-width: 12.25rem;
2274 width: 100%;
2275}
2276
2277.bx--btn--secondary.bx--btn--disabled + .bx--btn--primary.bx--btn--disabled,
2278.bx--btn--tertiary.bx--btn--disabled + .bx--btn--danger.bx--btn--disabled {
2279 border-left: 0.0625rem solid #8c8c8c;
2280}
2281
2282.bx--btn {
2283 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2284 font-size: 0.875rem;
2285 font-weight: 400;
2286 line-height: 1.125rem;
2287 letter-spacing: 0.16px;
2288 cursor: pointer;
2289 display: -webkit-inline-box;
2290 display: -ms-inline-flexbox;
2291 display: inline-flex;
2292 -webkit-box-align: center;
2293 -ms-flex-align: center;
2294 align-items: center;
2295 -webkit-box-pack: justify;
2296 -ms-flex-pack: justify;
2297 justify-content: space-between;
2298 -ms-flex-negative: 0;
2299 flex-shrink: 0;
2300 min-height: 3rem;
2301 padding: 0.875rem 63px 0.875rem 15px;
2302 border-radius: 0;
2303 text-align: left;
2304 text-decoration: none;
2305 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2306 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2307 outline: 3px solid transparent;
2308 position: relative;
2309 max-width: 20rem;
2310}
2311
2312.bx--btn:disabled, .bx--btn.bx--btn--disabled {
2313 cursor: not-allowed;
2314 color: #8c8c8c;
2315 background: #bebebe;
2316 border-color: #bebebe;
2317}
2318
2319.bx--btn .bx--btn__icon {
2320 position: absolute;
2321 right: 1rem;
2322 -ms-flex-negative: 0;
2323 flex-shrink: 0;
2324 width: 1rem;
2325 height: 1rem;
2326 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2327 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2328}
2329
2330.bx--btn.bx--btn--disabled > .bx--btn__icon,
2331.bx--btn:disabled > .bx--btn__icon {
2332 fill: #8c8c8c;
2333}
2334
2335.bx--btn::-moz-focus-inner {
2336 padding: 0;
2337 border: 0;
2338}
2339
2340.bx--btn--primary {
2341 background-color: #0062ff;
2342 border-width: 1px;
2343 border-style: solid;
2344 border-color: transparent;
2345 color: #ffffff;
2346}
2347
2348.bx--btn--primary:hover {
2349 background-color: #0353e9;
2350}
2351
2352.bx--btn--primary::before, .bx--btn--primary::after {
2353 -webkit-box-sizing: border-box;
2354 box-sizing: border-box;
2355 position: absolute;
2356 content: '';
2357 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2358 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2359}
2360
2361.bx--btn--primary:not(.bx--btn--disabled)::before {
2362 top: calc(-1px + 3px);
2363 left: 2px;
2364 width: calc(100% + (2 * 1px) - (2 * 3px));
2365 height: calc(100% + (2 * 1px) - (2 * 3px));
2366 border: 1px solid transparent;
2367}
2368
2369.bx--btn--primary:focus::before {
2370 border-color: #ffffff;
2371}
2372
2373.bx--btn--primary:not(.bx--btn--disabled)::after {
2374 top: -1px;
2375 left: -1px;
2376 height: calc(100% + 2 * 1px);
2377 width: calc(100% + 2 * 1px);
2378 border: 3px solid transparent;
2379}
2380
2381.bx--btn--primary:focus::after {
2382 border-color: #0062ff;
2383}
2384
2385.bx--btn--primary:disabled:hover, .bx--btn--primary:disabled:focus, .bx--btn--primary:hover.bx--btn--disabled, .bx--btn--primary:focus.bx--btn--disabled {
2386 color: #8c8c8c;
2387 background: #bebebe;
2388 border-color: #bebebe;
2389 text-decoration: none;
2390}
2391
2392.bx--btn--primary:active {
2393 background-color: #0530ad;
2394}
2395
2396.bx--btn--primary .bx--btn__icon {
2397 fill: #ffffff;
2398}
2399
2400.bx--btn--primary:hover {
2401 color: #ffffff;
2402}
2403
2404.bx--btn--secondary {
2405 background-color: #171717;
2406 border-width: 1px;
2407 border-style: solid;
2408 border-color: transparent;
2409 color: #ffffff;
2410}
2411
2412.bx--btn--secondary:hover {
2413 background-color: #4c4c4c;
2414}
2415
2416.bx--btn--secondary::before, .bx--btn--secondary::after {
2417 -webkit-box-sizing: border-box;
2418 box-sizing: border-box;
2419 position: absolute;
2420 content: '';
2421 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2422 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2423}
2424
2425.bx--btn--secondary:not(.bx--btn--disabled)::before {
2426 top: calc(-1px + 3px);
2427 left: 2px;
2428 width: calc(100% + (2 * 1px) - (2 * 3px));
2429 height: calc(100% + (2 * 1px) - (2 * 3px));
2430 border: 1px solid transparent;
2431}
2432
2433.bx--btn--secondary:focus::before {
2434 border-color: #ffffff;
2435}
2436
2437.bx--btn--secondary:not(.bx--btn--disabled)::after {
2438 top: -1px;
2439 left: -1px;
2440 height: calc(100% + 2 * 1px);
2441 width: calc(100% + 2 * 1px);
2442 border: 3px solid transparent;
2443}
2444
2445.bx--btn--secondary:focus::after {
2446 border-color: #0062ff;
2447}
2448
2449.bx--btn--secondary:disabled:hover, .bx--btn--secondary:disabled:focus, .bx--btn--secondary:hover.bx--btn--disabled, .bx--btn--secondary:focus.bx--btn--disabled {
2450 color: #8c8c8c;
2451 background: #bebebe;
2452 border-color: #bebebe;
2453 text-decoration: none;
2454}
2455
2456.bx--btn--secondary:active {
2457 background-color: #6f6f6f;
2458}
2459
2460.bx--btn--secondary .bx--btn__icon {
2461 fill: #ffffff;
2462}
2463
2464.bx--btn--secondary:hover, .bx--btn--secondary:focus {
2465 color: #ffffff;
2466}
2467
2468.bx--btn--tertiary {
2469 background-color: transparent;
2470 border-width: 1px;
2471 border-style: solid;
2472 border-color: #0062ff;
2473 color: #0062ff;
2474}
2475
2476.bx--btn--tertiary:hover {
2477 background-color: #0353e9;
2478}
2479
2480.bx--btn--tertiary::before, .bx--btn--tertiary::after {
2481 -webkit-box-sizing: border-box;
2482 box-sizing: border-box;
2483 position: absolute;
2484 content: '';
2485 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2486 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2487}
2488
2489.bx--btn--tertiary:not(.bx--btn--disabled)::before {
2490 top: calc(-1px + 3px);
2491 left: 2px;
2492 width: calc(100% + (2 * 1px) - (2 * 3px));
2493 height: calc(100% + (2 * 1px) - (2 * 3px));
2494 border: 1px solid transparent;
2495}
2496
2497.bx--btn--tertiary:focus::before {
2498 border-color: #ffffff;
2499}
2500
2501.bx--btn--tertiary:not(.bx--btn--disabled)::after {
2502 top: -1px;
2503 left: -1px;
2504 height: calc(100% + 2 * 1px);
2505 width: calc(100% + 2 * 1px);
2506 border: 3px solid transparent;
2507}
2508
2509.bx--btn--tertiary:focus::after {
2510 border-color: #0062ff;
2511}
2512
2513.bx--btn--tertiary:disabled:hover, .bx--btn--tertiary:disabled:focus, .bx--btn--tertiary:hover.bx--btn--disabled, .bx--btn--tertiary:focus.bx--btn--disabled {
2514 color: #8c8c8c;
2515 background: #bebebe;
2516 border-color: #bebebe;
2517 text-decoration: none;
2518}
2519
2520.bx--btn--tertiary:active {
2521 background-color: #0530ad;
2522}
2523
2524.bx--btn--tertiary .bx--btn__icon {
2525 fill: #0062ff;
2526}
2527
2528.bx--btn--tertiary:hover {
2529 color: #ffffff;
2530}
2531
2532.bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {
2533 background: transparent;
2534 color: #bebebe;
2535}
2536
2537.bx--btn--tertiary:disabled > .bx--btn__icon, .bx--btn--tertiary:hover:disabled > .bx--btn__icon, .bx--btn--tertiary:focus:disabled > .bx--btn__icon, .bx--btn--tertiary.bx--btn--disabled > .bx--btn__icon, .bx--btn--tertiary.bx--btn--disabled:hover > .bx--btn__icon, .bx--btn--tertiary.bx--btn--disabled:focus > .bx--btn__icon {
2538 fill: #bebebe;
2539}
2540
2541.bx--btn--tertiary:hover > .bx--btn__icon {
2542 fill: #ffffff;
2543}
2544
2545.bx--btn--ghost {
2546 background-color: transparent;
2547 border-width: 1px;
2548 border-style: solid;
2549 border-color: transparent;
2550 color: #0062ff;
2551 padding: 0.875rem 1rem;
2552}
2553
2554.bx--btn--ghost:hover {
2555 background-color: #e5e5e5;
2556}
2557
2558.bx--btn--ghost::before, .bx--btn--ghost::after {
2559 -webkit-box-sizing: border-box;
2560 box-sizing: border-box;
2561 position: absolute;
2562 content: '';
2563 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2564 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2565}
2566
2567.bx--btn--ghost:not(.bx--btn--disabled)::before {
2568 top: calc(-1px + 3px);
2569 left: 2px;
2570 width: calc(100% + (2 * 1px) - (2 * 3px));
2571 height: calc(100% + (2 * 1px) - (2 * 3px));
2572 border: 1px solid transparent;
2573}
2574
2575.bx--btn--ghost:focus::before {
2576 border-color: #ffffff;
2577}
2578
2579.bx--btn--ghost:not(.bx--btn--disabled)::after {
2580 top: -1px;
2581 left: -1px;
2582 height: calc(100% + 2 * 1px);
2583 width: calc(100% + 2 * 1px);
2584 border: 3px solid transparent;
2585}
2586
2587.bx--btn--ghost:focus::after {
2588 border-color: #0062ff;
2589}
2590
2591.bx--btn--ghost:disabled:hover, .bx--btn--ghost:disabled:focus, .bx--btn--ghost:hover.bx--btn--disabled, .bx--btn--ghost:focus.bx--btn--disabled {
2592 color: #8c8c8c;
2593 background: #bebebe;
2594 border-color: #bebebe;
2595 text-decoration: none;
2596}
2597
2598.bx--btn--ghost:active {
2599 background-color: #bebebe;
2600}
2601
2602.bx--btn--ghost .bx--btn__icon {
2603 fill: #0062ff;
2604}
2605
2606.bx--btn--ghost .bx--btn__icon {
2607 position: static;
2608 margin-left: 0.5rem;
2609}
2610
2611.bx--btn--ghost:hover, .bx--btn--ghost:active {
2612 color: #054ada;
2613}
2614
2615.bx--btn--ghost:hover .bx--btn__icon, .bx--btn--ghost:active .bx--btn__icon {
2616 fill: #054ada;
2617}
2618
2619.bx--btn--ghost:active {
2620 background-color: #bebebe;
2621}
2622
2623.bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {
2624 color: #bebebe;
2625 background: transparent;
2626 border-color: transparent;
2627}
2628
2629.bx--btn--ghost:disabled .bx--btn__icon, .bx--btn--ghost:hover:disabled .bx--btn__icon, .bx--btn--ghost:focus:disabled .bx--btn__icon, .bx--btn--ghost.bx--btn--disabled .bx--btn__icon, .bx--btn--ghost.bx--btn--disabled:hover .bx--btn__icon, .bx--btn--ghost.bx--btn--disabled:focus .bx--btn__icon {
2630 fill: #bebebe;
2631}
2632
2633.bx--btn--ghost.bx--btn--sm {
2634 padding: 0.375rem 1rem;
2635}
2636
2637.bx--btn--danger {
2638 background-color: #da1e28;
2639 border-width: 1px;
2640 border-style: solid;
2641 border-color: #da1e28;
2642 color: #ffffff;
2643}
2644
2645.bx--btn--danger:hover {
2646 background-color: #ba1b23;
2647}
2648
2649.bx--btn--danger::before, .bx--btn--danger::after {
2650 -webkit-box-sizing: border-box;
2651 box-sizing: border-box;
2652 position: absolute;
2653 content: '';
2654 -webkit-transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2655 transition: 70ms cubic-bezier(0, 0, 0.38, 0.9);
2656}
2657
2658.bx--btn--danger:not(.bx--btn--disabled)::before {
2659 top: calc(-1px + 3px);
2660 left: 2px;
2661 width: calc(100% + (2 * 1px) - (2 * 3px));
2662 height: calc(100% + (2 * 1px) - (2 * 3px));
2663 border: 1px solid transparent;
2664}
2665
2666.bx--btn--danger:focus::before {
2667 border-color: #ffffff;
2668}
2669
2670.bx--btn--danger:not(.bx--btn--disabled)::after {
2671 top: -1px;
2672 left: -1px;
2673 height: calc(100% + 2 * 1px);
2674 width: calc(100% + 2 * 1px);
2675 border: 3px solid transparent;
2676}
2677
2678.bx--btn--danger:focus::after {
2679 border-color: #0062ff;
2680}
2681
2682.bx--btn--danger:disabled:hover, .bx--btn--danger:disabled:focus, .bx--btn--danger:hover.bx--btn--disabled, .bx--btn--danger:focus.bx--btn--disabled {
2683 color: #8c8c8c;
2684 background: #bebebe;
2685 border-color: #bebebe;
2686 text-decoration: none;
2687}
2688
2689.bx--btn--danger:active {
2690 background-color: #750e13;
2691}
2692
2693.bx--btn--danger .bx--btn__icon {
2694 fill: #ffffff;
2695}
2696
2697.bx--btn--danger:hover {
2698 color: #ffffff;
2699 border: 1px solid transparent;
2700}
2701
2702.bx--btn--sm {
2703 min-height: 2rem;
2704 padding: 0.375rem 63px 0.375rem 15px;
2705}
2706
2707.bx--btn.bx--skeleton {
2708 position: relative;
2709 border: none;
2710 padding: 0;
2711 -webkit-box-shadow: none;
2712 box-shadow: none;
2713 pointer-events: none;
2714 background: rgba(61, 112, 178, 0.1);
2715 width: 9.375rem;
2716}
2717
2718.bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {
2719 border: none;
2720 outline: none;
2721 cursor: default;
2722}
2723
2724.bx--btn.bx--skeleton:before {
2725 content: '';
2726 width: 0%;
2727 height: 100%;
2728 position: absolute;
2729 top: 0;
2730 left: 0;
2731 opacity: 0.3;
2732 background: rgba(61, 112, 178, 0.1);
2733 -webkit-animation: 3000ms ease-in-out skeleton infinite;
2734 animation: 3000ms ease-in-out skeleton infinite;
2735}
2736
2737.bx--btn--copy {
2738 position: relative;
2739 overflow: visible;
2740}
2741
2742.bx--btn--copy .bx--btn__icon {
2743 margin-left: 0.3125rem;
2744}
2745
2746.bx--btn--copy__feedback {
2747 position: absolute;
2748 display: none;
2749 top: 1.2rem;
2750 left: 50%;
2751}
2752
2753.bx--btn--copy__feedback:focus {
2754 border: 2px solid red;
2755}
2756
2757.bx--btn--copy__feedback:before {
2758 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
2759 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
2760 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2761 font-size: 0.75rem;
2762 font-weight: 400;
2763 line-height: 1rem;
2764 letter-spacing: 0.32px;
2765 top: 1.1rem;
2766 padding: 0.25rem;
2767 color: #ffffff;
2768 content: attr(data-feedback);
2769 -webkit-transform: translateX(-50%);
2770 transform: translateX(-50%);
2771 white-space: nowrap;
2772 pointer-events: none;
2773 border-radius: 4px;
2774 font-weight: 400;
2775 z-index: 2;
2776}
2777
2778.bx--btn--copy__feedback:after {
2779 top: 0.85rem;
2780 width: 0.6rem;
2781 height: 0.6rem;
2782 left: -0.3rem;
2783 border-right: 1px solid #3d3d3d;
2784 border-bottom: 1px solid #3d3d3d;
2785 content: '';
2786 -webkit-transform: rotate(-135deg);
2787 transform: rotate(-135deg);
2788 z-index: 1;
2789}
2790
2791.bx--btn--copy__feedback:before, .bx--btn--copy__feedback:after {
2792 position: absolute;
2793 display: block;
2794 background: #3d3d3d;
2795}
2796
2797.bx--btn--copy__feedback--displayed {
2798 display: -webkit-inline-box;
2799 display: -ms-inline-flexbox;
2800 display: inline-flex;
2801}
2802
2803.bx--fieldset {
2804 margin-bottom: 2rem;
2805}
2806
2807.bx--form-item {
2808 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2809 font-size: 0.875rem;
2810 font-weight: 400;
2811 line-height: 1.125rem;
2812 letter-spacing: 0.16px;
2813 display: -webkit-box;
2814 display: -ms-flexbox;
2815 display: flex;
2816 -webkit-box-orient: vertical;
2817 -webkit-box-direction: normal;
2818 -ms-flex-direction: column;
2819 flex-direction: column;
2820 -webkit-box-flex: 1;
2821 -ms-flex: 1;
2822 flex: 1;
2823 -webkit-box-align: start;
2824 -ms-flex-align: start;
2825 align-items: flex-start;
2826}
2827
2828.bx--label {
2829 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2830 font-size: 0.75rem;
2831 font-weight: 400;
2832 line-height: 1rem;
2833 letter-spacing: 0.32px;
2834 color: #565656;
2835 font-weight: 400;
2836 display: inline-block;
2837 vertical-align: baseline;
2838 margin-bottom: 0.5rem;
2839 line-height: 1rem;
2840}
2841
2842.bx--label .bx--tooltip__trigger {
2843 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2844 font-size: 0.75rem;
2845 font-weight: 400;
2846 line-height: 1rem;
2847 letter-spacing: 0.32px;
2848}
2849
2850.bx--label.bx--skeleton {
2851 position: relative;
2852 border: none;
2853 padding: 0;
2854 -webkit-box-shadow: none;
2855 box-shadow: none;
2856 pointer-events: none;
2857 background: rgba(61, 112, 178, 0.1);
2858 width: 4.6875rem;
2859 height: 0.875rem;
2860}
2861
2862.bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active {
2863 border: none;
2864 outline: none;
2865 cursor: default;
2866}
2867
2868.bx--label.bx--skeleton:before {
2869 content: '';
2870 width: 0%;
2871 height: 100%;
2872 position: absolute;
2873 top: 0;
2874 left: 0;
2875 opacity: 0.3;
2876 background: rgba(61, 112, 178, 0.1);
2877 -webkit-animation: 3000ms ease-in-out skeleton infinite;
2878 animation: 3000ms ease-in-out skeleton infinite;
2879}
2880
2881input[type='number'] {
2882 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
2883}
2884
2885input[data-invalid],
2886.bx--text-input__field-wrapper[data-invalid],
2887.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid,
2888.bx--select-input__wrapper[data-invalid],
2889.bx--list-box[data-invalid],
2890.bx--combo-box[data-invalid] .bx--text-input {
2891 outline: 2px solid #da1e28;
2892 outline-offset: -2px;
2893}
2894
2895input[data-invalid] ~ .bx--form-requirement,
2896.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,
2897.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,
2898.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,
2899.bx--time-picker[data-invalid] ~ .bx--form-requirement,
2900.bx--list-box[data-invalid] ~ .bx--form-requirement {
2901 max-height: 12.5rem;
2902 display: block;
2903 color: #da1e28;
2904}
2905
2906input:not(output):not([data-invalid]):-moz-ui-invalid {
2907 box-shadow: none;
2908}
2909
2910.bx--form-requirement {
2911 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2912 font-size: 0.75rem;
2913 font-weight: 400;
2914 line-height: 1rem;
2915 letter-spacing: 0.32px;
2916 margin: 0.25rem 0 0;
2917 max-height: 0;
2918 overflow: hidden;
2919 line-height: 1.5;
2920 display: none;
2921}
2922
2923.bx--label + .bx--form__helper-text {
2924 margin-top: -0.375rem;
2925}
2926
2927.bx--form__helper-text {
2928 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
2929 font-size: 0.75rem;
2930 font-style: italic;
2931 line-height: 1rem;
2932 letter-spacing: 0.32px;
2933 font-style: italic;
2934 color: #565656;
2935 z-index: 0;
2936 opacity: 1;
2937 margin-bottom: 0.5rem;
2938}
2939
2940.bx--label--disabled,
2941.bx--form__helper-text--disabled {
2942 color: #bebebe;
2943}
2944
2945@media (min-width: 576px) {
2946 .bx--form__helper-text {
2947 max-width: 75%;
2948 }
2949}
2950
2951@-webkit-keyframes rotate {
2952 0% {
2953 -webkit-transform: rotate(0deg);
2954 transform: rotate(0deg);
2955 }
2956 100% {
2957 -webkit-transform: rotate(360deg);
2958 transform: rotate(360deg);
2959 }
2960}
2961
2962@keyframes rotate {
2963 0% {
2964 -webkit-transform: rotate(0deg);
2965 transform: rotate(0deg);
2966 }
2967 100% {
2968 -webkit-transform: rotate(360deg);
2969 transform: rotate(360deg);
2970 }
2971}
2972
2973@-webkit-keyframes rotate-end-p1 {
2974 100% {
2975 -webkit-transform: rotate(360deg);
2976 transform: rotate(360deg);
2977 }
2978}
2979
2980@keyframes rotate-end-p1 {
2981 100% {
2982 -webkit-transform: rotate(360deg);
2983 transform: rotate(360deg);
2984 }
2985}
2986
2987@-webkit-keyframes rotate-end-p2 {
2988 100% {
2989 -webkit-transform: rotate(-360deg);
2990 transform: rotate(-360deg);
2991 }
2992}
2993
2994@keyframes rotate-end-p2 {
2995 100% {
2996 -webkit-transform: rotate(-360deg);
2997 transform: rotate(-360deg);
2998 }
2999}
3000
3001/* Stroke animations */
3002@-webkit-keyframes init-stroke {
3003 0% {
3004 stroke-dashoffset: 240;
3005 }
3006 100% {
3007 stroke-dashoffset: 40;
3008 }
3009}
3010@keyframes init-stroke {
3011 0% {
3012 stroke-dashoffset: 240;
3013 }
3014 100% {
3015 stroke-dashoffset: 40;
3016 }
3017}
3018
3019@-webkit-keyframes stroke-end {
3020 0% {
3021 stroke-dashoffset: 40;
3022 }
3023 100% {
3024 stroke-dashoffset: 240;
3025 }
3026}
3027
3028@keyframes stroke-end {
3029 0% {
3030 stroke-dashoffset: 40;
3031 }
3032 100% {
3033 stroke-dashoffset: 240;
3034 }
3035}
3036
3037.bx--loading {
3038 -webkit-animation-name: rotate;
3039 animation-name: rotate;
3040 -webkit-animation-duration: 690ms;
3041 animation-duration: 690ms;
3042 -webkit-animation-timing-function: linear;
3043 animation-timing-function: linear;
3044 -webkit-animation-fill-mode: forwards;
3045 animation-fill-mode: forwards;
3046 -webkit-animation-iteration-count: infinite;
3047 animation-iteration-count: infinite;
3048 width: 10.5rem;
3049 height: 10.5rem;
3050}
3051
3052.bx--loading svg circle {
3053 -webkit-animation-name: init-stroke;
3054 animation-name: init-stroke;
3055 -webkit-animation-duration: 10ms;
3056 animation-duration: 10ms;
3057 -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
3058 animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
3059}
3060
3061.bx--loading__svg {
3062 fill: transparent;
3063}
3064
3065.bx--loading__svg circle {
3066 stroke-width: 8;
3067 stroke-linecap: butt;
3068 stroke-dasharray: 240;
3069}
3070
3071.bx--loading__stroke {
3072 stroke: #0062ff;
3073 stroke-dashoffset: 40;
3074}
3075
3076.bx--loading--stop {
3077 -webkit-animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards;
3078 animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards;
3079}
3080
3081.bx--loading--stop svg circle {
3082 -webkit-animation-name: stroke-end;
3083 animation-name: stroke-end;
3084 -webkit-animation-duration: 700ms;
3085 animation-duration: 700ms;
3086 -webkit-animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
3087 animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
3088 -webkit-animation-delay: 700ms;
3089 animation-delay: 700ms;
3090 -webkit-animation-fill-mode: forwards;
3091 animation-fill-mode: forwards;
3092}
3093
3094.bx--loading--small {
3095 width: 2rem;
3096 height: 2rem;
3097}
3098
3099.bx--loading--small circle {
3100 stroke-width: 12;
3101}
3102
3103.bx--loading--small .bx--loading__svg {
3104 stroke: #0062ff;
3105}
3106
3107.bx--loading__background {
3108 stroke: #dcdcdc;
3109 stroke-dashoffset: 0;
3110}
3111
3112.bx--loading-overlay {
3113 position: fixed;
3114 top: 0;
3115 left: 0;
3116 height: 100%;
3117 width: 100%;
3118 background-color: rgba(255, 255, 255, 0.6);
3119 display: -webkit-box;
3120 display: -ms-flexbox;
3121 display: flex;
3122 -webkit-box-pack: center;
3123 -ms-flex-pack: center;
3124 justify-content: center;
3125 -webkit-box-align: center;
3126 -ms-flex-align: center;
3127 align-items: center;
3128 -webkit-transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
3129 transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
3130 z-index: 8000;
3131}
3132
3133.bx--loading-overlay--stop {
3134 display: none;
3135}
3136
3137.bx--file {
3138 width: 100%;
3139}
3140
3141.bx--file--invalid {
3142 margin-right: 0.5rem;
3143 fill: #da1e28;
3144}
3145
3146.bx--file--label {
3147 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3148 font-size: 0.875rem;
3149 font-weight: 600;
3150 line-height: 1.125rem;
3151 letter-spacing: 0.16px;
3152 color: #171717;
3153 margin-bottom: 0.5rem;
3154}
3155
3156.bx--file-input {
3157 position: absolute;
3158 width: 1px;
3159 height: 1px;
3160 padding: 0;
3161 margin: -1px;
3162 overflow: hidden;
3163 clip: rect(0, 0, 0, 0);
3164 border: 0;
3165 visibility: visible;
3166 white-space: nowrap;
3167}
3168
3169.bx--file-btn {
3170 display: -webkit-inline-box;
3171 display: -ms-inline-flexbox;
3172 display: inline-flex;
3173 margin: 0;
3174 padding-right: 4rem;
3175}
3176
3177.bx--label-description {
3178 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3179 font-size: 0.875rem;
3180 font-weight: 400;
3181 line-height: 1.125rem;
3182 letter-spacing: 0.16px;
3183 color: #565656;
3184 margin-bottom: 1rem;
3185}
3186
3187.bx--file-container {
3188 display: block;
3189 width: 100%;
3190 margin-top: 1.5rem;
3191}
3192
3193.bx--file__selected-file {
3194 display: -webkit-box;
3195 display: -ms-flexbox;
3196 display: flex;
3197 -webkit-box-align: center;
3198 -ms-flex-align: center;
3199 align-items: center;
3200 -webkit-box-pack: justify;
3201 -ms-flex-pack: justify;
3202 justify-content: space-between;
3203 min-height: 2.5rem;
3204 max-width: 18.75rem;
3205 margin-bottom: 0.5rem;
3206 padding: 0 0.5rem 0 1rem;
3207 background-color: #f3f3f3;
3208 overflow: hidden;
3209}
3210
3211.bx--file__selected-file:last-child {
3212 margin-bottom: 0;
3213}
3214
3215.bx--file__selected-file .bx--inline-loading__animation,
3216.bx--file__selected-file .bx--loading {
3217 right: -0.25rem;
3218 width: 1.5rem;
3219 height: 1.5rem;
3220}
3221
3222.bx--file__selected-file--invalid {
3223 outline: 2px solid #da1e28;
3224 outline-offset: -2px;
3225 margin-bottom: 0.25rem;
3226}
3227
3228.bx--file__selected-file--invalid + .bx--form-requirement {
3229 display: block;
3230 max-height: 12.5rem;
3231 color: #da1e28;
3232 font-weight: 400;
3233 margin: 0 0 0.5rem 0;
3234 overflow: visible;
3235}
3236
3237.bx--file-filename {
3238 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3239 font-size: 0.875rem;
3240 font-weight: 400;
3241 line-height: 1.125rem;
3242 letter-spacing: 0.16px;
3243 display: block;
3244 overflow-x: hidden;
3245 text-overflow: ellipsis;
3246 white-space: nowrap;
3247 width: 300px;
3248 display: inline-block;
3249 -webkit-box-align: center;
3250 -ms-flex-align: center;
3251 align-items: center;
3252 color: #171717;
3253 margin-right: 1rem;
3254 /*rtl:ignore*/
3255 direction: ltr;
3256 -webkit-box-pack: start;
3257 -ms-flex-pack: start;
3258 justify-content: flex-start;
3259 /*rtl:{flex-end}*/
3260}
3261
3262.bx--file__state-container {
3263 display: -webkit-box;
3264 display: -ms-flexbox;
3265 display: flex;
3266 -webkit-box-align: center;
3267 -ms-flex-align: center;
3268 align-items: center;
3269}
3270
3271.bx--file__state-container .bx--loading__svg {
3272 stroke: #171717;
3273}
3274
3275.bx--file__state-container .bx--file-complete {
3276 fill: #24a148;
3277 cursor: pointer;
3278}
3279
3280.bx--file__state-container .bx--file-complete:focus {
3281 outline: 1px solid #0062ff;
3282}
3283
3284.bx--file__state-container .bx--file-close {
3285 background: transparent;
3286 border: none;
3287 cursor: pointer;
3288 padding: 0;
3289}
3290
3291.bx--form-item.bx--checkbox-wrapper {
3292 margin-bottom: 0.5rem;
3293}
3294
3295.bx--form-item.bx--checkbox-wrapper:first-of-type {
3296 margin-top: 0.1875rem;
3297}
3298
3299.bx--label + .bx--form-item.bx--checkbox-wrapper {
3300 margin-top: 0;
3301}
3302
3303.bx--form-item.bx--checkbox-wrapper:last-of-type {
3304 margin-bottom: 0.1875rem;
3305}
3306
3307.bx--checkbox {
3308 position: absolute;
3309 width: 1px;
3310 height: 1px;
3311 padding: 0;
3312 margin: -1px;
3313 overflow: hidden;
3314 clip: rect(0, 0, 0, 0);
3315 border: 0;
3316 visibility: visible;
3317 white-space: nowrap;
3318}
3319
3320.bx--checkbox-label {
3321 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3322 font-size: 0.875rem;
3323 font-weight: 400;
3324 line-height: 1.125rem;
3325 letter-spacing: 0.16px;
3326 line-height: 1.5rem;
3327 position: relative;
3328 display: -webkit-box;
3329 display: -ms-flexbox;
3330 display: flex;
3331 cursor: pointer;
3332 padding-left: 1.625rem;
3333 min-height: 1.5rem;
3334 -webkit-user-select: none;
3335 -moz-user-select: none;
3336 -ms-user-select: none;
3337 user-select: none;
3338}
3339
3340.bx--checkbox-label::before {
3341 -webkit-box-sizing: border-box;
3342 box-sizing: border-box;
3343 content: '';
3344 width: 1rem;
3345 height: 1rem;
3346 margin: 0.125rem;
3347 position: absolute;
3348 left: 0;
3349 top: 0.125rem;
3350 background-color: transparent;
3351 border: 1px solid #171717;
3352 border-radius: 1px;
3353}
3354
3355.bx--checkbox-label::after {
3356 content: '';
3357 position: absolute;
3358 left: 0.375rem;
3359 top: 0.5rem;
3360 width: 0.4375rem;
3361 height: 0.1875rem;
3362 background: none;
3363 border-left: 2px solid #ffffff;
3364 border-bottom: 2px solid #ffffff;
3365 -webkit-transform: scale(0) rotate(-45deg);
3366 transform: scale(0) rotate(-45deg);
3367 -webkit-transform-origin: bottom right;
3368 transform-origin: bottom right;
3369 margin-top: -0.1875rem;
3370}
3371
3372.bx--checkbox:checked + .bx--checkbox-label::before,
3373.bx--checkbox:indeterminate + .bx--checkbox-label::before,
3374.bx--checkbox-label[data-contained-checkbox-state='true']::before,
3375.bx--checkbox-label[data-contained-checkbox-state='mixed']::before {
3376 background-color: #171717;
3377 border-color: #171717;
3378 border-width: 1px;
3379}
3380
3381.bx--checkbox:checked + .bx--checkbox-label::after,
3382.bx--checkbox-label[data-contained-checkbox-state='true']::after {
3383 -webkit-transform: scale(1) rotate(-45deg);
3384 transform: scale(1) rotate(-45deg);
3385}
3386
3387.bx--checkbox:indeterminate + .bx--checkbox-label::after,
3388.bx--checkbox-label[data-contained-checkbox-state='mixed']::after {
3389 -webkit-transform: scale(1) rotate(0deg);
3390 transform: scale(1) rotate(0deg);
3391 border-left: 0 solid #ffffff;
3392 border-bottom: 2px solid #ffffff;
3393 width: 0.5rem;
3394 top: 0.6875rem;
3395}
3396
3397.bx--checkbox:focus + .bx--checkbox-label::before,
3398.bx--checkbox-label__focus::before,
3399.bx--checkbox:checked:focus + .bx--checkbox-label::before,
3400.bx--checkbox-label[data-contained-checkbox-state='true'].bx--checkbox-label__focus::before,
3401.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before,
3402.bx--checkbox-label[data-contained-checkbox-state='mixed'].bx--checkbox-label__focus::before {
3403 border-color: #0062ff;
3404 border-width: 3px;
3405 width: 1.25rem;
3406 height: 1.25rem;
3407 left: -2px;
3408 top: 0;
3409}
3410
3411[disabled] ~ _ {
3412 font-size: inherit;
3413}
3414
3415.bx--checkbox:disabled + .bx--checkbox-label,
3416.bx--checkbox-label[data-contained-checkbox-disabled='true'] {
3417 cursor: not-allowed;
3418 color: #bebebe;
3419}
3420
3421.bx--checkbox:disabled + .bx--checkbox-label::before,
3422.bx--checkbox-label[data-contained-checkbox-disabled='true']::before {
3423 border-color: #bebebe;
3424}
3425
3426.bx--checkbox:checked:disabled + .bx--checkbox-label::before,
3427.bx--checkbox:indeterminate:disabled + .bx--checkbox-label::before,
3428.bx--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,
3429.bx--checkbox-label[data-contained-checkbox-state='mixed'][data-contained-checkbox-disabled='true']::before {
3430 background-color: #bebebe;
3431}
3432
3433.bx--list-box__wrapper--inline {
3434 display: inline-grid;
3435 -webkit-box-align: center;
3436 -ms-flex-align: center;
3437 align-items: center;
3438 grid-template: auto auto / auto auto;
3439 grid-gap: 0.25rem;
3440}
3441
3442.bx--list-box__wrapper--inline .bx--label {
3443 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3444 font-size: 0.875rem;
3445 font-weight: 400;
3446 line-height: 1.125rem;
3447 letter-spacing: 0.16px;
3448}
3449
3450.bx--list-box__wrapper--inline .bx--label,
3451.bx--list-box__wrapper--inline .bx--form__helper-text,
3452.bx--list-box__wrapper--inline .bx--form-requirement {
3453 margin: 0;
3454}
3455
3456.bx--list-box__wrapper--inline .bx--form__helper-text {
3457 max-width: none;
3458}
3459
3460.bx--list-box__wrapper--inline .bx--form-requirement {
3461 grid-column: 2;
3462}
3463
3464.bx--list-box {
3465 position: relative;
3466 width: 100%;
3467 height: 2.5rem;
3468 max-height: 2.5rem;
3469 background-color: #f3f3f3;
3470 border: none;
3471 border-bottom: 1px solid #8c8c8c;
3472 cursor: pointer;
3473 color: #171717;
3474 -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3475 transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3476}
3477
3478.bx--list-box:hover {
3479 background-color: #e5e5e5;
3480}
3481
3482.bx--list-box--expanded {
3483 border-bottom-color: #dcdcdc;
3484}
3485
3486.bx--list-box--expanded:hover {
3487 background-color: #f3f3f3;
3488}
3489
3490.bx--list-box--expanded:hover.bx--list-box--light:hover {
3491 background-color: #ffffff;
3492}
3493
3494.bx--list-box .bx--text-input {
3495 height: 100%;
3496}
3497
3498.bx--list-box__invalid-icon {
3499 position: absolute;
3500 top: 0.75rem;
3501 right: 2.5rem;
3502 fill: #da1e28;
3503}
3504
3505.bx--list-box--inline .bx--list-box__invalid-icon {
3506 top: 0.5rem;
3507}
3508
3509.bx--list-box[data-invalid] .bx--list-box__field {
3510 border-bottom: 0;
3511 padding-right: 4rem;
3512}
3513
3514.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
3515 padding-right: 3.5rem;
3516}
3517
3518.bx--list-box--light {
3519 background-color: #ffffff;
3520}
3521
3522.bx--list-box--light.bx--list-box--expanded {
3523 border-bottom-width: 0;
3524}
3525
3526.bx--list-box--disabled:hover {
3527 background-color: #f3f3f3;
3528}
3529
3530.bx--list-box--light.bx--list-box--disabled {
3531 background-color: #ffffff;
3532}
3533
3534.bx--list-box--disabled,
3535.bx--list-box--disabled .bx--list-box__field,
3536.bx--list-box--disabled .bx--list-box__field:focus {
3537 border-bottom-width: 0;
3538 outline: none;
3539}
3540
3541.bx--list-box--disabled .bx--list-box__label,
3542.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label {
3543 color: #bebebe;
3544}
3545
3546.bx--list-box--disabled .bx--list-box__menu-icon > svg {
3547 fill: #bebebe;
3548}
3549
3550.bx--list-box--disabled,
3551.bx--list-box--disabled .bx--list-box__field,
3552.bx--list-box--disabled .bx--list-box__menu-icon {
3553 cursor: not-allowed;
3554}
3555
3556.bx--list-box--disabled .bx--list-box__menu-item,
3557.bx--list-box--disabled .bx--list-box__menu-item:hover,
3558.bx--list-box--disabled .bx--list-box__menu-item--highlighted {
3559 color: #bebebe;
3560 text-decoration: none;
3561}
3562
3563.bx--list-box--disabled .bx--list-box__selection:hover {
3564 cursor: not-allowed;
3565}
3566
3567.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {
3568 padding-right: 3rem;
3569}
3570
3571.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
3572 padding-right: 2rem;
3573}
3574
3575.bx--list-box.bx--list-box--inline {
3576 background-color: #ffffff;
3577 border-width: 0;
3578}
3579
3580.bx--list-box.bx--list-box--inline:hover {
3581 background-color: #e5e5e5;
3582}
3583
3584.bx--list-box.bx--list-box--inline.bx--list-box--expanded {
3585 border-bottom-width: 0;
3586}
3587
3588.bx--list-box.bx--list-box--inline.bx--list-box--expanded
3589.bx--list-box__field[aria-expanded='true'] {
3590 border-width: 0;
3591}
3592
3593.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover,
3594.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {
3595 background-color: #ffffff;
3596}
3597
3598.bx--list-box.bx--list-box--inline,
3599.bx--list-box.bx--list-box--inline .bx--list-box__field {
3600 height: 2rem;
3601}
3602
3603.bx--list-box.bx--list-box--inline .bx--list-box__field {
3604 padding: 0 2rem 0 0.5rem;
3605}
3606
3607.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {
3608 right: 0.5rem;
3609}
3610
3611.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {
3612 right: 2rem;
3613}
3614
3615.bx--list-box--inline .bx--list-box__label {
3616 color: #171717;
3617}
3618
3619.bx--list-box__field {
3620 display: inline-block;
3621 background: none;
3622 -webkit-appearance: none;
3623 -moz-appearance: none;
3624 appearance: none;
3625 border: 0;
3626 padding: 0;
3627 cursor: pointer;
3628 width: 100%;
3629 position: relative;
3630 display: -webkit-inline-box;
3631 display: -ms-inline-flexbox;
3632 display: inline-flex;
3633 -webkit-box-align: center;
3634 -ms-flex-align: center;
3635 align-items: center;
3636 vertical-align: top;
3637 height: 2.5rem;
3638 padding: 0 3rem 0 1rem;
3639 cursor: pointer;
3640 outline: none;
3641 white-space: nowrap;
3642 overflow: hidden;
3643 text-overflow: ellipsis;
3644}
3645
3646.bx--list-box__field::-moz-focus-inner {
3647 border: 0;
3648}
3649
3650.bx--list-box__field:focus {
3651 outline: 2px solid #0062ff;
3652 outline-offset: -2px;
3653}
3654
3655.bx--list-box__field[disabled] {
3656 outline: none;
3657 color: #bebebe;
3658}
3659
3660.bx--list-box__field .bx--text-input[value] {
3661 padding-right: 4.5rem;
3662}
3663
3664.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input[value] {
3665 padding-right: 6.125rem;
3666}
3667
3668.bx--list-box[data-invalid]
3669.bx--list-box__field
3670.bx--text-input[value]
3671+ .bx--list-box__invalid-icon {
3672 right: 4.125rem;
3673}
3674
3675.bx--list-box__field .bx--text-input[value=''] {
3676 padding-right: 3rem;
3677}
3678
3679.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input[value=''] {
3680 padding-right: 4.5rem;
3681}
3682
3683.bx--list-box[data-invalid]
3684.bx--list-box__field
3685.bx--text-input[value='']
3686+ .bx--list-box__invalid-icon {
3687 right: 2.5rem;
3688}
3689
3690.bx--list-box__label {
3691 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3692 font-size: 0.875rem;
3693 font-weight: 400;
3694 line-height: 1.125rem;
3695 letter-spacing: 0.16px;
3696 color: #171717;
3697 -webkit-user-select: none;
3698 -moz-user-select: none;
3699 -ms-user-select: none;
3700 user-select: none;
3701 text-overflow: ellipsis;
3702 overflow: hidden;
3703 white-space: nowrap;
3704}
3705
3706.bx--list-box__menu-icon {
3707 position: absolute;
3708 right: 1rem;
3709 height: 100%;
3710 -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3711 transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3712 transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3713 transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3714 cursor: pointer;
3715}
3716
3717.bx--list-box__menu-icon > svg {
3718 fill: #171717;
3719 height: 100%;
3720}
3721
3722.bx--list-box__menu-icon--open {
3723 -webkit-transform: rotate(180deg);
3724 transform: rotate(180deg);
3725}
3726
3727.bx--list-box__selection {
3728 position: absolute;
3729 right: 2.0625rem;
3730 display: -webkit-box;
3731 display: -ms-flexbox;
3732 display: flex;
3733 -webkit-box-pack: center;
3734 -ms-flex-pack: center;
3735 justify-content: center;
3736 -webkit-box-align: center;
3737 -ms-flex-align: center;
3738 align-items: center;
3739 height: 1.875rem;
3740 width: 1.875rem;
3741 cursor: pointer;
3742 -webkit-user-select: none;
3743 -moz-user-select: none;
3744 -ms-user-select: none;
3745 user-select: none;
3746 -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3747 transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3748}
3749
3750.bx--list-box__selection:focus {
3751 outline: 2px solid #0062ff;
3752 outline-offset: -2px;
3753}
3754
3755.bx--list-box__selection > svg {
3756 fill: #565656;
3757}
3758
3759.bx--list-box--disabled .bx--list-box__selection:focus {
3760 outline: none;
3761}
3762
3763.bx--list-box--disabled .bx--list-box__selection > svg {
3764 fill: #bebebe;
3765}
3766
3767.bx--list-box__selection--multi {
3768 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3769 font-size: 0.75rem;
3770 font-weight: 400;
3771 line-height: 1rem;
3772 letter-spacing: 0.32px;
3773 position: static;
3774 display: -webkit-box;
3775 display: -ms-flexbox;
3776 display: flex;
3777 -webkit-box-align: center;
3778 -ms-flex-align: center;
3779 align-items: center;
3780 -webkit-box-pack: justify;
3781 -ms-flex-pack: justify;
3782 justify-content: space-between;
3783 padding: 0;
3784 background-color: #3d3d3d;
3785 height: 1.5rem;
3786 width: auto;
3787 color: #ffffff;
3788 line-height: 0;
3789 padding: 0.5rem;
3790 padding-right: 0.125rem;
3791 margin-right: 0.625rem;
3792 border-radius: 0.75rem;
3793}
3794
3795.bx--list-box__selection--multi > svg {
3796 fill: white;
3797 margin-left: 0.25rem;
3798 width: 1.25rem;
3799 height: 1.25rem;
3800 padding: 0.125rem;
3801}
3802
3803.bx--list-box__selection--multi > svg:hover {
3804 border-radius: 50%;
3805 background-color: #4c4c4c;
3806}
3807
3808.bx--list-box__selection--multi:focus,
3809.bx--list-box__selection--multi:hover {
3810 outline: none;
3811}
3812
3813.bx--list-box__menu {
3814 -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1);
3815 box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1);
3816 position: absolute;
3817 left: 0;
3818 right: 0;
3819 width: 100%;
3820 background-color: #f3f3f3;
3821 max-height: 8.75rem;
3822 overflow-y: auto;
3823 z-index: 7000;
3824}
3825
3826.bx--list-box__menu-item {
3827 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3828 font-size: 0.875rem;
3829 font-weight: 400;
3830 line-height: 1.125rem;
3831 letter-spacing: 0.16px;
3832 height: 2.5rem;
3833 color: #565656;
3834 cursor: pointer;
3835 -webkit-user-select: none;
3836 -moz-user-select: none;
3837 -ms-user-select: none;
3838 user-select: none;
3839 position: relative;
3840}
3841
3842.bx--list-box__menu-item:hover {
3843 background-color: #e5e5e5;
3844}
3845
3846.bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option {
3847 border-color: transparent;
3848}
3849
3850.bx--list-box__menu-item:active {
3851 background-color: #dcdcdc;
3852}
3853
3854.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option {
3855 border-top-color: transparent;
3856}
3857
3858.bx--list-box__menu-item:hover .bx--list-box__menu-item__option {
3859 color: #171717;
3860}
3861
3862.bx--list-box__menu-item__option {
3863 outline: 2px solid transparent;
3864 outline-offset: -2px;
3865 display: block;
3866 height: 2.5rem;
3867 color: #565656;
3868 text-decoration: none;
3869 font-weight: normal;
3870 line-height: 1rem;
3871 padding: 0.6875rem 0;
3872 margin: 0 1rem;
3873 border: 1px solid transparent;
3874 border-top-color: #dcdcdc;
3875 text-overflow: ellipsis;
3876 overflow: hidden;
3877 white-space: nowrap;
3878}
3879
3880.bx--list-box__menu-item__option:focus {
3881 outline: 2px solid #0062ff;
3882 outline-offset: -2px;
3883 margin: 0;
3884 padding: 0.6875rem 1rem;
3885 border-color: transparent;
3886}
3887
3888.bx--list-box__menu-item__option:hover {
3889 color: #171717;
3890 border-color: transparent;
3891}
3892
3893.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {
3894 margin: 0 0.5rem;
3895}
3896
3897.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {
3898 margin: 0;
3899 padding-left: 0.5rem;
3900 padding-right: 0.5rem;
3901}
3902
3903.bx--list-box__menu-item--highlighted {
3904 background-color: #e5e5e5;
3905 color: #171717;
3906 border-color: transparent;
3907}
3908
3909.bx--list-box__menu-item--highlighted > .bx--list-box__menu-item__option,
3910.bx--list-box__menu-item--highlighted + .bx--list-box__menu-item .bx--list-box__menu-item__option {
3911 border-color: transparent;
3912}
3913
3914.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
3915 color: #171717;
3916}
3917
3918.bx--list-box__menu-item--active,
3919.bx--list-box__menu-item--active:hover {
3920 color: #171717;
3921 background-color: #dcdcdc;
3922 border-bottom-color: #dcdcdc;
3923}
3924
3925.bx--list-box__menu-item .bx--checkbox-label {
3926 width: 100%;
3927}
3928
3929.bx--list-box__menu-item .bx--checkbox-label-text {
3930 white-space: nowrap;
3931 text-overflow: ellipsis;
3932 overflow: hidden;
3933}
3934
3935.bx--list-box input[role='combobox'] {
3936 background-color: inherit;
3937 min-width: 0;
3938}
3939
3940.bx--combo-box .bx--text-input::-webkit-input-placeholder {
3941 color: #565656;
3942 opacity: 1;
3943}
3944
3945.bx--combo-box .bx--text-input:-ms-input-placeholder {
3946 color: #565656;
3947 opacity: 1;
3948}
3949
3950.bx--combo-box .bx--text-input::-ms-input-placeholder {
3951 color: #565656;
3952 opacity: 1;
3953}
3954
3955.bx--combo-box .bx--text-input::placeholder {
3956 color: #565656;
3957 opacity: 1;
3958}
3959
3960.bx--combo-box .bx--text-input[disabled]::-webkit-input-placeholder {
3961 color: #bebebe;
3962}
3963
3964.bx--combo-box .bx--text-input[disabled]:-ms-input-placeholder {
3965 color: #bebebe;
3966}
3967
3968.bx--combo-box .bx--text-input[disabled]::-ms-input-placeholder {
3969 color: #bebebe;
3970}
3971
3972.bx--combo-box .bx--text-input[disabled]::placeholder {
3973 color: #bebebe;
3974}
3975
3976.bx--combo-box.bx--list-box--expanded .bx--text-input {
3977 border-bottom-color: #dcdcdc;
3978}
3979
3980.bx--combo-box .bx--list-box__field,
3981.bx--combo-box.bx--list-box[data-invalid] .bx--list-box__field {
3982 padding: 0;
3983}
3984
3985.bx--radio-button-group {
3986 display: -webkit-box;
3987 display: -ms-flexbox;
3988 display: flex;
3989 -webkit-box-align: center;
3990 -ms-flex-align: center;
3991 align-items: center;
3992 margin-top: 0.375rem;
3993}
3994
3995.bx--radio-button-group--vertical {
3996 -webkit-box-orient: vertical;
3997 -webkit-box-direction: normal;
3998 -ms-flex-direction: column;
3999 flex-direction: column;
4000}
4001
4002.bx--radio-button-group--vertical .bx--radio-button__label {
4003 margin-right: 0;
4004}
4005
4006.bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {
4007 margin-bottom: 0.5rem;
4008}
4009
4010.bx--radio-button {
4011 position: absolute;
4012 width: 1px;
4013 height: 1px;
4014 padding: 0;
4015 margin: -1px;
4016 overflow: hidden;
4017 clip: rect(0, 0, 0, 0);
4018 border: 0;
4019 visibility: visible;
4020 white-space: nowrap;
4021 visibility: unset;
4022}
4023
4024.bx--radio-button__label {
4025 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4026 font-size: 0.875rem;
4027 font-weight: 400;
4028 line-height: 1.125rem;
4029 letter-spacing: 0.16px;
4030 display: -webkit-box;
4031 display: -ms-flexbox;
4032 display: flex;
4033 -webkit-box-align: center;
4034 -ms-flex-align: center;
4035 align-items: center;
4036 cursor: pointer;
4037 margin-right: 1rem;
4038}
4039
4040.bx--radio-button__appearance {
4041 background-color: transparent;
4042 border-radius: 50%;
4043 border: 1px solid #171717;
4044 -ms-flex-negative: 0;
4045 flex-shrink: 0;
4046 height: 1.125rem;
4047 width: 1.125rem;
4048 margin-right: 0.5rem;
4049}
4050
4051.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance {
4052 display: -webkit-box;
4053 display: -ms-flexbox;
4054 display: flex;
4055 -webkit-box-align: center;
4056 -ms-flex-align: center;
4057 align-items: center;
4058 -webkit-box-pack: center;
4059 -ms-flex-pack: center;
4060 justify-content: center;
4061 border-color: #171717;
4062}
4063
4064.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance:before {
4065 content: '';
4066 display: inline-block;
4067 position: relative;
4068 width: 0.5rem;
4069 height: 0.5rem;
4070 border-radius: 50%;
4071 background-color: #171717;
4072}
4073
4074[disabled] ~ _ {
4075 font-size: inherit;
4076}
4077
4078.bx--radio-button:disabled + .bx--radio-button__label {
4079 color: #bebebe;
4080 cursor: not-allowed;
4081}
4082
4083.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance,
4084.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance {
4085 border-color: #bebebe;
4086}
4087
4088.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance::before,
4089.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
4090 background-color: #bebebe;
4091}
4092
4093.bx--radio-button:focus + .bx--radio-button__label .bx--radio-button__appearance {
4094 -webkit-box-shadow: 0 0 0 2px #0062ff;
4095 box-shadow: 0 0 0 2px #0062ff;
4096 outline: 1px solid transparent;
4097}
4098
4099.bx--radio-button__label.bx--skeleton {
4100 position: relative;
4101 border: none;
4102 padding: 0;
4103 -webkit-box-shadow: none;
4104 box-shadow: none;
4105 pointer-events: none;
4106 background: rgba(61, 112, 178, 0.1);
4107 width: 6.25rem;
4108 height: 1.125rem;
4109}
4110
4111.bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {
4112 border: none;
4113 outline: none;
4114 cursor: default;
4115}
4116
4117.bx--radio-button__label.bx--skeleton:before {
4118 content: '';
4119 width: 0%;
4120 height: 100%;
4121 position: absolute;
4122 top: 0;
4123 left: 0;
4124 opacity: 0.3;
4125 background: rgba(61, 112, 178, 0.1);
4126 -webkit-animation: 3000ms ease-in-out skeleton infinite;
4127 animation: 3000ms ease-in-out skeleton infinite;
4128}
4129
4130.bx--radio-button__label.bx--skeleton .bx--radio-button__appearance {
4131 display: none;
4132}
4133
4134.bx--radio-button-wrapper .bx--radio-button__label {
4135 display: -webkit-box;
4136 display: -ms-flexbox;
4137 display: flex;
4138 -webkit-box-align: center;
4139 -ms-flex-align: center;
4140 align-items: center;
4141 -webkit-box-pack: center;
4142 -ms-flex-pack: center;
4143 justify-content: center;
4144 margin: 0;
4145}
4146
4147.bx--radio-button-wrapper:not(:last-of-type) {
4148 margin-right: 1rem;
4149}
4150
4151.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) {
4152 margin-right: 0;
4153 margin-bottom: 0.5rem;
4154}
4155
4156.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label {
4157 -webkit-box-orient: horizontal;
4158 -webkit-box-direction: normal;
4159 -ms-flex-direction: row;
4160 flex-direction: row;
4161}
4162
4163.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label {
4164 -webkit-box-orient: horizontal;
4165 -webkit-box-direction: reverse;
4166 -ms-flex-direction: row-reverse;
4167 flex-direction: row-reverse;
4168}
4169
4170.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance {
4171 margin-right: 0;
4172 margin-left: 0.5rem;
4173}
4174
4175.bx--toggle {
4176 position: absolute;
4177 width: 1px;
4178 height: 1px;
4179 padding: 0;
4180 margin: -1px;
4181 overflow: hidden;
4182 clip: rect(0, 0, 0, 0);
4183 border: 0;
4184 visibility: visible;
4185 white-space: nowrap;
4186}
4187
4188.bx--toggle:focus {
4189 outline: none;
4190}
4191
4192.bx--toggle__label {
4193 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4194 font-size: 0.75rem;
4195 font-weight: 400;
4196 line-height: 1rem;
4197 letter-spacing: 0.32px;
4198 position: relative;
4199 display: -webkit-box;
4200 display: -ms-flexbox;
4201 display: flex;
4202 -webkit-box-align: center;
4203 -ms-flex-align: center;
4204 align-items: center;
4205 cursor: pointer;
4206 margin: 0.5rem 0;
4207}
4208
4209.bx--toggle__appearance {
4210 position: relative;
4211 width: 3rem;
4212 height: 1.5rem;
4213}
4214
4215.bx--toggle__appearance:before {
4216 position: absolute;
4217 display: block;
4218 content: '';
4219 background-color: #8c8c8c;
4220 cursor: pointer;
4221 -webkit-box-sizing: border-box;
4222 box-sizing: border-box;
4223 height: 1.5rem;
4224 width: 3rem;
4225 border-radius: 0.9375rem;
4226 top: 0;
4227}
4228
4229.bx--toggle__appearance:after {
4230 -webkit-box-sizing: border-box;
4231 box-sizing: border-box;
4232 position: absolute;
4233 display: block;
4234 cursor: pointer;
4235 left: 3px;
4236 top: 3px;
4237 width: 1.125rem;
4238 height: 1.125rem;
4239 background-color: #dcdcdc;
4240 border-radius: 50%;
4241 content: '';
4242 -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
4243 transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
4244}
4245
4246.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance {
4247 width: 2rem;
4248 height: 1rem;
4249}
4250
4251.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance:before {
4252 -webkit-box-sizing: border-box;
4253 box-sizing: border-box;
4254 height: 1rem;
4255 width: 2rem;
4256 border-radius: 0.9375rem;
4257 top: 0;
4258}
4259
4260.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance:after {
4261 width: 0.625rem;
4262 height: 0.625rem;
4263 top: 3px;
4264 left: 3px;
4265}
4266
4267.bx--toggle__check {
4268 fill: #dcdcdc;
4269 position: absolute;
4270 left: 6px;
4271 top: 6px;
4272 z-index: 1;
4273 -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
4274 transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
4275 -webkit-transform: scale(0.2);
4276 transform: scale(0.2);
4277}
4278
4279.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__check {
4280 fill: #24a148;
4281 -webkit-transform: scale(1) translateX(16px);
4282 transform: scale(1) translateX(16px);
4283}
4284
4285.bx--toggle__text--left,
4286.bx--toggle__text--right {
4287 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4288 font-size: 0.875rem;
4289 font-weight: 400;
4290 line-height: 1.125rem;
4291 letter-spacing: 0.16px;
4292 position: relative;
4293 margin-left: 0.5rem;
4294}
4295
4296.bx--toggle__text--left {
4297 position: absolute;
4298 left: 3rem;
4299}
4300
4301.bx--toggle--small + .bx--toggle__label .bx--toggle__text--left {
4302 left: 2rem;
4303}
4304
4305.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--left,
4306.bx--toggle:not(:checked) + .bx--toggle__label .bx--toggle__text--right {
4307 visibility: hidden;
4308}
4309
4310.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--right,
4311.bx--toggle:not(:checked) + .bx--toggle__label .bx--toggle__text--left {
4312 display: inline;
4313}
4314
4315.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance:before {
4316 background-color: #24a148;
4317}
4318
4319.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance:after {
4320 background-color: #ffffff;
4321 -webkit-transform: translateX(24px);
4322 transform: translateX(24px);
4323}
4324
4325.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__appearance:after {
4326 margin-left: 0px;
4327 -webkit-transform: translateX(17px);
4328 transform: translateX(17px);
4329}
4330
4331.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before,
4332.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before {
4333 -webkit-box-shadow: 0 0 0 2px transparent;
4334 box-shadow: 0 0 0 2px transparent;
4335}
4336
4337.bx--toggle:focus + .bx--toggle__label .bx--toggle__appearance:before,
4338.bx--toggle:active + .bx--toggle__label .bx--toggle__appearance:before {
4339 -webkit-box-shadow: 0 0 0 2px #0062ff;
4340 box-shadow: 0 0 0 2px #0062ff;
4341}
4342
4343.bx--toggle:disabled + .bx--toggle__label {
4344 cursor: not-allowed;
4345}
4346
4347.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:before {
4348 background-color: #f3f3f3;
4349}
4350
4351.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:after {
4352 background-color: #bebebe;
4353}
4354
4355.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:before, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance:after {
4356 cursor: not-allowed;
4357 -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
4358 transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
4359}
4360
4361.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--left,
4362.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--right {
4363 color: #bebebe;
4364}
4365
4366.bx--toggle:disabled:active + .bx--toggle__label .bx--toggle__appearance:before {
4367 -webkit-box-shadow: none;
4368 box-shadow: none;
4369}
4370
4371.bx--toggle:disabled + .bx--toggle__label .bx--toggle__check {
4372 fill: #bebebe;
4373}
4374
4375.bx--search {
4376 display: -webkit-box;
4377 display: -ms-flexbox;
4378 display: flex;
4379 -webkit-box-align: center;
4380 -ms-flex-align: center;
4381 align-items: center;
4382 position: relative;
4383 width: 100%;
4384}
4385
4386.bx--search .bx--label {
4387 position: absolute;
4388 width: 1px;
4389 height: 1px;
4390 padding: 0;
4391 margin: -1px;
4392 overflow: hidden;
4393 clip: rect(0, 0, 0, 0);
4394 border: 0;
4395 visibility: visible;
4396 white-space: nowrap;
4397}
4398
4399.bx--search-input {
4400 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4401 font-size: 1rem;
4402 font-weight: 400;
4403 line-height: 1.375rem;
4404 letter-spacing: 0;
4405 outline: 2px solid transparent;
4406 outline-offset: -2px;
4407 -webkit-appearance: none;
4408 -moz-appearance: none;
4409 appearance: none;
4410 border: none;
4411 background-color: #f3f3f3;
4412 color: #171717;
4413 padding: 0 2.5rem;
4414 text-overflow: ellipsis;
4415 width: 100%;
4416 -webkit-box-ordinal-group: 2;
4417 -ms-flex-order: 1;
4418 order: 1;
4419 -webkit-transition: background-color 70ms, outline 70ms;
4420 transition: background-color 70ms, outline 70ms;
4421 border-bottom: 1px solid #8c8c8c;
4422}
4423
4424.bx--search-input:focus {
4425 outline: 2px solid #0062ff;
4426 outline-offset: -2px;
4427}
4428
4429.bx--search-input::-webkit-input-placeholder {
4430 color: #8c8c8c;
4431 font-weight: 400;
4432}
4433
4434.bx--search-input:-ms-input-placeholder {
4435 color: #8c8c8c;
4436 font-weight: 400;
4437}
4438
4439.bx--search-input::-ms-input-placeholder {
4440 color: #8c8c8c;
4441 font-weight: 400;
4442}
4443
4444.bx--search-input::placeholder {
4445 color: #8c8c8c;
4446 font-weight: 400;
4447}
4448
4449.bx--search-input::-ms-clear {
4450 display: none;
4451}
4452
4453.bx--search-input[disabled] {
4454 color: #bebebe;
4455 background-color: #f3f3f3;
4456 border-bottom: 1px solid transparent;
4457 cursor: not-allowed;
4458}
4459
4460.bx--search-input[disabled]::-webkit-input-placeholder {
4461 color: #bebebe;
4462 font-weight: 400;
4463}
4464
4465.bx--search-input[disabled]:-ms-input-placeholder {
4466 color: #bebebe;
4467 font-weight: 400;
4468}
4469
4470.bx--search-input[disabled]::-ms-input-placeholder {
4471 color: #bebebe;
4472 font-weight: 400;
4473}
4474
4475.bx--search-input[disabled]::placeholder {
4476 color: #bebebe;
4477 font-weight: 400;
4478}
4479
4480.bx--search-input[disabled] ~ .bx--search-magnifier {
4481 fill: #bebebe;
4482}
4483
4484.bx--search--light .bx--search-input {
4485 background: #ffffff;
4486}
4487
4488.bx--search--sm .bx--search-input {
4489 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4490 font-size: 0.875rem;
4491 font-weight: 400;
4492 line-height: 1.125rem;
4493 letter-spacing: 0.16px;
4494 height: 2rem;
4495}
4496
4497.bx--search--xl .bx--search-input {
4498 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4499 font-size: 1rem;
4500 font-weight: 400;
4501 line-height: 1.375rem;
4502 letter-spacing: 0;
4503 font-size: 1.125rem;
4504 height: 3rem;
4505 padding: 0 4rem 0 3rem;
4506}
4507
4508.bx--search-magnifier {
4509 left: 0.75rem;
4510 z-index: 2;
4511 position: absolute;
4512 height: 1rem;
4513 width: 1rem;
4514 top: 50%;
4515 -webkit-transform: translateY(-50%);
4516 transform: translateY(-50%);
4517 fill: #565656;
4518}
4519
4520.bx--search--xl .bx--search-magnifier {
4521 height: 1.25rem;
4522 width: 1.25rem;
4523 left: 1.5rem;
4524 -webkit-transform: translate(-50%, -50%);
4525 transform: translate(-50%, -50%);
4526}
4527
4528.bx--search-close {
4529 display: inline-block;
4530 background: none;
4531 -webkit-appearance: none;
4532 -moz-appearance: none;
4533 appearance: none;
4534 border: 0;
4535 padding: 0;
4536 cursor: pointer;
4537 outline: 2px solid transparent;
4538 outline-offset: -2px;
4539 display: -webkit-box;
4540 display: -ms-flexbox;
4541 display: flex;
4542 -webkit-box-align: center;
4543 -ms-flex-align: center;
4544 align-items: center;
4545 -webkit-box-pack: center;
4546 -ms-flex-pack: center;
4547 justify-content: center;
4548 -webkit-transition: opacity 110ms, outline 110ms, background-color 110ms, border-color 110ms;
4549 transition: opacity 110ms, outline 110ms, background-color 110ms, border-color 110ms;
4550 border-bottom: 1px solid transparent;
4551 cursor: pointer;
4552 visibility: visible;
4553 opacity: 1;
4554 position: absolute;
4555 height: 2.5rem;
4556 width: 2.5rem;
4557 right: 0;
4558 fill: #171717;
4559 border: 2px solid transparent;
4560 border-left: 0;
4561}
4562
4563.bx--search-close::-moz-focus-inner {
4564 border: 0;
4565}
4566
4567.bx--search-close:hover {
4568 background-color: #e5e5e5;
4569 border-bottom: 1px solid #8c8c8c;
4570}
4571
4572.bx--search-close:active {
4573 outline: 2px solid #0062ff;
4574 outline-offset: -2px;
4575 background-color: #dcdcdc;
4576}
4577
4578.bx--search-input:focus ~ .bx--search-close:hover {
4579 border: 2px solid #0062ff;
4580 border-left: 0;
4581}
4582
4583.bx--search--sm .bx--search-close {
4584 height: 2rem;
4585 width: 2rem;
4586}
4587
4588.bx--search--xl .bx--search-close {
4589 height: 3rem;
4590 width: 3rem;
4591}
4592
4593.bx--search-close:focus {
4594 outline: 2px solid #0062ff;
4595 outline-offset: -2px;
4596}
4597
4598.bx--search-close--hidden {
4599 visibility: hidden;
4600 opacity: 0;
4601}
4602
4603.bx--search--lg.bx--skeleton .bx--search-input,
4604.bx--search--sm.bx--skeleton .bx--search-input {
4605 position: relative;
4606 border: none;
4607 padding: 0;
4608 -webkit-box-shadow: none;
4609 box-shadow: none;
4610 pointer-events: none;
4611 background: rgba(61, 112, 178, 0.1);
4612 width: 100%;
4613}
4614
4615.bx--search--lg.bx--skeleton .bx--search-input:hover, .bx--search--lg.bx--skeleton .bx--search-input:focus, .bx--search--lg.bx--skeleton .bx--search-input:active,
4616.bx--search--sm.bx--skeleton .bx--search-input:hover,
4617.bx--search--sm.bx--skeleton .bx--search-input:focus,
4618.bx--search--sm.bx--skeleton .bx--search-input:active {
4619 border: none;
4620 outline: none;
4621 cursor: default;
4622}
4623
4624.bx--search--lg.bx--skeleton .bx--search-input:before,
4625.bx--search--sm.bx--skeleton .bx--search-input:before {
4626 content: '';
4627 width: 0%;
4628 height: 100%;
4629 position: absolute;
4630 top: 0;
4631 left: 0;
4632 opacity: 0.3;
4633 background: rgba(61, 112, 178, 0.1);
4634 -webkit-animation: 3000ms ease-in-out skeleton infinite;
4635 animation: 3000ms ease-in-out skeleton infinite;
4636}
4637
4638.bx--search--lg.bx--skeleton .bx--search-input::-webkit-input-placeholder,
4639.bx--search--sm.bx--skeleton .bx--search-input::-webkit-input-placeholder {
4640 color: transparent;
4641}
4642
4643.bx--search--lg.bx--skeleton .bx--search-input:-ms-input-placeholder,
4644.bx--search--sm.bx--skeleton .bx--search-input:-ms-input-placeholder {
4645 color: transparent;
4646}
4647
4648.bx--search--lg.bx--skeleton .bx--search-input::-ms-input-placeholder,
4649.bx--search--sm.bx--skeleton .bx--search-input::-ms-input-placeholder {
4650 color: transparent;
4651}
4652
4653.bx--search--lg.bx--skeleton .bx--search-input::placeholder,
4654.bx--search--sm.bx--skeleton .bx--search-input::placeholder {
4655 color: transparent;
4656}
4657
4658.bx--select {
4659 position: relative;
4660 display: -webkit-box;
4661 display: -ms-flexbox;
4662 display: flex;
4663 -webkit-box-orient: vertical;
4664 -webkit-box-direction: normal;
4665 -ms-flex-direction: column;
4666 flex-direction: column;
4667}
4668
4669.bx--select-input__wrapper {
4670 position: relative;
4671 display: -webkit-box;
4672 display: -ms-flexbox;
4673 display: flex;
4674 -webkit-box-align: center;
4675 -ms-flex-align: center;
4676 align-items: center;
4677}
4678
4679.bx--select-input__wrapper:hover .bx--select-input {
4680 background-color: #e5e5e5;
4681}
4682
4683.bx--select-input {
4684 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4685 font-size: 0.875rem;
4686 font-weight: 400;
4687 line-height: 1.125rem;
4688 letter-spacing: 0.16px;
4689 outline: 2px solid transparent;
4690 outline-offset: -2px;
4691 height: 2.5rem;
4692 -webkit-appearance: none;
4693 -moz-appearance: none;
4694 appearance: none;
4695 display: block;
4696 width: 14rem;
4697 min-width: 8rem;
4698 max-width: 28rem;
4699 padding: 0 2.625rem 0 1rem;
4700 color: #171717;
4701 background-color: #f3f3f3;
4702 border: none;
4703 border-bottom: 1px solid #8c8c8c;
4704 border-radius: 0;
4705 cursor: pointer;
4706 -webkit-transition: outline 70ms, background-color 70ms;
4707 transition: outline 70ms, background-color 70ms;
4708}
4709
4710.bx--select-input:hover {
4711 background-color: #e5e5e5;
4712}
4713
4714.bx--select-input::-ms-expand {
4715 display: none;
4716}
4717
4718@-moz-document url-prefix() {
4719 .bx--select-input {
4720 padding-top: 0.25rem;
4721 }
4722}
4723
4724.bx--select-input:focus {
4725 outline: 2px solid #0062ff;
4726 outline-offset: -2px;
4727}
4728
4729.bx--select-input:disabled, .bx--select-input:hover:disabled {
4730 cursor: not-allowed;
4731 background-color: #f3f3f3;
4732 color: #bebebe;
4733 border-bottom-color: #f3f3f3;
4734}
4735
4736.bx--select--disabled .bx--label,
4737.bx--select--disabled .bx--form__helper-text {
4738 color: #bebebe;
4739}
4740
4741.bx--select-input__wrapper[data-invalid] .bx--select-input {
4742 padding-right: 4rem;
4743}
4744
4745.bx--select-input__wrapper[data-invalid] .bx--select-input,
4746.bx--select-input__wrapper[data-invalid] .bx--select-input:focus {
4747 outline: 2px solid #da1e28;
4748 outline-offset: -2px;
4749}
4750
4751.bx--form-requirement {
4752 display: block;
4753 color: #da1e28;
4754 font-weight: 400;
4755 overflow: visible;
4756}
4757
4758.bx--select-input:disabled ~ .bx--select__arrow {
4759 fill: #bebebe;
4760}
4761
4762.bx--select--light .bx--select-input {
4763 background-color: #ffffff;
4764}
4765
4766.bx--select--light .bx--select-input:hover {
4767 background-color: #f3f3f3;
4768}
4769
4770.bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled {
4771 cursor: not-allowed;
4772 background-color: #f3f3f3;
4773 color: #bebebe;
4774}
4775
4776.bx--select__arrow {
4777 fill: #171717;
4778 position: absolute;
4779 right: 1rem;
4780 pointer-events: none;
4781}
4782
4783.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
4784 position: absolute;
4785 right: 2.125rem;
4786}
4787
4788.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
4789 fill: #da1e28;
4790}
4791
4792.bx--select-optgroup,
4793.bx--select-option {
4794 color: #171717;
4795}
4796
4797.bx--select-option[disabled] {
4798 opacity: 0.5;
4799 cursor: not-allowed;
4800}
4801
4802@-moz-document url-prefix() {
4803 .bx--select-option {
4804 background-color: #f3f3f3;
4805 color: #171717;
4806 }
4807 .bx--select-optgroup {
4808 color: #171717;
4809 }
4810}
4811
4812.bx--select--inline {
4813 display: -webkit-box;
4814 display: -ms-flexbox;
4815 display: flex;
4816 -webkit-box-orient: horizontal;
4817 -webkit-box-direction: normal;
4818 -ms-flex-direction: row;
4819 flex-direction: row;
4820 -webkit-box-align: center;
4821 -ms-flex-align: center;
4822 align-items: center;
4823}
4824
4825.bx--select--inline.bx--select--invalid .bx--label,
4826.bx--select--inline.bx--select--invalid .bx--form__helper-text {
4827 margin-top: 0.8125rem;
4828 -ms-flex-item-align: start;
4829 align-self: flex-start;
4830}
4831
4832.bx--select--inline .bx--form__helper-text {
4833 margin-bottom: 0;
4834 margin-left: 0.5rem;
4835}
4836
4837.bx--select--inline .bx--label {
4838 white-space: nowrap;
4839 margin: 0 0.5rem 0 0;
4840}
4841
4842.bx--select--inline .bx--select-input {
4843 background-color: transparent;
4844 color: #171717;
4845 border-bottom: none;
4846 padding-left: 0.5rem;
4847 padding-right: 1.625rem;
4848}
4849
4850@-moz-document url-prefix() {
4851 .bx--select--inline .bx--select-input {
4852 padding-top: 0;
4853 }
4854}
4855
4856.bx--select--inline .bx--select-input:hover {
4857 background-color: #e5e5e5;
4858}
4859
4860.bx--select--inline .bx--select__arrow {
4861 bottom: auto;
4862 top: 1.125rem;
4863 right: 0.5rem;
4864}
4865
4866.bx--select--inline.bx--select--invalid .bx--select-input {
4867 padding-right: 3.125rem;
4868}
4869
4870.bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
4871 right: 1.5rem;
4872}
4873
4874.bx--select--inline .bx--select-input:disabled {
4875 color: #bebebe;
4876 cursor: not-allowed;
4877}
4878
4879.bx--select--inline .bx--select-input:disabled:hover {
4880 background-color: transparent;
4881}
4882
4883.bx--select--inline .bx--select-input:disabled ~ * {
4884 cursor: not-allowed;
4885}
4886
4887.bx--select--inline .bx--select-input:disabled {
4888 cursor: not-allowed;
4889}
4890
4891.bx--select.bx--skeleton {
4892 position: relative;
4893 border: none;
4894 padding: 0;
4895 -webkit-box-shadow: none;
4896 box-shadow: none;
4897 pointer-events: none;
4898 background: rgba(61, 112, 178, 0.1);
4899 width: 100%;
4900 height: 2.5rem;
4901}
4902
4903.bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active {
4904 border: none;
4905 outline: none;
4906 cursor: default;
4907}
4908
4909.bx--select.bx--skeleton:before {
4910 content: '';
4911 width: 0%;
4912 height: 100%;
4913 position: absolute;
4914 top: 0;
4915 left: 0;
4916 opacity: 0.3;
4917 background: rgba(61, 112, 178, 0.1);
4918 -webkit-animation: 3000ms ease-in-out skeleton infinite;
4919 animation: 3000ms ease-in-out skeleton infinite;
4920}
4921
4922.bx--select.bx--skeleton .bx--select-input {
4923 display: none;
4924}
4925
4926.bx--text-input {
4927 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
4928 font-size: 0.875rem;
4929 font-weight: 400;
4930 line-height: 1.125rem;
4931 letter-spacing: 0.16px;
4932 outline: 2px solid transparent;
4933 outline-offset: -2px;
4934 background-color: #f3f3f3;
4935 width: 100%;
4936 height: 2.5rem;
4937 padding: 0 1rem;
4938 color: #171717;
4939 border: none;
4940 border-bottom: 1px solid #8c8c8c;
4941 -webkit-transition: 110ms all;
4942 transition: 110ms all;
4943}
4944
4945.bx--text-input:focus, .bx--text-input:active {
4946 outline: 2px solid #0062ff;
4947 outline-offset: -2px;
4948}
4949
4950.bx--text-input-wrapper svg[hidden] {
4951 display: none;
4952}
4953
4954.bx--password-input {
4955 padding-right: 2.5rem;
4956}
4957
4958.bx--text-input::-webkit-input-placeholder {
4959 color: #8c8c8c;
4960}
4961
4962.bx--text-input--light {
4963 background-color: #ffffff;
4964}
4965
4966.bx--text-input__field-wrapper {
4967 position: relative;
4968 display: -webkit-box;
4969 display: -ms-flexbox;
4970 display: flex;
4971 -webkit-box-align: center;
4972 -ms-flex-align: center;
4973 align-items: center;
4974}
4975
4976.bx--text-input__field-wrapper .bx--text-input__invalid-icon {
4977 position: absolute;
4978 right: 1rem;
4979 fill: #da1e28;
4980}
4981
4982.bx--text-input__field-wrapper .bx--text-input--password__visibility {
4983 position: absolute;
4984 height: 1rem;
4985 width: 1rem;
4986 right: 1rem;
4987 padding: 0;
4988 border: 0;
4989 background: none;
4990 cursor: pointer;
4991 outline: inherit;
4992}
4993
4994.bx--text-input__field-wrapper .bx--text-input--password__visibility svg {
4995 fill: #0062ff;
4996}
4997
4998.bx--text-input__field-wrapper .bx--text-input--password__visibility svg:hover {
4999 fill: #0353e9;
5000}
5001
5002.bx--text-input__field-wrapper .bx--text-input--invalid {
5003 padding-right: 2.5rem;
5004}
5005
5006.bx--text-input__field-wrapper .bx--text-input--invalid.bx--password-input {
5007 padding-right: 4rem;
5008}
5009
5010.bx--text-input__field-wrapper .bx--text-input--invalid + .bx--text-input--password__visibility {
5011 right: 2.5rem;
5012}
5013
5014.bx--text-input:disabled + .bx--text-input--password__visibility svg {
5015 opacity: 0.5;
5016 cursor: not-allowed;
5017}
5018
5019.bx--text-input:disabled {
5020 cursor: not-allowed;
5021 outline: none;
5022 background-color: #f3f3f3;
5023 border-bottom: 1px solid transparent;
5024 color: #bebebe;
5025}
5026
5027.bx--text-input--light:disabled {
5028 background-color: #ffffff;
5029}
5030
5031.bx--text-input:disabled::-webkit-input-placeholder {
5032 opacity: 1;
5033 color: #bebebe;
5034}
5035
5036.bx--text-input:disabled:-ms-input-placeholder {
5037 opacity: 1;
5038 color: #bebebe;
5039}
5040
5041.bx--text-input:disabled::-ms-input-placeholder {
5042 opacity: 1;
5043 color: #bebebe;
5044}
5045
5046.bx--text-input:disabled::placeholder {
5047 opacity: 1;
5048 color: #bebebe;
5049}
5050
5051.bx--text-input--invalid {
5052 outline: 2px solid #da1e28;
5053 outline-offset: -2px;
5054 -webkit-box-shadow: none;
5055 box-shadow: none;
5056}
5057
5058.bx--text-input--invalid .bx--text-input--password__visibility {
5059 right: 2.5rem;
5060}
5061
5062.bx--text-area {
5063 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5064 font-size: 0.875rem;
5065 font-weight: 400;
5066 line-height: 1.25rem;
5067 letter-spacing: 0.16px;
5068 outline: 2px solid transparent;
5069 outline-offset: -2px;
5070 background-color: #f3f3f3;
5071 width: 100%;
5072 min-width: 10rem;
5073 min-height: 2.5rem;
5074 padding: 0.6875rem 1rem;
5075 color: #171717;
5076 -webkit-box-ordinal-group: 4;
5077 -ms-flex-order: 3;
5078 order: 3;
5079 resize: vertical;
5080 border: none;
5081 border-bottom: 1px solid #8c8c8c;
5082 -webkit-transition: 110ms all;
5083 transition: 110ms all;
5084}
5085
5086.bx--text-area ~ .bx--form__helper-text {
5087 margin-top: 0;
5088 -webkit-box-ordinal-group: 3;
5089 -ms-flex-order: 2;
5090 order: 2;
5091 font-style: italic;
5092}
5093
5094.bx--text-area ~ .bx--form-requirement {
5095 -webkit-box-ordinal-group: 5;
5096 -ms-flex-order: 4;
5097 order: 4;
5098 color: #da1e28;
5099 font-weight: 400;
5100 margin-top: 0.25rem;
5101}
5102
5103.bx--text-area ~ .bx--form-requirement::before {
5104 display: none;
5105}
5106
5107.bx--text-area:focus,
5108.bx--text-area:active {
5109 outline: 2px solid #0062ff;
5110 outline-offset: -2px;
5111}
5112
5113.bx--text-area::-webkit-input-placeholder {
5114 color: #8c8c8c;
5115 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5116 font-size: 0.875rem;
5117 font-weight: 400;
5118 line-height: 1.25rem;
5119 letter-spacing: 0.16px;
5120 opacity: 1;
5121}
5122
5123.bx--text-area:-ms-input-placeholder {
5124 color: #8c8c8c;
5125 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5126 font-size: 0.875rem;
5127 font-weight: 400;
5128 line-height: 1.25rem;
5129 letter-spacing: 0.16px;
5130 opacity: 1;
5131}
5132
5133.bx--text-area::-ms-input-placeholder {
5134 color: #8c8c8c;
5135 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5136 font-size: 0.875rem;
5137 font-weight: 400;
5138 line-height: 1.25rem;
5139 letter-spacing: 0.16px;
5140 opacity: 1;
5141}
5142
5143.bx--text-area::placeholder {
5144 color: #8c8c8c;
5145 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5146 font-size: 0.875rem;
5147 font-weight: 400;
5148 line-height: 1.25rem;
5149 letter-spacing: 0.16px;
5150 opacity: 1;
5151}
5152
5153.bx--text-area--light {
5154 background-color: #ffffff;
5155}
5156
5157.bx--text-area--invalid {
5158 padding-right: 2.5rem;
5159}
5160
5161.bx--text-area__wrapper {
5162 position: relative;
5163 display: -webkit-box;
5164 display: -ms-flexbox;
5165 display: flex;
5166}
5167
5168.bx--text-area__invalid-icon {
5169 position: absolute;
5170 right: 1rem;
5171 top: 0.75rem;
5172 fill: #da1e28;
5173}
5174
5175.bx--text-area:disabled {
5176 cursor: not-allowed;
5177 outline: none;
5178 background-color: #f3f3f3;
5179 border-bottom: 1px solid transparent;
5180}
5181
5182.bx--text-area:disabled::-webkit-input-placeholder {
5183 color: #bebebe;
5184}
5185
5186.bx--text-area:disabled:-ms-input-placeholder {
5187 color: #bebebe;
5188}
5189
5190.bx--text-area:disabled::-ms-input-placeholder {
5191 color: #bebebe;
5192}
5193
5194.bx--text-area:disabled::placeholder {
5195 color: #bebebe;
5196}
5197
5198bx--text-area.bx--skeleton {
5199 position: relative;
5200 border: none;
5201 padding: 0;
5202 -webkit-box-shadow: none;
5203 box-shadow: none;
5204 pointer-events: none;
5205 background: rgba(61, 112, 178, 0.1);
5206 height: 6.25rem;
5207}
5208
5209bx--text-area.bx--skeleton:hover, bx--text-area.bx--skeleton:focus, bx--text-area.bx--skeleton:active {
5210 border: none;
5211 outline: none;
5212 cursor: default;
5213}
5214
5215bx--text-area.bx--skeleton:before {
5216 content: '';
5217 width: 0%;
5218 height: 100%;
5219 position: absolute;
5220 top: 0;
5221 left: 0;
5222 opacity: 0.3;
5223 background: rgba(61, 112, 178, 0.1);
5224 -webkit-animation: 3000ms ease-in-out skeleton infinite;
5225 animation: 3000ms ease-in-out skeleton infinite;
5226}
5227
5228bx--text-area.bx--skeleton::-webkit-input-placeholder {
5229 color: transparent;
5230}
5231
5232bx--text-area.bx--skeleton:-ms-input-placeholder {
5233 color: transparent;
5234}
5235
5236bx--text-area.bx--skeleton::-ms-input-placeholder {
5237 color: transparent;
5238}
5239
5240bx--text-area.bx--skeleton::placeholder {
5241 color: transparent;
5242}
5243
5244.bx--number {
5245 display: -webkit-box;
5246 display: -ms-flexbox;
5247 display: flex;
5248 -webkit-box-orient: vertical;
5249 -webkit-box-direction: normal;
5250 -ms-flex-direction: column;
5251 flex-direction: column;
5252 position: relative;
5253}
5254
5255.bx--number input[type='number'] {
5256 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5257 font-size: 0.875rem;
5258 font-weight: 400;
5259 line-height: 1.125rem;
5260 letter-spacing: 0.16px;
5261 outline: 2px solid transparent;
5262 outline-offset: -2px;
5263 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
5264 -webkit-box-sizing: border-box;
5265 box-sizing: border-box;
5266 display: -webkit-inline-box;
5267 display: -ms-inline-flexbox;
5268 display: inline-flex;
5269 width: 100%;
5270 min-width: 9.375rem;
5271 padding-left: 1rem;
5272 padding-right: 2rem;
5273 font-weight: 300;
5274 height: 2.5rem;
5275 color: #171717;
5276 background-color: #f3f3f3;
5277 border: none;
5278 border-radius: 0;
5279 border-bottom: 1px solid #8c8c8c;
5280 -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5281 transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5282 -webkit-appearance: textfield;
5283 -moz-appearance: textfield;
5284 appearance: textfield;
5285}
5286
5287.bx--number input[type='number']:focus {
5288 outline: 2px solid #0062ff;
5289 outline-offset: -2px;
5290}
5291
5292.bx--number input[type='number']:disabled {
5293 cursor: not-allowed;
5294 background-color: #f3f3f3;
5295 color: #bebebe;
5296}
5297
5298.bx--number input[type='number']:disabled ~ .bx--number__controls {
5299 cursor: not-allowed;
5300 pointer-events: none;
5301}
5302
5303.bx--number input[type='number']:disabled ~ .bx--number__controls svg {
5304 fill: #bebebe;
5305}
5306
5307.bx--number input[type='number']::-ms-clear {
5308 display: none;
5309}
5310
5311.bx--number input[type='number']::-webkit-inner-spin-button {
5312 -webkit-appearance: none;
5313 appearance: none;
5314}
5315
5316.bx--number__input-wrapper {
5317 display: -webkit-box;
5318 display: -ms-flexbox;
5319 display: flex;
5320 -webkit-box-align: center;
5321 -ms-flex-align: center;
5322 align-items: center;
5323}
5324
5325.bx--number__input-wrapper ~ .bx--form-requirement {
5326 color: #da1e28;
5327 font-weight: 400;
5328 margin-top: 0.25rem;
5329 overflow: visible;
5330}
5331
5332.bx--number__input-wrapper ~ .bx--form-requirement::before {
5333 display: none;
5334}
5335
5336.bx--number__controls {
5337 position: absolute;
5338 right: 0;
5339 display: -webkit-box;
5340 display: -ms-flexbox;
5341 display: flex;
5342 -webkit-box-orient: vertical;
5343 -webkit-box-direction: normal;
5344 -ms-flex-direction: column;
5345 flex-direction: column;
5346 -webkit-box-pack: center;
5347 -ms-flex-pack: center;
5348 justify-content: center;
5349 -webkit-box-align: center;
5350 -ms-flex-align: center;
5351 align-items: center;
5352}
5353
5354.bx--number__control-btn {
5355 display: inline-block;
5356 background: none;
5357 -webkit-appearance: none;
5358 -moz-appearance: none;
5359 appearance: none;
5360 border: 0;
5361 padding: 0;
5362 cursor: pointer;
5363 width: 100%;
5364 display: -webkit-inline-box;
5365 display: -ms-inline-flexbox;
5366 display: inline-flex;
5367 -webkit-box-pack: center;
5368 -ms-flex-pack: center;
5369 justify-content: center;
5370 -webkit-box-align: center;
5371 -ms-flex-align: center;
5372 align-items: center;
5373 width: 2rem;
5374 height: 1.25rem;
5375 color: #171717;
5376}
5377
5378.bx--number__control-btn::-moz-focus-inner {
5379 border: 0;
5380}
5381
5382.bx--number__control-btn svg {
5383 fill: currentColor;
5384 position: relative;
5385}
5386
5387.bx--number__control-btn.up-icon svg {
5388 top: 0.3125rem;
5389}
5390
5391.bx--number__control-btn.down-icon svg {
5392 top: -0.3125rem;
5393}
5394
5395.bx--number__control-btn:focus {
5396 outline: 1px solid #0062ff;
5397 color: #171717;
5398 outline-width: 2px;
5399 outline-offset: -2px;
5400}
5401
5402.bx--number__control-btn:hover {
5403 cursor: pointer;
5404}
5405
5406.bx--number__control-btn:hover {
5407 color: #171717;
5408}
5409
5410.bx--number__control-btn:disabled {
5411 cursor: not-allowed;
5412 color: #bebebe;
5413}
5414
5415.bx--number[data-invalid] .bx--form-requirement {
5416 display: inline-block;
5417 max-height: 12.5rem;
5418}
5419
5420.bx--number[data-invalid] input[type='number'] {
5421 outline: 2px solid #da1e28;
5422 outline-offset: -2px;
5423}
5424
5425.bx--number__invalid {
5426 position: absolute;
5427 right: 2rem;
5428 fill: #da1e28;
5429}
5430
5431.bx--number--light input[type='number'] {
5432 background-color: #ffffff;
5433}
5434
5435.bx--number--mobile {
5436 min-width: 9rem;
5437 width: auto;
5438}
5439
5440.bx--number--mobile .bx--number__control-btn,
5441.bx--number--mobile.bx--number--light .bx--number__control-btn {
5442 position: static;
5443 width: 2.5rem;
5444 height: 2.5rem;
5445 background-color: #f3f3f3;
5446}
5447
5448.bx--number--mobile .bx--number__control-btn:hover, .bx--number--mobile .bx--number__control-btn:focus,
5449.bx--number--mobile.bx--number--light .bx--number__control-btn:hover,
5450.bx--number--mobile.bx--number--light .bx--number__control-btn:focus {
5451 background-color: #e5e5e5;
5452}
5453
5454.bx--number--mobile .bx--number__control-btn:focus,
5455.bx--number--mobile.bx--number--light .bx--number__control-btn:focus {
5456 outline-width: 2px;
5457 outline-offset: -2px;
5458}
5459
5460.bx--number--mobile .bx--number__control-btn svg,
5461.bx--number--mobile.bx--number--light .bx--number__control-btn svg {
5462 position: static;
5463}
5464
5465.bx--number--mobile input[type='number'] {
5466 min-width: 4rem;
5467 width: auto;
5468 margin: 0;
5469 border-right: 1px solid #dcdcdc;
5470 border-left: 1px solid #dcdcdc;
5471 padding: 0;
5472 text-align: center;
5473 background-color: #f3f3f3;
5474}
5475
5476.bx--number--mobile.bx--number--light input[type='number'] {
5477 background-color: #ffffff;
5478}
5479
5480.bx--number--mobile.bx--number--light .bx--number__control-btn {
5481 background-color: #ffffff;
5482}
5483
5484.bx--number.bx--skeleton {
5485 position: relative;
5486 border: none;
5487 padding: 0;
5488 -webkit-box-shadow: none;
5489 box-shadow: none;
5490 pointer-events: none;
5491 background: rgba(61, 112, 178, 0.1);
5492 width: 100%;
5493 height: 2.5rem;
5494}
5495
5496.bx--number.bx--skeleton:hover, .bx--number.bx--skeleton:focus, .bx--number.bx--skeleton:active {
5497 border: none;
5498 outline: none;
5499 cursor: default;
5500}
5501
5502.bx--number.bx--skeleton:before {
5503 content: '';
5504 width: 0%;
5505 height: 100%;
5506 position: absolute;
5507 top: 0;
5508 left: 0;
5509 opacity: 0.3;
5510 background: rgba(61, 112, 178, 0.1);
5511 -webkit-animation: 3000ms ease-in-out skeleton infinite;
5512 animation: 3000ms ease-in-out skeleton infinite;
5513}
5514
5515.bx--number.bx--skeleton input[type='number'] {
5516 display: none;
5517}
5518
5519.bx--link {
5520 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5521 font-size: 0.875rem;
5522 font-weight: 400;
5523 line-height: 1.25rem;
5524 letter-spacing: 0.16px;
5525 color: #0062ff;
5526 text-decoration: none;
5527 outline: none;
5528 -webkit-transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
5529 transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
5530}
5531
5532.bx--link:hover {
5533 color: #0062ff;
5534 -webkit-box-shadow: 0 1px currentColor;
5535 box-shadow: 0 1px currentColor;
5536}
5537
5538.bx--link:active, .bx--link:active:visited {
5539 color: #171717;
5540 -webkit-box-shadow: 0 1px currentColor;
5541 box-shadow: 0 1px currentColor;
5542}
5543
5544.bx--link:focus {
5545 -webkit-box-shadow: 0 3px currentColor;
5546 box-shadow: 0 3px currentColor;
5547}
5548
5549.bx--link:not([href]) {
5550 color: #bebebe;
5551 cursor: not-allowed;
5552 pointer-events: none;
5553 -ms-touch-action: none;
5554 touch-action: none;
5555}
5556
5557.bx--link:not([href]):hover {
5558 -webkit-box-shadow: none;
5559 box-shadow: none;
5560}
5561
5562.bx--link:visited {
5563 color: #0062ff;
5564}
5565
5566.bx--link--visited {
5567 color: #8a3ffc;
5568}
5569
5570.bx--link--disabled {
5571 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5572 font-size: 0.875rem;
5573 font-weight: 400;
5574 line-height: 1.25rem;
5575 letter-spacing: 0.16px;
5576 display: inline;
5577 color: #bebebe;
5578 font-weight: 400;
5579 cursor: not-allowed;
5580}
5581
5582.bx--list--nested,
5583.bx--list--unordered,
5584.bx--list--ordered {
5585 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5586 font-size: 0.875rem;
5587 font-weight: 400;
5588 line-height: 1.125rem;
5589 letter-spacing: 0.16px;
5590 counter-reset: listitem;
5591}
5592
5593.bx--list__item {
5594 font-weight: 400;
5595 color: #171717;
5596 list-style-type: none;
5597 counter-increment: listitem;
5598}
5599
5600.bx--list--nested {
5601 margin-bottom: 0.25rem;
5602 margin-left: 2rem;
5603}
5604
5605.bx--list--unordered > .bx--list__item:before,
5606.bx--list--ordered > .bx--list__item:before {
5607 display: inline-block;
5608 margin-right: 0.5rem;
5609 margin-bottom: 0.25rem;
5610}
5611
5612.bx--list--unordered .bx--list--nested > .bx--list__item:before,
5613.bx--list--ordered .bx--list--nested > .bx--list__item:before {
5614 margin-right: 0.5rem;
5615 display: inline-block;
5616}
5617
5618.bx--list--unordered > .bx--list__item:before {
5619 content: '\002013';
5620}
5621
5622.bx--list--unordered .bx--list--nested > .bx--list__item:before {
5623 content: '\0025AA';
5624}
5625
5626.bx--list--ordered > .bx--list__item:before {
5627 content: counter(listitem) ".";
5628}
5629
5630.bx--list--ordered .bx--list--nested > .bx--list__item {
5631 counter-increment: sub-list-item;
5632}
5633
5634.bx--list--ordered .bx--list--nested > .bx--list__item:before {
5635 content: counter(sub-list-item, lower-alpha) ".";
5636 width: 0.6rem;
5637}
5638
5639.bx--table-toolbar {
5640 display: -webkit-box;
5641 display: -ms-flexbox;
5642 display: flex;
5643 width: 100%;
5644 background: #f3f3f3;
5645 height: 3rem;
5646 position: relative;
5647}
5648
5649.bx--toolbar-content {
5650 display: -webkit-box;
5651 display: -ms-flexbox;
5652 display: flex;
5653 height: 3rem;
5654 width: 100%;
5655 -webkit-box-pack: end;
5656 -ms-flex-pack: end;
5657 justify-content: flex-end;
5658}
5659
5660.bx--toolbar-search-container-expandable {
5661 height: 3rem;
5662 width: 3rem;
5663 position: relative;
5664 -webkit-transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5665 transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5666 transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5667 transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5668 -webkit-box-shadow: none;
5669 box-shadow: none;
5670}
5671
5672.bx--toolbar-search-container-expandable .bx--search {
5673 width: 3rem;
5674 height: 100%;
5675}
5676
5677.bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier {
5678 height: 3rem;
5679 width: 3rem;
5680 padding: 1rem;
5681 left: 0;
5682}
5683
5684.bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier:focus {
5685 outline: 2px solid #0062ff;
5686 outline-offset: -2px;
5687}
5688
5689.bx--toolbar-search-container-expandable .bx--search .bx--search-magnifier:hover {
5690 background: #e5e5e5;
5691}
5692
5693.bx--toolbar-search-container-expandable .bx--search .bx--search-input {
5694 border: none;
5695 height: 100%;
5696 visibility: hidden;
5697 padding: 0;
5698 background-color: transparent;
5699}
5700
5701.bx--toolbar-search-container-expandable .bx--search .bx--search-close {
5702 height: 3rem;
5703 width: 3rem;
5704}
5705
5706.bx--toolbar-search-container-active {
5707 -webkit-box-flex: 1;
5708 -ms-flex: auto;
5709 flex: auto;
5710 -webkit-transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5711 transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5712 transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5713 transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
5714}
5715
5716.bx--toolbar-search-container-active .bx--search {
5717 width: 100%;
5718}
5719
5720.bx--toolbar-search-container-active .bx--search .bx--search-input {
5721 padding-left: 3rem;
5722 visibility: visible;
5723}
5724
5725.bx--toolbar-search-container-active .bx--search .bx--search-input:focus {
5726 outline: 2px solid #0062ff;
5727 outline-offset: -2px;
5728}
5729
5730.bx--toolbar-search-container-active .bx--search .bx--search-input:focus + .bx--search-close {
5731 border: none;
5732 -webkit-box-shadow: none;
5733 box-shadow: none;
5734 outline: none;
5735}
5736
5737.bx--toolbar-search-container-active .bx--search .bx--search-input:not(:placeholder-shown) {
5738 background: #e5e5e5;
5739 border: none;
5740}
5741
5742.bx--toolbar-search-container-active .bx--search .bx--search-magnifier:focus,
5743.bx--toolbar-search-container-active .bx--search .bx--search-magnifier:active,
5744.bx--toolbar-search-container-active .bx--search .bx--search-magnifier:hover {
5745 outline: none;
5746 border: none;
5747 background: transparent;
5748}
5749
5750.bx--toolbar-search-container-persistent .bx--search-close,
5751.bx--toolbar-search-container-persistent .bx--search-close:hover,
5752.bx--toolbar-search-container-active .bx--search .bx--search-close,
5753.bx--toolbar-search-container-active .bx--search .bx--search-close:hover {
5754 border: none;
5755 background-color: transparent;
5756}
5757
5758.bx--overflow-menu.bx--toolbar-action {
5759 display: inline-block;
5760 background: none;
5761 -webkit-appearance: none;
5762 -moz-appearance: none;
5763 appearance: none;
5764 border: 0;
5765 padding: 0;
5766 cursor: pointer;
5767 width: 100%;
5768 display: -webkit-box;
5769 display: -ms-flexbox;
5770 display: flex;
5771 cursor: pointer;
5772 height: 3rem;
5773 width: 3rem;
5774 padding: 1rem;
5775}
5776
5777.bx--overflow-menu.bx--toolbar-action::-moz-focus-inner {
5778 border: 0;
5779}
5780
5781.bx--toolbar-action:hover:not([disabled]) {
5782 background: #e5e5e5;
5783}
5784
5785.bx--toolbar-action:hover[aria-expanded='true'] {
5786 background: #f3f3f3;
5787}
5788
5789.bx--toolbar-action[disabled] {
5790 cursor: not-allowed;
5791}
5792
5793.bx--toolbar-action[disabled] .bx--toolbar-action__icon {
5794 fill: #bebebe;
5795 cursor: not-allowed;
5796}
5797
5798.bx--toolbar-action:focus:not([disabled]),
5799.bx--toolbar-action:active:not([disabled]) {
5800 outline: 2px solid #0062ff;
5801 outline-offset: -2px;
5802}
5803
5804.bx--toolbar-action ~ .bx--btn {
5805 margin: 0;
5806 height: 3rem;
5807}
5808
5809.bx--overflow-menu--data-table {
5810 height: 3rem;
5811}
5812
5813.bx--toolbar-action__icon {
5814 height: 1rem;
5815 width: auto;
5816 max-width: 1rem;
5817 fill: #171717;
5818 -webkit-transition: 110ms;
5819 transition: 110ms;
5820}
5821
5822.bx--toolbar-search-container-persistent {
5823 width: 100%;
5824 height: 3rem;
5825 opacity: 1;
5826 position: relative;
5827 -webkit-transition: opacity 110ms;
5828 transition: opacity 110ms;
5829}
5830
5831.bx--toolbar-search-container-persistent + .bx--toolbar-content {
5832 position: relative;
5833 width: auto;
5834}
5835
5836.bx--toolbar-search-container-persistent .bx--search {
5837 position: initial;
5838}
5839
5840.bx--toolbar-search-container-persistent .bx--search .bx--search-magnifier {
5841 left: 1rem;
5842}
5843
5844.bx--toolbar-search-container-persistent .bx--search .bx--search-input {
5845 height: 3rem;
5846 padding-left: 3rem;
5847 border: none;
5848}
5849
5850.bx--toolbar-search-container-persistent .bx--search .bx--search-input:focus:not([disabled]) {
5851 outline: 2px solid #0062ff;
5852 outline-offset: -2px;
5853}
5854
5855.bx--toolbar-search-container-persistent .bx--search .bx--search-input:hover:not([disabled]) {
5856 background: #e5e5e5;
5857}
5858
5859.bx--toolbar-search-container-persistent .bx--search .bx--search-input:active:not([disabled]),
5860.bx--toolbar-search-container-persistent .bx--search .bx--search-input:not(:placeholder-shown) {
5861 background: #e5e5e5;
5862}
5863
5864.bx--toolbar-search-container-persistent .bx--search .bx--search-close {
5865 height: 3rem;
5866 width: 3rem;
5867}
5868
5869.bx--batch-actions--active ~ .bx--toolbar-search-container,
5870.bx--batch-actions--active ~ .bx--toolbar-content {
5871 opacity: 0;
5872}
5873
5874.bx--batch-actions {
5875 display: -webkit-box;
5876 display: -ms-flexbox;
5877 display: flex;
5878 position: absolute;
5879 top: 0;
5880 left: 0;
5881 -webkit-box-align: center;
5882 -ms-flex-align: center;
5883 align-items: center;
5884 opacity: 0;
5885 padding-left: 1.5rem;
5886 padding-right: 1.5rem;
5887 width: 100%;
5888 height: 100%;
5889 z-index: 6000;
5890 background-color: transparent;
5891 -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5892 transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5893 pointer-events: none;
5894 visibility: hidden;
5895}
5896
5897.bx--batch-actions:focus {
5898 outline: 1px solid #0062ff;
5899}
5900
5901.bx--batch-actions--active {
5902 visibility: visible;
5903 background-color: #0062ff;
5904 pointer-events: all;
5905 -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5906 transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5907 opacity: 1;
5908}
5909
5910.bx--action-list {
5911 position: absolute;
5912 right: 0;
5913 display: -webkit-box;
5914 display: -ms-flexbox;
5915 display: flex;
5916}
5917
5918.bx--action-list .bx--btn {
5919 color: #f3f3f3;
5920}
5921
5922.bx--action-list .bx--btn .bx--btn__icon {
5923 fill: #f3f3f3;
5924 margin-left: 0.5rem;
5925}
5926
5927.bx--action-list .bx--btn .bx--btn__icon .st0 {
5928 fill: none;
5929}
5930
5931.bx--batch-download {
5932 padding: 0.0625rem;
5933}
5934
5935.bx--action-list .bx--btn--primary:focus::before,
5936.bx--action-list .bx--btn--primary:focus::before,
5937.bx--action-list .bx--btn--primary::before,
5938.bx--action-list .bx--btn--primary::before,
5939.bx--action-list .bx--btn--primary:focus::after,
5940.bx--action-list .bx--btn--primary:focus::after,
5941.bx--action-list .bx--btn--primary::after,
5942.bx--action-list .bx--btn--primary::after {
5943 display: none;
5944}
5945
5946.bx--action-list .bx--btn--primary:focus {
5947 outline: 2px solid #f3f3f3;
5948 outline-offset: -0.125rem;
5949}
5950
5951.bx--action-list .bx--btn {
5952 min-width: 0;
5953}
5954
5955.bx--action-list
5956.bx--btn--primary:nth-child(3):hover
5957+ .bx--btn--primary.bx--batch-summary__cancel::before,
5958.bx--action-list
5959.bx--btn--primary:nth-child(3):focus
5960+ .bx--btn--primary.bx--batch-summary__cancel::before {
5961 opacity: 0;
5962}
5963
5964.bx--btn--primary.bx--batch-summary__cancel::before {
5965 display: block;
5966 position: absolute;
5967 opacity: 1;
5968 top: 0.9375rem;
5969 left: 0;
5970 height: 1rem;
5971 width: 0.0625rem;
5972 content: '';
5973 background-color: #f3f3f3;
5974 border: none;
5975}
5976
5977.bx--btn--primary.bx--batch-summary__cancel:hover::before {
5978 opacity: 0;
5979 -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5980 transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
5981}
5982
5983.bx--batch-summary__cancel {
5984 padding-right: 1rem;
5985 position: relative;
5986}
5987
5988.bx--batch-summary {
5989 position: absolute;
5990 left: 0;
5991 margin-left: 1rem;
5992 display: -webkit-box;
5993 display: -ms-flexbox;
5994 display: flex;
5995 -webkit-box-align: center;
5996 -ms-flex-align: center;
5997 align-items: center;
5998 color: #f3f3f3;
5999}
6000
6001.bx--batch-summary__para {
6002 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6003 font-size: 0.875rem;
6004 font-weight: 400;
6005 line-height: 1.125rem;
6006 letter-spacing: 0.16px;
6007}
6008
6009.bx--data-table-container {
6010 min-width: 31.25rem;
6011 overflow-x: auto;
6012 padding-top: 0.125rem;
6013}
6014
6015.bx--data-table-header {
6016 background: #f3f3f3;
6017 padding: 1rem 0 1.5rem 1rem;
6018}
6019
6020.bx--data-table-header__title {
6021 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6022 font-size: 1.25rem;
6023 font-weight: 400;
6024 line-height: 1.625rem;
6025 letter-spacing: 0;
6026 color: #171717;
6027}
6028
6029.bx--data-table-header__description {
6030 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6031 font-size: 0.875rem;
6032 font-weight: 400;
6033 line-height: 1.125rem;
6034 letter-spacing: 0.16px;
6035 color: #565656;
6036}
6037
6038.bx--data-table {
6039 border-collapse: collapse;
6040 border-spacing: 0;
6041 width: 100%;
6042}
6043
6044.bx--data-table thead {
6045 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6046 font-size: 0.875rem;
6047 font-weight: 600;
6048 line-height: 1.125rem;
6049 letter-spacing: 0.16px;
6050 background-color: #dcdcdc;
6051}
6052
6053.bx--data-table tbody {
6054 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6055 font-size: 0.875rem;
6056 font-weight: 400;
6057 line-height: 1.125rem;
6058 letter-spacing: 0.16px;
6059 background-color: #f3f3f3;
6060 width: 100%;
6061}
6062
6063.bx--data-table tr {
6064 border: none;
6065 height: 3rem;
6066 width: 100%;
6067}
6068
6069.bx--data-table tbody tr:hover {
6070 background: #e5e5e5;
6071}
6072
6073.bx--data-table tbody tr:hover td {
6074 color: #171717;
6075 background: #e5e5e5;
6076 border-bottom: 1px solid #e5e5e5;
6077 border-top: 1px solid #e5e5e5;
6078}
6079
6080.bx--data-table th,
6081.bx--data-table td {
6082 padding-left: 0.75rem;
6083 padding-right: 0.75rem;
6084 vertical-align: top;
6085 text-align: left;
6086}
6087
6088.bx--data-table th {
6089 color: #171717;
6090 background-color: #dcdcdc;
6091 border-top: 1px solid #dcdcdc;
6092 border-bottom: 1px solid #dcdcdc;
6093}
6094
6095.bx--data-table th:first-of-type {
6096 padding-left: 1rem;
6097}
6098
6099.bx--data-table .bx--table-header-label {
6100 display: block;
6101 padding: 0.875rem 0;
6102}
6103
6104.bx--data-table td {
6105 background: #f3f3f3;
6106 color: #565656;
6107 border-top: 1px solid #f3f3f3;
6108 border-bottom: 1px solid #dcdcdc;
6109 padding: 0.875rem 0.75rem;
6110 padding-bottom: 0.8125rem;
6111}
6112
6113@supports (-moz-appearance: none) {
6114 .bx--data-table td {
6115 background-clip: padding-box;
6116 }
6117}
6118
6119.bx--data-table td:first-of-type {
6120 padding-left: 1rem;
6121}
6122
6123.bx--data-table td:last-of-type {
6124 padding-right: 1rem;
6125}
6126
6127.bx--data-table .bx--table-column-menu,
6128.bx--data-table .bx--table-column-menu:last-of-type {
6129 padding-top: 0.5rem;
6130 padding-right: 0.5rem;
6131}
6132
6133.bx--data-table td.bx--table-column-menu {
6134 padding-bottom: 0;
6135}
6136
6137.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded='false']:hover {
6138 background: #dcdcdc;
6139}
6140
6141.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded='false']:focus {
6142 outline: 2px solid #0062ff;
6143 outline-offset: -2px;
6144}
6145
6146.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded='true']:focus {
6147 outline: none;
6148}
6149
6150.bx--data-table td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
6151 opacity: 0;
6152}
6153
6154.bx--data-table td.bx--table-column-menu .bx--overflow-menu:hover .bx--overflow-menu__icon,
6155.bx--data-table td.bx--table-column-menu .bx--overflow-menu:focus .bx--overflow-menu__icon,
6156.bx--data-table tr:hover td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
6157 opacity: 1;
6158}
6159
6160.bx--table-row--menu-option
6161.bx--overflow-menu-options__btn
6162.bx--overflow-menu-options__option-content
6163svg {
6164 margin-right: 0.5rem;
6165 position: relative;
6166 top: 0.1875rem;
6167}
6168
6169.bx--data-table--zebra tbody tr:nth-child(even) td {
6170 border-bottom: 1px solid #f3f3f3;
6171}
6172
6173.bx--data-table--zebra tbody tr:nth-child(odd) td {
6174 background-color: #fcfcfc;
6175 border-bottom: 1px solid #fcfcfc;
6176 border-top: 1px solid #fcfcfc;
6177}
6178
6179.bx--data-table--zebra tbody tr:hover td {
6180 background-color: #e5e5e5;
6181 border-bottom: 1px solid #e5e5e5;
6182 border-top: 1px solid #e5e5e5;
6183}
6184
6185.bx--table-column-checkbox .bx--checkbox-label {
6186 padding-left: 1rem;
6187}
6188
6189.bx--data-table th.bx--table-column-checkbox {
6190 padding: 0.75rem 0.5rem 0 1rem;
6191 width: 2.75rem;
6192}
6193
6194.bx--data-table td.bx--table-column-checkbox {
6195 padding-top: 0.6875rem;
6196 padding-bottom: 0;
6197}
6198
6199th.bx--table-column-checkbox:hover {
6200 background: #cacaca;
6201}
6202
6203.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected td,
6204tr.bx--data-table--selected td {
6205 color: #171717;
6206 background-color: #dcdcdc;
6207 border-top: 1px solid #dcdcdc;
6208 border-bottom: 1px solid #bebebe;
6209}
6210
6211.bx--data-table--zebra tbody tr:first-of-type:nth-child(odd).bx--data-table--selected td,
6212tr.bx--data-table--selected:first-of-type td {
6213 border-top: 1px solid #bebebe;
6214}
6215
6216.bx--data-table--zebra tbody tr:last-of-type:nth-child(odd).bx--data-table--selected td,
6217.bx--data-table--zebra tbody tr:last-of-type:nth-child(even).bx--data-table--selected td,
6218tr.bx--data-table--selected:last-of-type td {
6219 border-top: 1px solid #dcdcdc;
6220 border-bottom: 1px solid #dcdcdc;
6221}
6222
6223.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected td {
6224 border-bottom: 1px solid #bebebe;
6225}
6226
6227.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected:hover td {
6228 border-bottom: 1px solid #cacaca;
6229}
6230
6231.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected:hover td,
6232.bx--data-table tbody .bx--data-table--selected:hover td {
6233 color: #171717;
6234 background: #cacaca;
6235 border-top: 1px solid #cacaca;
6236 border-bottom: 1px solid #cacaca;
6237}
6238
6239.bx--data-table--selected .bx--overflow-menu .bx--overflow-menu__icon {
6240 opacity: 1;
6241}
6242
6243.bx--data-table tr.bx--parent-row:first-of-type td {
6244 border-top: 1px solid #dcdcdc;
6245}
6246
6247.bx--expandable-row--hidden td {
6248 border-top: 0;
6249 width: auto;
6250 padding: 1rem;
6251}
6252
6253tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] {
6254 height: 0;
6255 -webkit-transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6256 transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6257}
6258
6259tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td {
6260 padding-top: 0;
6261 padding-bottom: 0;
6262 border: 0;
6263 background-color: #e5e5e5;
6264 -webkit-transition: padding 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6265 transition: padding 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6266}
6267
6268tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td .bx--child-row-inner-container {
6269 overflow: hidden;
6270 max-height: 0;
6271}
6272
6273tr.bx--parent-row.bx--expandable-row + tr[data-child-row] {
6274 -webkit-transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6275 transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6276}
6277
6278tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {
6279 padding-bottom: 1.4375rem;
6280 -webkit-transition: padding 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6281 transition: padding 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6282}
6283
6284tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td .bx--child-row-inner-container {
6285 max-height: 100%;
6286}
6287
6288.bx--parent-row.bx--expandable-row > td,
6289.bx--parent-row.bx--expandable-row + tr[data-child-row] > td {
6290 border-bottom: 1px solid transparent;
6291 -webkit-box-shadow: 0 1px #dcdcdc;
6292 box-shadow: 0 1px #dcdcdc;
6293}
6294
6295.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] > td {
6296 -webkit-box-shadow: none;
6297 box-shadow: none;
6298}
6299
6300.bx--parent-row.bx--expandable-row > td:first-of-type {
6301 -webkit-box-shadow: none;
6302 box-shadow: none;
6303}
6304
6305tr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover td {
6306 border-top: 1px solid #e5e5e5;
6307 border-bottom: 1px solid #e5e5e5;
6308}
6309
6310tr.bx--parent-row.bx--expandable-row:hover td {
6311 background-color: #e5e5e5;
6312 border-top: 1px solid #e5e5e5;
6313 border-bottom: 1px solid #dcdcdc;
6314 color: #171717;
6315}
6316
6317tr.bx--parent-row.bx--expandable-row:hover td:first-of-type {
6318 border-bottom: 1px solid #e5e5e5;
6319}
6320
6321tr.bx--parent-row.bx--expandable-row:hover + tr[data-child-row] td {
6322 background-color: #e5e5e5;
6323 color: #171717;
6324 border-bottom: 1px solid #dcdcdc;
6325}
6326
6327tr.bx--expandable-row--hover + tr[data-child-row] td {
6328 border-bottom: 1px solid #dcdcdc;
6329}
6330
6331tr.bx--expandable-row--hover {
6332 background-color: #e5e5e5;
6333}
6334
6335tr.bx--expandable-row--hover td {
6336 background-color: #e5e5e5;
6337 border-bottom: 1px solid #dcdcdc;
6338 border-top: 1px solid #e5e5e5;
6339 color: #171717;
6340}
6341
6342tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td:first-of-type {
6343 border-bottom: 1px solid #e5e5e5;
6344}
6345
6346.bx--data-table td.bx--table-expand {
6347 width: 2.5rem;
6348 min-width: 2.5rem;
6349 vertical-align: top;
6350 padding-top: 0.4375rem;
6351 padding-bottom: 0;
6352}
6353
6354@supports (-moz-appearance: none) {
6355 .bx--data-table td.bx--table-expand {
6356 padding-top: 0.875rem;
6357 }
6358}
6359
6360.bx--table-expand[data-previous-value='collapsed'] .bx--table-expand__svg {
6361 -webkit-transform: rotate(270deg);
6362 transform: rotate(270deg);
6363 -webkit-transition: -webkit-transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6364 transition: -webkit-transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6365 transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6366 transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6367}
6368
6369.bx--table-expand__button {
6370 display: inline-block;
6371 background: none;
6372 -webkit-appearance: none;
6373 -moz-appearance: none;
6374 appearance: none;
6375 border: 0;
6376 padding: 0;
6377 cursor: pointer;
6378 display: -webkit-box;
6379 display: -ms-flexbox;
6380 display: flex;
6381 -ms-flex-pack: distribute;
6382 justify-content: space-around;
6383 height: 2rem;
6384 width: 1rem;
6385}
6386
6387.bx--table-expand__button::-moz-focus-inner {
6388 border: 0;
6389}
6390
6391.bx--table-expand__button:focus {
6392 outline: 1px solid transparent;
6393}
6394
6395.bx--table-expand__button:focus .bx--table-expand__svg {
6396 -webkit-box-shadow: inset 0px 0px 0px 1px #0062ff;
6397 box-shadow: inset 0px 0px 0px 1px #0062ff;
6398}
6399
6400.bx--table-expand__svg {
6401 fill: #171717;
6402 -webkit-transform: rotate(90deg);
6403 transform: rotate(90deg);
6404 -webkit-transition: -webkit-transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6405 transition: -webkit-transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6406 transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6407 transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
6408}
6409
6410th.bx--table-expand + th.bx--table-column-checkbox {
6411 padding-left: 0.5rem;
6412}
6413
6414tr.bx--parent-row.bx--expandable-row td.bx--table-expand + td::after {
6415 position: absolute;
6416 content: '';
6417 left: 0;
6418 bottom: -0.0625rem;
6419 height: 0.0625rem;
6420 width: 0.5rem;
6421 background: #f3f3f3;
6422}
6423
6424tr.bx--parent-row.bx--expandable-row:hover td.bx--table-expand + td::after,
6425tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td.bx--table-expand + td::after {
6426 background: #e5e5e5;
6427}
6428
6429tr.bx--parent-row.bx--data-table--selected td.bx--table-expand + td::after {
6430 display: none;
6431}
6432
6433tr.bx--parent-row.bx--data-table--selected:first-of-type td {
6434 background: #dcdcdc;
6435 border-top: 1px solid #bebebe;
6436 border-bottom: 1px solid transparent;
6437 -webkit-box-shadow: 0 1px #bebebe;
6438 box-shadow: 0 1px #bebebe;
6439}
6440
6441tr.bx--parent-row.bx--data-table--selected td {
6442 background: #dcdcdc;
6443 color: #171717;
6444 border-bottom: 1px solid transparent;
6445 -webkit-box-shadow: 0 1px #bebebe;
6446 box-shadow: 0 1px #bebebe;
6447}
6448
6449tr.bx--parent-row.bx--data-table--selected:last-of-type td {
6450 background: #dcdcdc;
6451 border-bottom: 1px solid transparent;
6452 -webkit-box-shadow: 0 1px #dcdcdc;
6453 box-shadow: 0 1px #dcdcdc;
6454}
6455
6456tr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover td {
6457 background: #cacaca;
6458 border-top: 1px solid #cacaca;
6459 border-bottom: 1px solid transparent;
6460 -webkit-box-shadow: 0 1px #cacaca;
6461 box-shadow: 0 1px #cacaca;
6462}
6463
6464tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td,
6465tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td:first-of-type {
6466 border-bottom: 1px solid transparent;
6467 -webkit-box-shadow: 0 1px #dcdcdc;
6468 box-shadow: 0 1px #dcdcdc;
6469}
6470
6471tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td,
6472tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td:first-of-type,
6473tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td,
6474tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td:first-of-type {
6475 background: #cacaca;
6476 border-top: 1px solid #cacaca;
6477 border-bottom: 1px solid transparent;
6478 -webkit-box-shadow: 0 1px #cacaca;
6479 box-shadow: 0 1px #cacaca;
6480}
6481
6482tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row] td {
6483 color: #171717;
6484 background-color: #e5e5e5;
6485 border-bottom: 1px solid transparent;
6486 -webkit-box-shadow: 0 1px #bebebe;
6487 box-shadow: 0 1px #bebebe;
6488 border-top: 1px solid #bebebe;
6489}
6490
6491tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row]:last-of-type td {
6492 -webkit-box-shadow: inset 0 -1px #bebebe;
6493 box-shadow: inset 0 -1px #bebebe;
6494 padding-bottom: 1.5rem;
6495}
6496
6497tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover + tr[data-child-row] td,
6498tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover + tr[data-child-row] td {
6499 background: #dcdcdc;
6500}
6501
6502.bx--data-table--sort th,
6503.bx--data-table--sort th:first-of-type:not(.bx--table-column-checkbox) {
6504 padding: 0;
6505 height: 3rem;
6506 border-top: none;
6507 border-bottom: none;
6508}
6509
6510.bx--data-table--sort td {
6511 padding-left: 0.5rem;
6512 padding-right: 0.5rem;
6513}
6514
6515.bx--data-table--sort th:first-of-type .bx--table-sort {
6516 padding-left: 0.75rem;
6517}
6518
6519.bx--table-sort {
6520 display: inline-block;
6521 background: none;
6522 -webkit-appearance: none;
6523 -moz-appearance: none;
6524 appearance: none;
6525 border: 0;
6526 padding: 0;
6527 cursor: pointer;
6528 position: relative;
6529 font: inherit;
6530 display: -webkit-box;
6531 display: -ms-flexbox;
6532 display: flex;
6533 -webkit-box-align: center;
6534 -ms-flex-align: center;
6535 align-items: center;
6536 -webkit-box-pack: justify;
6537 -ms-flex-pack: justify;
6538 justify-content: space-between;
6539 width: 100%;
6540 color: #171717;
6541 padding: 0 0.5rem;
6542 height: 100%;
6543}
6544
6545.bx--table-sort::-moz-focus-inner {
6546 border: 0;
6547}
6548
6549.bx--table-sort:focus {
6550 outline: 2px solid #0062ff;
6551 outline-offset: -2px;
6552}
6553
6554.bx--table-sort:hover {
6555 background: #cacaca;
6556}
6557
6558.bx--table-sort:focus svg,
6559.bx--table-sort:hover svg {
6560 opacity: 1;
6561}
6562
6563.bx--table-sort .bx--table-sort__icon-inactive {
6564 display: block;
6565}
6566
6567.bx--table-sort .bx--table-sort__icon {
6568 display: none;
6569}
6570
6571.bx--table-sort__icon-unsorted {
6572 position: relative;
6573 left: 0.125rem;
6574 margin-left: 0.5rem;
6575 margin-right: 0;
6576 opacity: 0;
6577 fill: #171717;
6578 width: auto;
6579 min-width: 1rem;
6580}
6581
6582.bx--table-sort.bx--table-sort--active .bx--table-sort__icon-unsorted {
6583 display: none;
6584}
6585
6586.bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
6587 display: block;
6588 opacity: 1;
6589}
6590
6591.bx--table-sort--ascending .bx--table-sort__icon {
6592 -webkit-transform: rotate(180deg);
6593 transform: rotate(180deg);
6594}
6595
6596.bx--table-sort__icon {
6597 position: relative;
6598 left: 0.125rem;
6599 margin-left: 0.5rem;
6600 margin-right: 0;
6601 -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
6602 transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
6603 transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
6604 transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
6605 -webkit-transform: rotate(0);
6606 transform: rotate(0);
6607 opacity: 0;
6608 fill: #171717;
6609 width: auto;
6610 min-width: 1rem;
6611}
6612
6613.bx--inline-edit-label {
6614 display: -webkit-box;
6615 display: -ms-flexbox;
6616 display: flex;
6617 -webkit-box-pack: justify;
6618 -ms-flex-pack: justify;
6619 justify-content: space-between;
6620 -webkit-box-align: center;
6621 -ms-flex-align: center;
6622 align-items: center;
6623}
6624
6625.bx--inline-edit-label:hover .bx--inline-edit-label__icon {
6626 opacity: 1;
6627}
6628
6629.bx--inline-edit-label--inactive {
6630 display: none;
6631}
6632
6633.bx--inline-edit-label__action {
6634 display: inline-block;
6635 background: none;
6636 -webkit-appearance: none;
6637 -moz-appearance: none;
6638 appearance: none;
6639 border: 0;
6640 padding: 0;
6641 cursor: pointer;
6642}
6643
6644.bx--inline-edit-label__action::-moz-focus-inner {
6645 border: 0;
6646}
6647
6648.bx--inline-edit-label__action:hover {
6649 cursor: pointer;
6650}
6651
6652.bx--inline-edit-label__action:focus {
6653 outline: 1px solid #0062ff;
6654 padding: 0.125rem;
6655}
6656
6657.bx--inline-edit-label__action:focus .bx--inline-edit-label__icon {
6658 width: auto;
6659 opacity: 1;
6660}
6661
6662.bx--inline-edit-label__icon {
6663 fill: #171717;
6664 opacity: 0;
6665}
6666
6667.bx--inline-edit-input {
6668 display: none;
6669}
6670
6671.bx--inline-edit-input--active {
6672 display: block;
6673 margin-left: -0.75rem;
6674}
6675
6676.bx--inline-edit-input--active input {
6677 padding-left: 0.75rem;
6678}
6679
6680.bx--data-table-v2--short input {
6681 height: 2rem;
6682}
6683
6684.bx--data-table-v2--short select {
6685 padding: 0.45rem 2.75rem 0.45rem 1rem;
6686}
6687
6688.bx--data-table-v2--short .bx--select__arrow {
6689 top: 0.875rem;
6690}
6691
6692.bx--data-table-v2.bx--skeleton th {
6693 border-bottom: 1px solid #0062ff;
6694}
6695
6696.bx--data-table-v2.bx--skeleton th:nth-child(3n + 1) {
6697 width: 10%;
6698}
6699
6700.bx--data-table-v2.bx--skeleton th:nth-child(3n + 2) {
6701 width: 30%;
6702}
6703
6704.bx--data-table-v2.bx--skeleton th:nth-child(3n + 3) {
6705 width: 15%;
6706}
6707
6708.bx--data-table-v2.bx--skeleton th span,
6709.bx--data-table-v2.bx--skeleton td span {
6710 position: relative;
6711 border: none;
6712 padding: 0;
6713 -webkit-box-shadow: none;
6714 box-shadow: none;
6715 pointer-events: none;
6716 background: rgba(61, 112, 178, 0.1);
6717 width: 75%;
6718 height: 1rem;
6719 display: block;
6720}
6721
6722.bx--data-table-v2.bx--skeleton th span:hover, .bx--data-table-v2.bx--skeleton th span:focus, .bx--data-table-v2.bx--skeleton th span:active,
6723.bx--data-table-v2.bx--skeleton td span:hover,
6724.bx--data-table-v2.bx--skeleton td span:focus,
6725.bx--data-table-v2.bx--skeleton td span:active {
6726 border: none;
6727 outline: none;
6728 cursor: default;
6729}
6730
6731.bx--data-table-v2.bx--skeleton th span:before,
6732.bx--data-table-v2.bx--skeleton td span:before {
6733 content: '';
6734 width: 0%;
6735 height: 100%;
6736 position: absolute;
6737 top: 0;
6738 left: 0;
6739 opacity: 0.3;
6740 background: rgba(61, 112, 178, 0.1);
6741 -webkit-animation: 3000ms ease-in-out skeleton infinite;
6742 animation: 3000ms ease-in-out skeleton infinite;
6743}
6744
6745.bx--data-table-v2.bx--skeleton tr:hover td {
6746 border-color: #dcdcdc;
6747 background: transparent;
6748}
6749
6750.bx--data-table-v2.bx--skeleton tr:hover td:first-of-type, .bx--data-table-v2.bx--skeleton tr:hover td:last-of-type {
6751 border-color: #dcdcdc;
6752}
6753
6754.bx--data-table-v2.bx--skeleton .bx--table-sort-v2 {
6755 pointer-events: none;
6756}
6757
6758.bx--structured-list--selection .bx--structured-list-td,
6759.bx--structured-list--selection .bx--structured-list-th {
6760 padding-left: 1rem;
6761 padding-right: 1rem;
6762}
6763
6764.bx--structured-list--selection .bx--structured-list-td:first-child,
6765.bx--structured-list--selection .bx--structured-list-th:first-child {
6766 padding-left: 1rem;
6767 padding-right: 1rem;
6768}
6769
6770.bx--structured-list-input {
6771 display: none;
6772}
6773
6774.bx--structured-list {
6775 display: table;
6776 overflow-x: auto;
6777 overflow-y: hidden;
6778 width: 100%;
6779 min-width: 500px;
6780 border-collapse: collapse;
6781 border-spacing: 0;
6782 margin-bottom: 5rem;
6783 background-color: transparent;
6784}
6785
6786.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td,
6787.bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
6788 padding: 0.5rem;
6789 padding-left: 0;
6790}
6791
6792.bx--structured-list-row {
6793 display: table-row;
6794 border-bottom: 1px solid #dcdcdc;
6795}
6796
6797.bx--structured-list--selection
6798.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
6799 background-color: #f3f3f3;
6800 cursor: pointer;
6801 border-bottom: 1px solid #f3f3f3;
6802}
6803
6804.bx--structured-list-row.bx--structured-list-row--selected {
6805 background-color: #dcdcdc;
6806}
6807
6808.bx--structured-list-row.bx--structured-list-row--header-row {
6809 border-bottom: 1px solid #dcdcdc;
6810 cursor: inherit;
6811}
6812
6813.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
6814 outline: 2px solid #0062ff;
6815 outline-offset: -2px;
6816}
6817
6818.bx--structured-list--selection
6819.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)
6820> .bx--structured-list-td,
6821.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
6822 color: #171717;
6823}
6824
6825.bx--structured-list--selection
6826.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)
6827> .bx--structured-list-td {
6828 border-top: 1px solid #f3f3f3;
6829}
6830
6831.bx--structured-list-thead {
6832 display: table-header-group;
6833 vertical-align: middle;
6834}
6835
6836.bx--structured-list-th {
6837 padding-left: 1rem;
6838 padding-right: 1rem;
6839 padding-top: 1rem;
6840 padding-bottom: 0.5rem;
6841 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6842 font-size: 0.875rem;
6843 font-weight: 600;
6844 line-height: 1.125rem;
6845 letter-spacing: 0.16px;
6846 display: table-cell;
6847 font-weight: 600;
6848 height: 2.5rem;
6849 text-align: left;
6850 text-transform: none;
6851 vertical-align: bottom;
6852}
6853
6854.bx--structured-list-tbody {
6855 display: table-row-group;
6856 vertical-align: middle;
6857}
6858
6859.bx--structured-list-td {
6860 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
6861 font-size: 0.875rem;
6862 font-weight: 400;
6863 line-height: 1.25rem;
6864 letter-spacing: 0.16px;
6865 padding-top: 1rem;
6866 padding-right: 1rem;
6867 padding-bottom: 1.5rem;
6868 padding-left: 1rem;
6869 line-height: 1.3125rem;
6870 position: relative;
6871 display: table-cell;
6872 max-width: 36rem;
6873}
6874
6875.bx--structured-list-th {
6876 color: #171717;
6877}
6878
6879.bx--structured-list-td {
6880 color: #565656;
6881}
6882
6883.bx--structured-list-content--nowrap {
6884 white-space: nowrap;
6885}
6886
6887.bx--structured-list-svg {
6888 display: inline-block;
6889 fill: transparent;
6890 vertical-align: middle;
6891 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
6892 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
6893}
6894
6895.bx--structured-list-row:hover .bx--structured-list-svg {
6896 fill: #a4a4a4;
6897}
6898
6899.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
6900.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
6901 fill: #171717;
6902}
6903
6904.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
6905 width: 8%;
6906}
6907
6908.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 2) {
6909 width: 30%;
6910}
6911
6912.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 3) {
6913 width: 15%;
6914}
6915
6916.bx--structured-list.bx--skeleton .bx--structured-list-th span {
6917 position: relative;
6918 border: none;
6919 padding: 0;
6920 -webkit-box-shadow: none;
6921 box-shadow: none;
6922 pointer-events: none;
6923 background: rgba(61, 112, 178, 0.1);
6924 width: 75%;
6925 height: 1rem;
6926 display: block;
6927}
6928
6929.bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active {
6930 border: none;
6931 outline: none;
6932 cursor: default;
6933}
6934
6935.bx--structured-list.bx--skeleton .bx--structured-list-th span:before {
6936 content: '';
6937 width: 0%;
6938 height: 100%;
6939 position: absolute;
6940 top: 0;
6941 left: 0;
6942 opacity: 0.3;
6943 background: rgba(61, 112, 178, 0.1);
6944 -webkit-animation: 3000ms ease-in-out skeleton infinite;
6945 animation: 3000ms ease-in-out skeleton infinite;
6946}
6947
6948.bx--structured-list.bx--skeleton .bx--structured-list-th span {
6949 position: relative;
6950 border: none;
6951 padding: 0;
6952 -webkit-box-shadow: none;
6953 box-shadow: none;
6954 pointer-events: none;
6955 background: rgba(61, 112, 178, 0.1);
6956 width: 75%;
6957 height: 1rem;
6958 display: block;
6959}
6960
6961.bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active {
6962 border: none;
6963 outline: none;
6964 cursor: default;
6965}
6966
6967.bx--structured-list.bx--skeleton .bx--structured-list-th span:before {
6968 content: '';
6969 width: 0%;
6970 height: 100%;
6971 position: absolute;
6972 top: 0;
6973 left: 0;
6974 opacity: 0.3;
6975 background: rgba(61, 112, 178, 0.1);
6976 -webkit-animation: 3000ms ease-in-out skeleton infinite;
6977 animation: 3000ms ease-in-out skeleton infinite;
6978}
6979
6980.bx--structured-list.bx--structured-list--border.bx--skeleton
6981.bx--structured-list-th:first-child {
6982 width: 5%;
6983}
6984
6985.bx--structured-list.bx--structured-list--border.bx--skeleton
6986.bx--structured-list-th:first-child span {
6987 display: none;
6988}
6989
6990.bx--snippet code {
6991 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
6992 font-size: 0.75rem;
6993 font-weight: 400;
6994 line-height: 1rem;
6995 letter-spacing: 0.32px;
6996}
6997
6998.bx--snippet--inline {
6999 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
7000 font-size: 0.75rem;
7001 font-weight: 400;
7002 line-height: 1rem;
7003 letter-spacing: 0.32px;
7004 position: relative;
7005 display: inline;
7006 padding: 0;
7007 border: 2px solid transparent;
7008 border-radius: 4px;
7009 background-color: #f3f3f3;
7010 color: #171717;
7011 cursor: pointer;
7012}
7013
7014.bx--snippet--inline:hover {
7015 background-color: #dcdcdc;
7016}
7017
7018.bx--snippet--inline:active {
7019 background-color: #bebebe;
7020}
7021
7022.bx--snippet--inline:focus {
7023 outline: none;
7024 border: 2px solid #0062ff;
7025}
7026
7027.bx--snippet--inline code {
7028 padding: 0 0.5rem;
7029}
7030
7031.bx--snippet--inline.bx--snippet--light {
7032 background-color: #ffffff;
7033}
7034
7035.bx--snippet--inline.bx--snippet--light:hover {
7036 background-color: rgba(23, 23, 23, 0.1);
7037}
7038
7039.bx--snippet--single {
7040 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
7041 font-size: 0.75rem;
7042 font-weight: 400;
7043 line-height: 1rem;
7044 letter-spacing: 0.32px;
7045 background: #f3f3f3;
7046 border: 1px solid #dcdcdc;
7047 position: relative;
7048 max-width: 37.5rem;
7049 width: 100%;
7050 border: none;
7051 max-width: 47.5rem;
7052 min-width: 20rem;
7053 height: 2.5rem;
7054 padding: 0 56px 0 1rem;
7055}
7056
7057.bx--snippet--single .bx--snippet-container {
7058 display: -webkit-box;
7059 display: -ms-flexbox;
7060 display: flex;
7061 -webkit-box-align: center;
7062 -ms-flex-align: center;
7063 align-items: center;
7064 overflow-x: scroll;
7065 position: relative;
7066 padding: 0 0 1rem 0;
7067 height: 3.5rem;
7068}
7069
7070.bx--snippet--single pre {
7071 white-space: nowrap;
7072 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
7073 font-size: 0.75rem;
7074 font-weight: 400;
7075 line-height: 1rem;
7076 letter-spacing: 0.32px;
7077 padding-right: 0.5rem;
7078}
7079
7080.bx--snippet--single::after {
7081 width: 1rem;
7082 height: 100%;
7083 content: '';
7084 position: absolute;
7085 top: 0;
7086 right: 3.5rem;
7087 background-image: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0)), to(#f3f3f3));
7088 background-image: linear-gradient(to right, rgba(243, 243, 243, 0), #f3f3f3);
7089}
7090
7091.bx--snippet--multi {
7092 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
7093 font-size: 0.75rem;
7094 font-weight: 400;
7095 line-height: 1rem;
7096 letter-spacing: 0.32px;
7097 background: #f3f3f3;
7098 border: 1px solid #dcdcdc;
7099 position: relative;
7100 max-width: 37.5rem;
7101 width: 100%;
7102 border: none;
7103 padding: 1rem;
7104 min-width: 20rem;
7105 max-width: 100%;
7106}
7107
7108.bx--snippet--multi .bx--snippet-container {
7109 overflow: hidden;
7110 position: relative;
7111 max-height: 14.875rem;
7112 min-height: 3.5rem;
7113 -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
7114 transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
7115}
7116
7117.bx--snippet--multi.bx--snippet--expand .bx--snippet-container {
7118 max-height: 93.75rem;
7119 -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
7120 transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
7121}
7122
7123.bx--snippet--multi .bx--snippet-container pre {
7124 overflow: hidden;
7125 padding-bottom: 1.5rem;
7126}
7127
7128.bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre {
7129 overflow-x: scroll;
7130}
7131
7132.bx--snippet--multi .bx--snippet-container pre::after {
7133 width: 1rem;
7134 height: 100%;
7135 content: '';
7136 position: absolute;
7137 top: 0;
7138 right: 0;
7139 background-image: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0)), to(#f3f3f3));
7140 background-image: linear-gradient(to right, rgba(243, 243, 243, 0), #f3f3f3);
7141}
7142
7143.bx--snippet--multi .bx--snippet-container pre code {
7144 overflow: hidden;
7145}
7146
7147.bx--snippet__icon {
7148 fill: #171717;
7149 height: 1rem;
7150 width: 1rem;
7151 -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7152 transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7153}
7154
7155.bx--snippet-button {
7156 cursor: pointer;
7157 position: absolute;
7158 top: 0;
7159 right: 0;
7160 border: none;
7161 background-color: #f3f3f3;
7162 outline: none;
7163 padding: 0;
7164 height: 2.5rem;
7165 width: 2.5rem;
7166 overflow: visible;
7167}
7168
7169.bx--snippet-button:focus {
7170 outline: 2px solid #0062ff;
7171 outline-offset: -2px;
7172 outline-color: #0062ff;
7173}
7174
7175.bx--snippet--multi .bx--snippet-button {
7176 height: 2rem;
7177 width: 2rem;
7178 top: 0.5rem;
7179 right: 0.5rem;
7180}
7181
7182.bx--snippet-button:hover {
7183 background: #e5e5e5;
7184}
7185
7186.bx--snippet-button:active {
7187 background-color: #bebebe;
7188}
7189
7190.bx--btn--copy__feedback {
7191 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
7192 font-size: 0.875rem;
7193 font-weight: 400;
7194 line-height: 1.125rem;
7195 letter-spacing: 0.16px;
7196 z-index: 8000;
7197 font-weight: 400;
7198 left: inherit;
7199 top: 0.75rem;
7200 right: 1.25rem;
7201}
7202
7203.bx--btn--copy__feedback:before,
7204.bx--btn--copy__feedback:after {
7205 background: #3d3d3d;
7206}
7207
7208.bx--btn--copy__feedback:after {
7209 border: none;
7210}
7211
7212button.bx--btn.bx--snippet-btn--expand {
7213 display: -webkit-inline-box;
7214 display: -ms-inline-flexbox;
7215 display: inline-flex;
7216 -webkit-box-align: center;
7217 -ms-flex-align: center;
7218 align-items: center;
7219 position: absolute;
7220 right: 0.5rem;
7221 bottom: 0.5rem;
7222 padding: 0.5rem;
7223 padding-left: 1rem;
7224 color: #171717;
7225 background-color: #f3f3f3;
7226}
7227
7228button.bx--btn.bx--snippet-btn--expand .bx--snippet-btn--text {
7229 position: relative;
7230 top: -0.0625rem;
7231}
7232
7233.bx--snippet-btn--expand--hide.bx--snippet-btn--expand {
7234 display: none;
7235}
7236
7237.bx--snippet-btn--expand .bx--icon-chevron--down {
7238 fill: #171717;
7239 margin-left: 0.5rem;
7240 margin-bottom: 0.0625rem;
7241 -webkit-transform: rotate(0deg);
7242 transform: rotate(0deg);
7243 -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
7244 transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
7245}
7246
7247button.bx--btn.bx--snippet-btn--expand:hover {
7248 background: #e5e5e5;
7249 color: #171717;
7250}
7251
7252.bx--snippet-btn--expand:active {
7253 background-color: #bebebe;
7254}
7255
7256.bx--snippet-btn--expand:focus {
7257 outline: 2px solid #0062ff;
7258 outline-offset: -2px;
7259}
7260
7261.bx--snippet--expand .bx--snippet-btn--expand .bx--icon-chevron--down {
7262 -webkit-transform: rotate(180deg);
7263 transform: rotate(180deg);
7264 -webkit-transition: -webkit-transform 240ms;
7265 transition: -webkit-transform 240ms;
7266 transition: transform 240ms;
7267 transition: transform 240ms, -webkit-transform 240ms;
7268}
7269
7270.bx--snippet--code.bx--skeleton {
7271 height: 6.125rem;
7272}
7273
7274.bx--snippet--terminal.bx--skeleton {
7275 height: 3.5rem;
7276}
7277
7278.bx--snippet.bx--skeleton .bx--snippet-container {
7279 height: 100%;
7280}
7281
7282.bx--snippet.bx--skeleton code {
7283 position: relative;
7284 border: none;
7285 padding: 0;
7286 -webkit-box-shadow: none;
7287 box-shadow: none;
7288 pointer-events: none;
7289 background: rgba(61, 112, 178, 0.1);
7290 width: 100%;
7291 height: 1rem;
7292 display: block;
7293}
7294
7295.bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {
7296 border: none;
7297 outline: none;
7298 cursor: default;
7299}
7300
7301.bx--snippet.bx--skeleton code:before {
7302 content: '';
7303 width: 0%;
7304 height: 100%;
7305 position: absolute;
7306 top: 0;
7307 left: 0;
7308 opacity: 0.3;
7309 background: rgba(61, 112, 178, 0.1);
7310 -webkit-animation: 3000ms ease-in-out skeleton infinite;
7311 animation: 3000ms ease-in-out skeleton infinite;
7312}
7313
7314.bx--snippet-button .bx--btn--copy__feedback {
7315 top: 1.5625rem;
7316 left: 1rem;
7317 right: auto;
7318}
7319
7320.bx--snippet--inline .bx--btn--copy__feedback {
7321 right: auto;
7322 left: 50%;
7323}
7324
7325bx--snippet--multi.bx--skeleton {
7326 height: 6.125rem;
7327}
7328
7329.bx--snippet--single.bx--skeleton {
7330 height: 3.5rem;
7331}
7332
7333.bx--snippet.bx--skeleton .bx--snippet-container {
7334 height: 100%;
7335}
7336
7337.bx--snippet.bx--skeleton span {
7338 position: relative;
7339 border: none;
7340 padding: 0;
7341 -webkit-box-shadow: none;
7342 box-shadow: none;
7343 pointer-events: none;
7344 background: rgba(61, 112, 178, 0.1);
7345 width: 100%;
7346 height: 1rem;
7347 display: block;
7348 margin-top: 0.5rem;
7349}
7350
7351.bx--snippet.bx--skeleton span:hover, .bx--snippet.bx--skeleton span:focus, .bx--snippet.bx--skeleton span:active {
7352 border: none;
7353 outline: none;
7354 cursor: default;
7355}
7356
7357.bx--snippet.bx--skeleton span:before {
7358 content: '';
7359 width: 0%;
7360 height: 100%;
7361 position: absolute;
7362 top: 0;
7363 left: 0;
7364 opacity: 0.3;
7365 background: rgba(61, 112, 178, 0.1);
7366 -webkit-animation: 3000ms ease-in-out skeleton infinite;
7367 animation: 3000ms ease-in-out skeleton infinite;
7368}
7369
7370.bx--snippet.bx--skeleton span:first-child {
7371 margin: 0;
7372}
7373
7374.bx--snippet.bx--skeleton span:nth-child(2) {
7375 width: 85%;
7376}
7377
7378.bx--snippet.bx--skeleton span:nth-child(3) {
7379 width: 95%;
7380}
7381
7382.bx--snippet--single.bx--skeleton .bx--snippet-container {
7383 padding-bottom: 0;
7384}
7385
7386.bx--snippet--inline .bx--btn--copy__feedback {
7387 right: auto;
7388}
7389
7390.bx--snippet--code.bx--skeleton {
7391 height: 6.125rem;
7392}
7393
7394.bx--snippet--terminal.bx--skeleton {
7395 height: 3.5rem;
7396}
7397
7398.bx--snippet.bx--skeleton .bx--snippet-container {
7399 height: 100%;
7400}
7401
7402.bx--snippet.bx--skeleton code {
7403 position: relative;
7404 border: none;
7405 padding: 0;
7406 -webkit-box-shadow: none;
7407 box-shadow: none;
7408 pointer-events: none;
7409 background: rgba(61, 112, 178, 0.1);
7410 width: 100%;
7411 height: 1rem;
7412 display: block;
7413}
7414
7415.bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {
7416 border: none;
7417 outline: none;
7418 cursor: default;
7419}
7420
7421.bx--snippet.bx--skeleton code:before {
7422 content: '';
7423 width: 0%;
7424 height: 100%;
7425 position: absolute;
7426 top: 0;
7427 left: 0;
7428 opacity: 0.3;
7429 background: rgba(61, 112, 178, 0.1);
7430 -webkit-animation: 3000ms ease-in-out skeleton infinite;
7431 animation: 3000ms ease-in-out skeleton infinite;
7432}
7433
7434.bx--overflow-menu {
7435 outline: 2px solid transparent;
7436 outline-offset: -2px;
7437 position: relative;
7438 width: 2rem;
7439 height: 2rem;
7440 display: -webkit-box;
7441 display: -ms-flexbox;
7442 display: flex;
7443 -webkit-box-align: center;
7444 -ms-flex-align: center;
7445 align-items: center;
7446 -webkit-box-pack: center;
7447 -ms-flex-pack: center;
7448 justify-content: center;
7449 cursor: pointer;
7450 -webkit-transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7451 transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7452}
7453
7454.bx--overflow-menu:focus {
7455 outline: 2px solid #0062ff;
7456 outline-offset: -2px;
7457}
7458
7459.bx--overflow-menu:hover {
7460 background-color: #e5e5e5;
7461}
7462
7463.bx--overflow-menu.bx--overflow-menu--open {
7464 background-color: #f3f3f3;
7465 -webkit-transition: none;
7466 transition: none;
7467 -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
7468 box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
7469}
7470
7471.bx--overflow-menu__icon {
7472 height: 1rem;
7473 width: 1rem;
7474 fill: #171717;
7475}
7476
7477.bx--overflow-menu-options {
7478 -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
7479 box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
7480 display: none;
7481 -webkit-box-orient: vertical;
7482 -webkit-box-direction: normal;
7483 -ms-flex-direction: column;
7484 flex-direction: column;
7485 -webkit-box-align: start;
7486 -ms-flex-align: start;
7487 align-items: flex-start;
7488 position: absolute;
7489 z-index: 10000;
7490 background-color: #f3f3f3;
7491 width: 10rem;
7492 list-style: none;
7493 top: 32px;
7494 left: 0;
7495}
7496
7497.bx--overflow-menu-options::after {
7498 content: '';
7499 position: absolute;
7500 display: block;
7501 background-color: #f3f3f3;
7502 -webkit-transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7503 transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7504}
7505
7506.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {
7507 top: -0.1875rem;
7508 left: 0;
7509 width: 2rem;
7510 height: 0.1875rem;
7511}
7512
7513.bx--overflow-menu-options[data-floating-menu-direction='top']::after {
7514 bottom: -0.375rem;
7515 left: 0;
7516 width: 2rem;
7517 height: 0.375rem;
7518}
7519
7520.bx--overflow-menu-options[data-floating-menu-direction='left']::after {
7521 right: -0.375rem;
7522 top: 0;
7523 height: 2rem;
7524 width: 0.375rem;
7525}
7526
7527.bx--overflow-menu-options[data-floating-menu-direction='right']::after {
7528 top: 0;
7529 left: -0.375rem;
7530 height: 2rem;
7531 width: 0.375rem;
7532}
7533
7534.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='top']::after,
7535.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {
7536 left: auto;
7537 right: 0;
7538}
7539
7540.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='left']::after,
7541.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='right']::after {
7542 top: auto;
7543 bottom: 0;
7544}
7545
7546.bx--overflow-menu-options--open {
7547 display: -webkit-box;
7548 display: -ms-flexbox;
7549 display: flex;
7550}
7551
7552.bx--overflow-menu-options__option {
7553 display: -webkit-box;
7554 display: -ms-flexbox;
7555 display: flex;
7556 background-color: transparent;
7557 -webkit-box-align: center;
7558 -ms-flex-align: center;
7559 align-items: center;
7560 width: 100%;
7561 height: 2.5rem;
7562 padding: 0;
7563 -webkit-transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7564 transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7565}
7566
7567.bx--overflow-menu--divider {
7568 border-top: 1px solid #dcdcdc;
7569}
7570
7571a.bx--overflow-menu-options__btn::before {
7572 content: '';
7573 height: 100%;
7574 vertical-align: middle;
7575 display: inline-block;
7576}
7577
7578.bx--overflow-menu-options__btn {
7579 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
7580 font-size: 0.875rem;
7581 font-weight: 400;
7582 line-height: 1.125rem;
7583 letter-spacing: 0.16px;
7584 outline: 2px solid transparent;
7585 outline-offset: -2px;
7586 font-weight: 400;
7587 width: 100%;
7588 height: 100%;
7589 border: none;
7590 display: -webkit-inline-box;
7591 display: -ms-inline-flexbox;
7592 display: inline-flex;
7593 -webkit-box-align: center;
7594 -ms-flex-align: center;
7595 align-items: center;
7596 background-color: transparent;
7597 text-align: left;
7598 padding: 0 1rem;
7599 cursor: pointer;
7600 color: #565656;
7601 max-width: 11.25rem;
7602 -webkit-transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7603 transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
7604}
7605
7606.bx--overflow-menu-options__btn:hover {
7607 color: #171717;
7608}
7609
7610.bx--overflow-menu-options__btn:focus {
7611 outline: 2px solid #0062ff;
7612 outline-offset: -2px;
7613}
7614
7615.bx--overflow-menu-options__btn::-moz-focus-inner {
7616 border: none;
7617}
7618
7619.bx--overflow-menu-options__btn svg {
7620 fill: #565656;
7621}
7622
7623.bx--overflow-menu-options__btn:hover svg {
7624 fill: #171717;
7625}
7626
7627.bx--overflow-menu-options__option-content {
7628 white-space: nowrap;
7629 overflow: hidden;
7630 text-overflow: ellipsis;
7631}
7632
7633.bx--overflow-menu-options__option:hover {
7634 background-color: #e5e5e5;
7635}
7636
7637.bx--overflow-menu-options__option--danger {
7638 border-top: 1px solid #dcdcdc;
7639}
7640
7641.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,
7642.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
7643 color: #ffffff;
7644 background-color: #da1e28;
7645}
7646
7647.bx--overflow-menu-options__option--disabled:hover {
7648 background-color: #f3f3f3;
7649 cursor: not-allowed;
7650}
7651
7652.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
7653 color: #bebebe;
7654 pointer-events: none;
7655}
7656
7657.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
7658 outline: 2px solid transparent;
7659 outline-offset: -2px;
7660 background-color: #f3f3f3;
7661}
7662
7663.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
7664 fill: #bebebe;
7665}
7666
7667.bx--overflow-menu--flip {
7668 left: -140px;
7669}
7670
7671.bx--overflow-menu--flip:before {
7672 left: 145px;
7673}
7674
7675.bx--content-switcher {
7676 display: -webkit-box;
7677 display: -ms-flexbox;
7678 display: flex;
7679 -webkit-box-pack: space-evenly;
7680 -ms-flex-pack: space-evenly;
7681 justify-content: space-evenly;
7682 width: 100%;
7683 height: 2rem;
7684}
7685
7686.bx--content-switcher--disabled {
7687 cursor: not-allowed;
7688}
7689
7690.bx--content-switcher-btn {
7691 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
7692 font-size: 0.875rem;
7693 font-weight: 400;
7694 line-height: 1.125rem;
7695 letter-spacing: 0.16px;
7696 outline: 2px solid transparent;
7697 outline-offset: -2px;
7698 background-color: #f3f3f3;
7699 display: inline-block;
7700 width: 100%;
7701 height: 2.5rem;
7702 padding: 0.5rem 1rem;
7703 margin: 0;
7704 white-space: nowrap;
7705 overflow: hidden;
7706 text-overflow: ellipsis;
7707 text-align: left;
7708 text-decoration: none;
7709 border: none;
7710 color: #565656;
7711 -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7712 transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7713 position: relative;
7714}
7715
7716.bx--content-switcher-btn:focus {
7717 -webkit-box-shadow: inset 0 0 0 2px #0062ff;
7718 box-shadow: inset 0 0 0 2px #0062ff;
7719 z-index: 3;
7720}
7721
7722.bx--content-switcher-btn:hover {
7723 cursor: pointer;
7724}
7725
7726.bx--content-switcher-btn:hover, .bx--content-switcher-btn:active {
7727 background-color: #e5e5e5;
7728 color: #171717;
7729 z-index: 3;
7730}
7731
7732.bx--content-switcher-btn:disabled {
7733 color: #dcdcdc;
7734 pointer-events: none;
7735}
7736
7737.bx--content-switcher-btn:disabled:hover {
7738 cursor: not-allowed;
7739}
7740
7741.bx--content-switcher-btn:first-child {
7742 border-top-left-radius: 0.25rem;
7743 border-bottom-left-radius: 0.25rem;
7744}
7745
7746.bx--content-switcher-btn:last-child {
7747 border-top-right-radius: 0.25rem;
7748 border-bottom-right-radius: 0.25rem;
7749}
7750
7751.bx--content-switcher-btn:not(:first-of-type)::before {
7752 content: '';
7753 display: block;
7754 height: 1rem;
7755 width: 0.0625rem;
7756 background-color: #dcdcdc;
7757 position: absolute;
7758 z-index: 2;
7759 left: 0;
7760}
7761
7762.bx--content-switcher-btn.bx--content-switcher--selected::before,
7763.bx--content-switcher-btn.bx--content-switcher--selected + .bx--content-switcher-btn::before,
7764.bx--content-switcher-btn:focus::before,
7765.bx--content-switcher-btn:focus + .bx--content-switcher-btn::before,
7766.bx--content-switcher-btn:hover::before,
7767.bx--content-switcher-btn:hover + .bx--content-switcher-btn::before {
7768 background-color: transparent;
7769}
7770
7771.bx--content-switcher__icon {
7772 fill: #565656;
7773 -webkit-transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7774 transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
7775}
7776
7777.bx--content-switcher__icon + span {
7778 margin-left: 0.5rem;
7779}
7780
7781.bx--content-switcher-btn:hover .bx--content-switcher__icon,
7782.bx--content-switcher-btn:focus .bx--content-switcher__icon {
7783 fill: #171717;
7784}
7785
7786.bx--content-switcher-btn.bx--content-switcher--selected {
7787 background-color: #171717;
7788 color: #ffffff;
7789 z-index: 3;
7790}
7791
7792.bx--content-switcher-btn.bx--content-switcher--selected:disabled {
7793 background-color: #bebebe;
7794}
7795
7796.bx--content-switcher-btn.bx--content-switcher--selected .bx--content-switcher__icon {
7797 fill: #ffffff;
7798}
7799
7800.flatpickr-calendar {
7801 background: transparent;
7802 overflow: hidden;
7803 max-height: 0;
7804 opacity: 0;
7805 visibility: hidden;
7806 text-align: center;
7807 padding: 0;
7808 -webkit-animation: none;
7809 animation: none;
7810 direction: ltr;
7811 border: 0;
7812 font-size: 14px;
7813 line-height: 24px;
7814 border-radius: 5px;
7815 position: absolute;
7816 width: 315px;
7817 -webkit-box-sizing: border-box;
7818 box-sizing: border-box;
7819 -ms-touch-action: manipulation;
7820 touch-action: manipulation;
7821 background: #fff;
7822 -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
7823 box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
7824}
7825
7826.flatpickr-calendar.open,
7827.flatpickr-calendar.inline {
7828 opacity: 1;
7829 visibility: visible;
7830 overflow: visible;
7831 max-height: 640px;
7832}
7833
7834.flatpickr-calendar.open {
7835 display: inline-block;
7836 z-index: 99999;
7837}
7838
7839.flatpickr-calendar.animate.open {
7840 -webkit-animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9);
7841 animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9);
7842}
7843
7844.flatpickr-calendar.inline {
7845 display: block;
7846 position: relative;
7847 top: 2px;
7848}
7849
7850.flatpickr-calendar.static {
7851 position: absolute;
7852 top: calc(100% + 2px);
7853}
7854
7855.flatpickr-calendar.static.open {
7856 z-index: 999;
7857 display: block;
7858}
7859
7860.flatpickr-calendar.hasWeeks {
7861 width: auto;
7862}
7863
7864.flatpickr-calendar .hasWeeks .dayContainer,
7865.flatpickr-calendar .hasTime .dayContainer {
7866 border-bottom: 0;
7867 border-bottom-right-radius: 0;
7868 border-bottom-left-radius: 0;
7869}
7870
7871.flatpickr-calendar .hasWeeks .dayContainer {
7872 border-left: 0;
7873}
7874
7875.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
7876 height: 40px;
7877 border-top: 1px solid #e6e6e6;
7878}
7879
7880.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
7881 height: auto;
7882}
7883
7884.flatpickr-calendar:before,
7885.flatpickr-calendar:after {
7886 position: absolute;
7887 display: block;
7888 pointer-events: none;
7889 border: solid transparent;
7890 content: '';
7891 height: 0;
7892 width: 0;
7893 left: 22px;
7894}
7895
7896.flatpickr-calendar.rightMost:before,
7897.flatpickr-calendar.rightMost:after {
7898 left: auto;
7899 right: 22px;
7900}
7901
7902.flatpickr-calendar:before {
7903 border-width: 5px;
7904 margin: 0 -5px;
7905}
7906
7907.flatpickr-calendar:after {
7908 border-width: 4px;
7909 margin: 0 -4px;
7910}
7911
7912.flatpickr-calendar.arrowTop:before,
7913.flatpickr-calendar.arrowTop:after {
7914 bottom: 100%;
7915}
7916
7917.flatpickr-calendar.arrowTop:before {
7918 border-bottom-color: #e6e6e6;
7919}
7920
7921.flatpickr-calendar.arrowTop:after {
7922 border-bottom-color: #fff;
7923}
7924
7925.flatpickr-calendar.arrowBottom:before,
7926.flatpickr-calendar.arrowBottom:after {
7927 top: 100%;
7928}
7929
7930.flatpickr-calendar.arrowBottom:before {
7931 border-top-color: #e6e6e6;
7932}
7933
7934.flatpickr-calendar.arrowBottom:after {
7935 border-top-color: #fff;
7936}
7937
7938.flatpickr-calendar:focus {
7939 outline: 0;
7940}
7941
7942.flatpickr-wrapper {
7943 position: relative;
7944 display: inline-block;
7945}
7946
7947.flatpickr-month {
7948 background: transparent;
7949 color: rgba(0, 0, 0, 0.9);
7950 fill: rgba(0, 0, 0, 0.9);
7951 height: 28px;
7952 line-height: 1;
7953 text-align: center;
7954 position: relative;
7955 -webkit-user-select: none;
7956 -moz-user-select: none;
7957 -ms-user-select: none;
7958 user-select: none;
7959 overflow: hidden;
7960}
7961
7962.flatpickr-prev-month,
7963.flatpickr-next-month {
7964 text-decoration: none;
7965 cursor: pointer;
7966 position: absolute;
7967 top: 0px;
7968 line-height: 16px;
7969 height: 28px;
7970 padding: 10px calc(3.57% - 1.5px);
7971 z-index: 3;
7972}
7973
7974.flatpickr-prev-month i,
7975.flatpickr-next-month i {
7976 position: relative;
7977}
7978
7979.flatpickr-prev-month.flatpickr-prev-month,
7980.flatpickr-next-month.flatpickr-prev-month {
7981 /*
7982 /*rtl:begin:ignore*/
7983 /*
7984 */
7985 left: 0;
7986 /*
7987 /*rtl:end:ignore*/
7988 /*
7989 */
7990}
7991
7992/*
7993 /*rtl:begin:ignore*/
7994/*
7995 /*rtl:end:ignore*/
7996.flatpickr-prev-month.flatpickr-next-month,
7997.flatpickr-next-month.flatpickr-next-month {
7998 /*
7999 /*rtl:begin:ignore*/
8000 /*
8001 */
8002 right: 0;
8003 /*
8004 /*rtl:end:ignore*/
8005 /*
8006 */
8007}
8008
8009/*
8010 /*rtl:begin:ignore*/
8011/*
8012 /*rtl:end:ignore*/
8013.flatpickr-prev-month:hover,
8014.flatpickr-next-month:hover {
8015 color: #959ea9;
8016}
8017
8018.flatpickr-prev-month:hover svg,
8019.flatpickr-next-month:hover svg {
8020 fill: #f64747;
8021}
8022
8023.flatpickr-prev-month svg,
8024.flatpickr-next-month svg {
8025 width: 14px;
8026}
8027
8028.flatpickr-prev-month svg path,
8029.flatpickr-next-month svg path {
8030 -webkit-transition: fill 0.1s;
8031 transition: fill 0.1s;
8032 fill: inherit;
8033}
8034
8035.numInputWrapper {
8036 position: relative;
8037 height: auto;
8038}
8039
8040.numInputWrapper input,
8041.numInputWrapper span {
8042 display: inline-block;
8043}
8044
8045.numInputWrapper input {
8046 width: 100%;
8047}
8048
8049.numInputWrapper span {
8050 position: absolute;
8051 right: 0;
8052 width: 14px;
8053 padding: 0 4px 0 2px;
8054 height: 50%;
8055 line-height: 50%;
8056 opacity: 0;
8057 cursor: pointer;
8058 border: 1px solid rgba(57, 57, 57, 0.05);
8059 -webkit-box-sizing: border-box;
8060 box-sizing: border-box;
8061}
8062
8063.numInputWrapper span:hover {
8064 background: rgba(0, 0, 0, 0.1);
8065}
8066
8067.numInputWrapper span:active {
8068 background: rgba(0, 0, 0, 0.2);
8069}
8070
8071.numInputWrapper span:after {
8072 display: block;
8073 content: '';
8074 position: absolute;
8075 top: 33%;
8076}
8077
8078.numInputWrapper span.arrowUp {
8079 top: 0;
8080 border-bottom: 0;
8081}
8082
8083.numInputWrapper span.arrowUp:after {
8084 border-left: 4px solid transparent;
8085 border-right: 4px solid transparent;
8086 border-bottom: 4px solid rgba(57, 57, 57, 0.6);
8087}
8088
8089.numInputWrapper span.arrowDown {
8090 top: 50%;
8091}
8092
8093.numInputWrapper span.arrowDown:after {
8094 border-left: 4px solid transparent;
8095 border-right: 4px solid transparent;
8096 border-top: 4px solid rgba(57, 57, 57, 0.6);
8097}
8098
8099.numInputWrapper span svg {
8100 width: inherit;
8101 height: auto;
8102}
8103
8104.numInputWrapper span svg path {
8105 fill: rgba(0, 0, 0, 0.5);
8106}
8107
8108.numInputWrapper:hover {
8109 background: rgba(0, 0, 0, 0.05);
8110}
8111
8112.numInputWrapper:hover span {
8113 opacity: 1;
8114}
8115
8116.flatpickr-current-month {
8117 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
8118 font-size: 0.875rem;
8119 font-weight: 600;
8120 line-height: 1.125rem;
8121 letter-spacing: 0.16px;
8122 color: inherit;
8123 position: absolute;
8124 width: 75%;
8125 left: 12.5%;
8126 padding: 6.16px 0 0 0;
8127 height: 28px;
8128 display: inline-block;
8129 text-align: center;
8130 -webkit-transform: translate3d(0px, 0px, 0px);
8131 transform: translate3d(0px, 0px, 0px);
8132}
8133
8134.flatpickr-current-month.slideLeft {
8135 -webkit-transform: translate3d(-100%, 0px, 0px);
8136 transform: translate3d(-100%, 0px, 0px);
8137 -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
8138 animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
8139}
8140
8141.flatpickr-current-month.slideLeftNew {
8142 -webkit-transform: translate3d(100%, 0px, 0px);
8143 transform: translate3d(100%, 0px, 0px);
8144 -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
8145 animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
8146}
8147
8148.flatpickr-current-month.slideRight {
8149 -webkit-transform: translate3d(100%, 0px, 0px);
8150 transform: translate3d(100%, 0px, 0px);
8151 -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
8152 animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
8153}
8154
8155.flatpickr-current-month.slideRightNew {
8156 -webkit-transform: translate3d(0, 0, 0px);
8157 transform: translate3d(0, 0, 0px);
8158 -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
8159 animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
8160}
8161
8162.flatpickr-current-month span.cur-month {
8163 font-family: inherit;
8164 font-weight: 600;
8165 color: inherit;
8166 display: inline-block;
8167 margin-left: 0.5ch;
8168 padding: 0;
8169}
8170
8171.flatpickr-current-month span.cur-month:hover {
8172 background: rgba(0, 0, 0, 0.05);
8173}
8174
8175.flatpickr-current-month .numInputWrapper {
8176 width: 6ch;
8177 width: 7ch\0;
8178 display: inline-block;
8179}
8180
8181.flatpickr-current-month .numInputWrapper span.arrowUp:after {
8182 border-bottom-color: rgba(0, 0, 0, 0.9);
8183}
8184
8185.flatpickr-current-month .numInputWrapper span.arrowDown:after {
8186 border-top-color: rgba(0, 0, 0, 0.9);
8187}
8188
8189.flatpickr-current-month input.cur-year {
8190 background: transparent;
8191 -webkit-box-sizing: border-box;
8192 box-sizing: border-box;
8193 color: inherit;
8194 cursor: default;
8195 padding: 0 0 0 0.5ch;
8196 margin: 0;
8197 display: inline-block;
8198 font-size: inherit;
8199 font-family: inherit;
8200 font-weight: 300;
8201 line-height: inherit;
8202 height: auto;
8203 border: 0;
8204 border-radius: 0;
8205 vertical-align: baseline;
8206}
8207
8208.flatpickr-current-month input.cur-year:focus {
8209 outline: 0;
8210}
8211
8212.flatpickr-current-month input.cur-year[disabled],
8213.flatpickr-current-month input.cur-year[disabled]:hover {
8214 font-size: 100%;
8215 color: rgba(0, 0, 0, 0.5);
8216 background: transparent;
8217 pointer-events: none;
8218}
8219
8220.flatpickr-weekdays {
8221 background: transparent;
8222 text-align: center;
8223 overflow: hidden;
8224 width: 315px;
8225 display: -ms-flexbox;
8226 display: -webkit-box;
8227 display: flex;
8228 -ms-flex-align: center;
8229 -webkit-box-align: center;
8230 align-items: center;
8231 height: 28px;
8232}
8233
8234span.flatpickr-weekday {
8235 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
8236 font-size: 0.875rem;
8237 font-weight: 400;
8238 line-height: 1.125rem;
8239 letter-spacing: 0.16px;
8240 cursor: default;
8241 background: transparent;
8242 color: rgba(0, 0, 0, 0.54);
8243 margin: 0;
8244 text-align: center;
8245 display: block;
8246 -ms-flex: 1;
8247 -webkit-box-flex: 1;
8248 flex: 1;
8249}
8250
8251.dayContainer,
8252.flatpickr-weeks {
8253 padding: 1px 0 0 0;
8254}
8255
8256.flatpickr-days {
8257 position: relative;
8258 overflow: hidden;
8259 display: -ms-flexbox;
8260 display: -webkit-box;
8261 display: flex;
8262 width: 315px;
8263}
8264
8265.flatpickr-days:focus {
8266 outline: 0;
8267}
8268
8269.dayContainer {
8270 padding: 0;
8271 outline: 0;
8272 text-align: left;
8273 width: 315px;
8274 min-width: 315px;
8275 max-width: 315px;
8276 -webkit-box-sizing: border-box;
8277 box-sizing: border-box;
8278 display: inline-block;
8279 display: -ms-flexbox;
8280 display: -webkit-box;
8281 display: flex;
8282 flex-wrap: wrap;
8283 -ms-flex-wrap: wrap;
8284 -ms-flex-pack: justify;
8285 justify-content: space-around;
8286 -webkit-transform: translate3d(0px, 0px, 0px);
8287 transform: translate3d(0px, 0px, 0px);
8288 opacity: 1;
8289}
8290
8291.flatpickr-calendar.animate .dayContainer.slideLeft {
8292 -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
8293 animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
8294}
8295
8296.flatpickr-calendar.animate .dayContainer.slideLeft,
8297.flatpickr-calendar.animate .dayContainer.slideLeftNew {
8298 -webkit-transform: translate3d(-100%, 0px, 0px);
8299 transform: translate3d(-100%, 0px, 0px);
8300}
8301
8302.flatpickr-calendar.animate .dayContainer.slideLeftNew {
8303 -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
8304 animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
8305}
8306
8307.flatpickr-calendar.animate .dayContainer.slideRight {
8308 -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
8309 animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
8310 -webkit-transform: translate3d(100%, 0px, 0px);
8311 transform: translate3d(100%, 0px, 0px);
8312}
8313
8314.flatpickr-calendar.animate .dayContainer.slideRightNew {
8315 -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
8316 animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
8317}
8318
8319.flatpickr-day {
8320 background: none;
8321 border: 1px solid transparent;
8322 border-radius: 150px;
8323 -webkit-box-sizing: border-box;
8324 box-sizing: border-box;
8325 color: #393939;
8326 cursor: pointer;
8327 font-weight: 400;
8328 width: 14.2857143%;
8329 -ms-flex-preferred-size: 14.2857143%;
8330 flex-basis: 14.2857143%;
8331 max-width: 40px;
8332 height: 40px;
8333 line-height: 40px;
8334 margin: 0;
8335 display: inline-block;
8336 position: relative;
8337 -ms-flex-pack: center;
8338 -webkit-box-pack: center;
8339 justify-content: center;
8340 text-align: center;
8341}
8342
8343.flatpickr-day.week.selected {
8344 border-radius: 0;
8345 -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
8346 box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
8347}
8348
8349.flatpickr-weekwrapper {
8350 display: inline-block;
8351 float: left;
8352}
8353
8354.flatpickr-weekwrapper .flatpickr-weeks {
8355 padding: 0 12px;
8356 -webkit-box-shadow: 1px 0 0 #e6e6e6;
8357 box-shadow: 1px 0 0 #e6e6e6;
8358}
8359
8360.flatpickr-weekwrapper .flatpickr-weekday {
8361 float: none;
8362 width: 100%;
8363 line-height: 28px;
8364}
8365
8366.flatpickr-weekwrapper span.flatpickr-day {
8367 display: block;
8368 width: 100%;
8369 max-width: none;
8370}
8371
8372.flatpickr-innerContainer {
8373 display: block;
8374 display: -ms-flexbox;
8375 display: -webkit-box;
8376 display: flex;
8377 -webkit-box-sizing: border-box;
8378 box-sizing: border-box;
8379 overflow: hidden;
8380}
8381
8382.flatpickr-rContainer {
8383 display: inline-block;
8384 padding: 0;
8385 -webkit-box-sizing: border-box;
8386 box-sizing: border-box;
8387}
8388
8389.flatpickr-time {
8390 text-align: center;
8391 outline: 0;
8392 display: block;
8393 height: 0;
8394 line-height: 40px;
8395 max-height: 40px;
8396 -webkit-box-sizing: border-box;
8397 box-sizing: border-box;
8398 overflow: hidden;
8399 display: -ms-flexbox;
8400 display: -webkit-box;
8401 display: flex;
8402}
8403
8404.flatpickr-time:after {
8405 content: '';
8406 display: table;
8407 clear: both;
8408}
8409
8410.flatpickr-time .numInputWrapper {
8411 -ms-flex: 1;
8412 -webkit-box-flex: 1;
8413 flex: 1;
8414 width: 40%;
8415 height: 40px;
8416 float: left;
8417}
8418
8419.flatpickr-time .numInputWrapper span.arrowUp:after {
8420 border-bottom-color: #393939;
8421}
8422
8423.flatpickr-time .numInputWrapper span.arrowDown:after {
8424 border-top-color: #393939;
8425}
8426
8427.flatpickr-time.hasSeconds .numInputWrapper {
8428 width: 26%;
8429}
8430
8431.flatpickr-time.time24hr .numInputWrapper {
8432 width: 49%;
8433}
8434
8435.flatpickr-time input {
8436 background: transparent;
8437 -webkit-box-shadow: none;
8438 box-shadow: none;
8439 border: 0;
8440 border-radius: 0;
8441 text-align: center;
8442 margin: 0;
8443 padding: 0;
8444 height: inherit;
8445 line-height: inherit;
8446 cursor: pointer;
8447 color: #393939;
8448 font-size: 14px;
8449 position: relative;
8450 -webkit-box-sizing: border-box;
8451 box-sizing: border-box;
8452}
8453
8454.flatpickr-time input.flatpickr-hour {
8455 font-weight: bold;
8456}
8457
8458.flatpickr-time input.flatpickr-minute,
8459.flatpickr-time input.flatpickr-second {
8460 font-weight: 400;
8461}
8462
8463.flatpickr-time input:focus {
8464 outline: 0;
8465 border: 0;
8466}
8467
8468.flatpickr-time .flatpickr-time-separator,
8469.flatpickr-time .flatpickr-am-pm {
8470 height: inherit;
8471 display: inline-block;
8472 float: left;
8473 line-height: inherit;
8474 color: #393939;
8475 font-weight: bold;
8476 width: 2%;
8477 -webkit-user-select: none;
8478 -moz-user-select: none;
8479 -ms-user-select: none;
8480 user-select: none;
8481 -webkit-align-self: center;
8482 -ms-flex-item-align: center;
8483 -ms-grid-row-align: center;
8484 align-self: center;
8485}
8486
8487.flatpickr-time .flatpickr-am-pm {
8488 outline: 0;
8489 width: 18%;
8490 cursor: pointer;
8491 text-align: center;
8492 font-weight: 400;
8493}
8494
8495.flatpickr-time .flatpickr-am-pm:hover,
8496.flatpickr-time .flatpickr-am-pm:focus {
8497 background: #f0f0f0;
8498}
8499
8500.flatpickr-input[readonly] {
8501 cursor: pointer;
8502}
8503
8504@-webkit-keyframes fpFadeInDown {
8505 from {
8506 opacity: 0;
8507 -webkit-transform: translate3d(0, -20px, 0);
8508 transform: translate3d(0, -20px, 0);
8509 }
8510 to {
8511 opacity: 1;
8512 -webkit-transform: translate3d(0, 0, 0);
8513 transform: translate3d(0, 0, 0);
8514 }
8515}
8516
8517@keyframes fpFadeInDown {
8518 from {
8519 opacity: 0;
8520 -webkit-transform: translate3d(0, -20px, 0);
8521 transform: translate3d(0, -20px, 0);
8522 }
8523 to {
8524 opacity: 1;
8525 -webkit-transform: translate3d(0, 0, 0);
8526 transform: translate3d(0, 0, 0);
8527 }
8528}
8529
8530@-webkit-keyframes fpSlideLeft {
8531 from {
8532 -webkit-transform: translate3d(0px, 0px, 0px);
8533 transform: translate3d(0px, 0px, 0px);
8534 }
8535 to {
8536 -webkit-transform: translate3d(-100%, 0px, 0px);
8537 transform: translate3d(-100%, 0px, 0px);
8538 }
8539}
8540
8541@keyframes fpSlideLeft {
8542 from {
8543 -webkit-transform: translate3d(0px, 0px, 0px);
8544 transform: translate3d(0px, 0px, 0px);
8545 }
8546 to {
8547 -webkit-transform: translate3d(-100%, 0px, 0px);
8548 transform: translate3d(-100%, 0px, 0px);
8549 }
8550}
8551
8552@-webkit-keyframes fpSlideLeftNew {
8553 from {
8554 -webkit-transform: translate3d(100%, 0px, 0px);
8555 transform: translate3d(100%, 0px, 0px);
8556 }
8557 to {
8558 -webkit-transform: translate3d(0px, 0px, 0px);
8559 transform: translate3d(0px, 0px, 0px);
8560 }
8561}
8562
8563@keyframes fpSlideLeftNew {
8564 from {
8565 -webkit-transform: translate3d(100%, 0px, 0px);
8566 transform: translate3d(100%, 0px, 0px);
8567 }
8568 to {
8569 -webkit-transform: translate3d(0px, 0px, 0px);
8570 transform: translate3d(0px, 0px, 0px);
8571 }
8572}
8573
8574@-webkit-keyframes fpSlideRight {
8575 from {
8576 -webkit-transform: translate3d(0, 0, 0px);
8577 transform: translate3d(0, 0, 0px);
8578 }
8579 to {
8580 -webkit-transform: translate3d(100%, 0px, 0px);
8581 transform: translate3d(100%, 0px, 0px);
8582 }
8583}
8584
8585@keyframes fpSlideRight {
8586 from {
8587 -webkit-transform: translate3d(0, 0, 0px);
8588 transform: translate3d(0, 0, 0px);
8589 }
8590 to {
8591 -webkit-transform: translate3d(100%, 0px, 0px);
8592 transform: translate3d(100%, 0px, 0px);
8593 }
8594}
8595
8596@-webkit-keyframes fpSlideRightNew {
8597 from {
8598 -webkit-transform: translate3d(-100%, 0, 0px);
8599 transform: translate3d(-100%, 0, 0px);
8600 }
8601 to {
8602 -webkit-transform: translate3d(0, 0, 0px);
8603 transform: translate3d(0, 0, 0px);
8604 }
8605}
8606
8607@keyframes fpSlideRightNew {
8608 from {
8609 -webkit-transform: translate3d(-100%, 0, 0px);
8610 transform: translate3d(-100%, 0, 0px);
8611 }
8612 to {
8613 -webkit-transform: translate3d(0, 0, 0px);
8614 transform: translate3d(0, 0, 0px);
8615 }
8616}
8617
8618@-webkit-keyframes fpFadeOut {
8619 from {
8620 opacity: 1;
8621 }
8622 to {
8623 opacity: 0;
8624 }
8625}
8626
8627@keyframes fpFadeOut {
8628 from {
8629 opacity: 1;
8630 }
8631 to {
8632 opacity: 0;
8633 }
8634}
8635
8636@-webkit-keyframes fpFadeIn {
8637 from {
8638 opacity: 0;
8639 }
8640 to {
8641 opacity: 1;
8642 }
8643}
8644
8645@keyframes fpFadeIn {
8646 from {
8647 opacity: 0;
8648 }
8649 to {
8650 opacity: 1;
8651 }
8652}
8653
8654.bx--date-picker {
8655 display: -webkit-box;
8656 display: -ms-flexbox;
8657 display: flex;
8658}
8659
8660.bx--date-picker--light .bx--date-picker__input {
8661 background: #ffffff;
8662}
8663
8664.bx--date-picker ~ .bx--label {
8665 -webkit-box-ordinal-group: 2;
8666 -ms-flex-order: 1;
8667 order: 1;
8668}
8669
8670.bx--date-picker-container {
8671 position: relative;
8672 display: -webkit-box;
8673 display: -ms-flexbox;
8674 display: flex;
8675 -webkit-box-orient: vertical;
8676 -webkit-box-direction: normal;
8677 -ms-flex-direction: column;
8678 flex-direction: column;
8679 -webkit-box-pack: justify;
8680 -ms-flex-pack: justify;
8681 justify-content: space-between;
8682}
8683
8684.bx--date-picker-input__wrapper {
8685 display: -webkit-box;
8686 display: -ms-flexbox;
8687 display: flex;
8688 -webkit-box-align: center;
8689 -ms-flex-align: center;
8690 align-items: center;
8691}
8692
8693.bx--date-picker-input__wrapper ~ .bx--form-requirement {
8694 max-height: 12.5rem;
8695 display: block;
8696 color: #da1e28;
8697 font-weight: 400;
8698 margin-top: 0.25rem;
8699 overflow: visible;
8700}
8701
8702.bx--date-picker-input__wrapper ~ .bx--form-requirement::before {
8703 display: none;
8704}
8705
8706.bx--date-picker.bx--date-picker--simple .bx--date-picker__input {
8707 width: 7.5rem;
8708}
8709
8710.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input {
8711 width: 5.7rem;
8712}
8713
8714.bx--date-picker.bx--date-picker--single .bx--date-picker-container {
8715 max-width: 18rem;
8716}
8717
8718.bx--date-picker.bx--date-picker--single .bx--date-picker__input {
8719 width: 18rem;
8720}
8721
8722.bx--date-picker__input {
8723 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
8724 font-size: 0.875rem;
8725 font-weight: 400;
8726 line-height: 1.25rem;
8727 letter-spacing: 0.32px;
8728 outline: 2px solid transparent;
8729 outline-offset: -2px;
8730 display: block;
8731 position: relative;
8732 height: 2.5rem;
8733 max-width: 18rem;
8734 padding: 0 1rem;
8735 background-color: #f3f3f3;
8736 border: none;
8737 color: #171717;
8738 border-bottom: 1px solid #8c8c8c;
8739 -webkit-transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
8740 transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
8741}
8742
8743.bx--date-picker__input:focus, .bx--date-picker__input.bx--focused {
8744 outline: 2px solid #0062ff;
8745 outline-offset: -2px;
8746}
8747
8748.bx--date-picker__input[data-invalid], .bx--date-picker__input[data-invalid]:focus {
8749 outline: 2px solid #da1e28;
8750 outline-offset: -2px;
8751}
8752
8753.bx--date-picker__input:disabled {
8754 color: #bebebe;
8755 background-color: #f3f3f3;
8756 border-bottom: 1px solid transparent;
8757 cursor: not-allowed;
8758}
8759
8760.bx--date-picker__input:disabled:hover {
8761 border-bottom: 1px solid transparent;
8762}
8763
8764.bx--date-picker__input::-webkit-input-placeholder {
8765 color: #8c8c8c;
8766}
8767
8768.bx--date-picker__input:-ms-input-placeholder {
8769 color: #8c8c8c;
8770}
8771
8772.bx--date-picker__input::-ms-input-placeholder {
8773 color: #8c8c8c;
8774}
8775
8776.bx--date-picker__input::placeholder {
8777 color: #8c8c8c;
8778}
8779
8780.bx--date-picker__icon {
8781 position: absolute;
8782 right: 1rem;
8783 fill: #171717;
8784 cursor: pointer;
8785 z-index: 1;
8786}
8787
8788.bx--date-picker__icon ~ .bx--date-picker__input {
8789 padding-right: 3rem;
8790}
8791
8792.bx--date-picker--range > .bx--date-picker-container:first-child {
8793 margin-right: 0.0625rem;
8794}
8795
8796.bx--date-picker--range .bx--date-picker-container,
8797.bx--date-picker--range .bx--date-picker__input {
8798 width: 8.96875rem;
8799}
8800
8801.bx--date-picker__calendar,
8802.flatpickr-calendar.open {
8803 -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
8804 box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
8805 background-color: #f3f3f3;
8806 display: -webkit-box;
8807 display: -ms-flexbox;
8808 display: flex;
8809 -webkit-box-orient: vertical;
8810 -webkit-box-direction: normal;
8811 -ms-flex-direction: column;
8812 flex-direction: column;
8813 -webkit-box-align: center;
8814 -ms-flex-align: center;
8815 align-items: center;
8816 -webkit-box-pack: center;
8817 -ms-flex-pack: center;
8818 justify-content: center;
8819 padding: 0.25rem 0.25rem 0.5rem 0.25rem;
8820 width: 18rem !important;
8821 height: 21rem;
8822 border-radius: 0;
8823 border: none;
8824 overflow: hidden;
8825 margin-top: -2px;
8826}
8827
8828.bx--date-picker__calendar:before, .bx--date-picker__calendar:after,
8829.flatpickr-calendar.open:before,
8830.flatpickr-calendar.open:after {
8831 display: none;
8832}
8833
8834.bx--date-picker__calendar:focus,
8835.flatpickr-calendar.open:focus {
8836 outline: 1px solid #0062ff;
8837}
8838
8839.bx--date-picker__month,
8840.flatpickr-month {
8841 display: -webkit-box;
8842 display: -ms-flexbox;
8843 display: flex;
8844 -webkit-box-align: center;
8845 -ms-flex-align: center;
8846 align-items: center;
8847 width: 100%;
8848 height: 2.5rem;
8849 margin-bottom: 0.25rem;
8850}
8851
8852.bx--date-picker__month .flatpickr-prev-month,
8853.bx--date-picker__month .flatpickr-next-month,
8854.flatpickr-months .flatpickr-prev-month,
8855.flatpickr-months .flatpickr-next-month {
8856 display: -webkit-box !important;
8857 display: -ms-flexbox !important;
8858 display: flex !important;
8859 -webkit-box-align: center;
8860 -ms-flex-align: center;
8861 align-items: center;
8862 -webkit-box-pack: center;
8863 -ms-flex-pack: center;
8864 justify-content: center;
8865 height: 2.5rem;
8866 width: 2.5rem;
8867 padding: 0;
8868 fill: #171717;
8869 -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
8870 transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
8871}
8872
8873.bx--date-picker__month .flatpickr-prev-month:hover,
8874.bx--date-picker__month .flatpickr-next-month:hover,
8875.flatpickr-months .flatpickr-prev-month:hover,
8876.flatpickr-months .flatpickr-next-month:hover {
8877 background-color: #e5e5e5;
8878}
8879
8880.flatpickr-current-month .numInputWrapper {
8881 width: 7ch;
8882}
8883
8884.bx--date-picker__month .flatpickr-current-month,
8885.flatpickr-month .flatpickr-current-month {
8886 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
8887 font-size: 0.875rem;
8888 font-weight: 600;
8889 line-height: 1.125rem;
8890 letter-spacing: 0.16px;
8891 padding: 0;
8892}
8893
8894.bx--date-picker__month .flatpickr-current-month svg,
8895.flatpickr-month .flatpickr-current-month svg {
8896 fill: #171717;
8897}
8898
8899.bx--date-picker__month .flatpickr-current-month .cur-month,
8900.flatpickr-month .flatpickr-current-month .cur-month {
8901 margin-right: 0.25rem;
8902 color: #171717;
8903}
8904
8905.bx--date-picker__month .numInputWrapper .numInput,
8906.flatpickr-month .numInputWrapper .numInput {
8907 font-weight: 600;
8908 color: #171717;
8909 background-color: #f3f3f3;
8910 border: none;
8911 border-radius: 0;
8912 padding: 0.25rem;
8913 -moz-appearance: textfield;
8914 /* Firefox */
8915}
8916
8917.bx--date-picker__month .numInputWrapper .numInput:focus,
8918.flatpickr-month .numInputWrapper .numInput:focus {
8919 outline: 1px solid #0062ff;
8920}
8921
8922.bx--date-picker__month .numInputWrapper .numInput::-webkit-outer-spin-button, .bx--date-picker__month .numInputWrapper .numInput::-webkit-inner-spin-button,
8923.flatpickr-month .numInputWrapper .numInput::-webkit-outer-spin-button,
8924.flatpickr-month .numInputWrapper .numInput::-webkit-inner-spin-button {
8925 -webkit-appearance: none;
8926 margin: 0;
8927 /* <-- Apparently some margin are still there even though it's hidden */
8928}
8929
8930.bx--date-picker__month .numInputWrapper span.arrowUp,
8931.bx--date-picker__month .numInputWrapper span.arrowDown,
8932.flatpickr-month .numInputWrapper span.arrowUp,
8933.flatpickr-month .numInputWrapper span.arrowDown {
8934 left: 2.6rem;
8935 border: none;
8936 width: 0.75rem;
8937}
8938
8939.bx--date-picker__month .numInputWrapper span.arrowUp:hover,
8940.bx--date-picker__month .numInputWrapper span.arrowDown:hover,
8941.flatpickr-month .numInputWrapper span.arrowUp:hover,
8942.flatpickr-month .numInputWrapper span.arrowDown:hover {
8943 background: none;
8944}
8945
8946.bx--date-picker__month .numInputWrapper span.arrowUp:hover:after,
8947.bx--date-picker__month .numInputWrapper span.arrowDown:hover:after,
8948.flatpickr-month .numInputWrapper span.arrowUp:hover:after,
8949.flatpickr-month .numInputWrapper span.arrowDown:hover:after {
8950 border-bottom-color: #0062ff;
8951 border-top-color: #0062ff;
8952}
8953
8954.bx--date-picker__month .numInputWrapper span.arrowUp:after,
8955.bx--date-picker__month .numInputWrapper span.arrowDown:after,
8956.flatpickr-month .numInputWrapper span.arrowUp:after,
8957.flatpickr-month .numInputWrapper span.arrowDown:after {
8958 border-bottom-color: #171717;
8959 border-top-color: #171717;
8960}
8961
8962.bx--date-picker__month .numInputWrapper span.arrowUp,
8963.flatpickr-month .numInputWrapper span.arrowUp {
8964 top: 4px;
8965}
8966
8967.bx--date-picker__month .numInputWrapper span.arrowDown,
8968.flatpickr-month .numInputWrapper span.arrowDown {
8969 top: 11px;
8970}
8971
8972span.bx--date-picker__weekday,
8973span.flatpickr-weekday {
8974 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
8975 font-size: 0.875rem;
8976 font-weight: 400;
8977 line-height: 1.125rem;
8978 letter-spacing: 0.16px;
8979 color: #171717;
8980 font-weight: 400;
8981}
8982
8983.bx--date-picker__day,
8984.flatpickr-day {
8985 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
8986 font-size: 0.875rem;
8987 font-weight: 400;
8988 line-height: 1.125rem;
8989 letter-spacing: 0.16px;
8990 height: 2.5rem;
8991 width: 2.5rem;
8992 display: -webkit-box;
8993 display: -ms-flexbox;
8994 display: flex;
8995 -webkit-box-align: center;
8996 -ms-flex-align: center;
8997 align-items: center;
8998 -webkit-box-pack: center;
8999 -ms-flex-pack: center;
9000 justify-content: center;
9001 color: #171717;
9002 border-radius: 0;
9003 border: none;
9004 -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
9005 transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
9006}
9007
9008.bx--date-picker__day:hover,
9009.flatpickr-day:hover {
9010 background: #e5e5e5;
9011}
9012
9013.bx--date-picker__day:focus,
9014.flatpickr-day:focus {
9015 outline: 2px solid #0062ff;
9016 outline-offset: -2px;
9017}
9018
9019.bx--date-picker__days .nextMonthDay,
9020.bx--date-picker__days .prevMonthDay {
9021 color: #565656;
9022}
9023
9024.bx--date-picker__day.today,
9025.flatpickr-day.today {
9026 position: relative;
9027 color: #0062ff;
9028 font-weight: 600;
9029}
9030
9031.bx--date-picker__day.today::after,
9032.flatpickr-day.today::after {
9033 content: '';
9034 position: absolute;
9035 display: block;
9036 bottom: 0.4375rem;
9037 left: 50%;
9038 -webkit-transform: translateX(-50%);
9039 transform: translateX(-50%);
9040 height: 0.25rem;
9041 width: 0.25rem;
9042 background: #0062ff;
9043}
9044
9045.bx--date-picker__day.today.no-border,
9046.flatpickr-day.today.no-border {
9047 border: none;
9048}
9049
9050.bx--date-picker__day.today.selected {
9051 border: 2px solid #0062ff;
9052}
9053
9054.bx--date-picker__day.today.selected::after {
9055 display: none;
9056}
9057
9058.bx--date-picker__day.disabled,
9059.flatpickr-day.disabled {
9060 cursor: not-allowed;
9061 opacity: 0.5;
9062 color: #171717;
9063}
9064
9065.bx--date-picker__day.disabled:hover,
9066.flatpickr-day.disabled:hover {
9067 background: transparent;
9068}
9069
9070.bx--date-picker__day.inRange,
9071.flatpickr-day.inRange {
9072 background: #c9deff;
9073 color: #171717;
9074}
9075
9076.bx--date-picker__day.selected,
9077.flatpickr-day.selected {
9078 color: #ffffff;
9079 background: #0062ff;
9080}
9081
9082.bx--date-picker__day.selected:hover,
9083.flatpickr-day.selected:hover {
9084 color: #171717;
9085}
9086
9087.bx--date-picker__day.startRange.selected,
9088.flatpickr-day.startRange.selected {
9089 -webkit-box-shadow: none;
9090 box-shadow: none;
9091 z-index: 2;
9092}
9093
9094.bx--date-picker__day.endRange:hover,
9095.flatpickr-day.endRange:hover {
9096 background: #f3f3f3;
9097 outline: 2px solid #0062ff;
9098 outline-offset: -2px;
9099}
9100
9101.bx--date-picker__day.endRange.inRange,
9102.flatpickr-day.endRange.inRange {
9103 outline: 2px solid #0062ff;
9104 outline-offset: -2px;
9105 background: #f3f3f3;
9106 z-index: 3;
9107}
9108
9109.bx--date-picker__day.endRange.inRange.selected,
9110.flatpickr-day.endRange.inRange.selected {
9111 color: #ffffff;
9112 background: #0062ff;
9113}
9114
9115.bx--date-picker__day.startRange.inRange:not(.selected),
9116.flatpickr-day.startRange.inRange:not(.selected) {
9117 outline: 2px solid #0062ff;
9118 outline-offset: -2px;
9119 background: #f3f3f3;
9120 z-index: 3;
9121}
9122
9123.bx--date-picker__days,
9124.dayContainer {
9125 width: 100%;
9126 min-width: 100%;
9127 height: 15.375rem;
9128}
9129
9130.flatpickr-innerContainer,
9131.flatpickr-rContainer {
9132 width: 100%;
9133 height: 21rem;
9134}
9135
9136.bx--date-picker__weekdays,
9137.flatpickr-weekdays,
9138.flatpickr-weekdaycontainer {
9139 width: 100%;
9140}
9141
9142.flatpickr-weekdays {
9143 height: 2.5rem;
9144 display: -webkit-box;
9145 display: -ms-flexbox;
9146 display: flex;
9147 -webkit-box-align: center;
9148 -ms-flex-align: center;
9149 align-items: center;
9150 -webkit-box-pack: center;
9151 -ms-flex-pack: center;
9152 justify-content: center;
9153}
9154
9155.flatpickr-weekdaycontainer {
9156 display: -webkit-box;
9157 display: -ms-flexbox;
9158 display: flex;
9159}
9160
9161.flatpickr-months {
9162 display: -webkit-box;
9163 display: -ms-flexbox;
9164 display: flex;
9165 width: 100%;
9166 position: relative;
9167}
9168
9169.flatpickr-prev-month,
9170.flatpickr-next-month {
9171 padding-top: 12px;
9172}
9173
9174.flatpickr-prev-month:hover svg,
9175.flatpickr-next-month:hover svg {
9176 fill: #171717;
9177}
9178
9179.flatpickr-next-month.disabled svg,
9180.flatpickr-prev-month.disabled svg {
9181 fill: #171717;
9182 opacity: 0.5;
9183 cursor: not-allowed;
9184}
9185
9186.flatpickr-next-month.disabled:hover svg,
9187.flatpickr-prev-month.disabled:hover svg {
9188 fill: #171717;
9189}
9190
9191.bx--date-picker.bx--skeleton input,
9192.bx--date-picker__input.bx--skeleton {
9193 position: relative;
9194 border: none;
9195 padding: 0;
9196 -webkit-box-shadow: none;
9197 box-shadow: none;
9198 pointer-events: none;
9199 background: rgba(61, 112, 178, 0.1);
9200 width: 100%;
9201}
9202
9203.bx--date-picker.bx--skeleton input:hover, .bx--date-picker.bx--skeleton input:focus, .bx--date-picker.bx--skeleton input:active,
9204.bx--date-picker__input.bx--skeleton:hover,
9205.bx--date-picker__input.bx--skeleton:focus,
9206.bx--date-picker__input.bx--skeleton:active {
9207 border: none;
9208 outline: none;
9209 cursor: default;
9210}
9211
9212.bx--date-picker.bx--skeleton input:before,
9213.bx--date-picker__input.bx--skeleton:before {
9214 content: '';
9215 width: 0%;
9216 height: 100%;
9217 position: absolute;
9218 top: 0;
9219 left: 0;
9220 opacity: 0.3;
9221 background: rgba(61, 112, 178, 0.1);
9222 -webkit-animation: 3000ms ease-in-out skeleton infinite;
9223 animation: 3000ms ease-in-out skeleton infinite;
9224}
9225
9226.bx--date-picker.bx--skeleton input::-webkit-input-placeholder,
9227.bx--date-picker__input.bx--skeleton::-webkit-input-placeholder {
9228 color: transparent;
9229}
9230
9231.bx--date-picker.bx--skeleton .bx--label {
9232 position: relative;
9233 border: none;
9234 padding: 0;
9235 -webkit-box-shadow: none;
9236 box-shadow: none;
9237 pointer-events: none;
9238 background: rgba(61, 112, 178, 0.1);
9239 width: 4.6875rem;
9240 height: 0.875rem;
9241}
9242
9243.bx--date-picker.bx--skeleton .bx--label:hover, .bx--date-picker.bx--skeleton .bx--label:focus, .bx--date-picker.bx--skeleton .bx--label:active {
9244 border: none;
9245 outline: none;
9246 cursor: default;
9247}
9248
9249.bx--date-picker.bx--skeleton .bx--label:before {
9250 content: '';
9251 width: 0%;
9252 height: 100%;
9253 position: absolute;
9254 top: 0;
9255 left: 0;
9256 opacity: 0.3;
9257 background: rgba(61, 112, 178, 0.1);
9258 -webkit-animation: 3000ms ease-in-out skeleton infinite;
9259 animation: 3000ms ease-in-out skeleton infinite;
9260}
9261
9262.bx--dropdown__wrapper--inline {
9263 display: inline-grid;
9264 -webkit-box-align: center;
9265 -ms-flex-align: center;
9266 align-items: center;
9267 grid-template: auto auto / auto -webkit-min-content;
9268 grid-template: auto auto / auto min-content;
9269 grid-gap: 0.25rem;
9270}
9271
9272.bx--dropdown__wrapper--inline .bx--label {
9273 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9274 font-size: 0.875rem;
9275 font-weight: 400;
9276 line-height: 1.125rem;
9277 letter-spacing: 0.16px;
9278}
9279
9280.bx--dropdown__wrapper--inline .bx--label,
9281.bx--dropdown__wrapper--inline .bx--form__helper-text,
9282.bx--dropdown__wrapper--inline .bx--form-requirement {
9283 margin: 0;
9284}
9285
9286.bx--dropdown__wrapper--inline .bx--form-requirement {
9287 grid-column: 2;
9288}
9289
9290.bx--dropdown {
9291 outline: 2px solid transparent;
9292 outline-offset: -2px;
9293 position: relative;
9294 list-style: none;
9295 display: block;
9296 background-color: #f3f3f3;
9297 border: none;
9298 border-bottom: 1px solid #8c8c8c;
9299 width: 100%;
9300 height: 2.5rem;
9301 cursor: pointer;
9302 color: #171717;
9303 outline: 2px solid transparent;
9304 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
9305 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
9306}
9307
9308.bx--dropdown:focus {
9309 outline: 2px solid #0062ff;
9310 outline-offset: -2px;
9311}
9312
9313.bx--dropdown:hover {
9314 background-color: #e5e5e5;
9315}
9316
9317.bx--dropdown--open {
9318 border-bottom-color: #dcdcdc;
9319}
9320
9321.bx--dropdown--invalid {
9322 outline: 2px solid #da1e28;
9323 outline-offset: -2px;
9324}
9325
9326.bx--dropdown--invalid .bx--dropdown-text {
9327 padding-right: 3.5rem;
9328}
9329
9330.bx--dropdown--invalid + .bx--form-requirement {
9331 display: inline-block;
9332 max-height: 12.5rem;
9333 color: #da1e28;
9334}
9335
9336.bx--dropdown__invalid-icon {
9337 position: absolute;
9338 top: 50%;
9339 right: 2.5rem;
9340 fill: #da1e28;
9341 -webkit-transform: translateY(-50%);
9342 transform: translateY(-50%);
9343}
9344
9345.bx--dropdown--open:hover {
9346 background-color: #f3f3f3;
9347}
9348
9349.bx--dropdown--open:focus {
9350 outline: 1px solid transparent;
9351}
9352
9353.bx--dropdown--open .bx--dropdown-list {
9354 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
9355 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
9356}
9357
9358.bx--dropdown--light {
9359 background-color: #ffffff;
9360}
9361
9362.bx--dropdown--up .bx--dropdown-list {
9363 bottom: 2rem;
9364}
9365
9366.bx--dropdown__arrow {
9367 fill: #171717;
9368 position: absolute;
9369 right: 1rem;
9370 top: 0.8125rem;
9371 pointer-events: none;
9372 -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9373 transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9374 transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9375 transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9376 -webkit-transform-origin: 50% 45%;
9377 transform-origin: 50% 45%;
9378}
9379
9380.bx--dropdown-text {
9381 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9382 font-size: 0.875rem;
9383 font-weight: 400;
9384 line-height: 1.125rem;
9385 letter-spacing: 0.16px;
9386 display: block;
9387 height: 2.5rem;
9388 padding-top: 0.75rem;
9389 padding-bottom: 0.75rem;
9390 padding-left: 1rem;
9391 padding-right: 2.625rem;
9392 white-space: nowrap;
9393 overflow: hidden;
9394 text-overflow: ellipsis;
9395}
9396
9397.bx--dropdown-list {
9398 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
9399 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
9400 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9401 font-size: 0.875rem;
9402 font-weight: 400;
9403 line-height: 1.125rem;
9404 letter-spacing: 0.16px;
9405 background-color: #f3f3f3;
9406 display: -webkit-box;
9407 display: -ms-flexbox;
9408 display: flex;
9409 -webkit-box-orient: vertical;
9410 -webkit-box-direction: normal;
9411 -ms-flex-direction: column;
9412 flex-direction: column;
9413 width: 100%;
9414 list-style: none;
9415 position: absolute;
9416 z-index: 7000;
9417 max-height: 0;
9418 -webkit-transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9419 transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9420 overflow: hidden;
9421}
9422
9423.bx--dropdown-item {
9424 -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9425 transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
9426 opacity: 0;
9427}
9428
9429.bx--dropdown-item:hover {
9430 background-color: #e5e5e5;
9431}
9432
9433.bx--dropdown-item:hover + .bx--dropdown-item .bx--dropdown-link {
9434 border-color: transparent;
9435}
9436
9437.bx--dropdown-item:active {
9438 background-color: #dcdcdc;
9439}
9440
9441.bx--dropdown-item:first-of-type .bx--dropdown-link {
9442 border-top-color: transparent;
9443}
9444
9445.bx--dropdown-item:last-of-type .bx--dropdown-link {
9446 border-bottom: none;
9447}
9448
9449.bx--dropdown-link {
9450 outline: 2px solid transparent;
9451 outline-offset: -2px;
9452 display: block;
9453 height: 2.5rem;
9454 color: #565656;
9455 text-decoration: none;
9456 font-weight: normal;
9457 line-height: 1rem;
9458 padding: 0.6875rem 0;
9459 margin: 0 1rem;
9460 border: 1px solid transparent;
9461 border-top-color: #dcdcdc;
9462 text-overflow: ellipsis;
9463 overflow: hidden;
9464 white-space: nowrap;
9465}
9466
9467.bx--dropdown-link:focus {
9468 outline: 2px solid #0062ff;
9469 outline-offset: -2px;
9470 margin: 0;
9471 padding: 0.6875rem 1rem;
9472}
9473
9474.bx--dropdown-link:hover {
9475 color: #171717;
9476 border-color: transparent;
9477}
9478
9479.bx--dropdown-item:hover .bx--dropdown-link {
9480 border-bottom-color: #e5e5e5;
9481}
9482
9483.bx--dropdown--selected {
9484 display: none;
9485}
9486
9487.bx--dropdown--open .bx--dropdown__arrow {
9488 -webkit-transform: rotate(-180deg);
9489 transform: rotate(-180deg);
9490}
9491
9492.bx--dropdown--open .bx--dropdown-list {
9493 max-height: 15rem;
9494}
9495
9496.bx--dropdown--open .bx--dropdown-list:hover {
9497 overflow: auto;
9498}
9499
9500.bx--dropdown--open .bx--dropdown-item {
9501 opacity: 1;
9502}
9503
9504.bx--dropdown--disabled {
9505 border-bottom-color: transparent;
9506 cursor: not-allowed;
9507}
9508
9509.bx--dropdown--disabled:hover {
9510 background-color: #f3f3f3;
9511}
9512
9513.bx--dropdown--disabled:focus {
9514 outline: none;
9515}
9516
9517.bx--dropdown--disabled .bx--dropdown-text {
9518 color: #bebebe;
9519}
9520
9521.bx--dropdown--disabled .bx--dropdown__arrow {
9522 fill: #bebebe;
9523}
9524
9525.bx--dropdown--disabled.bx--dropdown--light:hover {
9526 background-color: #ffffff;
9527}
9528
9529.bx--dropdown--auto-width {
9530 width: auto;
9531 max-width: 25rem;
9532}
9533
9534.bx--dropdown--inline {
9535 justify-self: start;
9536 display: inline-block;
9537 border-bottom-color: transparent;
9538 -webkit-transition-property: none;
9539 transition-property: none;
9540 width: auto;
9541 height: 2rem;
9542 background-color: #ffffff;
9543}
9544
9545.bx--dropdown--inline:hover {
9546 background-color: #e5e5e5;
9547}
9548
9549.bx--dropdown--inline.bx--dropdown--disabled {
9550 background-color: #ffffff;
9551}
9552
9553.bx--dropdown--inline .bx--dropdown__arrow {
9554 top: 0.5rem;
9555 right: 0.5rem;
9556}
9557
9558.bx--dropdown--inline.bx--dropdown--open {
9559 background-color: transparent;
9560}
9561
9562.bx--dropdown--inline .bx--dropdown-text {
9563 display: inline-block;
9564 padding: 0.4375rem 2rem 0.4375rem 0.75rem;
9565 height: 2rem;
9566 overflow: visible;
9567 color: #171717;
9568}
9569
9570.bx--dropdown--inline.bx--dropdown--disabled .bx--dropdown-text {
9571 color: #bebebe;
9572}
9573
9574.bx--dropdown--inline.bx--dropdown--disabled:focus .bx--dropdown-text {
9575 outline: 0;
9576}
9577
9578.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown__invalid-icon {
9579 right: 2rem;
9580}
9581
9582.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown-text {
9583 padding-right: 3.5rem;
9584}
9585
9586.bx--dropdown--inline.bx--dropdown--open:focus .bx--dropdown-list {
9587 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
9588 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
9589}
9590
9591.bx--dropdown--inline .bx--dropdown-link {
9592 font-weight: normal;
9593 margin-right: 0.75rem;
9594 margin-left: 0.625rem;
9595}
9596
9597.bx--dropdown--inline .bx--dropdown-link:focus {
9598 margin: 0;
9599 padding-left: 0.625rem;
9600}
9601
9602.bx--dropdown-v2.bx--skeleton,
9603.bx--dropdown.bx--skeleton {
9604 position: relative;
9605 border: none;
9606 padding: 0;
9607 -webkit-box-shadow: none;
9608 box-shadow: none;
9609 pointer-events: none;
9610 background: rgba(61, 112, 178, 0.1);
9611}
9612
9613.bx--dropdown-v2.bx--skeleton:hover, .bx--dropdown-v2.bx--skeleton:focus, .bx--dropdown-v2.bx--skeleton:active,
9614.bx--dropdown.bx--skeleton:hover,
9615.bx--dropdown.bx--skeleton:focus,
9616.bx--dropdown.bx--skeleton:active {
9617 border: none;
9618 outline: none;
9619 cursor: default;
9620}
9621
9622.bx--dropdown-v2.bx--skeleton:before,
9623.bx--dropdown.bx--skeleton:before {
9624 content: '';
9625 width: 0%;
9626 height: 100%;
9627 position: absolute;
9628 top: 0;
9629 left: 0;
9630 opacity: 0.3;
9631 background: rgba(61, 112, 178, 0.1);
9632 -webkit-animation: 3000ms ease-in-out skeleton infinite;
9633 animation: 3000ms ease-in-out skeleton infinite;
9634}
9635
9636@keyframes rotate {
9637 0% {
9638 -webkit-transform: rotate(0deg);
9639 transform: rotate(0deg);
9640 }
9641 100% {
9642 -webkit-transform: rotate(360deg);
9643 transform: rotate(360deg);
9644 }
9645}
9646
9647@keyframes rotate-end-p1 {
9648 100% {
9649 -webkit-transform: rotate(360deg);
9650 transform: rotate(360deg);
9651 }
9652}
9653
9654@keyframes rotate-end-p2 {
9655 100% {
9656 -webkit-transform: rotate(-360deg);
9657 transform: rotate(-360deg);
9658 }
9659}
9660
9661/* Stroke animations */
9662@keyframes init-stroke {
9663 0% {
9664 stroke-dashoffset: 240;
9665 }
9666 100% {
9667 stroke-dashoffset: 40;
9668 }
9669}
9670
9671@keyframes stroke-end {
9672 0% {
9673 stroke-dashoffset: 40;
9674 }
9675 100% {
9676 stroke-dashoffset: 240;
9677 }
9678}
9679
9680.bx--modal {
9681 position: fixed;
9682 top: 0;
9683 right: 0;
9684 bottom: 0;
9685 left: 0;
9686 z-index: -1;
9687 display: -webkit-box;
9688 display: -ms-flexbox;
9689 display: flex;
9690 -webkit-box-align: center;
9691 -ms-flex-align: center;
9692 align-items: center;
9693 -webkit-box-pack: center;
9694 -ms-flex-pack: center;
9695 justify-content: center;
9696 content: '';
9697 opacity: 0;
9698 background-color: rgba(23, 23, 23, 0.5);
9699 -webkit-transition: opacity 150ms cubic-bezier(0.4, 0.14, 1, 1), z-index 0s 150ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0s 150ms cubic-bezier(0.4, 0.14, 1, 1);
9700 transition: opacity 150ms cubic-bezier(0.4, 0.14, 1, 1), z-index 0s 150ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0s 150ms cubic-bezier(0.4, 0.14, 1, 1);
9701 visibility: hidden;
9702}
9703
9704.bx--modal.is-visible {
9705 z-index: 9000;
9706 opacity: 1;
9707 -webkit-transition: opacity 400ms cubic-bezier(0, 0, 0.3, 1);
9708 transition: opacity 400ms cubic-bezier(0, 0, 0.3, 1);
9709 visibility: visible;
9710}
9711
9712.bx--modal .bx--text-input,
9713.bx--modal .bx--select-input {
9714 background-color: #ffffff;
9715}
9716
9717.bx--modal--danger .bx--modal-container {
9718 border-top-color: #da1e28;
9719}
9720
9721.bx--modal-container {
9722 position: relative;
9723 display: -webkit-box;
9724 display: -ms-flexbox;
9725 display: flex;
9726 -webkit-box-orient: vertical;
9727 -webkit-box-direction: normal;
9728 -ms-flex-direction: column;
9729 flex-direction: column;
9730 background-color: #f3f3f3;
9731 width: 100%;
9732 max-height: 100%;
9733 height: 100%;
9734}
9735
9736@media (min-width: 42rem) {
9737 .bx--modal-container {
9738 height: auto;
9739 width: 50%;
9740 max-width: 768px;
9741 max-height: 90%;
9742 }
9743}
9744
9745@media (min-width: 66rem) {
9746 .bx--modal-container {
9747 max-height: 80%;
9748 }
9749}
9750
9751.bx--modal-header,
9752.bx--modal-content {
9753 width: 75%;
9754 padding-left: 1rem;
9755}
9756
9757.bx--modal-header,
9758.bx--modal-footer {
9759 -ms-flex-negative: 0;
9760 flex-shrink: 0;
9761}
9762
9763.bx--modal-header {
9764 padding-top: 1rem;
9765 margin-bottom: 1rem;
9766}
9767
9768.bx--modal-header__label {
9769 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9770 font-size: 0.75rem;
9771 font-weight: 400;
9772 line-height: 1rem;
9773 letter-spacing: 0.32px;
9774 color: #565656;
9775 margin-bottom: 0.25rem;
9776}
9777
9778.bx--modal-header__heading {
9779 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9780 font-size: 1.25rem;
9781 font-weight: 400;
9782 line-height: 1.625rem;
9783 letter-spacing: 0;
9784 color: #171717;
9785}
9786
9787.bx--modal-content {
9788 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9789 font-size: 0.875rem;
9790 font-weight: 400;
9791 line-height: 1.25rem;
9792 letter-spacing: 0.16px;
9793 overflow-y: auto;
9794 margin-bottom: 3rem;
9795 color: #171717;
9796 font-weight: 400;
9797}
9798
9799.bx--modal-content > * {
9800 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
9801 font-size: 0.875rem;
9802 font-weight: 400;
9803 line-height: 1.25rem;
9804 letter-spacing: 0.16px;
9805}
9806
9807.bx--modal-footer {
9808 display: -webkit-box;
9809 display: -ms-flexbox;
9810 display: flex;
9811 margin-top: auto;
9812 height: 4rem;
9813 background-color: #dcdcdc;
9814}
9815
9816.bx--modal-footer button.bx--btn {
9817 max-width: none;
9818 width: 50%;
9819 height: 4rem;
9820 margin: 0;
9821 padding-top: 1rem;
9822 padding-bottom: 2rem;
9823}
9824
9825.bx--modal-close {
9826 position: absolute;
9827 top: 0;
9828 right: 0;
9829 height: 3rem;
9830 width: 3rem;
9831 padding: 0.75rem;
9832 border: 2px solid transparent;
9833 overflow: hidden;
9834 cursor: pointer;
9835 background-color: transparent;
9836}
9837
9838.bx--modal-close:hover {
9839 background-color: #e5e5e5;
9840}
9841
9842.bx--modal-close:focus {
9843 outline: none;
9844 border-color: #0062ff;
9845}
9846
9847.bx--modal-close__icon {
9848 fill: #171717;
9849 height: 1.25rem;
9850 width: 1.25rem;
9851}
9852
9853.bx--multi-select .bx--list-box__menu {
9854 min-width: auto;
9855}
9856
9857.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper {
9858 width: 100%;
9859 height: 100%;
9860 display: -webkit-box;
9861 display: -ms-flexbox;
9862 display: flex;
9863 -webkit-box-align: center;
9864 -ms-flex-align: center;
9865 align-items: center;
9866}
9867
9868.bx--multi-select .bx--list-box__menu-item__option > .bx--form-item {
9869 margin: 0;
9870 -webkit-box-orient: horizontal;
9871 -webkit-box-direction: normal;
9872 -ms-flex-direction: row;
9873 flex-direction: row;
9874}
9875
9876.bx--multi-select .bx--list-box__menu-item .bx--checkbox:checked ~ .bx--checkbox-label-text {
9877 color: #171717;
9878}
9879
9880.bx--multi-select.bx--multi-select--selected .bx--list-box__field {
9881 padding-left: 0.5rem;
9882}
9883
9884.bx--multi-select--filterable .bx--list-box__selection--multi {
9885 position: absolute;
9886 left: 0.5rem;
9887 right: auto;
9888}
9889
9890.bx--multi-select--selected .bx--text-input {
9891 padding-left: 3rem;
9892}
9893
9894.bx--inline-notification {
9895 display: -webkit-box;
9896 display: -ms-flexbox;
9897 display: flex;
9898 -webkit-box-pack: justify;
9899 -ms-flex-pack: justify;
9900 justify-content: space-between;
9901 height: auto;
9902 min-height: 3rem;
9903 min-width: 18rem;
9904 max-width: 18rem;
9905 color: #171717;
9906 margin-top: 1rem;
9907 margin-bottom: 1rem;
9908}
9909
9910@media (min-width: 42rem) {
9911 .bx--inline-notification {
9912 max-width: 38rem;
9913 }
9914}
9915
9916@media (min-width: 66rem) {
9917 .bx--inline-notification {
9918 max-width: 46rem;
9919 }
9920}
9921
9922@media (min-width: 99rem) {
9923 .bx--inline-notification {
9924 max-width: 52rem;
9925 }
9926}
9927
9928.bx--inline-notification--error {
9929 border-left: 3px solid #da1e28;
9930 background: #fff0f1;
9931}
9932
9933.bx--inline-notification--error .bx--inline-notification__icon,
9934.bx--inline-notification--error .bx--toast-notification__icon {
9935 fill: #da1e28;
9936}
9937
9938.bx--inline-notification--success {
9939 border-left: 3px solid #24a148;
9940 background: #dafbe4;
9941}
9942
9943.bx--inline-notification--success .bx--inline-notification__icon,
9944.bx--inline-notification--success .bx--toast-notification__icon {
9945 fill: #24a148;
9946}
9947
9948.bx--inline-notification--info {
9949 border-left: 3px solid #054ada;
9950 background: #edf4ff;
9951}
9952
9953.bx--inline-notification--info .bx--inline-notification__icon,
9954.bx--inline-notification--info .bx--toast-notification__icon {
9955 fill: #054ada;
9956}
9957
9958.bx--inline-notification--info .bx--inline-notification__icon {
9959 display: none;
9960}
9961
9962.bx--inline-notification--warning {
9963 border-left: 3px solid #fdd13a;
9964 background: rgba(253, 209, 58, 0.15);
9965}
9966
9967.bx--inline-notification--warning .bx--inline-notification__icon,
9968.bx--inline-notification--warning .bx--toast-notification__icon {
9969 fill: #fdd13a;
9970}
9971
9972.bx--inline-notification--warning .bx--inline-notification__icon path[opacity='0'] {
9973 fill: #171717;
9974 opacity: 1;
9975}
9976
9977.bx--inline-notification__details {
9978 display: -webkit-box;
9979 display: -ms-flexbox;
9980 display: flex;
9981 margin: 0 1rem;
9982}
9983
9984.bx--inline-notification__icon {
9985 -ms-flex-negative: 0;
9986 flex-shrink: 0;
9987 margin-right: 1rem;
9988 margin-top: 0.875rem;
9989}
9990
9991.bx--inline-notification__text-wrapper {
9992 display: -webkit-box;
9993 display: -ms-flexbox;
9994 display: flex;
9995 -ms-flex-wrap: wrap;
9996 flex-wrap: wrap;
9997 -webkit-box-align: center;
9998 -ms-flex-align: center;
9999 align-items: center;
10000 padding: 0.75rem 0;
10001}
10002
10003.bx--inline-notification__title {
10004 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10005 font-size: 0.875rem;
10006 font-weight: 600;
10007 line-height: 1.125rem;
10008 letter-spacing: 0.16px;
10009 margin: 0 0.25rem 0 0;
10010 white-space: nowrap;
10011}
10012
10013.bx--inline-notification__subtitle {
10014 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10015 font-size: 0.875rem;
10016 font-weight: 400;
10017 line-height: 1.125rem;
10018 letter-spacing: 0.16px;
10019 word-break: break-word;
10020}
10021
10022.bx--inline-notification__close-button {
10023 outline: 2px solid transparent;
10024 outline-offset: -2px;
10025 background: transparent;
10026 border: none;
10027 cursor: pointer;
10028 padding: 0;
10029 height: 3rem;
10030 width: 3rem;
10031 min-width: 3rem;
10032 max-width: 3rem;
10033 -webkit-transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10034 transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10035}
10036
10037.bx--inline-notification__close-button:focus {
10038 outline: 2px solid #0062ff;
10039 outline-offset: -2px;
10040}
10041
10042.bx--inline-notification__close-button .bx--inline-notification__close-icon {
10043 height: 1rem;
10044 width: 1rem;
10045 fill: #171717;
10046}
10047
10048.bx--toast-notification {
10049 display: -webkit-box;
10050 display: -ms-flexbox;
10051 display: flex;
10052 width: 18rem;
10053 height: auto;
10054 padding-left: 1rem;
10055 color: #171717;
10056 margin-top: 0.5rem;
10057 margin-bottom: 0.5rem;
10058 margin-right: 1rem;
10059}
10060
10061.bx--toast-notification:first-child {
10062 margin-top: 1rem;
10063}
10064
10065@media (min-width: 99rem) {
10066 .bx--toast-notification {
10067 width: 22rem;
10068 }
10069}
10070
10071.bx--toast-notification--error {
10072 border-left: 3px solid #da1e28;
10073 background: #fff0f1;
10074}
10075
10076.bx--toast-notification--error .bx--inline-notification__icon,
10077.bx--toast-notification--error .bx--toast-notification__icon {
10078 fill: #da1e28;
10079}
10080
10081.bx--toast-notification--success {
10082 border-left: 3px solid #24a148;
10083 background: #dafbe4;
10084}
10085
10086.bx--toast-notification--success .bx--inline-notification__icon,
10087.bx--toast-notification--success .bx--toast-notification__icon {
10088 fill: #24a148;
10089}
10090
10091.bx--toast-notification--info {
10092 border-left: 3px solid #054ada;
10093 background: #edf4ff;
10094}
10095
10096.bx--toast-notification--info .bx--inline-notification__icon,
10097.bx--toast-notification--info .bx--toast-notification__icon {
10098 fill: #054ada;
10099}
10100
10101.bx--toast-notification--warning {
10102 border-left: 3px solid #fdd13a;
10103 background: rgba(253, 209, 58, 0.15);
10104}
10105
10106.bx--toast-notification--warning .bx--inline-notification__icon,
10107.bx--toast-notification--warning .bx--toast-notification__icon {
10108 fill: #fdd13a;
10109}
10110
10111.bx--toast-notification--warning .bx--toast-notification__icon path[opacity='0'] {
10112 fill: #171717;
10113 opacity: 1;
10114}
10115
10116.bx--toast-notification__icon {
10117 -ms-flex-negative: 0;
10118 flex-shrink: 0;
10119 margin-right: 1rem;
10120 margin-top: 1rem;
10121}
10122
10123.bx--toast-notification__details {
10124 margin-right: 1rem;
10125}
10126
10127.bx--toast-notification__close-button {
10128 outline: 2px solid transparent;
10129 outline-offset: -2px;
10130 background-color: transparent;
10131 border: none;
10132 cursor: pointer;
10133 margin-left: auto;
10134 padding: 0;
10135 height: 3rem;
10136 width: 3rem;
10137 min-height: 3rem;
10138 min-width: 3rem;
10139 -webkit-transition: outline 110ms, background-color 110ms;
10140 transition: outline 110ms, background-color 110ms;
10141}
10142
10143.bx--toast-notification__close-button:focus {
10144 outline: 2px solid #0062ff;
10145 outline-offset: -2px;
10146}
10147
10148.bx--toast-notification__close-button .bx--toast-notification__close-icon {
10149 height: 1rem;
10150 width: 1rem;
10151 fill: #171717;
10152}
10153
10154.bx--toast-notification__title {
10155 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10156 font-size: 0.875rem;
10157 font-weight: 600;
10158 line-height: 1.125rem;
10159 letter-spacing: 0.16px;
10160 font-weight: 600;
10161 margin-top: 1rem;
10162}
10163
10164.bx--toast-notification__subtitle {
10165 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10166 font-size: 0.875rem;
10167 font-weight: 400;
10168 line-height: 1.125rem;
10169 letter-spacing: 0.16px;
10170 color: #171717;
10171 margin-top: 0;
10172 margin-bottom: 1.5rem;
10173}
10174
10175.bx--toast-notification__caption {
10176 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10177 font-size: 0.875rem;
10178 font-weight: 400;
10179 line-height: 1.125rem;
10180 letter-spacing: 0.16px;
10181 color: #171717;
10182 margin-bottom: 1rem;
10183}
10184
10185.bx--tooltip--icon {
10186 display: -webkit-box;
10187 display: -ms-flexbox;
10188 display: flex;
10189 -webkit-box-align: center;
10190 -ms-flex-align: center;
10191 align-items: center;
10192}
10193
10194.bx--tooltip__label {
10195 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10196 font-size: 0.75rem;
10197 font-weight: 400;
10198 line-height: 1rem;
10199 letter-spacing: 0.32px;
10200 display: -webkit-inline-box;
10201 display: -ms-inline-flexbox;
10202 display: inline-flex;
10203 -webkit-box-align: center;
10204 -ms-flex-align: center;
10205 align-items: center;
10206 color: #565656;
10207}
10208
10209.bx--tooltip__label .bx--tooltip__trigger {
10210 margin-left: 0.5rem;
10211}
10212
10213.bx--tooltip__label:focus {
10214 outline: 1px solid #0062ff;
10215}
10216
10217.bx--tooltip__trigger {
10218 display: inline-block;
10219 background: none;
10220 -webkit-appearance: none;
10221 -moz-appearance: none;
10222 appearance: none;
10223 border: 0;
10224 padding: 0;
10225 cursor: pointer;
10226 display: -webkit-inline-box;
10227 display: -ms-inline-flexbox;
10228 display: inline-flex;
10229 -webkit-box-align: center;
10230 -ms-flex-align: center;
10231 align-items: center;
10232 cursor: pointer;
10233 font-size: 1rem;
10234}
10235
10236.bx--tooltip__trigger::-moz-focus-inner {
10237 border: 0;
10238}
10239
10240.bx--tooltip__trigger:focus {
10241 outline: 1px solid #0062ff;
10242 fill: #0353e9;
10243}
10244
10245.bx--tooltip__trigger path,
10246.bx--tooltip__trigger polygon,
10247.bx--tooltip__trigger circle {
10248 fill: #565656;
10249}
10250
10251.bx--tooltip__label--bold {
10252 font-weight: 600;
10253}
10254
10255.bx--tooltip {
10256 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10257 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10258 position: absolute;
10259 display: none;
10260 min-width: 13rem;
10261 max-width: 18rem;
10262 background: #3d3d3d;
10263 margin-top: 0.25rem;
10264 padding: 1rem;
10265 border-radius: 0.125rem;
10266 z-index: 10000;
10267 word-wrap: break-word;
10268 color: #ffffff;
10269}
10270
10271.bx--tooltip p {
10272 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10273 font-size: 0.875rem;
10274 font-weight: 400;
10275 line-height: 1.125rem;
10276 letter-spacing: 0.16px;
10277}
10278
10279.bx--tooltip button {
10280 padding-right: 2rem;
10281}
10282
10283.bx--tooltip .bx--link {
10284 color: #6ea6ff;
10285 font-size: 0.875rem;
10286}
10287
10288.bx--tooltip .bx--link:active {
10289 color: #ffffff;
10290}
10291
10292.bx--tooltip .bx--link:visited {
10293 color: #6ea6ff;
10294}
10295
10296.bx--tooltip .bx--tooltip__caret {
10297 position: absolute;
10298 background: #3d3d3d;
10299 left: 0;
10300 top: -0.25rem;
10301 right: 0;
10302 -webkit-transform: rotate(-135deg);
10303 transform: rotate(-135deg);
10304 width: 0.6rem;
10305 height: 0.6rem;
10306 margin: 0 auto;
10307 content: '';
10308}
10309
10310.bx--tooltip .bx--tooltip__footer {
10311 display: -webkit-box;
10312 display: -ms-flexbox;
10313 display: flex;
10314 -webkit-box-align: center;
10315 -ms-flex-align: center;
10316 align-items: center;
10317 -webkit-box-pack: justify;
10318 -ms-flex-pack: justify;
10319 justify-content: space-between;
10320 margin-top: 1rem;
10321}
10322
10323.bx--tooltip[data-floating-menu-direction='left'] .bx--tooltip__caret {
10324 left: auto;
10325 top: 50%;
10326 right: -0.25rem;
10327 -webkit-transform: rotate(-45deg) translate(50%, -50%);
10328 transform: rotate(-45deg) translate(50%, -50%);
10329}
10330
10331.bx--tooltip[data-floating-menu-direction='top'] .bx--tooltip__caret {
10332 top: auto;
10333 bottom: -0.25rem;
10334 -webkit-transform: rotate(45deg);
10335 transform: rotate(45deg);
10336}
10337
10338.bx--tooltip[data-floating-menu-direction='right'] .bx--tooltip__caret {
10339 left: -0.25rem;
10340 top: 50%;
10341 right: auto;
10342 -webkit-transform: rotate(135deg) translate(-50%, 50%);
10343 transform: rotate(135deg) translate(-50%, 50%);
10344}
10345
10346.bx--tooltip--shown {
10347 display: block;
10348}
10349
10350.bx--tooltip--definition {
10351 position: relative;
10352}
10353
10354.bx--tooltip--definition .bx--tooltip__trigger {
10355 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10356 font-size: 0.75rem;
10357 font-weight: 400;
10358 line-height: 1rem;
10359 letter-spacing: 0.32px;
10360 display: -webkit-inline-box;
10361 display: -ms-inline-flexbox;
10362 display: inline-flex;
10363 position: relative;
10364 border-bottom: 1px dotted #0062ff;
10365 color: #171717;
10366}
10367
10368.bx--tooltip--definition .bx--tooltip__trigger:hover {
10369 cursor: pointer;
10370}
10371
10372.bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top,
10373.bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom {
10374 display: block;
10375}
10376
10377.bx--tooltip--definition .bx--tooltip__trigger:focus {
10378 outline: 1px solid #0062ff;
10379}
10380
10381.bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top,
10382.bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom {
10383 display: block;
10384}
10385
10386.bx--tooltip--definition__bottom,
10387.bx--tooltip--definition__top {
10388 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10389 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10390 position: absolute;
10391 z-index: 1;
10392 display: none;
10393 background: #3d3d3d;
10394 width: 13rem;
10395 margin-top: 0.75rem;
10396 padding: 0.5rem 1rem;
10397 border-radius: 0.125rem;
10398 pointer-events: none;
10399 cursor: pointer;
10400}
10401
10402.bx--tooltip--definition__bottom p,
10403.bx--tooltip--definition__top p {
10404 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10405 font-size: 0.875rem;
10406 font-weight: 400;
10407 line-height: 1.125rem;
10408 letter-spacing: 0.16px;
10409 color: #ffffff;
10410}
10411
10412.bx--tooltip--definition__bottom .bx--tooltip__caret,
10413.bx--tooltip--definition__top .bx--tooltip__caret {
10414 position: absolute;
10415 right: 0;
10416 left: 0;
10417 width: 0.6rem;
10418 height: 0.6rem;
10419 background: #3d3d3d;
10420 margin-left: 1rem;
10421}
10422
10423.bx--tooltip--definition__bottom .bx--tooltip__caret {
10424 top: -0.2rem;
10425 -webkit-transform: rotate(-135deg);
10426 transform: rotate(-135deg);
10427}
10428
10429.bx--tooltip--definition__top {
10430 -webkit-transform: translateY(-100%);
10431 transform: translateY(-100%);
10432 margin-top: -2rem;
10433}
10434
10435.bx--tooltip--definition__top .bx--tooltip__caret {
10436 bottom: -0.2rem;
10437 -webkit-transform: rotate(45deg);
10438 transform: rotate(45deg);
10439}
10440
10441.bx--tooltip--icon__top,
10442.bx--tooltip--icon__bottom {
10443 position: relative;
10444 display: -webkit-inline-box;
10445 display: -ms-inline-flexbox;
10446 display: inline-flex;
10447 -webkit-box-align: center;
10448 -ms-flex-align: center;
10449 align-items: center;
10450 cursor: pointer;
10451 overflow: visible;
10452}
10453
10454.bx--tooltip--icon__top path,
10455.bx--tooltip--icon__bottom path {
10456 fill: #565656;
10457}
10458
10459.bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,
10460.bx--tooltip--icon__bottom::before,
10461.bx--tooltip--icon__bottom::after {
10462 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10463 font-size: 0.875rem;
10464 font-weight: 400;
10465 line-height: 1.125rem;
10466 letter-spacing: 0.16px;
10467 position: absolute;
10468 display: none;
10469 background-color: #3d3d3d;
10470}
10471
10472.bx--tooltip--icon__top::before,
10473.bx--tooltip--icon__bottom::before {
10474 right: 0;
10475 left: 0;
10476 width: 1.125rem;
10477 height: 1.125rem;
10478 margin: 0 auto;
10479 content: '';
10480 margin-top: 1px;
10481 margin-left: 50%;
10482}
10483
10484.bx--tooltip--icon__top::after,
10485.bx--tooltip--icon__bottom::after {
10486 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10487 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10488 min-width: 1.5rem;
10489 max-width: 13rem;
10490 height: 1.5rem;
10491 margin-left: 50%;
10492 padding: 0 1rem;
10493 border-radius: 0.125rem;
10494 color: #ffffff;
10495 font-weight: 400;
10496 content: attr(aria-label);
10497 -webkit-transform: translateX(-50%);
10498 transform: translateX(-50%);
10499 white-space: nowrap;
10500 pointer-events: none;
10501 margin-left: 50%;
10502}
10503
10504.bx--tooltip--icon__top:hover path, .bx--tooltip--icon__top:focus path,
10505.bx--tooltip--icon__bottom:hover path,
10506.bx--tooltip--icon__bottom:focus path {
10507 fill: #565656;
10508}
10509
10510.bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after,
10511.bx--tooltip--icon__bottom:hover::before,
10512.bx--tooltip--icon__bottom:hover::after,
10513.bx--tooltip--icon__bottom:focus::before,
10514.bx--tooltip--icon__bottom:focus::after {
10515 position: absolute;
10516 display: -webkit-box;
10517 display: -ms-flexbox;
10518 display: flex;
10519 -webkit-box-align: center;
10520 -ms-flex-align: center;
10521 align-items: center;
10522}
10523
10524.bx--tooltip--icon__top:focus,
10525.bx--tooltip--icon__bottom:focus {
10526 outline: 1px solid transparent;
10527}
10528
10529.bx--tooltip--icon__top:focus svg,
10530.bx--tooltip--icon__bottom:focus svg {
10531 outline: 1px solid #0062ff;
10532}
10533
10534.bx--tooltip--icon__top::before {
10535 top: 1px;
10536 -webkit-transform: translate(-50%, calc(-100% - 12px)) rotate(45deg);
10537 transform: translate(-50%, calc(-100% - 12px)) rotate(45deg);
10538}
10539
10540.bx--tooltip--icon__top::after {
10541 top: 0;
10542 -webkit-transform: translate(-50%, calc(-100% - 12px));
10543 transform: translate(-50%, calc(-100% - 12px));
10544}
10545
10546.bx--tooltip--icon__bottom::before {
10547 bottom: 0;
10548 -webkit-transform: translate(-50%, calc(100% + 9px)) rotate(135deg);
10549 transform: translate(-50%, calc(100% + 9px)) rotate(135deg);
10550}
10551
10552.bx--tooltip--icon__bottom::after {
10553 bottom: 0;
10554 -webkit-transform: translate(-50%, calc(100% + 10px));
10555 transform: translate(-50%, calc(100% + 10px));
10556}
10557
10558.bx--tooltip--icon .bx--tooltip__trigger svg {
10559 margin-left: 0;
10560}
10561
10562.bx--tabs {
10563 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10564 font-size: 0.875rem;
10565 font-weight: 400;
10566 line-height: 1.125rem;
10567 letter-spacing: 0.16px;
10568 color: #171717;
10569 height: auto;
10570 width: 100%;
10571 position: relative;
10572}
10573
10574@media (min-width: 42rem) {
10575 .bx--tabs {
10576 background: none;
10577 min-height: 3rem;
10578 }
10579}
10580
10581.bx--tabs-trigger {
10582 display: -webkit-box;
10583 display: -ms-flexbox;
10584 display: flex;
10585 -webkit-box-align: center;
10586 -ms-flex-align: center;
10587 align-items: center;
10588 -webkit-box-pack: justify;
10589 -ms-flex-pack: justify;
10590 justify-content: space-between;
10591 padding: 0 1rem;
10592 height: 2.5rem;
10593 cursor: pointer;
10594 color: #171717;
10595 outline: 2px solid transparent;
10596 border-bottom: 1px solid #8c8c8c;
10597 background-color: #f3f3f3;
10598}
10599
10600@media (min-width: 42rem) {
10601 .bx--tabs-trigger {
10602 display: none;
10603 }
10604}
10605
10606.bx--tabs-trigger:focus,
10607.bx--tabs-trigger:active {
10608 outline: 2px solid #0062ff;
10609 outline-offset: -2px;
10610}
10611
10612.bx--tabs-trigger svg {
10613 width: 0.75rem;
10614 height: 0.4375rem;
10615 fill: #171717;
10616 -webkit-transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10617 transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10618 transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10619 transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10620}
10621
10622.bx--tabs-trigger--open:focus,
10623.bx--tabs-trigger--open:active {
10624 outline: 2px solid transparent;
10625 outline-offset: -2px;
10626 -webkit-transition: outline 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10627 transition: outline 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10628}
10629
10630.bx--tabs-trigger--open {
10631 background: #dcdcdc;
10632}
10633
10634.bx--tabs-trigger--open svg {
10635 -webkit-transform: rotate(-180deg);
10636 transform: rotate(-180deg);
10637 -webkit-transition: -webkit-transform 150ms;
10638 transition: -webkit-transform 150ms;
10639 transition: transform 150ms;
10640 transition: transform 150ms, -webkit-transform 150ms;
10641 -webkit-transform-origin: 50% 45%;
10642 transform-origin: 50% 45%;
10643}
10644
10645.bx--tabs--light.bx--tabs-trigger {
10646 background-color: #ffffff;
10647}
10648
10649.bx--tabs-trigger-text {
10650 text-decoration: none;
10651 padding-top: 2px;
10652 color: #171717;
10653 font-weight: 400;
10654}
10655
10656.bx--tabs-trigger-text:hover {
10657 color: #171717;
10658}
10659
10660.bx--tabs-trigger-text:focus {
10661 outline: none;
10662}
10663
10664.bx--tabs__nav {
10665 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10666 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
10667 margin: 0;
10668 padding: 0;
10669 position: absolute;
10670 list-style: none;
10671 display: -webkit-box;
10672 display: -ms-flexbox;
10673 display: flex;
10674 -webkit-box-orient: vertical;
10675 -webkit-box-direction: normal;
10676 -ms-flex-direction: column;
10677 flex-direction: column;
10678 z-index: 7000;
10679 background: #f3f3f3;
10680 -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10681 transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10682 max-height: 600px;
10683 width: 100%;
10684}
10685
10686@media (min-width: 42rem) {
10687 .bx--tabs__nav {
10688 -webkit-box-orient: horizontal;
10689 -webkit-box-direction: normal;
10690 -ms-flex-direction: row;
10691 flex-direction: row;
10692 background: none;
10693 -webkit-box-shadow: none;
10694 box-shadow: none;
10695 z-index: auto;
10696 -webkit-transition: inherit;
10697 transition: inherit;
10698 max-height: auto;
10699 width: auto;
10700 }
10701}
10702
10703.bx--tabs__nav--hidden {
10704 -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10705 transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
10706 overflow: hidden;
10707 max-height: 0;
10708}
10709
10710@media (min-width: 42rem) {
10711 .bx--tabs__nav--hidden {
10712 display: -webkit-box;
10713 display: -ms-flexbox;
10714 display: flex;
10715 -webkit-transition: inherit;
10716 transition: inherit;
10717 overflow: visible;
10718 max-height: none;
10719 }
10720}
10721
10722.bx--tabs__nav-item {
10723 background-color: #f3f3f3;
10724 padding: 0;
10725 cursor: pointer;
10726 width: 100%;
10727 height: 2.5rem;
10728}
10729
10730@media (min-width: 42rem) {
10731 .bx--tabs__nav-item {
10732 background: transparent;
10733 height: auto;
10734 }
10735 .bx--tabs__nav-item + .bx--tabs__nav-item {
10736 margin-left: 0.125rem;
10737 }
10738}
10739
10740@media (min-width: 42rem) {
10741 .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected) {
10742 background: transparent;
10743 }
10744}
10745
10746.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
10747 background-color: #e5e5e5;
10748 -webkit-box-shadow: 0 -1px 0 #e5e5e5;
10749 box-shadow: 0 -1px 0 #e5e5e5;
10750}
10751
10752@media (min-width: 42rem) {
10753 .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
10754 background-color: transparent;
10755 -webkit-box-shadow: none;
10756 box-shadow: none;
10757 }
10758}
10759
10760.bx--tabs__nav-item--disabled,
10761.bx--tabs__nav-item--disabled:hover {
10762 cursor: not-allowed;
10763}
10764
10765.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
10766 border: none;
10767 display: none;
10768}
10769
10770@media (min-width: 42rem) {
10771 .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
10772 display: list-item;
10773 }
10774 .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
10775 color: #171717;
10776 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10777 font-size: 0.875rem;
10778 font-weight: 600;
10779 line-height: 1.125rem;
10780 letter-spacing: 0.16px;
10781 border-bottom: 3px solid #0062ff;
10782 }
10783 .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,
10784 .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active {
10785 color: #171717;
10786 border-bottom: 2px;
10787 }
10788}
10789
10790a.bx--tabs__nav-link {
10791 display: inline-block;
10792 color: #565656;
10793 text-decoration: none;
10794 font-weight: 400;
10795 padding: 0.75rem 0;
10796 width: calc(100% - 32px);
10797 height: 2.5rem;
10798 white-space: nowrap;
10799 text-overflow: ellipsis;
10800 margin: 0 1rem;
10801 line-height: 1rem;
10802 border-bottom: 1px solid #dcdcdc;
10803 overflow: hidden;
10804}
10805
10806a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
10807 width: 100%;
10808 margin: 0;
10809 padding-left: 16px;
10810 outline: 2px solid #0062ff;
10811 outline-offset: -2px;
10812}
10813
10814@media (min-width: 42rem) {
10815 a.bx--tabs__nav-link {
10816 border-bottom: 3px solid #bebebe;
10817 padding: 0.5rem 1rem;
10818 width: 10rem;
10819 margin: 0;
10820 line-height: inherit;
10821 }
10822 a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
10823 width: 10rem;
10824 padding: 0.5rem 1rem;
10825 border-bottom: 2px;
10826 }
10827}
10828
10829.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled)
10830.bx--tabs__nav-link {
10831 color: #171717;
10832}
10833
10834@media (min-width: 42rem) {
10835 .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled)
10836.bx--tabs__nav-link {
10837 color: #171717;
10838 border-bottom: 3px solid #6f6f6f;
10839 }
10840}
10841
10842.bx--tabs__nav-item--disabled .bx--tabs__nav-link {
10843 color: #bebebe;
10844 border-bottom: 3px solid #f3f3f3;
10845}
10846
10847.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link {
10848 cursor: no-drop;
10849 border-bottom: 3px solid #f3f3f3;
10850}
10851
10852.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,
10853.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active {
10854 outline: none;
10855 border-bottom: 3px solid #f3f3f3;
10856}
10857
10858.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)
10859.bx--tabs__nav-link:focus,
10860.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)
10861a.bx--tabs__nav-link:active {
10862 color: #565656;
10863}
10864
10865.bx--tabs.bx--skeleton {
10866 pointer-events: none;
10867 cursor: default;
10868}
10869
10870.bx--tabs.bx--skeleton .bx--tabs__nav-link {
10871 position: relative;
10872 border: none;
10873 padding: 0;
10874 -webkit-box-shadow: none;
10875 box-shadow: none;
10876 pointer-events: none;
10877 background: rgba(61, 112, 178, 0.1);
10878 width: 4.6875rem;
10879 height: 0.75rem;
10880}
10881
10882.bx--tabs.bx--skeleton .bx--tabs__nav-link:hover, .bx--tabs.bx--skeleton .bx--tabs__nav-link:focus, .bx--tabs.bx--skeleton .bx--tabs__nav-link:active {
10883 border: none;
10884 outline: none;
10885 cursor: default;
10886}
10887
10888.bx--tabs.bx--skeleton .bx--tabs__nav-link:before {
10889 content: '';
10890 width: 0%;
10891 height: 100%;
10892 position: absolute;
10893 top: 0;
10894 left: 0;
10895 opacity: 0.3;
10896 background: rgba(61, 112, 178, 0.1);
10897 -webkit-animation: 3000ms ease-in-out skeleton infinite;
10898 animation: 3000ms ease-in-out skeleton infinite;
10899}
10900
10901.bx--tabs.bx--skeleton .bx--tabs-trigger {
10902 position: relative;
10903 border: none;
10904 padding: 0;
10905 -webkit-box-shadow: none;
10906 box-shadow: none;
10907 pointer-events: none;
10908 background: rgba(61, 112, 178, 0.1);
10909 width: 6.25rem;
10910}
10911
10912.bx--tabs.bx--skeleton .bx--tabs-trigger:hover, .bx--tabs.bx--skeleton .bx--tabs-trigger:focus, .bx--tabs.bx--skeleton .bx--tabs-trigger:active {
10913 border: none;
10914 outline: none;
10915 cursor: default;
10916}
10917
10918.bx--tabs.bx--skeleton .bx--tabs-trigger:before {
10919 content: '';
10920 width: 0%;
10921 height: 100%;
10922 position: absolute;
10923 top: 0;
10924 left: 0;
10925 opacity: 0.3;
10926 background: rgba(61, 112, 178, 0.1);
10927 -webkit-animation: 3000ms ease-in-out skeleton infinite;
10928 animation: 3000ms ease-in-out skeleton infinite;
10929}
10930
10931.bx--tabs.bx--skeleton .bx--tabs-trigger svg {
10932 position: absolute;
10933 width: 1px;
10934 height: 1px;
10935 padding: 0;
10936 margin: -1px;
10937 overflow: hidden;
10938 clip: rect(0, 0, 0, 0);
10939 border: 0;
10940 visibility: visible;
10941 white-space: nowrap;
10942}
10943
10944.bx--tag {
10945 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
10946 font-size: 0.75rem;
10947 font-weight: 400;
10948 line-height: 1rem;
10949 letter-spacing: 0.32px;
10950 display: -webkit-inline-box;
10951 display: -ms-inline-flexbox;
10952 display: inline-flex;
10953 -webkit-box-align: center;
10954 -ms-flex-align: center;
10955 align-items: center;
10956 padding: 0 0.5rem;
10957 height: 1.5rem;
10958 margin: 0.25rem;
10959 border-radius: 0.9375rem;
10960}
10961
10962.bx--tag:not(:first-child) {
10963 margin-left: 0;
10964}
10965
10966.bx--tag.bx--skeleton {
10967 background-color: #dcdcdc;
10968 color: #171717;
10969}
10970
10971.bx--tag--red {
10972 background-color: #fcd0d3;
10973 color: #a51920;
10974}
10975
10976.bx--tag--magenta {
10977 background-color: #ffcfe1;
10978 color: #a11950;
10979}
10980
10981.bx--tag--purple {
10982 background-color: #e6d6ff;
10983 color: #6e32c9;
10984}
10985
10986.bx--tag--blue {
10987 background-color: #c9deff;
10988 color: #054ada;
10989}
10990
10991.bx--tag--cyan {
10992 background-color: #b3e6ff;
10993 color: #0058a1;
10994}
10995
10996.bx--tag--teal {
10997 background-color: #92eeee;
10998 color: #006161;
10999}
11000
11001.bx--tag--green {
11002 background-color: #9deeb2;
11003 color: #10642a;
11004}
11005
11006.bx--tag--gray {
11007 background-color: #dcdcdc;
11008 color: #171717;
11009}
11010
11011.bx--tag--cool-gray {
11012 background-color: #d5d9e0;
11013 color: #13171a;
11014}
11015
11016.bx--tag--warm-gray {
11017 background-color: #e0dbda;
11018 color: #1a1717;
11019}
11020
11021.bx--tag--disabled {
11022 background-color: #f3f3f3;
11023 color: #bebebe;
11024}
11025
11026.bx--tag--disabled:hover {
11027 cursor: not-allowed;
11028}
11029
11030.bx--tag--filter {
11031 background-color: #171717;
11032 color: #ffffff;
11033 cursor: pointer;
11034 padding-right: 0.125rem;
11035}
11036
11037.bx--tag--filter > svg {
11038 fill: #ffffff;
11039 margin-left: 0.25rem;
11040 padding: 0.125rem;
11041 width: 1.25rem;
11042 height: 1.25rem;
11043}
11044
11045.bx--tag--filter > svg:hover {
11046 border-radius: 50%;
11047 background-color: #565656;
11048}
11049
11050.bx--tag--filter:focus,
11051.bx--tag--filter:hover {
11052 outline: none;
11053}
11054
11055.bx--tag.bx--skeleton {
11056 width: 3.75rem;
11057}
11058
11059.bx--tag.bx--skeleton:after {
11060 position: relative;
11061 border: none;
11062 padding: 0;
11063 -webkit-box-shadow: none;
11064 box-shadow: none;
11065 pointer-events: none;
11066 background: rgba(61, 112, 178, 0.1);
11067 content: '';
11068 height: 0.375rem;
11069 width: 100%;
11070}
11071
11072.bx--tag.bx--skeleton:after:hover, .bx--tag.bx--skeleton:after:focus, .bx--tag.bx--skeleton:after:active {
11073 border: none;
11074 outline: none;
11075 cursor: default;
11076}
11077
11078.bx--tag.bx--skeleton:after:before {
11079 content: '';
11080 width: 0%;
11081 height: 100%;
11082 position: absolute;
11083 top: 0;
11084 left: 0;
11085 opacity: 0.3;
11086 background: rgba(61, 112, 178, 0.1);
11087 -webkit-animation: 3000ms ease-in-out skeleton infinite;
11088 animation: 3000ms ease-in-out skeleton infinite;
11089}
11090
11091.bx--data-table-container + .bx--pagination {
11092 border-top: 0;
11093}
11094
11095.bx--pagination {
11096 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11097 font-size: 0.875rem;
11098 font-weight: 400;
11099 line-height: 1.125rem;
11100 letter-spacing: 0.16px;
11101 width: 100%;
11102 background-color: #f3f3f3;
11103 display: -webkit-box;
11104 display: -ms-flexbox;
11105 display: flex;
11106 -webkit-box-align: center;
11107 -ms-flex-align: center;
11108 align-items: center;
11109 -webkit-box-pack: justify;
11110 -ms-flex-pack: justify;
11111 justify-content: space-between;
11112 border-top: 1px solid #dcdcdc;
11113 height: 3rem;
11114}
11115
11116.bx--pagination .bx--select {
11117 height: 100%;
11118 -webkit-box-align: center;
11119 -ms-flex-align: center;
11120 align-items: center;
11121 grid-template-columns: auto 0;
11122}
11123
11124.bx--select-input__wrapper,
11125.bx--select-input--inline__wrapper {
11126 height: 100%;
11127}
11128
11129.bx--pagination .bx--select-input {
11130 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11131 font-size: 0.875rem;
11132 font-weight: 400;
11133 line-height: 1.125rem;
11134 letter-spacing: 0.16px;
11135 width: auto;
11136 min-width: auto;
11137 height: 100%;
11138 padding: 0 2.5rem 0 1rem;
11139 margin-right: -0.65rem;
11140}
11141
11142@media (min-width: 42rem) {
11143 .bx--pagination .bx--select-input {
11144 padding: 0 1.5rem 0 0.5rem;
11145 margin-right: 0;
11146 }
11147}
11148
11149.bx--pagination .bx--select-input:hover {
11150 background: #e5e5e5;
11151}
11152
11153.bx--pagination .bx--select__arrow {
11154 position: relative;
11155 top: auto;
11156 right: 1.1rem;
11157 bottom: auto;
11158}
11159
11160.bx--pagination .bx--select__item-count .bx--select-input {
11161 border-right: 0.0625rem solid #dcdcdc;
11162}
11163
11164@media (min-width: 42rem) {
11165 .bx--pagination .bx--select__item-count .bx--select-input {
11166 padding-right: 2rem;
11167 margin-right: -0.65rem;
11168 }
11169}
11170
11171.bx--pagination .bx--select__page-number .bx--select-input {
11172 border-left: 1px solid #dcdcdc;
11173}
11174
11175@media (min-width: 42rem) {
11176 .bx--pagination .bx--select__page-number .bx--select-input {
11177 padding-left: 1rem;
11178 padding-right: 2rem;
11179 }
11180}
11181
11182@media (min-width: 42rem) {
11183 .bx--pagination .bx--select__page-number .bx--select__arrow {
11184 right: 1.8rem;
11185 }
11186}
11187
11188.bx--pagination__left,
11189.bx--pagination__right {
11190 display: -webkit-box;
11191 display: -ms-flexbox;
11192 display: flex;
11193 height: 100%;
11194 -webkit-box-align: center;
11195 -ms-flex-align: center;
11196 align-items: center;
11197}
11198
11199.bx--pagination__left > .bx--form-item,
11200.bx--pagination__right > .bx--form-item {
11201 height: 100%;
11202}
11203
11204.bx--pagination__left .bx--pagination__text {
11205 margin-right: 0.0625rem;
11206}
11207
11208.bx--pagination__right .bx--pagination__text {
11209 margin-right: 1rem;
11210 margin-left: 0.0625rem;
11211}
11212
11213@media (min-width: 42rem) {
11214 .bx--pagination__left {
11215 padding: 0 1rem;
11216 }
11217}
11218
11219.bx--pagination__text {
11220 display: none;
11221}
11222
11223@media (min-width: 42rem) {
11224 .bx--pagination__text {
11225 display: inline-block;
11226 }
11227}
11228
11229span.bx--pagination__text {
11230 margin-left: 1rem;
11231 color: #171717;
11232}
11233
11234.bx--pagination__right span.bx--pagination__text {
11235 margin-left: -0.5rem;
11236}
11237
11238.bx--pagination__button {
11239 border: none;
11240 background: none;
11241 cursor: pointer;
11242 height: 100%;
11243 margin: 0;
11244 padding: 0 0.875rem;
11245 border-left: 1px solid #dcdcdc;
11246 display: -webkit-box;
11247 display: -ms-flexbox;
11248 display: flex;
11249 -webkit-box-pack: center;
11250 -ms-flex-pack: center;
11251 justify-content: center;
11252 -webkit-box-align: center;
11253 -ms-flex-align: center;
11254 align-items: center;
11255 fill: #171717;
11256 -webkit-transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11257 transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11258 -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11259 transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11260}
11261
11262.bx--pagination__button:focus {
11263 outline: 2px solid #0062ff;
11264 outline-offset: -2px;
11265}
11266
11267.bx--pagination__button:hover {
11268 background: #e5e5e5;
11269}
11270
11271.bx--pagination__button--no-index {
11272 fill: #bebebe;
11273 cursor: not-allowed;
11274}
11275
11276.bx--pagination__button:disabled:hover,
11277.bx--pagination__button--no-index:hover {
11278 cursor: not-allowed;
11279 fill: #bebebe;
11280 background: #f3f3f3;
11281}
11282
11283.bx--pagination--inline {
11284 height: 2.625rem;
11285 margin-top: -0.5rem;
11286 margin-bottom: -0.5rem;
11287 margin-right: -1rem;
11288}
11289
11290.bx--pagination--inline .bx--pagination__button {
11291 height: 2.5rem;
11292 border-left: 1px solid #dcdcdc;
11293 border-right: 1px solid #dcdcdc;
11294 margin: 0;
11295}
11296
11297.bx--pagination--inline .bx--pagination__button--forward {
11298 border-right: 0;
11299 padding: 0 1rem;
11300 margin-left: 1rem;
11301}
11302
11303.bx--pagination--inline .bx--pagination__button--backward {
11304 margin: 0 1rem;
11305 padding: 0 1rem;
11306}
11307
11308.bx--pagination.bx--skeleton .bx--skeleton__text {
11309 margin-right: 1rem;
11310 margin-bottom: 0;
11311}
11312
11313.bx--accordion {
11314 list-style: none;
11315 width: 100%;
11316}
11317
11318.bx--accordion__item {
11319 -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11320 transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11321 border-top: 1px solid #dcdcdc;
11322 overflow: visible;
11323}
11324
11325.bx--accordion__item:last-child {
11326 border-bottom: 1px solid #dcdcdc;
11327}
11328
11329.bx--accordion__heading {
11330 display: inline-block;
11331 background: none;
11332 -webkit-appearance: none;
11333 -moz-appearance: none;
11334 appearance: none;
11335 border: 0;
11336 padding: 0;
11337 cursor: pointer;
11338 width: 100%;
11339 color: #171717;
11340 display: -webkit-box;
11341 display: -ms-flexbox;
11342 display: flex;
11343 -webkit-box-align: center;
11344 -ms-flex-align: center;
11345 align-items: center;
11346 -webkit-box-pack: start;
11347 -ms-flex-pack: start;
11348 justify-content: flex-start;
11349 cursor: pointer;
11350 padding: 0.375rem 0;
11351 -webkit-box-orient: horizontal;
11352 -webkit-box-direction: reverse;
11353 -ms-flex-direction: row-reverse;
11354 flex-direction: row-reverse;
11355 position: relative;
11356 width: 100%;
11357 margin: 0;
11358 -webkit-transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
11359 transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
11360}
11361
11362.bx--accordion__heading::-moz-focus-inner {
11363 border: 0;
11364}
11365
11366.bx--accordion__heading:hover:before, .bx--accordion__heading:focus:before {
11367 content: '';
11368 position: absolute;
11369 top: -1px;
11370 left: 0;
11371 width: 100%;
11372 height: calc(100% + 2px);
11373}
11374
11375.bx--accordion__heading:hover:before {
11376 background-color: #e5e5e5;
11377}
11378
11379.bx--accordion__heading:focus {
11380 outline: none;
11381}
11382
11383.bx--accordion__heading:focus:before {
11384 outline: 2px solid #0062ff;
11385 outline-offset: -2px;
11386}
11387
11388.bx--accordion__arrow {
11389 outline: 2px solid transparent;
11390 outline-offset: -2px;
11391 -webkit-box-flex: 0;
11392 -ms-flex: 0 0 1rem;
11393 flex: 0 0 1rem;
11394 width: 1rem;
11395 height: 1rem;
11396 margin: 0 1rem 0 0;
11397 fill: #171717;
11398 -webkit-transform: rotate(90deg);
11399 transform: rotate(90deg);
11400 -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11401 transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11402}
11403
11404.bx--accordion__title {
11405 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11406 font-size: 0.875rem;
11407 font-weight: 400;
11408 line-height: 1.25rem;
11409 letter-spacing: 0.16px;
11410 margin: 0 0 0 1rem;
11411 width: 100%;
11412 text-align: left;
11413 z-index: 0;
11414}
11415
11416.bx--accordion__content {
11417 -webkit-transition: height cubic-bezier(0.2, 0, 0.38, 0.9) 110ms, padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
11418 transition: height cubic-bezier(0.2, 0, 0.38, 0.9) 110ms, padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
11419 padding-left: 1rem;
11420 padding-right: 25%;
11421 height: 0;
11422 visibility: hidden;
11423 opacity: 0;
11424}
11425
11426@media (max-width: 42rem) {
11427 .bx--accordion__content {
11428 padding-right: 3rem;
11429 }
11430}
11431
11432.bx--accordion__content p {
11433 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11434 font-size: 0.875rem;
11435 font-weight: 400;
11436 line-height: 1.25rem;
11437 letter-spacing: 0.16px;
11438}
11439
11440.bx--accordion__item--active {
11441 overflow: visible;
11442}
11443
11444.bx--accordion__item--active .bx--accordion__content {
11445 padding-bottom: 1.5rem;
11446 padding-top: 0.5rem;
11447 height: auto;
11448 visibility: visible;
11449 opacity: 1;
11450 -webkit-transition: height cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
11451 transition: height cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
11452}
11453
11454.bx--accordion__item--active .bx--accordion__arrow {
11455 /*rtl:ignore*/
11456 -webkit-transform: rotate(-90deg);
11457 transform: rotate(-90deg);
11458 fill: #171717;
11459}
11460
11461.bx--accordion.bx--skeleton .bx--accordion__heading,
11462.bx--accordion.bx--skeleton .bx--accordion__button {
11463 cursor: default;
11464}
11465
11466.bx--accordion.bx--skeleton .bx--accordion__arrow {
11467 pointer-events: none;
11468 fill: #171717;
11469 cursor: default;
11470}
11471
11472.bx--accordion.bx--skeleton .bx--accordion__arrow:hover, .bx--accordion.bx--skeleton .bx--accordion__arrow:focus, .bx--accordion.bx--skeleton .bx--accordion__arrow:active {
11473 border: none;
11474 outline: none;
11475 cursor: default;
11476}
11477
11478.bx--skeleton .bx--accordion__heading:focus .bx--accordion__arrow {
11479 border: none;
11480 outline: none;
11481 cursor: default;
11482}
11483
11484.bx--accordion__title.bx--skeleton__text {
11485 margin-bottom: 0;
11486}
11487
11488.bx--progress {
11489 display: -webkit-box;
11490 display: -ms-flexbox;
11491 display: flex;
11492 list-style: none;
11493}
11494
11495.bx--progress-step {
11496 position: relative;
11497 display: -webkit-inline-box;
11498 display: -ms-inline-flexbox;
11499 display: inline-flex;
11500 -webkit-box-orient: horizontal;
11501 -webkit-box-direction: normal;
11502 -ms-flex-direction: row;
11503 flex-direction: row;
11504 -webkit-box-flex: 1;
11505 -ms-flex: 1;
11506 flex: 1;
11507 min-width: 7rem;
11508 width: 8rem;
11509 -webkit-transition: 110ms all cubic-bezier(0.2, 0, 0.38, 0.9);
11510 transition: 110ms all cubic-bezier(0.2, 0, 0.38, 0.9);
11511 overflow: visible;
11512}
11513
11514.bx--progress-step .bx--tooltip__label {
11515 display: block;
11516}
11517
11518.bx--progress-line {
11519 position: absolute;
11520 height: 1px;
11521 width: 8rem;
11522 border: 1px inset transparent;
11523}
11524
11525.bx--progress-step svg {
11526 position: relative;
11527 z-index: 1;
11528 width: 1rem;
11529 height: 1rem;
11530 border-radius: 50%;
11531 margin: 9px 0.5rem 0 0;
11532 fill: #0062ff;
11533}
11534
11535.bx--progress-label {
11536 line-height: 1.45;
11537 max-width: 5.5rem;
11538 margin: 0.5rem 0 0 0;
11539 white-space: nowrap;
11540 overflow: hidden;
11541 text-overflow: ellipsis;
11542 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11543 font-size: 0.875rem;
11544 font-weight: 400;
11545 line-height: 1.125rem;
11546 letter-spacing: 0.16px;
11547 -webkit-transition: -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11548 transition: -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11549 transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11550 transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11551}
11552
11553.bx--progress-label::before {
11554 content: '';
11555 display: block;
11556}
11557
11558.bx--progress-label:hover {
11559 color: #0062ff;
11560 cursor: pointer;
11561 -webkit-box-shadow: 0 0.0625rem #0062ff;
11562 box-shadow: 0 0.0625rem #0062ff;
11563}
11564
11565.bx--progress-label:focus {
11566 outline: none;
11567 color: #0062ff;
11568 -webkit-box-shadow: 0 0.1875rem 0 0 #0062ff;
11569 box-shadow: 0 0.1875rem 0 0 #0062ff;
11570 -webkit-transition: -webkit-box-shadow 0.05s cubic-bezier(0.2, 0, 0.38, 0.9);
11571 transition: -webkit-box-shadow 0.05s cubic-bezier(0.2, 0, 0.38, 0.9);
11572 transition: box-shadow 0.05s cubic-bezier(0.2, 0, 0.38, 0.9);
11573 transition: box-shadow 0.05s cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 0.05s cubic-bezier(0.2, 0, 0.38, 0.9);
11574}
11575
11576.bx--progress-label:active {
11577 color: #0062ff;
11578 -webkit-box-shadow: 0 0.1875rem 0 0 #0062ff;
11579 box-shadow: 0 0.1875rem 0 0 #0062ff;
11580}
11581
11582.bx--progress-label-overflow:hover ~ .bx--tooltip,
11583.bx--progress-label-overflow:focus ~ .bx--tooltip {
11584 visibility: visible;
11585}
11586
11587.bx--progress-step .bx--tooltip .bx--tooltip__caret {
11588 margin-left: 0.625rem;
11589}
11590
11591.bx--tooltip__text {
11592 padding: 0;
11593 margin: 0;
11594 font-weight: normal;
11595}
11596
11597.bx--progress-step .bx--tooltip {
11598 min-width: 7.1875rem;
11599 width: 7.8125rem;
11600 min-height: 1.5rem;
11601 margin-left: 1.375rem;
11602 margin-top: 2.5rem;
11603 padding: 0.5rem 1rem;
11604 display: block;
11605 visibility: hidden;
11606 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11607 font-size: 0.875rem;
11608 font-weight: 400;
11609 line-height: 1.25rem;
11610 letter-spacing: 0.16px;
11611 color: #ffffff;
11612}
11613
11614.bx--progress-step .bx--tooltip_multi {
11615 width: 9.375rem;
11616 height: auto;
11617 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11618 font-size: 0.875rem;
11619 font-weight: 400;
11620 line-height: 1.25rem;
11621 letter-spacing: 0.16px;
11622 color: #ffffff;
11623}
11624
11625.bx--progress-optional {
11626 position: absolute;
11627 margin-left: 1.5rem;
11628 margin-top: 1.75rem;
11629 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11630 font-size: 0.75rem;
11631 font-weight: 400;
11632 line-height: 1rem;
11633 letter-spacing: 0.32px;
11634 color: #171717;
11635}
11636
11637.bx--progress-step--current .bx--progress-line {
11638 background-color: #0062ff;
11639}
11640
11641.bx--progress-step--current svg {
11642 width: 14px;
11643 height: 14px;
11644 fill: #0062ff;
11645 margin-top: 0.59375rem;
11646}
11647
11648.bx--progress-step--incomplete svg {
11649 fill: #171717;
11650}
11651
11652.bx--progress-step--incomplete .bx--progress-line {
11653 background-color: #dcdcdc;
11654}
11655
11656.bx--progress-step--complete .bx--progress-line {
11657 background-color: #0062ff;
11658}
11659
11660.bx--progress-step-button {
11661 display: -webkit-box;
11662 display: -ms-flexbox;
11663 display: flex;
11664}
11665
11666.bx--progress-step-button--unclickable {
11667 outline: none;
11668}
11669
11670.bx--progress-step--disabled {
11671 cursor: not-allowed;
11672}
11673
11674.bx--progress-step--disabled svg {
11675 fill: #bebebe;
11676 cursor: not-allowed;
11677}
11678
11679.bx--progress-step--disabled .bx--progress-label,
11680.bx--progress-step--disabled .bx--progress-label:hover {
11681 color: #bebebe;
11682 cursor: not-allowed;
11683 -webkit-box-shadow: none;
11684 box-shadow: none;
11685}
11686
11687.bx--progress-step--disabled .bx--progress-label:focus,
11688.bx--progress-step--disabled .bx--progress-label:active {
11689 outline: none;
11690 -webkit-box-shadow: none;
11691 box-shadow: none;
11692}
11693
11694.bx--progress-step--disabled .bx--progress-line {
11695 cursor: not-allowed;
11696}
11697
11698.bx--progress-step--disabled .bx--progress-label-overflow:hover ~ .bx--tooltip--definition .bx--tooltip--definition__bottom {
11699 display: none;
11700}
11701
11702.bx--progress__warning > path {
11703 fill: #da1e28;
11704}
11705
11706.bx--progress.bx--skeleton .bx--progress-label {
11707 position: relative;
11708 border: none;
11709 padding: 0;
11710 -webkit-box-shadow: none;
11711 box-shadow: none;
11712 pointer-events: none;
11713 background: rgba(61, 112, 178, 0.1);
11714 height: 0.75rem;
11715 width: 2.5rem;
11716}
11717
11718.bx--progress.bx--skeleton .bx--progress-label:hover, .bx--progress.bx--skeleton .bx--progress-label:focus, .bx--progress.bx--skeleton .bx--progress-label:active {
11719 border: none;
11720 outline: none;
11721 cursor: default;
11722}
11723
11724.bx--progress.bx--skeleton .bx--progress-label:before {
11725 content: '';
11726 width: 0%;
11727 height: 100%;
11728 position: absolute;
11729 top: 0;
11730 left: 0;
11731 opacity: 0.3;
11732 background: rgba(61, 112, 178, 0.1);
11733 -webkit-animation: 3000ms ease-in-out skeleton infinite;
11734 animation: 3000ms ease-in-out skeleton infinite;
11735}
11736
11737.bx--progress--vertical {
11738 display: block;
11739}
11740
11741.bx--progress--vertical .bx--progress-step {
11742 display: list-item;
11743 min-height: 6rem;
11744 width: initial;
11745 min-width: initial;
11746}
11747
11748.bx--progress--vertical .bx--progress-step svg {
11749 display: inline-block;
11750 margin: 0.1rem 0.5rem;
11751}
11752
11753.bx--progress--vertical .bx--progress-step--current svg {
11754 margin-left: 0.563rem;
11755}
11756
11757.bx--progress--vertical .bx--progress-label {
11758 display: inline-block;
11759 width: initial;
11760 max-width: none;
11761 vertical-align: top;
11762 margin: 0;
11763}
11764
11765.bx--progress--vertical .bx--progress-step .bx--tooltip {
11766 margin-top: 0.5rem;
11767}
11768
11769.bx--progress--vertical .bx--progress-optional {
11770 margin-top: initial;
11771 position: initial;
11772 margin-left: 2.25rem;
11773}
11774
11775.bx--progress--vertical .bx--progress-line {
11776 top: 0;
11777 left: 0;
11778 height: 100%;
11779 width: 1px;
11780}
11781
11782.bx--breadcrumb {
11783 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11784 font-size: 0.875rem;
11785 font-weight: 400;
11786 line-height: 1.125rem;
11787 letter-spacing: 0.16px;
11788 display: inline;
11789}
11790
11791@media (min-width: 42rem) {
11792 .bx--breadcrumb {
11793 display: -webkit-box;
11794 display: -ms-flexbox;
11795 display: flex;
11796 -ms-flex-wrap: wrap;
11797 flex-wrap: wrap;
11798 }
11799}
11800
11801.bx--breadcrumb-item {
11802 position: relative;
11803 display: -webkit-box;
11804 display: -ms-flexbox;
11805 display: flex;
11806 -webkit-box-align: center;
11807 -ms-flex-align: center;
11808 align-items: center;
11809 margin-right: 0.5rem;
11810}
11811
11812.bx--breadcrumb-item::after {
11813 content: '/';
11814 color: #171717;
11815 margin-left: 0.5rem;
11816}
11817
11818.bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after {
11819 content: '';
11820}
11821
11822.bx--breadcrumb-item:last-child,
11823.bx--breadcrumb-item:last-child::after {
11824 margin-right: 0;
11825}
11826
11827.bx--breadcrumb .bx--link {
11828 white-space: nowrap;
11829}
11830
11831.bx--breadcrumb-item [aria-current='page'],
11832.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link {
11833 color: #171717;
11834}
11835
11836.bx--breadcrumb.bx--skeleton .bx--link {
11837 position: relative;
11838 border: none;
11839 padding: 0;
11840 -webkit-box-shadow: none;
11841 box-shadow: none;
11842 pointer-events: none;
11843 background: rgba(61, 112, 178, 0.1);
11844 width: 6.25rem;
11845 height: 1rem;
11846}
11847
11848.bx--breadcrumb.bx--skeleton .bx--link:hover, .bx--breadcrumb.bx--skeleton .bx--link:focus, .bx--breadcrumb.bx--skeleton .bx--link:active {
11849 border: none;
11850 outline: none;
11851 cursor: default;
11852}
11853
11854.bx--breadcrumb.bx--skeleton .bx--link:before {
11855 content: '';
11856 width: 0%;
11857 height: 100%;
11858 position: absolute;
11859 top: 0;
11860 left: 0;
11861 opacity: 0.3;
11862 background: rgba(61, 112, 178, 0.1);
11863 -webkit-animation: 3000ms ease-in-out skeleton infinite;
11864 animation: 3000ms ease-in-out skeleton infinite;
11865}
11866
11867.bx--toolbar {
11868 display: -webkit-box;
11869 display: -ms-flexbox;
11870 display: flex;
11871 -webkit-box-orient: horizontal;
11872 -webkit-box-direction: normal;
11873 -ms-flex-flow: row nowrap;
11874 flex-flow: row nowrap;
11875 -webkit-box-align: center;
11876 -ms-flex-align: center;
11877 align-items: center;
11878 margin: 1rem 0;
11879}
11880
11881.bx--toolbar > div {
11882 margin: 0 0.25rem;
11883}
11884
11885.bx--toolbar .bx--search-input {
11886 height: 2rem;
11887 background-color: transparent;
11888 outline: none;
11889}
11890
11891.bx--toolbar .bx--search-close {
11892 display: none;
11893}
11894
11895.bx--toolbar .bx--overflow-menu__icon {
11896 fill: #565656;
11897 -webkit-transition: fill 50ms cubic-bezier(0.2, 0, 0.38, 0.9);
11898 transition: fill 50ms cubic-bezier(0.2, 0, 0.38, 0.9);
11899}
11900
11901.bx--toolbar .bx--search-magnifier {
11902 fill: #565656;
11903 -webkit-transform: scale(1.15);
11904 transform: scale(1.15);
11905 -webkit-transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);
11906 transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);
11907 top: 0.5rem;
11908 left: 0.375rem;
11909 cursor: pointer;
11910}
11911
11912.bx--toolbar fieldset {
11913 border: 0;
11914 padding: 0;
11915}
11916
11917.bx--toolbar .bx--toolbar-search--active {
11918 width: 15.625rem;
11919}
11920
11921.bx--toolbar .bx--toolbar-search--active .bx--search-magnifier {
11922 -webkit-transform: scale(1);
11923 transform: scale(1);
11924 top: 0.5625rem;
11925}
11926
11927.bx--toolbar .bx--toolbar-search--active .bx--search-input {
11928 background-color: #ffffff;
11929}
11930
11931.bx--toolbar .bx--toolbar-search--active .bx--search-close {
11932 display: block;
11933}
11934
11935.bx--toolbar .bx--checkbox-label {
11936 margin-bottom: 0;
11937}
11938
11939.bx--toolbar .bx--overflow-menu--open > .bx--overflow-menu__icon {
11940 fill: #0062ff;
11941}
11942
11943.bx--toolbar-search {
11944 width: 1.8rem;
11945 -webkit-transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);
11946 transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);
11947}
11948
11949.bx--toolbar-search__btn {
11950 position: absolute;
11951 left: 0;
11952 top: 0;
11953 background: transparent;
11954 border: 0;
11955 height: 2rem;
11956 width: 2rem;
11957}
11958
11959.bx--toolbar-search__btn:focus {
11960 outline: 1px solid #0062ff;
11961}
11962
11963.bx--toolbar-filter-icon {
11964 padding-left: 0;
11965 padding-right: 0;
11966}
11967
11968.bx--toolbar-menu__title {
11969 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
11970 font-size: 0.75rem;
11971 font-weight: 400;
11972 line-height: 1rem;
11973 letter-spacing: 0.32px;
11974 font-weight: 600;
11975 padding: 0.5rem 1.25rem;
11976}
11977
11978.bx--toolbar-menu__option {
11979 padding: 0.5rem 1.25rem;
11980}
11981
11982.bx--toolbar-menu__divider {
11983 width: 100%;
11984 border: 0;
11985 border-top: 1px solid #dcdcdc;
11986}
11987
11988.bx--radio-button-group {
11989 border: none;
11990}
11991
11992.bx--toolbar-search:not(.bx--toolbar-search--active) .bx--search-input {
11993 border-bottom: none;
11994}
11995
11996.bx--time-picker {
11997 display: -webkit-box;
11998 display: -ms-flexbox;
11999 display: flex;
12000 -webkit-box-align: end;
12001 -ms-flex-align: end;
12002 align-items: flex-end;
12003}
12004
12005.bx--time-picker[data-invalid] .bx--time-picker__input-field {
12006 outline: 2px solid #da1e28;
12007 outline-offset: -2px;
12008}
12009
12010.bx--time-picker__select {
12011 -webkit-box-pack: center;
12012 -ms-flex-pack: center;
12013 justify-content: center;
12014}
12015
12016.bx--time-picker__select:not(:last-of-type) {
12017 margin: 0 0.125rem;
12018}
12019
12020.bx--time-picker__input {
12021 display: -webkit-box;
12022 display: -ms-flexbox;
12023 display: flex;
12024 -webkit-box-orient: vertical;
12025 -webkit-box-direction: normal;
12026 -ms-flex-direction: column;
12027 flex-direction: column;
12028}
12029
12030.bx--time-picker .bx--select-input {
12031 min-width: auto;
12032 width: auto;
12033 padding-right: 3rem;
12034 line-height: 1;
12035}
12036
12037.bx--time-picker__input-field {
12038 outline: 2px solid transparent;
12039 outline-offset: -2px;
12040 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
12041 font-size: 0.875rem;
12042 font-weight: 400;
12043 line-height: 1.25rem;
12044 letter-spacing: 0.32px;
12045 display: -webkit-box;
12046 display: -ms-flexbox;
12047 display: flex;
12048 -webkit-box-align: center;
12049 -ms-flex-align: center;
12050 align-items: center;
12051 width: 4.875rem;
12052 height: 2.5rem;
12053 -webkit-transition: outline 70ms;
12054 transition: outline 70ms;
12055}
12056
12057.bx--slider-container {
12058 display: -webkit-box;
12059 display: -ms-flexbox;
12060 display: flex;
12061 -webkit-box-align: center;
12062 -ms-flex-align: center;
12063 align-items: center;
12064 -webkit-user-select: none;
12065 -moz-user-select: none;
12066 -ms-user-select: none;
12067 user-select: none;
12068}
12069
12070.bx--slider {
12071 position: relative;
12072 width: 100%;
12073 margin: 0 1rem;
12074 max-width: 40rem;
12075 min-width: 12.5rem;
12076}
12077
12078.bx--slider__range-label {
12079 font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
12080 font-size: 0.875rem;
12081 font-weight: 400;
12082 line-height: 1.25rem;
12083 letter-spacing: 0.32px;
12084 color: #171717;
12085}
12086
12087.bx--slider__range-label:last-of-type {
12088 margin-right: 1rem;
12089}
12090
12091.bx--slider__track {
12092 position: absolute;
12093 width: 100%;
12094 height: 0.125rem;
12095 background: #dcdcdc;
12096 cursor: pointer;
12097 -webkit-transform: translate(0%, -50%);
12098 transform: translate(0%, -50%);
12099}
12100
12101.bx--slider__track:before {
12102 content: '';
12103 position: absolute;
12104 display: inline-block;
12105 height: 0.25rem;
12106 width: 0.125rem;
12107 left: 50%;
12108 -webkit-transform: translate(-50%, 0);
12109 transform: translate(-50%, 0);
12110 top: -0.3125rem;
12111 background: #dcdcdc;
12112}
12113
12114.bx--slider__filled-track {
12115 position: absolute;
12116 width: 100%;
12117 height: 0.125rem;
12118 background: #171717;
12119 -webkit-transform-origin: left;
12120 transform-origin: left;
12121 pointer-events: none;
12122 -webkit-transform: translate(0%, -50%);
12123 transform: translate(0%, -50%);
12124 -webkit-transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
12125 transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
12126}
12127
12128.bx--slider__thumb {
12129 position: absolute;
12130 height: 0.875rem;
12131 width: 0.875rem;
12132 background: #171717;
12133 border-radius: 50%;
12134 -webkit-box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
12135 box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
12136 top: 0;
12137 -webkit-transform: translate(-50%, -50%);
12138 transform: translate(-50%, -50%);
12139 -webkit-transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
12140 transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
12141 transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
12142 transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
12143 cursor: pointer;
12144 outline: none;
12145 z-index: 3;
12146}
12147
12148.bx--slider__thumb:hover {
12149 -webkit-transform: translate(-50%, -50%) scale(1.42857);
12150 transform: translate(-50%, -50%) scale(1.42857);
12151}
12152
12153.bx--slider__thumb:focus {
12154 -webkit-transform: translate(-50%, -50%) scale(1.42857);
12155 transform: translate(-50%, -50%) scale(1.42857);
12156 -webkit-box-shadow: inset 0 0 0 2px #0062ff, inset 0 0 0 3px #f3f3f3;
12157 box-shadow: inset 0 0 0 2px #0062ff, inset 0 0 0 3px #f3f3f3;
12158 background-color: #0062ff;
12159}
12160
12161.bx--slider__thumb:active {
12162 -webkit-transform: translate(-50%, -50%) scale(1.42857);
12163 transform: translate(-50%, -50%) scale(1.42857);
12164 -webkit-box-shadow: inset 0 0 0 2px #0062ff;
12165 box-shadow: inset 0 0 0 2px #0062ff;
12166}
12167
12168.bx--slider__input {
12169 display: none;
12170}
12171
12172.bx--slider-text-input,
12173.bx-slider-text-input {
12174 width: 4rem;
12175 height: 2.5rem;
12176 padding: 0;
12177 text-align: center;
12178 -moz-appearance: textfield;
12179}
12180
12181.bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button,
12182.bx-slider-text-input::-webkit-outer-spin-button,
12183.bx-slider-text-input::-webkit-inner-spin-button {
12184 display: none;
12185}
12186
12187.bx--slider__thumb:focus ~ .bx--slider__filled-track {
12188 background-color: #0062ff;
12189}
12190
12191.bx--label--disabled ~ .bx--slider-container > .bx--slider__range-label {
12192 color: #bebebe;
12193}
12194
12195.bx--slider--disabled .bx--slider__thumb {
12196 background-color: #dcdcdc;
12197}
12198
12199.bx--slider--disabled .bx--slider__thumb:hover {
12200 -webkit-transform: translate(-50%, -50%);
12201 transform: translate(-50%, -50%);
12202 cursor: not-allowed;
12203}
12204
12205.bx--slider--disabled .bx--slider__thumb:focus {
12206 -webkit-box-shadow: none;
12207 box-shadow: none;
12208 outline: none;
12209 background-color: #dcdcdc;
12210 -webkit-transform: translate(-50%, -50%);
12211 transform: translate(-50%, -50%);
12212}
12213
12214.bx--slider--disabled .bx--slider__thumb:active {
12215 background: #dcdcdc;
12216 -webkit-transform: translate(-50%, -50%);
12217 transform: translate(-50%, -50%);
12218}
12219
12220.bx--slider--disabled .bx--slider__track,
12221.bx--slider--disabled .bx--slider__filled-track,
12222.bx--slider--disabled .bx--slider__thumb:focus ~ .bx--slider__filled-track {
12223 background-color: #dcdcdc;
12224 cursor: not-allowed;
12225}
12226
12227.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input,
12228.bx--slider--disabled ~ .bx--slider-text-input {
12229 background-color: #f3f3f3;
12230 color: #bebebe;
12231 -webkit-transition: none;
12232 transition: none;
12233}
12234
12235.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:active, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:focus, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:hover,
12236.bx--slider--disabled ~ .bx--slider-text-input:active,
12237.bx--slider--disabled ~ .bx--slider-text-input:focus,
12238.bx--slider--disabled ~ .bx--slider-text-input:hover {
12239 outline: none;
12240 color: #bebebe;
12241}
12242
12243.bx--slider-container.bx--skeleton .bx--slider__range-label {
12244 position: relative;
12245 border: none;
12246 padding: 0;
12247 -webkit-box-shadow: none;
12248 box-shadow: none;
12249 pointer-events: none;
12250 background: rgba(61, 112, 178, 0.1);
12251 width: 1.25rem;
12252 height: 0.75rem;
12253}
12254
12255.bx--slider-container.bx--skeleton .bx--slider__range-label:hover, .bx--slider-container.bx--skeleton .bx--slider__range-label:focus, .bx--slider-container.bx--skeleton .bx--slider__range-label:active {
12256 border: none;
12257 outline: none;
12258 cursor: default;
12259}
12260
12261.bx--slider-container.bx--skeleton .bx--slider__range-label:before {
12262 content: '';
12263 width: 0%;
12264 height: 100%;
12265 position: absolute;
12266 top: 0;
12267 left: 0;
12268 opacity: 0.3;
12269 background: rgba(61, 112, 178, 0.1);
12270 -webkit-animation: 3000ms ease-in-out skeleton infinite;
12271 animation: 3000ms ease-in-out skeleton infinite;
12272}
12273
12274.bx--slider-container.bx--skeleton .bx--slider__track {
12275 cursor: default;
12276 pointer-events: none;
12277}
12278
12279.bx--slider-container.bx--skeleton .bx--slider__thumb {
12280 left: 50%;
12281 cursor: default;
12282 pointer-events: none;
12283}
12284
12285.bx--tile {
12286 display: block;
12287 min-width: 8rem;
12288 min-height: 4rem;
12289 background-color: #f3f3f3;
12290 position: relative;
12291 padding: 1rem;
12292 outline: 2px solid transparent;
12293 outline-offset: -2px;
12294}
12295
12296.bx--tile:focus {
12297 outline: 2px solid #0062ff;
12298 outline-offset: -2px;
12299}
12300
12301.bx--tile--clickable,
12302.bx--tile--selectable,
12303.bx--tile--expandable {
12304 -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
12305 transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
12306 cursor: pointer;
12307}
12308
12309.bx--tile--clickable:hover,
12310.bx--tile--selectable:hover,
12311.bx--tile--expandable:hover {
12312 background: #e5e5e5;
12313}
12314
12315.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,
12316.bx--tile--selectable:hover .bx--tile__checkmark,
12317.bx--tile--selectable:focus .bx--tile__checkmark,
12318.bx--tile--expandable:hover .bx--tile__checkmark,
12319.bx--tile--expandable:focus .bx--tile__checkmark {
12320 opacity: 1;
12321}
12322
12323.bx--tile--clickable:focus,
12324.bx--tile--expandable:focus {
12325 outline: 2px solid #0062ff;
12326 outline-offset: -2px;
12327}
12328
12329.bx--tile--selectable {
12330 padding-right: 3rem;
12331}
12332
12333.bx--tile__checkmark,
12334.bx--tile__chevron {
12335 position: absolute;
12336 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12337 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12338 border: none;
12339 background: transparent;
12340}
12341
12342.bx--tile__checkmark {
12343 height: 1rem;
12344 top: 1rem;
12345 right: 1rem;
12346 opacity: 0;
12347}
12348
12349.bx--tile__checkmark svg {
12350 border-radius: 50%;
12351 fill: #565656;
12352}
12353
12354.bx--tile__checkmark:focus {
12355 outline: 2px solid #0062ff;
12356 outline-offset: -2px;
12357}
12358
12359.bx--tile__chevron {
12360 position: absolute;
12361 bottom: 0.5rem;
12362 right: 0.5rem;
12363 height: 1rem;
12364}
12365
12366.bx--tile__chevron svg {
12367 -webkit-transform-origin: center;
12368 transform-origin: center;
12369 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12370 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12371 fill: #171717;
12372}
12373
12374.bx--tile__chevron:hover {
12375 cursor: pointer;
12376}
12377
12378.bx--tile__chevron:focus {
12379 outline: none;
12380}
12381
12382.bx--tile--expandable {
12383 overflow: hidden;
12384 -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
12385 transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
12386}
12387
12388.bx--tile-content__above-the-fold {
12389 display: block;
12390}
12391
12392.bx--tile-content__below-the-fold {
12393 display: block;
12394 opacity: 0;
12395 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12396 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12397}
12398
12399.bx--tile--is-expanded {
12400 overflow: visible;
12401 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12402 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12403}
12404
12405.bx--tile--is-expanded .bx--tile__chevron svg {
12406 -webkit-transform: rotate(-180deg);
12407 transform: rotate(-180deg);
12408}
12409
12410.bx--tile--is-expanded .bx--tile-content__below-the-fold {
12411 opacity: 1;
12412 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12413 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12414}
12415
12416.bx--tile--is-selected {
12417 outline: 1px solid #171717;
12418 outline-offset: -1px;
12419}
12420
12421.bx--tile--is-selected .bx--tile__checkmark {
12422 opacity: 1;
12423}
12424
12425.bx--tile-input:checked + .bx--tile > .bx--tile__checkmark svg {
12426 fill: #171717;
12427}
12428
12429.bx--tile-content {
12430 width: 100%;
12431 height: 100%;
12432}
12433
12434.bx--tile-input {
12435 position: absolute;
12436 width: 1px;
12437 height: 1px;
12438 padding: 0;
12439 margin: -1px;
12440 overflow: hidden;
12441 clip: rect(0, 0, 0, 0);
12442 border: 0;
12443 visibility: visible;
12444 white-space: nowrap;
12445}
12446
12447.bx--skeleton__text {
12448 position: relative;
12449 border: none;
12450 padding: 0;
12451 -webkit-box-shadow: none;
12452 box-shadow: none;
12453 pointer-events: none;
12454 background: rgba(61, 112, 178, 0.1);
12455 width: 100%;
12456 height: 1rem;
12457 margin-bottom: 0.5rem;
12458}
12459
12460.bx--skeleton__text:hover, .bx--skeleton__text:focus, .bx--skeleton__text:active {
12461 border: none;
12462 outline: none;
12463 cursor: default;
12464}
12465
12466.bx--skeleton__text:before {
12467 content: '';
12468 width: 0%;
12469 height: 100%;
12470 position: absolute;
12471 top: 0;
12472 left: 0;
12473 opacity: 0.3;
12474 background: rgba(61, 112, 178, 0.1);
12475 -webkit-animation: 3000ms ease-in-out skeleton infinite;
12476 animation: 3000ms ease-in-out skeleton infinite;
12477}
12478
12479.bx--skeleton__heading {
12480 height: 1.5rem;
12481}
12482
12483.bx--icon--skeleton {
12484 position: relative;
12485 border: none;
12486 padding: 0;
12487 -webkit-box-shadow: none;
12488 box-shadow: none;
12489 pointer-events: none;
12490 background: rgba(61, 112, 178, 0.1);
12491 display: inline-block;
12492 width: 1rem;
12493 height: 1rem;
12494}
12495
12496.bx--icon--skeleton:hover, .bx--icon--skeleton:focus, .bx--icon--skeleton:active {
12497 border: none;
12498 outline: none;
12499 cursor: default;
12500}
12501
12502.bx--icon--skeleton:before {
12503 content: '';
12504 width: 0%;
12505 height: 100%;
12506 position: absolute;
12507 top: 0;
12508 left: 0;
12509 opacity: 0.3;
12510 background: rgba(61, 112, 178, 0.1);
12511 -webkit-animation: 3000ms ease-in-out skeleton infinite;
12512 animation: 3000ms ease-in-out skeleton infinite;
12513}
12514
12515.bx--skeleton__placeholder {
12516 position: relative;
12517 border: none;
12518 padding: 0;
12519 -webkit-box-shadow: none;
12520 box-shadow: none;
12521 pointer-events: none;
12522 background: rgba(61, 112, 178, 0.1);
12523 height: 6.25rem;
12524 width: 6.25rem;
12525}
12526
12527.bx--skeleton__placeholder:hover, .bx--skeleton__placeholder:focus, .bx--skeleton__placeholder:active {
12528 border: none;
12529 outline: none;
12530 cursor: default;
12531}
12532
12533.bx--skeleton__placeholder:before {
12534 content: '';
12535 width: 0%;
12536 height: 100%;
12537 position: absolute;
12538 top: 0;
12539 left: 0;
12540 opacity: 0.3;
12541 background: rgba(61, 112, 178, 0.1);
12542 -webkit-animation: 3000ms ease-in-out skeleton infinite;
12543 animation: 3000ms ease-in-out skeleton infinite;
12544}
12545
12546@-webkit-keyframes stroke {
12547 100% {
12548 stroke-dashoffset: 0;
12549 }
12550}
12551
12552@keyframes stroke {
12553 100% {
12554 stroke-dashoffset: 0;
12555 }
12556}
12557
12558.bx--inline-loading {
12559 display: -webkit-box;
12560 display: -ms-flexbox;
12561 display: flex;
12562 width: 100%;
12563 -webkit-box-align: center;
12564 -ms-flex-align: center;
12565 align-items: center;
12566}
12567
12568.bx--inline-loading .bx--loading__svg circle {
12569 stroke-width: 12;
12570}
12571
12572.bx--inline-loading .bx--loading__stroke {
12573 stroke-dashoffset: 99;
12574}
12575
12576.bx--inline-loading__text {
12577 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
12578 font-size: 0.875rem;
12579 font-weight: 400;
12580 line-height: 1.125rem;
12581 letter-spacing: 0.16px;
12582 color: #565656;
12583}
12584
12585.bx--inline-loading__animation {
12586 position: relative;
12587 width: 2rem;
12588 height: 2rem;
12589 display: -webkit-box;
12590 display: -ms-flexbox;
12591 display: flex;
12592 -webkit-box-pack: center;
12593 -ms-flex-pack: center;
12594 justify-content: center;
12595 -webkit-box-align: center;
12596 -ms-flex-align: center;
12597 align-items: center;
12598}
12599
12600.bx--inline-loading__checkmark-container {
12601 width: 0.75rem;
12602 position: absolute;
12603 top: 0.75rem;
12604}
12605
12606.bx--inline-loading__checkmark-container[hidden] {
12607 display: none;
12608}
12609
12610.bx--inline-loading__checkmark {
12611 fill: none;
12612 stroke: #0062ff;
12613 -webkit-transform-origin: 50% 50%;
12614 transform-origin: 50% 50%;
12615 stroke-width: 1.8;
12616 stroke-dasharray: 12;
12617 stroke-dashoffset: 12;
12618 -webkit-animation-name: stroke;
12619 animation-name: stroke;
12620 -webkit-animation-duration: 0.25s;
12621 animation-duration: 0.25s;
12622 -webkit-animation-fill-mode: forwards;
12623 animation-fill-mode: forwards;
12624}
12625
12626.bx--loading--small .bx--inline-loading__svg {
12627 stroke: #0062ff;
12628}
12629
12630/* If IE11 Don't show check animation */
12631@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
12632 .bx--inline-loading__checkmark-container {
12633 top: 1px;
12634 right: 0.5rem;
12635 }
12636 .bx--inline-loading__checkmark {
12637 -webkit-animation: none;
12638 animation: none;
12639 stroke-dashoffset: 0;
12640 stroke-dasharray: 0;
12641 }
12642}
12643
12644.bx--pagination-nav {
12645 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
12646 font-size: 0.875rem;
12647 font-weight: 400;
12648 line-height: 1.125rem;
12649 letter-spacing: 0.16px;
12650 line-height: 0;
12651}
12652
12653.bx--pagination-nav__list {
12654 -webkit-box-align: center;
12655 -ms-flex-align: center;
12656 align-items: center;
12657 display: -webkit-box;
12658 display: -ms-flexbox;
12659 display: flex;
12660 list-style: none;
12661}
12662
12663.bx--pagination-nav__list-item {
12664 padding: 0;
12665}
12666
12667.bx--pagination-nav__list-item:first-child {
12668 padding-left: 0;
12669}
12670
12671.bx--pagination-nav__list-item:last-child {
12672 padding-right: 0;
12673}
12674
12675.bx--pagination-nav__page {
12676 font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
12677 font-size: 0.875rem;
12678 font-weight: 400;
12679 line-height: 1.125rem;
12680 letter-spacing: 0.16px;
12681 display: inline-block;
12682 background: none;
12683 -webkit-appearance: none;
12684 -moz-appearance: none;
12685 appearance: none;
12686 border: 0;
12687 padding: 0;
12688 cursor: pointer;
12689 border-radius: 0;
12690 color: #565656;
12691 display: block;
12692 font-weight: 400;
12693 line-height: 1;
12694 min-width: 3rem;
12695 outline: 0;
12696 padding: 1.0625rem 0.25rem;
12697 position: relative;
12698 text-align: center;
12699 text-decoration: none;
12700 -webkit-transition: background-color, color;
12701 transition: background-color, color;
12702 -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12703 transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12704 -webkit-user-select: none;
12705 -moz-user-select: none;
12706 -ms-user-select: none;
12707 user-select: none;
12708}
12709
12710.bx--pagination-nav__page::-moz-focus-inner {
12711 border: 0;
12712}
12713
12714.bx--pagination-nav__page:hover {
12715 background-color: #e5e5e5;
12716 color: #565656;
12717}
12718
12719.bx--pagination-nav__page:focus {
12720 outline: 2px solid #0062ff;
12721 outline-offset: -2px;
12722}
12723
12724.bx--pagination-nav__page:disabled, .bx--pagination-nav__page.bx--pagination-nav__page--disabled {
12725 background: none;
12726 color: rgba(86, 86, 86, 0.5);
12727 outline: none;
12728 pointer-events: none;
12729}
12730
12731.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {
12732 background-color: #0062ff;
12733 bottom: 0;
12734 content: '';
12735 display: block;
12736 height: 0.25rem;
12737 left: 50%;
12738 position: absolute;
12739 opacity: 0;
12740 -webkit-transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12741 transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12742 width: 0;
12743}
12744
12745.bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {
12746 left: calc(50% - 0.5rem);
12747 opacity: 1;
12748 width: 1rem;
12749}
12750
12751.bx--pagination-nav__page.bx--pagination-nav__page--active {
12752 background-color: initial;
12753 color: #565656;
12754 font-weight: 600;
12755 outline: none;
12756}
12757
12758.bx--pagination-nav__page .bx--pagination-nav__icon {
12759 fill: currentColor;
12760 pointer-events: none;
12761}
12762
12763.bx--pagination-nav__page--direction {
12764 -webkit-box-align: center;
12765 -ms-flex-align: center;
12766 align-items: center;
12767 display: -webkit-box;
12768 display: -ms-flexbox;
12769 display: flex;
12770 height: 3rem;
12771 -webkit-box-pack: center;
12772 -ms-flex-pack: center;
12773 justify-content: center;
12774 line-height: 0;
12775 width: 3rem;
12776}
12777
12778.bx--pagination-nav__select {
12779 position: relative;
12780}
12781
12782.bx--pagination-nav__page--select {
12783 -webkit-appearance: none;
12784 -moz-appearance: none;
12785 appearance: none;
12786 max-height: 3rem;
12787 text-indent: calc(50% - 4.5px);
12788}
12789
12790@-moz-document url-prefix() {
12791 .bx--pagination-nav__page--select {
12792 text-indent: 0;
12793 }
12794}
12795
12796.bx--pagination-nav__select-icon-wrapper {
12797 height: 100%;
12798 pointer-events: none;
12799 position: absolute;
12800 top: 0;
12801 width: 100%;
12802}
12803
12804.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {
12805 background-color: #0062ff;
12806 bottom: 0;
12807 content: '';
12808 display: block;
12809 height: 0.25rem;
12810 left: 50%;
12811 position: absolute;
12812 opacity: 0;
12813 -webkit-transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12814 transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
12815 width: 0;
12816}
12817
12818.bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {
12819 left: calc(50% - 0.5rem);
12820 opacity: 1;
12821 width: 1rem;
12822}
12823
12824.bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon {
12825 display: none;
12826}
12827
12828.bx--pagination-nav__select-icon {
12829 left: calc(50% - 0.5rem);
12830 pointer-events: none;
12831 position: absolute;
12832 top: calc(50% - 0.5rem);
12833}
12834
12835.bx--pagination-nav__accessibility-label {
12836 position: absolute;
12837 width: 1px;
12838 height: 1px;
12839 padding: 0;
12840 margin: -1px;
12841 overflow: hidden;
12842 clip: rect(0, 0, 0, 0);
12843 border: 0;
12844 visibility: visible;
12845 white-space: nowrap;
12846}
12847
12848/*# sourceMappingURL=carbon-components.css.map */