eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on10/08/2023 10:49:50
Showing1 changed files
public/cirrus.css
History View file @1cc7164
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,17208 @@
1 
+/*
2 
+* Cirrus 0.7.1
3 
+* Stanley Lim, Copyright 2022
4 
+* https://spiderpig86.github.io/Cirrus
5 
+*/
6 
+@charset "UTF-8";
7 
+/* v1 Color scheme for Cirrus */
8 
+/*
9 
+  Functions
10 
+  TODO Refactor to different categories
11 
+*/
12 
+/*
13 
+    Converts a given hex value to RGB.
14 
+*/
15 
+/*
16 
+    Generates delimited class name prefix.
17 
+*/
18 
+/*
19 
+    Gets entry from given config by key and will merge with extended properties inside the extend map. This function also exists because merging with a null map does not work.
20 
+    Use case is that if we have somthing like this:
21 
+
22 
+    $config: (
23 
+        opacity: null, // Disable default opacity classes
24 
+        extends: (
25 
+            // Framework will now extend with your config and generate .u-opacity-42
26 
+            opacity: (
27 
+                42: .42
28 
+            )
29 
+        )
30 
+    );
31 
+*/
32 
+/*
33 
+    Converts a list of properties to a mapping where the key and value are the property
34 
+    itself.
35 
+*/
36 
+/*
37 
+    To generate the negative variant of classes, we want to prepend 'n' to the key and add a negative sign to the value.
38 
+
39 
+    This automatically skips string values and 0 values.
40 
+    This also assumes that the values passed in are positive variants of classes. This will break with negative variants.
41 
+*/
42 
+/*
43 
+    Merge multiple maps with each other.
44 
+
45 
+    $merged: map-multi-merge($map1, $map2, $map3, ...);
46 
+*/
47 
+/*
48 
+    Filters over a given map only for keys between $start inclusive and
49 
+    $end exclusive.
50 
+*/
51 
+/*
52 
+    Group selectors that share common styling.
53 
+*/
54 
+/*
55 
+    Global Mixins
56 
+*/
57 
+/*
58 
+    Mixin that returns a property map as a series of CSS class properties.
59 
+
60 
+    E.g. $xs: (color: #fff, opacity: 0.5), $sm... =>
61 
+
62 
+    <class>--xs {
63 
+        color: #fff;
64 
+        opacity: 0.5;
65 
+    }
66 
+*/
67 
+/*
68 
+    Bring to front on focus.
69 
+*/
70 
+/* Breakpoints */
71 
+/* Fonts */
72 
+/* Images */
73 
+/************
74 
+ * DEFAULTS *
75 
+ ************/
76 
+/*
77 
+    Fetch feature flag for different utility class types for generating viewport classes (e.g., u-flex-sm, u-flex-md, etc.).
78 
+*/
79 
+/*
80 
+  Helper function to determine if a set of classes should be generated based on given include/exclude configuration.
81 
+*/
82 
+/* Media Queries */
83 
+/* Variant of mixin that takes in mapping of class name to value */
84 
+/**
85 
+ * DART SASS ONLY: Generates viewport classes given styles in a @content mixin
86 
+ *
87 
+ * When using this mixin, you must follow specify a mixin that takes in the same number of variables that is being passed into @content below -- in this case, 1.
88 
+ *
89 
+ * Example usage (pretend \ is $):
90 
+ *
91 
+ *       @include generate-styles-with-viewports('true') using ($viewport) {
92 
+ *           $suffix: if($viewport != '', '-viewport', '');
93 
+ *           .outersuffix {
94 
+ *               background: #222;
95 
+ *               .innersuffix {
96 
+ *                   color: #fff;
97 
+ *               }
98 
+ *           }
99 
+ *       }
100 
+ */
101 
+/* VALUE APIS */
102 
+/* BASE STYLING + RESET FOR CIRRUS */
103 
+:root {
104 
+  /* v1 Colors */
105 
+  --cirrus-fg: #0f172a;
106 
+  --cirrus-bg: #ffffff;
107 
+  --cirrus-select-bg: rgba(0, 161, 255, 0.2);
108 
+  --cirrus-code-bg: rgba(255, 218, 221, 1);
109 
+  --cirrus-code-fg: #dc4753;
110 
+  --cirrus-form-group-bg: rgba(248, 249, 250, 1);
111 
+  --cirrus-form-group-fg: rgba(144, 144, 144, 1);
112 
+  --toast-primary-bg: rgba(49, 59, 80, 0.9);
113 
+  --animation-duration: 0.2s;
114 
+  --focus-opacity: 0.55;
115 
+  --font-size-xs: 0.75rem;
116 
+  --font-size-s: 0.875rem;
117 
+  --font-size-m: 1rem;
118 
+  --font-size-l: 1.25rem;
119 
+  --font-size-xl: 1.5rem;
120 
+  --cirrus-focus-size: 0 0 0.1rem 0.15rem;
121 
+  --cirrus-focus-color: rgba(240, 61, 77, 0.13);
122 
+  --bg-opacity: 1;
123 
+  --color-opacity: 1;
124 
+  --border-opacity: 1;
125 
+}
126 
+
127 
+/* RESET */
128 
+/* Box Sizing */
129 
+*,
130 
+*::before,
131 
+*::after {
132 
+  /* Prevent setting borders from increasing the size of an element */
133 
+  box-sizing: border-box;
134 
+  border: 0 solid currentColor;
135 
+  text-rendering: optimizeLegibility;
136 
+  -webkit-tap-highlight-color: transparent;
137 
+}
138 
+
139 
+/* Remove default margin and padding */
140 
+html,
141 
+body,
142 
+p,
143 
+ol,
144 
+ul,
145 
+li,
146 
+dl,
147 
+dt,
148 
+dd,
149 
+blockquote,
150 
+figure,
151 
+fieldset,
152 
+legend,
153 
+textarea,
154 
+pre,
155 
+iframe,
156 
+hr,
157 
+h1,
158 
+h2,
159 
+h3,
160 
+h4,
161 
+h5,
162 
+h6 {
163 
+  margin: 0;
164 
+  padding: 0;
165 
+}
166 
+
167 
+/* Allow % styles to work on page */
168 
+html,
169 
+body {
170 
+  border: none;
171 
+  height: 100%;
172 
+}
173 
+
174 
+/* Nunito Sans for the font */
175 
+body {
176 
+  letter-spacing: 0.01rem;
177 
+  line-height: 1.8; /* Globally adjust line height */
178 
+  font-size: 1rem;
179 
+  font-weight: 400;
180 
+  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
181 
+  color: var(--cirrus-fg);
182 
+}
183 
+
184 
+/* Remove bullets from unordered lists */
185 
+ul {
186 
+  list-style: none;
187 
+}
188 
+
189 
+/* Setting up embedded content */
190 
+audio,
191 
+canvas,
192 
+iframe,
193 
+img,
194 
+embed,
195 
+object,
196 
+svg,
197 
+video {
198 
+  display: block;
199 
+  max-width: 100%;
200 
+  height: auto;
201 
+}
202 
+
203 
+iframe {
204 
+  outline: 0;
205 
+  border: 1px solid rgba(0, 0, 0, 0.1);
206 
+  border-radius: 3px;
207 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
208 
+}
209 
+
210 
+/* Page sections set to block */
211 
+article,
212 
+aside,
213 
+figure,
214 
+footer,
215 
+header,
216 
+hgroup,
217 
+section {
218 
+  display: block;
219 
+}
220 
+
221 
+button,
222 
+input,
223 
+optgroup,
224 
+select,
225 
+textarea {
226 
+  margin: 0;
227 
+  font-family: inherit;
228 
+  font-size: inherit;
229 
+}
230 
+
231 
+/* Base styling for labels */
232 
+label {
233 
+  display: inline-block;
234 
+  margin: 0.25rem 0;
235 
+}
236 
+
237 
+/* Base styling for fieldsets */
238 
+fieldset {
239 
+  padding: 1rem;
240 
+}
241 
+
242 
+fieldset legend {
243 
+  font-weight: bold;
244 
+}
245 
+
246 
+/* Hidden elements must not show */
247 
+[hidden] {
248 
+  display: none !important;
249 
+}
250 
+
251 
+/* Selection Color */
252 
+::selection {
253 
+  background-color: var(--cirrus-select-bg);
254 
+}
255 
+
256 
+/* When focusing any element */
257 
+:focus {
258 
+  box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
259 
+  outline: none;
260 
+}
261 
+
262 
+/* Remove all animations based on preference */
263 
+@media (prefers-reduced-motion: reduce) {
264 
+  html:focus-within {
265 
+    scroll-behavior: auto;
266 
+  }
267 
+  *,
268 
+*::before,
269 
+*::after {
270 
+    animation-duration: 0.01ms !important;
271 
+    animation-iteration-count: 1 !important;
272 
+    transition-duration: 0.01ms !important;
273 
+    scroll-behavior: auto !important;
274 
+  }
275 
+}
276 
+/* ANIMATIONS */
277 
+/* Keyframes */
278 
+/* Spinning loading animation */
279 
+@keyframes loading {
280 
+  from {
281 
+    transform: rotate(0deg);
282 
+  }
283 
+  to {
284 
+    transform: rotate(359deg);
285 
+  }
286 
+}
287 
+/* Heart animation */
288 
+@keyframes pound {
289 
+  to {
290 
+    transform: scale(1.1);
291 
+  }
292 
+}
293 
+/* Bounce animations */
294 
+@keyframes bounce {
295 
+  from, 20%, 53%, 80%, to {
296 
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
297 
+    transform: translate3d(0, 0, 0);
298 
+  }
299 
+  40%, 43% {
300 
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
301 
+    transform: translate3d(0, -30px, 0);
302 
+  }
303 
+  70% {
304 
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
305 
+    transform: translate3d(0, -15px, 0);
306 
+  }
307 
+  90% {
308 
+    transform: translate3d(0, -4px, 0);
309 
+  }
310 
+}
311 
+@keyframes bounceIn {
312 
+  from, 20%, 40%, 60%, 80%, to {
313 
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
314 
+  }
315 
+  0% {
316 
+    opacity: 0;
317 
+    transform: scale3d(0.3, 0.3, 0.3);
318 
+  }
319 
+  20% {
320 
+    transform: scale3d(1.1, 1.1, 1.1);
321 
+  }
322 
+  40% {
323 
+    transform: scale3d(0.9, 0.9, 0.9);
324 
+  }
325 
+  60% {
326 
+    opacity: 1;
327 
+    transform: scale3d(1.03, 1.03, 1.03);
328 
+  }
329 
+  80% {
330 
+    transform: scale3d(0.97, 0.97, 0.97);
331 
+  }
332 
+  to {
333 
+    opacity: 1;
334 
+    transform: scale3d(1, 1, 1);
335 
+  }
336 
+}
337 
+@keyframes fadeIn {
338 
+  from {
339 
+    opacity: 0;
340 
+  }
341 
+  to {
342 
+    opacity: 1;
343 
+  }
344 
+}
345 
+@keyframes pulse {
346 
+  50% {
347 
+    opacity: 0.5;
348 
+  }
349 
+}
350 
+@keyframes ping {
351 
+  75%, 100% {
352 
+    transform: scale(2);
353 
+    opacity: 0;
354 
+  }
355 
+}
356 
+/* Hover animation */
357 
+.hover-grow {
358 
+  /* Mouse leave */
359 
+  transition-duration: 0.32s;
360 
+}
361 
+
362 
+.hover-grow:hover {
363 
+  /* Mouse enter */
364 
+  transform: scale(1.1);
365 
+  transition-duration: 0.08s;
366 
+}
367 
+
368 
+.animated {
369 
+  animation-duration: 1s;
370 
+  animation-fill-mode: both;
371 
+  /* Loading button position relatively for loading spinner location */
372 
+}
373 
+
374 
+.animated.loading {
375 
+  display: block;
376 
+  position: relative;
377 
+  /* Loading Spinner, align center by default */
378 
+  /* Hide text in loading button */
379 
+}
380 
+
381 
+.animated.loading::after {
382 
+  border: 2px solid #ced4da;
383 
+  border-radius: 50%;
384 
+  border-right-color: transparent;
385 
+  border-top-color: transparent;
386 
+  content: "";
387 
+  display: block;
388 
+  height: 1rem;
389 
+  width: 1rem;
390 
+  left: calc(50% - 0.8em);
391 
+  top: calc(50% - 0.7407407407em);
392 
+  position: absolute;
393 
+  animation: loading 500ms infinite linear;
394 
+}
395 
+
396 
+.animated.loading.loading-white::after {
397 
+  border-left-color: #fff;
398 
+  border-bottom-color: #fff;
399 
+}
400 
+
401 
+.animated.loading.loading-left {
402 
+  padding-left: 3rem;
403 
+  /* Align spinner left */
404 
+}
405 
+
406 
+.animated.loading.loading-left::after {
407 
+  left: 1rem;
408 
+  right: auto;
409 
+}
410 
+
411 
+.animated.loading.loading-right {
412 
+  padding-right: 3rem;
413 
+  /* Align spinner right */
414 
+}
415 
+
416 
+.animated.loading.loading-right::after {
417 
+  left: auto;
418 
+  right: 1rem;
419 
+}
420 
+
421 
+.animated.loading.hide-text {
422 
+  color: transparent !important;
423 
+}
424 
+
425 
+.animated.pound {
426 
+  animation: pound 0.35s infinite alternate;
427 
+  vertical-align: baseline;
428 
+}
429 
+
430 
+.animated.bounce {
431 
+  animation-name: bounce;
432 
+  transform-origin: center bottom;
433 
+}
434 
+
435 
+.animated.bounceIn {
436 
+  animation-name: bounceIn;
437 
+}
438 
+
439 
+.animated.fadeIn {
440 
+  animation-name: fadeIn;
441 
+}
442 
+
443 
+.animated.infinite {
444 
+  animation-iteration-count: infinite;
445 
+}
446 
+
447 
+.animated.infinite.alternate {
448 
+  animation-direction: alternate;
449 
+}
450 
+
451 
+.animated.paused {
452 
+  animation-play-state: paused !important;
453 
+}
454 
+
455 
+.animated.pulse {
456 
+  animation: pulse 1.25s cubic-bezier(0.4, 0, 0.6, 1) infinite;
457 
+}
458 
+
459 
+.animated.ping {
460 
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
461 
+}
462 
+
463 
+/* FONT */
464 
+/* Constants */
465 
+/* Headers */
466 
+h6 {
467 
+  font-size: 1.25rem;
468 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
469 
+  font-weight: 700;
470 
+  line-height: 1.2;
471 
+  margin-bottom: 1rem;
472 
+}
473 
+
474 
+h5 {
475 
+  font-size: 1.5rem;
476 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
477 
+  font-weight: 700;
478 
+  line-height: 1.2;
479 
+  margin-bottom: 1rem;
480 
+}
481 
+
482 
+h4 {
483 
+  font-size: 1.75rem;
484 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
485 
+  font-weight: 700;
486 
+  line-height: 1.2;
487 
+  margin-bottom: 1rem;
488 
+}
489 
+
490 
+h3 {
491 
+  font-size: 2rem;
492 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
493 
+  font-weight: 700;
494 
+  line-height: 1.2;
495 
+  margin-bottom: 1rem;
496 
+}
497 
+
498 
+h2 {
499 
+  font-size: 2.5rem;
500 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
501 
+  font-weight: 700;
502 
+  line-height: 1.2;
503 
+  margin-bottom: 1rem;
504 
+}
505 
+
506 
+h1 {
507 
+  font-size: 3rem;
508 
+  letter-spacing: 0.025rem;
509 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
510 
+  font-weight: 700;
511 
+  line-height: 1.2;
512 
+  margin-bottom: 1rem;
513 
+}
514 
+
515 
+/* Headlines (for larger titles) */
516 
+.headline-4 {
517 
+  font-size: 3.5rem;
518 
+  letter-spacing: 0.05rem;
519 
+}
520 
+
521 
+.headline-3 {
522 
+  font-size: 4.5rem;
523 
+  letter-spacing: 0.05rem;
524 
+}
525 
+
526 
+.headline-2 {
527 
+  font-size: 5.5rem;
528 
+  letter-spacing: 0.05rem;
529 
+}
530 
+
531 
+.headline-1 {
532 
+  font-size: 6.5rem;
533 
+  letter-spacing: 0.05rem;
534 
+}
535 
+
536 
+/* Regular text sizes */
537 
+.text-xs {
538 
+  font-size: 0.75rem !important;
539 
+  line-height: 1.5rem !important;
540 
+}
541 
+
542 
+.text-sm {
543 
+  font-size: 0.875rem !important;
544 
+  line-height: 1.75rem !important;
545 
+}
546 
+
547 
+.text-md {
548 
+  font-size: 1rem !important;
549 
+  line-height: 2rem !important;
550 
+}
551 
+
552 
+.text-lg {
553 
+  font-size: 1.25rem !important;
554 
+  line-height: 2.25rem !important;
555 
+}
556 
+
557 
+.text-xl {
558 
+  font-size: 1.5rem !important;
559 
+  line-height: 2.25rem !important;
560 
+}
561 
+
562 
+p,
563 
+article,
564 
+blockquote {
565 
+  font-size: 1rem;
566 
+  line-height: 2;
567 
+  margin-bottom: 1rem;
568 
+}
569 
+
570 
+p.lead {
571 
+  font-size: 1.2rem;
572 
+}
573 
+
574 
+blockquote {
575 
+  background-color: #f8f9fa;
576 
+  border-left: 5px solid #e9ecef;
577 
+  border-radius: 3px;
578 
+  margin-bottom: 1rem;
579 
+  padding: 1rem 2rem;
580 
+}
581 
+
582 
+blockquote.text--large {
583 
+  font-size: 1.15rem;
584 
+}
585 
+
586 
+blockquote p {
587 
+  margin: 0;
588 
+}
589 
+
590 
+cite {
591 
+  opacity: 0.7;
592 
+}
593 
+
594 
+mark,
595 
+.mark {
596 
+  padding: 0.2em;
597 
+  background-color: #f0e8c4;
598 
+}
599 
+
600 
+.font-primary {
601 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
602 
+}
603 
+
604 
+.font-alt, .font-secondary {
605 
+  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
606 
+}
607 
+
608 
+.content h1 {
609 
+  line-height: 1.125em;
610 
+  margin: 1rem 0;
611 
+}
612 
+
613 
+.content h2 {
614 
+  line-height: 1.125em;
615 
+  margin: 1rem 0;
616 
+}
617 
+
618 
+.content h3 {
619 
+  line-height: 1.125em;
620 
+  margin: 1rem 0;
621 
+}
622 
+
623 
+.content h4 {
624 
+  line-height: 1.125em;
625 
+  margin: 1rem 0;
626 
+}
627 
+
628 
+.content h5 {
629 
+  line-height: 1.125em;
630 
+  margin: 1rem 0;
631 
+}
632 
+
633 
+.content h6 {
634 
+  line-height: 1.125em;
635 
+  margin: 1rem 0;
636 
+}
637 
+
638 
+/* TODO: To deprecate */
639 
+.title {
640 
+  font-weight: bold;
641 
+}
642 
+
643 
+.title:not(:last-child),
644 
+.subtitle:not(:last-child) {
645 
+  margin-bottom: 1rem;
646 
+}
647 
+
648 
+.title + .subtitle {
649 
+  /* Make the subtitlte closer to the title */
650 
+  margin-top: -0.75rem;
651 
+}
652 
+
653 
+/* Use default line-height for these texts and when line-height-inherit is specified */
654 
+.card-tile p,
655 
+.card-tile article,
656 
+.card-tile blockquote {
657 
+  line-height: inherit;
658 
+}
659 
+
660 
+/* Weights */
661 
+.font-extrathin {
662 
+  font-weight: 100;
663 
+}
664 
+
665 
+.font-thin {
666 
+  font-weight: 200;
667 
+}
668 
+
669 
+.font-light {
670 
+  font-weight: 300;
671 
+}
672 
+
673 
+.font-normal {
674 
+  font-weight: 400;
675 
+}
676 
+
677 
+.font-medium {
678 
+  font-weight: 500;
679 
+}
680 
+
681 
+.font-semibold {
682 
+  font-weight: 600;
683 
+}
684 
+
685 
+.font-bold {
686 
+  font-weight: 700;
687 
+}
688 
+
689 
+.font-extrabold {
690 
+  font-weight: 800;
691 
+}
692 
+
693 
+.font-black {
694 
+  font-weight: 900;
695 
+}
696 
+
697 
+/* Text Transformations */
698 
+.uppercase {
699 
+  text-transform: uppercase;
700 
+}
701 
+
702 
+.lowercase {
703 
+  text-transform: lowercase;
704 
+}
705 
+
706 
+.capitalize {
707 
+  text-transform: capitalize;
708 
+}
709 
+
710 
+.rtl {
711 
+  direction: rtl;
712 
+}
713 
+
714 
+/* Font Awesome */
715 
+.icon {
716 
+  /* Usually used in spans */
717 
+  display: inline-block;
718 
+  /* font-size: 21px; Allow font sizes for icons to be overwritten */
719 
+  /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
720 
+  text-align: center;
721 
+  width: 1.5rem;
722 
+  vertical-align: baseline;
723 
+}
724 
+
725 
+.icon.x-small {
726 
+  margin: 0.55rem 0 0 0.1rem;
727 
+}
728 
+
729 
+.icon.small {
730 
+  margin: 0.95rem 0 0 0.1rem;
731 
+}
732 
+
733 
+.icon .fa-wrapper {
734 
+  font-size: inherit;
735 
+}
736 
+
737 
+.info {
738 
+  display: block;
739 
+  font-size: var(--font-size-s);
740 
+  margin-top: 0.25rem;
741 
+  color: #868e96;
742 
+}
743 
+
744 
+.info.inline {
745 
+  /* Keeps the extra info inline */
746 
+  display: inline-block;
747 
+  margin-left: 0.5rem;
748 
+}
749 
+
750 
+.caret {
751 
+  display: inline-block;
752 
+  width: 0;
753 
+  height: 0;
754 
+  margin-left: 2px;
755 
+  vertical-align: middle;
756 
+  border-top: 4px dashed;
757 
+  border-top: 4px solid\9 ;
758 
+  border-right: 4px solid transparent;
759 
+  border-left: 4px solid transparent;
760 
+}
761 
+
762 
+/* Other text elements */
763 
+abbr[title] {
764 
+  border-bottom: 0.1rem dotted;
765 
+  cursor: help;
766 
+  text-decoration: none;
767 
+}
768 
+
769 
+kbd {
770 
+  background-color: var(--cirrus-fg);
771 
+  border-radius: 0.2rem;
772 
+  color: #fff;
773 
+  display: inline-block;
774 
+  line-height: 1;
775 
+  padding: 0.5rem;
776 
+  vertical-align: baseline;
777 
+}
778 
+
779 
+/* Letter spacing */
780 
+.tracking-tightest {
781 
+  letter-spacing: -0.075em !important;
782 
+}
783 
+
784 
+.tracking-tighter {
785 
+  letter-spacing: -0.05em !important;
786 
+}
787 
+
788 
+.tracking-tight {
789 
+  letter-spacing: -0.025em !important;
790 
+}
791 
+
792 
+.tracking-normal {
793 
+  letter-spacing: 0 !important;
794 
+}
795 
+
796 
+.tracking-loose {
797 
+  letter-spacing: 0.025em !important;
798 
+}
799 
+
800 
+.tracking-looser {
801 
+  letter-spacing: 0.05em !important;
802 
+}
803 
+
804 
+.tracking-loosest {
805 
+  letter-spacing: 0.1em !important;
806 
+}
807 
+
808 
+/* Line height */
809 
+.leading-none {
810 
+  line-height: 1 !important;
811 
+}
812 
+
813 
+.leading-tighter {
814 
+  line-height: 1.25 !important;
815 
+}
816 
+
817 
+.leading-tight {
818 
+  line-height: 1.375 !important;
819 
+}
820 
+
821 
+.leading-normal {
822 
+  line-height: 1.5 !important;
823 
+}
824 
+
825 
+.leading-loose {
826 
+  line-height: 1.625 !important;
827 
+}
828 
+
829 
+.leading-looser {
830 
+  line-height: 2 !important;
831 
+}
832 
+
833 
+/* MOBILE */
834 
+@media screen and (max-width: 639px) {
835 
+  h6 {
836 
+    font-size: 1rem;
837 
+  }
838 
+  h5 {
839 
+    font-size: 1.25rem;
840 
+  }
841 
+  h4 {
842 
+    font-size: 1.5rem;
843 
+  }
844 
+  h3 {
845 
+    font-size: 1.75rem;
846 
+  }
847 
+  h2 {
848 
+    font-size: 2rem;
849 
+  }
850 
+  h1 {
851 
+    font-size: 2.25rem;
852 
+  }
853 
+  /* Headlines (for larger titles) */
854 
+  .headline-4 {
855 
+    font-size: 3rem;
856 
+  }
857 
+  .headline-3 {
858 
+    font-size: 3.25rem;
859 
+  }
860 
+  .headline-2 {
861 
+    font-size: 3.5rem;
862 
+  }
863 
+  .headline-1 {
864 
+    font-size: 3.75rem;
865 
+  }
866 
+  p,
867 
+article,
868 
+blockquote {
869 
+    margin: 1rem 0;
870 
+  }
871 
+}
872 
+/* GRID */
873 
+:root {
874 
+  --grid-template-column: repeat(12, minmax(0, 1fr));
875 
+  --grid-column-start: auto;
876 
+  --grid-column-end: auto;
877 
+  --grid-row-start: auto;
878 
+  --grid-row-end: auto;
879 
+}
880 
+
881 
+.grid {
882 
+  display: grid;
883 
+  grid-gap: var(--grid-gap);
884 
+  grid-template-columns: var(--grid-template-column);
885 
+}
886 
+
887 
+/* Templates */
888 
+.grid-cols-1 {
889 
+  --grid-template-column: repeat(1, minmax(0, 1fr));
890 
+}
891 
+
892 
+/* Column expansion */
893 
+.grid-c-1 {
894 
+  grid-column: span 1/span 1;
895 
+}
896 
+
897 
+/* Row expansion */
898 
+.grid-r-1 {
899 
+  grid-row: span 1/span 1;
900 
+}
901 
+
902 
+/* Cell Column Start/End */
903 
+.grid-cs-1 {
904 
+  grid-column-start: 1;
905 
+}
906 
+
907 
+.grid-ce-1 {
908 
+  grid-column-end: 2;
909 
+}
910 
+
911 
+/* Cell Row Start/End */
912 
+.grid-rs-1 {
913 
+  grid-row-start: 1;
914 
+}
915 
+
916 
+.grid-re-1 {
917 
+  grid-row-end: 2;
918 
+}
919 
+
920 
+/* Templates */
921 
+.grid-cols-2 {
922 
+  --grid-template-column: repeat(2, minmax(0, 1fr));
923 
+}
924 
+
925 
+/* Column expansion */
926 
+.grid-c-2 {
927 
+  grid-column: span 2/span 2;
928 
+}
929 
+
930 
+/* Row expansion */
931 
+.grid-r-2 {
932 
+  grid-row: span 2/span 2;
933 
+}
934 
+
935 
+/* Cell Column Start/End */
936 
+.grid-cs-2 {
937 
+  grid-column-start: 2;
938 
+}
939 
+
940 
+.grid-ce-2 {
941 
+  grid-column-end: 3;
942 
+}
943 
+
944 
+/* Cell Row Start/End */
945 
+.grid-rs-2 {
946 
+  grid-row-start: 2;
947 
+}
948 
+
949 
+.grid-re-2 {
950 
+  grid-row-end: 3;
951 
+}
952 
+
953 
+/* Templates */
954 
+.grid-cols-3 {
955 
+  --grid-template-column: repeat(3, minmax(0, 1fr));
956 
+}
957 
+
958 
+/* Column expansion */
959 
+.grid-c-3 {
960 
+  grid-column: span 3/span 3;
961 
+}
962 
+
963 
+/* Row expansion */
964 
+.grid-r-3 {
965 
+  grid-row: span 3/span 3;
966 
+}
967 
+
968 
+/* Cell Column Start/End */
969 
+.grid-cs-3 {
970 
+  grid-column-start: 3;
971 
+}
972 
+
973 
+.grid-ce-3 {
974 
+  grid-column-end: 4;
975 
+}
976 
+
977 
+/* Cell Row Start/End */
978 
+.grid-rs-3 {
979 
+  grid-row-start: 3;
980 
+}
981 
+
982 
+.grid-re-3 {
983 
+  grid-row-end: 4;
984 
+}
985 
+
986 
+/* Templates */
987 
+.grid-cols-4 {
988 
+  --grid-template-column: repeat(4, minmax(0, 1fr));
989 
+}
990 
+
991 
+/* Column expansion */
992 
+.grid-c-4 {
993 
+  grid-column: span 4/span 4;
994 
+}
995 
+
996 
+/* Row expansion */
997 
+.grid-r-4 {
998 
+  grid-row: span 4/span 4;
999 
+}
1000 
+
1001 
+/* Cell Column Start/End */
1002 
+.grid-cs-4 {
1003 
+  grid-column-start: 4;
1004 
+}
1005 
+
1006 
+.grid-ce-4 {
1007 
+  grid-column-end: 5;
1008 
+}
1009 
+
1010 
+/* Cell Row Start/End */
1011 
+.grid-rs-4 {
1012 
+  grid-row-start: 4;
1013 
+}
1014 
+
1015 
+.grid-re-4 {
1016 
+  grid-row-end: 5;
1017 
+}
1018 
+
1019 
+/* Templates */
1020 
+.grid-cols-5 {
1021 
+  --grid-template-column: repeat(5, minmax(0, 1fr));
1022 
+}
1023 
+
1024 
+/* Column expansion */
1025 
+.grid-c-5 {
1026 
+  grid-column: span 5/span 5;
1027 
+}
1028 
+
1029 
+/* Row expansion */
1030 
+.grid-r-5 {
1031 
+  grid-row: span 5/span 5;
1032 
+}
1033 
+
1034 
+/* Cell Column Start/End */
1035 
+.grid-cs-5 {
1036 
+  grid-column-start: 5;
1037 
+}
1038 
+
1039 
+.grid-ce-5 {
1040 
+  grid-column-end: 6;
1041 
+}
1042 
+
1043 
+/* Cell Row Start/End */
1044 
+.grid-rs-5 {
1045 
+  grid-row-start: 5;
1046 
+}
1047 
+
1048 
+.grid-re-5 {
1049 
+  grid-row-end: 6;
1050 
+}
1051 
+
1052 
+/* Templates */
1053 
+.grid-cols-6 {
1054 
+  --grid-template-column: repeat(6, minmax(0, 1fr));
1055 
+}
1056 
+
1057 
+/* Column expansion */
1058 
+.grid-c-6 {
1059 
+  grid-column: span 6/span 6;
1060 
+}
1061 
+
1062 
+/* Row expansion */
1063 
+.grid-r-6 {
1064 
+  grid-row: span 6/span 6;
1065 
+}
1066 
+
1067 
+/* Cell Column Start/End */
1068 
+.grid-cs-6 {
1069 
+  grid-column-start: 6;
1070 
+}
1071 
+
1072 
+.grid-ce-6 {
1073 
+  grid-column-end: 7;
1074 
+}
1075 
+
1076 
+/* Cell Row Start/End */
1077 
+.grid-rs-6 {
1078 
+  grid-row-start: 6;
1079 
+}
1080 
+
1081 
+.grid-re-6 {
1082 
+  grid-row-end: 7;
1083 
+}
1084 
+
1085 
+/* Templates */
1086 
+.grid-cols-7 {
1087 
+  --grid-template-column: repeat(7, minmax(0, 1fr));
1088 
+}
1089 
+
1090 
+/* Column expansion */
1091 
+.grid-c-7 {
1092 
+  grid-column: span 7/span 7;
1093 
+}
1094 
+
1095 
+/* Row expansion */
1096 
+.grid-r-7 {
1097 
+  grid-row: span 7/span 7;
1098 
+}
1099 
+
1100 
+/* Cell Column Start/End */
1101 
+.grid-cs-7 {
1102 
+  grid-column-start: 7;
1103 
+}
1104 
+
1105 
+.grid-ce-7 {
1106 
+  grid-column-end: 8;
1107 
+}
1108 
+
1109 
+/* Cell Row Start/End */
1110 
+.grid-rs-7 {
1111 
+  grid-row-start: 7;
1112 
+}
1113 
+
1114 
+.grid-re-7 {
1115 
+  grid-row-end: 8;
1116 
+}
1117 
+
1118 
+/* Templates */
1119 
+.grid-cols-8 {
1120 
+  --grid-template-column: repeat(8, minmax(0, 1fr));
1121 
+}
1122 
+
1123 
+/* Column expansion */
1124 
+.grid-c-8 {
1125 
+  grid-column: span 8/span 8;
1126 
+}
1127 
+
1128 
+/* Row expansion */
1129 
+.grid-r-8 {
1130 
+  grid-row: span 8/span 8;
1131 
+}
1132 
+
1133 
+/* Cell Column Start/End */
1134 
+.grid-cs-8 {
1135 
+  grid-column-start: 8;
1136 
+}
1137 
+
1138 
+.grid-ce-8 {
1139 
+  grid-column-end: 9;
1140 
+}
1141 
+
1142 
+/* Cell Row Start/End */
1143 
+.grid-rs-8 {
1144 
+  grid-row-start: 8;
1145 
+}
1146 
+
1147 
+.grid-re-8 {
1148 
+  grid-row-end: 9;
1149 
+}
1150 
+
1151 
+/* Templates */
1152 
+.grid-cols-9 {
1153 
+  --grid-template-column: repeat(9, minmax(0, 1fr));
1154 
+}
1155 
+
1156 
+/* Column expansion */
1157 
+.grid-c-9 {
1158 
+  grid-column: span 9/span 9;
1159 
+}
1160 
+
1161 
+/* Row expansion */
1162 
+.grid-r-9 {
1163 
+  grid-row: span 9/span 9;
1164 
+}
1165 
+
1166 
+/* Cell Column Start/End */
1167 
+.grid-cs-9 {
1168 
+  grid-column-start: 9;
1169 
+}
1170 
+
1171 
+.grid-ce-9 {
1172 
+  grid-column-end: 10;
1173 
+}
1174 
+
1175 
+/* Cell Row Start/End */
1176 
+.grid-rs-9 {
1177 
+  grid-row-start: 9;
1178 
+}
1179 
+
1180 
+.grid-re-9 {
1181 
+  grid-row-end: 10;
1182 
+}
1183 
+
1184 
+/* Templates */
1185 
+.grid-cols-10 {
1186 
+  --grid-template-column: repeat(10, minmax(0, 1fr));
1187 
+}
1188 
+
1189 
+/* Column expansion */
1190 
+.grid-c-10 {
1191 
+  grid-column: span 10/span 10;
1192 
+}
1193 
+
1194 
+/* Row expansion */
1195 
+.grid-r-10 {
1196 
+  grid-row: span 10/span 10;
1197 
+}
1198 
+
1199 
+/* Cell Column Start/End */
1200 
+.grid-cs-10 {
1201 
+  grid-column-start: 10;
1202 
+}
1203 
+
1204 
+.grid-ce-10 {
1205 
+  grid-column-end: 11;
1206 
+}
1207 
+
1208 
+/* Cell Row Start/End */
1209 
+.grid-rs-10 {
1210 
+  grid-row-start: 10;
1211 
+}
1212 
+
1213 
+.grid-re-10 {
1214 
+  grid-row-end: 11;
1215 
+}
1216 
+
1217 
+/* Templates */
1218 
+.grid-cols-11 {
1219 
+  --grid-template-column: repeat(11, minmax(0, 1fr));
1220 
+}
1221 
+
1222 
+/* Column expansion */
1223 
+.grid-c-11 {
1224 
+  grid-column: span 11/span 11;
1225 
+}
1226 
+
1227 
+/* Row expansion */
1228 
+.grid-r-11 {
1229 
+  grid-row: span 11/span 11;
1230 
+}
1231 
+
1232 
+/* Cell Column Start/End */
1233 
+.grid-cs-11 {
1234 
+  grid-column-start: 11;
1235 
+}
1236 
+
1237 
+.grid-ce-11 {
1238 
+  grid-column-end: 12;
1239 
+}
1240 
+
1241 
+/* Cell Row Start/End */
1242 
+.grid-rs-11 {
1243 
+  grid-row-start: 11;
1244 
+}
1245 
+
1246 
+.grid-re-11 {
1247 
+  grid-row-end: 12;
1248 
+}
1249 
+
1250 
+/* Templates */
1251 
+.grid-cols-12 {
1252 
+  --grid-template-column: repeat(12, minmax(0, 1fr));
1253 
+}
1254 
+
1255 
+/* Column expansion */
1256 
+.grid-c-12 {
1257 
+  grid-column: span 12/span 12;
1258 
+}
1259 
+
1260 
+/* Row expansion */
1261 
+.grid-r-12 {
1262 
+  grid-row: span 12/span 12;
1263 
+}
1264 
+
1265 
+/* Cell Column Start/End */
1266 
+.grid-cs-12 {
1267 
+  grid-column-start: 12;
1268 
+}
1269 
+
1270 
+.grid-ce-12 {
1271 
+  grid-column-end: 13;
1272 
+}
1273 
+
1274 
+/* Cell Row Start/End */
1275 
+.grid-rs-12 {
1276 
+  grid-row-start: 12;
1277 
+}
1278 
+
1279 
+.grid-re-12 {
1280 
+  grid-row-end: 13;
1281 
+}
1282 
+
1283 
+.grid-ce-end {
1284 
+  grid-column-end: -1;
1285 
+}
1286 
+
1287 
+.grid-re-end {
1288 
+  grid-row-end: -1;
1289 
+}
1290 
+
1291 
+.grid-ce-auto {
1292 
+  grid-column-end: auto;
1293 
+}
1294 
+
1295 
+.grid-re-auto {
1296 
+  grid-row-end: auto;
1297 
+}
1298 
+
1299 
+@media screen and (min-width: 640px) {
1300 
+  .grid-sm {
1301 
+    display: grid;
1302 
+    grid-gap: var(--grid-gap);
1303 
+    grid-template-columns: var(--grid-template-column);
1304 
+  }
1305 
+  /* Templates */
1306 
+  .grid-cols-1-sm {
1307 
+    --grid-template-column: repeat(1, minmax(0, 1fr));
1308 
+  }
1309 
+  /* Column expansion */
1310 
+  .grid-c-1-sm {
1311 
+    grid-column: span 1/span 1;
1312 
+  }
1313 
+  /* Row expansion */
1314 
+  .grid-r-1-sm {
1315 
+    grid-row: span 1/span 1;
1316 
+  }
1317 
+  /* Cell Column Start/End */
1318 
+  .grid-cs-1-sm {
1319 
+    grid-column-start: 1;
1320 
+  }
1321 
+  .grid-ce-1-sm {
1322 
+    grid-column-end: 2;
1323 
+  }
1324 
+  /* Cell Row Start/End */
1325 
+  .grid-rs-1-sm {
1326 
+    grid-row-start: 1;
1327 
+  }
1328 
+  .grid-re-1-sm {
1329 
+    grid-row-end: 2;
1330 
+  }
1331 
+  /* Templates */
1332 
+  .grid-cols-2-sm {
1333 
+    --grid-template-column: repeat(2, minmax(0, 1fr));
1334 
+  }
1335 
+  /* Column expansion */
1336 
+  .grid-c-2-sm {
1337 
+    grid-column: span 2/span 2;
1338 
+  }
1339 
+  /* Row expansion */
1340 
+  .grid-r-2-sm {
1341 
+    grid-row: span 2/span 2;
1342 
+  }
1343 
+  /* Cell Column Start/End */
1344 
+  .grid-cs-2-sm {
1345 
+    grid-column-start: 2;
1346 
+  }
1347 
+  .grid-ce-2-sm {
1348 
+    grid-column-end: 3;
1349 
+  }
1350 
+  /* Cell Row Start/End */
1351 
+  .grid-rs-2-sm {
1352 
+    grid-row-start: 2;
1353 
+  }
1354 
+  .grid-re-2-sm {
1355 
+    grid-row-end: 3;
1356 
+  }
1357 
+  /* Templates */
1358 
+  .grid-cols-3-sm {
1359 
+    --grid-template-column: repeat(3, minmax(0, 1fr));
1360 
+  }
1361 
+  /* Column expansion */
1362 
+  .grid-c-3-sm {
1363 
+    grid-column: span 3/span 3;
1364 
+  }
1365 
+  /* Row expansion */
1366 
+  .grid-r-3-sm {
1367 
+    grid-row: span 3/span 3;
1368 
+  }
1369 
+  /* Cell Column Start/End */
1370 
+  .grid-cs-3-sm {
1371 
+    grid-column-start: 3;
1372 
+  }
1373 
+  .grid-ce-3-sm {
1374 
+    grid-column-end: 4;
1375 
+  }
1376 
+  /* Cell Row Start/End */
1377 
+  .grid-rs-3-sm {
1378 
+    grid-row-start: 3;
1379 
+  }
1380 
+  .grid-re-3-sm {
1381 
+    grid-row-end: 4;
1382 
+  }
1383 
+  /* Templates */
1384 
+  .grid-cols-4-sm {
1385 
+    --grid-template-column: repeat(4, minmax(0, 1fr));
1386 
+  }
1387 
+  /* Column expansion */
1388 
+  .grid-c-4-sm {
1389 
+    grid-column: span 4/span 4;
1390 
+  }
1391 
+  /* Row expansion */
1392 
+  .grid-r-4-sm {
1393 
+    grid-row: span 4/span 4;
1394 
+  }
1395 
+  /* Cell Column Start/End */
1396 
+  .grid-cs-4-sm {
1397 
+    grid-column-start: 4;
1398 
+  }
1399 
+  .grid-ce-4-sm {
1400 
+    grid-column-end: 5;
1401 
+  }
1402 
+  /* Cell Row Start/End */
1403 
+  .grid-rs-4-sm {
1404 
+    grid-row-start: 4;
1405 
+  }
1406 
+  .grid-re-4-sm {
1407 
+    grid-row-end: 5;
1408 
+  }
1409 
+  /* Templates */
1410 
+  .grid-cols-5-sm {
1411 
+    --grid-template-column: repeat(5, minmax(0, 1fr));
1412 
+  }
1413 
+  /* Column expansion */
1414 
+  .grid-c-5-sm {
1415 
+    grid-column: span 5/span 5;
1416 
+  }
1417 
+  /* Row expansion */
1418 
+  .grid-r-5-sm {
1419 
+    grid-row: span 5/span 5;
1420 
+  }
1421 
+  /* Cell Column Start/End */
1422 
+  .grid-cs-5-sm {
1423 
+    grid-column-start: 5;
1424 
+  }
1425 
+  .grid-ce-5-sm {
1426 
+    grid-column-end: 6;
1427 
+  }
1428 
+  /* Cell Row Start/End */
1429 
+  .grid-rs-5-sm {
1430 
+    grid-row-start: 5;
1431 
+  }
1432 
+  .grid-re-5-sm {
1433 
+    grid-row-end: 6;
1434 
+  }
1435 
+  /* Templates */
1436 
+  .grid-cols-6-sm {
1437 
+    --grid-template-column: repeat(6, minmax(0, 1fr));
1438 
+  }
1439 
+  /* Column expansion */
1440 
+  .grid-c-6-sm {
1441 
+    grid-column: span 6/span 6;
1442 
+  }
1443 
+  /* Row expansion */
1444 
+  .grid-r-6-sm {
1445 
+    grid-row: span 6/span 6;
1446 
+  }
1447 
+  /* Cell Column Start/End */
1448 
+  .grid-cs-6-sm {
1449 
+    grid-column-start: 6;
1450 
+  }
1451 
+  .grid-ce-6-sm {
1452 
+    grid-column-end: 7;
1453 
+  }
1454 
+  /* Cell Row Start/End */
1455 
+  .grid-rs-6-sm {
1456 
+    grid-row-start: 6;
1457 
+  }
1458 
+  .grid-re-6-sm {
1459 
+    grid-row-end: 7;
1460 
+  }
1461 
+  /* Templates */
1462 
+  .grid-cols-7-sm {
1463 
+    --grid-template-column: repeat(7, minmax(0, 1fr));
1464 
+  }
1465 
+  /* Column expansion */
1466 
+  .grid-c-7-sm {
1467 
+    grid-column: span 7/span 7;
1468 
+  }
1469 
+  /* Row expansion */
1470 
+  .grid-r-7-sm {
1471 
+    grid-row: span 7/span 7;
1472 
+  }
1473 
+  /* Cell Column Start/End */
1474 
+  .grid-cs-7-sm {
1475 
+    grid-column-start: 7;
1476 
+  }
1477 
+  .grid-ce-7-sm {
1478 
+    grid-column-end: 8;
1479 
+  }
1480 
+  /* Cell Row Start/End */
1481 
+  .grid-rs-7-sm {
1482 
+    grid-row-start: 7;
1483 
+  }
1484 
+  .grid-re-7-sm {
1485 
+    grid-row-end: 8;
1486 
+  }
1487 
+  /* Templates */
1488 
+  .grid-cols-8-sm {
1489 
+    --grid-template-column: repeat(8, minmax(0, 1fr));
1490 
+  }
1491 
+  /* Column expansion */
1492 
+  .grid-c-8-sm {
1493 
+    grid-column: span 8/span 8;
1494 
+  }
1495 
+  /* Row expansion */
1496 
+  .grid-r-8-sm {
1497 
+    grid-row: span 8/span 8;
1498 
+  }
1499 
+  /* Cell Column Start/End */
1500 
+  .grid-cs-8-sm {
1501 
+    grid-column-start: 8;
1502 
+  }
1503 
+  .grid-ce-8-sm {
1504 
+    grid-column-end: 9;
1505 
+  }
1506 
+  /* Cell Row Start/End */
1507 
+  .grid-rs-8-sm {
1508 
+    grid-row-start: 8;
1509 
+  }
1510 
+  .grid-re-8-sm {
1511 
+    grid-row-end: 9;
1512 
+  }
1513 
+  /* Templates */
1514 
+  .grid-cols-9-sm {
1515 
+    --grid-template-column: repeat(9, minmax(0, 1fr));
1516 
+  }
1517 
+  /* Column expansion */
1518 
+  .grid-c-9-sm {
1519 
+    grid-column: span 9/span 9;
1520 
+  }
1521 
+  /* Row expansion */
1522 
+  .grid-r-9-sm {
1523 
+    grid-row: span 9/span 9;
1524 
+  }
1525 
+  /* Cell Column Start/End */
1526 
+  .grid-cs-9-sm {
1527 
+    grid-column-start: 9;
1528 
+  }
1529 
+  .grid-ce-9-sm {
1530 
+    grid-column-end: 10;
1531 
+  }
1532 
+  /* Cell Row Start/End */
1533 
+  .grid-rs-9-sm {
1534 
+    grid-row-start: 9;
1535 
+  }
1536 
+  .grid-re-9-sm {
1537 
+    grid-row-end: 10;
1538 
+  }
1539 
+  /* Templates */
1540 
+  .grid-cols-10-sm {
1541 
+    --grid-template-column: repeat(10, minmax(0, 1fr));
1542 
+  }
1543 
+  /* Column expansion */
1544 
+  .grid-c-10-sm {
1545 
+    grid-column: span 10/span 10;
1546 
+  }
1547 
+  /* Row expansion */
1548 
+  .grid-r-10-sm {
1549 
+    grid-row: span 10/span 10;
1550 
+  }
1551 
+  /* Cell Column Start/End */
1552 
+  .grid-cs-10-sm {
1553 
+    grid-column-start: 10;
1554 
+  }
1555 
+  .grid-ce-10-sm {
1556 
+    grid-column-end: 11;
1557 
+  }
1558 
+  /* Cell Row Start/End */
1559 
+  .grid-rs-10-sm {
1560 
+    grid-row-start: 10;
1561 
+  }
1562 
+  .grid-re-10-sm {
1563 
+    grid-row-end: 11;
1564 
+  }
1565 
+  /* Templates */
1566 
+  .grid-cols-11-sm {
1567 
+    --grid-template-column: repeat(11, minmax(0, 1fr));
1568 
+  }
1569 
+  /* Column expansion */
1570 
+  .grid-c-11-sm {
1571 
+    grid-column: span 11/span 11;
1572 
+  }
1573 
+  /* Row expansion */
1574 
+  .grid-r-11-sm {
1575 
+    grid-row: span 11/span 11;
1576 
+  }
1577 
+  /* Cell Column Start/End */
1578 
+  .grid-cs-11-sm {
1579 
+    grid-column-start: 11;
1580 
+  }
1581 
+  .grid-ce-11-sm {
1582 
+    grid-column-end: 12;
1583 
+  }
1584 
+  /* Cell Row Start/End */
1585 
+  .grid-rs-11-sm {
1586 
+    grid-row-start: 11;
1587 
+  }
1588 
+  .grid-re-11-sm {
1589 
+    grid-row-end: 12;
1590 
+  }
1591 
+  /* Templates */
1592 
+  .grid-cols-12-sm {
1593 
+    --grid-template-column: repeat(12, minmax(0, 1fr));
1594 
+  }
1595 
+  /* Column expansion */
1596 
+  .grid-c-12-sm {
1597 
+    grid-column: span 12/span 12;
1598 
+  }
1599 
+  /* Row expansion */
1600 
+  .grid-r-12-sm {
1601 
+    grid-row: span 12/span 12;
1602 
+  }
1603 
+  /* Cell Column Start/End */
1604 
+  .grid-cs-12-sm {
1605 
+    grid-column-start: 12;
1606 
+  }
1607 
+  .grid-ce-12-sm {
1608 
+    grid-column-end: 13;
1609 
+  }
1610 
+  /* Cell Row Start/End */
1611 
+  .grid-rs-12-sm {
1612 
+    grid-row-start: 12;
1613 
+  }
1614 
+  .grid-re-12-sm {
1615 
+    grid-row-end: 13;
1616 
+  }
1617 
+  .grid-ce-end-sm {
1618 
+    grid-column-end: -1;
1619 
+  }
1620 
+  .grid-re-end-sm {
1621 
+    grid-row-end: -1;
1622 
+  }
1623 
+  .grid-ce-auto-sm {
1624 
+    grid-column-end: auto;
1625 
+  }
1626 
+  .grid-re-auto-sm {
1627 
+    grid-row-end: auto;
1628 
+  }
1629 
+}
1630 
+@media screen and (min-width: 768px) {
1631 
+  .grid-md {
1632 
+    display: grid;
1633 
+    grid-gap: var(--grid-gap);
1634 
+    grid-template-columns: var(--grid-template-column);
1635 
+  }
1636 
+  /* Templates */
1637 
+  .grid-cols-1-md {
1638 
+    --grid-template-column: repeat(1, minmax(0, 1fr));
1639 
+  }
1640 
+  /* Column expansion */
1641 
+  .grid-c-1-md {
1642 
+    grid-column: span 1/span 1;
1643 
+  }
1644 
+  /* Row expansion */
1645 
+  .grid-r-1-md {
1646 
+    grid-row: span 1/span 1;
1647 
+  }
1648 
+  /* Cell Column Start/End */
1649 
+  .grid-cs-1-md {
1650 
+    grid-column-start: 1;
1651 
+  }
1652 
+  .grid-ce-1-md {
1653 
+    grid-column-end: 2;
1654 
+  }
1655 
+  /* Cell Row Start/End */
1656 
+  .grid-rs-1-md {
1657 
+    grid-row-start: 1;
1658 
+  }
1659 
+  .grid-re-1-md {
1660 
+    grid-row-end: 2;
1661 
+  }
1662 
+  /* Templates */
1663 
+  .grid-cols-2-md {
1664 
+    --grid-template-column: repeat(2, minmax(0, 1fr));
1665 
+  }
1666 
+  /* Column expansion */
1667 
+  .grid-c-2-md {
1668 
+    grid-column: span 2/span 2;
1669 
+  }
1670 
+  /* Row expansion */
1671 
+  .grid-r-2-md {
1672 
+    grid-row: span 2/span 2;
1673 
+  }
1674 
+  /* Cell Column Start/End */
1675 
+  .grid-cs-2-md {
1676 
+    grid-column-start: 2;
1677 
+  }
1678 
+  .grid-ce-2-md {
1679 
+    grid-column-end: 3;
1680 
+  }
1681 
+  /* Cell Row Start/End */
1682 
+  .grid-rs-2-md {
1683 
+    grid-row-start: 2;
1684 
+  }
1685 
+  .grid-re-2-md {
1686 
+    grid-row-end: 3;
1687 
+  }
1688 
+  /* Templates */
1689 
+  .grid-cols-3-md {
1690 
+    --grid-template-column: repeat(3, minmax(0, 1fr));
1691 
+  }
1692 
+  /* Column expansion */
1693 
+  .grid-c-3-md {
1694 
+    grid-column: span 3/span 3;
1695 
+  }
1696 
+  /* Row expansion */
1697 
+  .grid-r-3-md {
1698 
+    grid-row: span 3/span 3;
1699 
+  }
1700 
+  /* Cell Column Start/End */
1701 
+  .grid-cs-3-md {
1702 
+    grid-column-start: 3;
1703 
+  }
1704 
+  .grid-ce-3-md {
1705 
+    grid-column-end: 4;
1706 
+  }
1707 
+  /* Cell Row Start/End */
1708 
+  .grid-rs-3-md {
1709 
+    grid-row-start: 3;
1710 
+  }
1711 
+  .grid-re-3-md {
1712 
+    grid-row-end: 4;
1713 
+  }
1714 
+  /* Templates */
1715 
+  .grid-cols-4-md {
1716 
+    --grid-template-column: repeat(4, minmax(0, 1fr));
1717 
+  }
1718 
+  /* Column expansion */
1719 
+  .grid-c-4-md {
1720 
+    grid-column: span 4/span 4;
1721 
+  }
1722 
+  /* Row expansion */
1723 
+  .grid-r-4-md {
1724 
+    grid-row: span 4/span 4;
1725 
+  }
1726 
+  /* Cell Column Start/End */
1727 
+  .grid-cs-4-md {
1728 
+    grid-column-start: 4;
1729 
+  }
1730 
+  .grid-ce-4-md {
1731 
+    grid-column-end: 5;
1732 
+  }
1733 
+  /* Cell Row Start/End */
1734 
+  .grid-rs-4-md {
1735 
+    grid-row-start: 4;
1736 
+  }
1737 
+  .grid-re-4-md {
1738 
+    grid-row-end: 5;
1739 
+  }
1740 
+  /* Templates */
1741 
+  .grid-cols-5-md {
1742 
+    --grid-template-column: repeat(5, minmax(0, 1fr));
1743 
+  }
1744 
+  /* Column expansion */
1745 
+  .grid-c-5-md {
1746 
+    grid-column: span 5/span 5;
1747 
+  }
1748 
+  /* Row expansion */
1749 
+  .grid-r-5-md {
1750 
+    grid-row: span 5/span 5;
1751 
+  }
1752 
+  /* Cell Column Start/End */
1753 
+  .grid-cs-5-md {
1754 
+    grid-column-start: 5;
1755 
+  }
1756 
+  .grid-ce-5-md {
1757 
+    grid-column-end: 6;
1758 
+  }
1759 
+  /* Cell Row Start/End */
1760 
+  .grid-rs-5-md {
1761 
+    grid-row-start: 5;
1762 
+  }
1763 
+  .grid-re-5-md {
1764 
+    grid-row-end: 6;
1765 
+  }
1766 
+  /* Templates */
1767 
+  .grid-cols-6-md {
1768 
+    --grid-template-column: repeat(6, minmax(0, 1fr));
1769 
+  }
1770 
+  /* Column expansion */
1771 
+  .grid-c-6-md {
1772 
+    grid-column: span 6/span 6;
1773 
+  }
1774 
+  /* Row expansion */
1775 
+  .grid-r-6-md {
1776 
+    grid-row: span 6/span 6;
1777 
+  }
1778 
+  /* Cell Column Start/End */
1779 
+  .grid-cs-6-md {
1780 
+    grid-column-start: 6;
1781 
+  }
1782 
+  .grid-ce-6-md {
1783 
+    grid-column-end: 7;
1784 
+  }
1785 
+  /* Cell Row Start/End */
1786 
+  .grid-rs-6-md {
1787 
+    grid-row-start: 6;
1788 
+  }
1789 
+  .grid-re-6-md {
1790 
+    grid-row-end: 7;
1791 
+  }
1792 
+  /* Templates */
1793 
+  .grid-cols-7-md {
1794 
+    --grid-template-column: repeat(7, minmax(0, 1fr));
1795 
+  }
1796 
+  /* Column expansion */
1797 
+  .grid-c-7-md {
1798 
+    grid-column: span 7/span 7;
1799 
+  }
1800 
+  /* Row expansion */
1801 
+  .grid-r-7-md {
1802 
+    grid-row: span 7/span 7;
1803 
+  }
1804 
+  /* Cell Column Start/End */
1805 
+  .grid-cs-7-md {
1806 
+    grid-column-start: 7;
1807 
+  }
1808 
+  .grid-ce-7-md {
1809 
+    grid-column-end: 8;
1810 
+  }
1811 
+  /* Cell Row Start/End */
1812 
+  .grid-rs-7-md {
1813 
+    grid-row-start: 7;
1814 
+  }
1815 
+  .grid-re-7-md {
1816 
+    grid-row-end: 8;
1817 
+  }
1818 
+  /* Templates */
1819 
+  .grid-cols-8-md {
1820 
+    --grid-template-column: repeat(8, minmax(0, 1fr));
1821 
+  }
1822 
+  /* Column expansion */
1823 
+  .grid-c-8-md {
1824 
+    grid-column: span 8/span 8;
1825 
+  }
1826 
+  /* Row expansion */
1827 
+  .grid-r-8-md {
1828 
+    grid-row: span 8/span 8;
1829 
+  }
1830 
+  /* Cell Column Start/End */
1831 
+  .grid-cs-8-md {
1832 
+    grid-column-start: 8;
1833 
+  }
1834 
+  .grid-ce-8-md {
1835 
+    grid-column-end: 9;
1836 
+  }
1837 
+  /* Cell Row Start/End */
1838 
+  .grid-rs-8-md {
1839 
+    grid-row-start: 8;
1840 
+  }
1841 
+  .grid-re-8-md {
1842 
+    grid-row-end: 9;
1843 
+  }
1844 
+  /* Templates */
1845 
+  .grid-cols-9-md {
1846 
+    --grid-template-column: repeat(9, minmax(0, 1fr));
1847 
+  }
1848 
+  /* Column expansion */
1849 
+  .grid-c-9-md {
1850 
+    grid-column: span 9/span 9;
1851 
+  }
1852 
+  /* Row expansion */
1853 
+  .grid-r-9-md {
1854 
+    grid-row: span 9/span 9;
1855 
+  }
1856 
+  /* Cell Column Start/End */
1857 
+  .grid-cs-9-md {
1858 
+    grid-column-start: 9;
1859 
+  }
1860 
+  .grid-ce-9-md {
1861 
+    grid-column-end: 10;
1862 
+  }
1863 
+  /* Cell Row Start/End */
1864 
+  .grid-rs-9-md {
1865 
+    grid-row-start: 9;
1866 
+  }
1867 
+  .grid-re-9-md {
1868 
+    grid-row-end: 10;
1869 
+  }
1870 
+  /* Templates */
1871 
+  .grid-cols-10-md {
1872 
+    --grid-template-column: repeat(10, minmax(0, 1fr));
1873 
+  }
1874 
+  /* Column expansion */
1875 
+  .grid-c-10-md {
1876 
+    grid-column: span 10/span 10;
1877 
+  }
1878 
+  /* Row expansion */
1879 
+  .grid-r-10-md {
1880 
+    grid-row: span 10/span 10;
1881 
+  }
1882 
+  /* Cell Column Start/End */
1883 
+  .grid-cs-10-md {
1884 
+    grid-column-start: 10;
1885 
+  }
1886 
+  .grid-ce-10-md {
1887 
+    grid-column-end: 11;
1888 
+  }
1889 
+  /* Cell Row Start/End */
1890 
+  .grid-rs-10-md {
1891 
+    grid-row-start: 10;
1892 
+  }
1893 
+  .grid-re-10-md {
1894 
+    grid-row-end: 11;
1895 
+  }
1896 
+  /* Templates */
1897 
+  .grid-cols-11-md {
1898 
+    --grid-template-column: repeat(11, minmax(0, 1fr));
1899 
+  }
1900 
+  /* Column expansion */
1901 
+  .grid-c-11-md {
1902 
+    grid-column: span 11/span 11;
1903 
+  }
1904 
+  /* Row expansion */
1905 
+  .grid-r-11-md {
1906 
+    grid-row: span 11/span 11;
1907 
+  }
1908 
+  /* Cell Column Start/End */
1909 
+  .grid-cs-11-md {
1910 
+    grid-column-start: 11;
1911 
+  }
1912 
+  .grid-ce-11-md {
1913 
+    grid-column-end: 12;
1914 
+  }
1915 
+  /* Cell Row Start/End */
1916 
+  .grid-rs-11-md {
1917 
+    grid-row-start: 11;
1918 
+  }
1919 
+  .grid-re-11-md {
1920 
+    grid-row-end: 12;
1921 
+  }
1922 
+  /* Templates */
1923 
+  .grid-cols-12-md {
1924 
+    --grid-template-column: repeat(12, minmax(0, 1fr));
1925 
+  }
1926 
+  /* Column expansion */
1927 
+  .grid-c-12-md {
1928 
+    grid-column: span 12/span 12;
1929 
+  }
1930 
+  /* Row expansion */
1931 
+  .grid-r-12-md {
1932 
+    grid-row: span 12/span 12;
1933 
+  }
1934 
+  /* Cell Column Start/End */
1935 
+  .grid-cs-12-md {
1936 
+    grid-column-start: 12;
1937 
+  }
1938 
+  .grid-ce-12-md {
1939 
+    grid-column-end: 13;
1940 
+  }
1941 
+  /* Cell Row Start/End */
1942 
+  .grid-rs-12-md {
1943 
+    grid-row-start: 12;
1944 
+  }
1945 
+  .grid-re-12-md {
1946 
+    grid-row-end: 13;
1947 
+  }
1948 
+  .grid-ce-end-md {
1949 
+    grid-column-end: -1;
1950 
+  }
1951 
+  .grid-re-end-md {
1952 
+    grid-row-end: -1;
1953 
+  }
1954 
+  .grid-ce-auto-md {
1955 
+    grid-column-end: auto;
1956 
+  }
1957 
+  .grid-re-auto-md {
1958 
+    grid-row-end: auto;
1959 
+  }
1960 
+}
1961 
+@media screen and (min-width: 1024px) {
1962 
+  .grid-lg {
1963 
+    display: grid;
1964 
+    grid-gap: var(--grid-gap);
1965 
+    grid-template-columns: var(--grid-template-column);
1966 
+  }
1967 
+  /* Templates */
1968 
+  .grid-cols-1-lg {
1969 
+    --grid-template-column: repeat(1, minmax(0, 1fr));
1970 
+  }
1971 
+  /* Column expansion */
1972 
+  .grid-c-1-lg {
1973 
+    grid-column: span 1/span 1;
1974 
+  }
1975 
+  /* Row expansion */
1976 
+  .grid-r-1-lg {
1977 
+    grid-row: span 1/span 1;
1978 
+  }
1979 
+  /* Cell Column Start/End */
1980 
+  .grid-cs-1-lg {
1981 
+    grid-column-start: 1;
1982 
+  }
1983 
+  .grid-ce-1-lg {
1984 
+    grid-column-end: 2;
1985 
+  }
1986 
+  /* Cell Row Start/End */
1987 
+  .grid-rs-1-lg {
1988 
+    grid-row-start: 1;
1989 
+  }
1990 
+  .grid-re-1-lg {
1991 
+    grid-row-end: 2;
1992 
+  }
1993 
+  /* Templates */
1994 
+  .grid-cols-2-lg {
1995 
+    --grid-template-column: repeat(2, minmax(0, 1fr));
1996 
+  }
1997 
+  /* Column expansion */
1998 
+  .grid-c-2-lg {
1999 
+    grid-column: span 2/span 2;
2000 
+  }
2001 
+  /* Row expansion */
2002 
+  .grid-r-2-lg {
2003 
+    grid-row: span 2/span 2;
2004 
+  }
2005 
+  /* Cell Column Start/End */
2006 
+  .grid-cs-2-lg {
2007 
+    grid-column-start: 2;
2008 
+  }
2009 
+  .grid-ce-2-lg {
2010 
+    grid-column-end: 3;
2011 
+  }
2012 
+  /* Cell Row Start/End */
2013 
+  .grid-rs-2-lg {
2014 
+    grid-row-start: 2;
2015 
+  }
2016 
+  .grid-re-2-lg {
2017 
+    grid-row-end: 3;
2018 
+  }
2019 
+  /* Templates */
2020 
+  .grid-cols-3-lg {
2021 
+    --grid-template-column: repeat(3, minmax(0, 1fr));
2022 
+  }
2023 
+  /* Column expansion */
2024 
+  .grid-c-3-lg {
2025 
+    grid-column: span 3/span 3;
2026 
+  }
2027 
+  /* Row expansion */
2028 
+  .grid-r-3-lg {
2029 
+    grid-row: span 3/span 3;
2030 
+  }
2031 
+  /* Cell Column Start/End */
2032 
+  .grid-cs-3-lg {
2033 
+    grid-column-start: 3;
2034 
+  }
2035 
+  .grid-ce-3-lg {
2036 
+    grid-column-end: 4;
2037 
+  }
2038 
+  /* Cell Row Start/End */
2039 
+  .grid-rs-3-lg {
2040 
+    grid-row-start: 3;
2041 
+  }
2042 
+  .grid-re-3-lg {
2043 
+    grid-row-end: 4;
2044 
+  }
2045 
+  /* Templates */
2046 
+  .grid-cols-4-lg {
2047 
+    --grid-template-column: repeat(4, minmax(0, 1fr));
2048 
+  }
2049 
+  /* Column expansion */
2050 
+  .grid-c-4-lg {
2051 
+    grid-column: span 4/span 4;
2052 
+  }
2053 
+  /* Row expansion */
2054 
+  .grid-r-4-lg {
2055 
+    grid-row: span 4/span 4;
2056 
+  }
2057 
+  /* Cell Column Start/End */
2058 
+  .grid-cs-4-lg {
2059 
+    grid-column-start: 4;
2060 
+  }
2061 
+  .grid-ce-4-lg {
2062 
+    grid-column-end: 5;
2063 
+  }
2064 
+  /* Cell Row Start/End */
2065 
+  .grid-rs-4-lg {
2066 
+    grid-row-start: 4;
2067 
+  }
2068 
+  .grid-re-4-lg {
2069 
+    grid-row-end: 5;
2070 
+  }
2071 
+  /* Templates */
2072 
+  .grid-cols-5-lg {
2073 
+    --grid-template-column: repeat(5, minmax(0, 1fr));
2074 
+  }
2075 
+  /* Column expansion */
2076 
+  .grid-c-5-lg {
2077 
+    grid-column: span 5/span 5;
2078 
+  }
2079 
+  /* Row expansion */
2080 
+  .grid-r-5-lg {
2081 
+    grid-row: span 5/span 5;
2082 
+  }
2083 
+  /* Cell Column Start/End */
2084 
+  .grid-cs-5-lg {
2085 
+    grid-column-start: 5;
2086 
+  }
2087 
+  .grid-ce-5-lg {
2088 
+    grid-column-end: 6;
2089 
+  }
2090 
+  /* Cell Row Start/End */
2091 
+  .grid-rs-5-lg {
2092 
+    grid-row-start: 5;
2093 
+  }
2094 
+  .grid-re-5-lg {
2095 
+    grid-row-end: 6;
2096 
+  }
2097 
+  /* Templates */
2098 
+  .grid-cols-6-lg {
2099 
+    --grid-template-column: repeat(6, minmax(0, 1fr));
2100 
+  }
2101 
+  /* Column expansion */
2102 
+  .grid-c-6-lg {
2103 
+    grid-column: span 6/span 6;
2104 
+  }
2105 
+  /* Row expansion */
2106 
+  .grid-r-6-lg {
2107 
+    grid-row: span 6/span 6;
2108 
+  }
2109 
+  /* Cell Column Start/End */
2110 
+  .grid-cs-6-lg {
2111 
+    grid-column-start: 6;
2112 
+  }
2113 
+  .grid-ce-6-lg {
2114 
+    grid-column-end: 7;
2115 
+  }
2116 
+  /* Cell Row Start/End */
2117 
+  .grid-rs-6-lg {
2118 
+    grid-row-start: 6;
2119 
+  }
2120 
+  .grid-re-6-lg {
2121 
+    grid-row-end: 7;
2122 
+  }
2123 
+  /* Templates */
2124 
+  .grid-cols-7-lg {
2125 
+    --grid-template-column: repeat(7, minmax(0, 1fr));
2126 
+  }
2127 
+  /* Column expansion */
2128 
+  .grid-c-7-lg {
2129 
+    grid-column: span 7/span 7;
2130 
+  }
2131 
+  /* Row expansion */
2132 
+  .grid-r-7-lg {
2133 
+    grid-row: span 7/span 7;
2134 
+  }
2135 
+  /* Cell Column Start/End */
2136 
+  .grid-cs-7-lg {
2137 
+    grid-column-start: 7;
2138 
+  }
2139 
+  .grid-ce-7-lg {
2140 
+    grid-column-end: 8;
2141 
+  }
2142 
+  /* Cell Row Start/End */
2143 
+  .grid-rs-7-lg {
2144 
+    grid-row-start: 7;
2145 
+  }
2146 
+  .grid-re-7-lg {
2147 
+    grid-row-end: 8;
2148 
+  }
2149 
+  /* Templates */
2150 
+  .grid-cols-8-lg {
2151 
+    --grid-template-column: repeat(8, minmax(0, 1fr));
2152 
+  }
2153 
+  /* Column expansion */
2154 
+  .grid-c-8-lg {
2155 
+    grid-column: span 8/span 8;
2156 
+  }
2157 
+  /* Row expansion */
2158 
+  .grid-r-8-lg {
2159 
+    grid-row: span 8/span 8;
2160 
+  }
2161 
+  /* Cell Column Start/End */
2162 
+  .grid-cs-8-lg {
2163 
+    grid-column-start: 8;
2164 
+  }
2165 
+  .grid-ce-8-lg {
2166 
+    grid-column-end: 9;
2167 
+  }
2168 
+  /* Cell Row Start/End */
2169 
+  .grid-rs-8-lg {
2170 
+    grid-row-start: 8;
2171 
+  }
2172 
+  .grid-re-8-lg {
2173 
+    grid-row-end: 9;
2174 
+  }
2175 
+  /* Templates */
2176 
+  .grid-cols-9-lg {
2177 
+    --grid-template-column: repeat(9, minmax(0, 1fr));
2178 
+  }
2179 
+  /* Column expansion */
2180 
+  .grid-c-9-lg {
2181 
+    grid-column: span 9/span 9;
2182 
+  }
2183 
+  /* Row expansion */
2184 
+  .grid-r-9-lg {
2185 
+    grid-row: span 9/span 9;
2186 
+  }
2187 
+  /* Cell Column Start/End */
2188 
+  .grid-cs-9-lg {
2189 
+    grid-column-start: 9;
2190 
+  }
2191 
+  .grid-ce-9-lg {
2192 
+    grid-column-end: 10;
2193 
+  }
2194 
+  /* Cell Row Start/End */
2195 
+  .grid-rs-9-lg {
2196 
+    grid-row-start: 9;
2197 
+  }
2198 
+  .grid-re-9-lg {
2199 
+    grid-row-end: 10;
2200 
+  }
2201 
+  /* Templates */
2202 
+  .grid-cols-10-lg {
2203 
+    --grid-template-column: repeat(10, minmax(0, 1fr));
2204 
+  }
2205 
+  /* Column expansion */
2206 
+  .grid-c-10-lg {
2207 
+    grid-column: span 10/span 10;
2208 
+  }
2209 
+  /* Row expansion */
2210 
+  .grid-r-10-lg {
2211 
+    grid-row: span 10/span 10;
2212 
+  }
2213 
+  /* Cell Column Start/End */
2214 
+  .grid-cs-10-lg {
2215 
+    grid-column-start: 10;
2216 
+  }
2217 
+  .grid-ce-10-lg {
2218 
+    grid-column-end: 11;
2219 
+  }
2220 
+  /* Cell Row Start/End */
2221 
+  .grid-rs-10-lg {
2222 
+    grid-row-start: 10;
2223 
+  }
2224 
+  .grid-re-10-lg {
2225 
+    grid-row-end: 11;
2226 
+  }
2227 
+  /* Templates */
2228 
+  .grid-cols-11-lg {
2229 
+    --grid-template-column: repeat(11, minmax(0, 1fr));
2230 
+  }
2231 
+  /* Column expansion */
2232 
+  .grid-c-11-lg {
2233 
+    grid-column: span 11/span 11;
2234 
+  }
2235 
+  /* Row expansion */
2236 
+  .grid-r-11-lg {
2237 
+    grid-row: span 11/span 11;
2238 
+  }
2239 
+  /* Cell Column Start/End */
2240 
+  .grid-cs-11-lg {
2241 
+    grid-column-start: 11;
2242 
+  }
2243 
+  .grid-ce-11-lg {
2244 
+    grid-column-end: 12;
2245 
+  }
2246 
+  /* Cell Row Start/End */
2247 
+  .grid-rs-11-lg {
2248 
+    grid-row-start: 11;
2249 
+  }
2250 
+  .grid-re-11-lg {
2251 
+    grid-row-end: 12;
2252 
+  }
2253 
+  /* Templates */
2254 
+  .grid-cols-12-lg {
2255 
+    --grid-template-column: repeat(12, minmax(0, 1fr));
2256 
+  }
2257 
+  /* Column expansion */
2258 
+  .grid-c-12-lg {
2259 
+    grid-column: span 12/span 12;
2260 
+  }
2261 
+  /* Row expansion */
2262 
+  .grid-r-12-lg {
2263 
+    grid-row: span 12/span 12;
2264 
+  }
2265 
+  /* Cell Column Start/End */
2266 
+  .grid-cs-12-lg {
2267 
+    grid-column-start: 12;
2268 
+  }
2269 
+  .grid-ce-12-lg {
2270 
+    grid-column-end: 13;
2271 
+  }
2272 
+  /* Cell Row Start/End */
2273 
+  .grid-rs-12-lg {
2274 
+    grid-row-start: 12;
2275 
+  }
2276 
+  .grid-re-12-lg {
2277 
+    grid-row-end: 13;
2278 
+  }
2279 
+  .grid-ce-end-lg {
2280 
+    grid-column-end: -1;
2281 
+  }
2282 
+  .grid-re-end-lg {
2283 
+    grid-row-end: -1;
2284 
+  }
2285 
+  .grid-ce-auto-lg {
2286 
+    grid-column-end: auto;
2287 
+  }
2288 
+  .grid-re-auto-lg {
2289 
+    grid-row-end: auto;
2290 
+  }
2291 
+}
2292 
+@media screen and (min-width: 1280px) {
2293 
+  .grid-xl {
2294 
+    display: grid;
2295 
+    grid-gap: var(--grid-gap);
2296 
+    grid-template-columns: var(--grid-template-column);
2297 
+  }
2298 
+  /* Templates */
2299 
+  .grid-cols-1-xl {
2300 
+    --grid-template-column: repeat(1, minmax(0, 1fr));
2301 
+  }
2302 
+  /* Column expansion */
2303 
+  .grid-c-1-xl {
2304 
+    grid-column: span 1/span 1;
2305 
+  }
2306 
+  /* Row expansion */
2307 
+  .grid-r-1-xl {
2308 
+    grid-row: span 1/span 1;
2309 
+  }
2310 
+  /* Cell Column Start/End */
2311 
+  .grid-cs-1-xl {
2312 
+    grid-column-start: 1;
2313 
+  }
2314 
+  .grid-ce-1-xl {
2315 
+    grid-column-end: 2;
2316 
+  }
2317 
+  /* Cell Row Start/End */
2318 
+  .grid-rs-1-xl {
2319 
+    grid-row-start: 1;
2320 
+  }
2321 
+  .grid-re-1-xl {
2322 
+    grid-row-end: 2;
2323 
+  }
2324 
+  /* Templates */
2325 
+  .grid-cols-2-xl {
2326 
+    --grid-template-column: repeat(2, minmax(0, 1fr));
2327 
+  }
2328 
+  /* Column expansion */
2329 
+  .grid-c-2-xl {
2330 
+    grid-column: span 2/span 2;
2331 
+  }
2332 
+  /* Row expansion */
2333 
+  .grid-r-2-xl {
2334 
+    grid-row: span 2/span 2;
2335 
+  }
2336 
+  /* Cell Column Start/End */
2337 
+  .grid-cs-2-xl {
2338 
+    grid-column-start: 2;
2339 
+  }
2340 
+  .grid-ce-2-xl {
2341 
+    grid-column-end: 3;
2342 
+  }
2343 
+  /* Cell Row Start/End */
2344 
+  .grid-rs-2-xl {
2345 
+    grid-row-start: 2;
2346 
+  }
2347 
+  .grid-re-2-xl {
2348 
+    grid-row-end: 3;
2349 
+  }
2350 
+  /* Templates */
2351 
+  .grid-cols-3-xl {
2352 
+    --grid-template-column: repeat(3, minmax(0, 1fr));
2353 
+  }
2354 
+  /* Column expansion */
2355 
+  .grid-c-3-xl {
2356 
+    grid-column: span 3/span 3;
2357 
+  }
2358 
+  /* Row expansion */
2359 
+  .grid-r-3-xl {
2360 
+    grid-row: span 3/span 3;
2361 
+  }
2362 
+  /* Cell Column Start/End */
2363 
+  .grid-cs-3-xl {
2364 
+    grid-column-start: 3;
2365 
+  }
2366 
+  .grid-ce-3-xl {
2367 
+    grid-column-end: 4;
2368 
+  }
2369 
+  /* Cell Row Start/End */
2370 
+  .grid-rs-3-xl {
2371 
+    grid-row-start: 3;
2372 
+  }
2373 
+  .grid-re-3-xl {
2374 
+    grid-row-end: 4;
2375 
+  }
2376 
+  /* Templates */
2377 
+  .grid-cols-4-xl {
2378 
+    --grid-template-column: repeat(4, minmax(0, 1fr));
2379 
+  }
2380 
+  /* Column expansion */
2381 
+  .grid-c-4-xl {
2382 
+    grid-column: span 4/span 4;
2383 
+  }
2384 
+  /* Row expansion */
2385 
+  .grid-r-4-xl {
2386 
+    grid-row: span 4/span 4;
2387 
+  }
2388 
+  /* Cell Column Start/End */
2389 
+  .grid-cs-4-xl {
2390 
+    grid-column-start: 4;
2391 
+  }
2392 
+  .grid-ce-4-xl {
2393 
+    grid-column-end: 5;
2394 
+  }
2395 
+  /* Cell Row Start/End */
2396 
+  .grid-rs-4-xl {
2397 
+    grid-row-start: 4;
2398 
+  }
2399 
+  .grid-re-4-xl {
2400 
+    grid-row-end: 5;
2401 
+  }
2402 
+  /* Templates */
2403 
+  .grid-cols-5-xl {
2404 
+    --grid-template-column: repeat(5, minmax(0, 1fr));
2405 
+  }
2406 
+  /* Column expansion */
2407 
+  .grid-c-5-xl {
2408 
+    grid-column: span 5/span 5;
2409 
+  }
2410 
+  /* Row expansion */
2411 
+  .grid-r-5-xl {
2412 
+    grid-row: span 5/span 5;
2413 
+  }
2414 
+  /* Cell Column Start/End */
2415 
+  .grid-cs-5-xl {
2416 
+    grid-column-start: 5;
2417 
+  }
2418 
+  .grid-ce-5-xl {
2419 
+    grid-column-end: 6;
2420 
+  }
2421 
+  /* Cell Row Start/End */
2422 
+  .grid-rs-5-xl {
2423 
+    grid-row-start: 5;
2424 
+  }
2425 
+  .grid-re-5-xl {
2426 
+    grid-row-end: 6;
2427 
+  }
2428 
+  /* Templates */
2429 
+  .grid-cols-6-xl {
2430 
+    --grid-template-column: repeat(6, minmax(0, 1fr));
2431 
+  }
2432 
+  /* Column expansion */
2433 
+  .grid-c-6-xl {
2434 
+    grid-column: span 6/span 6;
2435 
+  }
2436 
+  /* Row expansion */
2437 
+  .grid-r-6-xl {
2438 
+    grid-row: span 6/span 6;
2439 
+  }
2440 
+  /* Cell Column Start/End */
2441 
+  .grid-cs-6-xl {
2442 
+    grid-column-start: 6;
2443 
+  }
2444 
+  .grid-ce-6-xl {
2445 
+    grid-column-end: 7;
2446 
+  }
2447 
+  /* Cell Row Start/End */
2448 
+  .grid-rs-6-xl {
2449 
+    grid-row-start: 6;
2450 
+  }
2451 
+  .grid-re-6-xl {
2452 
+    grid-row-end: 7;
2453 
+  }
2454 
+  /* Templates */
2455 
+  .grid-cols-7-xl {
2456 
+    --grid-template-column: repeat(7, minmax(0, 1fr));
2457 
+  }
2458 
+  /* Column expansion */
2459 
+  .grid-c-7-xl {
2460 
+    grid-column: span 7/span 7;
2461 
+  }
2462 
+  /* Row expansion */
2463 
+  .grid-r-7-xl {
2464 
+    grid-row: span 7/span 7;
2465 
+  }
2466 
+  /* Cell Column Start/End */
2467 
+  .grid-cs-7-xl {
2468 
+    grid-column-start: 7;
2469 
+  }
2470 
+  .grid-ce-7-xl {
2471 
+    grid-column-end: 8;
2472 
+  }
2473 
+  /* Cell Row Start/End */
2474 
+  .grid-rs-7-xl {
2475 
+    grid-row-start: 7;
2476 
+  }
2477 
+  .grid-re-7-xl {
2478 
+    grid-row-end: 8;
2479 
+  }
2480 
+  /* Templates */
2481 
+  .grid-cols-8-xl {
2482 
+    --grid-template-column: repeat(8, minmax(0, 1fr));
2483 
+  }
2484 
+  /* Column expansion */
2485 
+  .grid-c-8-xl {
2486 
+    grid-column: span 8/span 8;
2487 
+  }
2488 
+  /* Row expansion */
2489 
+  .grid-r-8-xl {
2490 
+    grid-row: span 8/span 8;
2491 
+  }
2492 
+  /* Cell Column Start/End */
2493 
+  .grid-cs-8-xl {
2494 
+    grid-column-start: 8;
2495 
+  }
2496 
+  .grid-ce-8-xl {
2497 
+    grid-column-end: 9;
2498 
+  }
2499 
+  /* Cell Row Start/End */
2500 
+  .grid-rs-8-xl {
2501 
+    grid-row-start: 8;
2502 
+  }
2503 
+  .grid-re-8-xl {
2504 
+    grid-row-end: 9;
2505 
+  }
2506 
+  /* Templates */
2507 
+  .grid-cols-9-xl {
2508 
+    --grid-template-column: repeat(9, minmax(0, 1fr));
2509 
+  }
2510 
+  /* Column expansion */
2511 
+  .grid-c-9-xl {
2512 
+    grid-column: span 9/span 9;
2513 
+  }
2514 
+  /* Row expansion */
2515 
+  .grid-r-9-xl {
2516 
+    grid-row: span 9/span 9;
2517 
+  }
2518 
+  /* Cell Column Start/End */
2519 
+  .grid-cs-9-xl {
2520 
+    grid-column-start: 9;
2521 
+  }
2522 
+  .grid-ce-9-xl {
2523 
+    grid-column-end: 10;
2524 
+  }
2525 
+  /* Cell Row Start/End */
2526 
+  .grid-rs-9-xl {
2527 
+    grid-row-start: 9;
2528 
+  }
2529 
+  .grid-re-9-xl {
2530 
+    grid-row-end: 10;
2531 
+  }
2532 
+  /* Templates */
2533 
+  .grid-cols-10-xl {
2534 
+    --grid-template-column: repeat(10, minmax(0, 1fr));
2535 
+  }
2536 
+  /* Column expansion */
2537 
+  .grid-c-10-xl {
2538 
+    grid-column: span 10/span 10;
2539 
+  }
2540 
+  /* Row expansion */
2541 
+  .grid-r-10-xl {
2542 
+    grid-row: span 10/span 10;
2543 
+  }
2544 
+  /* Cell Column Start/End */
2545 
+  .grid-cs-10-xl {
2546 
+    grid-column-start: 10;
2547 
+  }
2548 
+  .grid-ce-10-xl {
2549 
+    grid-column-end: 11;
2550 
+  }
2551 
+  /* Cell Row Start/End */
2552 
+  .grid-rs-10-xl {
2553 
+    grid-row-start: 10;
2554 
+  }
2555 
+  .grid-re-10-xl {
2556 
+    grid-row-end: 11;
2557 
+  }
2558 
+  /* Templates */
2559 
+  .grid-cols-11-xl {
2560 
+    --grid-template-column: repeat(11, minmax(0, 1fr));
2561 
+  }
2562 
+  /* Column expansion */
2563 
+  .grid-c-11-xl {
2564 
+    grid-column: span 11/span 11;
2565 
+  }
2566 
+  /* Row expansion */
2567 
+  .grid-r-11-xl {
2568 
+    grid-row: span 11/span 11;
2569 
+  }
2570 
+  /* Cell Column Start/End */
2571 
+  .grid-cs-11-xl {
2572 
+    grid-column-start: 11;
2573 
+  }
2574 
+  .grid-ce-11-xl {
2575 
+    grid-column-end: 12;
2576 
+  }
2577 
+  /* Cell Row Start/End */
2578 
+  .grid-rs-11-xl {
2579 
+    grid-row-start: 11;
2580 
+  }
2581 
+  .grid-re-11-xl {
2582 
+    grid-row-end: 12;
2583 
+  }
2584 
+  /* Templates */
2585 
+  .grid-cols-12-xl {
2586 
+    --grid-template-column: repeat(12, minmax(0, 1fr));
2587 
+  }
2588 
+  /* Column expansion */
2589 
+  .grid-c-12-xl {
2590 
+    grid-column: span 12/span 12;
2591 
+  }
2592 
+  /* Row expansion */
2593 
+  .grid-r-12-xl {
2594 
+    grid-row: span 12/span 12;
2595 
+  }
2596 
+  /* Cell Column Start/End */
2597 
+  .grid-cs-12-xl {
2598 
+    grid-column-start: 12;
2599 
+  }
2600 
+  .grid-ce-12-xl {
2601 
+    grid-column-end: 13;
2602 
+  }
2603 
+  /* Cell Row Start/End */
2604 
+  .grid-rs-12-xl {
2605 
+    grid-row-start: 12;
2606 
+  }
2607 
+  .grid-re-12-xl {
2608 
+    grid-row-end: 13;
2609 
+  }
2610 
+  .grid-ce-end-xl {
2611 
+    grid-column-end: -1;
2612 
+  }
2613 
+  .grid-re-end-xl {
2614 
+    grid-row-end: -1;
2615 
+  }
2616 
+  .grid-ce-auto-xl {
2617 
+    grid-column-end: auto;
2618 
+  }
2619 
+  .grid-re-auto-xl {
2620 
+    grid-row-end: auto;
2621 
+  }
2622 
+}
2623 
+/* HEADER */
2624 
+/* This works well with panel */
2625 
+section {
2626 
+  display: block;
2627 
+}
2628 
+
2629 
+.content {
2630 
+  max-width: 48em;
2631 
+  margin: 0 auto 1.5em;
2632 
+  width: 100%;
2633 
+}
2634 
+
2635 
+@media screen and (min-width: 1024px) {
2636 
+  .content {
2637 
+    max-width: 64em;
2638 
+  }
2639 
+}
2640 
+@media screen and (min-width: 1280px) {
2641 
+  .content {
2642 
+    max-width: 80em;
2643 
+  }
2644 
+}
2645 
+@media screen and (min-width: 1536px) {
2646 
+  .content {
2647 
+    max-width: 96em;
2648 
+  }
2649 
+}
2650 
+.fullscreen {
2651 
+  top: 0;
2652 
+  right: 0;
2653 
+  bottom: 0;
2654 
+  left: 0;
2655 
+  min-height: 100vh;
2656 
+}
2657 
+
2658 
+/* This works well with spans and maybe even hr */
2659 
+.divider {
2660 
+  border-top: 0.05rem solid rgba(173, 181, 189, 0.5);
2661 
+  height: 0.1rem;
2662 
+  margin: 1.8rem 0 1.6rem;
2663 
+  position: relative;
2664 
+}
2665 
+
2666 
+.divider[data-content] {
2667 
+  margin: 0.8rem 0;
2668 
+}
2669 
+
2670 
+.divider--v[data-content]::after, .divider[data-content]::after {
2671 
+  background: #fff;
2672 
+  color: #adb5bd;
2673 
+  content: attr(data-content);
2674 
+  left: 50%;
2675 
+  display: inline-block;
2676 
+  padding: 0 0.4rem;
2677 
+  position: absolute;
2678 
+  transform: translate(-50%, -50%);
2679 
+  top: 50%;
2680 
+}
2681 
+
2682 
+.divider--v, .divider--v[data-content] {
2683 
+  display: block;
2684 
+  padding: 0.8rem;
2685 
+}
2686 
+
2687 
+.divider--v::before, .divider--v[data-content]::before {
2688 
+  border-left: 0.05rem solid rgba(173, 181, 189, 0.5);
2689 
+  bottom: 0.4rem;
2690 
+  content: "";
2691 
+  display: block;
2692 
+  left: 50%;
2693 
+  position: absolute;
2694 
+  top: 0;
2695 
+  transform: translateX(-50%);
2696 
+}
2697 
+
2698 
+.divider--v[data-content] {
2699 
+  left: 50%;
2700 
+  padding: 0.2rem 0;
2701 
+  position: absolute;
2702 
+  top: 50%;
2703 
+  transform: translate(-50%, -50%);
2704 
+}
2705 
+
2706 
+/* Hero image div */
2707 
+.hero-img {
2708 
+  /* Specify the backgroud image yourself */
2709 
+  background-size: cover;
2710 
+}
2711 
+
2712 
+.parallax-img {
2713 
+  background-attachment: fixed !important;
2714 
+}
2715 
+
2716 
+.hero {
2717 
+  /* Parent of hero-body */
2718 
+  align-items: stretch;
2719 
+  display: flex; /* Important to stretch height of hero-body */
2720 
+  justify-content: space-between;
2721 
+}
2722 
+
2723 
+.hero .hero-body {
2724 
+  flex-grow: 1; /* Tells the hero-body to take up the entire space */
2725 
+  flex-shrink: 0;
2726 
+  padding: 3rem 1.5rem;
2727 
+  align-items: center;
2728 
+  display: flex;
2729 
+  width: 100%;
2730 
+}
2731 
+
2732 
+.space {
2733 
+  display: block;
2734 
+  width: 100%;
2735 
+  height: 1rem;
2736 
+}
2737 
+
2738 
+.space.space--lg {
2739 
+  padding: 1rem 0;
2740 
+}
2741 
+
2742 
+.space.space--xl {
2743 
+  padding: 2rem 0;
2744 
+}
2745 
+
2746 
+/* Use for spacing out elements vertically */
2747 
+.row {
2748 
+  flex: 1;
2749 
+  flex-wrap: wrap;
2750 
+  padding: 0.5rem 0;
2751 
+  display: flex;
2752 
+  /* GRID */
2753 
+  /* Auto align col to left in row */
2754 
+  /* Auto align col to middle in row */
2755 
+  /* Auto align col to right in row */
2756 
+  /* Dividers for mobile layout */
2757 
+  /* Base sizing where everything is 100% width */
2758 
+  /* Column sizes for various viewports */
2759 
+  /* Columns without the spacing */
2760 
+}
2761 
+
2762 
+.row::after {
2763 
+  content: "";
2764 
+  clear: both;
2765 
+  display: table;
2766 
+}
2767 
+
2768 
+.row.row--no-wrap {
2769 
+  flex-wrap: nowrap;
2770 
+  overflow-x: auto; /* Can be disabled to remove scroll bar */
2771 
+}
2772 
+
2773 
+.row .col {
2774 
+  display: block;
2775 
+  flex: 1;
2776 
+  padding: 0.15rem 0.75rem;
2777 
+}
2778 
+
2779 
+.row .offset-right {
2780 
+  margin-left: 0;
2781 
+  margin-right: auto;
2782 
+}
2783 
+
2784 
+.row .offset-center {
2785 
+  margin-left: auto;
2786 
+  margin-right: auto;
2787 
+}
2788 
+
2789 
+.row .offset-left {
2790 
+  margin-left: auto;
2791 
+  margin-right: 0;
2792 
+}
2793 
+
2794 
+.row.divided [class^=col], .row.divided [class*=" col"] {
2795 
+  box-shadow: 0 -1px 0 0 rgba(173, 181, 189, 0.5);
2796 
+}
2797 
+
2798 
+.row [class^=col-],
2799 
+.row [class*=" col-"] {
2800 
+  width: 100%;
2801 
+  margin-left: 0;
2802 
+  padding: 0 0.5rem;
2803 
+}
2804 
+
2805 
+@media screen and (min-width: 768px) {
2806 
+  .row .col-1 {
2807 
+    width: 8.3333333333%;
2808 
+  }
2809 
+}
2810 
+@media screen and (min-width: 768px) {
2811 
+  .row .col-2 {
2812 
+    width: 16.6666666667%;
2813 
+  }
2814 
+}
2815 
+@media screen and (min-width: 768px) {
2816 
+  .row .col-3 {
2817 
+    width: 25%;
2818 
+  }
2819 
+}
2820 
+@media screen and (min-width: 768px) {
2821 
+  .row .col-4 {
2822 
+    width: 33.3333333333%;
2823 
+  }
2824 
+}
2825 
+@media screen and (min-width: 768px) {
2826 
+  .row .col-5 {
2827 
+    width: 41.6666666667%;
2828 
+  }
2829 
+}
2830 
+@media screen and (min-width: 768px) {
2831 
+  .row .col-6 {
2832 
+    width: 50%;
2833 
+  }
2834 
+}
2835 
+@media screen and (min-width: 768px) {
2836 
+  .row .col-7 {
2837 
+    width: 58.3333333333%;
2838 
+  }
2839 
+}
2840 
+@media screen and (min-width: 768px) {
2841 
+  .row .col-8 {
2842 
+    width: 66.6666666667%;
2843 
+  }
2844 
+}
2845 
+@media screen and (min-width: 768px) {
2846 
+  .row .col-9 {
2847 
+    width: 75%;
2848 
+  }
2849 
+}
2850 
+@media screen and (min-width: 768px) {
2851 
+  .row .col-10 {
2852 
+    width: 83.3333333333%;
2853 
+  }
2854 
+}
2855 
+@media screen and (min-width: 768px) {
2856 
+  .row .col-11 {
2857 
+    width: 91.6666666667%;
2858 
+  }
2859 
+}
2860 
+@media screen and (min-width: 768px) {
2861 
+  .row .col-12 {
2862 
+    width: 100%;
2863 
+  }
2864 
+}
2865 
+.row .col-xs-1 {
2866 
+  width: 8.3333333333%;
2867 
+}
2868 
+
2869 
+.row .col-xs-2 {
2870 
+  width: 16.6666666667%;
2871 
+}
2872 
+
2873 
+.row .col-xs-3 {
2874 
+  width: 25%;
2875 
+}
2876 
+
2877 
+.row .col-xs-4 {
2878 
+  width: 33.3333333333%;
2879 
+}
2880 
+
2881 
+.row .col-xs-5 {
2882 
+  width: 41.6666666667%;
2883 
+}
2884 
+
2885 
+.row .col-xs-6 {
2886 
+  width: 50%;
2887 
+}
2888 
+
2889 
+.row .col-xs-7 {
2890 
+  width: 58.3333333333%;
2891 
+}
2892 
+
2893 
+.row .col-xs-8 {
2894 
+  width: 66.6666666667%;
2895 
+}
2896 
+
2897 
+.row .col-xs-9 {
2898 
+  width: 75%;
2899 
+}
2900 
+
2901 
+.row .col-xs-10 {
2902 
+  width: 83.3333333333%;
2903 
+}
2904 
+
2905 
+.row .col-xs-11 {
2906 
+  width: 91.6666666667%;
2907 
+}
2908 
+
2909 
+.row .col-xs-12 {
2910 
+  width: 100%;
2911 
+}
2912 
+
2913 
+@media screen and (min-width: 640px) {
2914 
+  .row .col-sm-1 {
2915 
+    width: 8.3333333333%;
2916 
+  }
2917 
+  .row .col-sm-2 {
2918 
+    width: 16.6666666667%;
2919 
+  }
2920 
+  .row .col-sm-3 {
2921 
+    width: 25%;
2922 
+  }
2923 
+  .row .col-sm-4 {
2924 
+    width: 33.3333333333%;
2925 
+  }
2926 
+  .row .col-sm-5 {
2927 
+    width: 41.6666666667%;
2928 
+  }
2929 
+  .row .col-sm-6 {
2930 
+    width: 50%;
2931 
+  }
2932 
+  .row .col-sm-7 {
2933 
+    width: 58.3333333333%;
2934 
+  }
2935 
+  .row .col-sm-8 {
2936 
+    width: 66.6666666667%;
2937 
+  }
2938 
+  .row .col-sm-9 {
2939 
+    width: 75%;
2940 
+  }
2941 
+  .row .col-sm-10 {
2942 
+    width: 83.3333333333%;
2943 
+  }
2944 
+  .row .col-sm-11 {
2945 
+    width: 91.6666666667%;
2946 
+  }
2947 
+  .row .col-sm-12 {
2948 
+    width: 100%;
2949 
+  }
2950 
+}
2951 
+@media screen and (min-width: 768px) {
2952 
+  .row .col-md-1 {
2953 
+    width: 8.3333333333%;
2954 
+  }
2955 
+  .row .col-md-2 {
2956 
+    width: 16.6666666667%;
2957 
+  }
2958 
+  .row .col-md-3 {
2959 
+    width: 25%;
2960 
+  }
2961 
+  .row .col-md-4 {
2962 
+    width: 33.3333333333%;
2963 
+  }
2964 
+  .row .col-md-5 {
2965 
+    width: 41.6666666667%;
2966 
+  }
2967 
+  .row .col-md-6 {
2968 
+    width: 50%;
2969 
+  }
2970 
+  .row .col-md-7 {
2971 
+    width: 58.3333333333%;
2972 
+  }
2973 
+  .row .col-md-8 {
2974 
+    width: 66.6666666667%;
2975 
+  }
2976 
+  .row .col-md-9 {
2977 
+    width: 75%;
2978 
+  }
2979 
+  .row .col-md-10 {
2980 
+    width: 83.3333333333%;
2981 
+  }
2982 
+  .row .col-md-11 {
2983 
+    width: 91.6666666667%;
2984 
+  }
2985 
+  .row .col-md-12 {
2986 
+    width: 100%;
2987 
+  }
2988 
+}
2989 
+@media screen and (min-width: 1024px) {
2990 
+  .row .col-lg-1 {
2991 
+    width: 8.3333333333%;
2992 
+  }
2993 
+  .row .col-lg-2 {
2994 
+    width: 16.6666666667%;
2995 
+  }
2996 
+  .row .col-lg-3 {
2997 
+    width: 25%;
2998 
+  }
2999 
+  .row .col-lg-4 {
3000 
+    width: 33.3333333333%;
3001 
+  }
3002 
+  .row .col-lg-5 {
3003 
+    width: 41.6666666667%;
3004 
+  }
3005 
+  .row .col-lg-6 {
3006 
+    width: 50%;
3007 
+  }
3008 
+  .row .col-lg-7 {
3009 
+    width: 58.3333333333%;
3010 
+  }
3011 
+  .row .col-lg-8 {
3012 
+    width: 66.6666666667%;
3013 
+  }
3014 
+  .row .col-lg-9 {
3015 
+    width: 75%;
3016 
+  }
3017 
+  .row .col-lg-10 {
3018 
+    width: 83.3333333333%;
3019 
+  }
3020 
+  .row .col-lg-11 {
3021 
+    width: 91.6666666667%;
3022 
+  }
3023 
+  .row .col-lg-12 {
3024 
+    width: 100%;
3025 
+  }
3026 
+}
3027 
+@media screen and (min-width: 1280px) {
3028 
+  .row .col-xl-1 {
3029 
+    width: 8.3333333333%;
3030 
+  }
3031 
+  .row .col-xl-2 {
3032 
+    width: 16.6666666667%;
3033 
+  }
3034 
+  .row .col-xl-3 {
3035 
+    width: 25%;
3036 
+  }
3037 
+  .row .col-xl-4 {
3038 
+    width: 33.3333333333%;
3039 
+  }
3040 
+  .row .col-xl-5 {
3041 
+    width: 41.6666666667%;
3042 
+  }
3043 
+  .row .col-xl-6 {
3044 
+    width: 50%;
3045 
+  }
3046 
+  .row .col-xl-7 {
3047 
+    width: 58.3333333333%;
3048 
+  }
3049 
+  .row .col-xl-8 {
3050 
+    width: 66.6666666667%;
3051 
+  }
3052 
+  .row .col-xl-9 {
3053 
+    width: 75%;
3054 
+  }
3055 
+  .row .col-xl-10 {
3056 
+    width: 83.3333333333%;
3057 
+  }
3058 
+  .row .col-xl-11 {
3059 
+    width: 91.6666666667%;
3060 
+  }
3061 
+  .row .col-xl-12 {
3062 
+    width: 100%;
3063 
+  }
3064 
+}
3065 
+@media screen and (min-width: 640px) {
3066 
+  .row .offset-1 {
3067 
+    margin-left: 8.3333333333%;
3068 
+  }
3069 
+}
3070 
+@media screen and (min-width: 640px) {
3071 
+  .row .offset-2 {
3072 
+    margin-left: 16.6666666667%;
3073 
+  }
3074 
+}
3075 
+@media screen and (min-width: 640px) {
3076 
+  .row .offset-3 {
3077 
+    margin-left: 25%;
3078 
+  }
3079 
+}
3080 
+@media screen and (min-width: 640px) {
3081 
+  .row .offset-4 {
3082 
+    margin-left: 33.3333333333%;
3083 
+  }
3084 
+}
3085 
+@media screen and (min-width: 640px) {
3086 
+  .row .offset-5 {
3087 
+    margin-left: 41.6666666667%;
3088 
+  }
3089 
+}
3090 
+@media screen and (min-width: 640px) {
3091 
+  .row .offset-6 {
3092 
+    margin-left: 50%;
3093 
+  }
3094 
+}
3095 
+@media screen and (min-width: 640px) {
3096 
+  .row .offset-7 {
3097 
+    margin-left: 58.3333333333%;
3098 
+  }
3099 
+}
3100 
+@media screen and (min-width: 640px) {
3101 
+  .row .offset-8 {
3102 
+    margin-left: 66.6666666667%;
3103 
+  }
3104 
+}
3105 
+@media screen and (min-width: 640px) {
3106 
+  .row .offset-9 {
3107 
+    margin-left: 75%;
3108 
+  }
3109 
+}
3110 
+@media screen and (min-width: 640px) {
3111 
+  .row .offset-10 {
3112 
+    margin-left: 83.3333333333%;
3113 
+  }
3114 
+}
3115 
+@media screen and (min-width: 640px) {
3116 
+  .row .offset-11 {
3117 
+    margin-left: 91.6666666667%;
3118 
+  }
3119 
+}
3120 
+@media screen and (min-width: 640px) {
3121 
+  .row .offset-12 {
3122 
+    margin-left: 100%;
3123 
+  }
3124 
+}
3125 
+.row.no-space [class^=col-], .row.no-space [class*=" col-"] {
3126 
+  padding: 0;
3127 
+}
3128 
+
3129 
+.r {
3130 
+  /* Legacy row pre 0.5.5 */
3131 
+  max-width: 100%;
3132 
+  padding: 0.5rem;
3133 
+}
3134 
+
3135 
+.level {
3136 
+  align-items: center;
3137 
+  justify-content: space-between;
3138 
+  /* Used to stretch the contents of div in level to fill */
3139 
+}
3140 
+
3141 
+.level .level-item {
3142 
+  /* Centers items */
3143 
+  align-items: center;
3144 
+  display: flex;
3145 
+  flex-basis: auto;
3146 
+  flex-grow: 0;
3147 
+  flex-shrink: 0;
3148 
+  justify-content: center;
3149 
+}
3150 
+
3151 
+.level .level-content {
3152 
+  flex-basis: auto;
3153 
+  flex-grow: 1;
3154 
+  flex-shrink: 1;
3155 
+  text-align: left;
3156 
+  width: 100%;
3157 
+}
3158 
+
3159 
+/* Width/Height CSS */
3160 
+.h-0 {
3161 
+  height: 0 !important;
3162 
+}
3163 
+
3164 
+.h-1 {
3165 
+  height: 0.5rem !important;
3166 
+}
3167 
+
3168 
+.h-2 {
3169 
+  height: 1rem !important;
3170 
+}
3171 
+
3172 
+.h-3 {
3173 
+  height: 1.5rem !important;
3174 
+}
3175 
+
3176 
+.h-4 {
3177 
+  height: 2rem !important;
3178 
+}
3179 
+
3180 
+.h-5 {
3181 
+  height: 2.5rem !important;
3182 
+}
3183 
+
3184 
+.h-6 {
3185 
+  height: 3rem !important;
3186 
+}
3187 
+
3188 
+.h-8 {
3189 
+  height: 4rem !important;
3190 
+}
3191 
+
3192 
+.h-10 {
3193 
+  height: 5rem !important;
3194 
+}
3195 
+
3196 
+.h-12 {
3197 
+  height: 6rem !important;
3198 
+}
3199 
+
3200 
+.h-16 {
3201 
+  height: 8rem !important;
3202 
+}
3203 
+
3204 
+.h-20 {
3205 
+  height: 10rem !important;
3206 
+}
3207 
+
3208 
+.h-24 {
3209 
+  height: 12rem !important;
3210 
+}
3211 
+
3212 
+.h-32 {
3213 
+  height: 16rem !important;
3214 
+}
3215 
+
3216 
+.h-10p {
3217 
+  height: 10% !important;
3218 
+}
3219 
+
3220 
+.h-20p {
3221 
+  height: 20% !important;
3222 
+}
3223 
+
3224 
+.h-30p {
3225 
+  height: 30% !important;
3226 
+}
3227 
+
3228 
+.h-40p {
3229 
+  height: 40% !important;
3230 
+}
3231 
+
3232 
+.h-50p {
3233 
+  height: 50% !important;
3234 
+}
3235 
+
3236 
+.h-60p {
3237 
+  height: 60% !important;
3238 
+}
3239 
+
3240 
+.h-70p {
3241 
+  height: 70% !important;
3242 
+}
3243 
+
3244 
+.h-80p {
3245 
+  height: 80% !important;
3246 
+}
3247 
+
3248 
+.h-90p {
3249 
+  height: 90% !important;
3250 
+}
3251 
+
3252 
+.h-100p {
3253 
+  height: 100% !important;
3254 
+}
3255 
+
3256 
+.h-auto {
3257 
+  height: auto !important;
3258 
+}
3259 
+
3260 
+.h-screen {
3261 
+  height: 100vh !important;
3262 
+}
3263 
+
3264 
+@media screen and (min-width: 640px) {
3265 
+  .h-0-sm {
3266 
+    height: 0 !important;
3267 
+  }
3268 
+}
3269 
+@media screen and (min-width: 640px) {
3270 
+  .h-1-sm {
3271 
+    height: 0.5rem !important;
3272 
+  }
3273 
+}
3274 
+@media screen and (min-width: 640px) {
3275 
+  .h-2-sm {
3276 
+    height: 1rem !important;
3277 
+  }
3278 
+}
3279 
+@media screen and (min-width: 640px) {
3280 
+  .h-3-sm {
3281 
+    height: 1.5rem !important;
3282 
+  }
3283 
+}
3284 
+@media screen and (min-width: 640px) {
3285 
+  .h-4-sm {
3286 
+    height: 2rem !important;
3287 
+  }
3288 
+}
3289 
+@media screen and (min-width: 640px) {
3290 
+  .h-5-sm {
3291 
+    height: 2.5rem !important;
3292 
+  }
3293 
+}
3294 
+@media screen and (min-width: 640px) {
3295 
+  .h-6-sm {
3296 
+    height: 3rem !important;
3297 
+  }
3298 
+}
3299 
+@media screen and (min-width: 640px) {
3300 
+  .h-8-sm {
3301 
+    height: 4rem !important;
3302 
+  }
3303 
+}
3304 
+@media screen and (min-width: 640px) {
3305 
+  .h-10-sm {
3306 
+    height: 5rem !important;
3307 
+  }
3308 
+}
3309 
+@media screen and (min-width: 640px) {
3310 
+  .h-12-sm {
3311 
+    height: 6rem !important;
3312 
+  }
3313 
+}
3314 
+@media screen and (min-width: 640px) {
3315 
+  .h-16-sm {
3316 
+    height: 8rem !important;
3317 
+  }
3318 
+}
3319 
+@media screen and (min-width: 640px) {
3320 
+  .h-20-sm {
3321 
+    height: 10rem !important;
3322 
+  }
3323 
+}
3324 
+@media screen and (min-width: 640px) {
3325 
+  .h-24-sm {
3326 
+    height: 12rem !important;
3327 
+  }
3328 
+}
3329 
+@media screen and (min-width: 640px) {
3330 
+  .h-32-sm {
3331 
+    height: 16rem !important;
3332 
+  }
3333 
+}
3334 
+@media screen and (min-width: 640px) {
3335 
+  .h-10p-sm {
3336 
+    height: 10% !important;
3337 
+  }
3338 
+}
3339 
+@media screen and (min-width: 640px) {
3340 
+  .h-20p-sm {
3341 
+    height: 20% !important;
3342 
+  }
3343 
+}
3344 
+@media screen and (min-width: 640px) {
3345 
+  .h-30p-sm {
3346 
+    height: 30% !important;
3347 
+  }
3348 
+}
3349 
+@media screen and (min-width: 640px) {
3350 
+  .h-40p-sm {
3351 
+    height: 40% !important;
3352 
+  }
3353 
+}
3354 
+@media screen and (min-width: 640px) {
3355 
+  .h-50p-sm {
3356 
+    height: 50% !important;
3357 
+  }
3358 
+}
3359 
+@media screen and (min-width: 640px) {
3360 
+  .h-60p-sm {
3361 
+    height: 60% !important;
3362 
+  }
3363 
+}
3364 
+@media screen and (min-width: 640px) {
3365 
+  .h-70p-sm {
3366 
+    height: 70% !important;
3367 
+  }
3368 
+}
3369 
+@media screen and (min-width: 640px) {
3370 
+  .h-80p-sm {
3371 
+    height: 80% !important;
3372 
+  }
3373 
+}
3374 
+@media screen and (min-width: 640px) {
3375 
+  .h-90p-sm {
3376 
+    height: 90% !important;
3377 
+  }
3378 
+}
3379 
+@media screen and (min-width: 640px) {
3380 
+  .h-100p-sm {
3381 
+    height: 100% !important;
3382 
+  }
3383 
+}
3384 
+@media screen and (min-width: 640px) {
3385 
+  .h-auto-sm {
3386 
+    height: auto !important;
3387 
+  }
3388 
+}
3389 
+@media screen and (min-width: 640px) {
3390 
+  .h-screen-sm {
3391 
+    height: 100vh !important;
3392 
+  }
3393 
+}
3394 
+@media screen and (min-width: 768px) {
3395 
+  .h-0-md {
3396 
+    height: 0 !important;
3397 
+  }
3398 
+}
3399 
+@media screen and (min-width: 768px) {
3400 
+  .h-1-md {
3401 
+    height: 0.5rem !important;
3402 
+  }
3403 
+}
3404 
+@media screen and (min-width: 768px) {
3405 
+  .h-2-md {
3406 
+    height: 1rem !important;
3407 
+  }
3408 
+}
3409 
+@media screen and (min-width: 768px) {
3410 
+  .h-3-md {
3411 
+    height: 1.5rem !important;
3412 
+  }
3413 
+}
3414 
+@media screen and (min-width: 768px) {
3415 
+  .h-4-md {
3416 
+    height: 2rem !important;
3417 
+  }
3418 
+}
3419 
+@media screen and (min-width: 768px) {
3420 
+  .h-5-md {
3421 
+    height: 2.5rem !important;
3422 
+  }
3423 
+}
3424 
+@media screen and (min-width: 768px) {
3425 
+  .h-6-md {
3426 
+    height: 3rem !important;
3427 
+  }
3428 
+}
3429 
+@media screen and (min-width: 768px) {
3430 
+  .h-8-md {
3431 
+    height: 4rem !important;
3432 
+  }
3433 
+}
3434 
+@media screen and (min-width: 768px) {
3435 
+  .h-10-md {
3436 
+    height: 5rem !important;
3437 
+  }
3438 
+}
3439 
+@media screen and (min-width: 768px) {
3440 
+  .h-12-md {
3441 
+    height: 6rem !important;
3442 
+  }
3443 
+}
3444 
+@media screen and (min-width: 768px) {
3445 
+  .h-16-md {
3446 
+    height: 8rem !important;
3447 
+  }
3448 
+}
3449 
+@media screen and (min-width: 768px) {
3450 
+  .h-20-md {
3451 
+    height: 10rem !important;
3452 
+  }
3453 
+}
3454 
+@media screen and (min-width: 768px) {
3455 
+  .h-24-md {
3456 
+    height: 12rem !important;
3457 
+  }
3458 
+}
3459 
+@media screen and (min-width: 768px) {
3460 
+  .h-32-md {
3461 
+    height: 16rem !important;
3462 
+  }
3463 
+}
3464 
+@media screen and (min-width: 768px) {
3465 
+  .h-10p-md {
3466 
+    height: 10% !important;
3467 
+  }
3468 
+}
3469 
+@media screen and (min-width: 768px) {
3470 
+  .h-20p-md {
3471 
+    height: 20% !important;
3472 
+  }
3473 
+}
3474 
+@media screen and (min-width: 768px) {
3475 
+  .h-30p-md {
3476 
+    height: 30% !important;
3477 
+  }
3478 
+}
3479 
+@media screen and (min-width: 768px) {
3480 
+  .h-40p-md {
3481 
+    height: 40% !important;
3482 
+  }
3483 
+}
3484 
+@media screen and (min-width: 768px) {
3485 
+  .h-50p-md {
3486 
+    height: 50% !important;
3487 
+  }
3488 
+}
3489 
+@media screen and (min-width: 768px) {
3490 
+  .h-60p-md {
3491 
+    height: 60% !important;
3492 
+  }
3493 
+}
3494 
+@media screen and (min-width: 768px) {
3495 
+  .h-70p-md {
3496 
+    height: 70% !important;
3497 
+  }
3498 
+}
3499 
+@media screen and (min-width: 768px) {
3500 
+  .h-80p-md {
3501 
+    height: 80% !important;
3502 
+  }
3503 
+}
3504 
+@media screen and (min-width: 768px) {
3505 
+  .h-90p-md {
3506 
+    height: 90% !important;
3507 
+  }
3508 
+}
3509 
+@media screen and (min-width: 768px) {
3510 
+  .h-100p-md {
3511 
+    height: 100% !important;
3512 
+  }
3513 
+}
3514 
+@media screen and (min-width: 768px) {
3515 
+  .h-auto-md {
3516 
+    height: auto !important;
3517 
+  }
3518 
+}
3519 
+@media screen and (min-width: 768px) {
3520 
+  .h-screen-md {
3521 
+    height: 100vh !important;
3522 
+  }
3523 
+}
3524 
+@media screen and (min-width: 1024px) {
3525 
+  .h-0-lg {
3526 
+    height: 0 !important;
3527 
+  }
3528 
+}
3529 
+@media screen and (min-width: 1024px) {
3530 
+  .h-1-lg {
3531 
+    height: 0.5rem !important;
3532 
+  }
3533 
+}
3534 
+@media screen and (min-width: 1024px) {
3535 
+  .h-2-lg {
3536 
+    height: 1rem !important;
3537 
+  }
3538 
+}
3539 
+@media screen and (min-width: 1024px) {
3540 
+  .h-3-lg {
3541 
+    height: 1.5rem !important;
3542 
+  }
3543 
+}
3544 
+@media screen and (min-width: 1024px) {
3545 
+  .h-4-lg {
3546 
+    height: 2rem !important;
3547 
+  }
3548 
+}
3549 
+@media screen and (min-width: 1024px) {
3550 
+  .h-5-lg {
3551 
+    height: 2.5rem !important;
3552 
+  }
3553 
+}
3554 
+@media screen and (min-width: 1024px) {
3555 
+  .h-6-lg {
3556 
+    height: 3rem !important;
3557 
+  }
3558 
+}
3559 
+@media screen and (min-width: 1024px) {
3560 
+  .h-8-lg {
3561 
+    height: 4rem !important;
3562 
+  }
3563 
+}
3564 
+@media screen and (min-width: 1024px) {
3565 
+  .h-10-lg {
3566 
+    height: 5rem !important;
3567 
+  }
3568 
+}
3569 
+@media screen and (min-width: 1024px) {
3570 
+  .h-12-lg {
3571 
+    height: 6rem !important;
3572 
+  }
3573 
+}
3574 
+@media screen and (min-width: 1024px) {
3575 
+  .h-16-lg {
3576 
+    height: 8rem !important;
3577 
+  }
3578 
+}
3579 
+@media screen and (min-width: 1024px) {
3580 
+  .h-20-lg {
3581 
+    height: 10rem !important;
3582 
+  }
3583 
+}
3584 
+@media screen and (min-width: 1024px) {
3585 
+  .h-24-lg {
3586 
+    height: 12rem !important;
3587 
+  }
3588 
+}
3589 
+@media screen and (min-width: 1024px) {
3590 
+  .h-32-lg {
3591 
+    height: 16rem !important;
3592 
+  }
3593 
+}
3594 
+@media screen and (min-width: 1024px) {
3595 
+  .h-10p-lg {
3596 
+    height: 10% !important;
3597 
+  }
3598 
+}
3599 
+@media screen and (min-width: 1024px) {
3600 
+  .h-20p-lg {
3601 
+    height: 20% !important;
3602 
+  }
3603 
+}
3604 
+@media screen and (min-width: 1024px) {
3605 
+  .h-30p-lg {
3606 
+    height: 30% !important;
3607 
+  }
3608 
+}
3609 
+@media screen and (min-width: 1024px) {
3610 
+  .h-40p-lg {
3611 
+    height: 40% !important;
3612 
+  }
3613 
+}
3614 
+@media screen and (min-width: 1024px) {
3615 
+  .h-50p-lg {
3616 
+    height: 50% !important;
3617 
+  }
3618 
+}
3619 
+@media screen and (min-width: 1024px) {
3620 
+  .h-60p-lg {
3621 
+    height: 60% !important;
3622 
+  }
3623 
+}
3624 
+@media screen and (min-width: 1024px) {
3625 
+  .h-70p-lg {
3626 
+    height: 70% !important;
3627 
+  }
3628 
+}
3629 
+@media screen and (min-width: 1024px) {
3630 
+  .h-80p-lg {
3631 
+    height: 80% !important;
3632 
+  }
3633 
+}
3634 
+@media screen and (min-width: 1024px) {
3635 
+  .h-90p-lg {
3636 
+    height: 90% !important;
3637 
+  }
3638 
+}
3639 
+@media screen and (min-width: 1024px) {
3640 
+  .h-100p-lg {
3641 
+    height: 100% !important;
3642 
+  }
3643 
+}
3644 
+@media screen and (min-width: 1024px) {
3645 
+  .h-auto-lg {
3646 
+    height: auto !important;
3647 
+  }
3648 
+}
3649 
+@media screen and (min-width: 1024px) {
3650 
+  .h-screen-lg {
3651 
+    height: 100vh !important;
3652 
+  }
3653 
+}
3654 
+@media screen and (min-width: 1280px) {
3655 
+  .h-0-xl {
3656 
+    height: 0 !important;
3657 
+  }
3658 
+}
3659 
+@media screen and (min-width: 1280px) {
3660 
+  .h-1-xl {
3661 
+    height: 0.5rem !important;
3662 
+  }
3663 
+}
3664 
+@media screen and (min-width: 1280px) {
3665 
+  .h-2-xl {
3666 
+    height: 1rem !important;
3667 
+  }
3668 
+}
3669 
+@media screen and (min-width: 1280px) {
3670 
+  .h-3-xl {
3671 
+    height: 1.5rem !important;
3672 
+  }
3673 
+}
3674 
+@media screen and (min-width: 1280px) {
3675 
+  .h-4-xl {
3676 
+    height: 2rem !important;
3677 
+  }
3678 
+}
3679 
+@media screen and (min-width: 1280px) {
3680 
+  .h-5-xl {
3681 
+    height: 2.5rem !important;
3682 
+  }
3683 
+}
3684 
+@media screen and (min-width: 1280px) {
3685 
+  .h-6-xl {
3686 
+    height: 3rem !important;
3687 
+  }
3688 
+}
3689 
+@media screen and (min-width: 1280px) {
3690 
+  .h-8-xl {
3691 
+    height: 4rem !important;
3692 
+  }
3693 
+}
3694 
+@media screen and (min-width: 1280px) {
3695 
+  .h-10-xl {
3696 
+    height: 5rem !important;
3697 
+  }
3698 
+}
3699 
+@media screen and (min-width: 1280px) {
3700 
+  .h-12-xl {
3701 
+    height: 6rem !important;
3702 
+  }
3703 
+}
3704 
+@media screen and (min-width: 1280px) {
3705 
+  .h-16-xl {
3706 
+    height: 8rem !important;
3707 
+  }
3708 
+}
3709 
+@media screen and (min-width: 1280px) {
3710 
+  .h-20-xl {
3711 
+    height: 10rem !important;
3712 
+  }
3713 
+}
3714 
+@media screen and (min-width: 1280px) {
3715 
+  .h-24-xl {
3716 
+    height: 12rem !important;
3717 
+  }
3718 
+}
3719 
+@media screen and (min-width: 1280px) {
3720 
+  .h-32-xl {
3721 
+    height: 16rem !important;
3722 
+  }
3723 
+}
3724 
+@media screen and (min-width: 1280px) {
3725 
+  .h-10p-xl {
3726 
+    height: 10% !important;
3727 
+  }
3728 
+}
3729 
+@media screen and (min-width: 1280px) {
3730 
+  .h-20p-xl {
3731 
+    height: 20% !important;
3732 
+  }
3733 
+}
3734 
+@media screen and (min-width: 1280px) {
3735 
+  .h-30p-xl {
3736 
+    height: 30% !important;
3737 
+  }
3738 
+}
3739 
+@media screen and (min-width: 1280px) {
3740 
+  .h-40p-xl {
3741 
+    height: 40% !important;
3742 
+  }
3743 
+}
3744 
+@media screen and (min-width: 1280px) {
3745 
+  .h-50p-xl {
3746 
+    height: 50% !important;
3747 
+  }
3748 
+}
3749 
+@media screen and (min-width: 1280px) {
3750 
+  .h-60p-xl {
3751 
+    height: 60% !important;
3752 
+  }
3753 
+}
3754 
+@media screen and (min-width: 1280px) {
3755 
+  .h-70p-xl {
3756 
+    height: 70% !important;
3757 
+  }
3758 
+}
3759 
+@media screen and (min-width: 1280px) {
3760 
+  .h-80p-xl {
3761 
+    height: 80% !important;
3762 
+  }
3763 
+}
3764 
+@media screen and (min-width: 1280px) {
3765 
+  .h-90p-xl {
3766 
+    height: 90% !important;
3767 
+  }
3768 
+}
3769 
+@media screen and (min-width: 1280px) {
3770 
+  .h-100p-xl {
3771 
+    height: 100% !important;
3772 
+  }
3773 
+}
3774 
+@media screen and (min-width: 1280px) {
3775 
+  .h-auto-xl {
3776 
+    height: auto !important;
3777 
+  }
3778 
+}
3779 
+@media screen and (min-width: 1280px) {
3780 
+  .h-screen-xl {
3781 
+    height: 100vh !important;
3782 
+  }
3783 
+}
3784 
+.w-0 {
3785 
+  width: 0rem !important;
3786 
+}
3787 
+
3788 
+.w-auto {
3789 
+  width: auto !important;
3790 
+}
3791 
+
3792 
+.w-screen {
3793 
+  width: 100vw !important;
3794 
+}
3795 
+
3796 
+.w-10p {
3797 
+  width: 10% !important;
3798 
+}
3799 
+
3800 
+.w-20p {
3801 
+  width: 20% !important;
3802 
+}
3803 
+
3804 
+.w-30p {
3805 
+  width: 30% !important;
3806 
+}
3807 
+
3808 
+.w-40p {
3809 
+  width: 40% !important;
3810 
+}
3811 
+
3812 
+.w-50p {
3813 
+  width: 50% !important;
3814 
+}
3815 
+
3816 
+.w-60p {
3817 
+  width: 60% !important;
3818 
+}
3819 
+
3820 
+.w-70p {
3821 
+  width: 70% !important;
3822 
+}
3823 
+
3824 
+.w-80p {
3825 
+  width: 80% !important;
3826 
+}
3827 
+
3828 
+.w-90p {
3829 
+  width: 90% !important;
3830 
+}
3831 
+
3832 
+.w-100p {
3833 
+  width: 100% !important;
3834 
+}
3835 
+
3836 
+.w-1 {
3837 
+  width: 0.5rem !important;
3838 
+}
3839 
+
3840 
+.w-2 {
3841 
+  width: 1rem !important;
3842 
+}
3843 
+
3844 
+.w-3 {
3845 
+  width: 1.5rem !important;
3846 
+}
3847 
+
3848 
+.w-4 {
3849 
+  width: 2rem !important;
3850 
+}
3851 
+
3852 
+.w-5 {
3853 
+  width: 2.5rem !important;
3854 
+}
3855 
+
3856 
+.w-6 {
3857 
+  width: 3rem !important;
3858 
+}
3859 
+
3860 
+.w-8 {
3861 
+  width: 4rem !important;
3862 
+}
3863 
+
3864 
+.w-10 {
3865 
+  width: 5rem !important;
3866 
+}
3867 
+
3868 
+.w-12 {
3869 
+  width: 6rem !important;
3870 
+}
3871 
+
3872 
+.w-16 {
3873 
+  width: 8rem !important;
3874 
+}
3875 
+
3876 
+.w-20 {
3877 
+  width: 10rem !important;
3878 
+}
3879 
+
3880 
+.w-24 {
3881 
+  width: 12rem !important;
3882 
+}
3883 
+
3884 
+.w-32 {
3885 
+  width: 16rem !important;
3886 
+}
3887 
+
3888 
+@media screen and (min-width: 640px) {
3889 
+  .w-0-sm {
3890 
+    width: 0rem !important;
3891 
+  }
3892 
+}
3893 
+@media screen and (min-width: 640px) {
3894 
+  .w-auto-sm {
3895 
+    width: auto !important;
3896 
+  }
3897 
+}
3898 
+@media screen and (min-width: 640px) {
3899 
+  .w-screen-sm {
3900 
+    width: 100vw !important;
3901 
+  }
3902 
+}
3903 
+@media screen and (min-width: 640px) {
3904 
+  .w-10p-sm {
3905 
+    width: 10% !important;
3906 
+  }
3907 
+}
3908 
+@media screen and (min-width: 640px) {
3909 
+  .w-20p-sm {
3910 
+    width: 20% !important;
3911 
+  }
3912 
+}
3913 
+@media screen and (min-width: 640px) {
3914 
+  .w-30p-sm {
3915 
+    width: 30% !important;
3916 
+  }
3917 
+}
3918 
+@media screen and (min-width: 640px) {
3919 
+  .w-40p-sm {
3920 
+    width: 40% !important;
3921 
+  }
3922 
+}
3923 
+@media screen and (min-width: 640px) {
3924 
+  .w-50p-sm {
3925 
+    width: 50% !important;
3926 
+  }
3927 
+}
3928 
+@media screen and (min-width: 640px) {
3929 
+  .w-60p-sm {
3930 
+    width: 60% !important;
3931 
+  }
3932 
+}
3933 
+@media screen and (min-width: 640px) {
3934 
+  .w-70p-sm {
3935 
+    width: 70% !important;
3936 
+  }
3937 
+}
3938 
+@media screen and (min-width: 640px) {
3939 
+  .w-80p-sm {
3940 
+    width: 80% !important;
3941 
+  }
3942 
+}
3943 
+@media screen and (min-width: 640px) {
3944 
+  .w-90p-sm {
3945 
+    width: 90% !important;
3946 
+  }
3947 
+}
3948 
+@media screen and (min-width: 640px) {
3949 
+  .w-100p-sm {
3950 
+    width: 100% !important;
3951 
+  }
3952 
+}
3953 
+@media screen and (min-width: 640px) {
3954 
+  .w-1-sm {
3955 
+    width: 0.5rem !important;
3956 
+  }
3957 
+}
3958 
+@media screen and (min-width: 640px) {
3959 
+  .w-2-sm {
3960 
+    width: 1rem !important;
3961 
+  }
3962 
+}
3963 
+@media screen and (min-width: 640px) {
3964 
+  .w-3-sm {
3965 
+    width: 1.5rem !important;
3966 
+  }
3967 
+}
3968 
+@media screen and (min-width: 640px) {
3969 
+  .w-4-sm {
3970 
+    width: 2rem !important;
3971 
+  }
3972 
+}
3973 
+@media screen and (min-width: 640px) {
3974 
+  .w-5-sm {
3975 
+    width: 2.5rem !important;
3976 
+  }
3977 
+}
3978 
+@media screen and (min-width: 640px) {
3979 
+  .w-6-sm {
3980 
+    width: 3rem !important;
3981 
+  }
3982 
+}
3983 
+@media screen and (min-width: 640px) {
3984 
+  .w-8-sm {
3985 
+    width: 4rem !important;
3986 
+  }
3987 
+}
3988 
+@media screen and (min-width: 640px) {
3989 
+  .w-10-sm {
3990 
+    width: 5rem !important;
3991 
+  }
3992 
+}
3993 
+@media screen and (min-width: 640px) {
3994 
+  .w-12-sm {
3995 
+    width: 6rem !important;
3996 
+  }
3997 
+}
3998 
+@media screen and (min-width: 640px) {
3999 
+  .w-16-sm {
4000 
+    width: 8rem !important;
4001 
+  }
4002 
+}
4003 
+@media screen and (min-width: 640px) {
4004 
+  .w-20-sm {
4005 
+    width: 10rem !important;
4006 
+  }
4007 
+}
4008 
+@media screen and (min-width: 640px) {
4009 
+  .w-24-sm {
4010 
+    width: 12rem !important;
4011 
+  }
4012 
+}
4013 
+@media screen and (min-width: 640px) {
4014 
+  .w-32-sm {
4015 
+    width: 16rem !important;
4016 
+  }
4017 
+}
4018 
+@media screen and (min-width: 768px) {
4019 
+  .w-0-md {
4020 
+    width: 0rem !important;
4021 
+  }
4022 
+}
4023 
+@media screen and (min-width: 768px) {
4024 
+  .w-auto-md {
4025 
+    width: auto !important;
4026 
+  }
4027 
+}
4028 
+@media screen and (min-width: 768px) {
4029 
+  .w-screen-md {
4030 
+    width: 100vw !important;
4031 
+  }
4032 
+}
4033 
+@media screen and (min-width: 768px) {
4034 
+  .w-10p-md {
4035 
+    width: 10% !important;
4036 
+  }
4037 
+}
4038 
+@media screen and (min-width: 768px) {
4039 
+  .w-20p-md {
4040 
+    width: 20% !important;
4041 
+  }
4042 
+}
4043 
+@media screen and (min-width: 768px) {
4044 
+  .w-30p-md {
4045 
+    width: 30% !important;
4046 
+  }
4047 
+}
4048 
+@media screen and (min-width: 768px) {
4049 
+  .w-40p-md {
4050 
+    width: 40% !important;
4051 
+  }
4052 
+}
4053 
+@media screen and (min-width: 768px) {
4054 
+  .w-50p-md {
4055 
+    width: 50% !important;
4056 
+  }
4057 
+}
4058 
+@media screen and (min-width: 768px) {
4059 
+  .w-60p-md {
4060 
+    width: 60% !important;
4061 
+  }
4062 
+}
4063 
+@media screen and (min-width: 768px) {
4064 
+  .w-70p-md {
4065 
+    width: 70% !important;
4066 
+  }
4067 
+}
4068 
+@media screen and (min-width: 768px) {
4069 
+  .w-80p-md {
4070 
+    width: 80% !important;
4071 
+  }
4072 
+}
4073 
+@media screen and (min-width: 768px) {
4074 
+  .w-90p-md {
4075 
+    width: 90% !important;
4076 
+  }
4077 
+}
4078 
+@media screen and (min-width: 768px) {
4079 
+  .w-100p-md {
4080 
+    width: 100% !important;
4081 
+  }
4082 
+}
4083 
+@media screen and (min-width: 768px) {
4084 
+  .w-1-md {
4085 
+    width: 0.5rem !important;
4086 
+  }
4087 
+}
4088 
+@media screen and (min-width: 768px) {
4089 
+  .w-2-md {
4090 
+    width: 1rem !important;
4091 
+  }
4092 
+}
4093 
+@media screen and (min-width: 768px) {
4094 
+  .w-3-md {
4095 
+    width: 1.5rem !important;
4096 
+  }
4097 
+}
4098 
+@media screen and (min-width: 768px) {
4099 
+  .w-4-md {
4100 
+    width: 2rem !important;
4101 
+  }
4102 
+}
4103 
+@media screen and (min-width: 768px) {
4104 
+  .w-5-md {
4105 
+    width: 2.5rem !important;
4106 
+  }
4107 
+}
4108 
+@media screen and (min-width: 768px) {
4109 
+  .w-6-md {
4110 
+    width: 3rem !important;
4111 
+  }
4112 
+}
4113 
+@media screen and (min-width: 768px) {
4114 
+  .w-8-md {
4115 
+    width: 4rem !important;
4116 
+  }
4117 
+}
4118 
+@media screen and (min-width: 768px) {
4119 
+  .w-10-md {
4120 
+    width: 5rem !important;
4121 
+  }
4122 
+}
4123 
+@media screen and (min-width: 768px) {
4124 
+  .w-12-md {
4125 
+    width: 6rem !important;
4126 
+  }
4127 
+}
4128 
+@media screen and (min-width: 768px) {
4129 
+  .w-16-md {
4130 
+    width: 8rem !important;
4131 
+  }
4132 
+}
4133 
+@media screen and (min-width: 768px) {
4134 
+  .w-20-md {
4135 
+    width: 10rem !important;
4136 
+  }
4137 
+}
4138 
+@media screen and (min-width: 768px) {
4139 
+  .w-24-md {
4140 
+    width: 12rem !important;
4141 
+  }
4142 
+}
4143 
+@media screen and (min-width: 768px) {
4144 
+  .w-32-md {
4145 
+    width: 16rem !important;
4146 
+  }
4147 
+}
4148 
+@media screen and (min-width: 1024px) {
4149 
+  .w-0-lg {
4150 
+    width: 0rem !important;
4151 
+  }
4152 
+}
4153 
+@media screen and (min-width: 1024px) {
4154 
+  .w-auto-lg {
4155 
+    width: auto !important;
4156 
+  }
4157 
+}
4158 
+@media screen and (min-width: 1024px) {
4159 
+  .w-screen-lg {
4160 
+    width: 100vw !important;
4161 
+  }
4162 
+}
4163 
+@media screen and (min-width: 1024px) {
4164 
+  .w-10p-lg {
4165 
+    width: 10% !important;
4166 
+  }
4167 
+}
4168 
+@media screen and (min-width: 1024px) {
4169 
+  .w-20p-lg {
4170 
+    width: 20% !important;
4171 
+  }
4172 
+}
4173 
+@media screen and (min-width: 1024px) {
4174 
+  .w-30p-lg {
4175 
+    width: 30% !important;
4176 
+  }
4177 
+}
4178 
+@media screen and (min-width: 1024px) {
4179 
+  .w-40p-lg {
4180 
+    width: 40% !important;
4181 
+  }
4182 
+}
4183 
+@media screen and (min-width: 1024px) {
4184 
+  .w-50p-lg {
4185 
+    width: 50% !important;
4186 
+  }
4187 
+}
4188 
+@media screen and (min-width: 1024px) {
4189 
+  .w-60p-lg {
4190 
+    width: 60% !important;
4191 
+  }
4192 
+}
4193 
+@media screen and (min-width: 1024px) {
4194 
+  .w-70p-lg {
4195 
+    width: 70% !important;
4196 
+  }
4197 
+}
4198 
+@media screen and (min-width: 1024px) {
4199 
+  .w-80p-lg {
4200 
+    width: 80% !important;
4201 
+  }
4202 
+}
4203 
+@media screen and (min-width: 1024px) {
4204 
+  .w-90p-lg {
4205 
+    width: 90% !important;
4206 
+  }
4207 
+}
4208 
+@media screen and (min-width: 1024px) {
4209 
+  .w-100p-lg {
4210 
+    width: 100% !important;
4211 
+  }
4212 
+}
4213 
+@media screen and (min-width: 1024px) {
4214 
+  .w-1-lg {
4215 
+    width: 0.5rem !important;
4216 
+  }
4217 
+}
4218 
+@media screen and (min-width: 1024px) {
4219 
+  .w-2-lg {
4220 
+    width: 1rem !important;
4221 
+  }
4222 
+}
4223 
+@media screen and (min-width: 1024px) {
4224 
+  .w-3-lg {
4225 
+    width: 1.5rem !important;
4226 
+  }
4227 
+}
4228 
+@media screen and (min-width: 1024px) {
4229 
+  .w-4-lg {
4230 
+    width: 2rem !important;
4231 
+  }
4232 
+}
4233 
+@media screen and (min-width: 1024px) {
4234 
+  .w-5-lg {
4235 
+    width: 2.5rem !important;
4236 
+  }
4237 
+}
4238 
+@media screen and (min-width: 1024px) {
4239 
+  .w-6-lg {
4240 
+    width: 3rem !important;
4241 
+  }
4242 
+}
4243 
+@media screen and (min-width: 1024px) {
4244 
+  .w-8-lg {
4245 
+    width: 4rem !important;
4246 
+  }
4247 
+}
4248 
+@media screen and (min-width: 1024px) {
4249 
+  .w-10-lg {
4250 
+    width: 5rem !important;
4251 
+  }
4252 
+}
4253 
+@media screen and (min-width: 1024px) {
4254 
+  .w-12-lg {
4255 
+    width: 6rem !important;
4256 
+  }
4257 
+}
4258 
+@media screen and (min-width: 1024px) {
4259 
+  .w-16-lg {
4260 
+    width: 8rem !important;
4261 
+  }
4262 
+}
4263 
+@media screen and (min-width: 1024px) {
4264 
+  .w-20-lg {
4265 
+    width: 10rem !important;
4266 
+  }
4267 
+}
4268 
+@media screen and (min-width: 1024px) {
4269 
+  .w-24-lg {
4270 
+    width: 12rem !important;
4271 
+  }
4272 
+}
4273 
+@media screen and (min-width: 1024px) {
4274 
+  .w-32-lg {
4275 
+    width: 16rem !important;
4276 
+  }
4277 
+}
4278 
+@media screen and (min-width: 1280px) {
4279 
+  .w-0-xl {
4280 
+    width: 0rem !important;
4281 
+  }
4282 
+}
4283 
+@media screen and (min-width: 1280px) {
4284 
+  .w-auto-xl {
4285 
+    width: auto !important;
4286 
+  }
4287 
+}
4288 
+@media screen and (min-width: 1280px) {
4289 
+  .w-screen-xl {
4290 
+    width: 100vw !important;
4291 
+  }
4292 
+}
4293 
+@media screen and (min-width: 1280px) {
4294 
+  .w-10p-xl {
4295 
+    width: 10% !important;
4296 
+  }
4297 
+}
4298 
+@media screen and (min-width: 1280px) {
4299 
+  .w-20p-xl {
4300 
+    width: 20% !important;
4301 
+  }
4302 
+}
4303 
+@media screen and (min-width: 1280px) {
4304 
+  .w-30p-xl {
4305 
+    width: 30% !important;
4306 
+  }
4307 
+}
4308 
+@media screen and (min-width: 1280px) {
4309 
+  .w-40p-xl {
4310 
+    width: 40% !important;
4311 
+  }
4312 
+}
4313 
+@media screen and (min-width: 1280px) {
4314 
+  .w-50p-xl {
4315 
+    width: 50% !important;
4316 
+  }
4317 
+}
4318 
+@media screen and (min-width: 1280px) {
4319 
+  .w-60p-xl {
4320 
+    width: 60% !important;
4321 
+  }
4322 
+}
4323 
+@media screen and (min-width: 1280px) {
4324 
+  .w-70p-xl {
4325 
+    width: 70% !important;
4326 
+  }
4327 
+}
4328 
+@media screen and (min-width: 1280px) {
4329 
+  .w-80p-xl {
4330 
+    width: 80% !important;
4331 
+  }
4332 
+}
4333 
+@media screen and (min-width: 1280px) {
4334 
+  .w-90p-xl {
4335 
+    width: 90% !important;
4336 
+  }
4337 
+}
4338 
+@media screen and (min-width: 1280px) {
4339 
+  .w-100p-xl {
4340 
+    width: 100% !important;
4341 
+  }
4342 
+}
4343 
+@media screen and (min-width: 1280px) {
4344 
+  .w-1-xl {
4345 
+    width: 0.5rem !important;
4346 
+  }
4347 
+}
4348 
+@media screen and (min-width: 1280px) {
4349 
+  .w-2-xl {
4350 
+    width: 1rem !important;
4351 
+  }
4352 
+}
4353 
+@media screen and (min-width: 1280px) {
4354 
+  .w-3-xl {
4355 
+    width: 1.5rem !important;
4356 
+  }
4357 
+}
4358 
+@media screen and (min-width: 1280px) {
4359 
+  .w-4-xl {
4360 
+    width: 2rem !important;
4361 
+  }
4362 
+}
4363 
+@media screen and (min-width: 1280px) {
4364 
+  .w-5-xl {
4365 
+    width: 2.5rem !important;
4366 
+  }
4367 
+}
4368 
+@media screen and (min-width: 1280px) {
4369 
+  .w-6-xl {
4370 
+    width: 3rem !important;
4371 
+  }
4372 
+}
4373 
+@media screen and (min-width: 1280px) {
4374 
+  .w-8-xl {
4375 
+    width: 4rem !important;
4376 
+  }
4377 
+}
4378 
+@media screen and (min-width: 1280px) {
4379 
+  .w-10-xl {
4380 
+    width: 5rem !important;
4381 
+  }
4382 
+}
4383 
+@media screen and (min-width: 1280px) {
4384 
+  .w-12-xl {
4385 
+    width: 6rem !important;
4386 
+  }
4387 
+}
4388 
+@media screen and (min-width: 1280px) {
4389 
+  .w-16-xl {
4390 
+    width: 8rem !important;
4391 
+  }
4392 
+}
4393 
+@media screen and (min-width: 1280px) {
4394 
+  .w-20-xl {
4395 
+    width: 10rem !important;
4396 
+  }
4397 
+}
4398 
+@media screen and (min-width: 1280px) {
4399 
+  .w-24-xl {
4400 
+    width: 12rem !important;
4401 
+  }
4402 
+}
4403 
+@media screen and (min-width: 1280px) {
4404 
+  .w-32-xl {
4405 
+    width: 16rem !important;
4406 
+  }
4407 
+}
4408 
+.min-h-10p {
4409 
+  min-height: 10% !important;
4410 
+}
4411 
+
4412 
+.min-h-20p {
4413 
+  min-height: 20% !important;
4414 
+}
4415 
+
4416 
+.min-h-30p {
4417 
+  min-height: 30% !important;
4418 
+}
4419 
+
4420 
+.min-h-40p {
4421 
+  min-height: 40% !important;
4422 
+}
4423 
+
4424 
+.min-h-50p {
4425 
+  min-height: 50% !important;
4426 
+}
4427 
+
4428 
+.min-h-60p {
4429 
+  min-height: 60% !important;
4430 
+}
4431 
+
4432 
+.min-h-70p {
4433 
+  min-height: 70% !important;
4434 
+}
4435 
+
4436 
+.min-h-80p {
4437 
+  min-height: 80% !important;
4438 
+}
4439 
+
4440 
+.min-h-90p {
4441 
+  min-height: 90% !important;
4442 
+}
4443 
+
4444 
+.min-h-100p {
4445 
+  min-height: 100% !important;
4446 
+}
4447 
+
4448 
+.min-h-0 {
4449 
+  min-height: 0 !important;
4450 
+}
4451 
+
4452 
+.min-h-screen {
4453 
+  min-height: 100vh !important;
4454 
+}
4455 
+
4456 
+.min-w-xs {
4457 
+  min-width: 640px !important;
4458 
+}
4459 
+
4460 
+.min-w-sm {
4461 
+  min-width: 768px !important;
4462 
+}
4463 
+
4464 
+.min-w-md {
4465 
+  min-width: 1024px !important;
4466 
+}
4467 
+
4468 
+.min-w-lg {
4469 
+  min-width: 1280px !important;
4470 
+}
4471 
+
4472 
+.min-w-xl {
4473 
+  min-width: 1536px !important;
4474 
+}
4475 
+
4476 
+.min-w-10p {
4477 
+  min-width: 10% !important;
4478 
+}
4479 
+
4480 
+.min-w-20p {
4481 
+  min-width: 20% !important;
4482 
+}
4483 
+
4484 
+.min-w-30p {
4485 
+  min-width: 30% !important;
4486 
+}
4487 
+
4488 
+.min-w-40p {
4489 
+  min-width: 40% !important;
4490 
+}
4491 
+
4492 
+.min-w-50p {
4493 
+  min-width: 50% !important;
4494 
+}
4495 
+
4496 
+.min-w-60p {
4497 
+  min-width: 60% !important;
4498 
+}
4499 
+
4500 
+.min-w-70p {
4501 
+  min-width: 70% !important;
4502 
+}
4503 
+
4504 
+.min-w-80p {
4505 
+  min-width: 80% !important;
4506 
+}
4507 
+
4508 
+.min-w-90p {
4509 
+  min-width: 90% !important;
4510 
+}
4511 
+
4512 
+.min-w-100p {
4513 
+  min-width: 100% !important;
4514 
+}
4515 
+
4516 
+.min-w-0 {
4517 
+  min-width: 0 !important;
4518 
+}
4519 
+
4520 
+.min-w-screen {
4521 
+  min-width: 100vw !important;
4522 
+}
4523 
+
4524 
+.max-h-10p {
4525 
+  max-height: 10% !important;
4526 
+}
4527 
+
4528 
+.max-h-20p {
4529 
+  max-height: 20% !important;
4530 
+}
4531 
+
4532 
+.max-h-30p {
4533 
+  max-height: 30% !important;
4534 
+}
4535 
+
4536 
+.max-h-40p {
4537 
+  max-height: 40% !important;
4538 
+}
4539 
+
4540 
+.max-h-50p {
4541 
+  max-height: 50% !important;
4542 
+}
4543 
+
4544 
+.max-h-60p {
4545 
+  max-height: 60% !important;
4546 
+}
4547 
+
4548 
+.max-h-70p {
4549 
+  max-height: 70% !important;
4550 
+}
4551 
+
4552 
+.max-h-80p {
4553 
+  max-height: 80% !important;
4554 
+}
4555 
+
4556 
+.max-h-90p {
4557 
+  max-height: 90% !important;
4558 
+}
4559 
+
4560 
+.max-h-100p {
4561 
+  max-height: 100% !important;
4562 
+}
4563 
+
4564 
+.max-h-none {
4565 
+  max-height: none !important;
4566 
+}
4567 
+
4568 
+.max-h-screen {
4569 
+  max-height: 100vh !important;
4570 
+}
4571 
+
4572 
+.max-w-xs {
4573 
+  max-width: 640px !important;
4574 
+}
4575 
+
4576 
+.max-w-sm {
4577 
+  max-width: 768px !important;
4578 
+}
4579 
+
4580 
+.max-w-md {
4581 
+  max-width: 1024px !important;
4582 
+}
4583 
+
4584 
+.max-w-lg {
4585 
+  max-width: 1280px !important;
4586 
+}
4587 
+
4588 
+.max-w-xl {
4589 
+  max-width: 1536px !important;
4590 
+}
4591 
+
4592 
+.max-w-10p {
4593 
+  max-width: 10% !important;
4594 
+}
4595 
+
4596 
+.max-w-20p {
4597 
+  max-width: 20% !important;
4598 
+}
4599 
+
4600 
+.max-w-30p {
4601 
+  max-width: 30% !important;
4602 
+}
4603 
+
4604 
+.max-w-40p {
4605 
+  max-width: 40% !important;
4606 
+}
4607 
+
4608 
+.max-w-50p {
4609 
+  max-width: 50% !important;
4610 
+}
4611 
+
4612 
+.max-w-60p {
4613 
+  max-width: 60% !important;
4614 
+}
4615 
+
4616 
+.max-w-70p {
4617 
+  max-width: 70% !important;
4618 
+}
4619 
+
4620 
+.max-w-80p {
4621 
+  max-width: 80% !important;
4622 
+}
4623 
+
4624 
+.max-w-90p {
4625 
+  max-width: 90% !important;
4626 
+}
4627 
+
4628 
+.max-w-100p {
4629 
+  max-width: 100% !important;
4630 
+}
4631 
+
4632 
+.max-w-none {
4633 
+  max-width: none !important;
4634 
+}
4635 
+
4636 
+.max-w-screen {
4637 
+  max-width: 100vw !important;
4638 
+}
4639 
+
4640 
+/* Do the actual balancing only on larger screens */
4641 
+@media screen and (min-width: 768px) {
4642 
+  .level,
4643 
+.level-left,
4644 
+.level-right {
4645 
+    display: flex;
4646 
+  }
4647 
+}
4648 
+@media screen and (max-width: 767px) {
4649 
+  .level-right {
4650 
+    margin-left: 1rem;
4651 
+  }
4652 
+  /* Keep all level children the same height */
4653 
+  .level.fill-height {
4654 
+    align-items: stretch;
4655 
+    display: flex;
4656 
+  }
4657 
+}
4658 
+/* MOBILE */
4659 
+@media screen and (max-width: 767px) {
4660 
+  .container {
4661 
+    width: 100%;
4662 
+  }
4663 
+  .row {
4664 
+    margin-top: 0;
4665 
+  }
4666 
+  /* Dividers for mobile layout */
4667 
+  .divided > .row [class^=col-],
4668 
+.divided > .row [class*=" col-"] {
4669 
+    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
4670 
+  }
4671 
+  .level.fill-height {
4672 
+    display: inherit; /* Allow children to expand */
4673 
+  }
4674 
+  .hero-body {
4675 
+    padding: 0;
4676 
+  }
4677 
+}
4678 
+/* MEDIA CSS */
4679 
+/* Handles images, videos, figures, etc */
4680 
+video.video-fullscreen {
4681 
+  position: absolute;
4682 
+  height: 100vh;
4683 
+  object-fit: cover;
4684 
+  width: 100%;
4685 
+  z-index: -1;
4686 
+}
4687 
+
4688 
+.hero.fullscreen video {
4689 
+  height: 100%;
4690 
+  object-fit: fill;
4691 
+  position: absolute;
4692 
+  width: 100%;
4693 
+  z-index: -1;
4694 
+}
4695 
+
4696 
+/* Add to parent container to make media child fill container */
4697 
+.media-stretch {
4698 
+  display: block;
4699 
+  padding: 0;
4700 
+  overflow: hidden;
4701 
+  width: 100%;
4702 
+  position: relative;
4703 
+  /* Add pseudoclass to allow media to have height (default height is 0) */
4704 
+  /* Force media embed to fill parent container */
4705 
+  /* Alternate media ratios */
4706 
+  /* For HTML5 video objects */
4707 
+}
4708 
+
4709 
+.media-stretch::before {
4710 
+  content: "";
4711 
+  display: block;
4712 
+  padding-bottom: 56.25%; /* 9 / 16  for 16:9 ratio */
4713 
+}
4714 
+
4715 
+.media-stretch iframe,
4716 
+.media-stretch embed,
4717 
+.media-stretch object {
4718 
+  position: absolute;
4719 
+  top: 0;
4720 
+  right: 0;
4721 
+  bottom: 0;
4722 
+  left: 0;
4723 
+  width: 100%; /* Make sure media does exceed or go under boundary limit */
4724 
+  height: 100%;
4725 
+}
4726 
+
4727 
+.media-stretch.rat-4-3::before {
4728 
+  padding-bottom: 75%;
4729 
+}
4730 
+
4731 
+.media-stretch.rat-1-1::before {
4732 
+  padding-bottom: 100%;
4733 
+}
4734 
+
4735 
+.media-stretch video {
4736 
+  height: auto;
4737 
+  max-width: 100%;
4738 
+  width: 100%;
4739 
+}
4740 
+
4741 
+/* FIGURES */
4742 
+/* For flexible media display */
4743 
+.fig {
4744 
+  margin: 0 0 0.5rem 0; /* Small margin at the bottom */
4745 
+}
4746 
+
4747 
+.fig .fig-caption {
4748 
+  margin-top: 1rem;
4749 
+}
4750 
+
4751 
+/* IMAGES */
4752 
+.img-stretch {
4753 
+  max-width: 100%;
4754 
+  height: auto;
4755 
+  display: block;
4756 
+}
4757 
+
4758 
+.img-cover {
4759 
+  object-fit: cover;
4760 
+}
4761 
+
4762 
+.img-contain {
4763 
+  object-fit: contain;
4764 
+}
4765 
+
4766 
+/* A collection of modifiers that extend control styling */
4767 
+.btn, button, [type=submit], [type=reset], [type=button] {
4768 
+  /* btn--circle: contents must be placed inside child element */
4769 
+}
4770 
+
4771 
+.btn.btn--pilled, button.btn--pilled, [type=submit].btn--pilled, [type=reset].btn--pilled, [type=button].btn--pilled {
4772 
+  border-radius: 6.25rem;
4773 
+  padding-left: 1.25rem;
4774 
+  padding-right: 1.25rem;
4775 
+}
4776 
+
4777 
+.btn.btn--circle, button.btn--circle, [type=submit].btn--circle, [type=reset].btn--circle, [type=button].btn--circle {
4778 
+  border-radius: 100%;
4779 
+  min-width: 60px;
4780 
+  overflow: hidden;
4781 
+  padding: 0;
4782 
+  text-align: center;
4783 
+}
4784 
+
4785 
+.btn.btn--circle:before, button.btn--circle:before, [type=submit].btn--circle:before, [type=reset].btn--circle:before, [type=button].btn--circle:before {
4786 
+  content: "";
4787 
+  display: inline-block;
4788 
+  vertical-align: middle;
4789 
+  padding-top: 100%;
4790 
+}
4791 
+
4792 
+.btn.btn--circle *, button.btn--circle *, [type=submit].btn--circle *, [type=reset].btn--circle *, [type=button].btn--circle * {
4793 
+  display: inline;
4794 
+  max-width: 90%;
4795 
+  vertical-align: middle;
4796 
+  white-space: pre-wrap;
4797 
+}
4798 
+
4799 
+/* Input (primary text-based) controls apply to inputs */
4800 
+.input-control--pilled {
4801 
+  border-radius: 6.25rem !important;
4802 
+}
4803 
+
4804 
+/* Theme modifiers */
4805 
+/* GLOBAL THEME SELECTORS */
4806 
+/* v1 */
4807 
+.bg-primary {
4808 
+  background-color: rgba(240, 61, 77, var(--bg-opacity)) !important;
4809 
+}
4810 
+
4811 
+.text-primary {
4812 
+  color: rgba(240, 61, 77, var(--color-opacity)) !important;
4813 
+  border-color: rgba(240, 61, 77, var(--border-opacity));
4814 
+}
4815 
+
4816 
+.border-primary {
4817 
+  border-color: rgba(240, 61, 77, var(--border-opacity)) !important;
4818 
+}
4819 
+
4820 
+.bg-success {
4821 
+  background-color: rgba(13, 209, 87, var(--bg-opacity)) !important;
4822 
+}
4823 
+
4824 
+.text-success {
4825 
+  color: rgba(13, 209, 87, var(--color-opacity)) !important;
4826 
+  border-color: rgba(13, 209, 87, var(--border-opacity));
4827 
+}
4828 
+
4829 
+.border-success {
4830 
+  border-color: rgba(13, 209, 87, var(--border-opacity)) !important;
4831 
+}
4832 
+
4833 
+.bg-warning {
4834 
+  background-color: rgba(250, 182, 51, var(--bg-opacity)) !important;
4835 
+}
4836 
+
4837 
+.text-warning {
4838 
+  color: rgba(250, 182, 51, var(--color-opacity)) !important;
4839 
+  border-color: rgba(250, 182, 51, var(--border-opacity));
4840 
+}
4841 
+
4842 
+.border-warning {
4843 
+  border-color: rgba(250, 182, 51, var(--border-opacity)) !important;
4844 
+}
4845 
+
4846 
+.bg-danger {
4847 
+  background-color: rgba(251, 65, 67, var(--bg-opacity)) !important;
4848 
+}
4849 
+
4850 
+.text-danger {
4851 
+  color: rgba(251, 65, 67, var(--color-opacity)) !important;
4852 
+  border-color: rgba(251, 65, 67, var(--border-opacity));
4853 
+}
4854 
+
4855 
+.border-danger {
4856 
+  border-color: rgba(251, 65, 67, var(--border-opacity)) !important;
4857 
+}
4858 
+
4859 
+.bg-light {
4860 
+  background-color: rgba(246, 249, 252, var(--bg-opacity)) !important;
4861 
+}
4862 
+
4863 
+.text-light {
4864 
+  color: rgba(246, 249, 252, var(--color-opacity)) !important;
4865 
+  border-color: rgba(246, 249, 252, var(--border-opacity));
4866 
+}
4867 
+
4868 
+.border-light {
4869 
+  border-color: rgba(246, 249, 252, var(--border-opacity)) !important;
4870 
+}
4871 
+
4872 
+.bg-dark {
4873 
+  background-color: rgba(54, 54, 54, var(--bg-opacity)) !important;
4874 
+}
4875 
+
4876 
+.text-dark {
4877 
+  color: rgba(54, 54, 54, var(--color-opacity)) !important;
4878 
+  border-color: rgba(54, 54, 54, var(--border-opacity));
4879 
+}
4880 
+
4881 
+.border-dark {
4882 
+  border-color: rgba(54, 54, 54, var(--border-opacity)) !important;
4883 
+}
4884 
+
4885 
+.bg-link {
4886 
+  background-color: rgba(94, 92, 199, var(--bg-opacity)) !important;
4887 
+}
4888 
+
4889 
+.text-link {
4890 
+  color: rgba(94, 92, 199, var(--color-opacity)) !important;
4891 
+  border-color: rgba(94, 92, 199, var(--border-opacity));
4892 
+}
4893 
+
4894 
+.border-link {
4895 
+  border-color: rgba(94, 92, 199, var(--border-opacity)) !important;
4896 
+}
4897 
+
4898 
+.bg-link-dark {
4899 
+  background-color: rgba(70, 67, 226, var(--bg-opacity)) !important;
4900 
+}
4901 
+
4902 
+.text-link-dark {
4903 
+  color: rgba(70, 67, 226, var(--color-opacity)) !important;
4904 
+  border-color: rgba(70, 67, 226, var(--border-opacity));
4905 
+}
4906 
+
4907 
+.border-link-dark {
4908 
+  border-color: rgba(70, 67, 226, var(--border-opacity)) !important;
4909 
+}
4910 
+
4911 
+.bg-info {
4912 
+  background-color: rgba(41, 114, 250, var(--bg-opacity)) !important;
4913 
+}
4914 
+
4915 
+.text-info {
4916 
+  color: rgba(41, 114, 250, var(--color-opacity)) !important;
4917 
+  border-color: rgba(41, 114, 250, var(--border-opacity));
4918 
+}
4919 
+
4920 
+.border-info {
4921 
+  border-color: rgba(41, 114, 250, var(--border-opacity)) !important;
4922 
+}
4923 
+
4924 
+.bg-black {
4925 
+  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
4926 
+}
4927 
+
4928 
+.text-black {
4929 
+  color: rgba(0, 0, 0, var(--color-opacity)) !important;
4930 
+  border-color: rgba(0, 0, 0, var(--border-opacity));
4931 
+}
4932 
+
4933 
+.border-black {
4934 
+  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
4935 
+}
4936 
+
4937 
+.bg-white {
4938 
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
4939 
+}
4940 
+
4941 
+.text-white {
4942 
+  color: rgba(255, 255, 255, var(--color-opacity)) !important;
4943 
+  border-color: rgba(255, 255, 255, var(--border-opacity));
4944 
+}
4945 
+
4946 
+.border-white {
4947 
+  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
4948 
+}
4949 
+
4950 
+.bg-transparent {
4951 
+  background-color: transparent !important;
4952 
+}
4953 
+
4954 
+.text-transparent {
4955 
+  border-color: transparent !important;
4956 
+  color: transparent !important;
4957 
+}
4958 
+
4959 
+/* v2 */
4960 
+.bg-pink-100 {
4961 
+  background-color: rgba(252, 232, 243, var(--bg-opacity)) !important;
4962 
+}
4963 
+
4964 
+.text-pink-100 {
4965 
+  color: rgba(252, 232, 243, var(--color-opacity)) !important;
4966 
+  border-color: rgba(252, 232, 243, var(--border-opacity));
4967 
+}
4968 
+
4969 
+.border-pink-100 {
4970 
+  border-color: rgba(252, 232, 243, var(--border-opacity)) !important;
4971 
+}
4972 
+
4973 
+.bg-pink-200 {
4974 
+  background-color: rgba(250, 209, 232, var(--bg-opacity)) !important;
4975 
+}
4976 
+
4977 
+.text-pink-200 {
4978 
+  color: rgba(250, 209, 232, var(--color-opacity)) !important;
4979 
+  border-color: rgba(250, 209, 232, var(--border-opacity));
4980 
+}
4981 
+
4982 
+.border-pink-200 {
4983 
+  border-color: rgba(250, 209, 232, var(--border-opacity)) !important;
4984 
+}
4985 
+
4986 
+.bg-pink-300 {
4987 
+  background-color: rgba(248, 180, 217, var(--bg-opacity)) !important;
4988 
+}
4989 
+
4990 
+.text-pink-300 {
4991 
+  color: rgba(248, 180, 217, var(--color-opacity)) !important;
4992 
+  border-color: rgba(248, 180, 217, var(--border-opacity));
4993 
+}
4994 
+
4995 
+.border-pink-300 {
4996 
+  border-color: rgba(248, 180, 217, var(--border-opacity)) !important;
4997 
+}
4998 
+
4999 
+.bg-pink-400 {
5000 
+  background-color: rgba(241, 126, 184, var(--bg-opacity)) !important;
5001 
+}
5002 
+
5003 
+.text-pink-400 {
5004 
+  color: rgba(241, 126, 184, var(--color-opacity)) !important;
5005 
+  border-color: rgba(241, 126, 184, var(--border-opacity));
5006 
+}
5007 
+
5008 
+.border-pink-400 {
5009 
+  border-color: rgba(241, 126, 184, var(--border-opacity)) !important;
5010 
+}
5011 
+
5012 
+.bg-pink-500 {
5013 
+  background-color: rgba(231, 70, 148, var(--bg-opacity)) !important;
5014 
+}
5015 
+
5016 
+.text-pink-500 {
5017 
+  color: rgba(231, 70, 148, var(--color-opacity)) !important;
5018 
+  border-color: rgba(231, 70, 148, var(--border-opacity));
5019 
+}
5020 
+
5021 
+.border-pink-500 {
5022 
+  border-color: rgba(231, 70, 148, var(--border-opacity)) !important;
5023 
+}
5024 
+
5025 
+.bg-pink-600 {
5026 
+  background-color: rgba(214, 31, 105, var(--bg-opacity)) !important;
5027 
+}
5028 
+
5029 
+.text-pink-600 {
5030 
+  color: rgba(214, 31, 105, var(--color-opacity)) !important;
5031 
+  border-color: rgba(214, 31, 105, var(--border-opacity));
5032 
+}
5033 
+
5034 
+.border-pink-600 {
5035 
+  border-color: rgba(214, 31, 105, var(--border-opacity)) !important;
5036 
+}
5037 
+
5038 
+.bg-pink-700 {
5039 
+  background-color: rgba(191, 18, 93, var(--bg-opacity)) !important;
5040 
+}
5041 
+
5042 
+.text-pink-700 {
5043 
+  color: rgba(191, 18, 93, var(--color-opacity)) !important;
5044 
+  border-color: rgba(191, 18, 93, var(--border-opacity));
5045 
+}
5046 
+
5047 
+.border-pink-700 {
5048 
+  border-color: rgba(191, 18, 93, var(--border-opacity)) !important;
5049 
+}
5050 
+
5051 
+.bg-pink-800 {
5052 
+  background-color: rgba(153, 21, 75, var(--bg-opacity)) !important;
5053 
+}
5054 
+
5055 
+.text-pink-800 {
5056 
+  color: rgba(153, 21, 75, var(--color-opacity)) !important;
5057 
+  border-color: rgba(153, 21, 75, var(--border-opacity));
5058 
+}
5059 
+
5060 
+.border-pink-800 {
5061 
+  border-color: rgba(153, 21, 75, var(--border-opacity)) !important;
5062 
+}
5063 
+
5064 
+.bg-pink-900 {
5065 
+  background-color: rgba(117, 26, 61, var(--bg-opacity)) !important;
5066 
+}
5067 
+
5068 
+.text-pink-900 {
5069 
+  color: rgba(117, 26, 61, var(--color-opacity)) !important;
5070 
+  border-color: rgba(117, 26, 61, var(--border-opacity));
5071 
+}
5072 
+
5073 
+.border-pink-900 {
5074 
+  border-color: rgba(117, 26, 61, var(--border-opacity)) !important;
5075 
+}
5076 
+
5077 
+.bg-red-100 {
5078 
+  background-color: rgba(253, 232, 232, var(--bg-opacity)) !important;
5079 
+}
5080 
+
5081 
+.text-red-100 {
5082 
+  color: rgba(253, 232, 232, var(--color-opacity)) !important;
5083 
+  border-color: rgba(253, 232, 232, var(--border-opacity));
5084 
+}
5085 
+
5086 
+.border-red-100 {
5087 
+  border-color: rgba(253, 232, 232, var(--border-opacity)) !important;
5088 
+}
5089 
+
5090 
+.bg-red-200 {
5091 
+  background-color: rgba(251, 213, 213, var(--bg-opacity)) !important;
5092 
+}
5093 
+
5094 
+.text-red-200 {
5095 
+  color: rgba(251, 213, 213, var(--color-opacity)) !important;
5096 
+  border-color: rgba(251, 213, 213, var(--border-opacity));
5097 
+}
5098 
+
5099 
+.border-red-200 {
5100 
+  border-color: rgba(251, 213, 213, var(--border-opacity)) !important;
5101 
+}
5102 
+
5103 
+.bg-red-300 {
5104 
+  background-color: rgba(248, 180, 180, var(--bg-opacity)) !important;
5105 
+}
5106 
+
5107 
+.text-red-300 {
5108 
+  color: rgba(248, 180, 180, var(--color-opacity)) !important;
5109 
+  border-color: rgba(248, 180, 180, var(--border-opacity));
5110 
+}
5111 
+
5112 
+.border-red-300 {
5113 
+  border-color: rgba(248, 180, 180, var(--border-opacity)) !important;
5114 
+}
5115 
+
5116 
+.bg-red-400 {
5117 
+  background-color: rgba(249, 128, 128, var(--bg-opacity)) !important;
5118 
+}
5119 
+
5120 
+.text-red-400 {
5121 
+  color: rgba(249, 128, 128, var(--color-opacity)) !important;
5122 
+  border-color: rgba(249, 128, 128, var(--border-opacity));
5123 
+}
5124 
+
5125 
+.border-red-400 {
5126 
+  border-color: rgba(249, 128, 128, var(--border-opacity)) !important;
5127 
+}
5128 
+
5129 
+.bg-red-500 {
5130 
+  background-color: rgba(240, 82, 82, var(--bg-opacity)) !important;
5131 
+}
5132 
+
5133 
+.text-red-500 {
5134 
+  color: rgba(240, 82, 82, var(--color-opacity)) !important;
5135 
+  border-color: rgba(240, 82, 82, var(--border-opacity));
5136 
+}
5137 
+
5138 
+.border-red-500 {
5139 
+  border-color: rgba(240, 82, 82, var(--border-opacity)) !important;
5140 
+}
5141 
+
5142 
+.bg-red-600 {
5143 
+  background-color: rgba(224, 36, 36, var(--bg-opacity)) !important;
5144 
+}
5145 
+
5146 
+.text-red-600 {
5147 
+  color: rgba(224, 36, 36, var(--color-opacity)) !important;
5148 
+  border-color: rgba(224, 36, 36, var(--border-opacity));
5149 
+}
5150 
+
5151 
+.border-red-600 {
5152 
+  border-color: rgba(224, 36, 36, var(--border-opacity)) !important;
5153 
+}
5154 
+
5155 
+.bg-red-700 {
5156 
+  background-color: rgba(200, 30, 30, var(--bg-opacity)) !important;
5157 
+}
5158 
+
5159 
+.text-red-700 {
5160 
+  color: rgba(200, 30, 30, var(--color-opacity)) !important;
5161 
+  border-color: rgba(200, 30, 30, var(--border-opacity));
5162 
+}
5163 
+
5164 
+.border-red-700 {
5165 
+  border-color: rgba(200, 30, 30, var(--border-opacity)) !important;
5166 
+}
5167 
+
5168 
+.bg-red-800 {
5169 
+  background-color: rgba(155, 28, 28, var(--bg-opacity)) !important;
5170 
+}
5171 
+
5172 
+.text-red-800 {
5173 
+  color: rgba(155, 28, 28, var(--color-opacity)) !important;
5174 
+  border-color: rgba(155, 28, 28, var(--border-opacity));
5175 
+}
5176 
+
5177 
+.border-red-800 {
5178 
+  border-color: rgba(155, 28, 28, var(--border-opacity)) !important;
5179 
+}
5180 
+
5181 
+.bg-red-900 {
5182 
+  background-color: rgba(119, 29, 29, var(--bg-opacity)) !important;
5183 
+}
5184 
+
5185 
+.text-red-900 {
5186 
+  color: rgba(119, 29, 29, var(--color-opacity)) !important;
5187 
+  border-color: rgba(119, 29, 29, var(--border-opacity));
5188 
+}
5189 
+
5190 
+.border-red-900 {
5191 
+  border-color: rgba(119, 29, 29, var(--border-opacity)) !important;
5192 
+}
5193 
+
5194 
+.bg-orange-100 {
5195 
+  background-color: rgba(254, 236, 220, var(--bg-opacity)) !important;
5196 
+}
5197 
+
5198 
+.text-orange-100 {
5199 
+  color: rgba(254, 236, 220, var(--color-opacity)) !important;
5200 
+  border-color: rgba(254, 236, 220, var(--border-opacity));
5201 
+}
5202 
+
5203 
+.border-orange-100 {
5204 
+  border-color: rgba(254, 236, 220, var(--border-opacity)) !important;
5205 
+}
5206 
+
5207 
+.bg-orange-200 {
5208 
+  background-color: rgba(252, 217, 189, var(--bg-opacity)) !important;
5209 
+}
5210 
+
5211 
+.text-orange-200 {
5212 
+  color: rgba(252, 217, 189, var(--color-opacity)) !important;
5213 
+  border-color: rgba(252, 217, 189, var(--border-opacity));
5214 
+}
5215 
+
5216 
+.border-orange-200 {
5217 
+  border-color: rgba(252, 217, 189, var(--border-opacity)) !important;
5218 
+}
5219 
+
5220 
+.bg-orange-300 {
5221 
+  background-color: rgba(253, 186, 140, var(--bg-opacity)) !important;
5222 
+}
5223 
+
5224 
+.text-orange-300 {
5225 
+  color: rgba(253, 186, 140, var(--color-opacity)) !important;
5226 
+  border-color: rgba(253, 186, 140, var(--border-opacity));
5227 
+}
5228 
+
5229 
+.border-orange-300 {
5230 
+  border-color: rgba(253, 186, 140, var(--border-opacity)) !important;
5231 
+}
5232 
+
5233 
+.bg-orange-400 {
5234 
+  background-color: rgba(255, 138, 76, var(--bg-opacity)) !important;
5235 
+}
5236 
+
5237 
+.text-orange-400 {
5238 
+  color: rgba(255, 138, 76, var(--color-opacity)) !important;
5239 
+  border-color: rgba(255, 138, 76, var(--border-opacity));
5240 
+}
5241 
+
5242 
+.border-orange-400 {
5243 
+  border-color: rgba(255, 138, 76, var(--border-opacity)) !important;
5244 
+}
5245 
+
5246 
+.bg-orange-500 {
5247 
+  background-color: rgba(255, 90, 31, var(--bg-opacity)) !important;
5248 
+}
5249 
+
5250 
+.text-orange-500 {
5251 
+  color: rgba(255, 90, 31, var(--color-opacity)) !important;
5252 
+  border-color: rgba(255, 90, 31, var(--border-opacity));
5253 
+}
5254 
+
5255 
+.border-orange-500 {
5256 
+  border-color: rgba(255, 90, 31, var(--border-opacity)) !important;
5257 
+}
5258 
+
5259 
+.bg-orange-600 {
5260 
+  background-color: rgba(208, 56, 1, var(--bg-opacity)) !important;
5261 
+}
5262 
+
5263 
+.text-orange-600 {
5264 
+  color: rgba(208, 56, 1, var(--color-opacity)) !important;
5265 
+  border-color: rgba(208, 56, 1, var(--border-opacity));
5266 
+}
5267 
+
5268 
+.border-orange-600 {
5269 
+  border-color: rgba(208, 56, 1, var(--border-opacity)) !important;
5270 
+}
5271 
+
5272 
+.bg-orange-700 {
5273 
+  background-color: rgba(180, 52, 3, var(--bg-opacity)) !important;
5274 
+}
5275 
+
5276 
+.text-orange-700 {
5277 
+  color: rgba(180, 52, 3, var(--color-opacity)) !important;
5278 
+  border-color: rgba(180, 52, 3, var(--border-opacity));
5279 
+}
5280 
+
5281 
+.border-orange-700 {
5282 
+  border-color: rgba(180, 52, 3, var(--border-opacity)) !important;
5283 
+}
5284 
+
5285 
+.bg-orange-800 {
5286 
+  background-color: rgba(138, 44, 13, var(--bg-opacity)) !important;
5287 
+}
5288 
+
5289 
+.text-orange-800 {
5290 
+  color: rgba(138, 44, 13, var(--color-opacity)) !important;
5291 
+  border-color: rgba(138, 44, 13, var(--border-opacity));
5292 
+}
5293 
+
5294 
+.border-orange-800 {
5295 
+  border-color: rgba(138, 44, 13, var(--border-opacity)) !important;
5296 
+}
5297 
+
5298 
+.bg-orange-900 {
5299 
+  background-color: rgba(115, 35, 13, var(--bg-opacity)) !important;
5300 
+}
5301 
+
5302 
+.text-orange-900 {
5303 
+  color: rgba(115, 35, 13, var(--color-opacity)) !important;
5304 
+  border-color: rgba(115, 35, 13, var(--border-opacity));
5305 
+}
5306 
+
5307 
+.border-orange-900 {
5308 
+  border-color: rgba(115, 35, 13, var(--border-opacity)) !important;
5309 
+}
5310 
+
5311 
+.bg-yellow-100 {
5312 
+  background-color: rgba(253, 246, 178, var(--bg-opacity)) !important;
5313 
+}
5314 
+
5315 
+.text-yellow-100 {
5316 
+  color: rgba(253, 246, 178, var(--color-opacity)) !important;
5317 
+  border-color: rgba(253, 246, 178, var(--border-opacity));
5318 
+}
5319 
+
5320 
+.border-yellow-100 {
5321 
+  border-color: rgba(253, 246, 178, var(--border-opacity)) !important;
5322 
+}
5323 
+
5324 
+.bg-yellow-200 {
5325 
+  background-color: rgba(252, 233, 106, var(--bg-opacity)) !important;
5326 
+}
5327 
+
5328 
+.text-yellow-200 {
5329 
+  color: rgba(252, 233, 106, var(--color-opacity)) !important;
5330 
+  border-color: rgba(252, 233, 106, var(--border-opacity));
5331 
+}
5332 
+
5333 
+.border-yellow-200 {
5334 
+  border-color: rgba(252, 233, 106, var(--border-opacity)) !important;
5335 
+}
5336 
+
5337 
+.bg-yellow-300 {
5338 
+  background-color: rgba(250, 202, 21, var(--bg-opacity)) !important;
5339 
+}
5340 
+
5341 
+.text-yellow-300 {
5342 
+  color: rgba(250, 202, 21, var(--color-opacity)) !important;
5343 
+  border-color: rgba(250, 202, 21, var(--border-opacity));
5344 
+}
5345 
+
5346 
+.border-yellow-300 {
5347 
+  border-color: rgba(250, 202, 21, var(--border-opacity)) !important;
5348 
+}
5349 
+
5350 
+.bg-yellow-400 {
5351 
+  background-color: rgba(227, 160, 8, var(--bg-opacity)) !important;
5352 
+}
5353 
+
5354 
+.text-yellow-400 {
5355 
+  color: rgba(227, 160, 8, var(--color-opacity)) !important;
5356 
+  border-color: rgba(227, 160, 8, var(--border-opacity));
5357 
+}
5358 
+
5359 
+.border-yellow-400 {
5360 
+  border-color: rgba(227, 160, 8, var(--border-opacity)) !important;
5361 
+}
5362 
+
5363 
+.bg-yellow-500 {
5364 
+  background-color: rgba(194, 120, 3, var(--bg-opacity)) !important;
5365 
+}
5366 
+
5367 
+.text-yellow-500 {
5368 
+  color: rgba(194, 120, 3, var(--color-opacity)) !important;
5369 
+  border-color: rgba(194, 120, 3, var(--border-opacity));
5370 
+}
5371 
+
5372 
+.border-yellow-500 {
5373 
+  border-color: rgba(194, 120, 3, var(--border-opacity)) !important;
5374 
+}
5375 
+
5376 
+.bg-yellow-600 {
5377 
+  background-color: rgba(159, 88, 10, var(--bg-opacity)) !important;
5378 
+}
5379 
+
5380 
+.text-yellow-600 {
5381 
+  color: rgba(159, 88, 10, var(--color-opacity)) !important;
5382 
+  border-color: rgba(159, 88, 10, var(--border-opacity));
5383 
+}
5384 
+
5385 
+.border-yellow-600 {
5386 
+  border-color: rgba(159, 88, 10, var(--border-opacity)) !important;
5387 
+}
5388 
+
5389 
+.bg-yellow-700 {
5390 
+  background-color: rgba(142, 75, 16, var(--bg-opacity)) !important;
5391 
+}
5392 
+
5393 
+.text-yellow-700 {
5394 
+  color: rgba(142, 75, 16, var(--color-opacity)) !important;
5395 
+  border-color: rgba(142, 75, 16, var(--border-opacity));
5396 
+}
5397 
+
5398 
+.border-yellow-700 {
5399 
+  border-color: rgba(142, 75, 16, var(--border-opacity)) !important;
5400 
+}
5401 
+
5402 
+.bg-yellow-800 {
5403 
+  background-color: rgba(114, 59, 19, var(--bg-opacity)) !important;
5404 
+}
5405 
+
5406 
+.text-yellow-800 {
5407 
+  color: rgba(114, 59, 19, var(--color-opacity)) !important;
5408 
+  border-color: rgba(114, 59, 19, var(--border-opacity));
5409 
+}
5410 
+
5411 
+.border-yellow-800 {
5412 
+  border-color: rgba(114, 59, 19, var(--border-opacity)) !important;
5413 
+}
5414 
+
5415 
+.bg-yellow-900 {
5416 
+  background-color: rgba(99, 49, 18, var(--bg-opacity)) !important;
5417 
+}
5418 
+
5419 
+.text-yellow-900 {
5420 
+  color: rgba(99, 49, 18, var(--color-opacity)) !important;
5421 
+  border-color: rgba(99, 49, 18, var(--border-opacity));
5422 
+}
5423 
+
5424 
+.border-yellow-900 {
5425 
+  border-color: rgba(99, 49, 18, var(--border-opacity)) !important;
5426 
+}
5427 
+
5428 
+.bg-green-100 {
5429 
+  background-color: rgba(222, 247, 236, var(--bg-opacity)) !important;
5430 
+}
5431 
+
5432 
+.text-green-100 {
5433 
+  color: rgba(222, 247, 236, var(--color-opacity)) !important;
5434 
+  border-color: rgba(222, 247, 236, var(--border-opacity));
5435 
+}
5436 
+
5437 
+.border-green-100 {
5438 
+  border-color: rgba(222, 247, 236, var(--border-opacity)) !important;
5439 
+}
5440 
+
5441 
+.bg-green-200 {
5442 
+  background-color: rgba(188, 240, 218, var(--bg-opacity)) !important;
5443 
+}
5444 
+
5445 
+.text-green-200 {
5446 
+  color: rgba(188, 240, 218, var(--color-opacity)) !important;
5447 
+  border-color: rgba(188, 240, 218, var(--border-opacity));
5448 
+}
5449 
+
5450 
+.border-green-200 {
5451 
+  border-color: rgba(188, 240, 218, var(--border-opacity)) !important;
5452 
+}
5453 
+
5454 
+.bg-green-300 {
5455 
+  background-color: rgba(132, 225, 188, var(--bg-opacity)) !important;
5456 
+}
5457 
+
5458 
+.text-green-300 {
5459 
+  color: rgba(132, 225, 188, var(--color-opacity)) !important;
5460 
+  border-color: rgba(132, 225, 188, var(--border-opacity));
5461 
+}
5462 
+
5463 
+.border-green-300 {
5464 
+  border-color: rgba(132, 225, 188, var(--border-opacity)) !important;
5465 
+}
5466 
+
5467 
+.bg-green-400 {
5468 
+  background-color: rgba(49, 196, 141, var(--bg-opacity)) !important;
5469 
+}
5470 
+
5471 
+.text-green-400 {
5472 
+  color: rgba(49, 196, 141, var(--color-opacity)) !important;
5473 
+  border-color: rgba(49, 196, 141, var(--border-opacity));
5474 
+}
5475 
+
5476 
+.border-green-400 {
5477 
+  border-color: rgba(49, 196, 141, var(--border-opacity)) !important;
5478 
+}
5479 
+
5480 
+.bg-green-500 {
5481 
+  background-color: rgba(14, 159, 110, var(--bg-opacity)) !important;
5482 
+}
5483 
+
5484 
+.text-green-500 {
5485 
+  color: rgba(14, 159, 110, var(--color-opacity)) !important;
5486 
+  border-color: rgba(14, 159, 110, var(--border-opacity));
5487 
+}
5488 
+
5489 
+.border-green-500 {
5490 
+  border-color: rgba(14, 159, 110, var(--border-opacity)) !important;
5491 
+}
5492 
+
5493 
+.bg-green-600 {
5494 
+  background-color: rgba(5, 122, 85, var(--bg-opacity)) !important;
5495 
+}
5496 
+
5497 
+.text-green-600 {
5498 
+  color: rgba(5, 122, 85, var(--color-opacity)) !important;
5499 
+  border-color: rgba(5, 122, 85, var(--border-opacity));
5500 
+}
5501 
+
5502 
+.border-green-600 {
5503 
+  border-color: rgba(5, 122, 85, var(--border-opacity)) !important;
5504 
+}
5505 
+
5506 
+.bg-green-700 {
5507 
+  background-color: rgba(4, 108, 78, var(--bg-opacity)) !important;
5508 
+}
5509 
+
5510 
+.text-green-700 {
5511 
+  color: rgba(4, 108, 78, var(--color-opacity)) !important;
5512 
+  border-color: rgba(4, 108, 78, var(--border-opacity));
5513 
+}
5514 
+
5515 
+.border-green-700 {
5516 
+  border-color: rgba(4, 108, 78, var(--border-opacity)) !important;
5517 
+}
5518 
+
5519 
+.bg-green-800 {
5520 
+  background-color: rgba(3, 84, 63, var(--bg-opacity)) !important;
5521 
+}
5522 
+
5523 
+.text-green-800 {
5524 
+  color: rgba(3, 84, 63, var(--color-opacity)) !important;
5525 
+  border-color: rgba(3, 84, 63, var(--border-opacity));
5526 
+}
5527 
+
5528 
+.border-green-800 {
5529 
+  border-color: rgba(3, 84, 63, var(--border-opacity)) !important;
5530 
+}
5531 
+
5532 
+.bg-green-900 {
5533 
+  background-color: rgba(1, 71, 55, var(--bg-opacity)) !important;
5534 
+}
5535 
+
5536 
+.text-green-900 {
5537 
+  color: rgba(1, 71, 55, var(--color-opacity)) !important;
5538 
+  border-color: rgba(1, 71, 55, var(--border-opacity));
5539 
+}
5540 
+
5541 
+.border-green-900 {
5542 
+  border-color: rgba(1, 71, 55, var(--border-opacity)) !important;
5543 
+}
5544 
+
5545 
+.bg-teal-100 {
5546 
+  background-color: rgba(213, 245, 246, var(--bg-opacity)) !important;
5547 
+}
5548 
+
5549 
+.text-teal-100 {
5550 
+  color: rgba(213, 245, 246, var(--color-opacity)) !important;
5551 
+  border-color: rgba(213, 245, 246, var(--border-opacity));
5552 
+}
5553 
+
5554 
+.border-teal-100 {
5555 
+  border-color: rgba(213, 245, 246, var(--border-opacity)) !important;
5556 
+}
5557 
+
5558 
+.bg-teal-200 {
5559 
+  background-color: rgba(175, 236, 239, var(--bg-opacity)) !important;
5560 
+}
5561 
+
5562 
+.text-teal-200 {
5563 
+  color: rgba(175, 236, 239, var(--color-opacity)) !important;
5564 
+  border-color: rgba(175, 236, 239, var(--border-opacity));
5565 
+}
5566 
+
5567 
+.border-teal-200 {
5568 
+  border-color: rgba(175, 236, 239, var(--border-opacity)) !important;
5569 
+}
5570 
+
5571 
+.bg-teal-300 {
5572 
+  background-color: rgba(126, 220, 226, var(--bg-opacity)) !important;
5573 
+}
5574 
+
5575 
+.text-teal-300 {
5576 
+  color: rgba(126, 220, 226, var(--color-opacity)) !important;
5577 
+  border-color: rgba(126, 220, 226, var(--border-opacity));
5578 
+}
5579 
+
5580 
+.border-teal-300 {
5581 
+  border-color: rgba(126, 220, 226, var(--border-opacity)) !important;
5582 
+}
5583 
+
5584 
+.bg-teal-400 {
5585 
+  background-color: rgba(22, 189, 202, var(--bg-opacity)) !important;
5586 
+}
5587 
+
5588 
+.text-teal-400 {
5589 
+  color: rgba(22, 189, 202, var(--color-opacity)) !important;
5590 
+  border-color: rgba(22, 189, 202, var(--border-opacity));
5591 
+}
5592 
+
5593 
+.border-teal-400 {
5594 
+  border-color: rgba(22, 189, 202, var(--border-opacity)) !important;
5595 
+}
5596 
+
5597 
+.bg-teal-500 {
5598 
+  background-color: rgba(6, 148, 162, var(--bg-opacity)) !important;
5599 
+}
5600 
+
5601 
+.text-teal-500 {
5602 
+  color: rgba(6, 148, 162, var(--color-opacity)) !important;
5603 
+  border-color: rgba(6, 148, 162, var(--border-opacity));
5604 
+}
5605 
+
5606 
+.border-teal-500 {
5607 
+  border-color: rgba(6, 148, 162, var(--border-opacity)) !important;
5608 
+}
5609 
+
5610 
+.bg-teal-600 {
5611 
+  background-color: rgba(4, 116, 129, var(--bg-opacity)) !important;
5612 
+}
5613 
+
5614 
+.text-teal-600 {
5615 
+  color: rgba(4, 116, 129, var(--color-opacity)) !important;
5616 
+  border-color: rgba(4, 116, 129, var(--border-opacity));
5617 
+}
5618 
+
5619 
+.border-teal-600 {
5620 
+  border-color: rgba(4, 116, 129, var(--border-opacity)) !important;
5621 
+}
5622 
+
5623 
+.bg-teal-700 {
5624 
+  background-color: rgba(3, 102, 114, var(--bg-opacity)) !important;
5625 
+}
5626 
+
5627 
+.text-teal-700 {
5628 
+  color: rgba(3, 102, 114, var(--color-opacity)) !important;
5629 
+  border-color: rgba(3, 102, 114, var(--border-opacity));
5630 
+}
5631 
+
5632 
+.border-teal-700 {
5633 
+  border-color: rgba(3, 102, 114, var(--border-opacity)) !important;
5634 
+}
5635 
+
5636 
+.bg-teal-800 {
5637 
+  background-color: rgba(5, 80, 92, var(--bg-opacity)) !important;
5638 
+}
5639 
+
5640 
+.text-teal-800 {
5641 
+  color: rgba(5, 80, 92, var(--color-opacity)) !important;
5642 
+  border-color: rgba(5, 80, 92, var(--border-opacity));
5643 
+}
5644 
+
5645 
+.border-teal-800 {
5646 
+  border-color: rgba(5, 80, 92, var(--border-opacity)) !important;
5647 
+}
5648 
+
5649 
+.bg-teal-900 {
5650 
+  background-color: rgba(1, 68, 81, var(--bg-opacity)) !important;
5651 
+}
5652 
+
5653 
+.text-teal-900 {
5654 
+  color: rgba(1, 68, 81, var(--color-opacity)) !important;
5655 
+  border-color: rgba(1, 68, 81, var(--border-opacity));
5656 
+}
5657 
+
5658 
+.border-teal-900 {
5659 
+  border-color: rgba(1, 68, 81, var(--border-opacity)) !important;
5660 
+}
5661 
+
5662 
+.bg-blue-100 {
5663 
+  background-color: rgba(225, 239, 254, var(--bg-opacity)) !important;
5664 
+}
5665 
+
5666 
+.text-blue-100 {
5667 
+  color: rgba(225, 239, 254, var(--color-opacity)) !important;
5668 
+  border-color: rgba(225, 239, 254, var(--border-opacity));
5669 
+}
5670 
+
5671 
+.border-blue-100 {
5672 
+  border-color: rgba(225, 239, 254, var(--border-opacity)) !important;
5673 
+}
5674 
+
5675 
+.bg-blue-200 {
5676 
+  background-color: rgba(195, 221, 253, var(--bg-opacity)) !important;
5677 
+}
5678 
+
5679 
+.text-blue-200 {
5680 
+  color: rgba(195, 221, 253, var(--color-opacity)) !important;
5681 
+  border-color: rgba(195, 221, 253, var(--border-opacity));
5682 
+}
5683 
+
5684 
+.border-blue-200 {
5685 
+  border-color: rgba(195, 221, 253, var(--border-opacity)) !important;
5686 
+}
5687 
+
5688 
+.bg-blue-300 {
5689 
+  background-color: rgba(164, 202, 254, var(--bg-opacity)) !important;
5690 
+}
5691 
+
5692 
+.text-blue-300 {
5693 
+  color: rgba(164, 202, 254, var(--color-opacity)) !important;
5694 
+  border-color: rgba(164, 202, 254, var(--border-opacity));
5695 
+}
5696 
+
5697 
+.border-blue-300 {
5698 
+  border-color: rgba(164, 202, 254, var(--border-opacity)) !important;
5699 
+}
5700 
+
5701 
+.bg-blue-400 {
5702 
+  background-color: rgba(118, 169, 250, var(--bg-opacity)) !important;
5703 
+}
5704 
+
5705 
+.text-blue-400 {
5706 
+  color: rgba(118, 169, 250, var(--color-opacity)) !important;
5707 
+  border-color: rgba(118, 169, 250, var(--border-opacity));
5708 
+}
5709 
+
5710 
+.border-blue-400 {
5711 
+  border-color: rgba(118, 169, 250, var(--border-opacity)) !important;
5712 
+}
5713 
+
5714 
+.bg-blue-500 {
5715 
+  background-color: rgba(63, 131, 248, var(--bg-opacity)) !important;
5716 
+}
5717 
+
5718 
+.text-blue-500 {
5719 
+  color: rgba(63, 131, 248, var(--color-opacity)) !important;
5720 
+  border-color: rgba(63, 131, 248, var(--border-opacity));
5721 
+}
5722 
+
5723 
+.border-blue-500 {
5724 
+  border-color: rgba(63, 131, 248, var(--border-opacity)) !important;
5725 
+}
5726 
+
5727 
+.bg-blue-600 {
5728 
+  background-color: rgba(28, 100, 242, var(--bg-opacity)) !important;
5729 
+}
5730 
+
5731 
+.text-blue-600 {
5732 
+  color: rgba(28, 100, 242, var(--color-opacity)) !important;
5733 
+  border-color: rgba(28, 100, 242, var(--border-opacity));
5734 
+}
5735 
+
5736 
+.border-blue-600 {
5737 
+  border-color: rgba(28, 100, 242, var(--border-opacity)) !important;
5738 
+}
5739 
+
5740 
+.bg-blue-700 {
5741 
+  background-color: rgba(26, 86, 219, var(--bg-opacity)) !important;
5742 
+}
5743 
+
5744 
+.text-blue-700 {
5745 
+  color: rgba(26, 86, 219, var(--color-opacity)) !important;
5746 
+  border-color: rgba(26, 86, 219, var(--border-opacity));
5747 
+}
5748 
+
5749 
+.border-blue-700 {
5750 
+  border-color: rgba(26, 86, 219, var(--border-opacity)) !important;
5751 
+}
5752 
+
5753 
+.bg-blue-800 {
5754 
+  background-color: rgba(30, 66, 159, var(--bg-opacity)) !important;
5755 
+}
5756 
+
5757 
+.text-blue-800 {
5758 
+  color: rgba(30, 66, 159, var(--color-opacity)) !important;
5759 
+  border-color: rgba(30, 66, 159, var(--border-opacity));
5760 
+}
5761 
+
5762 
+.border-blue-800 {
5763 
+  border-color: rgba(30, 66, 159, var(--border-opacity)) !important;
5764 
+}
5765 
+
5766 
+.bg-blue-900 {
5767 
+  background-color: rgba(35, 56, 118, var(--bg-opacity)) !important;
5768 
+}
5769 
+
5770 
+.text-blue-900 {
5771 
+  color: rgba(35, 56, 118, var(--color-opacity)) !important;
5772 
+  border-color: rgba(35, 56, 118, var(--border-opacity));
5773 
+}
5774 
+
5775 
+.border-blue-900 {
5776 
+  border-color: rgba(35, 56, 118, var(--border-opacity)) !important;
5777 
+}
5778 
+
5779 
+.bg-indigo-100 {
5780 
+  background-color: rgba(229, 237, 255, var(--bg-opacity)) !important;
5781 
+}
5782 
+
5783 
+.text-indigo-100 {
5784 
+  color: rgba(229, 237, 255, var(--color-opacity)) !important;
5785 
+  border-color: rgba(229, 237, 255, var(--border-opacity));
5786 
+}
5787 
+
5788 
+.border-indigo-100 {
5789 
+  border-color: rgba(229, 237, 255, var(--border-opacity)) !important;
5790 
+}
5791 
+
5792 
+.bg-indigo-200 {
5793 
+  background-color: rgba(205, 219, 254, var(--bg-opacity)) !important;
5794 
+}
5795 
+
5796 
+.text-indigo-200 {
5797 
+  color: rgba(205, 219, 254, var(--color-opacity)) !important;
5798 
+  border-color: rgba(205, 219, 254, var(--border-opacity));
5799 
+}
5800 
+
5801 
+.border-indigo-200 {
5802 
+  border-color: rgba(205, 219, 254, var(--border-opacity)) !important;
5803 
+}
5804 
+
5805 
+.bg-indigo-300 {
5806 
+  background-color: rgba(180, 198, 252, var(--bg-opacity)) !important;
5807 
+}
5808 
+
5809 
+.text-indigo-300 {
5810 
+  color: rgba(180, 198, 252, var(--color-opacity)) !important;
5811 
+  border-color: rgba(180, 198, 252, var(--border-opacity));
5812 
+}
5813 
+
5814 
+.border-indigo-300 {
5815 
+  border-color: rgba(180, 198, 252, var(--border-opacity)) !important;
5816 
+}
5817 
+
5818 
+.bg-indigo-400 {
5819 
+  background-color: rgba(141, 162, 251, var(--bg-opacity)) !important;
5820 
+}
5821 
+
5822 
+.text-indigo-400 {
5823 
+  color: rgba(141, 162, 251, var(--color-opacity)) !important;
5824 
+  border-color: rgba(141, 162, 251, var(--border-opacity));
5825 
+}
5826 
+
5827 
+.border-indigo-400 {
5828 
+  border-color: rgba(141, 162, 251, var(--border-opacity)) !important;
5829 
+}
5830 
+
5831 
+.bg-indigo-500 {
5832 
+  background-color: rgba(104, 117, 245, var(--bg-opacity)) !important;
5833 
+}
5834 
+
5835 
+.text-indigo-500 {
5836 
+  color: rgba(104, 117, 245, var(--color-opacity)) !important;
5837 
+  border-color: rgba(104, 117, 245, var(--border-opacity));
5838 
+}
5839 
+
5840 
+.border-indigo-500 {
5841 
+  border-color: rgba(104, 117, 245, var(--border-opacity)) !important;
5842 
+}
5843 
+
5844 
+.bg-indigo-600 {
5845 
+  background-color: rgba(88, 80, 236, var(--bg-opacity)) !important;
5846 
+}
5847 
+
5848 
+.text-indigo-600 {
5849 
+  color: rgba(88, 80, 236, var(--color-opacity)) !important;
5850 
+  border-color: rgba(88, 80, 236, var(--border-opacity));
5851 
+}
5852 
+
5853 
+.border-indigo-600 {
5854 
+  border-color: rgba(88, 80, 236, var(--border-opacity)) !important;
5855 
+}
5856 
+
5857 
+.bg-indigo-700 {
5858 
+  background-color: rgba(81, 69, 205, var(--bg-opacity)) !important;
5859 
+}
5860 
+
5861 
+.text-indigo-700 {
5862 
+  color: rgba(81, 69, 205, var(--color-opacity)) !important;
5863 
+  border-color: rgba(81, 69, 205, var(--border-opacity));
5864 
+}
5865 
+
5866 
+.border-indigo-700 {
5867 
+  border-color: rgba(81, 69, 205, var(--border-opacity)) !important;
5868 
+}
5869 
+
5870 
+.bg-indigo-800 {
5871 
+  background-color: rgba(66, 56, 157, var(--bg-opacity)) !important;
5872 
+}
5873 
+
5874 
+.text-indigo-800 {
5875 
+  color: rgba(66, 56, 157, var(--color-opacity)) !important;
5876 
+  border-color: rgba(66, 56, 157, var(--border-opacity));
5877 
+}
5878 
+
5879 
+.border-indigo-800 {
5880 
+  border-color: rgba(66, 56, 157, var(--border-opacity)) !important;
5881 
+}
5882 
+
5883 
+.bg-indigo-900 {
5884 
+  background-color: rgba(54, 47, 120, var(--bg-opacity)) !important;
5885 
+}
5886 
+
5887 
+.text-indigo-900 {
5888 
+  color: rgba(54, 47, 120, var(--color-opacity)) !important;
5889 
+  border-color: rgba(54, 47, 120, var(--border-opacity));
5890 
+}
5891 
+
5892 
+.border-indigo-900 {
5893 
+  border-color: rgba(54, 47, 120, var(--border-opacity)) !important;
5894 
+}
5895 
+
5896 
+.bg-purple-100 {
5897 
+  background-color: rgba(237, 235, 254, var(--bg-opacity)) !important;
5898 
+}
5899 
+
5900 
+.text-purple-100 {
5901 
+  color: rgba(237, 235, 254, var(--color-opacity)) !important;
5902 
+  border-color: rgba(237, 235, 254, var(--border-opacity));
5903 
+}
5904 
+
5905 
+.border-purple-100 {
5906 
+  border-color: rgba(237, 235, 254, var(--border-opacity)) !important;
5907 
+}
5908 
+
5909 
+.bg-purple-200 {
5910 
+  background-color: rgba(220, 215, 254, var(--bg-opacity)) !important;
5911 
+}
5912 
+
5913 
+.text-purple-200 {
5914 
+  color: rgba(220, 215, 254, var(--color-opacity)) !important;
5915 
+  border-color: rgba(220, 215, 254, var(--border-opacity));
5916 
+}
5917 
+
5918 
+.border-purple-200 {
5919 
+  border-color: rgba(220, 215, 254, var(--border-opacity)) !important;
5920 
+}
5921 
+
5922 
+.bg-purple-300 {
5923 
+  background-color: rgba(202, 191, 253, var(--bg-opacity)) !important;
5924 
+}
5925 
+
5926 
+.text-purple-300 {
5927 
+  color: rgba(202, 191, 253, var(--color-opacity)) !important;
5928 
+  border-color: rgba(202, 191, 253, var(--border-opacity));
5929 
+}
5930 
+
5931 
+.border-purple-300 {
5932 
+  border-color: rgba(202, 191, 253, var(--border-opacity)) !important;
5933 
+}
5934 
+
5935 
+.bg-purple-400 {
5936 
+  background-color: rgba(172, 148, 250, var(--bg-opacity)) !important;
5937 
+}
5938 
+
5939 
+.text-purple-400 {
5940 
+  color: rgba(172, 148, 250, var(--color-opacity)) !important;
5941 
+  border-color: rgba(172, 148, 250, var(--border-opacity));
5942 
+}
5943 
+
5944 
+.border-purple-400 {
5945 
+  border-color: rgba(172, 148, 250, var(--border-opacity)) !important;
5946 
+}
5947 
+
5948 
+.bg-purple-500 {
5949 
+  background-color: rgba(144, 97, 249, var(--bg-opacity)) !important;
5950 
+}
5951 
+
5952 
+.text-purple-500 {
5953 
+  color: rgba(144, 97, 249, var(--color-opacity)) !important;
5954 
+  border-color: rgba(144, 97, 249, var(--border-opacity));
5955 
+}
5956 
+
5957 
+.border-purple-500 {
5958 
+  border-color: rgba(144, 97, 249, var(--border-opacity)) !important;
5959 
+}
5960 
+
5961 
+.bg-purple-600 {
5962 
+  background-color: rgba(126, 58, 242, var(--bg-opacity)) !important;
5963 
+}
5964 
+
5965 
+.text-purple-600 {
5966 
+  color: rgba(126, 58, 242, var(--color-opacity)) !important;
5967 
+  border-color: rgba(126, 58, 242, var(--border-opacity));
5968 
+}
5969 
+
5970 
+.border-purple-600 {
5971 
+  border-color: rgba(126, 58, 242, var(--border-opacity)) !important;
5972 
+}
5973 
+
5974 
+.bg-purple-700 {
5975 
+  background-color: rgba(108, 43, 217, var(--bg-opacity)) !important;
5976 
+}
5977 
+
5978 
+.text-purple-700 {
5979 
+  color: rgba(108, 43, 217, var(--color-opacity)) !important;
5980 
+  border-color: rgba(108, 43, 217, var(--border-opacity));
5981 
+}
5982 
+
5983 
+.border-purple-700 {
5984 
+  border-color: rgba(108, 43, 217, var(--border-opacity)) !important;
5985 
+}
5986 
+
5987 
+.bg-purple-800 {
5988 
+  background-color: rgba(85, 33, 181, var(--bg-opacity)) !important;
5989 
+}
5990 
+
5991 
+.text-purple-800 {
5992 
+  color: rgba(85, 33, 181, var(--color-opacity)) !important;
5993 
+  border-color: rgba(85, 33, 181, var(--border-opacity));
5994 
+}
5995 
+
5996 
+.border-purple-800 {
5997 
+  border-color: rgba(85, 33, 181, var(--border-opacity)) !important;
5998 
+}
5999 
+
6000 
+.bg-purple-900 {
6001 
+  background-color: rgba(74, 29, 150, var(--bg-opacity)) !important;
6002 
+}
6003 
+
6004 
+.text-purple-900 {
6005 
+  color: rgba(74, 29, 150, var(--color-opacity)) !important;
6006 
+  border-color: rgba(74, 29, 150, var(--border-opacity));
6007 
+}
6008 
+
6009 
+.border-purple-900 {
6010 
+  border-color: rgba(74, 29, 150, var(--border-opacity)) !important;
6011 
+}
6012 
+
6013 
+.bg-gray-000 {
6014 
+  background-color: rgba(248, 249, 250, var(--bg-opacity)) !important;
6015 
+}
6016 
+
6017 
+.text-gray-000 {
6018 
+  color: rgba(248, 249, 250, var(--color-opacity)) !important;
6019 
+  border-color: rgba(248, 249, 250, var(--border-opacity));
6020 
+}
6021 
+
6022 
+.border-gray-000 {
6023 
+  border-color: rgba(248, 249, 250, var(--border-opacity)) !important;
6024 
+}
6025 
+
6026 
+.bg-gray-100 {
6027 
+  background-color: rgba(241, 243, 245, var(--bg-opacity)) !important;
6028 
+}
6029 
+
6030 
+.text-gray-100 {
6031 
+  color: rgba(241, 243, 245, var(--color-opacity)) !important;
6032 
+  border-color: rgba(241, 243, 245, var(--border-opacity));
6033 
+}
6034 
+
6035 
+.border-gray-100 {
6036 
+  border-color: rgba(241, 243, 245, var(--border-opacity)) !important;
6037 
+}
6038 
+
6039 
+.bg-gray-200 {
6040 
+  background-color: rgba(233, 236, 239, var(--bg-opacity)) !important;
6041 
+}
6042 
+
6043 
+.text-gray-200 {
6044 
+  color: rgba(233, 236, 239, var(--color-opacity)) !important;
6045 
+  border-color: rgba(233, 236, 239, var(--border-opacity));
6046 
+}
6047 
+
6048 
+.border-gray-200 {
6049 
+  border-color: rgba(233, 236, 239, var(--border-opacity)) !important;
6050 
+}
6051 
+
6052 
+.bg-gray-300 {
6053 
+  background-color: rgba(222, 226, 230, var(--bg-opacity)) !important;
6054 
+}
6055 
+
6056 
+.text-gray-300 {
6057 
+  color: rgba(222, 226, 230, var(--color-opacity)) !important;
6058 
+  border-color: rgba(222, 226, 230, var(--border-opacity));
6059 
+}
6060 
+
6061 
+.border-gray-300 {
6062 
+  border-color: rgba(222, 226, 230, var(--border-opacity)) !important;
6063 
+}
6064 
+
6065 
+.bg-gray-400 {
6066 
+  background-color: rgba(206, 212, 218, var(--bg-opacity)) !important;
6067 
+}
6068 
+
6069 
+.text-gray-400 {
6070 
+  color: rgba(206, 212, 218, var(--color-opacity)) !important;
6071 
+  border-color: rgba(206, 212, 218, var(--border-opacity));
6072 
+}
6073 
+
6074 
+.border-gray-400 {
6075 
+  border-color: rgba(206, 212, 218, var(--border-opacity)) !important;
6076 
+}
6077 
+
6078 
+.bg-gray-500 {
6079 
+  background-color: rgba(173, 181, 189, var(--bg-opacity)) !important;
6080 
+}
6081 
+
6082 
+.text-gray-500 {
6083 
+  color: rgba(173, 181, 189, var(--color-opacity)) !important;
6084 
+  border-color: rgba(173, 181, 189, var(--border-opacity));
6085 
+}
6086 
+
6087 
+.border-gray-500 {
6088 
+  border-color: rgba(173, 181, 189, var(--border-opacity)) !important;
6089 
+}
6090 
+
6091 
+.bg-gray-600 {
6092 
+  background-color: rgba(134, 142, 150, var(--bg-opacity)) !important;
6093 
+}
6094 
+
6095 
+.text-gray-600 {
6096 
+  color: rgba(134, 142, 150, var(--color-opacity)) !important;
6097 
+  border-color: rgba(134, 142, 150, var(--border-opacity));
6098 
+}
6099 
+
6100 
+.border-gray-600 {
6101 
+  border-color: rgba(134, 142, 150, var(--border-opacity)) !important;
6102 
+}
6103 
+
6104 
+.bg-gray-700 {
6105 
+  background-color: rgba(73, 80, 87, var(--bg-opacity)) !important;
6106 
+}
6107 
+
6108 
+.text-gray-700 {
6109 
+  color: rgba(73, 80, 87, var(--color-opacity)) !important;
6110 
+  border-color: rgba(73, 80, 87, var(--border-opacity));
6111 
+}
6112 
+
6113 
+.border-gray-700 {
6114 
+  border-color: rgba(73, 80, 87, var(--border-opacity)) !important;
6115 
+}
6116 
+
6117 
+.bg-gray-800 {
6118 
+  background-color: rgba(52, 58, 64, var(--bg-opacity)) !important;
6119 
+}
6120 
+
6121 
+.text-gray-800 {
6122 
+  color: rgba(52, 58, 64, var(--color-opacity)) !important;
6123 
+  border-color: rgba(52, 58, 64, var(--border-opacity));
6124 
+}
6125 
+
6126 
+.border-gray-800 {
6127 
+  border-color: rgba(52, 58, 64, var(--border-opacity)) !important;
6128 
+}
6129 
+
6130 
+.bg-gray-900 {
6131 
+  background-color: rgba(33, 37, 41, var(--bg-opacity)) !important;
6132 
+}
6133 
+
6134 
+.text-gray-900 {
6135 
+  color: rgba(33, 37, 41, var(--color-opacity)) !important;
6136 
+  border-color: rgba(33, 37, 41, var(--border-opacity));
6137 
+}
6138 
+
6139 
+.border-gray-900 {
6140 
+  border-color: rgba(33, 37, 41, var(--border-opacity)) !important;
6141 
+}
6142 
+
6143 
+/* Margin */
6144 
+.m-0 {
6145 
+  margin: 0rem !important;
6146 
+}
6147 
+
6148 
+.mt-0,
6149 
+.my-0 {
6150 
+  margin-top: 0rem !important;
6151 
+}
6152 
+
6153 
+.mb-0,
6154 
+.my-0 {
6155 
+  margin-bottom: 0rem !important;
6156 
+}
6157 
+
6158 
+.ml-0,
6159 
+.mx-0 {
6160 
+  margin-left: 0rem !important;
6161 
+}
6162 
+
6163 
+.mr-0,
6164 
+.mx-0 {
6165 
+  margin-right: 0rem !important;
6166 
+}
6167 
+
6168 
+/* Spacing */
6169 
+.p-0 {
6170 
+  padding: 0rem !important;
6171 
+}
6172 
+
6173 
+.pt-0,
6174 
+.py-0 {
6175 
+  padding-top: 0rem !important;
6176 
+}
6177 
+
6178 
+.pb-0,
6179 
+.py-0 {
6180 
+  padding-bottom: 0rem !important;
6181 
+}
6182 
+
6183 
+.pl-0,
6184 
+.px-0 {
6185 
+  padding-left: 0rem !important;
6186 
+}
6187 
+
6188 
+.pr-0,
6189 
+.px-0 {
6190 
+  padding-right: 0rem !important;
6191 
+}
6192 
+
6193 
+/* Margin */
6194 
+.m-1 {
6195 
+  margin: 0.5rem !important;
6196 
+}
6197 
+
6198 
+.mt-1,
6199 
+.my-1 {
6200 
+  margin-top: 0.5rem !important;
6201 
+}
6202 
+
6203 
+.mb-1,
6204 
+.my-1 {
6205 
+  margin-bottom: 0.5rem !important;
6206 
+}
6207 
+
6208 
+.ml-1,
6209 
+.mx-1 {
6210 
+  margin-left: 0.5rem !important;
6211 
+}
6212 
+
6213 
+.mr-1,
6214 
+.mx-1 {
6215 
+  margin-right: 0.5rem !important;
6216 
+}
6217 
+
6218 
+/* Spacing */
6219 
+.p-1 {
6220 
+  padding: 0.5rem !important;
6221 
+}
6222 
+
6223 
+.pt-1,
6224 
+.py-1 {
6225 
+  padding-top: 0.5rem !important;
6226 
+}
6227 
+
6228 
+.pb-1,
6229 
+.py-1 {
6230 
+  padding-bottom: 0.5rem !important;
6231 
+}
6232 
+
6233 
+.pl-1,
6234 
+.px-1 {
6235 
+  padding-left: 0.5rem !important;
6236 
+}
6237 
+
6238 
+.pr-1,
6239 
+.px-1 {
6240 
+  padding-right: 0.5rem !important;
6241 
+}
6242 
+
6243 
+/* Margin */
6244 
+.m-2 {
6245 
+  margin: 1rem !important;
6246 
+}
6247 
+
6248 
+.mt-2,
6249 
+.my-2 {
6250 
+  margin-top: 1rem !important;
6251 
+}
6252 
+
6253 
+.mb-2,
6254 
+.my-2 {
6255 
+  margin-bottom: 1rem !important;
6256 
+}
6257 
+
6258 
+.ml-2,
6259 
+.mx-2 {
6260 
+  margin-left: 1rem !important;
6261 
+}
6262 
+
6263 
+.mr-2,
6264 
+.mx-2 {
6265 
+  margin-right: 1rem !important;
6266 
+}
6267 
+
6268 
+/* Spacing */
6269 
+.p-2 {
6270 
+  padding: 1rem !important;
6271 
+}
6272 
+
6273 
+.pt-2,
6274 
+.py-2 {
6275 
+  padding-top: 1rem !important;
6276 
+}
6277 
+
6278 
+.pb-2,
6279 
+.py-2 {
6280 
+  padding-bottom: 1rem !important;
6281 
+}
6282 
+
6283 
+.pl-2,
6284 
+.px-2 {
6285 
+  padding-left: 1rem !important;
6286 
+}
6287 
+
6288 
+.pr-2,
6289 
+.px-2 {
6290 
+  padding-right: 1rem !important;
6291 
+}
6292 
+
6293 
+/* Margin */
6294 
+.m-3 {
6295 
+  margin: 1.5rem !important;
6296 
+}
6297 
+
6298 
+.mt-3,
6299 
+.my-3 {
6300 
+  margin-top: 1.5rem !important;
6301 
+}
6302 
+
6303 
+.mb-3,
6304 
+.my-3 {
6305 
+  margin-bottom: 1.5rem !important;
6306 
+}
6307 
+
6308 
+.ml-3,
6309 
+.mx-3 {
6310 
+  margin-left: 1.5rem !important;
6311 
+}
6312 
+
6313 
+.mr-3,
6314 
+.mx-3 {
6315 
+  margin-right: 1.5rem !important;
6316 
+}
6317 
+
6318 
+/* Spacing */
6319 
+.p-3 {
6320 
+  padding: 1.5rem !important;
6321 
+}
6322 
+
6323 
+.pt-3,
6324 
+.py-3 {
6325 
+  padding-top: 1.5rem !important;
6326 
+}
6327 
+
6328 
+.pb-3,
6329 
+.py-3 {
6330 
+  padding-bottom: 1.5rem !important;
6331 
+}
6332 
+
6333 
+.pl-3,
6334 
+.px-3 {
6335 
+  padding-left: 1.5rem !important;
6336 
+}
6337 
+
6338 
+.pr-3,
6339 
+.px-3 {
6340 
+  padding-right: 1.5rem !important;
6341 
+}
6342 
+
6343 
+/* Margin */
6344 
+.m-4 {
6345 
+  margin: 2rem !important;
6346 
+}
6347 
+
6348 
+.mt-4,
6349 
+.my-4 {
6350 
+  margin-top: 2rem !important;
6351 
+}
6352 
+
6353 
+.mb-4,
6354 
+.my-4 {
6355 
+  margin-bottom: 2rem !important;
6356 
+}
6357 
+
6358 
+.ml-4,
6359 
+.mx-4 {
6360 
+  margin-left: 2rem !important;
6361 
+}
6362 
+
6363 
+.mr-4,
6364 
+.mx-4 {
6365 
+  margin-right: 2rem !important;
6366 
+}
6367 
+
6368 
+/* Spacing */
6369 
+.p-4 {
6370 
+  padding: 2rem !important;
6371 
+}
6372 
+
6373 
+.pt-4,
6374 
+.py-4 {
6375 
+  padding-top: 2rem !important;
6376 
+}
6377 
+
6378 
+.pb-4,
6379 
+.py-4 {
6380 
+  padding-bottom: 2rem !important;
6381 
+}
6382 
+
6383 
+.pl-4,
6384 
+.px-4 {
6385 
+  padding-left: 2rem !important;
6386 
+}
6387 
+
6388 
+.pr-4,
6389 
+.px-4 {
6390 
+  padding-right: 2rem !important;
6391 
+}
6392 
+
6393 
+/* Margin */
6394 
+.m-5 {
6395 
+  margin: 2.5rem !important;
6396 
+}
6397 
+
6398 
+.mt-5,
6399 
+.my-5 {
6400 
+  margin-top: 2.5rem !important;
6401 
+}
6402 
+
6403 
+.mb-5,
6404 
+.my-5 {
6405 
+  margin-bottom: 2.5rem !important;
6406 
+}
6407 
+
6408 
+.ml-5,
6409 
+.mx-5 {
6410 
+  margin-left: 2.5rem !important;
6411 
+}
6412 
+
6413 
+.mr-5,
6414 
+.mx-5 {
6415 
+  margin-right: 2.5rem !important;
6416 
+}
6417 
+
6418 
+/* Spacing */
6419 
+.p-5 {
6420 
+  padding: 2.5rem !important;
6421 
+}
6422 
+
6423 
+.pt-5,
6424 
+.py-5 {
6425 
+  padding-top: 2.5rem !important;
6426 
+}
6427 
+
6428 
+.pb-5,
6429 
+.py-5 {
6430 
+  padding-bottom: 2.5rem !important;
6431 
+}
6432 
+
6433 
+.pl-5,
6434 
+.px-5 {
6435 
+  padding-left: 2.5rem !important;
6436 
+}
6437 
+
6438 
+.pr-5,
6439 
+.px-5 {
6440 
+  padding-right: 2.5rem !important;
6441 
+}
6442 
+
6443 
+/* Margin */
6444 
+.m-6 {
6445 
+  margin: 3rem !important;
6446 
+}
6447 
+
6448 
+.mt-6,
6449 
+.my-6 {
6450 
+  margin-top: 3rem !important;
6451 
+}
6452 
+
6453 
+.mb-6,
6454 
+.my-6 {
6455 
+  margin-bottom: 3rem !important;
6456 
+}
6457 
+
6458 
+.ml-6,
6459 
+.mx-6 {
6460 
+  margin-left: 3rem !important;
6461 
+}
6462 
+
6463 
+.mr-6,
6464 
+.mx-6 {
6465 
+  margin-right: 3rem !important;
6466 
+}
6467 
+
6468 
+/* Spacing */
6469 
+.p-6 {
6470 
+  padding: 3rem !important;
6471 
+}
6472 
+
6473 
+.pt-6,
6474 
+.py-6 {
6475 
+  padding-top: 3rem !important;
6476 
+}
6477 
+
6478 
+.pb-6,
6479 
+.py-6 {
6480 
+  padding-bottom: 3rem !important;
6481 
+}
6482 
+
6483 
+.pl-6,
6484 
+.px-6 {
6485 
+  padding-left: 3rem !important;
6486 
+}
6487 
+
6488 
+.pr-6,
6489 
+.px-6 {
6490 
+  padding-right: 3rem !important;
6491 
+}
6492 
+
6493 
+/* Margin */
6494 
+.m-8 {
6495 
+  margin: 4rem !important;
6496 
+}
6497 
+
6498 
+.mt-8,
6499 
+.my-8 {
6500 
+  margin-top: 4rem !important;
6501 
+}
6502 
+
6503 
+.mb-8,
6504 
+.my-8 {
6505 
+  margin-bottom: 4rem !important;
6506 
+}
6507 
+
6508 
+.ml-8,
6509 
+.mx-8 {
6510 
+  margin-left: 4rem !important;
6511 
+}
6512 
+
6513 
+.mr-8,
6514 
+.mx-8 {
6515 
+  margin-right: 4rem !important;
6516 
+}
6517 
+
6518 
+/* Spacing */
6519 
+.p-8 {
6520 
+  padding: 4rem !important;
6521 
+}
6522 
+
6523 
+.pt-8,
6524 
+.py-8 {
6525 
+  padding-top: 4rem !important;
6526 
+}
6527 
+
6528 
+.pb-8,
6529 
+.py-8 {
6530 
+  padding-bottom: 4rem !important;
6531 
+}
6532 
+
6533 
+.pl-8,
6534 
+.px-8 {
6535 
+  padding-left: 4rem !important;
6536 
+}
6537 
+
6538 
+.pr-8,
6539 
+.px-8 {
6540 
+  padding-right: 4rem !important;
6541 
+}
6542 
+
6543 
+/* Margin */
6544 
+.m-10 {
6545 
+  margin: 5rem !important;
6546 
+}
6547 
+
6548 
+.mt-10,
6549 
+.my-10 {
6550 
+  margin-top: 5rem !important;
6551 
+}
6552 
+
6553 
+.mb-10,
6554 
+.my-10 {
6555 
+  margin-bottom: 5rem !important;
6556 
+}
6557 
+
6558 
+.ml-10,
6559 
+.mx-10 {
6560 
+  margin-left: 5rem !important;
6561 
+}
6562 
+
6563 
+.mr-10,
6564 
+.mx-10 {
6565 
+  margin-right: 5rem !important;
6566 
+}
6567 
+
6568 
+/* Spacing */
6569 
+.p-10 {
6570 
+  padding: 5rem !important;
6571 
+}
6572 
+
6573 
+.pt-10,
6574 
+.py-10 {
6575 
+  padding-top: 5rem !important;
6576 
+}
6577 
+
6578 
+.pb-10,
6579 
+.py-10 {
6580 
+  padding-bottom: 5rem !important;
6581 
+}
6582 
+
6583 
+.pl-10,
6584 
+.px-10 {
6585 
+  padding-left: 5rem !important;
6586 
+}
6587 
+
6588 
+.pr-10,
6589 
+.px-10 {
6590 
+  padding-right: 5rem !important;
6591 
+}
6592 
+
6593 
+/* Margin */
6594 
+.m-12 {
6595 
+  margin: 6rem !important;
6596 
+}
6597 
+
6598 
+.mt-12,
6599 
+.my-12 {
6600 
+  margin-top: 6rem !important;
6601 
+}
6602 
+
6603 
+.mb-12,
6604 
+.my-12 {
6605 
+  margin-bottom: 6rem !important;
6606 
+}
6607 
+
6608 
+.ml-12,
6609 
+.mx-12 {
6610 
+  margin-left: 6rem !important;
6611 
+}
6612 
+
6613 
+.mr-12,
6614 
+.mx-12 {
6615 
+  margin-right: 6rem !important;
6616 
+}
6617 
+
6618 
+/* Spacing */
6619 
+.p-12 {
6620 
+  padding: 6rem !important;
6621 
+}
6622 
+
6623 
+.pt-12,
6624 
+.py-12 {
6625 
+  padding-top: 6rem !important;
6626 
+}
6627 
+
6628 
+.pb-12,
6629 
+.py-12 {
6630 
+  padding-bottom: 6rem !important;
6631 
+}
6632 
+
6633 
+.pl-12,
6634 
+.px-12 {
6635 
+  padding-left: 6rem !important;
6636 
+}
6637 
+
6638 
+.pr-12,
6639 
+.px-12 {
6640 
+  padding-right: 6rem !important;
6641 
+}
6642 
+
6643 
+/* Margin */
6644 
+.m-16 {
6645 
+  margin: 8rem !important;
6646 
+}
6647 
+
6648 
+.mt-16,
6649 
+.my-16 {
6650 
+  margin-top: 8rem !important;
6651 
+}
6652 
+
6653 
+.mb-16,
6654 
+.my-16 {
6655 
+  margin-bottom: 8rem !important;
6656 
+}
6657 
+
6658 
+.ml-16,
6659 
+.mx-16 {
6660 
+  margin-left: 8rem !important;
6661 
+}
6662 
+
6663 
+.mr-16,
6664 
+.mx-16 {
6665 
+  margin-right: 8rem !important;
6666 
+}
6667 
+
6668 
+/* Spacing */
6669 
+.p-16 {
6670 
+  padding: 8rem !important;
6671 
+}
6672 
+
6673 
+.pt-16,
6674 
+.py-16 {
6675 
+  padding-top: 8rem !important;
6676 
+}
6677 
+
6678 
+.pb-16,
6679 
+.py-16 {
6680 
+  padding-bottom: 8rem !important;
6681 
+}
6682 
+
6683 
+.pl-16,
6684 
+.px-16 {
6685 
+  padding-left: 8rem !important;
6686 
+}
6687 
+
6688 
+.pr-16,
6689 
+.px-16 {
6690 
+  padding-right: 8rem !important;
6691 
+}
6692 
+
6693 
+/* Margin */
6694 
+.m-20 {
6695 
+  margin: 10rem !important;
6696 
+}
6697 
+
6698 
+.mt-20,
6699 
+.my-20 {
6700 
+  margin-top: 10rem !important;
6701 
+}
6702 
+
6703 
+.mb-20,
6704 
+.my-20 {
6705 
+  margin-bottom: 10rem !important;
6706 
+}
6707 
+
6708 
+.ml-20,
6709 
+.mx-20 {
6710 
+  margin-left: 10rem !important;
6711 
+}
6712 
+
6713 
+.mr-20,
6714 
+.mx-20 {
6715 
+  margin-right: 10rem !important;
6716 
+}
6717 
+
6718 
+/* Spacing */
6719 
+.p-20 {
6720 
+  padding: 10rem !important;
6721 
+}
6722 
+
6723 
+.pt-20,
6724 
+.py-20 {
6725 
+  padding-top: 10rem !important;
6726 
+}
6727 
+
6728 
+.pb-20,
6729 
+.py-20 {
6730 
+  padding-bottom: 10rem !important;
6731 
+}
6732 
+
6733 
+.pl-20,
6734 
+.px-20 {
6735 
+  padding-left: 10rem !important;
6736 
+}
6737 
+
6738 
+.pr-20,
6739 
+.px-20 {
6740 
+  padding-right: 10rem !important;
6741 
+}
6742 
+
6743 
+/* Margin */
6744 
+.m-24 {
6745 
+  margin: 12rem !important;
6746 
+}
6747 
+
6748 
+.mt-24,
6749 
+.my-24 {
6750 
+  margin-top: 12rem !important;
6751 
+}
6752 
+
6753 
+.mb-24,
6754 
+.my-24 {
6755 
+  margin-bottom: 12rem !important;
6756 
+}
6757 
+
6758 
+.ml-24,
6759 
+.mx-24 {
6760 
+  margin-left: 12rem !important;
6761 
+}
6762 
+
6763 
+.mr-24,
6764 
+.mx-24 {
6765 
+  margin-right: 12rem !important;
6766 
+}
6767 
+
6768 
+/* Spacing */
6769 
+.p-24 {
6770 
+  padding: 12rem !important;
6771 
+}
6772 
+
6773 
+.pt-24,
6774 
+.py-24 {
6775 
+  padding-top: 12rem !important;
6776 
+}
6777 
+
6778 
+.pb-24,
6779 
+.py-24 {
6780 
+  padding-bottom: 12rem !important;
6781 
+}
6782 
+
6783 
+.pl-24,
6784 
+.px-24 {
6785 
+  padding-left: 12rem !important;
6786 
+}
6787 
+
6788 
+.pr-24,
6789 
+.px-24 {
6790 
+  padding-right: 12rem !important;
6791 
+}
6792 
+
6793 
+/* Margin */
6794 
+.m-32 {
6795 
+  margin: 16rem !important;
6796 
+}
6797 
+
6798 
+.mt-32,
6799 
+.my-32 {
6800 
+  margin-top: 16rem !important;
6801 
+}
6802 
+
6803 
+.mb-32,
6804 
+.my-32 {
6805 
+  margin-bottom: 16rem !important;
6806 
+}
6807 
+
6808 
+.ml-32,
6809 
+.mx-32 {
6810 
+  margin-left: 16rem !important;
6811 
+}
6812 
+
6813 
+.mr-32,
6814 
+.mx-32 {
6815 
+  margin-right: 16rem !important;
6816 
+}
6817 
+
6818 
+/* Spacing */
6819 
+.p-32 {
6820 
+  padding: 16rem !important;
6821 
+}
6822 
+
6823 
+.pt-32,
6824 
+.py-32 {
6825 
+  padding-top: 16rem !important;
6826 
+}
6827 
+
6828 
+.pb-32,
6829 
+.py-32 {
6830 
+  padding-bottom: 16rem !important;
6831 
+}
6832 
+
6833 
+.pl-32,
6834 
+.px-32 {
6835 
+  padding-left: 16rem !important;
6836 
+}
6837 
+
6838 
+.pr-32,
6839 
+.px-32 {
6840 
+  padding-right: 16rem !important;
6841 
+}
6842 
+
6843 
+.ml-auto,
6844 
+.mx-auto {
6845 
+  margin-left: auto !important;
6846 
+}
6847 
+
6848 
+.mr-auto,
6849 
+.mx-auto {
6850 
+  margin-right: auto !important;
6851 
+}
6852 
+
6853 
+.mt-auto,
6854 
+.my-auto {
6855 
+  margin-top: auto !important;
6856 
+}
6857 
+
6858 
+.mb-auto,
6859 
+.my-auto {
6860 
+  margin-bottom: auto !important;
6861 
+}
6862 
+
6863 
+@media screen and (min-width: 640px) {
6864 
+  /* Margin */
6865 
+  .m-0-sm {
6866 
+    margin: 0rem !important;
6867 
+  }
6868 
+  .mt-0-sm,
6869 
+.my-0-sm {
6870 
+    margin-top: 0rem !important;
6871 
+  }
6872 
+  .mb-0-sm,
6873 
+.my-0-sm {
6874 
+    margin-bottom: 0rem !important;
6875 
+  }
6876 
+  .ml-0-sm,
6877 
+.mx-0-sm {
6878 
+    margin-left: 0rem !important;
6879 
+  }
6880 
+  .mr-0-sm,
6881 
+.mx-0-sm {
6882 
+    margin-right: 0rem !important;
6883 
+  }
6884 
+  /* Spacing */
6885 
+  .p-0-sm {
6886 
+    padding: 0rem !important;
6887 
+  }
6888 
+  .pt-0-sm,
6889 
+.py-0-sm {
6890 
+    padding-top: 0rem !important;
6891 
+  }
6892 
+  .pb-0-sm,
6893 
+.py-0-sm {
6894 
+    padding-bottom: 0rem !important;
6895 
+  }
6896 
+  .pl-0-sm,
6897 
+.px-0-sm {
6898 
+    padding-left: 0rem !important;
6899 
+  }
6900 
+  .pr-0-sm,
6901 
+.px-0-sm {
6902 
+    padding-right: 0rem !important;
6903 
+  }
6904 
+  .ml-auto-sm,
6905 
+.mx-auto-sm {
6906 
+    margin-left: auto !important;
6907 
+  }
6908 
+  .mr-auto-sm,
6909 
+.mx-auto-sm {
6910 
+    margin-right: auto !important;
6911 
+  }
6912 
+  .mt-auto-sm,
6913 
+.my-auto-sm {
6914 
+    margin-top: auto !important;
6915 
+  }
6916 
+  .mb-auto-sm,
6917 
+.my-auto-sm {
6918 
+    margin-bottom: auto !important;
6919 
+  }
6920 
+}
6921 
+@media screen and (min-width: 640px) {
6922 
+  /* Margin */
6923 
+  .m-1-sm {
6924 
+    margin: 0.5rem !important;
6925 
+  }
6926 
+  .mt-1-sm,
6927 
+.my-1-sm {
6928 
+    margin-top: 0.5rem !important;
6929 
+  }
6930 
+  .mb-1-sm,
6931 
+.my-1-sm {
6932 
+    margin-bottom: 0.5rem !important;
6933 
+  }
6934 
+  .ml-1-sm,
6935 
+.mx-1-sm {
6936 
+    margin-left: 0.5rem !important;
6937 
+  }
6938 
+  .mr-1-sm,
6939 
+.mx-1-sm {
6940 
+    margin-right: 0.5rem !important;
6941 
+  }
6942 
+  /* Spacing */
6943 
+  .p-1-sm {
6944 
+    padding: 0.5rem !important;
6945 
+  }
6946 
+  .pt-1-sm,
6947 
+.py-1-sm {
6948 
+    padding-top: 0.5rem !important;
6949 
+  }
6950 
+  .pb-1-sm,
6951 
+.py-1-sm {
6952 
+    padding-bottom: 0.5rem !important;
6953 
+  }
6954 
+  .pl-1-sm,
6955 
+.px-1-sm {
6956 
+    padding-left: 0.5rem !important;
6957 
+  }
6958 
+  .pr-1-sm,
6959 
+.px-1-sm {
6960 
+    padding-right: 0.5rem !important;
6961 
+  }
6962 
+  .ml-auto-sm,
6963 
+.mx-auto-sm {
6964 
+    margin-left: auto !important;
6965 
+  }
6966 
+  .mr-auto-sm,
6967 
+.mx-auto-sm {
6968 
+    margin-right: auto !important;
6969 
+  }
6970 
+  .mt-auto-sm,
6971 
+.my-auto-sm {
6972 
+    margin-top: auto !important;
6973 
+  }
6974 
+  .mb-auto-sm,
6975 
+.my-auto-sm {
6976 
+    margin-bottom: auto !important;
6977 
+  }
6978 
+}
6979 
+@media screen and (min-width: 640px) {
6980 
+  /* Margin */
6981 
+  .m-2-sm {
6982 
+    margin: 1rem !important;
6983 
+  }
6984 
+  .mt-2-sm,
6985 
+.my-2-sm {
6986 
+    margin-top: 1rem !important;
6987 
+  }
6988 
+  .mb-2-sm,
6989 
+.my-2-sm {
6990 
+    margin-bottom: 1rem !important;
6991 
+  }
6992 
+  .ml-2-sm,
6993 
+.mx-2-sm {
6994 
+    margin-left: 1rem !important;
6995 
+  }
6996 
+  .mr-2-sm,
6997 
+.mx-2-sm {
6998 
+    margin-right: 1rem !important;
6999 
+  }
7000 
+  /* Spacing */
7001 
+  .p-2-sm {
7002 
+    padding: 1rem !important;
7003 
+  }
7004 
+  .pt-2-sm,
7005 
+.py-2-sm {
7006 
+    padding-top: 1rem !important;
7007 
+  }
7008 
+  .pb-2-sm,
7009 
+.py-2-sm {
7010 
+    padding-bottom: 1rem !important;
7011 
+  }
7012 
+  .pl-2-sm,
7013 
+.px-2-sm {
7014 
+    padding-left: 1rem !important;
7015 
+  }
7016 
+  .pr-2-sm,
7017 
+.px-2-sm {
7018 
+    padding-right: 1rem !important;
7019 
+  }
7020 
+  .ml-auto-sm,
7021 
+.mx-auto-sm {
7022 
+    margin-left: auto !important;
7023 
+  }
7024 
+  .mr-auto-sm,
7025 
+.mx-auto-sm {
7026 
+    margin-right: auto !important;
7027 
+  }
7028 
+  .mt-auto-sm,
7029 
+.my-auto-sm {
7030 
+    margin-top: auto !important;
7031 
+  }
7032 
+  .mb-auto-sm,
7033 
+.my-auto-sm {
7034 
+    margin-bottom: auto !important;
7035 
+  }
7036 
+}
7037 
+@media screen and (min-width: 640px) {
7038 
+  /* Margin */
7039 
+  .m-3-sm {
7040 
+    margin: 1.5rem !important;
7041 
+  }
7042 
+  .mt-3-sm,
7043 
+.my-3-sm {
7044 
+    margin-top: 1.5rem !important;
7045 
+  }
7046 
+  .mb-3-sm,
7047 
+.my-3-sm {
7048 
+    margin-bottom: 1.5rem !important;
7049 
+  }
7050 
+  .ml-3-sm,
7051 
+.mx-3-sm {
7052 
+    margin-left: 1.5rem !important;
7053 
+  }
7054 
+  .mr-3-sm,
7055 
+.mx-3-sm {
7056 
+    margin-right: 1.5rem !important;
7057 
+  }
7058 
+  /* Spacing */
7059 
+  .p-3-sm {
7060 
+    padding: 1.5rem !important;
7061 
+  }
7062 
+  .pt-3-sm,
7063 
+.py-3-sm {
7064 
+    padding-top: 1.5rem !important;
7065 
+  }
7066 
+  .pb-3-sm,
7067 
+.py-3-sm {
7068 
+    padding-bottom: 1.5rem !important;
7069 
+  }
7070 
+  .pl-3-sm,
7071 
+.px-3-sm {
7072 
+    padding-left: 1.5rem !important;
7073 
+  }
7074 
+  .pr-3-sm,
7075 
+.px-3-sm {
7076 
+    padding-right: 1.5rem !important;
7077 
+  }
7078 
+  .ml-auto-sm,
7079 
+.mx-auto-sm {
7080 
+    margin-left: auto !important;
7081 
+  }
7082 
+  .mr-auto-sm,
7083 
+.mx-auto-sm {
7084 
+    margin-right: auto !important;
7085 
+  }
7086 
+  .mt-auto-sm,
7087 
+.my-auto-sm {
7088 
+    margin-top: auto !important;
7089 
+  }
7090 
+  .mb-auto-sm,
7091 
+.my-auto-sm {
7092 
+    margin-bottom: auto !important;
7093 
+  }
7094 
+}
7095 
+@media screen and (min-width: 640px) {
7096 
+  /* Margin */
7097 
+  .m-4-sm {
7098 
+    margin: 2rem !important;
7099 
+  }
7100 
+  .mt-4-sm,
7101 
+.my-4-sm {
7102 
+    margin-top: 2rem !important;
7103 
+  }
7104 
+  .mb-4-sm,
7105 
+.my-4-sm {
7106 
+    margin-bottom: 2rem !important;
7107 
+  }
7108 
+  .ml-4-sm,
7109 
+.mx-4-sm {
7110 
+    margin-left: 2rem !important;
7111 
+  }
7112 
+  .mr-4-sm,
7113 
+.mx-4-sm {
7114 
+    margin-right: 2rem !important;
7115 
+  }
7116 
+  /* Spacing */
7117 
+  .p-4-sm {
7118 
+    padding: 2rem !important;
7119 
+  }
7120 
+  .pt-4-sm,
7121 
+.py-4-sm {
7122 
+    padding-top: 2rem !important;
7123 
+  }
7124 
+  .pb-4-sm,
7125 
+.py-4-sm {
7126 
+    padding-bottom: 2rem !important;
7127 
+  }
7128 
+  .pl-4-sm,
7129 
+.px-4-sm {
7130 
+    padding-left: 2rem !important;
7131 
+  }
7132 
+  .pr-4-sm,
7133 
+.px-4-sm {
7134 
+    padding-right: 2rem !important;
7135 
+  }
7136 
+  .ml-auto-sm,
7137 
+.mx-auto-sm {
7138 
+    margin-left: auto !important;
7139 
+  }
7140 
+  .mr-auto-sm,
7141 
+.mx-auto-sm {
7142 
+    margin-right: auto !important;
7143 
+  }
7144 
+  .mt-auto-sm,
7145 
+.my-auto-sm {
7146 
+    margin-top: auto !important;
7147 
+  }
7148 
+  .mb-auto-sm,
7149 
+.my-auto-sm {
7150 
+    margin-bottom: auto !important;
7151 
+  }
7152 
+}
7153 
+@media screen and (min-width: 640px) {
7154 
+  /* Margin */
7155 
+  .m-5-sm {
7156 
+    margin: 2.5rem !important;
7157 
+  }
7158 
+  .mt-5-sm,
7159 
+.my-5-sm {
7160 
+    margin-top: 2.5rem !important;
7161 
+  }
7162 
+  .mb-5-sm,
7163 
+.my-5-sm {
7164 
+    margin-bottom: 2.5rem !important;
7165 
+  }
7166 
+  .ml-5-sm,
7167 
+.mx-5-sm {
7168 
+    margin-left: 2.5rem !important;
7169 
+  }
7170 
+  .mr-5-sm,
7171 
+.mx-5-sm {
7172 
+    margin-right: 2.5rem !important;
7173 
+  }
7174 
+  /* Spacing */
7175 
+  .p-5-sm {
7176 
+    padding: 2.5rem !important;
7177 
+  }
7178 
+  .pt-5-sm,
7179 
+.py-5-sm {
7180 
+    padding-top: 2.5rem !important;
7181 
+  }
7182 
+  .pb-5-sm,
7183 
+.py-5-sm {
7184 
+    padding-bottom: 2.5rem !important;
7185 
+  }
7186 
+  .pl-5-sm,
7187 
+.px-5-sm {
7188 
+    padding-left: 2.5rem !important;
7189 
+  }
7190 
+  .pr-5-sm,
7191 
+.px-5-sm {
7192 
+    padding-right: 2.5rem !important;
7193 
+  }
7194 
+  .ml-auto-sm,
7195 
+.mx-auto-sm {
7196 
+    margin-left: auto !important;
7197 
+  }
7198 
+  .mr-auto-sm,
7199 
+.mx-auto-sm {
7200 
+    margin-right: auto !important;
7201 
+  }
7202 
+  .mt-auto-sm,
7203 
+.my-auto-sm {
7204 
+    margin-top: auto !important;
7205 
+  }
7206 
+  .mb-auto-sm,
7207 
+.my-auto-sm {
7208 
+    margin-bottom: auto !important;
7209 
+  }
7210 
+}
7211 
+@media screen and (min-width: 640px) {
7212 
+  /* Margin */
7213 
+  .m-6-sm {
7214 
+    margin: 3rem !important;
7215 
+  }
7216 
+  .mt-6-sm,
7217 
+.my-6-sm {
7218 
+    margin-top: 3rem !important;
7219 
+  }
7220 
+  .mb-6-sm,
7221 
+.my-6-sm {
7222 
+    margin-bottom: 3rem !important;
7223 
+  }
7224 
+  .ml-6-sm,
7225 
+.mx-6-sm {
7226 
+    margin-left: 3rem !important;
7227 
+  }
7228 
+  .mr-6-sm,
7229 
+.mx-6-sm {
7230 
+    margin-right: 3rem !important;
7231 
+  }
7232 
+  /* Spacing */
7233 
+  .p-6-sm {
7234 
+    padding: 3rem !important;
7235 
+  }
7236 
+  .pt-6-sm,
7237 
+.py-6-sm {
7238 
+    padding-top: 3rem !important;
7239 
+  }
7240 
+  .pb-6-sm,
7241 
+.py-6-sm {
7242 
+    padding-bottom: 3rem !important;
7243 
+  }
7244 
+  .pl-6-sm,
7245 
+.px-6-sm {
7246 
+    padding-left: 3rem !important;
7247 
+  }
7248 
+  .pr-6-sm,
7249 
+.px-6-sm {
7250 
+    padding-right: 3rem !important;
7251 
+  }
7252 
+  .ml-auto-sm,
7253 
+.mx-auto-sm {
7254 
+    margin-left: auto !important;
7255 
+  }
7256 
+  .mr-auto-sm,
7257 
+.mx-auto-sm {
7258 
+    margin-right: auto !important;
7259 
+  }
7260 
+  .mt-auto-sm,
7261 
+.my-auto-sm {
7262 
+    margin-top: auto !important;
7263 
+  }
7264 
+  .mb-auto-sm,
7265 
+.my-auto-sm {
7266 
+    margin-bottom: auto !important;
7267 
+  }
7268 
+}
7269 
+@media screen and (min-width: 640px) {
7270 
+  /* Margin */
7271 
+  .m-8-sm {
7272 
+    margin: 4rem !important;
7273 
+  }
7274 
+  .mt-8-sm,
7275 
+.my-8-sm {
7276 
+    margin-top: 4rem !important;
7277 
+  }
7278 
+  .mb-8-sm,
7279 
+.my-8-sm {
7280 
+    margin-bottom: 4rem !important;
7281 
+  }
7282 
+  .ml-8-sm,
7283 
+.mx-8-sm {
7284 
+    margin-left: 4rem !important;
7285 
+  }
7286 
+  .mr-8-sm,
7287 
+.mx-8-sm {
7288 
+    margin-right: 4rem !important;
7289 
+  }
7290 
+  /* Spacing */
7291 
+  .p-8-sm {
7292 
+    padding: 4rem !important;
7293 
+  }
7294 
+  .pt-8-sm,
7295 
+.py-8-sm {
7296 
+    padding-top: 4rem !important;
7297 
+  }
7298 
+  .pb-8-sm,
7299 
+.py-8-sm {
7300 
+    padding-bottom: 4rem !important;
7301 
+  }
7302 
+  .pl-8-sm,
7303 
+.px-8-sm {
7304 
+    padding-left: 4rem !important;
7305 
+  }
7306 
+  .pr-8-sm,
7307 
+.px-8-sm {
7308 
+    padding-right: 4rem !important;
7309 
+  }
7310 
+  .ml-auto-sm,
7311 
+.mx-auto-sm {
7312 
+    margin-left: auto !important;
7313 
+  }
7314 
+  .mr-auto-sm,
7315 
+.mx-auto-sm {
7316 
+    margin-right: auto !important;
7317 
+  }
7318 
+  .mt-auto-sm,
7319 
+.my-auto-sm {
7320 
+    margin-top: auto !important;
7321 
+  }
7322 
+  .mb-auto-sm,
7323 
+.my-auto-sm {
7324 
+    margin-bottom: auto !important;
7325 
+  }
7326 
+}
7327 
+@media screen and (min-width: 640px) {
7328 
+  /* Margin */
7329 
+  .m-10-sm {
7330 
+    margin: 5rem !important;
7331 
+  }
7332 
+  .mt-10-sm,
7333 
+.my-10-sm {
7334 
+    margin-top: 5rem !important;
7335 
+  }
7336 
+  .mb-10-sm,
7337 
+.my-10-sm {
7338 
+    margin-bottom: 5rem !important;
7339 
+  }
7340 
+  .ml-10-sm,
7341 
+.mx-10-sm {
7342 
+    margin-left: 5rem !important;
7343 
+  }
7344 
+  .mr-10-sm,
7345 
+.mx-10-sm {
7346 
+    margin-right: 5rem !important;
7347 
+  }
7348 
+  /* Spacing */
7349 
+  .p-10-sm {
7350 
+    padding: 5rem !important;
7351 
+  }
7352 
+  .pt-10-sm,
7353 
+.py-10-sm {
7354 
+    padding-top: 5rem !important;
7355 
+  }
7356 
+  .pb-10-sm,
7357 
+.py-10-sm {
7358 
+    padding-bottom: 5rem !important;
7359 
+  }
7360 
+  .pl-10-sm,
7361 
+.px-10-sm {
7362 
+    padding-left: 5rem !important;
7363 
+  }
7364 
+  .pr-10-sm,
7365 
+.px-10-sm {
7366 
+    padding-right: 5rem !important;
7367 
+  }
7368 
+  .ml-auto-sm,
7369 
+.mx-auto-sm {
7370 
+    margin-left: auto !important;
7371 
+  }
7372 
+  .mr-auto-sm,
7373 
+.mx-auto-sm {
7374 
+    margin-right: auto !important;
7375 
+  }
7376 
+  .mt-auto-sm,
7377 
+.my-auto-sm {
7378 
+    margin-top: auto !important;
7379 
+  }
7380 
+  .mb-auto-sm,
7381 
+.my-auto-sm {
7382 
+    margin-bottom: auto !important;
7383 
+  }
7384 
+}
7385 
+@media screen and (min-width: 640px) {
7386 
+  /* Margin */
7387 
+  .m-12-sm {
7388 
+    margin: 6rem !important;
7389 
+  }
7390 
+  .mt-12-sm,
7391 
+.my-12-sm {
7392 
+    margin-top: 6rem !important;
7393 
+  }
7394 
+  .mb-12-sm,
7395 
+.my-12-sm {
7396 
+    margin-bottom: 6rem !important;
7397 
+  }
7398 
+  .ml-12-sm,
7399 
+.mx-12-sm {
7400 
+    margin-left: 6rem !important;
7401 
+  }
7402 
+  .mr-12-sm,
7403 
+.mx-12-sm {
7404 
+    margin-right: 6rem !important;
7405 
+  }
7406 
+  /* Spacing */
7407 
+  .p-12-sm {
7408 
+    padding: 6rem !important;
7409 
+  }
7410 
+  .pt-12-sm,
7411 
+.py-12-sm {
7412 
+    padding-top: 6rem !important;
7413 
+  }
7414 
+  .pb-12-sm,
7415 
+.py-12-sm {
7416 
+    padding-bottom: 6rem !important;
7417 
+  }
7418 
+  .pl-12-sm,
7419 
+.px-12-sm {
7420 
+    padding-left: 6rem !important;
7421 
+  }
7422 
+  .pr-12-sm,
7423 
+.px-12-sm {
7424 
+    padding-right: 6rem !important;
7425 
+  }
7426 
+  .ml-auto-sm,
7427 
+.mx-auto-sm {
7428 
+    margin-left: auto !important;
7429 
+  }
7430 
+  .mr-auto-sm,
7431 
+.mx-auto-sm {
7432 
+    margin-right: auto !important;
7433 
+  }
7434 
+  .mt-auto-sm,
7435 
+.my-auto-sm {
7436 
+    margin-top: auto !important;
7437 
+  }
7438 
+  .mb-auto-sm,
7439 
+.my-auto-sm {
7440 
+    margin-bottom: auto !important;
7441 
+  }
7442 
+}
7443 
+@media screen and (min-width: 640px) {
7444 
+  /* Margin */
7445 
+  .m-16-sm {
7446 
+    margin: 8rem !important;
7447 
+  }
7448 
+  .mt-16-sm,
7449 
+.my-16-sm {
7450 
+    margin-top: 8rem !important;
7451 
+  }
7452 
+  .mb-16-sm,
7453 
+.my-16-sm {
7454 
+    margin-bottom: 8rem !important;
7455 
+  }
7456 
+  .ml-16-sm,
7457 
+.mx-16-sm {
7458 
+    margin-left: 8rem !important;
7459 
+  }
7460 
+  .mr-16-sm,
7461 
+.mx-16-sm {
7462 
+    margin-right: 8rem !important;
7463 
+  }
7464 
+  /* Spacing */
7465 
+  .p-16-sm {
7466 
+    padding: 8rem !important;
7467 
+  }
7468 
+  .pt-16-sm,
7469 
+.py-16-sm {
7470 
+    padding-top: 8rem !important;
7471 
+  }
7472 
+  .pb-16-sm,
7473 
+.py-16-sm {
7474 
+    padding-bottom: 8rem !important;
7475 
+  }
7476 
+  .pl-16-sm,
7477 
+.px-16-sm {
7478 
+    padding-left: 8rem !important;
7479 
+  }
7480 
+  .pr-16-sm,
7481 
+.px-16-sm {
7482 
+    padding-right: 8rem !important;
7483 
+  }
7484 
+  .ml-auto-sm,
7485 
+.mx-auto-sm {
7486 
+    margin-left: auto !important;
7487 
+  }
7488 
+  .mr-auto-sm,
7489 
+.mx-auto-sm {
7490 
+    margin-right: auto !important;
7491 
+  }
7492 
+  .mt-auto-sm,
7493 
+.my-auto-sm {
7494 
+    margin-top: auto !important;
7495 
+  }
7496 
+  .mb-auto-sm,
7497 
+.my-auto-sm {
7498 
+    margin-bottom: auto !important;
7499 
+  }
7500 
+}
7501 
+@media screen and (min-width: 640px) {
7502 
+  /* Margin */
7503 
+  .m-20-sm {
7504 
+    margin: 10rem !important;
7505 
+  }
7506 
+  .mt-20-sm,
7507 
+.my-20-sm {
7508 
+    margin-top: 10rem !important;
7509 
+  }
7510 
+  .mb-20-sm,
7511 
+.my-20-sm {
7512 
+    margin-bottom: 10rem !important;
7513 
+  }
7514 
+  .ml-20-sm,
7515 
+.mx-20-sm {
7516 
+    margin-left: 10rem !important;
7517 
+  }
7518 
+  .mr-20-sm,
7519 
+.mx-20-sm {
7520 
+    margin-right: 10rem !important;
7521 
+  }
7522 
+  /* Spacing */
7523 
+  .p-20-sm {
7524 
+    padding: 10rem !important;
7525 
+  }
7526 
+  .pt-20-sm,
7527 
+.py-20-sm {
7528 
+    padding-top: 10rem !important;
7529 
+  }
7530 
+  .pb-20-sm,
7531 
+.py-20-sm {
7532 
+    padding-bottom: 10rem !important;
7533 
+  }
7534 
+  .pl-20-sm,
7535 
+.px-20-sm {
7536 
+    padding-left: 10rem !important;
7537 
+  }
7538 
+  .pr-20-sm,
7539 
+.px-20-sm {
7540 
+    padding-right: 10rem !important;
7541 
+  }
7542 
+  .ml-auto-sm,
7543 
+.mx-auto-sm {
7544 
+    margin-left: auto !important;
7545 
+  }
7546 
+  .mr-auto-sm,
7547 
+.mx-auto-sm {
7548 
+    margin-right: auto !important;
7549 
+  }
7550 
+  .mt-auto-sm,
7551 
+.my-auto-sm {
7552 
+    margin-top: auto !important;
7553 
+  }
7554 
+  .mb-auto-sm,
7555 
+.my-auto-sm {
7556 
+    margin-bottom: auto !important;
7557 
+  }
7558 
+}
7559 
+@media screen and (min-width: 640px) {
7560 
+  /* Margin */
7561 
+  .m-24-sm {
7562 
+    margin: 12rem !important;
7563 
+  }
7564 
+  .mt-24-sm,
7565 
+.my-24-sm {
7566 
+    margin-top: 12rem !important;
7567 
+  }
7568 
+  .mb-24-sm,
7569 
+.my-24-sm {
7570 
+    margin-bottom: 12rem !important;
7571 
+  }
7572 
+  .ml-24-sm,
7573 
+.mx-24-sm {
7574 
+    margin-left: 12rem !important;
7575 
+  }
7576 
+  .mr-24-sm,
7577 
+.mx-24-sm {
7578 
+    margin-right: 12rem !important;
7579 
+  }
7580 
+  /* Spacing */
7581 
+  .p-24-sm {
7582 
+    padding: 12rem !important;
7583 
+  }
7584 
+  .pt-24-sm,
7585 
+.py-24-sm {
7586 
+    padding-top: 12rem !important;
7587 
+  }
7588 
+  .pb-24-sm,
7589 
+.py-24-sm {
7590 
+    padding-bottom: 12rem !important;
7591 
+  }
7592 
+  .pl-24-sm,
7593 
+.px-24-sm {
7594 
+    padding-left: 12rem !important;
7595 
+  }
7596 
+  .pr-24-sm,
7597 
+.px-24-sm {
7598 
+    padding-right: 12rem !important;
7599 
+  }
7600 
+  .ml-auto-sm,
7601 
+.mx-auto-sm {
7602 
+    margin-left: auto !important;
7603 
+  }
7604 
+  .mr-auto-sm,
7605 
+.mx-auto-sm {
7606 
+    margin-right: auto !important;
7607 
+  }
7608 
+  .mt-auto-sm,
7609 
+.my-auto-sm {
7610 
+    margin-top: auto !important;
7611 
+  }
7612 
+  .mb-auto-sm,
7613 
+.my-auto-sm {
7614 
+    margin-bottom: auto !important;
7615 
+  }
7616 
+}
7617 
+@media screen and (min-width: 640px) {
7618 
+  /* Margin */
7619 
+  .m-32-sm {
7620 
+    margin: 16rem !important;
7621 
+  }
7622 
+  .mt-32-sm,
7623 
+.my-32-sm {
7624 
+    margin-top: 16rem !important;
7625 
+  }
7626 
+  .mb-32-sm,
7627 
+.my-32-sm {
7628 
+    margin-bottom: 16rem !important;
7629 
+  }
7630 
+  .ml-32-sm,
7631 
+.mx-32-sm {
7632 
+    margin-left: 16rem !important;
7633 
+  }
7634 
+  .mr-32-sm,
7635 
+.mx-32-sm {
7636 
+    margin-right: 16rem !important;
7637 
+  }
7638 
+  /* Spacing */
7639 
+  .p-32-sm {
7640 
+    padding: 16rem !important;
7641 
+  }
7642 
+  .pt-32-sm,
7643 
+.py-32-sm {
7644 
+    padding-top: 16rem !important;
7645 
+  }
7646 
+  .pb-32-sm,
7647 
+.py-32-sm {
7648 
+    padding-bottom: 16rem !important;
7649 
+  }
7650 
+  .pl-32-sm,
7651 
+.px-32-sm {
7652 
+    padding-left: 16rem !important;
7653 
+  }
7654 
+  .pr-32-sm,
7655 
+.px-32-sm {
7656 
+    padding-right: 16rem !important;
7657 
+  }
7658 
+  .ml-auto-sm,
7659 
+.mx-auto-sm {
7660 
+    margin-left: auto !important;
7661 
+  }
7662 
+  .mr-auto-sm,
7663 
+.mx-auto-sm {
7664 
+    margin-right: auto !important;
7665 
+  }
7666 
+  .mt-auto-sm,
7667 
+.my-auto-sm {
7668 
+    margin-top: auto !important;
7669 
+  }
7670 
+  .mb-auto-sm,
7671 
+.my-auto-sm {
7672 
+    margin-bottom: auto !important;
7673 
+  }
7674 
+}
7675 
+@media screen and (min-width: 768px) {
7676 
+  /* Margin */
7677 
+  .m-0-md {
7678 
+    margin: 0rem !important;
7679 
+  }
7680 
+  .mt-0-md,
7681 
+.my-0-md {
7682 
+    margin-top: 0rem !important;
7683 
+  }
7684 
+  .mb-0-md,
7685 
+.my-0-md {
7686 
+    margin-bottom: 0rem !important;
7687 
+  }
7688 
+  .ml-0-md,
7689 
+.mx-0-md {
7690 
+    margin-left: 0rem !important;
7691 
+  }
7692 
+  .mr-0-md,
7693 
+.mx-0-md {
7694 
+    margin-right: 0rem !important;
7695 
+  }
7696 
+  /* Spacing */
7697 
+  .p-0-md {
7698 
+    padding: 0rem !important;
7699 
+  }
7700 
+  .pt-0-md,
7701 
+.py-0-md {
7702 
+    padding-top: 0rem !important;
7703 
+  }
7704 
+  .pb-0-md,
7705 
+.py-0-md {
7706 
+    padding-bottom: 0rem !important;
7707 
+  }
7708 
+  .pl-0-md,
7709 
+.px-0-md {
7710 
+    padding-left: 0rem !important;
7711 
+  }
7712 
+  .pr-0-md,
7713 
+.px-0-md {
7714 
+    padding-right: 0rem !important;
7715 
+  }
7716 
+  .ml-auto-md,
7717 
+.mx-auto-md {
7718 
+    margin-left: auto !important;
7719 
+  }
7720 
+  .mr-auto-md,
7721 
+.mx-auto-md {
7722 
+    margin-right: auto !important;
7723 
+  }
7724 
+  .mt-auto-md,
7725 
+.my-auto-md {
7726 
+    margin-top: auto !important;
7727 
+  }
7728 
+  .mb-auto-md,
7729 
+.my-auto-md {
7730 
+    margin-bottom: auto !important;
7731 
+  }
7732 
+}
7733 
+@media screen and (min-width: 768px) {
7734 
+  /* Margin */
7735 
+  .m-1-md {
7736 
+    margin: 0.5rem !important;
7737 
+  }
7738 
+  .mt-1-md,
7739 
+.my-1-md {
7740 
+    margin-top: 0.5rem !important;
7741 
+  }
7742 
+  .mb-1-md,
7743 
+.my-1-md {
7744 
+    margin-bottom: 0.5rem !important;
7745 
+  }
7746 
+  .ml-1-md,
7747 
+.mx-1-md {
7748 
+    margin-left: 0.5rem !important;
7749 
+  }
7750 
+  .mr-1-md,
7751 
+.mx-1-md {
7752 
+    margin-right: 0.5rem !important;
7753 
+  }
7754 
+  /* Spacing */
7755 
+  .p-1-md {
7756 
+    padding: 0.5rem !important;
7757 
+  }
7758 
+  .pt-1-md,
7759 
+.py-1-md {
7760 
+    padding-top: 0.5rem !important;
7761 
+  }
7762 
+  .pb-1-md,
7763 
+.py-1-md {
7764 
+    padding-bottom: 0.5rem !important;
7765 
+  }
7766 
+  .pl-1-md,
7767 
+.px-1-md {
7768 
+    padding-left: 0.5rem !important;
7769 
+  }
7770 
+  .pr-1-md,
7771 
+.px-1-md {
7772 
+    padding-right: 0.5rem !important;
7773 
+  }
7774 
+  .ml-auto-md,
7775 
+.mx-auto-md {
7776 
+    margin-left: auto !important;
7777 
+  }
7778 
+  .mr-auto-md,
7779 
+.mx-auto-md {
7780 
+    margin-right: auto !important;
7781 
+  }
7782 
+  .mt-auto-md,
7783 
+.my-auto-md {
7784 
+    margin-top: auto !important;
7785 
+  }
7786 
+  .mb-auto-md,
7787 
+.my-auto-md {
7788 
+    margin-bottom: auto !important;
7789 
+  }
7790 
+}
7791 
+@media screen and (min-width: 768px) {
7792 
+  /* Margin */
7793 
+  .m-2-md {
7794 
+    margin: 1rem !important;
7795 
+  }
7796 
+  .mt-2-md,
7797 
+.my-2-md {
7798 
+    margin-top: 1rem !important;
7799 
+  }
7800 
+  .mb-2-md,
7801 
+.my-2-md {
7802 
+    margin-bottom: 1rem !important;
7803 
+  }
7804 
+  .ml-2-md,
7805 
+.mx-2-md {
7806 
+    margin-left: 1rem !important;
7807 
+  }
7808 
+  .mr-2-md,
7809 
+.mx-2-md {
7810 
+    margin-right: 1rem !important;
7811 
+  }
7812 
+  /* Spacing */
7813 
+  .p-2-md {
7814 
+    padding: 1rem !important;
7815 
+  }
7816 
+  .pt-2-md,
7817 
+.py-2-md {
7818 
+    padding-top: 1rem !important;
7819 
+  }
7820 
+  .pb-2-md,
7821 
+.py-2-md {
7822 
+    padding-bottom: 1rem !important;
7823 
+  }
7824 
+  .pl-2-md,
7825 
+.px-2-md {
7826 
+    padding-left: 1rem !important;
7827 
+  }
7828 
+  .pr-2-md,
7829 
+.px-2-md {
7830 
+    padding-right: 1rem !important;
7831 
+  }
7832 
+  .ml-auto-md,
7833 
+.mx-auto-md {
7834 
+    margin-left: auto !important;
7835 
+  }
7836 
+  .mr-auto-md,
7837 
+.mx-auto-md {
7838 
+    margin-right: auto !important;
7839 
+  }
7840 
+  .mt-auto-md,
7841 
+.my-auto-md {
7842 
+    margin-top: auto !important;
7843 
+  }
7844 
+  .mb-auto-md,
7845 
+.my-auto-md {
7846 
+    margin-bottom: auto !important;
7847 
+  }
7848 
+}
7849 
+@media screen and (min-width: 768px) {
7850 
+  /* Margin */
7851 
+  .m-3-md {
7852 
+    margin: 1.5rem !important;
7853 
+  }
7854 
+  .mt-3-md,
7855 
+.my-3-md {
7856 
+    margin-top: 1.5rem !important;
7857 
+  }
7858 
+  .mb-3-md,
7859 
+.my-3-md {
7860 
+    margin-bottom: 1.5rem !important;
7861 
+  }
7862 
+  .ml-3-md,
7863 
+.mx-3-md {
7864 
+    margin-left: 1.5rem !important;
7865 
+  }
7866 
+  .mr-3-md,
7867 
+.mx-3-md {
7868 
+    margin-right: 1.5rem !important;
7869 
+  }
7870 
+  /* Spacing */
7871 
+  .p-3-md {
7872 
+    padding: 1.5rem !important;
7873 
+  }
7874 
+  .pt-3-md,
7875 
+.py-3-md {
7876 
+    padding-top: 1.5rem !important;
7877 
+  }
7878 
+  .pb-3-md,
7879 
+.py-3-md {
7880 
+    padding-bottom: 1.5rem !important;
7881 
+  }
7882 
+  .pl-3-md,
7883 
+.px-3-md {
7884 
+    padding-left: 1.5rem !important;
7885 
+  }
7886 
+  .pr-3-md,
7887 
+.px-3-md {
7888 
+    padding-right: 1.5rem !important;
7889 
+  }
7890 
+  .ml-auto-md,
7891 
+.mx-auto-md {
7892 
+    margin-left: auto !important;
7893 
+  }
7894 
+  .mr-auto-md,
7895 
+.mx-auto-md {
7896 
+    margin-right: auto !important;
7897 
+  }
7898 
+  .mt-auto-md,
7899 
+.my-auto-md {
7900 
+    margin-top: auto !important;
7901 
+  }
7902 
+  .mb-auto-md,
7903 
+.my-auto-md {
7904 
+    margin-bottom: auto !important;
7905 
+  }
7906 
+}
7907 
+@media screen and (min-width: 768px) {
7908 
+  /* Margin */
7909 
+  .m-4-md {
7910 
+    margin: 2rem !important;
7911 
+  }
7912 
+  .mt-4-md,
7913 
+.my-4-md {
7914 
+    margin-top: 2rem !important;
7915 
+  }
7916 
+  .mb-4-md,
7917 
+.my-4-md {
7918 
+    margin-bottom: 2rem !important;
7919 
+  }
7920 
+  .ml-4-md,
7921 
+.mx-4-md {
7922 
+    margin-left: 2rem !important;
7923 
+  }
7924 
+  .mr-4-md,
7925 
+.mx-4-md {
7926 
+    margin-right: 2rem !important;
7927 
+  }
7928 
+  /* Spacing */
7929 
+  .p-4-md {
7930 
+    padding: 2rem !important;
7931 
+  }
7932 
+  .pt-4-md,
7933 
+.py-4-md {
7934 
+    padding-top: 2rem !important;
7935 
+  }
7936 
+  .pb-4-md,
7937 
+.py-4-md {
7938 
+    padding-bottom: 2rem !important;
7939 
+  }
7940 
+  .pl-4-md,
7941 
+.px-4-md {
7942 
+    padding-left: 2rem !important;
7943 
+  }
7944 
+  .pr-4-md,
7945 
+.px-4-md {
7946 
+    padding-right: 2rem !important;
7947 
+  }
7948 
+  .ml-auto-md,
7949 
+.mx-auto-md {
7950 
+    margin-left: auto !important;
7951 
+  }
7952 
+  .mr-auto-md,
7953 
+.mx-auto-md {
7954 
+    margin-right: auto !important;
7955 
+  }
7956 
+  .mt-auto-md,
7957 
+.my-auto-md {
7958 
+    margin-top: auto !important;
7959 
+  }
7960 
+  .mb-auto-md,
7961 
+.my-auto-md {
7962 
+    margin-bottom: auto !important;
7963 
+  }
7964 
+}
7965 
+@media screen and (min-width: 768px) {
7966 
+  /* Margin */
7967 
+  .m-5-md {
7968 
+    margin: 2.5rem !important;
7969 
+  }
7970 
+  .mt-5-md,
7971 
+.my-5-md {
7972 
+    margin-top: 2.5rem !important;
7973 
+  }
7974 
+  .mb-5-md,
7975 
+.my-5-md {
7976 
+    margin-bottom: 2.5rem !important;
7977 
+  }
7978 
+  .ml-5-md,
7979 
+.mx-5-md {
7980 
+    margin-left: 2.5rem !important;
7981 
+  }
7982 
+  .mr-5-md,
7983 
+.mx-5-md {
7984 
+    margin-right: 2.5rem !important;
7985 
+  }
7986 
+  /* Spacing */
7987 
+  .p-5-md {
7988 
+    padding: 2.5rem !important;
7989 
+  }
7990 
+  .pt-5-md,
7991 
+.py-5-md {
7992 
+    padding-top: 2.5rem !important;
7993 
+  }
7994 
+  .pb-5-md,
7995 
+.py-5-md {
7996 
+    padding-bottom: 2.5rem !important;
7997 
+  }
7998 
+  .pl-5-md,
7999 
+.px-5-md {
8000 
+    padding-left: 2.5rem !important;
8001 
+  }
8002 
+  .pr-5-md,
8003 
+.px-5-md {
8004 
+    padding-right: 2.5rem !important;
8005 
+  }
8006 
+  .ml-auto-md,
8007 
+.mx-auto-md {
8008 
+    margin-left: auto !important;
8009 
+  }
8010 
+  .mr-auto-md,
8011 
+.mx-auto-md {
8012 
+    margin-right: auto !important;
8013 
+  }
8014 
+  .mt-auto-md,
8015 
+.my-auto-md {
8016 
+    margin-top: auto !important;
8017 
+  }
8018 
+  .mb-auto-md,
8019 
+.my-auto-md {
8020 
+    margin-bottom: auto !important;
8021 
+  }
8022 
+}
8023 
+@media screen and (min-width: 768px) {
8024 
+  /* Margin */
8025 
+  .m-6-md {
8026 
+    margin: 3rem !important;
8027 
+  }
8028 
+  .mt-6-md,
8029 
+.my-6-md {
8030 
+    margin-top: 3rem !important;
8031 
+  }
8032 
+  .mb-6-md,
8033 
+.my-6-md {
8034 
+    margin-bottom: 3rem !important;
8035 
+  }
8036 
+  .ml-6-md,
8037 
+.mx-6-md {
8038 
+    margin-left: 3rem !important;
8039 
+  }
8040 
+  .mr-6-md,
8041 
+.mx-6-md {
8042 
+    margin-right: 3rem !important;
8043 
+  }
8044 
+  /* Spacing */
8045 
+  .p-6-md {
8046 
+    padding: 3rem !important;
8047 
+  }
8048 
+  .pt-6-md,
8049 
+.py-6-md {
8050 
+    padding-top: 3rem !important;
8051 
+  }
8052 
+  .pb-6-md,
8053 
+.py-6-md {
8054 
+    padding-bottom: 3rem !important;
8055 
+  }
8056 
+  .pl-6-md,
8057 
+.px-6-md {
8058 
+    padding-left: 3rem !important;
8059 
+  }
8060 
+  .pr-6-md,
8061 
+.px-6-md {
8062 
+    padding-right: 3rem !important;
8063 
+  }
8064 
+  .ml-auto-md,
8065 
+.mx-auto-md {
8066 
+    margin-left: auto !important;
8067 
+  }
8068 
+  .mr-auto-md,
8069 
+.mx-auto-md {
8070 
+    margin-right: auto !important;
8071 
+  }
8072 
+  .mt-auto-md,
8073 
+.my-auto-md {
8074 
+    margin-top: auto !important;
8075 
+  }
8076 
+  .mb-auto-md,
8077 
+.my-auto-md {
8078 
+    margin-bottom: auto !important;
8079 
+  }
8080 
+}
8081 
+@media screen and (min-width: 768px) {
8082 
+  /* Margin */
8083 
+  .m-8-md {
8084 
+    margin: 4rem !important;
8085 
+  }
8086 
+  .mt-8-md,
8087 
+.my-8-md {
8088 
+    margin-top: 4rem !important;
8089 
+  }
8090 
+  .mb-8-md,
8091 
+.my-8-md {
8092 
+    margin-bottom: 4rem !important;
8093 
+  }
8094 
+  .ml-8-md,
8095 
+.mx-8-md {
8096 
+    margin-left: 4rem !important;
8097 
+  }
8098 
+  .mr-8-md,
8099 
+.mx-8-md {
8100 
+    margin-right: 4rem !important;
8101 
+  }
8102 
+  /* Spacing */
8103 
+  .p-8-md {
8104 
+    padding: 4rem !important;
8105 
+  }
8106 
+  .pt-8-md,
8107 
+.py-8-md {
8108 
+    padding-top: 4rem !important;
8109 
+  }
8110 
+  .pb-8-md,
8111 
+.py-8-md {
8112 
+    padding-bottom: 4rem !important;
8113 
+  }
8114 
+  .pl-8-md,
8115 
+.px-8-md {
8116 
+    padding-left: 4rem !important;
8117 
+  }
8118 
+  .pr-8-md,
8119 
+.px-8-md {
8120 
+    padding-right: 4rem !important;
8121 
+  }
8122 
+  .ml-auto-md,
8123 
+.mx-auto-md {
8124 
+    margin-left: auto !important;
8125 
+  }
8126 
+  .mr-auto-md,
8127 
+.mx-auto-md {
8128 
+    margin-right: auto !important;
8129 
+  }
8130 
+  .mt-auto-md,
8131 
+.my-auto-md {
8132 
+    margin-top: auto !important;
8133 
+  }
8134 
+  .mb-auto-md,
8135 
+.my-auto-md {
8136 
+    margin-bottom: auto !important;
8137 
+  }
8138 
+}
8139 
+@media screen and (min-width: 768px) {
8140 
+  /* Margin */
8141 
+  .m-10-md {
8142 
+    margin: 5rem !important;
8143 
+  }
8144 
+  .mt-10-md,
8145 
+.my-10-md {
8146 
+    margin-top: 5rem !important;
8147 
+  }
8148 
+  .mb-10-md,
8149 
+.my-10-md {
8150 
+    margin-bottom: 5rem !important;
8151 
+  }
8152 
+  .ml-10-md,
8153 
+.mx-10-md {
8154 
+    margin-left: 5rem !important;
8155 
+  }
8156 
+  .mr-10-md,
8157 
+.mx-10-md {
8158 
+    margin-right: 5rem !important;
8159 
+  }
8160 
+  /* Spacing */
8161 
+  .p-10-md {
8162 
+    padding: 5rem !important;
8163 
+  }
8164 
+  .pt-10-md,
8165 
+.py-10-md {
8166 
+    padding-top: 5rem !important;
8167 
+  }
8168 
+  .pb-10-md,
8169 
+.py-10-md {
8170 
+    padding-bottom: 5rem !important;
8171 
+  }
8172 
+  .pl-10-md,
8173 
+.px-10-md {
8174 
+    padding-left: 5rem !important;
8175 
+  }
8176 
+  .pr-10-md,
8177 
+.px-10-md {
8178 
+    padding-right: 5rem !important;
8179 
+  }
8180 
+  .ml-auto-md,
8181 
+.mx-auto-md {
8182 
+    margin-left: auto !important;
8183 
+  }
8184 
+  .mr-auto-md,
8185 
+.mx-auto-md {
8186 
+    margin-right: auto !important;
8187 
+  }
8188 
+  .mt-auto-md,
8189 
+.my-auto-md {
8190 
+    margin-top: auto !important;
8191 
+  }
8192 
+  .mb-auto-md,
8193 
+.my-auto-md {
8194 
+    margin-bottom: auto !important;
8195 
+  }
8196 
+}
8197 
+@media screen and (min-width: 768px) {
8198 
+  /* Margin */
8199 
+  .m-12-md {
8200 
+    margin: 6rem !important;
8201 
+  }
8202 
+  .mt-12-md,
8203 
+.my-12-md {
8204 
+    margin-top: 6rem !important;
8205 
+  }
8206 
+  .mb-12-md,
8207 
+.my-12-md {
8208 
+    margin-bottom: 6rem !important;
8209 
+  }
8210 
+  .ml-12-md,
8211 
+.mx-12-md {
8212 
+    margin-left: 6rem !important;
8213 
+  }
8214 
+  .mr-12-md,
8215 
+.mx-12-md {
8216 
+    margin-right: 6rem !important;
8217 
+  }
8218 
+  /* Spacing */
8219 
+  .p-12-md {
8220 
+    padding: 6rem !important;
8221 
+  }
8222 
+  .pt-12-md,
8223 
+.py-12-md {
8224 
+    padding-top: 6rem !important;
8225 
+  }
8226 
+  .pb-12-md,
8227 
+.py-12-md {
8228 
+    padding-bottom: 6rem !important;
8229 
+  }
8230 
+  .pl-12-md,
8231 
+.px-12-md {
8232 
+    padding-left: 6rem !important;
8233 
+  }
8234 
+  .pr-12-md,
8235 
+.px-12-md {
8236 
+    padding-right: 6rem !important;
8237 
+  }
8238 
+  .ml-auto-md,
8239 
+.mx-auto-md {
8240 
+    margin-left: auto !important;
8241 
+  }
8242 
+  .mr-auto-md,
8243 
+.mx-auto-md {
8244 
+    margin-right: auto !important;
8245 
+  }
8246 
+  .mt-auto-md,
8247 
+.my-auto-md {
8248 
+    margin-top: auto !important;
8249 
+  }
8250 
+  .mb-auto-md,
8251 
+.my-auto-md {
8252 
+    margin-bottom: auto !important;
8253 
+  }
8254 
+}
8255 
+@media screen and (min-width: 768px) {
8256 
+  /* Margin */
8257 
+  .m-16-md {
8258 
+    margin: 8rem !important;
8259 
+  }
8260 
+  .mt-16-md,
8261 
+.my-16-md {
8262 
+    margin-top: 8rem !important;
8263 
+  }
8264 
+  .mb-16-md,
8265 
+.my-16-md {
8266 
+    margin-bottom: 8rem !important;
8267 
+  }
8268 
+  .ml-16-md,
8269 
+.mx-16-md {
8270 
+    margin-left: 8rem !important;
8271 
+  }
8272 
+  .mr-16-md,
8273 
+.mx-16-md {
8274 
+    margin-right: 8rem !important;
8275 
+  }
8276 
+  /* Spacing */
8277 
+  .p-16-md {
8278 
+    padding: 8rem !important;
8279 
+  }
8280 
+  .pt-16-md,
8281 
+.py-16-md {
8282 
+    padding-top: 8rem !important;
8283 
+  }
8284 
+  .pb-16-md,
8285 
+.py-16-md {
8286 
+    padding-bottom: 8rem !important;
8287 
+  }
8288 
+  .pl-16-md,
8289 
+.px-16-md {
8290 
+    padding-left: 8rem !important;
8291 
+  }
8292 
+  .pr-16-md,
8293 
+.px-16-md {
8294 
+    padding-right: 8rem !important;
8295 
+  }
8296 
+  .ml-auto-md,
8297 
+.mx-auto-md {
8298 
+    margin-left: auto !important;
8299 
+  }
8300 
+  .mr-auto-md,
8301 
+.mx-auto-md {
8302 
+    margin-right: auto !important;
8303 
+  }
8304 
+  .mt-auto-md,
8305 
+.my-auto-md {
8306 
+    margin-top: auto !important;
8307 
+  }
8308 
+  .mb-auto-md,
8309 
+.my-auto-md {
8310 
+    margin-bottom: auto !important;
8311 
+  }
8312 
+}
8313 
+@media screen and (min-width: 768px) {
8314 
+  /* Margin */
8315 
+  .m-20-md {
8316 
+    margin: 10rem !important;
8317 
+  }
8318 
+  .mt-20-md,
8319 
+.my-20-md {
8320 
+    margin-top: 10rem !important;
8321 
+  }
8322 
+  .mb-20-md,
8323 
+.my-20-md {
8324 
+    margin-bottom: 10rem !important;
8325 
+  }
8326 
+  .ml-20-md,
8327 
+.mx-20-md {
8328 
+    margin-left: 10rem !important;
8329 
+  }
8330 
+  .mr-20-md,
8331 
+.mx-20-md {
8332 
+    margin-right: 10rem !important;
8333 
+  }
8334 
+  /* Spacing */
8335 
+  .p-20-md {
8336 
+    padding: 10rem !important;
8337 
+  }
8338 
+  .pt-20-md,
8339 
+.py-20-md {
8340 
+    padding-top: 10rem !important;
8341 
+  }
8342 
+  .pb-20-md,
8343 
+.py-20-md {
8344 
+    padding-bottom: 10rem !important;
8345 
+  }
8346 
+  .pl-20-md,
8347 
+.px-20-md {
8348 
+    padding-left: 10rem !important;
8349 
+  }
8350 
+  .pr-20-md,
8351 
+.px-20-md {
8352 
+    padding-right: 10rem !important;
8353 
+  }
8354 
+  .ml-auto-md,
8355 
+.mx-auto-md {
8356 
+    margin-left: auto !important;
8357 
+  }
8358 
+  .mr-auto-md,
8359 
+.mx-auto-md {
8360 
+    margin-right: auto !important;
8361 
+  }
8362 
+  .mt-auto-md,
8363 
+.my-auto-md {
8364 
+    margin-top: auto !important;
8365 
+  }
8366 
+  .mb-auto-md,
8367 
+.my-auto-md {
8368 
+    margin-bottom: auto !important;
8369 
+  }
8370 
+}
8371 
+@media screen and (min-width: 768px) {
8372 
+  /* Margin */
8373 
+  .m-24-md {
8374 
+    margin: 12rem !important;
8375 
+  }
8376 
+  .mt-24-md,
8377 
+.my-24-md {
8378 
+    margin-top: 12rem !important;
8379 
+  }
8380 
+  .mb-24-md,
8381 
+.my-24-md {
8382 
+    margin-bottom: 12rem !important;
8383 
+  }
8384 
+  .ml-24-md,
8385 
+.mx-24-md {
8386 
+    margin-left: 12rem !important;
8387 
+  }
8388 
+  .mr-24-md,
8389 
+.mx-24-md {
8390 
+    margin-right: 12rem !important;
8391 
+  }
8392 
+  /* Spacing */
8393 
+  .p-24-md {
8394 
+    padding: 12rem !important;
8395 
+  }
8396 
+  .pt-24-md,
8397 
+.py-24-md {
8398 
+    padding-top: 12rem !important;
8399 
+  }
8400 
+  .pb-24-md,
8401 
+.py-24-md {
8402 
+    padding-bottom: 12rem !important;
8403 
+  }
8404 
+  .pl-24-md,
8405 
+.px-24-md {
8406 
+    padding-left: 12rem !important;
8407 
+  }
8408 
+  .pr-24-md,
8409 
+.px-24-md {
8410 
+    padding-right: 12rem !important;
8411 
+  }
8412 
+  .ml-auto-md,
8413 
+.mx-auto-md {
8414 
+    margin-left: auto !important;
8415 
+  }
8416 
+  .mr-auto-md,
8417 
+.mx-auto-md {
8418 
+    margin-right: auto !important;
8419 
+  }
8420 
+  .mt-auto-md,
8421 
+.my-auto-md {
8422 
+    margin-top: auto !important;
8423 
+  }
8424 
+  .mb-auto-md,
8425 
+.my-auto-md {
8426 
+    margin-bottom: auto !important;
8427 
+  }
8428 
+}
8429 
+@media screen and (min-width: 768px) {
8430 
+  /* Margin */
8431 
+  .m-32-md {
8432 
+    margin: 16rem !important;
8433 
+  }
8434 
+  .mt-32-md,
8435 
+.my-32-md {
8436 
+    margin-top: 16rem !important;
8437 
+  }
8438 
+  .mb-32-md,
8439 
+.my-32-md {
8440 
+    margin-bottom: 16rem !important;
8441 
+  }
8442 
+  .ml-32-md,
8443 
+.mx-32-md {
8444 
+    margin-left: 16rem !important;
8445 
+  }
8446 
+  .mr-32-md,
8447 
+.mx-32-md {
8448 
+    margin-right: 16rem !important;
8449 
+  }
8450 
+  /* Spacing */
8451 
+  .p-32-md {
8452 
+    padding: 16rem !important;
8453 
+  }
8454 
+  .pt-32-md,
8455 
+.py-32-md {
8456 
+    padding-top: 16rem !important;
8457 
+  }
8458 
+  .pb-32-md,
8459 
+.py-32-md {
8460 
+    padding-bottom: 16rem !important;
8461 
+  }
8462 
+  .pl-32-md,
8463 
+.px-32-md {
8464 
+    padding-left: 16rem !important;
8465 
+  }
8466 
+  .pr-32-md,
8467 
+.px-32-md {
8468 
+    padding-right: 16rem !important;
8469 
+  }
8470 
+  .ml-auto-md,
8471 
+.mx-auto-md {
8472 
+    margin-left: auto !important;
8473 
+  }
8474 
+  .mr-auto-md,
8475 
+.mx-auto-md {
8476 
+    margin-right: auto !important;
8477 
+  }
8478 
+  .mt-auto-md,
8479 
+.my-auto-md {
8480 
+    margin-top: auto !important;
8481 
+  }
8482 
+  .mb-auto-md,
8483 
+.my-auto-md {
8484 
+    margin-bottom: auto !important;
8485 
+  }
8486 
+}
8487 
+@media screen and (min-width: 1024px) {
8488 
+  /* Margin */
8489 
+  .m-0-lg {
8490 
+    margin: 0rem !important;
8491 
+  }
8492 
+  .mt-0-lg,
8493 
+.my-0-lg {
8494 
+    margin-top: 0rem !important;
8495 
+  }
8496 
+  .mb-0-lg,
8497 
+.my-0-lg {
8498 
+    margin-bottom: 0rem !important;
8499 
+  }
8500 
+  .ml-0-lg,
8501 
+.mx-0-lg {
8502 
+    margin-left: 0rem !important;
8503 
+  }
8504 
+  .mr-0-lg,
8505 
+.mx-0-lg {
8506 
+    margin-right: 0rem !important;
8507 
+  }
8508 
+  /* Spacing */
8509 
+  .p-0-lg {
8510 
+    padding: 0rem !important;
8511 
+  }
8512 
+  .pt-0-lg,
8513 
+.py-0-lg {
8514 
+    padding-top: 0rem !important;
8515 
+  }
8516 
+  .pb-0-lg,
8517 
+.py-0-lg {
8518 
+    padding-bottom: 0rem !important;
8519 
+  }
8520 
+  .pl-0-lg,
8521 
+.px-0-lg {
8522 
+    padding-left: 0rem !important;
8523 
+  }
8524 
+  .pr-0-lg,
8525 
+.px-0-lg {
8526 
+    padding-right: 0rem !important;
8527 
+  }
8528 
+  .ml-auto-lg,
8529 
+.mx-auto-lg {
8530 
+    margin-left: auto !important;
8531 
+  }
8532 
+  .mr-auto-lg,
8533 
+.mx-auto-lg {
8534 
+    margin-right: auto !important;
8535 
+  }
8536 
+  .mt-auto-lg,
8537 
+.my-auto-lg {
8538 
+    margin-top: auto !important;
8539 
+  }
8540 
+  .mb-auto-lg,
8541 
+.my-auto-lg {
8542 
+    margin-bottom: auto !important;
8543 
+  }
8544 
+}
8545 
+@media screen and (min-width: 1024px) {
8546 
+  /* Margin */
8547 
+  .m-1-lg {
8548 
+    margin: 0.5rem !important;
8549 
+  }
8550 
+  .mt-1-lg,
8551 
+.my-1-lg {
8552 
+    margin-top: 0.5rem !important;
8553 
+  }
8554 
+  .mb-1-lg,
8555 
+.my-1-lg {
8556 
+    margin-bottom: 0.5rem !important;
8557 
+  }
8558 
+  .ml-1-lg,
8559 
+.mx-1-lg {
8560 
+    margin-left: 0.5rem !important;
8561 
+  }
8562 
+  .mr-1-lg,
8563 
+.mx-1-lg {
8564 
+    margin-right: 0.5rem !important;
8565 
+  }
8566 
+  /* Spacing */
8567 
+  .p-1-lg {
8568 
+    padding: 0.5rem !important;
8569 
+  }
8570 
+  .pt-1-lg,
8571 
+.py-1-lg {
8572 
+    padding-top: 0.5rem !important;
8573 
+  }
8574 
+  .pb-1-lg,
8575 
+.py-1-lg {
8576 
+    padding-bottom: 0.5rem !important;
8577 
+  }
8578 
+  .pl-1-lg,
8579 
+.px-1-lg {
8580 
+    padding-left: 0.5rem !important;
8581 
+  }
8582 
+  .pr-1-lg,
8583 
+.px-1-lg {
8584 
+    padding-right: 0.5rem !important;
8585 
+  }
8586 
+  .ml-auto-lg,
8587 
+.mx-auto-lg {
8588 
+    margin-left: auto !important;
8589 
+  }
8590 
+  .mr-auto-lg,
8591 
+.mx-auto-lg {
8592 
+    margin-right: auto !important;
8593 
+  }
8594 
+  .mt-auto-lg,
8595 
+.my-auto-lg {
8596 
+    margin-top: auto !important;
8597 
+  }
8598 
+  .mb-auto-lg,
8599 
+.my-auto-lg {
8600 
+    margin-bottom: auto !important;
8601 
+  }
8602 
+}
8603 
+@media screen and (min-width: 1024px) {
8604 
+  /* Margin */
8605 
+  .m-2-lg {
8606 
+    margin: 1rem !important;
8607 
+  }
8608 
+  .mt-2-lg,
8609 
+.my-2-lg {
8610 
+    margin-top: 1rem !important;
8611 
+  }
8612 
+  .mb-2-lg,
8613 
+.my-2-lg {
8614 
+    margin-bottom: 1rem !important;
8615 
+  }
8616 
+  .ml-2-lg,
8617 
+.mx-2-lg {
8618 
+    margin-left: 1rem !important;
8619 
+  }
8620 
+  .mr-2-lg,
8621 
+.mx-2-lg {
8622 
+    margin-right: 1rem !important;
8623 
+  }
8624 
+  /* Spacing */
8625 
+  .p-2-lg {
8626 
+    padding: 1rem !important;
8627 
+  }
8628 
+  .pt-2-lg,
8629 
+.py-2-lg {
8630 
+    padding-top: 1rem !important;
8631 
+  }
8632 
+  .pb-2-lg,
8633 
+.py-2-lg {
8634 
+    padding-bottom: 1rem !important;
8635 
+  }
8636 
+  .pl-2-lg,
8637 
+.px-2-lg {
8638 
+    padding-left: 1rem !important;
8639 
+  }
8640 
+  .pr-2-lg,
8641 
+.px-2-lg {
8642 
+    padding-right: 1rem !important;
8643 
+  }
8644 
+  .ml-auto-lg,
8645 
+.mx-auto-lg {
8646 
+    margin-left: auto !important;
8647 
+  }
8648 
+  .mr-auto-lg,
8649 
+.mx-auto-lg {
8650 
+    margin-right: auto !important;
8651 
+  }
8652 
+  .mt-auto-lg,
8653 
+.my-auto-lg {
8654 
+    margin-top: auto !important;
8655 
+  }
8656 
+  .mb-auto-lg,
8657 
+.my-auto-lg {
8658 
+    margin-bottom: auto !important;
8659 
+  }
8660 
+}
8661 
+@media screen and (min-width: 1024px) {
8662 
+  /* Margin */
8663 
+  .m-3-lg {
8664 
+    margin: 1.5rem !important;
8665 
+  }
8666 
+  .mt-3-lg,
8667 
+.my-3-lg {
8668 
+    margin-top: 1.5rem !important;
8669 
+  }
8670 
+  .mb-3-lg,
8671 
+.my-3-lg {
8672 
+    margin-bottom: 1.5rem !important;
8673 
+  }
8674 
+  .ml-3-lg,
8675 
+.mx-3-lg {
8676 
+    margin-left: 1.5rem !important;
8677 
+  }
8678 
+  .mr-3-lg,
8679 
+.mx-3-lg {
8680 
+    margin-right: 1.5rem !important;
8681 
+  }
8682 
+  /* Spacing */
8683 
+  .p-3-lg {
8684 
+    padding: 1.5rem !important;
8685 
+  }
8686 
+  .pt-3-lg,
8687 
+.py-3-lg {
8688 
+    padding-top: 1.5rem !important;
8689 
+  }
8690 
+  .pb-3-lg,
8691 
+.py-3-lg {
8692 
+    padding-bottom: 1.5rem !important;
8693 
+  }
8694 
+  .pl-3-lg,
8695 
+.px-3-lg {
8696 
+    padding-left: 1.5rem !important;
8697 
+  }
8698 
+  .pr-3-lg,
8699 
+.px-3-lg {
8700 
+    padding-right: 1.5rem !important;
8701 
+  }
8702 
+  .ml-auto-lg,
8703 
+.mx-auto-lg {
8704 
+    margin-left: auto !important;
8705 
+  }
8706 
+  .mr-auto-lg,
8707 
+.mx-auto-lg {
8708 
+    margin-right: auto !important;
8709 
+  }
8710 
+  .mt-auto-lg,
8711 
+.my-auto-lg {
8712 
+    margin-top: auto !important;
8713 
+  }
8714 
+  .mb-auto-lg,
8715 
+.my-auto-lg {
8716 
+    margin-bottom: auto !important;
8717 
+  }
8718 
+}
8719 
+@media screen and (min-width: 1024px) {
8720 
+  /* Margin */
8721 
+  .m-4-lg {
8722 
+    margin: 2rem !important;
8723 
+  }
8724 
+  .mt-4-lg,
8725 
+.my-4-lg {
8726 
+    margin-top: 2rem !important;
8727 
+  }
8728 
+  .mb-4-lg,
8729 
+.my-4-lg {
8730 
+    margin-bottom: 2rem !important;
8731 
+  }
8732 
+  .ml-4-lg,
8733 
+.mx-4-lg {
8734 
+    margin-left: 2rem !important;
8735 
+  }
8736 
+  .mr-4-lg,
8737 
+.mx-4-lg {
8738 
+    margin-right: 2rem !important;
8739 
+  }
8740 
+  /* Spacing */
8741 
+  .p-4-lg {
8742 
+    padding: 2rem !important;
8743 
+  }
8744 
+  .pt-4-lg,
8745 
+.py-4-lg {
8746 
+    padding-top: 2rem !important;
8747 
+  }
8748 
+  .pb-4-lg,
8749 
+.py-4-lg {
8750 
+    padding-bottom: 2rem !important;
8751 
+  }
8752 
+  .pl-4-lg,
8753 
+.px-4-lg {
8754 
+    padding-left: 2rem !important;
8755 
+  }
8756 
+  .pr-4-lg,
8757 
+.px-4-lg {
8758 
+    padding-right: 2rem !important;
8759 
+  }
8760 
+  .ml-auto-lg,
8761 
+.mx-auto-lg {
8762 
+    margin-left: auto !important;
8763 
+  }
8764 
+  .mr-auto-lg,
8765 
+.mx-auto-lg {
8766 
+    margin-right: auto !important;
8767 
+  }
8768 
+  .mt-auto-lg,
8769 
+.my-auto-lg {
8770 
+    margin-top: auto !important;
8771 
+  }
8772 
+  .mb-auto-lg,
8773 
+.my-auto-lg {
8774 
+    margin-bottom: auto !important;
8775 
+  }
8776 
+}
8777 
+@media screen and (min-width: 1024px) {
8778 
+  /* Margin */
8779 
+  .m-5-lg {
8780 
+    margin: 2.5rem !important;
8781 
+  }
8782 
+  .mt-5-lg,
8783 
+.my-5-lg {
8784 
+    margin-top: 2.5rem !important;
8785 
+  }
8786 
+  .mb-5-lg,
8787 
+.my-5-lg {
8788 
+    margin-bottom: 2.5rem !important;
8789 
+  }
8790 
+  .ml-5-lg,
8791 
+.mx-5-lg {
8792 
+    margin-left: 2.5rem !important;
8793 
+  }
8794 
+  .mr-5-lg,
8795 
+.mx-5-lg {
8796 
+    margin-right: 2.5rem !important;
8797 
+  }
8798 
+  /* Spacing */
8799 
+  .p-5-lg {
8800 
+    padding: 2.5rem !important;
8801 
+  }
8802 
+  .pt-5-lg,
8803 
+.py-5-lg {
8804 
+    padding-top: 2.5rem !important;
8805 
+  }
8806 
+  .pb-5-lg,
8807 
+.py-5-lg {
8808 
+    padding-bottom: 2.5rem !important;
8809 
+  }
8810 
+  .pl-5-lg,
8811 
+.px-5-lg {
8812 
+    padding-left: 2.5rem !important;
8813 
+  }
8814 
+  .pr-5-lg,
8815 
+.px-5-lg {
8816 
+    padding-right: 2.5rem !important;
8817 
+  }
8818 
+  .ml-auto-lg,
8819 
+.mx-auto-lg {
8820 
+    margin-left: auto !important;
8821 
+  }
8822 
+  .mr-auto-lg,
8823 
+.mx-auto-lg {
8824 
+    margin-right: auto !important;
8825 
+  }
8826 
+  .mt-auto-lg,
8827 
+.my-auto-lg {
8828 
+    margin-top: auto !important;
8829 
+  }
8830 
+  .mb-auto-lg,
8831 
+.my-auto-lg {
8832 
+    margin-bottom: auto !important;
8833 
+  }
8834 
+}
8835 
+@media screen and (min-width: 1024px) {
8836 
+  /* Margin */
8837 
+  .m-6-lg {
8838 
+    margin: 3rem !important;
8839 
+  }
8840 
+  .mt-6-lg,
8841 
+.my-6-lg {
8842 
+    margin-top: 3rem !important;
8843 
+  }
8844 
+  .mb-6-lg,
8845 
+.my-6-lg {
8846 
+    margin-bottom: 3rem !important;
8847 
+  }
8848 
+  .ml-6-lg,
8849 
+.mx-6-lg {
8850 
+    margin-left: 3rem !important;
8851 
+  }
8852 
+  .mr-6-lg,
8853 
+.mx-6-lg {
8854 
+    margin-right: 3rem !important;
8855 
+  }
8856 
+  /* Spacing */
8857 
+  .p-6-lg {
8858 
+    padding: 3rem !important;
8859 
+  }
8860 
+  .pt-6-lg,
8861 
+.py-6-lg {
8862 
+    padding-top: 3rem !important;
8863 
+  }
8864 
+  .pb-6-lg,
8865 
+.py-6-lg {
8866 
+    padding-bottom: 3rem !important;
8867 
+  }
8868 
+  .pl-6-lg,
8869 
+.px-6-lg {
8870 
+    padding-left: 3rem !important;
8871 
+  }
8872 
+  .pr-6-lg,
8873 
+.px-6-lg {
8874 
+    padding-right: 3rem !important;
8875 
+  }
8876 
+  .ml-auto-lg,
8877 
+.mx-auto-lg {
8878 
+    margin-left: auto !important;
8879 
+  }
8880 
+  .mr-auto-lg,
8881 
+.mx-auto-lg {
8882 
+    margin-right: auto !important;
8883 
+  }
8884 
+  .mt-auto-lg,
8885 
+.my-auto-lg {
8886 
+    margin-top: auto !important;
8887 
+  }
8888 
+  .mb-auto-lg,
8889 
+.my-auto-lg {
8890 
+    margin-bottom: auto !important;
8891 
+  }
8892 
+}
8893 
+@media screen and (min-width: 1024px) {
8894 
+  /* Margin */
8895 
+  .m-8-lg {
8896 
+    margin: 4rem !important;
8897 
+  }
8898 
+  .mt-8-lg,
8899 
+.my-8-lg {
8900 
+    margin-top: 4rem !important;
8901 
+  }
8902 
+  .mb-8-lg,
8903 
+.my-8-lg {
8904 
+    margin-bottom: 4rem !important;
8905 
+  }
8906 
+  .ml-8-lg,
8907 
+.mx-8-lg {
8908 
+    margin-left: 4rem !important;
8909 
+  }
8910 
+  .mr-8-lg,
8911 
+.mx-8-lg {
8912 
+    margin-right: 4rem !important;
8913 
+  }
8914 
+  /* Spacing */
8915 
+  .p-8-lg {
8916 
+    padding: 4rem !important;
8917 
+  }
8918 
+  .pt-8-lg,
8919 
+.py-8-lg {
8920 
+    padding-top: 4rem !important;
8921 
+  }
8922 
+  .pb-8-lg,
8923 
+.py-8-lg {
8924 
+    padding-bottom: 4rem !important;
8925 
+  }
8926 
+  .pl-8-lg,
8927 
+.px-8-lg {
8928 
+    padding-left: 4rem !important;
8929 
+  }
8930 
+  .pr-8-lg,
8931 
+.px-8-lg {
8932 
+    padding-right: 4rem !important;
8933 
+  }
8934 
+  .ml-auto-lg,
8935 
+.mx-auto-lg {
8936 
+    margin-left: auto !important;
8937 
+  }
8938 
+  .mr-auto-lg,
8939 
+.mx-auto-lg {
8940 
+    margin-right: auto !important;
8941 
+  }
8942 
+  .mt-auto-lg,
8943 
+.my-auto-lg {
8944 
+    margin-top: auto !important;
8945 
+  }
8946 
+  .mb-auto-lg,
8947 
+.my-auto-lg {
8948 
+    margin-bottom: auto !important;
8949 
+  }
8950 
+}
8951 
+@media screen and (min-width: 1024px) {
8952 
+  /* Margin */
8953 
+  .m-10-lg {
8954 
+    margin: 5rem !important;
8955 
+  }
8956 
+  .mt-10-lg,
8957 
+.my-10-lg {
8958 
+    margin-top: 5rem !important;
8959 
+  }
8960 
+  .mb-10-lg,
8961 
+.my-10-lg {
8962 
+    margin-bottom: 5rem !important;
8963 
+  }
8964 
+  .ml-10-lg,
8965 
+.mx-10-lg {
8966 
+    margin-left: 5rem !important;
8967 
+  }
8968 
+  .mr-10-lg,
8969 
+.mx-10-lg {
8970 
+    margin-right: 5rem !important;
8971 
+  }
8972 
+  /* Spacing */
8973 
+  .p-10-lg {
8974 
+    padding: 5rem !important;
8975 
+  }
8976 
+  .pt-10-lg,
8977 
+.py-10-lg {
8978 
+    padding-top: 5rem !important;
8979 
+  }
8980 
+  .pb-10-lg,
8981 
+.py-10-lg {
8982 
+    padding-bottom: 5rem !important;
8983 
+  }
8984 
+  .pl-10-lg,
8985 
+.px-10-lg {
8986 
+    padding-left: 5rem !important;
8987 
+  }
8988 
+  .pr-10-lg,
8989 
+.px-10-lg {
8990 
+    padding-right: 5rem !important;
8991 
+  }
8992 
+  .ml-auto-lg,
8993 
+.mx-auto-lg {
8994 
+    margin-left: auto !important;
8995 
+  }
8996 
+  .mr-auto-lg,
8997 
+.mx-auto-lg {
8998 
+    margin-right: auto !important;
8999 
+  }
9000 
+  .mt-auto-lg,
9001 
+.my-auto-lg {
9002 
+    margin-top: auto !important;
9003 
+  }
9004 
+  .mb-auto-lg,
9005 
+.my-auto-lg {
9006 
+    margin-bottom: auto !important;
9007 
+  }
9008 
+}
9009 
+@media screen and (min-width: 1024px) {
9010 
+  /* Margin */
9011 
+  .m-12-lg {
9012 
+    margin: 6rem !important;
9013 
+  }
9014 
+  .mt-12-lg,
9015 
+.my-12-lg {
9016 
+    margin-top: 6rem !important;
9017 
+  }
9018 
+  .mb-12-lg,
9019 
+.my-12-lg {
9020 
+    margin-bottom: 6rem !important;
9021 
+  }
9022 
+  .ml-12-lg,
9023 
+.mx-12-lg {
9024 
+    margin-left: 6rem !important;
9025 
+  }
9026 
+  .mr-12-lg,
9027 
+.mx-12-lg {
9028 
+    margin-right: 6rem !important;
9029 
+  }
9030 
+  /* Spacing */
9031 
+  .p-12-lg {
9032 
+    padding: 6rem !important;
9033 
+  }
9034 
+  .pt-12-lg,
9035 
+.py-12-lg {
9036 
+    padding-top: 6rem !important;
9037 
+  }
9038 
+  .pb-12-lg,
9039 
+.py-12-lg {
9040 
+    padding-bottom: 6rem !important;
9041 
+  }
9042 
+  .pl-12-lg,
9043 
+.px-12-lg {
9044 
+    padding-left: 6rem !important;
9045 
+  }
9046 
+  .pr-12-lg,
9047 
+.px-12-lg {
9048 
+    padding-right: 6rem !important;
9049 
+  }
9050 
+  .ml-auto-lg,
9051 
+.mx-auto-lg {
9052 
+    margin-left: auto !important;
9053 
+  }
9054 
+  .mr-auto-lg,
9055 
+.mx-auto-lg {
9056 
+    margin-right: auto !important;
9057 
+  }
9058 
+  .mt-auto-lg,
9059 
+.my-auto-lg {
9060 
+    margin-top: auto !important;
9061 
+  }
9062 
+  .mb-auto-lg,
9063 
+.my-auto-lg {
9064 
+    margin-bottom: auto !important;
9065 
+  }
9066 
+}
9067 
+@media screen and (min-width: 1024px) {
9068 
+  /* Margin */
9069 
+  .m-16-lg {
9070 
+    margin: 8rem !important;
9071 
+  }
9072 
+  .mt-16-lg,
9073 
+.my-16-lg {
9074 
+    margin-top: 8rem !important;
9075 
+  }
9076 
+  .mb-16-lg,
9077 
+.my-16-lg {
9078 
+    margin-bottom: 8rem !important;
9079 
+  }
9080 
+  .ml-16-lg,
9081 
+.mx-16-lg {
9082 
+    margin-left: 8rem !important;
9083 
+  }
9084 
+  .mr-16-lg,
9085 
+.mx-16-lg {
9086 
+    margin-right: 8rem !important;
9087 
+  }
9088 
+  /* Spacing */
9089 
+  .p-16-lg {
9090 
+    padding: 8rem !important;
9091 
+  }
9092 
+  .pt-16-lg,
9093 
+.py-16-lg {
9094 
+    padding-top: 8rem !important;
9095 
+  }
9096 
+  .pb-16-lg,
9097 
+.py-16-lg {
9098 
+    padding-bottom: 8rem !important;
9099 
+  }
9100 
+  .pl-16-lg,
9101 
+.px-16-lg {
9102 
+    padding-left: 8rem !important;
9103 
+  }
9104 
+  .pr-16-lg,
9105 
+.px-16-lg {
9106 
+    padding-right: 8rem !important;
9107 
+  }
9108 
+  .ml-auto-lg,
9109 
+.mx-auto-lg {
9110 
+    margin-left: auto !important;
9111 
+  }
9112 
+  .mr-auto-lg,
9113 
+.mx-auto-lg {
9114 
+    margin-right: auto !important;
9115 
+  }
9116 
+  .mt-auto-lg,
9117 
+.my-auto-lg {
9118 
+    margin-top: auto !important;
9119 
+  }
9120 
+  .mb-auto-lg,
9121 
+.my-auto-lg {
9122 
+    margin-bottom: auto !important;
9123 
+  }
9124 
+}
9125 
+@media screen and (min-width: 1024px) {
9126 
+  /* Margin */
9127 
+  .m-20-lg {
9128 
+    margin: 10rem !important;
9129 
+  }
9130 
+  .mt-20-lg,
9131 
+.my-20-lg {
9132 
+    margin-top: 10rem !important;
9133 
+  }
9134 
+  .mb-20-lg,
9135 
+.my-20-lg {
9136 
+    margin-bottom: 10rem !important;
9137 
+  }
9138 
+  .ml-20-lg,
9139 
+.mx-20-lg {
9140 
+    margin-left: 10rem !important;
9141 
+  }
9142 
+  .mr-20-lg,
9143 
+.mx-20-lg {
9144 
+    margin-right: 10rem !important;
9145 
+  }
9146 
+  /* Spacing */
9147 
+  .p-20-lg {
9148 
+    padding: 10rem !important;
9149 
+  }
9150 
+  .pt-20-lg,
9151 
+.py-20-lg {
9152 
+    padding-top: 10rem !important;
9153 
+  }
9154 
+  .pb-20-lg,
9155 
+.py-20-lg {
9156 
+    padding-bottom: 10rem !important;
9157 
+  }
9158 
+  .pl-20-lg,
9159 
+.px-20-lg {
9160 
+    padding-left: 10rem !important;
9161 
+  }
9162 
+  .pr-20-lg,
9163 
+.px-20-lg {
9164 
+    padding-right: 10rem !important;
9165 
+  }
9166 
+  .ml-auto-lg,
9167 
+.mx-auto-lg {
9168 
+    margin-left: auto !important;
9169 
+  }
9170 
+  .mr-auto-lg,
9171 
+.mx-auto-lg {
9172 
+    margin-right: auto !important;
9173 
+  }
9174 
+  .mt-auto-lg,
9175 
+.my-auto-lg {
9176 
+    margin-top: auto !important;
9177 
+  }
9178 
+  .mb-auto-lg,
9179 
+.my-auto-lg {
9180 
+    margin-bottom: auto !important;
9181 
+  }
9182 
+}
9183 
+@media screen and (min-width: 1024px) {
9184 
+  /* Margin */
9185 
+  .m-24-lg {
9186 
+    margin: 12rem !important;
9187 
+  }
9188 
+  .mt-24-lg,
9189 
+.my-24-lg {
9190 
+    margin-top: 12rem !important;
9191 
+  }
9192 
+  .mb-24-lg,
9193 
+.my-24-lg {
9194 
+    margin-bottom: 12rem !important;
9195 
+  }
9196 
+  .ml-24-lg,
9197 
+.mx-24-lg {
9198 
+    margin-left: 12rem !important;
9199 
+  }
9200 
+  .mr-24-lg,
9201 
+.mx-24-lg {
9202 
+    margin-right: 12rem !important;
9203 
+  }
9204 
+  /* Spacing */
9205 
+  .p-24-lg {
9206 
+    padding: 12rem !important;
9207 
+  }
9208 
+  .pt-24-lg,
9209 
+.py-24-lg {
9210 
+    padding-top: 12rem !important;
9211 
+  }
9212 
+  .pb-24-lg,
9213 
+.py-24-lg {
9214 
+    padding-bottom: 12rem !important;
9215 
+  }
9216 
+  .pl-24-lg,
9217 
+.px-24-lg {
9218 
+    padding-left: 12rem !important;
9219 
+  }
9220 
+  .pr-24-lg,
9221 
+.px-24-lg {
9222 
+    padding-right: 12rem !important;
9223 
+  }
9224 
+  .ml-auto-lg,
9225 
+.mx-auto-lg {
9226 
+    margin-left: auto !important;
9227 
+  }
9228 
+  .mr-auto-lg,
9229 
+.mx-auto-lg {
9230 
+    margin-right: auto !important;
9231 
+  }
9232 
+  .mt-auto-lg,
9233 
+.my-auto-lg {
9234 
+    margin-top: auto !important;
9235 
+  }
9236 
+  .mb-auto-lg,
9237 
+.my-auto-lg {
9238 
+    margin-bottom: auto !important;
9239 
+  }
9240 
+}
9241 
+@media screen and (min-width: 1024px) {
9242 
+  /* Margin */
9243 
+  .m-32-lg {
9244 
+    margin: 16rem !important;
9245 
+  }
9246 
+  .mt-32-lg,
9247 
+.my-32-lg {
9248 
+    margin-top: 16rem !important;
9249 
+  }
9250 
+  .mb-32-lg,
9251 
+.my-32-lg {
9252 
+    margin-bottom: 16rem !important;
9253 
+  }
9254 
+  .ml-32-lg,
9255 
+.mx-32-lg {
9256 
+    margin-left: 16rem !important;
9257 
+  }
9258 
+  .mr-32-lg,
9259 
+.mx-32-lg {
9260 
+    margin-right: 16rem !important;
9261 
+  }
9262 
+  /* Spacing */
9263 
+  .p-32-lg {
9264 
+    padding: 16rem !important;
9265 
+  }
9266 
+  .pt-32-lg,
9267 
+.py-32-lg {
9268 
+    padding-top: 16rem !important;
9269 
+  }
9270 
+  .pb-32-lg,
9271 
+.py-32-lg {
9272 
+    padding-bottom: 16rem !important;
9273 
+  }
9274 
+  .pl-32-lg,
9275 
+.px-32-lg {
9276 
+    padding-left: 16rem !important;
9277 
+  }
9278 
+  .pr-32-lg,
9279 
+.px-32-lg {
9280 
+    padding-right: 16rem !important;
9281 
+  }
9282 
+  .ml-auto-lg,
9283 
+.mx-auto-lg {
9284 
+    margin-left: auto !important;
9285 
+  }
9286 
+  .mr-auto-lg,
9287 
+.mx-auto-lg {
9288 
+    margin-right: auto !important;
9289 
+  }
9290 
+  .mt-auto-lg,
9291 
+.my-auto-lg {
9292 
+    margin-top: auto !important;
9293 
+  }
9294 
+  .mb-auto-lg,
9295 
+.my-auto-lg {
9296 
+    margin-bottom: auto !important;
9297 
+  }
9298 
+}
9299 
+@media screen and (min-width: 1280px) {
9300 
+  /* Margin */
9301 
+  .m-0-xl {
9302 
+    margin: 0rem !important;
9303 
+  }
9304 
+  .mt-0-xl,
9305 
+.my-0-xl {
9306 
+    margin-top: 0rem !important;
9307 
+  }
9308 
+  .mb-0-xl,
9309 
+.my-0-xl {
9310 
+    margin-bottom: 0rem !important;
9311 
+  }
9312 
+  .ml-0-xl,
9313 
+.mx-0-xl {
9314 
+    margin-left: 0rem !important;
9315 
+  }
9316 
+  .mr-0-xl,
9317 
+.mx-0-xl {
9318 
+    margin-right: 0rem !important;
9319 
+  }
9320 
+  /* Spacing */
9321 
+  .p-0-xl {
9322 
+    padding: 0rem !important;
9323 
+  }
9324 
+  .pt-0-xl,
9325 
+.py-0-xl {
9326 
+    padding-top: 0rem !important;
9327 
+  }
9328 
+  .pb-0-xl,
9329 
+.py-0-xl {
9330 
+    padding-bottom: 0rem !important;
9331 
+  }
9332 
+  .pl-0-xl,
9333 
+.px-0-xl {
9334 
+    padding-left: 0rem !important;
9335 
+  }
9336 
+  .pr-0-xl,
9337 
+.px-0-xl {
9338 
+    padding-right: 0rem !important;
9339 
+  }
9340 
+  .ml-auto-xl,
9341 
+.mx-auto-xl {
9342 
+    margin-left: auto !important;
9343 
+  }
9344 
+  .mr-auto-xl,
9345 
+.mx-auto-xl {
9346 
+    margin-right: auto !important;
9347 
+  }
9348 
+  .mt-auto-xl,
9349 
+.my-auto-xl {
9350 
+    margin-top: auto !important;
9351 
+  }
9352 
+  .mb-auto-xl,
9353 
+.my-auto-xl {
9354 
+    margin-bottom: auto !important;
9355 
+  }
9356 
+}
9357 
+@media screen and (min-width: 1280px) {
9358 
+  /* Margin */
9359 
+  .m-1-xl {
9360 
+    margin: 0.5rem !important;
9361 
+  }
9362 
+  .mt-1-xl,
9363 
+.my-1-xl {
9364 
+    margin-top: 0.5rem !important;
9365 
+  }
9366 
+  .mb-1-xl,
9367 
+.my-1-xl {
9368 
+    margin-bottom: 0.5rem !important;
9369 
+  }
9370 
+  .ml-1-xl,
9371 
+.mx-1-xl {
9372 
+    margin-left: 0.5rem !important;
9373 
+  }
9374 
+  .mr-1-xl,
9375 
+.mx-1-xl {
9376 
+    margin-right: 0.5rem !important;
9377 
+  }
9378 
+  /* Spacing */
9379 
+  .p-1-xl {
9380 
+    padding: 0.5rem !important;
9381 
+  }
9382 
+  .pt-1-xl,
9383 
+.py-1-xl {
9384 
+    padding-top: 0.5rem !important;
9385 
+  }
9386 
+  .pb-1-xl,
9387 
+.py-1-xl {
9388 
+    padding-bottom: 0.5rem !important;
9389 
+  }
9390 
+  .pl-1-xl,
9391 
+.px-1-xl {
9392 
+    padding-left: 0.5rem !important;
9393 
+  }
9394 
+  .pr-1-xl,
9395 
+.px-1-xl {
9396 
+    padding-right: 0.5rem !important;
9397 
+  }
9398 
+  .ml-auto-xl,
9399 
+.mx-auto-xl {
9400 
+    margin-left: auto !important;
9401 
+  }
9402 
+  .mr-auto-xl,
9403 
+.mx-auto-xl {
9404 
+    margin-right: auto !important;
9405 
+  }
9406 
+  .mt-auto-xl,
9407 
+.my-auto-xl {
9408 
+    margin-top: auto !important;
9409 
+  }
9410 
+  .mb-auto-xl,
9411 
+.my-auto-xl {
9412 
+    margin-bottom: auto !important;
9413 
+  }
9414 
+}
9415 
+@media screen and (min-width: 1280px) {
9416 
+  /* Margin */
9417 
+  .m-2-xl {
9418 
+    margin: 1rem !important;
9419 
+  }
9420 
+  .mt-2-xl,
9421 
+.my-2-xl {
9422 
+    margin-top: 1rem !important;
9423 
+  }
9424 
+  .mb-2-xl,
9425 
+.my-2-xl {
9426 
+    margin-bottom: 1rem !important;
9427 
+  }
9428 
+  .ml-2-xl,
9429 
+.mx-2-xl {
9430 
+    margin-left: 1rem !important;
9431 
+  }
9432 
+  .mr-2-xl,
9433 
+.mx-2-xl {
9434 
+    margin-right: 1rem !important;
9435 
+  }
9436 
+  /* Spacing */
9437 
+  .p-2-xl {
9438 
+    padding: 1rem !important;
9439 
+  }
9440 
+  .pt-2-xl,
9441 
+.py-2-xl {
9442 
+    padding-top: 1rem !important;
9443 
+  }
9444 
+  .pb-2-xl,
9445 
+.py-2-xl {
9446 
+    padding-bottom: 1rem !important;
9447 
+  }
9448 
+  .pl-2-xl,
9449 
+.px-2-xl {
9450 
+    padding-left: 1rem !important;
9451 
+  }
9452 
+  .pr-2-xl,
9453 
+.px-2-xl {
9454 
+    padding-right: 1rem !important;
9455 
+  }
9456 
+  .ml-auto-xl,
9457 
+.mx-auto-xl {
9458 
+    margin-left: auto !important;
9459 
+  }
9460 
+  .mr-auto-xl,
9461 
+.mx-auto-xl {
9462 
+    margin-right: auto !important;
9463 
+  }
9464 
+  .mt-auto-xl,
9465 
+.my-auto-xl {
9466 
+    margin-top: auto !important;
9467 
+  }
9468 
+  .mb-auto-xl,
9469 
+.my-auto-xl {
9470 
+    margin-bottom: auto !important;
9471 
+  }
9472 
+}
9473 
+@media screen and (min-width: 1280px) {
9474 
+  /* Margin */
9475 
+  .m-3-xl {
9476 
+    margin: 1.5rem !important;
9477 
+  }
9478 
+  .mt-3-xl,
9479 
+.my-3-xl {
9480 
+    margin-top: 1.5rem !important;
9481 
+  }
9482 
+  .mb-3-xl,
9483 
+.my-3-xl {
9484 
+    margin-bottom: 1.5rem !important;
9485 
+  }
9486 
+  .ml-3-xl,
9487 
+.mx-3-xl {
9488 
+    margin-left: 1.5rem !important;
9489 
+  }
9490 
+  .mr-3-xl,
9491 
+.mx-3-xl {
9492 
+    margin-right: 1.5rem !important;
9493 
+  }
9494 
+  /* Spacing */
9495 
+  .p-3-xl {
9496 
+    padding: 1.5rem !important;
9497 
+  }
9498 
+  .pt-3-xl,
9499 
+.py-3-xl {
9500 
+    padding-top: 1.5rem !important;
9501 
+  }
9502 
+  .pb-3-xl,
9503 
+.py-3-xl {
9504 
+    padding-bottom: 1.5rem !important;
9505 
+  }
9506 
+  .pl-3-xl,
9507 
+.px-3-xl {
9508 
+    padding-left: 1.5rem !important;
9509 
+  }
9510 
+  .pr-3-xl,
9511 
+.px-3-xl {
9512 
+    padding-right: 1.5rem !important;
9513 
+  }
9514 
+  .ml-auto-xl,
9515 
+.mx-auto-xl {
9516 
+    margin-left: auto !important;
9517 
+  }
9518 
+  .mr-auto-xl,
9519 
+.mx-auto-xl {
9520 
+    margin-right: auto !important;
9521 
+  }
9522 
+  .mt-auto-xl,
9523 
+.my-auto-xl {
9524 
+    margin-top: auto !important;
9525 
+  }
9526 
+  .mb-auto-xl,
9527 
+.my-auto-xl {
9528 
+    margin-bottom: auto !important;
9529 
+  }
9530 
+}
9531 
+@media screen and (min-width: 1280px) {
9532 
+  /* Margin */
9533 
+  .m-4-xl {
9534 
+    margin: 2rem !important;
9535 
+  }
9536 
+  .mt-4-xl,
9537 
+.my-4-xl {
9538 
+    margin-top: 2rem !important;
9539 
+  }
9540 
+  .mb-4-xl,
9541 
+.my-4-xl {
9542 
+    margin-bottom: 2rem !important;
9543 
+  }
9544 
+  .ml-4-xl,
9545 
+.mx-4-xl {
9546 
+    margin-left: 2rem !important;
9547 
+  }
9548 
+  .mr-4-xl,
9549 
+.mx-4-xl {
9550 
+    margin-right: 2rem !important;
9551 
+  }
9552 
+  /* Spacing */
9553 
+  .p-4-xl {
9554 
+    padding: 2rem !important;
9555 
+  }
9556 
+  .pt-4-xl,
9557 
+.py-4-xl {
9558 
+    padding-top: 2rem !important;
9559 
+  }
9560 
+  .pb-4-xl,
9561 
+.py-4-xl {
9562 
+    padding-bottom: 2rem !important;
9563 
+  }
9564 
+  .pl-4-xl,
9565 
+.px-4-xl {
9566 
+    padding-left: 2rem !important;
9567 
+  }
9568 
+  .pr-4-xl,
9569 
+.px-4-xl {
9570 
+    padding-right: 2rem !important;
9571 
+  }
9572 
+  .ml-auto-xl,
9573 
+.mx-auto-xl {
9574 
+    margin-left: auto !important;
9575 
+  }
9576 
+  .mr-auto-xl,
9577 
+.mx-auto-xl {
9578 
+    margin-right: auto !important;
9579 
+  }
9580 
+  .mt-auto-xl,
9581 
+.my-auto-xl {
9582 
+    margin-top: auto !important;
9583 
+  }
9584 
+  .mb-auto-xl,
9585 
+.my-auto-xl {
9586 
+    margin-bottom: auto !important;
9587 
+  }
9588 
+}
9589 
+@media screen and (min-width: 1280px) {
9590 
+  /* Margin */
9591 
+  .m-5-xl {
9592 
+    margin: 2.5rem !important;
9593 
+  }
9594 
+  .mt-5-xl,
9595 
+.my-5-xl {
9596 
+    margin-top: 2.5rem !important;
9597 
+  }
9598 
+  .mb-5-xl,
9599 
+.my-5-xl {
9600 
+    margin-bottom: 2.5rem !important;
9601 
+  }
9602 
+  .ml-5-xl,
9603 
+.mx-5-xl {
9604 
+    margin-left: 2.5rem !important;
9605 
+  }
9606 
+  .mr-5-xl,
9607 
+.mx-5-xl {
9608 
+    margin-right: 2.5rem !important;
9609 
+  }
9610 
+  /* Spacing */
9611 
+  .p-5-xl {
9612 
+    padding: 2.5rem !important;
9613 
+  }
9614 
+  .pt-5-xl,
9615 
+.py-5-xl {
9616 
+    padding-top: 2.5rem !important;
9617 
+  }
9618 
+  .pb-5-xl,
9619 
+.py-5-xl {
9620 
+    padding-bottom: 2.5rem !important;
9621 
+  }
9622 
+  .pl-5-xl,
9623 
+.px-5-xl {
9624 
+    padding-left: 2.5rem !important;
9625 
+  }
9626 
+  .pr-5-xl,
9627 
+.px-5-xl {
9628 
+    padding-right: 2.5rem !important;
9629 
+  }
9630 
+  .ml-auto-xl,
9631 
+.mx-auto-xl {
9632 
+    margin-left: auto !important;
9633 
+  }
9634 
+  .mr-auto-xl,
9635 
+.mx-auto-xl {
9636 
+    margin-right: auto !important;
9637 
+  }
9638 
+  .mt-auto-xl,
9639 
+.my-auto-xl {
9640 
+    margin-top: auto !important;
9641 
+  }
9642 
+  .mb-auto-xl,
9643 
+.my-auto-xl {
9644 
+    margin-bottom: auto !important;
9645 
+  }
9646 
+}
9647 
+@media screen and (min-width: 1280px) {
9648 
+  /* Margin */
9649 
+  .m-6-xl {
9650 
+    margin: 3rem !important;
9651 
+  }
9652 
+  .mt-6-xl,
9653 
+.my-6-xl {
9654 
+    margin-top: 3rem !important;
9655 
+  }
9656 
+  .mb-6-xl,
9657 
+.my-6-xl {
9658 
+    margin-bottom: 3rem !important;
9659 
+  }
9660 
+  .ml-6-xl,
9661 
+.mx-6-xl {
9662 
+    margin-left: 3rem !important;
9663 
+  }
9664 
+  .mr-6-xl,
9665 
+.mx-6-xl {
9666 
+    margin-right: 3rem !important;
9667 
+  }
9668 
+  /* Spacing */
9669 
+  .p-6-xl {
9670 
+    padding: 3rem !important;
9671 
+  }
9672 
+  .pt-6-xl,
9673 
+.py-6-xl {
9674 
+    padding-top: 3rem !important;
9675 
+  }
9676 
+  .pb-6-xl,
9677 
+.py-6-xl {
9678 
+    padding-bottom: 3rem !important;
9679 
+  }
9680 
+  .pl-6-xl,
9681 
+.px-6-xl {
9682 
+    padding-left: 3rem !important;
9683 
+  }
9684 
+  .pr-6-xl,
9685 
+.px-6-xl {
9686 
+    padding-right: 3rem !important;
9687 
+  }
9688 
+  .ml-auto-xl,
9689 
+.mx-auto-xl {
9690 
+    margin-left: auto !important;
9691 
+  }
9692 
+  .mr-auto-xl,
9693 
+.mx-auto-xl {
9694 
+    margin-right: auto !important;
9695 
+  }
9696 
+  .mt-auto-xl,
9697 
+.my-auto-xl {
9698 
+    margin-top: auto !important;
9699 
+  }
9700 
+  .mb-auto-xl,
9701 
+.my-auto-xl {
9702 
+    margin-bottom: auto !important;
9703 
+  }
9704 
+}
9705 
+@media screen and (min-width: 1280px) {
9706 
+  /* Margin */
9707 
+  .m-8-xl {
9708 
+    margin: 4rem !important;
9709 
+  }
9710 
+  .mt-8-xl,
9711 
+.my-8-xl {
9712 
+    margin-top: 4rem !important;
9713 
+  }
9714 
+  .mb-8-xl,
9715 
+.my-8-xl {
9716 
+    margin-bottom: 4rem !important;
9717 
+  }
9718 
+  .ml-8-xl,
9719 
+.mx-8-xl {
9720 
+    margin-left: 4rem !important;
9721 
+  }
9722 
+  .mr-8-xl,
9723 
+.mx-8-xl {
9724 
+    margin-right: 4rem !important;
9725 
+  }
9726 
+  /* Spacing */
9727 
+  .p-8-xl {
9728 
+    padding: 4rem !important;
9729 
+  }
9730 
+  .pt-8-xl,
9731 
+.py-8-xl {
9732 
+    padding-top: 4rem !important;
9733 
+  }
9734 
+  .pb-8-xl,
9735 
+.py-8-xl {
9736 
+    padding-bottom: 4rem !important;
9737 
+  }
9738 
+  .pl-8-xl,
9739 
+.px-8-xl {
9740 
+    padding-left: 4rem !important;
9741 
+  }
9742 
+  .pr-8-xl,
9743 
+.px-8-xl {
9744 
+    padding-right: 4rem !important;
9745 
+  }
9746 
+  .ml-auto-xl,
9747 
+.mx-auto-xl {
9748 
+    margin-left: auto !important;
9749 
+  }
9750 
+  .mr-auto-xl,
9751 
+.mx-auto-xl {
9752 
+    margin-right: auto !important;
9753 
+  }
9754 
+  .mt-auto-xl,
9755 
+.my-auto-xl {
9756 
+    margin-top: auto !important;
9757 
+  }
9758 
+  .mb-auto-xl,
9759 
+.my-auto-xl {
9760 
+    margin-bottom: auto !important;
9761 
+  }
9762 
+}
9763 
+@media screen and (min-width: 1280px) {
9764 
+  /* Margin */
9765 
+  .m-10-xl {
9766 
+    margin: 5rem !important;
9767 
+  }
9768 
+  .mt-10-xl,
9769 
+.my-10-xl {
9770 
+    margin-top: 5rem !important;
9771 
+  }
9772 
+  .mb-10-xl,
9773 
+.my-10-xl {
9774 
+    margin-bottom: 5rem !important;
9775 
+  }
9776 
+  .ml-10-xl,
9777 
+.mx-10-xl {
9778 
+    margin-left: 5rem !important;
9779 
+  }
9780 
+  .mr-10-xl,
9781 
+.mx-10-xl {
9782 
+    margin-right: 5rem !important;
9783 
+  }
9784 
+  /* Spacing */
9785 
+  .p-10-xl {
9786 
+    padding: 5rem !important;
9787 
+  }
9788 
+  .pt-10-xl,
9789 
+.py-10-xl {
9790 
+    padding-top: 5rem !important;
9791 
+  }
9792 
+  .pb-10-xl,
9793 
+.py-10-xl {
9794 
+    padding-bottom: 5rem !important;
9795 
+  }
9796 
+  .pl-10-xl,
9797 
+.px-10-xl {
9798 
+    padding-left: 5rem !important;
9799 
+  }
9800 
+  .pr-10-xl,
9801 
+.px-10-xl {
9802 
+    padding-right: 5rem !important;
9803 
+  }
9804 
+  .ml-auto-xl,
9805 
+.mx-auto-xl {
9806 
+    margin-left: auto !important;
9807 
+  }
9808 
+  .mr-auto-xl,
9809 
+.mx-auto-xl {
9810 
+    margin-right: auto !important;
9811 
+  }
9812 
+  .mt-auto-xl,
9813 
+.my-auto-xl {
9814 
+    margin-top: auto !important;
9815 
+  }
9816 
+  .mb-auto-xl,
9817 
+.my-auto-xl {
9818 
+    margin-bottom: auto !important;
9819 
+  }
9820 
+}
9821 
+@media screen and (min-width: 1280px) {
9822 
+  /* Margin */
9823 
+  .m-12-xl {
9824 
+    margin: 6rem !important;
9825 
+  }
9826 
+  .mt-12-xl,
9827 
+.my-12-xl {
9828 
+    margin-top: 6rem !important;
9829 
+  }
9830 
+  .mb-12-xl,
9831 
+.my-12-xl {
9832 
+    margin-bottom: 6rem !important;
9833 
+  }
9834 
+  .ml-12-xl,
9835 
+.mx-12-xl {
9836 
+    margin-left: 6rem !important;
9837 
+  }
9838 
+  .mr-12-xl,
9839 
+.mx-12-xl {
9840 
+    margin-right: 6rem !important;
9841 
+  }
9842 
+  /* Spacing */
9843 
+  .p-12-xl {
9844 
+    padding: 6rem !important;
9845 
+  }
9846 
+  .pt-12-xl,
9847 
+.py-12-xl {
9848 
+    padding-top: 6rem !important;
9849 
+  }
9850 
+  .pb-12-xl,
9851 
+.py-12-xl {
9852 
+    padding-bottom: 6rem !important;
9853 
+  }
9854 
+  .pl-12-xl,
9855 
+.px-12-xl {
9856 
+    padding-left: 6rem !important;
9857 
+  }
9858 
+  .pr-12-xl,
9859 
+.px-12-xl {
9860 
+    padding-right: 6rem !important;
9861 
+  }
9862 
+  .ml-auto-xl,
9863 
+.mx-auto-xl {
9864 
+    margin-left: auto !important;
9865 
+  }
9866 
+  .mr-auto-xl,
9867 
+.mx-auto-xl {
9868 
+    margin-right: auto !important;
9869 
+  }
9870 
+  .mt-auto-xl,
9871 
+.my-auto-xl {
9872 
+    margin-top: auto !important;
9873 
+  }
9874 
+  .mb-auto-xl,
9875 
+.my-auto-xl {
9876 
+    margin-bottom: auto !important;
9877 
+  }
9878 
+}
9879 
+@media screen and (min-width: 1280px) {
9880 
+  /* Margin */
9881 
+  .m-16-xl {
9882 
+    margin: 8rem !important;
9883 
+  }
9884 
+  .mt-16-xl,
9885 
+.my-16-xl {
9886 
+    margin-top: 8rem !important;
9887 
+  }
9888 
+  .mb-16-xl,
9889 
+.my-16-xl {
9890 
+    margin-bottom: 8rem !important;
9891 
+  }
9892 
+  .ml-16-xl,
9893 
+.mx-16-xl {
9894 
+    margin-left: 8rem !important;
9895 
+  }
9896 
+  .mr-16-xl,
9897 
+.mx-16-xl {
9898 
+    margin-right: 8rem !important;
9899 
+  }
9900 
+  /* Spacing */
9901 
+  .p-16-xl {
9902 
+    padding: 8rem !important;
9903 
+  }
9904 
+  .pt-16-xl,
9905 
+.py-16-xl {
9906 
+    padding-top: 8rem !important;
9907 
+  }
9908 
+  .pb-16-xl,
9909 
+.py-16-xl {
9910 
+    padding-bottom: 8rem !important;
9911 
+  }
9912 
+  .pl-16-xl,
9913 
+.px-16-xl {
9914 
+    padding-left: 8rem !important;
9915 
+  }
9916 
+  .pr-16-xl,
9917 
+.px-16-xl {
9918 
+    padding-right: 8rem !important;
9919 
+  }
9920 
+  .ml-auto-xl,
9921 
+.mx-auto-xl {
9922 
+    margin-left: auto !important;
9923 
+  }
9924 
+  .mr-auto-xl,
9925 
+.mx-auto-xl {
9926 
+    margin-right: auto !important;
9927 
+  }
9928 
+  .mt-auto-xl,
9929 
+.my-auto-xl {
9930 
+    margin-top: auto !important;
9931 
+  }
9932 
+  .mb-auto-xl,
9933 
+.my-auto-xl {
9934 
+    margin-bottom: auto !important;
9935 
+  }
9936 
+}
9937 
+@media screen and (min-width: 1280px) {
9938 
+  /* Margin */
9939 
+  .m-20-xl {
9940 
+    margin: 10rem !important;
9941 
+  }
9942 
+  .mt-20-xl,
9943 
+.my-20-xl {
9944 
+    margin-top: 10rem !important;
9945 
+  }
9946 
+  .mb-20-xl,
9947 
+.my-20-xl {
9948 
+    margin-bottom: 10rem !important;
9949 
+  }
9950 
+  .ml-20-xl,
9951 
+.mx-20-xl {
9952 
+    margin-left: 10rem !important;
9953 
+  }
9954 
+  .mr-20-xl,
9955 
+.mx-20-xl {
9956 
+    margin-right: 10rem !important;
9957 
+  }
9958 
+  /* Spacing */
9959 
+  .p-20-xl {
9960 
+    padding: 10rem !important;
9961 
+  }
9962 
+  .pt-20-xl,
9963 
+.py-20-xl {
9964 
+    padding-top: 10rem !important;
9965 
+  }
9966 
+  .pb-20-xl,
9967 
+.py-20-xl {
9968 
+    padding-bottom: 10rem !important;
9969 
+  }
9970 
+  .pl-20-xl,
9971 
+.px-20-xl {
9972 
+    padding-left: 10rem !important;
9973 
+  }
9974 
+  .pr-20-xl,
9975 
+.px-20-xl {
9976 
+    padding-right: 10rem !important;
9977 
+  }
9978 
+  .ml-auto-xl,
9979 
+.mx-auto-xl {
9980 
+    margin-left: auto !important;
9981 
+  }
9982 
+  .mr-auto-xl,
9983 
+.mx-auto-xl {
9984 
+    margin-right: auto !important;
9985 
+  }
9986 
+  .mt-auto-xl,
9987 
+.my-auto-xl {
9988 
+    margin-top: auto !important;
9989 
+  }
9990 
+  .mb-auto-xl,
9991 
+.my-auto-xl {
9992 
+    margin-bottom: auto !important;
9993 
+  }
9994 
+}
9995 
+@media screen and (min-width: 1280px) {
9996 
+  /* Margin */
9997 
+  .m-24-xl {
9998 
+    margin: 12rem !important;
9999 
+  }
10000 
+  .mt-24-xl,
10001 
+.my-24-xl {
10002 
+    margin-top: 12rem !important;
10003 
+  }
10004 
+  .mb-24-xl,
10005 
+.my-24-xl {
10006 
+    margin-bottom: 12rem !important;
10007 
+  }
10008 
+  .ml-24-xl,
10009 
+.mx-24-xl {
10010 
+    margin-left: 12rem !important;
10011 
+  }
10012 
+  .mr-24-xl,
10013 
+.mx-24-xl {
10014 
+    margin-right: 12rem !important;
10015 
+  }
10016 
+  /* Spacing */
10017 
+  .p-24-xl {
10018 
+    padding: 12rem !important;
10019 
+  }
10020 
+  .pt-24-xl,
10021 
+.py-24-xl {
10022 
+    padding-top: 12rem !important;
10023 
+  }
10024 
+  .pb-24-xl,
10025 
+.py-24-xl {
10026 
+    padding-bottom: 12rem !important;
10027 
+  }
10028 
+  .pl-24-xl,
10029 
+.px-24-xl {
10030 
+    padding-left: 12rem !important;
10031 
+  }
10032 
+  .pr-24-xl,
10033 
+.px-24-xl {
10034 
+    padding-right: 12rem !important;
10035 
+  }
10036 
+  .ml-auto-xl,
10037 
+.mx-auto-xl {
10038 
+    margin-left: auto !important;
10039 
+  }
10040 
+  .mr-auto-xl,
10041 
+.mx-auto-xl {
10042 
+    margin-right: auto !important;
10043 
+  }
10044 
+  .mt-auto-xl,
10045 
+.my-auto-xl {
10046 
+    margin-top: auto !important;
10047 
+  }
10048 
+  .mb-auto-xl,
10049 
+.my-auto-xl {
10050 
+    margin-bottom: auto !important;
10051 
+  }
10052 
+}
10053 
+@media screen and (min-width: 1280px) {
10054 
+  /* Margin */
10055 
+  .m-32-xl {
10056 
+    margin: 16rem !important;
10057 
+  }
10058 
+  .mt-32-xl,
10059 
+.my-32-xl {
10060 
+    margin-top: 16rem !important;
10061 
+  }
10062 
+  .mb-32-xl,
10063 
+.my-32-xl {
10064 
+    margin-bottom: 16rem !important;
10065 
+  }
10066 
+  .ml-32-xl,
10067 
+.mx-32-xl {
10068 
+    margin-left: 16rem !important;
10069 
+  }
10070 
+  .mr-32-xl,
10071 
+.mx-32-xl {
10072 
+    margin-right: 16rem !important;
10073 
+  }
10074 
+  /* Spacing */
10075 
+  .p-32-xl {
10076 
+    padding: 16rem !important;
10077 
+  }
10078 
+  .pt-32-xl,
10079 
+.py-32-xl {
10080 
+    padding-top: 16rem !important;
10081 
+  }
10082 
+  .pb-32-xl,
10083 
+.py-32-xl {
10084 
+    padding-bottom: 16rem !important;
10085 
+  }
10086 
+  .pl-32-xl,
10087 
+.px-32-xl {
10088 
+    padding-left: 16rem !important;
10089 
+  }
10090 
+  .pr-32-xl,
10091 
+.px-32-xl {
10092 
+    padding-right: 16rem !important;
10093 
+  }
10094 
+  .ml-auto-xl,
10095 
+.mx-auto-xl {
10096 
+    margin-left: auto !important;
10097 
+  }
10098 
+  .mr-auto-xl,
10099 
+.mx-auto-xl {
10100 
+    margin-right: auto !important;
10101 
+  }
10102 
+  .mt-auto-xl,
10103 
+.my-auto-xl {
10104 
+    margin-top: auto !important;
10105 
+  }
10106 
+  .mb-auto-xl,
10107 
+.my-auto-xl {
10108 
+    margin-bottom: auto !important;
10109 
+  }
10110 
+}
10111 
+/* Render the x in the close button */
10112 
+/* BUTTONS */
10113 
+/* Button styling */
10114 
+/* Un-themed */
10115 
+.btn, button, [type=submit], [type=reset], [type=button] {
10116 
+  line-height: 2rem;
10117 
+  overflow: hidden;
10118 
+  padding: 0.5rem 1rem;
10119 
+  border: 1px solid transparent;
10120 
+  border-radius: 0.25rem;
10121 
+  cursor: pointer;
10122 
+  text-align: center;
10123 
+  transition: all var(--animation-duration);
10124 
+  background-color: rgba(var(--btn-color), var(--bg-opacity));
10125 
+  border-color: rgba(var(--btn-border-color), var(--color-opacity));
10126 
+  color: rgba(var(--btn-fg), var(--color-opacity));
10127 
+  font-size: 0.75rem;
10128 
+  font-weight: inherit;
10129 
+  letter-spacing: 0.03rem;
10130 
+  text-transform: uppercase;
10131 
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
10132 
+  min-width: 2rem;
10133 
+  user-select: none;
10134 
+  margin-bottom: 1rem;
10135 
+  outline: none;
10136 
+  --btn-color: 248, 249, 250;
10137 
+  --btn-fg: 73, 80, 87;
10138 
+  --btn-border-color: 233, 236, 239;
10139 
+  /* Base States */
10140 
+  /* Loading Button*/
10141 
+  /* Make the loading circle, if present, white when button is active */
10142 
+  /* Animated Button */
10143 
+  /* Close Button */
10144 
+  /* BUTTON STYLES */
10145 
+  /* Regular */
10146 
+  /* GLYPHS */
10147 
+  /* Alternatives to pad-left and pad-right */
10148 
+}
10149 
+
10150 
+.btn:hover, button:hover, [type=submit]:hover, [type=reset]:hover, [type=button]:hover {
10151 
+  transition: all var(--animation-duration);
10152 
+  --btn-color: 241, 243, 245;
10153 
+  color: rgba(var(--btn-fg), var(--color-opacity));
10154 
+}
10155 
+
10156 
+.btn:active, button:active, [type=submit]:active, [type=reset]:active, [type=button]:active {
10157 
+  transition: var(--animation-duration) ease;
10158 
+}
10159 
+
10160 
+.btn:focus, button:focus, [type=submit]:focus, [type=reset]:focus, [type=button]:focus {
10161 
+  outline: none;
10162 
+}
10163 
+
10164 
+.btn:focus:not([disabled]), button:focus:not([disabled]), [type=submit]:focus:not([disabled]), [type=reset]:focus:not([disabled]), [type=button]:focus:not([disabled]) {
10165 
+  box-shadow: var(--btn-shadow);
10166 
+}
10167 
+
10168 
+.btn:disabled, .btn.btn--disabled, button:disabled, button.btn--disabled, [type=submit]:disabled, [type=submit].btn--disabled, [type=reset]:disabled, [type=reset].btn--disabled, [type=button]:disabled, [type=button].btn--disabled {
10169 
+  cursor: not-allowed;
10170 
+  opacity: 0.5;
10171 
+}
10172 
+
10173 
+.btn:disabled:active, .btn.btn--disabled:active, button:disabled:active, button.btn--disabled:active, [type=submit]:disabled:active, [type=submit].btn--disabled:active, [type=reset]:disabled:active, [type=reset].btn--disabled:active, [type=button]:disabled:active, [type=button].btn--disabled:active {
10174 
+  pointer-events: none;
10175 
+}
10176 
+
10177 
+.btn.outline, button.outline, [type=submit].outline, [type=reset].outline, [type=button].outline {
10178 
+  --btn-color: transparent;
10179 
+}
10180 
+
10181 
+.btn.outline:hover, button.outline:hover, [type=submit].outline:hover, [type=reset].outline:hover, [type=button].outline:hover {
10182 
+  --btn-color: 233, 236, 239;
10183 
+}
10184 
+
10185 
+.btn.loading:active::after, button.loading:active::after, [type=submit].loading:active::after, [type=reset].loading:active::after, [type=button].loading:active::after {
10186 
+  border-radius: 50%;
10187 
+  border-right-color: transparent;
10188 
+  border-top-color: transparent;
10189 
+  transition: var(--animation-duration) ease;
10190 
+}
10191 
+
10192 
+.btn.btn-animated, button.btn-animated, [type=submit].btn-animated, [type=reset].btn-animated, [type=button].btn-animated {
10193 
+  transition: calc(var(--animation-duration) / 2) ease;
10194 
+}
10195 
+
10196 
+.btn.btn-animated:active, button.btn-animated:active, [type=submit].btn-animated:active, [type=reset].btn-animated:active, [type=button].btn-animated:active {
10197 
+  transform: scale(0.95);
10198 
+  transition: calc(var(--animation-duration) / 2) ease;
10199 
+}
10200 
+
10201 
+.btn.btn-close, button.btn-close, [type=submit].btn-close, [type=reset].btn-close, [type=button].btn-close {
10202 
+  background-color: rgba(10, 10, 10, 0.2);
10203 
+  border: none;
10204 
+  border-radius: 290486px;
10205 
+  cursor: pointer;
10206 
+  display: inline-block;
10207 
+  flex-grow: 0;
10208 
+  flex-shrink: 0;
10209 
+  font-size: 0;
10210 
+  height: 20px;
10211 
+  outline: 0;
10212 
+  position: relative;
10213 
+  vertical-align: top;
10214 
+  width: 20px;
10215 
+  padding: 0;
10216 
+  min-width: 20px;
10217 
+}
10218 
+
10219 
+.btn.btn-close:hover, button.btn-close:hover, [type=submit].btn-close:hover, [type=reset].btn-close:hover, [type=button].btn-close:hover {
10220 
+  background-color: rgba(10, 10, 10, 0.3);
10221 
+}
10222 
+
10223 
+.btn.btn-close::before, button.btn-close::before, [type=submit].btn-close::before, [type=reset].btn-close::before, [type=button].btn-close::before {
10224 
+  background-color: var(--cirrus-bg);
10225 
+  content: "";
10226 
+  display: block;
10227 
+  left: 50%;
10228 
+  position: absolute;
10229 
+  top: 50%;
10230 
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
10231 
+  transform-origin: center center;
10232 
+  height: 2px;
10233 
+  width: 50%;
10234 
+}
10235 
+
10236 
+.btn.btn-close::after, button.btn-close::after, [type=submit].btn-close::after, [type=reset].btn-close::after, [type=button].btn-close::after {
10237 
+  background-color: var(--cirrus-bg);
10238 
+  content: "";
10239 
+  display: block;
10240 
+  left: 50%;
10241 
+  position: absolute;
10242 
+  top: 50%;
10243 
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
10244 
+  transform-origin: center center;
10245 
+  height: 50%;
10246 
+  width: 2px;
10247 
+}
10248 
+
10249 
+.btn.btn-transparent, button.btn-transparent, [type=submit].btn-transparent, [type=reset].btn-transparent, [type=button].btn-transparent {
10250 
+  --btn-color: transparent;
10251 
+  --btn-fg: 54, 54, 54;
10252 
+  --btn-border-color: transparent;
10253 
+  --btn-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
10254 
+}
10255 
+
10256 
+.btn.btn-transparent:hover, button.btn-transparent:hover, [type=submit].btn-transparent:hover, [type=reset].btn-transparent:hover, [type=button].btn-transparent:hover {
10257 
+  --bg-opacity: 0.1;
10258 
+  --btn-color: 0, 0, 0;
10259 
+}
10260 
+
10261 
+.btn.btn-transparent.outline, button.btn-transparent.outline, [type=submit].btn-transparent.outline, [type=reset].btn-transparent.outline, [type=button].btn-transparent.outline {
10262 
+  --btn-fg: 54, 54, 54;
10263 
+}
10264 
+
10265 
+.btn.btn-light, button.btn-light, [type=submit].btn-light, [type=reset].btn-light, [type=button].btn-light {
10266 
+  --btn-color: 246, 249, 252;
10267 
+  --btn-fg: 54, 54, 54;
10268 
+  --btn-border-color: 246, 249, 252;
10269 
+  --btn-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
10270 
+}
10271 
+
10272 
+.btn.btn-light:hover, button.btn-light:hover, [type=submit].btn-light:hover, [type=reset].btn-light:hover, [type=button].btn-light:hover {
10273 
+  --btn-color: 208, 224, 239;
10274 
+}
10275 
+
10276 
+.btn.btn-black, button.btn-black, [type=submit].btn-black, [type=reset].btn-black, [type=button].btn-black {
10277 
+  --btn-color: 0, 0, 0;
10278 
+  --btn-fg: 246, 249, 252;
10279 
+  --btn-border-color: 0, 0, 0;
10280 
+  --btn-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
10281 
+}
10282 
+
10283 
+.btn.btn-black:hover, button.btn-black:hover, [type=submit].btn-black:hover, [type=reset].btn-black:hover, [type=button].btn-black:hover {
10284 
+  --btn-color: 0, 0, 0;
10285 
+}
10286 
+
10287 
+.btn.btn-primary, button.btn-primary, [type=submit].btn-primary, [type=reset].btn-primary, [type=button].btn-primary {
10288 
+  --btn-color: 240, 61, 77;
10289 
+  --btn-fg: 246, 249, 252;
10290 
+  --btn-border-color: 240, 61, 77;
10291 
+  --btn-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.5);
10292 
+}
10293 
+
10294 
+.btn.btn-primary:hover, button.btn-primary:hover, [type=submit].btn-primary:hover, [type=reset].btn-primary:hover, [type=button].btn-primary:hover {
10295 
+  --btn-color: 232, 18, 37;
10296 
+}
10297 
+
10298 
+.btn.btn-primary.outline:hover, button.btn-primary.outline:hover, [type=submit].btn-primary.outline:hover, [type=reset].btn-primary.outline:hover, [type=button].btn-primary.outline:hover {
10299 
+  --btn-color: 240, 61, 77;
10300 
+}
10301 
+
10302 
+.btn.btn-dark, button.btn-dark, [type=submit].btn-dark, [type=reset].btn-dark, [type=button].btn-dark {
10303 
+  --btn-color: 54, 54, 54;
10304 
+  --btn-fg: 246, 249, 252;
10305 
+  --btn-border-color: 54, 54, 54;
10306 
+  --btn-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
10307 
+}
10308 
+
10309 
+.btn.btn-dark:hover, button.btn-dark:hover, [type=submit].btn-dark:hover, [type=reset].btn-dark:hover, [type=button].btn-dark:hover {
10310 
+  --btn-color: 29, 29, 29;
10311 
+}
10312 
+
10313 
+.btn.btn-dark.outline:hover, button.btn-dark.outline:hover, [type=submit].btn-dark.outline:hover, [type=reset].btn-dark.outline:hover, [type=button].btn-dark.outline:hover {
10314 
+  --btn-color: 54, 54, 54;
10315 
+}
10316 
+
10317 
+.btn.btn-link, button.btn-link, [type=submit].btn-link, [type=reset].btn-link, [type=button].btn-link {
10318 
+  --btn-color: 94, 92, 199;
10319 
+  --btn-fg: 246, 249, 252;
10320 
+  --btn-border-color: 94, 92, 199;
10321 
+  --btn-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5);
10322 
+}
10323 
+
10324 
+.btn.btn-link:hover, button.btn-link:hover, [type=submit].btn-link:hover, [type=reset].btn-link:hover, [type=button].btn-link:hover {
10325 
+  --btn-color: 64, 61, 179;
10326 
+}
10327 
+
10328 
+.btn.btn-link.outline:hover, button.btn-link.outline:hover, [type=submit].btn-link.outline:hover, [type=reset].btn-link.outline:hover, [type=button].btn-link.outline:hover {
10329 
+  --btn-color: 94, 92, 199;
10330 
+}
10331 
+
10332 
+.btn.btn-info, button.btn-info, [type=submit].btn-info, [type=reset].btn-info, [type=button].btn-info {
10333 
+  --btn-color: 41, 114, 250;
10334 
+  --btn-fg: 246, 249, 252;
10335 
+  --btn-border-color: 41, 114, 250;
10336 
+  --btn-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5);
10337 
+}
10338 
+
10339 
+.btn.btn-info:hover, button.btn-info:hover, [type=submit].btn-info:hover, [type=reset].btn-info:hover, [type=button].btn-info:hover {
10340 
+  --btn-color: 5, 85, 235;
10341 
+}
10342 
+
10343 
+.btn.btn-info.outline:hover, button.btn-info.outline:hover, [type=submit].btn-info.outline:hover, [type=reset].btn-info.outline:hover, [type=button].btn-info.outline:hover {
10344 
+  --btn-color: 41, 114, 250;
10345 
+}
10346 
+
10347 
+.btn.btn-success, button.btn-success, [type=submit].btn-success, [type=reset].btn-success, [type=button].btn-success {
10348 
+  --btn-color: 13, 209, 87;
10349 
+  --btn-fg: 246, 249, 252;
10350 
+  --btn-border-color: 13, 209, 87;
10351 
+  --btn-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.5);
10352 
+}
10353 
+
10354 
+.btn.btn-success:hover, button.btn-success:hover, [type=submit].btn-success:hover, [type=reset].btn-success:hover, [type=button].btn-success:hover {
10355 
+  --btn-color: 10, 161, 67;
10356 
+}
10357 
+
10358 
+.btn.btn-success.outline:hover, button.btn-success.outline:hover, [type=submit].btn-success.outline:hover, [type=reset].btn-success.outline:hover, [type=button].btn-success.outline:hover {
10359 
+  --btn-color: 13, 209, 87;
10360 
+}
10361 
+
10362 
+.btn.btn-warning, button.btn-warning, [type=submit].btn-warning, [type=reset].btn-warning, [type=button].btn-warning {
10363 
+  --btn-color: 250, 182, 51;
10364 
+  --btn-fg: 54, 54, 54;
10365 
+  --btn-border-color: 250, 182, 51;
10366 
+  --btn-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.5);
10367 
+}
10368 
+
10369 
+.btn.btn-warning:hover, button.btn-warning:hover, [type=submit].btn-warning:hover, [type=reset].btn-warning:hover, [type=button].btn-warning:hover {
10370 
+  --btn-color: 244, 163, 6;
10371 
+}
10372 
+
10373 
+.btn.btn-warning.outline:hover, button.btn-warning.outline:hover, [type=submit].btn-warning.outline:hover, [type=reset].btn-warning.outline:hover, [type=button].btn-warning.outline:hover {
10374 
+  --btn-color: 250, 182, 51;
10375 
+}
10376 
+
10377 
+.btn.btn-danger, button.btn-danger, [type=submit].btn-danger, [type=reset].btn-danger, [type=button].btn-danger {
10378 
+  --btn-color: 251, 65, 67;
10379 
+  --btn-fg: 246, 249, 252;
10380 
+  --btn-border-color: 251, 65, 67;
10381 
+  --btn-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.5);
10382 
+}
10383 
+
10384 
+.btn.btn-danger:hover, button.btn-danger:hover, [type=submit].btn-danger:hover, [type=reset].btn-danger:hover, [type=button].btn-danger:hover {
10385 
+  --btn-color: 250, 15, 18;
10386 
+}
10387 
+
10388 
+.btn.btn-danger.outline:hover, button.btn-danger.outline:hover, [type=submit].btn-danger.outline:hover, [type=reset].btn-danger.outline:hover, [type=button].btn-danger.outline:hover {
10389 
+  --btn-color: 251, 65, 67;
10390 
+}
10391 
+
10392 
+.btn.btn--xs, button.btn--xs, [type=submit].btn--xs, [type=reset].btn--xs, [type=button].btn--xs {
10393 
+  padding: 0 0.5rem;
10394 
+  font-size: 50%;
10395 
+}
10396 
+
10397 
+.btn.btn--sm, button.btn--sm, [type=submit].btn--sm, [type=reset].btn--sm, [type=button].btn--sm {
10398 
+  padding: 0.25rem 1rem;
10399 
+  font-size: 70%;
10400 
+}
10401 
+
10402 
+.btn.btn--md, button.btn--md, [type=submit].btn--md, [type=reset].btn--md, [type=button].btn--md {
10403 
+  padding: 0.5rem 1.5rem;
10404 
+  font-size: 90%;
10405 
+}
10406 
+
10407 
+.btn.btn--lg, button.btn--lg, [type=submit].btn--lg, [type=reset].btn--lg, [type=button].btn--lg {
10408 
+  padding: 0.75rem 2rem;
10409 
+  font-size: 110%;
10410 
+}
10411 
+
10412 
+.btn.btn--xl, button.btn--xl, [type=submit].btn--xl, [type=reset].btn--xl, [type=button].btn--xl {
10413 
+  padding: 1rem 2.5rem;
10414 
+  font-size: 130%;
10415 
+}
10416 
+
10417 
+.btn .fa-wrapper.pad-right, button .fa-wrapper.pad-right, [type=submit] .fa-wrapper.pad-right, [type=reset] .fa-wrapper.pad-right, [type=button] .fa-wrapper.pad-right {
10418 
+  margin-right: 0.4rem;
10419 
+}
10420 
+
10421 
+.btn .fa-wrapper.pad-left, button .fa-wrapper.pad-left, [type=submit] .fa-wrapper.pad-left, [type=reset] .fa-wrapper.pad-left, [type=button] .fa-wrapper.pad-left {
10422 
+  margin-left: 0.4rem;
10423 
+}
10424 
+
10425 
+.btn span:first-child, button span:first-child, [type=submit] span:first-child, [type=reset] span:first-child, [type=button] span:first-child {
10426 
+  margin-right: 0.2rem;
10427 
+}
10428 
+
10429 
+.btn span:last-child, button span:last-child, [type=submit] span:last-child, [type=reset] span:last-child, [type=button] span:last-child {
10430 
+  margin-left: 0.2rem;
10431 
+}
10432 
+
10433 
+/* Links as Buttons */
10434 
+a.btn {
10435 
+  display: inline-flex;
10436 
+}
10437 
+
10438 
+[class^=btn-]:not(.btn-container):not(.btn-close),
10439 
+[class*=" btn-"]:not(.btn-container):not(.btn-close) {
10440 
+  background-color: rgba(var(--btn-color), var(--bg-opacity));
10441 
+  border: 1px solid rgba(var(--btn-border-color), var(--color-opacity));
10442 
+  color: rgba(var(--btn-fg), var(--color-opacity));
10443 
+  transition: all var(--animation-duration);
10444 
+  /* Outline Variants */
10445 
+}
10446 
+
10447 
+[class^=btn-]:not(.btn-container):not(.btn-close):hover,
10448 
+[class*=" btn-"]:not(.btn-container):not(.btn-close):hover {
10449 
+  background-color: rgba(var(--btn-color), var(--bg-opacity));
10450 
+  border-color: rgba(var(--btn-border-color), var(--color-opacity));
10451 
+  transition: all var(--animation-duration);
10452 
+}
10453 
+
10454 
+[class^=btn-]:not(.btn-container):not(.btn-close).outline,
10455 
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline {
10456 
+  background-color: transparent;
10457 
+  color: rgba(var(--btn-color), var(--color-opacity));
10458 
+}
10459 
+
10460 
+[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover,
10461 
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover {
10462 
+  background-color: rgba(var(--btn-color), var(--bg-opacity));
10463 
+  color: rgba(var(--btn-fg), var(--color-opacity));
10464 
+  transition: all var(--animation-duration);
10465 
+}
10466 
+
10467 
+[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent,
10468 
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent {
10469 
+  color: 73, 80, 87 !important;
10470 
+}
10471 
+
10472 
+/* Make the loader white so it is visible */
10473 
+.loading.btn-accent:after {
10474 
+  border: 2px solid #fff;
10475 
+  border-right-color: transparent;
10476 
+  border-top-color: transparent;
10477 
+}
10478 
+
10479 
+/* BUTTON GROUPS */
10480 
+/* Will group buttons with components in a single component */
10481 
+.btn-group {
10482 
+  display: inline-flex;
10483 
+}
10484 
+
10485 
+.btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
10486 
+  flex: 1 0 auto;
10487 
+  margin: 0;
10488 
+}
10489 
+
10490 
+.btn-group .btn:first-child:not(:last-child), .btn-group button:first-child:not(:last-child), .btn-group [type=submit]:first-child:not(:last-child), .btn-group [type=reset]:first-child:not(:last-child), .btn-group [type=button]:first-child:not(:last-child) {
10491 
+  /* Style the first child in group > 1 buttons */
10492 
+  border-top-right-radius: 0;
10493 
+  border-bottom-right-radius: 0;
10494 
+}
10495 
+
10496 
+.btn-group .btn:last-child:not(:first-child), .btn-group button:last-child:not(:first-child), .btn-group [type=submit]:last-child:not(:first-child), .btn-group [type=reset]:last-child:not(:first-child), .btn-group [type=button]:last-child:not(:first-child) {
10497 
+  /* Style the last child in group > 1 buttons */
10498 
+  border-top-left-radius: 0;
10499 
+  border-bottom-left-radius: 0;
10500 
+  margin-left: -1px;
10501 
+}
10502 
+
10503 
+.btn-group .btn:not(:first-child):not(:last-child), .btn-group button:not(:first-child):not(:last-child), .btn-group [type=submit]:not(:first-child):not(:last-child), .btn-group [type=reset]:not(:first-child):not(:last-child), .btn-group [type=button]:not(:first-child):not(:last-child) {
10504 
+  /* Style button in middle of group */
10505 
+  border-radius: 0; /* Remove roundness from center buttons */
10506 
+  margin-left: -1px;
10507 
+}
10508 
+
10509 
+.btn-group .btn:focus, .btn-group button:focus, .btn-group [type=submit]:focus, .btn-group [type=reset]:focus, .btn-group [type=button]:focus {
10510 
+  z-index: 1;
10511 
+}
10512 
+
10513 
+.btn-group.btn-group-fill {
10514 
+  /* Makes the button group fill the width and proportion the buttons to fill the space */
10515 
+  display: flex;
10516 
+}
10517 
+
10518 
+.btn-group.btn-group-fill .btn, .btn-group.btn-group-fill button, .btn-group.btn-group-fill [type=submit], .btn-group.btn-group-fill [type=reset], .btn-group.btn-group-fill [type=button] {
10519 
+  flex: 1 0; /* Make the buttons fill the available width and proportion themselves */
10520 
+}
10521 
+
10522 
+.btn-group.btn-group-fill:focus {
10523 
+  z-index: 1;
10524 
+}
10525 
+
10526 
+@media screen and (max-width: 767px) {
10527 
+  .btn-group {
10528 
+    display: flex;
10529 
+    flex-direction: column;
10530 
+  }
10531 
+  .btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
10532 
+    margin-bottom: -1px;
10533 
+  }
10534 
+  .btn-group .btn:first-child:not(:last-child), .btn-group button:first-child:not(:last-child), .btn-group [type=submit]:first-child:not(:last-child), .btn-group [type=reset]:first-child:not(:last-child), .btn-group [type=button]:first-child:not(:last-child) {
10535 
+    border-radius: 0.25rem 0.25rem 0 0;
10536 
+  }
10537 
+  .btn-group .btn:not(:first-child):not(:last-child), .btn-group button:not(:first-child):not(:last-child), .btn-group [type=submit]:not(:first-child):not(:last-child), .btn-group [type=reset]:not(:first-child):not(:last-child), .btn-group [type=button]:not(:first-child):not(:last-child) {
10538 
+    margin-left: 0;
10539 
+  }
10540 
+  .btn-group .btn:last-child:not(:first-child), .btn-group button:last-child:not(:first-child), .btn-group [type=submit]:last-child:not(:first-child), .btn-group [type=reset]:last-child:not(:first-child), .btn-group [type=button]:last-child:not(:first-child) {
10541 
+    border-radius: 0 0 0.25rem 0.25rem;
10542 
+    margin-left: 0;
10543 
+  }
10544 
+}
10545 
+/* CODE */
10546 
+code {
10547 
+  --cirrus-code-label-fg: #868e96;
10548 
+  padding: 0.3rem;
10549 
+  margin: 0.5em 0;
10550 
+  overflow: auto;
10551 
+  background-color: var(--cirrus-code-bg);
10552 
+  color: var(--cirrus-code-fg);
10553 
+  border-radius: 3px;
10554 
+  /* Dark theme for code */
10555 
+}
10556 
+
10557 
+code:before {
10558 
+  color: var(--cirrus-code-label-fg);
10559 
+  content: attr(data-lang);
10560 
+  font-size: 0.9rem;
10561 
+  position: absolute;
10562 
+  right: 1rem;
10563 
+  top: 0.7rem;
10564 
+}
10565 
+
10566 
+code.dark {
10567 
+  --cirrus-code-bg: #343a40;
10568 
+  --cirrus-code-fg: #f8f9fa;
10569 
+  --cirrus-border-left-bg: #212529;
10570 
+  --cirrus-code-label-fg: #ced4da;
10571 
+}
10572 
+
10573 
+pre > code {
10574 
+  --cirrus-code-bg: #f8f9fa;
10575 
+  --cirrus-code-fg: #343a40;
10576 
+  --cirrus-border-left-bg: #e9ecef;
10577 
+  background-color: var(--cirrus-code-bg);
10578 
+  font-size: 14px;
10579 
+  display: block;
10580 
+  padding: 1rem;
10581 
+  white-space: pre-wrap;
10582 
+  word-wrap: break-word;
10583 
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
10584 
+  text-align: left;
10585 
+  line-height: 1.5;
10586 
+  tab-size: 4;
10587 
+  -moz-hyphens: none;
10588 
+  -ms-hyphens: none;
10589 
+  hyphens: none;
10590 
+  border-left: 0.3rem solid var(--cirrus-border-left-bg);
10591 
+  margin: 0;
10592 
+  position: relative;
10593 
+  color: var(--cirrus-code-fg);
10594 
+}
10595 
+
10596 
+pre > code[data-lang]:not([data-lang=""]) {
10597 
+  padding: 2rem 1.5rem 1rem;
10598 
+}
10599 
+
10600 
+/* FOOTER */
10601 
+.footer {
10602 
+  background-color: #343a40;
10603 
+  padding: 6rem 0;
10604 
+  text-align: center;
10605 
+  margin-top: 5rem;
10606 
+  width: 100%;
10607 
+}
10608 
+
10609 
+.footer.footer--fixed {
10610 
+  bottom: 0;
10611 
+  position: fixed;
10612 
+}
10613 
+
10614 
+.footer p {
10615 
+  color: #868e96;
10616 
+}
10617 
+
10618 
+.footer ul {
10619 
+  margin: 0.5rem 0; /* Remove the left margin seen in global style */
10620 
+}
10621 
+
10622 
+.footer .footer__title {
10623 
+  text-align: center;
10624 
+  letter-spacing: 6px;
10625 
+  position: relative;
10626 
+  padding-bottom: 10px;
10627 
+}
10628 
+
10629 
+.footer .footer__list-title {
10630 
+  color: #ced4da;
10631 
+  font-size: 75%;
10632 
+  text-transform: uppercase;
10633 
+  font-weight: bolder;
10634 
+}
10635 
+
10636 
+.footer .footer__list-title::after {
10637 
+  content: "";
10638 
+  display: block;
10639 
+  width: 10%;
10640 
+  margin: auto;
10641 
+  border-bottom: 2px solid;
10642 
+  border-color: #343b49;
10643 
+}
10644 
+
10645 
+.footer ul a .footer__list-item,
10646 
+.footer .footer__list-item {
10647 
+  margin: 0.1rem;
10648 
+  color: #868e96;
10649 
+  transition: all var(--animation-duration);
10650 
+  font-size: 75%;
10651 
+  text-transform: uppercase;
10652 
+}
10653 
+
10654 
+/*
10655 
+    Mixins
10656 
+*/
10657 
+/* This is just an extended portion of an input which is just like a label and is read only */
10658 
+/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */
10659 
+/* FORMS */
10660 
+/*
10661 
+    Styles
10662 
+*/
10663 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
10664 
+select {
10665 
+  width: 100%;
10666 
+  border: 1px solid #dee2e6;
10667 
+  border-radius: 3px;
10668 
+  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
10669 
+  font-size: var(--font-size-m);
10670 
+  letter-spacing: 0.02rem;
10671 
+  transition: all 0.3s;
10672 
+  outline: none;
10673 
+  padding: 0.85rem 1.1rem;
10674 
+  /* Input Field Sizes */
10675 
+  /* Hold Font Awesome glyphs inside input fields */
10676 
+  /* More sizes coming soon */
10677 
+  /* Search field */
10678 
+}
10679 
+
10680 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,
10681 
+select.input--xs {
10682 
+  font-size: 0.75rem;
10683 
+  padding: 0.35rem 0.9rem;
10684 
+}
10685 
+
10686 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,
10687 
+select.input--sm {
10688 
+  font-size: 0.875rem;
10689 
+  padding: 0.55rem 1rem;
10690 
+}
10691 
+
10692 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,
10693 
+select.input--lg {
10694 
+  font-size: 1.25rem;
10695 
+}
10696 
+
10697 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,
10698 
+select.input--xl {
10699 
+  font-size: 1.5rem;
10700 
+}
10701 
+
10702 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left,
10703 
+select.input-contains-icon,
10704 
+select.input-contains-icon-left {
10705 
+  padding-left: 2.75rem;
10706 
+}
10707 
+
10708 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,
10709 
+select.input-contains-icon-right {
10710 
+  padding-right: 2.75rem;
10711 
+}
10712 
+
10713 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xs,
10714 
+select.input-contains-icon.input--xs,
10715 
+select.input-contains-icon-right.input-xs {
10716 
+  padding-left: 2rem;
10717 
+}
10718 
+
10719 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-sm,
10720 
+select.input-contains-icon.input--sm,
10721 
+select.input-contains-icon-right.input-sm {
10722 
+  padding-left: 2.5rem;
10723 
+}
10724 
+
10725 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-lg,
10726 
+select.input-contains-icon.input--lg,
10727 
+select.input-contains-icon-right.input-lg {
10728 
+  padding-left: 3.5rem;
10729 
+}
10730 
+
10731 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xl,
10732 
+select.input-contains-icon.input--xl,
10733 
+select.input-contains-icon-right.input-xl {
10734 
+  padding-left: 4rem;
10735 
+}
10736 
+
10737 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input--xs ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input--xs ~ .icon.icon-right,
10738 
+select.input-contains-icon.input--xs ~ .icon,
10739 
+select.input-contains-icon-left.input--xs ~ .icon,
10740 
+select.input-contains-icon-right.input--xs ~ .icon.icon-right {
10741 
+  line-height: 1.75rem;
10742 
+  width: 1.75rem;
10743 
+  font-size: 7px;
10744 
+}
10745 
+
10746 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input--sm ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input--sm ~ .icon.icon-right,
10747 
+select.input-contains-icon.input--sm ~ .icon,
10748 
+select.input-contains-icon-left.input--sm ~ .icon,
10749 
+select.input-contains-icon-right.input--sm ~ .icon.icon-right {
10750 
+  width: 2.5rem;
10751 
+  font-size: 14px;
10752 
+}
10753 
+
10754 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input--lg ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input--lg ~ .icon.icon-right,
10755 
+select.input-contains-icon.input--lg ~ .icon,
10756 
+select.input-contains-icon-left.input--lg ~ .icon,
10757 
+select.input-contains-icon-right.input--lg ~ .icon.icon-right {
10758 
+  line-height: 3.5rem;
10759 
+  width: 3.5rem;
10760 
+  font-size: 28px;
10761 
+}
10762 
+
10763 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input--xl ~ .icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input--xl ~ .icon.icon-right,
10764 
+select.input-contains-icon.input--xl ~ .icon,
10765 
+select.input-contains-icon-left.input--xl ~ .icon,
10766 
+select.input-contains-icon-right.input--xl ~ .icon.icon-right {
10767 
+  line-height: 2.5rem;
10768 
+  width: 3.75rem;
10769 
+  font-size: 35px;
10770 
+}
10771 
+
10772 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=search], input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).search,
10773 
+select[type=search],
10774 
+select.search {
10775 
+  background-repeat: no-repeat;
10776 
+  background-position: left 0.6rem center;
10777 
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>'); /* NEEDS FIXING */
10778 
+  padding-left: 2rem !important;
10779 
+}
10780 
+
10781 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],
10782 
+select[type=color] {
10783 
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
10784 
+  box-sizing: border-box;
10785 
+  transition: 0.3s;
10786 
+  outline: 0;
10787 
+  position: relative;
10788 
+  height: 3rem;
10789 
+  background-color: #fff;
10790 
+  padding: 0.55rem 0.8rem !important;
10791 
+}
10792 
+
10793 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,
10794 
+select.input-success {
10795 
+  border-color: #0dd157;
10796 
+  background-color: rgba(0, 224, 0, 0.05) !important;
10797 
+}
10798 
+
10799 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,
10800 
+select.input-success:focus {
10801 
+  box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
10802 
+}
10803 
+
10804 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,
10805 
+select.input-error {
10806 
+  border-color: #fb4143;
10807 
+  background-color: rgba(244, 67, 54, 0.05) !important;
10808 
+}
10809 
+
10810 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,
10811 
+select.input-error:focus {
10812 
+  box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
10813 
+}
10814 
+
10815 
+textarea,
10816 
+textarea[type=text] {
10817 
+  width: 100%;
10818 
+  border: 1px solid #dee2e6;
10819 
+  border-radius: 3px;
10820 
+  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
10821 
+  font-size: var(--font-size-m);
10822 
+  letter-spacing: 0.02rem;
10823 
+  transition: all 0.3s;
10824 
+  outline: none;
10825 
+  padding: 0.85rem 1.1rem;
10826 
+  /* Input Field Sizes */
10827 
+  /* Hold Font Awesome glyphs inside input fields */
10828 
+  /* More sizes coming soon */
10829 
+  min-height: 8rem;
10830 
+  line-height: 1.5rem;
10831 
+  resize: vertical;
10832 
+}
10833 
+
10834 
+textarea.input--xs,
10835 
+textarea[type=text].input--xs {
10836 
+  font-size: 0.75rem;
10837 
+  padding: 0.35rem 0.9rem;
10838 
+}
10839 
+
10840 
+textarea.input--sm,
10841 
+textarea[type=text].input--sm {
10842 
+  font-size: 0.875rem;
10843 
+  padding: 0.55rem 1rem;
10844 
+}
10845 
+
10846 
+textarea.input--lg,
10847 
+textarea[type=text].input--lg {
10848 
+  font-size: 1.25rem;
10849 
+}
10850 
+
10851 
+textarea.input--xl,
10852 
+textarea[type=text].input--xl {
10853 
+  font-size: 1.5rem;
10854 
+}
10855 
+
10856 
+textarea.input-contains-icon, textarea.input-contains-icon-left,
10857 
+textarea[type=text].input-contains-icon,
10858 
+textarea[type=text].input-contains-icon-left {
10859 
+  padding-left: 2.75rem;
10860 
+}
10861 
+
10862 
+textarea.input-contains-icon-right,
10863 
+textarea[type=text].input-contains-icon-right {
10864 
+  padding-right: 2.75rem;
10865 
+}
10866 
+
10867 
+textarea.input-contains-icon.input--xs, textarea.input-contains-icon-right.input-xs,
10868 
+textarea[type=text].input-contains-icon.input--xs,
10869 
+textarea[type=text].input-contains-icon-right.input-xs {
10870 
+  padding-left: 2rem;
10871 
+}
10872 
+
10873 
+textarea.input-contains-icon.input--sm, textarea.input-contains-icon-right.input-sm,
10874 
+textarea[type=text].input-contains-icon.input--sm,
10875 
+textarea[type=text].input-contains-icon-right.input-sm {
10876 
+  padding-left: 2.5rem;
10877 
+}
10878 
+
10879 
+textarea.input-contains-icon.input--lg, textarea.input-contains-icon-right.input-lg,
10880 
+textarea[type=text].input-contains-icon.input--lg,
10881 
+textarea[type=text].input-contains-icon-right.input-lg {
10882 
+  padding-left: 3.5rem;
10883 
+}
10884 
+
10885 
+textarea.input-contains-icon.input--xl, textarea.input-contains-icon-right.input-xl,
10886 
+textarea[type=text].input-contains-icon.input--xl,
10887 
+textarea[type=text].input-contains-icon-right.input-xl {
10888 
+  padding-left: 4rem;
10889 
+}
10890 
+
10891 
+textarea.input-contains-icon.input--xs ~ .icon, textarea.input-contains-icon-left.input--xs ~ .icon, textarea.input-contains-icon-right.input--xs ~ .icon.icon-right,
10892 
+textarea[type=text].input-contains-icon.input--xs ~ .icon,
10893 
+textarea[type=text].input-contains-icon-left.input--xs ~ .icon,
10894 
+textarea[type=text].input-contains-icon-right.input--xs ~ .icon.icon-right {
10895 
+  line-height: 1.75rem;
10896 
+  width: 1.75rem;
10897 
+  font-size: 7px;
10898 
+}
10899 
+
10900 
+textarea.input-contains-icon.input--sm ~ .icon, textarea.input-contains-icon-left.input--sm ~ .icon, textarea.input-contains-icon-right.input--sm ~ .icon.icon-right,
10901 
+textarea[type=text].input-contains-icon.input--sm ~ .icon,
10902 
+textarea[type=text].input-contains-icon-left.input--sm ~ .icon,
10903 
+textarea[type=text].input-contains-icon-right.input--sm ~ .icon.icon-right {
10904 
+  width: 2.5rem;
10905 
+  font-size: 14px;
10906 
+}
10907 
+
10908 
+textarea.input-contains-icon.input--lg ~ .icon, textarea.input-contains-icon-left.input--lg ~ .icon, textarea.input-contains-icon-right.input--lg ~ .icon.icon-right,
10909 
+textarea[type=text].input-contains-icon.input--lg ~ .icon,
10910 
+textarea[type=text].input-contains-icon-left.input--lg ~ .icon,
10911 
+textarea[type=text].input-contains-icon-right.input--lg ~ .icon.icon-right {
10912 
+  line-height: 3.5rem;
10913 
+  width: 3.5rem;
10914 
+  font-size: 28px;
10915 
+}
10916 
+
10917 
+textarea.input-contains-icon.input--xl ~ .icon, textarea.input-contains-icon-left.input--xl ~ .icon, textarea.input-contains-icon-right.input--xl ~ .icon.icon-right,
10918 
+textarea[type=text].input-contains-icon.input--xl ~ .icon,
10919 
+textarea[type=text].input-contains-icon-left.input--xl ~ .icon,
10920 
+textarea[type=text].input-contains-icon-right.input--xl ~ .icon.icon-right {
10921 
+  line-height: 2.5rem;
10922 
+  width: 3.75rem;
10923 
+  font-size: 35px;
10924 
+}
10925 
+
10926 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,
10927 
+select:focus,
10928 
+textarea:focus,
10929 
+textarea[type=text]:focus,
10930 
+input[type=text].input-focused,
10931 
+.input-focused {
10932 
+  border-color: rgb(61, 171, 240);
10933 
+  box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, 0.45), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
10934 
+}
10935 
+
10936 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,
10937 
+select:focus.input-success,
10938 
+textarea:focus.input-success,
10939 
+textarea[type=text]:focus.input-success,
10940 
+input[type=text].input-focused.input-success,
10941 
+.input-focused.input-success {
10942 
+  border-color: #0dd157;
10943 
+  background-color: rgba(0, 224, 0, 0.05) !important;
10944 
+}
10945 
+
10946 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,
10947 
+select:focus.input-success:focus,
10948 
+textarea:focus.input-success:focus,
10949 
+textarea[type=text]:focus.input-success:focus,
10950 
+input[type=text].input-focused.input-success:focus,
10951 
+.input-focused.input-success:focus {
10952 
+  box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
10953 
+}
10954 
+
10955 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,
10956 
+select:focus.input-error,
10957 
+textarea:focus.input-error,
10958 
+textarea[type=text]:focus.input-error,
10959 
+input[type=text].input-focused.input-error,
10960 
+.input-focused.input-error {
10961 
+  border-color: #fb4143;
10962 
+  background-color: rgba(244, 67, 54, 0.05) !important;
10963 
+}
10964 
+
10965 
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,
10966 
+select:focus.input-error:focus,
10967 
+textarea:focus.input-error:focus,
10968 
+textarea[type=text]:focus.input-error:focus,
10969 
+input[type=text].input-focused.input-error:focus,
10970 
+.input-focused.input-error:focus {
10971 
+  box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
10972 
+}
10973 
+
10974 
+select {
10975 
+  width: 100%;
10976 
+  border: 1px solid #dee2e6;
10977 
+  border-radius: 3px;
10978 
+  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
10979 
+  font-size: var(--font-size-m);
10980 
+  letter-spacing: 0.02rem;
10981 
+  transition: all 0.3s;
10982 
+  outline: none;
10983 
+  padding: 0.85rem 1.1rem;
10984 
+  /* Input Field Sizes */
10985 
+  /* Hold Font Awesome glyphs inside input fields */
10986 
+  /* More sizes coming soon */
10987 
+  background-color: #fff;
10988 
+  border: 1px solid #ddd;
10989 
+  /* Fixes for Safari and other browsers for consistent UI */
10990 
+}
10991 
+
10992 
+select.input--xs {
10993 
+  font-size: 0.75rem;
10994 
+  padding: 0.35rem 0.9rem;
10995 
+}
10996 
+
10997 
+select.input--sm {
10998 
+  font-size: 0.875rem;
10999 
+  padding: 0.55rem 1rem;
11000 
+}
11001 
+
11002 
+select.input--lg {
11003 
+  font-size: 1.25rem;
11004 
+}
11005 
+
11006 
+select.input--xl {
11007 
+  font-size: 1.5rem;
11008 
+}
11009 
+
11010 
+select.input-contains-icon, select.input-contains-icon-left {
11011 
+  padding-left: 2.75rem;
11012 
+}
11013 
+
11014 
+select.input-contains-icon-right {
11015 
+  padding-right: 2.75rem;
11016 
+}
11017 
+
11018 
+select.input-contains-icon.input--xs, select.input-contains-icon-right.input-xs {
11019 
+  padding-left: 2rem;
11020 
+}
11021 
+
11022 
+select.input-contains-icon.input--sm, select.input-contains-icon-right.input-sm {
11023 
+  padding-left: 2.5rem;
11024 
+}
11025 
+
11026 
+select.input-contains-icon.input--lg, select.input-contains-icon-right.input-lg {
11027 
+  padding-left: 3.5rem;
11028 
+}
11029 
+
11030 
+select.input-contains-icon.input--xl, select.input-contains-icon-right.input-xl {
11031 
+  padding-left: 4rem;
11032 
+}
11033 
+
11034 
+select.input-contains-icon.input--xs ~ .icon, select.input-contains-icon-left.input--xs ~ .icon, select.input-contains-icon-right.input--xs ~ .icon.icon-right {
11035 
+  line-height: 1.75rem;
11036 
+  width: 1.75rem;
11037 
+  font-size: 7px;
11038 
+}
11039 
+
11040 
+select.input-contains-icon.input--sm ~ .icon, select.input-contains-icon-left.input--sm ~ .icon, select.input-contains-icon-right.input--sm ~ .icon.icon-right {
11041 
+  width: 2.5rem;
11042 
+  font-size: 14px;
11043 
+}
11044 
+
11045 
+select.input-contains-icon.input--lg ~ .icon, select.input-contains-icon-left.input--lg ~ .icon, select.input-contains-icon-right.input--lg ~ .icon.icon-right {
11046 
+  line-height: 3.5rem;
11047 
+  width: 3.5rem;
11048 
+  font-size: 28px;
11049 
+}
11050 
+
11051 
+select.input-contains-icon.input--xl ~ .icon, select.input-contains-icon-left.input--xl ~ .icon, select.input-contains-icon-right.input--xl ~ .icon.icon-right {
11052 
+  line-height: 2.5rem;
11053 
+  width: 3.75rem;
11054 
+  font-size: 35px;
11055 
+}
11056 
+
11057 
+select[multiple] option {
11058 
+  padding: 0.2rem 0.4rem;
11059 
+}
11060 
+
11061 
+select.select:not([size]):not([multiple]) {
11062 
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.85rem center/0.5rem 0.6rem no-repeat;
11063 
+  appearance: none;
11064 
+}
11065 
+
11066 
+input:not([class*=btn-]):disabled,
11067 
+input:not([class*=" btn-"]):disabled:hover,
11068 
+select:disabled,
11069 
+textarea:disabled {
11070 
+  background-color: #f1f3f5;
11071 
+  cursor: not-allowed;
11072 
+  border: 1px solid #f1f3f5;
11073 
+}
11074 
+
11075 
+label.label {
11076 
+  color: #495057;
11077 
+  display: inline-block; /* changed from block */
11078 
+  font-weight: bold;
11079 
+  margin-top: 0.8rem;
11080 
+}
11081 
+
11082 
+label + .input-control {
11083 
+  margin-top: 0;
11084 
+}
11085 
+
11086 
+label.label:not(:last-child) {
11087 
+  margin-bottom: 0;
11088 
+}
11089 
+
11090 
+label:first-child:not(:last-child):not(.form-group-label) {
11091 
+  margin-right: 0.5rem;
11092 
+}
11093 
+
11094 
+label:not(:first-child):not(:last-child):not(.form-group-label) {
11095 
+  margin: 0 0.5rem;
11096 
+}
11097 
+
11098 
+label:last-child:not(:first-child):not(.form-group-label) {
11099 
+  margin-left: 0.5rem;
11100 
+}
11101 
+
11102 
+/* Required asterisk */
11103 
+.required {
11104 
+  /* Use this in a span or a div */
11105 
+  position: relative;
11106 
+  top: 1px;
11107 
+  font-weight: bold;
11108 
+  color: #c81e1e;
11109 
+  padding-left: 0.1rem;
11110 
+}
11111 
+
11112 
+/* Used for when the input controls have another control adjacent to it but we want to position it inside the input field like font-awesome glyphs. As of 0.5.2, it is the default container for input fields. */
11113 
+.input-control {
11114 
+  position: relative;
11115 
+  margin: 0.5rem 0;
11116 
+}
11117 
+
11118 
+.input-contains-icon ~ .icon,
11119 
+.input-contains-icon-left ~ .icon,
11120 
+.input-contains-icon-right ~ .icon {
11121 
+  display: flex;
11122 
+  align-items: center;
11123 
+  justify-content: center;
11124 
+  height: 100%;
11125 
+}
11126 
+
11127 
+.input-contains-icon ~ .icon:not(.icon-right),
11128 
+.input-contains-icon-left ~ .icon.icon-left {
11129 
+  /* Nomral input only */
11130 
+  position: absolute;
11131 
+  left: 0;
11132 
+  top: 0;
11133 
+  width: 3rem;
11134 
+  z-index: 1;
11135 
+}
11136 
+
11137 
+.input-contains-icon-right ~ .icon.icon-right {
11138 
+  position: absolute;
11139 
+  pointer-events: none;
11140 
+  line-height: 2.75rem;
11141 
+  vertical-align: baseline;
11142 
+  top: 0;
11143 
+  right: 0;
11144 
+  width: 3rem;
11145 
+  z-index: 1;
11146 
+}
11147 
+
11148 
+/* Form groups that group inputs with other controls. */
11149 
+.form-group {
11150 
+  display: flex;
11151 
+  margin: 0.5rem 0; /* Add margin to the container since they have been removed from children */
11152 
+  /* Fixes the text width being cut off */
11153 
+  /* Form group controls */
11154 
+  /* Keeps inputs in form group above other components */
11155 
+}
11156 
+
11157 
+.form-group .form-group-btn {
11158 
+  flex: 1 0 auto;
11159 
+  margin-bottom: 0;
11160 
+  /* Style the front controls */
11161 
+  /* Style the middle controls */
11162 
+  /* Handles right most control in form group */
11163 
+}
11164 
+
11165 
+.form-group .form-group-btn:first-child:not(:last-child) {
11166 
+  border-top-right-radius: 0 !important;
11167 
+  border-bottom-right-radius: 0 !important;
11168 
+}
11169 
+
11170 
+.form-group .form-group-btn:not(:first-child):not(:last-child) {
11171 
+  border-radius: 0 !important;
11172 
+  margin-left: -1px;
11173 
+  margin-right: -1px; /* Remove spacing in middle controls */
11174 
+}
11175 
+
11176 
+.form-group .form-group-btn:last-child:not(:first-child) {
11177 
+  border-top-left-radius: 0 !important;
11178 
+  border-bottom-left-radius: 0 !important;
11179 
+  margin-left: -1px;
11180 
+  z-index: 0;
11181 
+}
11182 
+
11183 
+.form-group .form-group-btn:focus {
11184 
+  z-index: 1;
11185 
+}
11186 
+
11187 
+.form-group .form-group-label {
11188 
+  background-color: var(--cirrus-form-group-bg);
11189 
+  border: 1px solid #dee2e6;
11190 
+  border-radius: 0.2rem;
11191 
+  color: var(--cirrus-form-group-fg);
11192 
+  margin: 0;
11193 
+  padding: 0.8rem;
11194 
+  user-select: none;
11195 
+  /* Style the front controls */
11196 
+  /* Style the middle controls */
11197 
+  /* Handles right most control in form group */
11198 
+}
11199 
+
11200 
+.form-group .form-group-label:first-child:not(:last-child) {
11201 
+  border-top-right-radius: 0 !important;
11202 
+  border-bottom-right-radius: 0 !important;
11203 
+}
11204 
+
11205 
+.form-group .form-group-label:not(:first-child):not(:last-child) {
11206 
+  border-radius: 0 !important;
11207 
+  margin-left: -1px;
11208 
+  margin-right: -1px; /* Remove spacing in middle controls */
11209 
+}
11210 
+
11211 
+.form-group .form-group-label:last-child:not(:first-child) {
11212 
+  border-top-left-radius: 0 !important;
11213 
+  border-bottom-left-radius: 0 !important;
11214 
+  margin-left: -1px;
11215 
+  z-index: 0;
11216 
+}
11217 
+
11218 
+.form-group .form-group-label.label--xs {
11219 
+  font-size: 0.75rem;
11220 
+}
11221 
+
11222 
+.form-group .form-group-label.label--sm {
11223 
+  font-size: 0.875rem;
11224 
+}
11225 
+
11226 
+.form-group .form-group-label.label--lg {
11227 
+  font-size: 1.25rem;
11228 
+}
11229 
+
11230 
+.form-group .form-group-label.label--xl {
11231 
+  font-size: 1.5rem;
11232 
+}
11233 
+
11234 
+.form-group .form-group-input {
11235 
+  /* Style the front controls */
11236 
+  /* Style the middle controls */
11237 
+  /* Handles right most control in form group */
11238 
+}
11239 
+
11240 
+.form-group .form-group-input:first-child:not(:last-child) {
11241 
+  border-top-right-radius: 0 !important;
11242 
+  border-bottom-right-radius: 0 !important;
11243 
+}
11244 
+
11245 
+.form-group .form-group-input:not(:first-child):not(:last-child) {
11246 
+  border-radius: 0 !important;
11247 
+  margin-left: -1px;
11248 
+  margin-right: -1px; /* Remove spacing in middle controls */
11249 
+}
11250 
+
11251 
+.form-group .form-group-input:last-child:not(:first-child) {
11252 
+  border-top-left-radius: 0 !important;
11253 
+  border-bottom-left-radius: 0 !important;
11254 
+  margin-left: -1px;
11255 
+  z-index: 0;
11256 
+}
11257 
+
11258 
+.form-group .form-group-input:focus {
11259 
+  z-index: 1;
11260 
+}
11261 
+
11262 
+/* Change place holder color */
11263 
+::-moz-placeholder {
11264 
+  color: #a9a9a9; /* Lighter than the default */
11265 
+}
11266 
+
11267 
+::-webkit-input-placeholder {
11268 
+  color: #a9a9a9; /* Lighter than the default */
11269 
+}
11270 
+
11271 
+/* Separate CSS file, but same part as Layout */
11272 
+/* The base container that is similar in structure to a card but more flexible */
11273 
+.frame {
11274 
+  border-radius: 3px;
11275 
+  box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
11276 
+  display: flex;
11277 
+  flex-direction: column;
11278 
+  /* For the frame header and footer, use flex display */
11279 
+  /* The frame navbar can be used with level or header classes to create a navigation menu */
11280 
+}
11281 
+
11282 
+.frame .frame__header,
11283 
+.frame .frame__footer {
11284 
+  flex: 0 0 auto;
11285 
+  padding: 1rem;
11286 
+}
11287 
+
11288 
+.frame .frame__nav {
11289 
+  flex: 0 0 auto;
11290 
+}
11291 
+
11292 
+.frame .frame__body {
11293 
+  flex: 1 1 auto;
11294 
+  overflow-y: auto; /* Show the scrollbar when needed */
11295 
+  padding: 0 1rem;
11296 
+}
11297 
+
11298 
+.frame .frame__title {
11299 
+  color: #0f172a;
11300 
+  font-size: 1rem;
11301 
+  margin: 0.75rem auto 0;
11302 
+}
11303 
+
11304 
+.frame .frame__subtitle {
11305 
+  color: rgba(15, 23, 42, 0.6);
11306 
+  font-size: 1rem;
11307 
+  margin: 0 auto 0.75rem;
11308 
+}
11309 
+
11310 
+/* These styles can also be used on menus in the body */
11311 
+/* HEADER */
11312 
+.header {
11313 
+  flex-grow: 1;
11314 
+  width: 100%;
11315 
+  z-index: 100;
11316 
+  margin-bottom: 20px;
11317 
+  box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1);
11318 
+  background-color: var(--cirrus-bg);
11319 
+  max-height: 100vh;
11320 
+  padding: 0 2rem;
11321 
+  transition: all 0.3s;
11322 
+  display: flex;
11323 
+  --header-link-color: #495057;
11324 
+  --header-link-color-hover: #606a73;
11325 
+  /* Remove any padding set for headers in default.scss */
11326 
+  /* Header dark theme */
11327 
+  /* Add transition to nav menu when it drops down */
11328 
+  /* The container that contains all the header menu components. Child of header */
11329 
+  /* Static header at the top of the screen */
11330 
+  /* Hover effect for header elements when appropriate */
11331 
+}
11332 
+
11333 
+.header h1 {
11334 
+  margin: 0;
11335 
+}
11336 
+
11337 
+.header h2 {
11338 
+  margin: 0;
11339 
+}
11340 
+
11341 
+.header h3 {
11342 
+  margin: 0;
11343 
+}
11344 
+
11345 
+.header h4 {
11346 
+  margin: 0;
11347 
+}
11348 
+
11349 
+.header h5 {
11350 
+  margin: 0;
11351 
+}
11352 
+
11353 
+.header h6 {
11354 
+  margin: 0;
11355 
+}
11356 
+
11357 
+.header a {
11358 
+  color: var(--header-link-color);
11359 
+}
11360 
+
11361 
+.header a:hover {
11362 
+  color: var(--header-link-color-hover);
11363 
+}
11364 
+
11365 
+.header.header-dark {
11366 
+  background-color: rgba(0, 0, 0, 0.87);
11367 
+  color: #fff;
11368 
+  --header-link-color: #fff;
11369 
+  --header-link-color-hover: #fff;
11370 
+  /* Theme for dark menu */
11371 
+}
11372 
+
11373 
+.header.header-clear {
11374 
+  background-color: transparent;
11375 
+  box-shadow: none;
11376 
+  /* Add border radius to whole menu with clear header */
11377 
+}
11378 
+
11379 
+.header.header-clear .nav-item .dropdown-menu {
11380 
+  border-radius: 4px;
11381 
+}
11382 
+
11383 
+.header.header-animated .header-nav {
11384 
+  transition: all 0.3s;
11385 
+}
11386 
+
11387 
+.header .header-nav {
11388 
+  /* Flex display 768px and higher */
11389 
+  overflow: auto;
11390 
+}
11391 
+
11392 
+.header .header-brand {
11393 
+  align-items: stretch;
11394 
+  display: flex;
11395 
+  flex-shrink: 0;
11396 
+  max-width: 100vw;
11397 
+  min-height: 3.25rem;
11398 
+  overflow-x: auto;
11399 
+  overflow-y: hidden;
11400 
+}
11401 
+
11402 
+.header.header-fixed {
11403 
+  position: fixed;
11404 
+  top: 0; /* Change this if you want to float the header somewhere else */
11405 
+}
11406 
+
11407 
+.header:not(.header-clear) .nav-item:not(.no-hover):hover, .header:not(.header-clear) .nav-item:not(.no-hover).hovered {
11408 
+  background-color: rgba(216, 216, 216, 0.15);
11409 
+  transition: all 0.3s;
11410 
+}
11411 
+
11412 
+.header:not(.header-clear) .nav-item.active, .header:not(.header-clear) .nav-item.active:hover {
11413 
+  background-color: rgba(216, 216, 216, 0.35);
11414 
+}
11415 
+
11416 
+.header .nav-btn {
11417 
+  cursor: pointer;
11418 
+  display: block;
11419 
+  height: 3.5rem;
11420 
+  position: relative;
11421 
+  width: 3.5rem;
11422 
+}
11423 
+
11424 
+.header .btn, .header button, .header [type=submit], .header [type=reset], .header [type=button] {
11425 
+  margin: 0;
11426 
+}
11427 
+
11428 
+/* Styles for header menu (aka the nav bar) */
11429 
+.nav-menu {
11430 
+  transition: all 0.3s;
11431 
+}
11432 
+
11433 
+.nav-menu .has-sub {
11434 
+  position: relative;
11435 
+}
11436 
+
11437 
+/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */
11438 
+.nav-overflow-x {
11439 
+  justify-content: inherit;
11440 
+  overflow-x: scroll;
11441 
+}
11442 
+
11443 
+/* Wrapper to vertically center header items */
11444 
+.nav-item {
11445 
+  align-items: center;
11446 
+  display: flex;
11447 
+  position: relative;
11448 
+  flex-grow: 0;
11449 
+  flex-shrink: 0;
11450 
+  justify-content: center;
11451 
+  transition: all 0.3s;
11452 
+  padding: 0 0.3rem;
11453 
+  cursor: pointer;
11454 
+  /* HEADER DROP DOWN MENU */
11455 
+  /* Add room for the dropdown chevron pseudoelement */
11456 
+}
11457 
+
11458 
+.nav-item a {
11459 
+  align-items: center;
11460 
+  display: flex;
11461 
+}
11462 
+
11463 
+.nav-item .dropdown-menu {
11464 
+  background-color: var(--cirrus-bg);
11465 
+  position: absolute;
11466 
+  top: 95%;
11467 
+  /*right: 0; /* Unable to solve problem when we have multiple drop down menus */
11468 
+  z-index: 1000;
11469 
+  float: left;
11470 
+  min-width: 160px;
11471 
+  padding: 5px 0;
11472 
+  margin: 2px 0 0;
11473 
+  font-size: 14px;
11474 
+  text-align: left;
11475 
+  list-style: none;
11476 
+  background-clip: padding-box;
11477 
+  border: 1px solid #e9ecef;
11478 
+  border-radius: 0 0 4px 4px;
11479 
+  box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1);
11480 
+  /* Just add a transition in general */
11481 
+}
11482 
+
11483 
+.nav-item .dropdown-menu.dropdown-animated {
11484 
+  transition: all var(--animation-duration);
11485 
+}
11486 
+
11487 
+.nav-item .dropdown-menu > li > a {
11488 
+  display: block;
11489 
+  padding: 0.5rem 1rem;
11490 
+  clear: both;
11491 
+  line-height: 1.42857143;
11492 
+  white-space: nowrap;
11493 
+}
11494 
+
11495 
+.nav-item .dropdown-menu > li {
11496 
+  margin: 0;
11497 
+  transition: all 0.3s;
11498 
+}
11499 
+
11500 
+.nav-item .dropdown-menu > li:hover {
11501 
+  transition: all 0.3s;
11502 
+  background-color: rgba(216, 216, 216, 0.15);
11503 
+}
11504 
+
11505 
+.nav-item .dropdown-menu > li:active {
11506 
+  transition: all 0.3s;
11507 
+  background-color: rgba(216, 216, 216, 0.25);
11508 
+}
11509 
+
11510 
+.nav-item .dropdown-menu > li:last-child {
11511 
+  margin-bottom: 0;
11512 
+}
11513 
+
11514 
+.nav-item .dropdown-menu .dropdown-menu-divider {
11515 
+  border: none;
11516 
+  background-color: rgba(216, 216, 216, 0.15);
11517 
+  height: 1px;
11518 
+  margin: 0.5rem 0;
11519 
+}
11520 
+
11521 
+.nav-item.has-sub .nav-dropdown-link {
11522 
+  padding-right: 2.5rem;
11523 
+  position: relative; /* Needed for hiding glyphs in mobile header */
11524 
+  /* Dropdown menu location adjustment located below for sizes above phones */
11525 
+  /* Dropdown menu indicator */
11526 
+}
11527 
+
11528 
+.nav-item.has-sub .nav-dropdown-link::after {
11529 
+  border: 2px solid #f03d4d; /* Must be first to create the triangle shape */
11530 
+  border-right: 0; /* Create the triangle effect */
11531 
+  border-top: 0;
11532 
+  display: block;
11533 
+  height: 0.5em;
11534 
+  width: 0.5em;
11535 
+  content: " ";
11536 
+  transform: rotate(-45deg);
11537 
+  pointer-events: none;
11538 
+  margin-top: -0.435em;
11539 
+  right: 1.125em;
11540 
+  top: 50%;
11541 
+  position: absolute;
11542 
+}
11543 
+
11544 
+/* Dark dropdown menu theme */
11545 
+.nav-item .dropdown-menu.dropdown-dark,
11546 
+.header.header-dark .dropdown-menu {
11547 
+  background-color: rgba(0, 0, 0, 0.87);
11548 
+  border: 1px solid #343a40;
11549 
+  color: #fff;
11550 
+}
11551 
+
11552 
+.dropdown-menu.dropdown-shown,
11553 
+.nav-item.active {
11554 
+  opacity: 1;
11555 
+}
11556 
+
11557 
+@media screen and (min-width: 768px) {
11558 
+  .header {
11559 
+    align-items: stretch;
11560 
+    display: flex;
11561 
+    /* Align items to the left */
11562 
+    /* Align items to the right */
11563 
+    /* Centering items, best used when nav-brand is not used to prevent offset */
11564 
+    /* Hide hamburger button */
11565 
+  }
11566 
+  .header .header-nav {
11567 
+    flex-grow: 1;
11568 
+    align-items: stretch; /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */
11569 
+    display: flex;
11570 
+    position: relative;
11571 
+    text-align: center;
11572 
+    width: 100%;
11573 
+    top: 0;
11574 
+    overflow: visible; /* Only visible for showing dropdown menus, hidden for mobile */
11575 
+  }
11576 
+  .header .nav-left {
11577 
+    align-items: stretch;
11578 
+    flex-basis: 0;
11579 
+    flex-grow: 1;
11580 
+    flex-shrink: 0;
11581 
+    display: flex;
11582 
+    justify-content: flex-start;
11583 
+    white-space: nowrap;
11584 
+    /* Align dropdown menu to the left side of the parent nav-item for header-left */
11585 
+  }
11586 
+  .header .nav-left .has-sub .dropdown-menu {
11587 
+    left: 0;
11588 
+    right: auto;
11589 
+  }
11590 
+  .header .nav-right {
11591 
+    align-items: stretch;
11592 
+    flex-basis: 0;
11593 
+    flex-grow: 1;
11594 
+    flex-shrink: 0;
11595 
+    display: flex;
11596 
+    justify-content: flex-end;
11597 
+    white-space: nowrap;
11598 
+    /* Align dropdown menu to the right side of the parent nav-item for header-right */
11599 
+  }
11600 
+  .header .nav-right .has-sub .dropdown-menu {
11601 
+    left: auto;
11602 
+    right: 0;
11603 
+  }
11604 
+  .header .nav-center {
11605 
+    align-items: stretch;
11606 
+    display: flex;
11607 
+    flex-grow: 0;
11608 
+    flex-shrink: 0;
11609 
+    justify-content: center;
11610 
+    margin-left: auto;
11611 
+    margin-right: auto;
11612 
+  }
11613 
+  .header .nav-btn {
11614 
+    display: none;
11615 
+  }
11616 
+  .header .nav-item {
11617 
+    /* Expand link area for desktop views so it is easier to click */
11618 
+  }
11619 
+  .header .nav-item a {
11620 
+    padding: 0.5rem 1rem;
11621 
+  }
11622 
+  .header .nav-item .dropdown-menu {
11623 
+    opacity: 0;
11624 
+    pointer-events: none; /* Make cursor not respond to menu links when not displayed */
11625 
+  }
11626 
+  .header .nav-item .dropdown-menu.dropdown-animated {
11627 
+    transform: translateY(-5px);
11628 
+  }
11629 
+  .header .nav-item .dropdown-menu.dropdown-shown, .header .nav-item.toggle-hover:hover .dropdown-menu,
11630 
+.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown {
11631 
+    opacity: 1;
11632 
+    transform: none;
11633 
+    pointer-events: auto;
11634 
+  }
11635 
+}
11636 
+@media screen and (max-width: 767px) {
11637 
+  /* Add scrolling support in header */
11638 
+  .header {
11639 
+    flex-direction: column;
11640 
+    /* Hide dropdown menu on mobile */
11641 
+  }
11642 
+  .header .header-brand .nav-item:first-child {
11643 
+    padding: 0 1rem; /* Add padding to the first child, usually the logo */
11644 
+  }
11645 
+  .header .header-nav {
11646 
+    height: 0;
11647 
+    /* Show the dropdown */
11648 
+    /* Make the menu items larger in the dropdown menu */
11649 
+    /* Get rid of extra spaces */
11650 
+  }
11651 
+  .header .header-nav.active {
11652 
+    height: 100vh;
11653 
+  }
11654 
+  .header .header-nav .nav-item {
11655 
+    padding: 1rem;
11656 
+  }
11657 
+  .header .header-nav .nav-item > a {
11658 
+    padding: 0;
11659 
+    width: 100%; /* Stretch the link to span the entire list item */
11660 
+  }
11661 
+  /* Remove flex for mobile devices */
11662 
+  .nav-item.has-sub {
11663 
+    display: block;
11664 
+  }
11665 
+  .nav-item.has-sub .dropdown-menu {
11666 
+    /* Hide the menu by default in mobile view (overflow on header-right can expose it) */
11667 
+    display: none;
11668 
+  }
11669 
+  .nav-item.has-sub .dropdown-menu.dropdown-shown {
11670 
+    border-radius: 0;
11671 
+    box-shadow: none;
11672 
+    display: block;
11673 
+    position: relative;
11674 
+    top: 1rem;
11675 
+    float: none;
11676 
+    border: none;
11677 
+    background-color: transparent;
11678 
+    margin-bottom: 1rem;
11679 
+  }
11680 
+  .nav-item.has-sub .dropdown-menu.dropdown-dark {
11681 
+    background-color: rgba(0, 0, 0, 0.17);
11682 
+    border: 0;
11683 
+  }
11684 
+  /* Hamburger button */
11685 
+  .nav-btn {
11686 
+    cursor: pointer;
11687 
+    display: block;
11688 
+    position: relative;
11689 
+    margin-left: auto;
11690 
+    /* Hamburger button on active */
11691 
+  }
11692 
+  .nav-btn span {
11693 
+    background-color: var(--header-link-color);
11694 
+    display: block;
11695 
+    height: 2px;
11696 
+    left: 50%;
11697 
+    margin-left: -7px;
11698 
+    position: absolute;
11699 
+    top: 50%;
11700 
+    transition: all 86ms ease-out;
11701 
+    width: 15px;
11702 
+    /* Line spacing in hamburger button */
11703 
+  }
11704 
+  .nav-btn span:nth-child(1) {
11705 
+    margin-top: -6px;
11706 
+  }
11707 
+  .nav-btn span:nth-child(2) {
11708 
+    margin-top: -1px;
11709 
+  }
11710 
+  .nav-btn span:nth-child(3) {
11711 
+    margin-top: 4px;
11712 
+  }
11713 
+  .nav-btn.active span:nth-child(1) {
11714 
+    margin-left: -5px;
11715 
+    transform: rotate(45deg);
11716 
+    transform-origin: left top;
11717 
+  }
11718 
+  .nav-btn.active span:nth-child(2) {
11719 
+    opacity: 0;
11720 
+  }
11721 
+  .nav-btn.active span:nth-child(3) {
11722 
+    margin-left: -5px;
11723 
+    transform: rotate(-45deg);
11724 
+    transform-origin: left bottom;
11725 
+  }
11726 
+  /* Hide drop down menu items */
11727 
+  .nav-left,
11728 
+.nav-center,
11729 
+.nav-right {
11730 
+    overflow: hidden;
11731 
+  }
11732 
+  /* No need for JS to show dropdown menu on mobile devices now */
11733 
+  .header .nav-item.has-sub.toggle-hover:not(.no-hover):hover > .dropdown-menu {
11734 
+    border-radius: 0;
11735 
+    box-shadow: none;
11736 
+    display: block;
11737 
+    position: relative;
11738 
+    top: 1rem;
11739 
+    float: none;
11740 
+    border: none;
11741 
+    background-color: transparent;
11742 
+    margin-bottom: 1rem;
11743 
+  }
11744 
+}
11745 
+/* LINKS */
11746 
+a {
11747 
+  color: #5e5cc7;
11748 
+  font-weight: 600;
11749 
+  padding: 2px;
11750 
+  text-decoration: none;
11751 
+  transition: all 0.3s;
11752 
+}
11753 
+
11754 
+a:hover {
11755 
+  color: #4643e2;
11756 
+  transition: all 0.3s;
11757 
+}
11758 
+
11759 
+a.underline {
11760 
+  text-decoration: underline;
11761 
+}
11762 
+
11763 
+.subtitle a {
11764 
+  padding: 0; /* Removes weird offset in subtitle links */
11765 
+}
11766 
+
11767 
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
11768 
+article a,
11769 
+blockquote a {
11770 
+  display: inline;
11771 
+}
11772 
+
11773 
+/* Remove uneeded space since buttons have their own padding */
11774 
+a .btn,
11775 
+a button,
11776 
+[type=submit] a {
11777 
+  margin-bottom: 0;
11778 
+}
11779 
+
11780 
+/* LISTS */
11781 
+ul,
11782 
+ol {
11783 
+  margin: 1rem 0 1rem 1rem;
11784 
+  padding-inline-start: 0.5rem;
11785 
+  /* Handle nesting */
11786 
+}
11787 
+
11788 
+ul ul, ul ol,
11789 
+ol ul,
11790 
+ol ol {
11791 
+  margin: 0 0 0 1rem;
11792 
+}
11793 
+
11794 
+ul {
11795 
+  list-style: disc;
11796 
+  /* Nested list bullet types */
11797 
+}
11798 
+
11799 
+ul ul {
11800 
+  list-style-type: circle;
11801 
+}
11802 
+
11803 
+ul ul ul {
11804 
+  list-style-type: square;
11805 
+}
11806 
+
11807 
+ol ol {
11808 
+  list-style: lower-alpha;
11809 
+}
11810 
+
11811 
+ol ol ol {
11812 
+  list-style: upper-roman;
11813 
+}
11814 
+
11815 
+/* Description lists */
11816 
+dl {
11817 
+  margin: 1rem 0;
11818 
+}
11819 
+
11820 
+/* Detail title */
11821 
+dt {
11822 
+  font-weight: 700;
11823 
+}
11824 
+
11825 
+dd {
11826 
+  margin-bottom: 0.5rem;
11827 
+}
11828 
+
11829 
+li {
11830 
+  margin: 0.25rem 0;
11831 
+}
11832 
+
11833 
+/* MISC */
11834 
+ul {
11835 
+  /* MENU LISTS */
11836 
+  /* Style headers to have even space distribution. */
11837 
+  /* Style menu items */
11838 
+  /* Style sub menus inside a menu */
11839 
+  /* Menu item divider */
11840 
+  /* Title for the section separated by the divider */
11841 
+}
11842 
+
11843 
+ul.no-bullets {
11844 
+  list-style: none;
11845 
+}
11846 
+
11847 
+ul.menu {
11848 
+  font-size: 1rem;
11849 
+  list-style: none;
11850 
+  margin: 0.5rem 0;
11851 
+}
11852 
+
11853 
+ul .menu-title:not(:first-child) {
11854 
+  margin-bottom: 1rem;
11855 
+}
11856 
+
11857 
+ul .menu-title:not(:last-child) {
11858 
+  margin-top: 1rem;
11859 
+}
11860 
+
11861 
+ul .menu-item a {
11862 
+  color: #495057;
11863 
+  display: block;
11864 
+  padding: 0.5em 0.75em;
11865 
+  border-radius: 3px;
11866 
+  font-size: var(--font-size-s);
11867 
+  cursor: pointer;
11868 
+  transition: all var(--animation-duration);
11869 
+}
11870 
+
11871 
+ul .menu-item:hover > a {
11872 
+  background-color: rgba(208, 208, 208, 0.3);
11873 
+  color: #f03d4d;
11874 
+  transition: all var(--animation-duration);
11875 
+}
11876 
+
11877 
+ul .menu-item.selected > a {
11878 
+  color: #fff;
11879 
+  background-color: #f03d4d;
11880 
+}
11881 
+
11882 
+ul .menu-item .menu-addon {
11883 
+  padding: 0.3rem;
11884 
+  z-index: 1;
11885 
+  position: relative;
11886 
+  color: var(--cirrus-fg);
11887 
+  cursor: pointer;
11888 
+  float: left;
11889 
+  margin-right: 0.1rem;
11890 
+  transition: all var(--animation-duration);
11891 
+}
11892 
+
11893 
+ul .menu-item .menu-addon .icon {
11894 
+  font-size: inherit;
11895 
+  vertical-align: auto;
11896 
+}
11897 
+
11898 
+ul .menu-item .menu-addon:hover {
11899 
+  transition: all var(--animation-duration);
11900 
+}
11901 
+
11902 
+ul .menu-item .menu-addon.right {
11903 
+  float: right;
11904 
+  margin-right: 0;
11905 
+  margin-left: 0.1rem;
11906 
+}
11907 
+
11908 
+ul .menu-item.selected .menu-addon {
11909 
+  color: #fff;
11910 
+}
11911 
+
11912 
+ul .menu-item ul {
11913 
+  border-left: 1px solid #dee2e6;
11914 
+  margin: 0.75rem;
11915 
+  padding-left: 0.75rem;
11916 
+}
11917 
+
11918 
+ul .divider {
11919 
+  border-top: 0.1rem solid #e9ecef;
11920 
+  height: 0.1rem;
11921 
+  margin: 1rem 0;
11922 
+}
11923 
+
11924 
+ul .divider::after {
11925 
+  content: attr(data-label); /* Text that will be displayed */
11926 
+  background-color: var(--cirrus-bg);
11927 
+  color: #adb5bd;
11928 
+  display: inline-block;
11929 
+  padding: 0 0.7rem;
11930 
+  margin: 0.5rem;
11931 
+  font-size: 0.7rem;
11932 
+  transform: translateY(-1.1rem);
11933 
+}
11934 
+
11935 
+/* Dropdown menu for dropdown buttons */
11936 
+.list-dropdown {
11937 
+  display: inline-block;
11938 
+  position: relative;
11939 
+  /* Allow for shown and :focus selectors for JS and native CSS transitions */
11940 
+}
11941 
+
11942 
+.list-dropdown .menu {
11943 
+  position: absolute;
11944 
+  top: 75%;
11945 
+  left: 0;
11946 
+  animation: slide-down var(--animation-duration) ease 1;
11947 
+  background-color: var(--cirrus-bg);
11948 
+  border-radius: 0.2rem;
11949 
+  box-shadow: 0 1rem 3rem rgba(149, 157, 165, 0.3);
11950 
+  margin: 0;
11951 
+  opacity: 0;
11952 
+  min-width: 15rem;
11953 
+  padding: 0.25rem 0.5rem;
11954 
+  transform: translateY(0.5rem);
11955 
+  z-index: 10;
11956 
+  pointer-events: none; /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */
11957 
+  overflow: hidden;
11958 
+  transition: all var(--animation-duration);
11959 
+}
11960 
+
11961 
+@media screen and (max-width: 767px) {
11962 
+  .list-dropdown .menu {
11963 
+    height: 0;
11964 
+    padding: 0 !important;
11965 
+    position: relative;
11966 
+  }
11967 
+}
11968 
+.list-dropdown.dropdown-right .menu {
11969 
+  left: auto;
11970 
+  right: 0;
11971 
+}
11972 
+
11973 
+.list-dropdown.shown .menu,
11974 
+.list-dropdown .btn-dropdown:focus + .menu,
11975 
+.list-dropdown .menu:hover {
11976 
+  display: block;
11977 
+  opacity: 1;
11978 
+  top: 100%;
11979 
+  z-index: 100;
11980 
+  pointer-events: auto; /* Restore pointer events */
11981 
+  height: auto;
11982 
+  transition: all var(--animation-duration);
11983 
+}
11984 
+
11985 
+.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
11986 
+  border-bottom-right-radius: 3px;
11987 
+  border-top-right-radius: 3px;
11988 
+}
11989 
+
11990 
+/* TREE */
11991 
+/* Tree Navigation Menu */
11992 
+.tree {
11993 
+  margin: 0;
11994 
+}
11995 
+
11996 
+.tree .tree-item {
11997 
+  /* The title of the tree menu */
11998 
+  /* The dropdown glyph of the tree menu */
11999 
+  /* Expand the tree-item-body (has menu-items) */
12000 
+  /* Rotate the dropdown glyph */
12001 
+  /* Container for the menu-items of the tree menu */
12002 
+}
12003 
+
12004 
+.tree .tree-item .tree-item-header {
12005 
+  display: block;
12006 
+  padding: 0.25rem 0.5rem;
12007 
+  cursor: pointer;
12008 
+  font-weight: 700; /* Keep styling consistent with menu-items */
12009 
+}
12010 
+
12011 
+.tree .tree-item .tree-item-header .icon {
12012 
+  transition: all var(--animation-duration);
12013 
+}
12014 
+
12015 
+.tree .tree-item input:checked ~ .tree-item-body {
12016 
+  max-height: 100vh;
12017 
+}
12018 
+
12019 
+.tree .tree-item input:checked ~ .tree-item-header .icon {
12020 
+  transform: rotate(90deg);
12021 
+}
12022 
+
12023 
+.tree .tree-item .tree-item-body {
12024 
+  max-height: 0; /* Hidden at first */
12025 
+  margin-left: 1.5rem;
12026 
+  overflow: hidden;
12027 
+  transition: all var(--animation-duration);
12028 
+}
12029 
+
12030 
+/* The body that will encompass the tree-nav and tree-nav-content */
12031 
+.tree-nav-body {
12032 
+  display: flex;
12033 
+  height: 100vh;
12034 
+  flex-wrap: nowrap;
12035 
+  /* A fixed menu on the side with a tree component */
12036 
+  /* The container for the tree component to prevent it from overflowing */
12037 
+  /* Darkened area that will close the navbar when clicked for mobile only */
12038 
+  /* Push document body further right to account for sidebar space */
12039 
+  /* The body where all other HTML components are entered if a tree-nav is used */
12040 
+}
12041 
+
12042 
+.tree-nav-body .tree-nav {
12043 
+  flex-grow: 0;
12044 
+  flex-shrink: 1;
12045 
+  padding: 2rem 1rem 2rem 2rem;
12046 
+  min-width: 15rem;
12047 
+  height: 100vh;
12048 
+  overflow: auto;
12049 
+}
12050 
+
12051 
+.tree-nav-body .tree-nav-container {
12052 
+  overflow-y: auto;
12053 
+  top: 4rem;
12054 
+  bottom: 1rem;
12055 
+}
12056 
+
12057 
+.tree-nav-body + .tree-nav-close {
12058 
+  display: none; /* Not needed in desktop */
12059 
+}
12060 
+
12061 
+.tree-nav-body + .tree-nav-content {
12062 
+  max-width: 100%;
12063 
+  padding: 2rem;
12064 
+  flex: 1 0 auto;
12065 
+  overflow: auto;
12066 
+  margin: 0;
12067 
+}
12068 
+
12069 
+.tree-nav-body .tree-nav-content {
12070 
+  width: 100%;
12071 
+  overflow: auto;
12072 
+  margin: 0;
12073 
+  padding: 2rem;
12074 
+}
12075 
+
12076 
+@media screen and (max-width: 767px) {
12077 
+  /* Hide the menu to the side by default */
12078 
+  .tree-nav {
12079 
+    height: 100%;
12080 
+    left: 0;
12081 
+    overflow-y: auto;
12082 
+    padding: 3rem 1.5rem;
12083 
+    position: fixed;
12084 
+    top: 0;
12085 
+    transform: translateX(-100%);
12086 
+    transition: transform var(--animation-duration) ease;
12087 
+    z-index: 400;
12088 
+    /* Open the menu from the side */
12089 
+    /* Use a link and add the id of this element as the url */
12090 
+    /* Create the area to click to close the menu */
12091 
+    /* Reset max-width in mobile */
12092 
+  }
12093 
+  .tree-nav:target {
12094 
+    transform: translateX(0);
12095 
+    transition: transform var(--animation-duration) ease;
12096 
+    /* Show the darkened area when the tree nav menu is clicked */
12097 
+  }
12098 
+  .tree-nav:target + .tree-nav-close {
12099 
+    display: block;
12100 
+    background-color: rgba(0, 0, 0, 0.15);
12101 
+    height: 100%;
12102 
+    left: 0;
12103 
+    position: fixed;
12104 
+    right: 0;
12105 
+    top: 0;
12106 
+    width: 100%;
12107 
+    z-index: 300;
12108 
+  }
12109 
+  .tree-nav .tree-nav-close {
12110 
+    background-color: rgba(0, 0, 0, 0.15);
12111 
+    display: none;
12112 
+    height: 100%;
12113 
+    left: 0;
12114 
+    position: fixed;
12115 
+    right: 0;
12116 
+    top: 0;
12117 
+    width: 100%;
12118 
+    z-index: 300;
12119 
+  }
12120 
+  .tree-nav + .tree-nav-body {
12121 
+    max-width: inherit;
12122 
+  }
12123 
+  /* Header bar for mobile websites with the tree-nav */
12124 
+  .tree-nav-header {
12125 
+    position: fixed;
12126 
+    top: 0;
12127 
+    left: 0;
12128 
+    right: 0;
12129 
+    background-color: rgba(248, 249, 250, 0.8);
12130 
+    height: 3.5rem;
12131 
+    padding: 0.75rem 0.5rem;
12132 
+    text-align: center;
12133 
+    z-index: 300;
12134 
+  }
12135 
+  /* For dropdown menu used in header (different from header dropdown) */
12136 
+  .nav-item.has-sub .list-dropdown {
12137 
+    width: 100%;
12138 
+  }
12139 
+  .nav-item.has-sub .list-dropdown .btn-group {
12140 
+    width: 100%;
12141 
+  }
12142 
+  .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
12143 
+    flex-grow: 0;
12144 
+  }
12145 
+  /* Show the dropdown menu in mobile hamburger menu relative with the header menu */
12146 
+  .list-dropdown .btn-dropdown:focus + .menu {
12147 
+    position: relative;
12148 
+    width: 100%;
12149 
+  }
12150 
+}
12151 
+.progress {
12152 
+  --progress-color: #f03d4d;
12153 
+  background-color: #e9ecef;
12154 
+  border: none;
12155 
+  border-radius: 0.25rem;
12156 
+  overflow: hidden;
12157 
+  padding: 0;
12158 
+  width: 100%;
12159 
+  height: 0.75rem;
12160 
+}
12161 
+
12162 
+.progress::-webkit-progress-bar {
12163 
+  background-color: transparent;
12164 
+}
12165 
+
12166 
+.progress::-webkit-progress-value {
12167 
+  background-color: var(--progress-color);
12168 
+}
12169 
+
12170 
+.progress::-moz-progress-bar {
12171 
+  background-color: var(--progress-color);
12172 
+}
12173 
+
12174 
+.progress::-ms-fill {
12175 
+  background-color: var(--progress-color);
12176 
+  border: none;
12177 
+}
12178 
+
12179 
+.progress.progress--xs {
12180 
+  height: 0.25rem;
12181 
+}
12182 
+
12183 
+.progress.progress--sm {
12184 
+  height: 0.5rem;
12185 
+}
12186 
+
12187 
+.progress.progress--md {
12188 
+  height: 0.75rem;
12189 
+}
12190 
+
12191 
+.progress.progress--lg {
12192 
+  height: 1rem;
12193 
+}
12194 
+
12195 
+.progress.progress--xl {
12196 
+  height: 1.25rem;
12197 
+}
12198 
+
12199 
+.progress.progress--primary {
12200 
+  --progress-color: #f03d4d;
12201 
+}
12202 
+
12203 
+.progress.progress--dark {
12204 
+  --progress-color: #363636;
12205 
+}
12206 
+
12207 
+.progress.progress--link {
12208 
+  --progress-color: #5e5cc7;
12209 
+}
12210 
+
12211 
+.progress.progress--info {
12212 
+  --progress-color: #2972fa;
12213 
+}
12214 
+
12215 
+.progress.progress--success {
12216 
+  --progress-color: #0dd157;
12217 
+}
12218 
+
12219 
+.progress.progress--warning {
12220 
+  --progress-color: #fab633;
12221 
+}
12222 
+
12223 
+.progress.progress--danger {
12224 
+  --progress-color: #fb4143;
12225 
+}
12226 
+
12227 
+.progress:indeterminate {
12228 
+  animation: progress-indeterminate 1.5s linear infinite;
12229 
+  background: #e9ecef linear-gradient(to right, var(--progress-color) 30%, #e9ecef 30%) top left/150% 150% no-repeat;
12230 
+}
12231 
+
12232 
+.progress:indeterminate::-webkit-progress-bar {
12233 
+  --progress-color: transparent;
12234 
+}
12235 
+
12236 
+.progress:indeterminate::-moz-progress-bar {
12237 
+  --progress-color: transparent;
12238 
+}
12239 
+
12240 
+.progress:indeterminate::-ms-fill {
12241 
+  animation-name: none;
12242 
+}
12243 
+
12244 
+@keyframes progress-indeterminate {
12245 
+  0% {
12246 
+    background-position: 200% 0;
12247 
+  }
12248 
+  100% {
12249 
+    background-position: -200% 0;
12250 
+  }
12251 
+}
12252 
+/* TABLE */
12253 
+.table-container {
12254 
+  overflow: auto;
12255 
+  overflow-y: hidden;
12256 
+  max-width: 100%;
12257 
+}
12258 
+
12259 
+.table {
12260 
+  margin-bottom: 1.5rem;
12261 
+  width: 100%;
12262 
+  border-collapse: collapse; /* Allows us to set 0 margin in table cells */
12263 
+  border-spacing: 0;
12264 
+  text-align: center; /* Text center by default */
12265 
+  /* Thicker border for table header */
12266 
+  /* CUSTOM STYLES */
12267 
+  /* All borders */
12268 
+  /* Striped table */
12269 
+  /* Decrease padding */
12270 
+  /* Fixed title table */
12271 
+  /* Borderless Table (for inner cells) */
12272 
+}
12273 
+
12274 
+.table td,
12275 
+.table th {
12276 
+  border: 1px solid rgba(222, 226, 230, 0.5);
12277 
+  border-width: 0 0 1px;
12278 
+  padding: 0.75rem;
12279 
+  vertical-align: top;
12280 
+  text-align: inherit;
12281 
+  margin: 0;
12282 
+}
12283 
+
12284 
+.table tr {
12285 
+  transition: all 0.3s;
12286 
+}
12287 
+
12288 
+.table tr.selected {
12289 
+  /* Style a selected row */
12290 
+  background-color: #f03d4d;
12291 
+  color: #fff;
12292 
+}
12293 
+
12294 
+.table .table caption {
12295 
+  padding-top: 0.75rem;
12296 
+  padding-bottom: 0.75rem;
12297 
+  color: #dee2e6;
12298 
+  text-align: left;
12299 
+  caption-side: bottom;
12300 
+}
12301 
+
12302 
+.table tr:not(.selected):hover, .table.striped tbody tr:not(.selected):nth-child(even):hover {
12303 
+  background-color: rgba(222, 226, 230, 0.15);
12304 
+}
12305 
+
12306 
+.table thead th,
12307 
+.table thead {
12308 
+  border-bottom: 2px solid rgba(222, 226, 230, 0.5);
12309 
+}
12310 
+
12311 
+.table thead th,
12312 
+.table tfoot th {
12313 
+  padding: 1rem;
12314 
+}
12315 
+
12316 
+.table tfoot th {
12317 
+  border-top: 2px solid rgba(222, 226, 230, 0.5);
12318 
+  border-bottom: none;
12319 
+}
12320 
+
12321 
+.table.bordered thead th,
12322 
+.table.bordered thead {
12323 
+  border-bottom: 1px solid rgba(222, 226, 230, 0.5);
12324 
+}
12325 
+
12326 
+.table.bordered td,
12327 
+.table.bordered th {
12328 
+  border: 1px solid rgba(219, 219, 219, 0.5);
12329 
+}
12330 
+
12331 
+.table.bordered thead td,
12332 
+.table.bordered thead {
12333 
+  border-width: 1px;
12334 
+}
12335 
+
12336 
+.table.striped tbody tr:nth-child(even) {
12337 
+  background-color: rgba(0, 0, 0, 0.05);
12338 
+}
12339 
+
12340 
+.table.small td, .table.small th {
12341 
+  padding: 0.25rem 0.75rem;
12342 
+}
12343 
+
12344 
+.table.fixed-head thead {
12345 
+  position: relative;
12346 
+  display: block;
12347 
+}
12348 
+
12349 
+.table.fixed-head tbody {
12350 
+  min-height: 200px; /* Set the height you want */
12351 
+  display: block; /* Needed */
12352 
+  overflow: auto; /* Shows scrollbars */
12353 
+}
12354 
+
12355 
+.table.fixed-head tr {
12356 
+  display: table;
12357 
+  width: 100%; /* Forces row to span container */
12358 
+}
12359 
+
12360 
+.table.borderless thead th, .table.borderless th, .table.borderless td {
12361 
+  border: none;
12362 
+}
12363 
+
12364 
+.u-top-auto {
12365 
+  top: auto !important;
12366 
+}
12367 
+
12368 
+.u-top-0 {
12369 
+  top: 0rem !important;
12370 
+}
12371 
+
12372 
+.u-top-25p {
12373 
+  top: 25% !important;
12374 
+}
12375 
+
12376 
+.u-top-n25p {
12377 
+  top: -25% !important;
12378 
+}
12379 
+
12380 
+.u-top-50p {
12381 
+  top: 50% !important;
12382 
+}
12383 
+
12384 
+.u-top-n50p {
12385 
+  top: -50% !important;
12386 
+}
12387 
+
12388 
+.u-top-75p {
12389 
+  top: 75% !important;
12390 
+}
12391 
+
12392 
+.u-top-n75p {
12393 
+  top: -75% !important;
12394 
+}
12395 
+
12396 
+.u-top-100p {
12397 
+  top: 100% !important;
12398 
+}
12399 
+
12400 
+.u-top-n100p {
12401 
+  top: -100% !important;
12402 
+}
12403 
+
12404 
+.u-top-1 {
12405 
+  top: 0.5rem !important;
12406 
+}
12407 
+
12408 
+.u-top-n1 {
12409 
+  top: -0.5rem !important;
12410 
+}
12411 
+
12412 
+.u-top-2 {
12413 
+  top: 1rem !important;
12414 
+}
12415 
+
12416 
+.u-top-n2 {
12417 
+  top: -1rem !important;
12418 
+}
12419 
+
12420 
+.u-top-3 {
12421 
+  top: 1.5rem !important;
12422 
+}
12423 
+
12424 
+.u-top-n3 {
12425 
+  top: -1.5rem !important;
12426 
+}
12427 
+
12428 
+.u-top-4 {
12429 
+  top: 2rem !important;
12430 
+}
12431 
+
12432 
+.u-top-n4 {
12433 
+  top: -2rem !important;
12434 
+}
12435 
+
12436 
+.u-top-5 {
12437 
+  top: 2.5rem !important;
12438 
+}
12439 
+
12440 
+.u-top-n5 {
12441 
+  top: -2.5rem !important;
12442 
+}
12443 
+
12444 
+.u-top-6 {
12445 
+  top: 3rem !important;
12446 
+}
12447 
+
12448 
+.u-top-n6 {
12449 
+  top: -3rem !important;
12450 
+}
12451 
+
12452 
+.u-top-8 {
12453 
+  top: 4rem !important;
12454 
+}
12455 
+
12456 
+.u-top-n8 {
12457 
+  top: -4rem !important;
12458 
+}
12459 
+
12460 
+.u-left-auto {
12461 
+  left: auto !important;
12462 
+}
12463 
+
12464 
+.u-left-0 {
12465 
+  left: 0rem !important;
12466 
+}
12467 
+
12468 
+.u-left-25p {
12469 
+  left: 25% !important;
12470 
+}
12471 
+
12472 
+.u-left-n25p {
12473 
+  left: -25% !important;
12474 
+}
12475 
+
12476 
+.u-left-50p {
12477 
+  left: 50% !important;
12478 
+}
12479 
+
12480 
+.u-left-n50p {
12481 
+  left: -50% !important;
12482 
+}
12483 
+
12484 
+.u-left-75p {
12485 
+  left: 75% !important;
12486 
+}
12487 
+
12488 
+.u-left-n75p {
12489 
+  left: -75% !important;
12490 
+}
12491 
+
12492 
+.u-left-100p {
12493 
+  left: 100% !important;
12494 
+}
12495 
+
12496 
+.u-left-n100p {
12497 
+  left: -100% !important;
12498 
+}
12499 
+
12500 
+.u-left-1 {
12501 
+  left: 0.5rem !important;
12502 
+}
12503 
+
12504 
+.u-left-n1 {
12505 
+  left: -0.5rem !important;
12506 
+}
12507 
+
12508 
+.u-left-2 {
12509 
+  left: 1rem !important;
12510 
+}
12511 
+
12512 
+.u-left-n2 {
12513 
+  left: -1rem !important;
12514 
+}
12515 
+
12516 
+.u-left-3 {
12517 
+  left: 1.5rem !important;
12518 
+}
12519 
+
12520 
+.u-left-n3 {
12521 
+  left: -1.5rem !important;
12522 
+}
12523 
+
12524 
+.u-left-4 {
12525 
+  left: 2rem !important;
12526 
+}
12527 
+
12528 
+.u-left-n4 {
12529 
+  left: -2rem !important;
12530 
+}
12531 
+
12532 
+.u-left-5 {
12533 
+  left: 2.5rem !important;
12534 
+}
12535 
+
12536 
+.u-left-n5 {
12537 
+  left: -2.5rem !important;
12538 
+}
12539 
+
12540 
+.u-left-6 {
12541 
+  left: 3rem !important;
12542 
+}
12543 
+
12544 
+.u-left-n6 {
12545 
+  left: -3rem !important;
12546 
+}
12547 
+
12548 
+.u-left-8 {
12549 
+  left: 4rem !important;
12550 
+}
12551 
+
12552 
+.u-left-n8 {
12553 
+  left: -4rem !important;
12554 
+}
12555 
+
12556 
+.u-right-auto {
12557 
+  right: auto !important;
12558 
+}
12559 
+
12560 
+.u-right-0 {
12561 
+  right: 0rem !important;
12562 
+}
12563 
+
12564 
+.u-right-25p {
12565 
+  right: 25% !important;
12566 
+}
12567 
+
12568 
+.u-right-n25p {
12569 
+  right: -25% !important;
12570 
+}
12571 
+
12572 
+.u-right-50p {
12573 
+  right: 50% !important;
12574 
+}
12575 
+
12576 
+.u-right-n50p {
12577 
+  right: -50% !important;
12578 
+}
12579 
+
12580 
+.u-right-75p {
12581 
+  right: 75% !important;
12582 
+}
12583 
+
12584 
+.u-right-n75p {
12585 
+  right: -75% !important;
12586 
+}
12587 
+
12588 
+.u-right-100p {
12589 
+  right: 100% !important;
12590 
+}
12591 
+
12592 
+.u-right-n100p {
12593 
+  right: -100% !important;
12594 
+}
12595 
+
12596 
+.u-right-1 {
12597 
+  right: 0.5rem !important;
12598 
+}
12599 
+
12600 
+.u-right-n1 {
12601 
+  right: -0.5rem !important;
12602 
+}
12603 
+
12604 
+.u-right-2 {
12605 
+  right: 1rem !important;
12606 
+}
12607 
+
12608 
+.u-right-n2 {
12609 
+  right: -1rem !important;
12610 
+}
12611 
+
12612 
+.u-right-3 {
12613 
+  right: 1.5rem !important;
12614 
+}
12615 
+
12616 
+.u-right-n3 {
12617 
+  right: -1.5rem !important;
12618 
+}
12619 
+
12620 
+.u-right-4 {
12621 
+  right: 2rem !important;
12622 
+}
12623 
+
12624 
+.u-right-n4 {
12625 
+  right: -2rem !important;
12626 
+}
12627 
+
12628 
+.u-right-5 {
12629 
+  right: 2.5rem !important;
12630 
+}
12631 
+
12632 
+.u-right-n5 {
12633 
+  right: -2.5rem !important;
12634 
+}
12635 
+
12636 
+.u-right-6 {
12637 
+  right: 3rem !important;
12638 
+}
12639 
+
12640 
+.u-right-n6 {
12641 
+  right: -3rem !important;
12642 
+}
12643 
+
12644 
+.u-right-8 {
12645 
+  right: 4rem !important;
12646 
+}
12647 
+
12648 
+.u-right-n8 {
12649 
+  right: -4rem !important;
12650 
+}
12651 
+
12652 
+.u-bottom-auto {
12653 
+  bottom: auto !important;
12654 
+}
12655 
+
12656 
+.u-bottom-0 {
12657 
+  bottom: 0rem !important;
12658 
+}
12659 
+
12660 
+.u-bottom-25p {
12661 
+  bottom: 25% !important;
12662 
+}
12663 
+
12664 
+.u-bottom-n25p {
12665 
+  bottom: -25% !important;
12666 
+}
12667 
+
12668 
+.u-bottom-50p {
12669 
+  bottom: 50% !important;
12670 
+}
12671 
+
12672 
+.u-bottom-n50p {
12673 
+  bottom: -50% !important;
12674 
+}
12675 
+
12676 
+.u-bottom-75p {
12677 
+  bottom: 75% !important;
12678 
+}
12679 
+
12680 
+.u-bottom-n75p {
12681 
+  bottom: -75% !important;
12682 
+}
12683 
+
12684 
+.u-bottom-100p {
12685 
+  bottom: 100% !important;
12686 
+}
12687 
+
12688 
+.u-bottom-n100p {
12689 
+  bottom: -100% !important;
12690 
+}
12691 
+
12692 
+.u-bottom-1 {
12693 
+  bottom: 0.5rem !important;
12694 
+}
12695 
+
12696 
+.u-bottom-n1 {
12697 
+  bottom: -0.5rem !important;
12698 
+}
12699 
+
12700 
+.u-bottom-2 {
12701 
+  bottom: 1rem !important;
12702 
+}
12703 
+
12704 
+.u-bottom-n2 {
12705 
+  bottom: -1rem !important;
12706 
+}
12707 
+
12708 
+.u-bottom-3 {
12709 
+  bottom: 1.5rem !important;
12710 
+}
12711 
+
12712 
+.u-bottom-n3 {
12713 
+  bottom: -1.5rem !important;
12714 
+}
12715 
+
12716 
+.u-bottom-4 {
12717 
+  bottom: 2rem !important;
12718 
+}
12719 
+
12720 
+.u-bottom-n4 {
12721 
+  bottom: -2rem !important;
12722 
+}
12723 
+
12724 
+.u-bottom-5 {
12725 
+  bottom: 2.5rem !important;
12726 
+}
12727 
+
12728 
+.u-bottom-n5 {
12729 
+  bottom: -2.5rem !important;
12730 
+}
12731 
+
12732 
+.u-bottom-6 {
12733 
+  bottom: 3rem !important;
12734 
+}
12735 
+
12736 
+.u-bottom-n6 {
12737 
+  bottom: -3rem !important;
12738 
+}
12739 
+
12740 
+.u-bottom-8 {
12741 
+  bottom: 4rem !important;
12742 
+}
12743 
+
12744 
+.u-bottom-n8 {
12745 
+  bottom: -4rem !important;
12746 
+}
12747 
+
12748 
+.u-blur-none {
12749 
+  --cirrus-blur: blur(0);
12750 
+  filter: var(--cirrus-blur);
12751 
+}
12752 
+
12753 
+.u-blur-xs {
12754 
+  --cirrus-blur: blur(0.25rem);
12755 
+  filter: var(--cirrus-blur);
12756 
+}
12757 
+
12758 
+.u-blur-sm {
12759 
+  --cirrus-blur: blur(0.5rem);
12760 
+  filter: var(--cirrus-blur);
12761 
+}
12762 
+
12763 
+.u-blur-md {
12764 
+  --cirrus-blur: blur(1rem);
12765 
+  filter: var(--cirrus-blur);
12766 
+}
12767 
+
12768 
+.u-blur-lg {
12769 
+  --cirrus-blur: blur(1.5rem);
12770 
+  filter: var(--cirrus-blur);
12771 
+}
12772 
+
12773 
+.u-blur-xl {
12774 
+  --cirrus-blur: blur(3rem);
12775 
+  filter: var(--cirrus-blur);
12776 
+}
12777 
+
12778 
+.u-border-0 {
12779 
+  border-width: 0px;
12780 
+}
12781 
+
12782 
+.u-border-1 {
12783 
+  border-width: 1px;
12784 
+}
12785 
+
12786 
+.u-border-2 {
12787 
+  border-width: 2px;
12788 
+}
12789 
+
12790 
+.u-border-4 {
12791 
+  border-width: 4px;
12792 
+}
12793 
+
12794 
+.u-border-8 {
12795 
+  border-width: 8px;
12796 
+}
12797 
+
12798 
+.u-border-opacity-0 {
12799 
+  --border-opacity: 0;
12800 
+}
12801 
+
12802 
+.u-border-opacity-10 {
12803 
+  --border-opacity: 0.1;
12804 
+}
12805 
+
12806 
+.u-border-opacity-20 {
12807 
+  --border-opacity: 0.2;
12808 
+}
12809 
+
12810 
+.u-border-opacity-30 {
12811 
+  --border-opacity: 0.3;
12812 
+}
12813 
+
12814 
+.u-border-opacity-40 {
12815 
+  --border-opacity: 0.4;
12816 
+}
12817 
+
12818 
+.u-border-opacity-50 {
12819 
+  --border-opacity: 0.5;
12820 
+}
12821 
+
12822 
+.u-border-opacity-60 {
12823 
+  --border-opacity: 0.6;
12824 
+}
12825 
+
12826 
+.u-border-opacity-70 {
12827 
+  --border-opacity: 0.7;
12828 
+}
12829 
+
12830 
+.u-border-opacity-80 {
12831 
+  --border-opacity: 0.8;
12832 
+}
12833 
+
12834 
+.u-border-opacity-90 {
12835 
+  --border-opacity: 0.9;
12836 
+}
12837 
+
12838 
+.u-border-opacity-100 {
12839 
+  --border-opacity: 1;
12840 
+}
12841 
+
12842 
+.u-round-none {
12843 
+  border-radius: 0px;
12844 
+}
12845 
+
12846 
+.u-round-xs {
12847 
+  border-radius: 0.25rem;
12848 
+}
12849 
+
12850 
+.u-round-sm {
12851 
+  border-radius: 0.5rem;
12852 
+}
12853 
+
12854 
+.u-round-md {
12855 
+  border-radius: 0.75rem;
12856 
+}
12857 
+
12858 
+.u-round-lg {
12859 
+  border-radius: 1rem;
12860 
+}
12861 
+
12862 
+.u-round-xl {
12863 
+  border-radius: 1.25rem;
12864 
+}
12865 
+
12866 
+.u-round-full {
12867 
+  border-radius: 9001px;
12868 
+}
12869 
+
12870 
+.u-clear-left {
12871 
+  clear: left !important;
12872 
+}
12873 
+
12874 
+.u-clear-right {
12875 
+  clear: right !important;
12876 
+}
12877 
+
12878 
+.u-clear-both {
12879 
+  clear: both !important;
12880 
+}
12881 
+
12882 
+@media screen and (min-width: 640px) {
12883 
+  .u-clear-left-sm {
12884 
+    clear: left !important;
12885 
+  }
12886 
+}
12887 
+@media screen and (min-width: 640px) {
12888 
+  .u-clear-right-sm {
12889 
+    clear: right !important;
12890 
+  }
12891 
+}
12892 
+@media screen and (min-width: 640px) {
12893 
+  .u-clear-both-sm {
12894 
+    clear: both !important;
12895 
+  }
12896 
+}
12897 
+@media screen and (min-width: 768px) {
12898 
+  .u-clear-left-md {
12899 
+    clear: left !important;
12900 
+  }
12901 
+}
12902 
+@media screen and (min-width: 768px) {
12903 
+  .u-clear-right-md {
12904 
+    clear: right !important;
12905 
+  }
12906 
+}
12907 
+@media screen and (min-width: 768px) {
12908 
+  .u-clear-both-md {
12909 
+    clear: both !important;
12910 
+  }
12911 
+}
12912 
+@media screen and (min-width: 1024px) {
12913 
+  .u-clear-left-lg {
12914 
+    clear: left !important;
12915 
+  }
12916 
+}
12917 
+@media screen and (min-width: 1024px) {
12918 
+  .u-clear-right-lg {
12919 
+    clear: right !important;
12920 
+  }
12921 
+}
12922 
+@media screen and (min-width: 1024px) {
12923 
+  .u-clear-both-lg {
12924 
+    clear: both !important;
12925 
+  }
12926 
+}
12927 
+@media screen and (min-width: 1280px) {
12928 
+  .u-clear-left-xl {
12929 
+    clear: left !important;
12930 
+  }
12931 
+}
12932 
+@media screen and (min-width: 1280px) {
12933 
+  .u-clear-right-xl {
12934 
+    clear: right !important;
12935 
+  }
12936 
+}
12937 
+@media screen and (min-width: 1280px) {
12938 
+  .u-clear-both-xl {
12939 
+    clear: both !important;
12940 
+  }
12941 
+}
12942 
+/*
12943 
+   When using floats, clearfix allows the container to automatically resize so that
12944 
+   other elements are not blocked by children.
12945 
+*/
12946 
+.u-clearfix:after {
12947 
+  clear: both !important;
12948 
+  content: " ";
12949 
+  display: table !important;
12950 
+}
12951 
+
12952 
+.u-none {
12953 
+  display: none !important;
12954 
+}
12955 
+
12956 
+.u-inline {
12957 
+  display: inline !important;
12958 
+}
12959 
+
12960 
+.u-inline-block {
12961 
+  display: inline-block !important;
12962 
+}
12963 
+
12964 
+.u-block {
12965 
+  display: block !important;
12966 
+}
12967 
+
12968 
+.u-flex {
12969 
+  display: flex !important;
12970 
+}
12971 
+
12972 
+.u-inline-flex {
12973 
+  display: inline-flex !important;
12974 
+}
12975 
+
12976 
+.u-table {
12977 
+  display: table !important;
12978 
+}
12979 
+
12980 
+.u-table-row {
12981 
+  display: table-row !important;
12982 
+}
12983 
+
12984 
+.u-table-column {
12985 
+  display: table-column !important;
12986 
+}
12987 
+
12988 
+.u-table-cell {
12989 
+  display: table-cell !important;
12990 
+}
12991 
+
12992 
+@media screen and (min-width: 640px) {
12993 
+  .u-none-sm {
12994 
+    display: none !important;
12995 
+  }
12996 
+}
12997 
+@media screen and (min-width: 640px) {
12998 
+  .u-inline-sm {
12999 
+    display: inline !important;
13000 
+  }
13001 
+}
13002 
+@media screen and (min-width: 640px) {
13003 
+  .u-inline-block-sm {
13004 
+    display: inline-block !important;
13005 
+  }
13006 
+}
13007 
+@media screen and (min-width: 640px) {
13008 
+  .u-block-sm {
13009 
+    display: block !important;
13010 
+  }
13011 
+}
13012 
+@media screen and (min-width: 640px) {
13013 
+  .u-flex-sm {
13014 
+    display: flex !important;
13015 
+  }
13016 
+}
13017 
+@media screen and (min-width: 640px) {
13018 
+  .u-inline-flex-sm {
13019 
+    display: inline-flex !important;
13020 
+  }
13021 
+}
13022 
+@media screen and (min-width: 640px) {
13023 
+  .u-table-sm {
13024 
+    display: table !important;
13025 
+  }
13026 
+}
13027 
+@media screen and (min-width: 640px) {
13028 
+  .u-table-row-sm {
13029 
+    display: table-row !important;
13030 
+  }
13031 
+}
13032 
+@media screen and (min-width: 640px) {
13033 
+  .u-table-column-sm {
13034 
+    display: table-column !important;
13035 
+  }
13036 
+}
13037 
+@media screen and (min-width: 640px) {
13038 
+  .u-table-cell-sm {
13039 
+    display: table-cell !important;
13040 
+  }
13041 
+}
13042 
+@media screen and (min-width: 768px) {
13043 
+  .u-none-md {
13044 
+    display: none !important;
13045 
+  }
13046 
+}
13047 
+@media screen and (min-width: 768px) {
13048 
+  .u-inline-md {
13049 
+    display: inline !important;
13050 
+  }
13051 
+}
13052 
+@media screen and (min-width: 768px) {
13053 
+  .u-inline-block-md {
13054 
+    display: inline-block !important;
13055 
+  }
13056 
+}
13057 
+@media screen and (min-width: 768px) {
13058 
+  .u-block-md {
13059 
+    display: block !important;
13060 
+  }
13061 
+}
13062 
+@media screen and (min-width: 768px) {
13063 
+  .u-flex-md {
13064 
+    display: flex !important;
13065 
+  }
13066 
+}
13067 
+@media screen and (min-width: 768px) {
13068 
+  .u-inline-flex-md {
13069 
+    display: inline-flex !important;
13070 
+  }
13071 
+}
13072 
+@media screen and (min-width: 768px) {
13073 
+  .u-table-md {
13074 
+    display: table !important;
13075 
+  }
13076 
+}
13077 
+@media screen and (min-width: 768px) {
13078 
+  .u-table-row-md {
13079 
+    display: table-row !important;
13080 
+  }
13081 
+}
13082 
+@media screen and (min-width: 768px) {
13083 
+  .u-table-column-md {
13084 
+    display: table-column !important;
13085 
+  }
13086 
+}
13087 
+@media screen and (min-width: 768px) {
13088 
+  .u-table-cell-md {
13089 
+    display: table-cell !important;
13090 
+  }
13091 
+}
13092 
+@media screen and (min-width: 1024px) {
13093 
+  .u-none-lg {
13094 
+    display: none !important;
13095 
+  }
13096 
+}
13097 
+@media screen and (min-width: 1024px) {
13098 
+  .u-inline-lg {
13099 
+    display: inline !important;
13100 
+  }
13101 
+}
13102 
+@media screen and (min-width: 1024px) {
13103 
+  .u-inline-block-lg {
13104 
+    display: inline-block !important;
13105 
+  }
13106 
+}
13107 
+@media screen and (min-width: 1024px) {
13108 
+  .u-block-lg {
13109 
+    display: block !important;
13110 
+  }
13111 
+}
13112 
+@media screen and (min-width: 1024px) {
13113 
+  .u-flex-lg {
13114 
+    display: flex !important;
13115 
+  }
13116 
+}
13117 
+@media screen and (min-width: 1024px) {
13118 
+  .u-inline-flex-lg {
13119 
+    display: inline-flex !important;
13120 
+  }
13121 
+}
13122 
+@media screen and (min-width: 1024px) {
13123 
+  .u-table-lg {
13124 
+    display: table !important;
13125 
+  }
13126 
+}
13127 
+@media screen and (min-width: 1024px) {
13128 
+  .u-table-row-lg {
13129 
+    display: table-row !important;
13130 
+  }
13131 
+}
13132 
+@media screen and (min-width: 1024px) {
13133 
+  .u-table-column-lg {
13134 
+    display: table-column !important;
13135 
+  }
13136 
+}
13137 
+@media screen and (min-width: 1024px) {
13138 
+  .u-table-cell-lg {
13139 
+    display: table-cell !important;
13140 
+  }
13141 
+}
13142 
+@media screen and (min-width: 1280px) {
13143 
+  .u-none-xl {
13144 
+    display: none !important;
13145 
+  }
13146 
+}
13147 
+@media screen and (min-width: 1280px) {
13148 
+  .u-inline-xl {
13149 
+    display: inline !important;
13150 
+  }
13151 
+}
13152 
+@media screen and (min-width: 1280px) {
13153 
+  .u-inline-block-xl {
13154 
+    display: inline-block !important;
13155 
+  }
13156 
+}
13157 
+@media screen and (min-width: 1280px) {
13158 
+  .u-block-xl {
13159 
+    display: block !important;
13160 
+  }
13161 
+}
13162 
+@media screen and (min-width: 1280px) {
13163 
+  .u-flex-xl {
13164 
+    display: flex !important;
13165 
+  }
13166 
+}
13167 
+@media screen and (min-width: 1280px) {
13168 
+  .u-inline-flex-xl {
13169 
+    display: inline-flex !important;
13170 
+  }
13171 
+}
13172 
+@media screen and (min-width: 1280px) {
13173 
+  .u-table-xl {
13174 
+    display: table !important;
13175 
+  }
13176 
+}
13177 
+@media screen and (min-width: 1280px) {
13178 
+  .u-table-row-xl {
13179 
+    display: table-row !important;
13180 
+  }
13181 
+}
13182 
+@media screen and (min-width: 1280px) {
13183 
+  .u-table-column-xl {
13184 
+    display: table-column !important;
13185 
+  }
13186 
+}
13187 
+@media screen and (min-width: 1280px) {
13188 
+  .u-table-cell-xl {
13189 
+    display: table-cell !important;
13190 
+  }
13191 
+}
13192 
+.u-flex-row {
13193 
+  flex-direction: row !important;
13194 
+}
13195 
+
13196 
+.u-flex-row-reverse {
13197 
+  flex-direction: row-reverse !important;
13198 
+}
13199 
+
13200 
+.u-flex-column {
13201 
+  flex-direction: column !important;
13202 
+}
13203 
+
13204 
+.u-flex-column-reverse {
13205 
+  flex-direction: column-reverse !important;
13206 
+}
13207 
+
13208 
+@media screen and (min-width: 640px) {
13209 
+  .u-flex-row-sm {
13210 
+    flex-direction: row !important;
13211 
+  }
13212 
+}
13213 
+@media screen and (min-width: 640px) {
13214 
+  .u-flex-row-reverse-sm {
13215 
+    flex-direction: row-reverse !important;
13216 
+  }
13217 
+}
13218 
+@media screen and (min-width: 640px) {
13219 
+  .u-flex-column-sm {
13220 
+    flex-direction: column !important;
13221 
+  }
13222 
+}
13223 
+@media screen and (min-width: 640px) {
13224 
+  .u-flex-column-reverse-sm {
13225 
+    flex-direction: column-reverse !important;
13226 
+  }
13227 
+}
13228 
+@media screen and (min-width: 768px) {
13229 
+  .u-flex-row-md {
13230 
+    flex-direction: row !important;
13231 
+  }
13232 
+}
13233 
+@media screen and (min-width: 768px) {
13234 
+  .u-flex-row-reverse-md {
13235 
+    flex-direction: row-reverse !important;
13236 
+  }
13237 
+}
13238 
+@media screen and (min-width: 768px) {
13239 
+  .u-flex-column-md {
13240 
+    flex-direction: column !important;
13241 
+  }
13242 
+}
13243 
+@media screen and (min-width: 768px) {
13244 
+  .u-flex-column-reverse-md {
13245 
+    flex-direction: column-reverse !important;
13246 
+  }
13247 
+}
13248 
+@media screen and (min-width: 1024px) {
13249 
+  .u-flex-row-lg {
13250 
+    flex-direction: row !important;
13251 
+  }
13252 
+}
13253 
+@media screen and (min-width: 1024px) {
13254 
+  .u-flex-row-reverse-lg {
13255 
+    flex-direction: row-reverse !important;
13256 
+  }
13257 
+}
13258 
+@media screen and (min-width: 1024px) {
13259 
+  .u-flex-column-lg {
13260 
+    flex-direction: column !important;
13261 
+  }
13262 
+}
13263 
+@media screen and (min-width: 1024px) {
13264 
+  .u-flex-column-reverse-lg {
13265 
+    flex-direction: column-reverse !important;
13266 
+  }
13267 
+}
13268 
+@media screen and (min-width: 1280px) {
13269 
+  .u-flex-row-xl {
13270 
+    flex-direction: row !important;
13271 
+  }
13272 
+}
13273 
+@media screen and (min-width: 1280px) {
13274 
+  .u-flex-row-reverse-xl {
13275 
+    flex-direction: row-reverse !important;
13276 
+  }
13277 
+}
13278 
+@media screen and (min-width: 1280px) {
13279 
+  .u-flex-column-xl {
13280 
+    flex-direction: column !important;
13281 
+  }
13282 
+}
13283 
+@media screen and (min-width: 1280px) {
13284 
+  .u-flex-column-reverse-xl {
13285 
+    flex-direction: column-reverse !important;
13286 
+  }
13287 
+}
13288 
+.u-justify-flex-start {
13289 
+  justify-content: flex-start !important;
13290 
+}
13291 
+
13292 
+.u-justify-center {
13293 
+  justify-content: center !important;
13294 
+}
13295 
+
13296 
+.u-justify-flex-end {
13297 
+  justify-content: flex-end !important;
13298 
+}
13299 
+
13300 
+.u-justify-space-between {
13301 
+  justify-content: space-between !important;
13302 
+}
13303 
+
13304 
+.u-justify-space-around {
13305 
+  justify-content: space-around !important;
13306 
+}
13307 
+
13308 
+.u-justify-space-evenly {
13309 
+  justify-content: space-evenly !important;
13310 
+}
13311 
+
13312 
+@media screen and (min-width: 640px) {
13313 
+  .u-justify-flex-start-sm {
13314 
+    justify-content: flex-start !important;
13315 
+  }
13316 
+}
13317 
+@media screen and (min-width: 640px) {
13318 
+  .u-justify-center-sm {
13319 
+    justify-content: center !important;
13320 
+  }
13321 
+}
13322 
+@media screen and (min-width: 640px) {
13323 
+  .u-justify-flex-end-sm {
13324 
+    justify-content: flex-end !important;
13325 
+  }
13326 
+}
13327 
+@media screen and (min-width: 640px) {
13328 
+  .u-justify-space-between-sm {
13329 
+    justify-content: space-between !important;
13330 
+  }
13331 
+}
13332 
+@media screen and (min-width: 640px) {
13333 
+  .u-justify-space-around-sm {
13334 
+    justify-content: space-around !important;
13335 
+  }
13336 
+}
13337 
+@media screen and (min-width: 640px) {
13338 
+  .u-justify-space-evenly-sm {
13339 
+    justify-content: space-evenly !important;
13340 
+  }
13341 
+}
13342 
+@media screen and (min-width: 768px) {
13343 
+  .u-justify-flex-start-md {
13344 
+    justify-content: flex-start !important;
13345 
+  }
13346 
+}
13347 
+@media screen and (min-width: 768px) {
13348 
+  .u-justify-center-md {
13349 
+    justify-content: center !important;
13350 
+  }
13351 
+}
13352 
+@media screen and (min-width: 768px) {
13353 
+  .u-justify-flex-end-md {
13354 
+    justify-content: flex-end !important;
13355 
+  }
13356 
+}
13357 
+@media screen and (min-width: 768px) {
13358 
+  .u-justify-space-between-md {
13359 
+    justify-content: space-between !important;
13360 
+  }
13361 
+}
13362 
+@media screen and (min-width: 768px) {
13363 
+  .u-justify-space-around-md {
13364 
+    justify-content: space-around !important;
13365 
+  }
13366 
+}
13367 
+@media screen and (min-width: 768px) {
13368 
+  .u-justify-space-evenly-md {
13369 
+    justify-content: space-evenly !important;
13370 
+  }
13371 
+}
13372 
+@media screen and (min-width: 1024px) {
13373 
+  .u-justify-flex-start-lg {
13374 
+    justify-content: flex-start !important;
13375 
+  }
13376 
+}
13377 
+@media screen and (min-width: 1024px) {
13378 
+  .u-justify-center-lg {
13379 
+    justify-content: center !important;
13380 
+  }
13381 
+}
13382 
+@media screen and (min-width: 1024px) {
13383 
+  .u-justify-flex-end-lg {
13384 
+    justify-content: flex-end !important;
13385 
+  }
13386 
+}
13387 
+@media screen and (min-width: 1024px) {
13388 
+  .u-justify-space-between-lg {
13389 
+    justify-content: space-between !important;
13390 
+  }
13391 
+}
13392 
+@media screen and (min-width: 1024px) {
13393 
+  .u-justify-space-around-lg {
13394 
+    justify-content: space-around !important;
13395 
+  }
13396 
+}
13397 
+@media screen and (min-width: 1024px) {
13398 
+  .u-justify-space-evenly-lg {
13399 
+    justify-content: space-evenly !important;
13400 
+  }
13401 
+}
13402 
+@media screen and (min-width: 1280px) {
13403 
+  .u-justify-flex-start-xl {
13404 
+    justify-content: flex-start !important;
13405 
+  }
13406 
+}
13407 
+@media screen and (min-width: 1280px) {
13408 
+  .u-justify-center-xl {
13409 
+    justify-content: center !important;
13410 
+  }
13411 
+}
13412 
+@media screen and (min-width: 1280px) {
13413 
+  .u-justify-flex-end-xl {
13414 
+    justify-content: flex-end !important;
13415 
+  }
13416 
+}
13417 
+@media screen and (min-width: 1280px) {
13418 
+  .u-justify-space-between-xl {
13419 
+    justify-content: space-between !important;
13420 
+  }
13421 
+}
13422 
+@media screen and (min-width: 1280px) {
13423 
+  .u-justify-space-around-xl {
13424 
+    justify-content: space-around !important;
13425 
+  }
13426 
+}
13427 
+@media screen and (min-width: 1280px) {
13428 
+  .u-justify-space-evenly-xl {
13429 
+    justify-content: space-evenly !important;
13430 
+  }
13431 
+}
13432 
+.u-items-stretch {
13433 
+  align-items: stretch !important;
13434 
+}
13435 
+
13436 
+.u-items-flex-start {
13437 
+  align-items: flex-start !important;
13438 
+}
13439 
+
13440 
+.u-items-center {
13441 
+  align-items: center !important;
13442 
+}
13443 
+
13444 
+.u-items-flex-end {
13445 
+  align-items: flex-end !important;
13446 
+}
13447 
+
13448 
+.u-items-baseline {
13449 
+  align-items: baseline !important;
13450 
+}
13451 
+
13452 
+@media screen and (min-width: 640px) {
13453 
+  .u-items-stretch-sm {
13454 
+    align-items: stretch !important;
13455 
+  }
13456 
+}
13457 
+@media screen and (min-width: 640px) {
13458 
+  .u-items-flex-start-sm {
13459 
+    align-items: flex-start !important;
13460 
+  }
13461 
+}
13462 
+@media screen and (min-width: 640px) {
13463 
+  .u-items-center-sm {
13464 
+    align-items: center !important;
13465 
+  }
13466 
+}
13467 
+@media screen and (min-width: 640px) {
13468 
+  .u-items-flex-end-sm {
13469 
+    align-items: flex-end !important;
13470 
+  }
13471 
+}
13472 
+@media screen and (min-width: 640px) {
13473 
+  .u-items-baseline-sm {
13474 
+    align-items: baseline !important;
13475 
+  }
13476 
+}
13477 
+@media screen and (min-width: 768px) {
13478 
+  .u-items-stretch-md {
13479 
+    align-items: stretch !important;
13480 
+  }
13481 
+}
13482 
+@media screen and (min-width: 768px) {
13483 
+  .u-items-flex-start-md {
13484 
+    align-items: flex-start !important;
13485 
+  }
13486 
+}
13487 
+@media screen and (min-width: 768px) {
13488 
+  .u-items-center-md {
13489 
+    align-items: center !important;
13490 
+  }
13491 
+}
13492 
+@media screen and (min-width: 768px) {
13493 
+  .u-items-flex-end-md {
13494 
+    align-items: flex-end !important;
13495 
+  }
13496 
+}
13497 
+@media screen and (min-width: 768px) {
13498 
+  .u-items-baseline-md {
13499 
+    align-items: baseline !important;
13500 
+  }
13501 
+}
13502 
+@media screen and (min-width: 1024px) {
13503 
+  .u-items-stretch-lg {
13504 
+    align-items: stretch !important;
13505 
+  }
13506 
+}
13507 
+@media screen and (min-width: 1024px) {
13508 
+  .u-items-flex-start-lg {
13509 
+    align-items: flex-start !important;
13510 
+  }
13511 
+}
13512 
+@media screen and (min-width: 1024px) {
13513 
+  .u-items-center-lg {
13514 
+    align-items: center !important;
13515 
+  }
13516 
+}
13517 
+@media screen and (min-width: 1024px) {
13518 
+  .u-items-flex-end-lg {
13519 
+    align-items: flex-end !important;
13520 
+  }
13521 
+}
13522 
+@media screen and (min-width: 1024px) {
13523 
+  .u-items-baseline-lg {
13524 
+    align-items: baseline !important;
13525 
+  }
13526 
+}
13527 
+@media screen and (min-width: 1280px) {
13528 
+  .u-items-stretch-xl {
13529 
+    align-items: stretch !important;
13530 
+  }
13531 
+}
13532 
+@media screen and (min-width: 1280px) {
13533 
+  .u-items-flex-start-xl {
13534 
+    align-items: flex-start !important;
13535 
+  }
13536 
+}
13537 
+@media screen and (min-width: 1280px) {
13538 
+  .u-items-center-xl {
13539 
+    align-items: center !important;
13540 
+  }
13541 
+}
13542 
+@media screen and (min-width: 1280px) {
13543 
+  .u-items-flex-end-xl {
13544 
+    align-items: flex-end !important;
13545 
+  }
13546 
+}
13547 
+@media screen and (min-width: 1280px) {
13548 
+  .u-items-baseline-xl {
13549 
+    align-items: baseline !important;
13550 
+  }
13551 
+}
13552 
+.u-flex-grow-0 {
13553 
+  flex-grow: 0 !important;
13554 
+}
13555 
+
13556 
+.u-flex-grow-1 {
13557 
+  flex-grow: 1 !important;
13558 
+}
13559 
+
13560 
+@media screen and (min-width: 640px) {
13561 
+  .u-flex-grow-0-sm {
13562 
+    flex-grow: 0 !important;
13563 
+  }
13564 
+}
13565 
+@media screen and (min-width: 640px) {
13566 
+  .u-flex-grow-1-sm {
13567 
+    flex-grow: 1 !important;
13568 
+  }
13569 
+}
13570 
+@media screen and (min-width: 768px) {
13571 
+  .u-flex-grow-0-md {
13572 
+    flex-grow: 0 !important;
13573 
+  }
13574 
+}
13575 
+@media screen and (min-width: 768px) {
13576 
+  .u-flex-grow-1-md {
13577 
+    flex-grow: 1 !important;
13578 
+  }
13579 
+}
13580 
+@media screen and (min-width: 1024px) {
13581 
+  .u-flex-grow-0-lg {
13582 
+    flex-grow: 0 !important;
13583 
+  }
13584 
+}
13585 
+@media screen and (min-width: 1024px) {
13586 
+  .u-flex-grow-1-lg {
13587 
+    flex-grow: 1 !important;
13588 
+  }
13589 
+}
13590 
+@media screen and (min-width: 1280px) {
13591 
+  .u-flex-grow-0-xl {
13592 
+    flex-grow: 0 !important;
13593 
+  }
13594 
+}
13595 
+@media screen and (min-width: 1280px) {
13596 
+  .u-flex-grow-1-xl {
13597 
+    flex-grow: 1 !important;
13598 
+  }
13599 
+}
13600 
+.u-flex-shrink-0 {
13601 
+  flex-shrink: 0 !important;
13602 
+}
13603 
+
13604 
+.u-flex-shrink-1 {
13605 
+  flex-shrink: 1 !important;
13606 
+}
13607 
+
13608 
+@media screen and (min-width: 640px) {
13609 
+  .u-flex-shrink-0-sm {
13610 
+    flex-shrink: 0 !important;
13611 
+  }
13612 
+}
13613 
+@media screen and (min-width: 640px) {
13614 
+  .u-flex-shrink-1-sm {
13615 
+    flex-shrink: 1 !important;
13616 
+  }
13617 
+}
13618 
+@media screen and (min-width: 768px) {
13619 
+  .u-flex-shrink-0-md {
13620 
+    flex-shrink: 0 !important;
13621 
+  }
13622 
+}
13623 
+@media screen and (min-width: 768px) {
13624 
+  .u-flex-shrink-1-md {
13625 
+    flex-shrink: 1 !important;
13626 
+  }
13627 
+}
13628 
+@media screen and (min-width: 1024px) {
13629 
+  .u-flex-shrink-0-lg {
13630 
+    flex-shrink: 0 !important;
13631 
+  }
13632 
+}
13633 
+@media screen and (min-width: 1024px) {
13634 
+  .u-flex-shrink-1-lg {
13635 
+    flex-shrink: 1 !important;
13636 
+  }
13637 
+}
13638 
+@media screen and (min-width: 1280px) {
13639 
+  .u-flex-shrink-0-xl {
13640 
+    flex-shrink: 0 !important;
13641 
+  }
13642 
+}
13643 
+@media screen and (min-width: 1280px) {
13644 
+  .u-flex-shrink-1-xl {
13645 
+    flex-shrink: 1 !important;
13646 
+  }
13647 
+}
13648 
+.u-flex-wrap {
13649 
+  flex-wrap: wrap !important;
13650 
+}
13651 
+
13652 
+.u-flex-wrap-reverse {
13653 
+  flex-wrap: wrap-reverse !important;
13654 
+}
13655 
+
13656 
+.u-flex-nowrap {
13657 
+  flex-wrap: nowrap !important;
13658 
+}
13659 
+
13660 
+@media screen and (min-width: 640px) {
13661 
+  .u-flex-wrap-sm {
13662 
+    flex-wrap: wrap !important;
13663 
+  }
13664 
+}
13665 
+@media screen and (min-width: 640px) {
13666 
+  .u-flex-wrap-reverse-sm {
13667 
+    flex-wrap: wrap-reverse !important;
13668 
+  }
13669 
+}
13670 
+@media screen and (min-width: 640px) {
13671 
+  .u-flex-nowrap-sm {
13672 
+    flex-wrap: nowrap !important;
13673 
+  }
13674 
+}
13675 
+@media screen and (min-width: 768px) {
13676 
+  .u-flex-wrap-md {
13677 
+    flex-wrap: wrap !important;
13678 
+  }
13679 
+}
13680 
+@media screen and (min-width: 768px) {
13681 
+  .u-flex-wrap-reverse-md {
13682 
+    flex-wrap: wrap-reverse !important;
13683 
+  }
13684 
+}
13685 
+@media screen and (min-width: 768px) {
13686 
+  .u-flex-nowrap-md {
13687 
+    flex-wrap: nowrap !important;
13688 
+  }
13689 
+}
13690 
+@media screen and (min-width: 1024px) {
13691 
+  .u-flex-wrap-lg {
13692 
+    flex-wrap: wrap !important;
13693 
+  }
13694 
+}
13695 
+@media screen and (min-width: 1024px) {
13696 
+  .u-flex-wrap-reverse-lg {
13697 
+    flex-wrap: wrap-reverse !important;
13698 
+  }
13699 
+}
13700 
+@media screen and (min-width: 1024px) {
13701 
+  .u-flex-nowrap-lg {
13702 
+    flex-wrap: nowrap !important;
13703 
+  }
13704 
+}
13705 
+@media screen and (min-width: 1280px) {
13706 
+  .u-flex-wrap-xl {
13707 
+    flex-wrap: wrap !important;
13708 
+  }
13709 
+}
13710 
+@media screen and (min-width: 1280px) {
13711 
+  .u-flex-wrap-reverse-xl {
13712 
+    flex-wrap: wrap-reverse !important;
13713 
+  }
13714 
+}
13715 
+@media screen and (min-width: 1280px) {
13716 
+  .u-flex-nowrap-xl {
13717 
+    flex-wrap: nowrap !important;
13718 
+  }
13719 
+}
13720 
+.u-basis-auto {
13721 
+  flex-basis: auto !important;
13722 
+}
13723 
+
13724 
+.u-basis-max-content {
13725 
+  flex-basis: max-content !important;
13726 
+}
13727 
+
13728 
+.u-basis-min-content {
13729 
+  flex-basis: min-content !important;
13730 
+}
13731 
+
13732 
+.u-basis-fit-content {
13733 
+  flex-basis: fit-content !important;
13734 
+}
13735 
+
13736 
+.u-basis-content {
13737 
+  flex-basis: content !important;
13738 
+}
13739 
+
13740 
+.u-basis-revert {
13741 
+  flex-basis: revert !important;
13742 
+}
13743 
+
13744 
+.u-basis-revert-layer {
13745 
+  flex-basis: revert-layer !important;
13746 
+}
13747 
+
13748 
+.u-basis-10p {
13749 
+  flex-basis: 10% !important;
13750 
+}
13751 
+
13752 
+.u-basis-20p {
13753 
+  flex-basis: 20% !important;
13754 
+}
13755 
+
13756 
+.u-basis-30p {
13757 
+  flex-basis: 30% !important;
13758 
+}
13759 
+
13760 
+.u-basis-40p {
13761 
+  flex-basis: 40% !important;
13762 
+}
13763 
+
13764 
+.u-basis-50p {
13765 
+  flex-basis: 50% !important;
13766 
+}
13767 
+
13768 
+.u-basis-60p {
13769 
+  flex-basis: 60% !important;
13770 
+}
13771 
+
13772 
+.u-basis-70p {
13773 
+  flex-basis: 70% !important;
13774 
+}
13775 
+
13776 
+.u-basis-80p {
13777 
+  flex-basis: 80% !important;
13778 
+}
13779 
+
13780 
+.u-basis-90p {
13781 
+  flex-basis: 90% !important;
13782 
+}
13783 
+
13784 
+.u-basis-100p {
13785 
+  flex-basis: 100% !important;
13786 
+}
13787 
+
13788 
+@media screen and (min-width: 640px) {
13789 
+  .u-basis-auto-sm {
13790 
+    flex-basis: auto !important;
13791 
+  }
13792 
+}
13793 
+@media screen and (min-width: 640px) {
13794 
+  .u-basis-max-content-sm {
13795 
+    flex-basis: max-content !important;
13796 
+  }
13797 
+}
13798 
+@media screen and (min-width: 640px) {
13799 
+  .u-basis-min-content-sm {
13800 
+    flex-basis: min-content !important;
13801 
+  }
13802 
+}
13803 
+@media screen and (min-width: 640px) {
13804 
+  .u-basis-fit-content-sm {
13805 
+    flex-basis: fit-content !important;
13806 
+  }
13807 
+}
13808 
+@media screen and (min-width: 640px) {
13809 
+  .u-basis-content-sm {
13810 
+    flex-basis: content !important;
13811 
+  }
13812 
+}
13813 
+@media screen and (min-width: 640px) {
13814 
+  .u-basis-revert-sm {
13815 
+    flex-basis: revert !important;
13816 
+  }
13817 
+}
13818 
+@media screen and (min-width: 640px) {
13819 
+  .u-basis-revert-layer-sm {
13820 
+    flex-basis: revert-layer !important;
13821 
+  }
13822 
+}
13823 
+@media screen and (min-width: 640px) {
13824 
+  .u-basis-10p-sm {
13825 
+    flex-basis: 10% !important;
13826 
+  }
13827 
+}
13828 
+@media screen and (min-width: 640px) {
13829 
+  .u-basis-20p-sm {
13830 
+    flex-basis: 20% !important;
13831 
+  }
13832 
+}
13833 
+@media screen and (min-width: 640px) {
13834 
+  .u-basis-30p-sm {
13835 
+    flex-basis: 30% !important;
13836 
+  }
13837 
+}
13838 
+@media screen and (min-width: 640px) {
13839 
+  .u-basis-40p-sm {
13840 
+    flex-basis: 40% !important;
13841 
+  }
13842 
+}
13843 
+@media screen and (min-width: 640px) {
13844 
+  .u-basis-50p-sm {
13845 
+    flex-basis: 50% !important;
13846 
+  }
13847 
+}
13848 
+@media screen and (min-width: 640px) {
13849 
+  .u-basis-60p-sm {
13850 
+    flex-basis: 60% !important;
13851 
+  }
13852 
+}
13853 
+@media screen and (min-width: 640px) {
13854 
+  .u-basis-70p-sm {
13855 
+    flex-basis: 70% !important;
13856 
+  }
13857 
+}
13858 
+@media screen and (min-width: 640px) {
13859 
+  .u-basis-80p-sm {
13860 
+    flex-basis: 80% !important;
13861 
+  }
13862 
+}
13863 
+@media screen and (min-width: 640px) {
13864 
+  .u-basis-90p-sm {
13865 
+    flex-basis: 90% !important;
13866 
+  }
13867 
+}
13868 
+@media screen and (min-width: 640px) {
13869 
+  .u-basis-100p-sm {
13870 
+    flex-basis: 100% !important;
13871 
+  }
13872 
+}
13873 
+@media screen and (min-width: 768px) {
13874 
+  .u-basis-auto-md {
13875 
+    flex-basis: auto !important;
13876 
+  }
13877 
+}
13878 
+@media screen and (min-width: 768px) {
13879 
+  .u-basis-max-content-md {
13880 
+    flex-basis: max-content !important;
13881 
+  }
13882 
+}
13883 
+@media screen and (min-width: 768px) {
13884 
+  .u-basis-min-content-md {
13885 
+    flex-basis: min-content !important;
13886 
+  }
13887 
+}
13888 
+@media screen and (min-width: 768px) {
13889 
+  .u-basis-fit-content-md {
13890 
+    flex-basis: fit-content !important;
13891 
+  }
13892 
+}
13893 
+@media screen and (min-width: 768px) {
13894 
+  .u-basis-content-md {
13895 
+    flex-basis: content !important;
13896 
+  }
13897 
+}
13898 
+@media screen and (min-width: 768px) {
13899 
+  .u-basis-revert-md {
13900 
+    flex-basis: revert !important;
13901 
+  }
13902 
+}
13903 
+@media screen and (min-width: 768px) {
13904 
+  .u-basis-revert-layer-md {
13905 
+    flex-basis: revert-layer !important;
13906 
+  }
13907 
+}
13908 
+@media screen and (min-width: 768px) {
13909 
+  .u-basis-10p-md {
13910 
+    flex-basis: 10% !important;
13911 
+  }
13912 
+}
13913 
+@media screen and (min-width: 768px) {
13914 
+  .u-basis-20p-md {
13915 
+    flex-basis: 20% !important;
13916 
+  }
13917 
+}
13918 
+@media screen and (min-width: 768px) {
13919 
+  .u-basis-30p-md {
13920 
+    flex-basis: 30% !important;
13921 
+  }
13922 
+}
13923 
+@media screen and (min-width: 768px) {
13924 
+  .u-basis-40p-md {
13925 
+    flex-basis: 40% !important;
13926 
+  }
13927 
+}
13928 
+@media screen and (min-width: 768px) {
13929 
+  .u-basis-50p-md {
13930 
+    flex-basis: 50% !important;
13931 
+  }
13932 
+}
13933 
+@media screen and (min-width: 768px) {
13934 
+  .u-basis-60p-md {
13935 
+    flex-basis: 60% !important;
13936 
+  }
13937 
+}
13938 
+@media screen and (min-width: 768px) {
13939 
+  .u-basis-70p-md {
13940 
+    flex-basis: 70% !important;
13941 
+  }
13942 
+}
13943 
+@media screen and (min-width: 768px) {
13944 
+  .u-basis-80p-md {
13945 
+    flex-basis: 80% !important;
13946 
+  }
13947 
+}
13948 
+@media screen and (min-width: 768px) {
13949 
+  .u-basis-90p-md {
13950 
+    flex-basis: 90% !important;
13951 
+  }
13952 
+}
13953 
+@media screen and (min-width: 768px) {
13954 
+  .u-basis-100p-md {
13955 
+    flex-basis: 100% !important;
13956 
+  }
13957 
+}
13958 
+@media screen and (min-width: 1024px) {
13959 
+  .u-basis-auto-lg {
13960 
+    flex-basis: auto !important;
13961 
+  }
13962 
+}
13963 
+@media screen and (min-width: 1024px) {
13964 
+  .u-basis-max-content-lg {
13965 
+    flex-basis: max-content !important;
13966 
+  }
13967 
+}
13968 
+@media screen and (min-width: 1024px) {
13969 
+  .u-basis-min-content-lg {
13970 
+    flex-basis: min-content !important;
13971 
+  }
13972 
+}
13973 
+@media screen and (min-width: 1024px) {
13974 
+  .u-basis-fit-content-lg {
13975 
+    flex-basis: fit-content !important;
13976 
+  }
13977 
+}
13978 
+@media screen and (min-width: 1024px) {
13979 
+  .u-basis-content-lg {
13980 
+    flex-basis: content !important;
13981 
+  }
13982 
+}
13983 
+@media screen and (min-width: 1024px) {
13984 
+  .u-basis-revert-lg {
13985 
+    flex-basis: revert !important;
13986 
+  }
13987 
+}
13988 
+@media screen and (min-width: 1024px) {
13989 
+  .u-basis-revert-layer-lg {
13990 
+    flex-basis: revert-layer !important;
13991 
+  }
13992 
+}
13993 
+@media screen and (min-width: 1024px) {
13994 
+  .u-basis-10p-lg {
13995 
+    flex-basis: 10% !important;
13996 
+  }
13997 
+}
13998 
+@media screen and (min-width: 1024px) {
13999 
+  .u-basis-20p-lg {
14000 
+    flex-basis: 20% !important;
14001 
+  }
14002 
+}
14003 
+@media screen and (min-width: 1024px) {
14004 
+  .u-basis-30p-lg {
14005 
+    flex-basis: 30% !important;
14006 
+  }
14007 
+}
14008 
+@media screen and (min-width: 1024px) {
14009 
+  .u-basis-40p-lg {
14010 
+    flex-basis: 40% !important;
14011 
+  }
14012 
+}
14013 
+@media screen and (min-width: 1024px) {
14014 
+  .u-basis-50p-lg {
14015 
+    flex-basis: 50% !important;
14016 
+  }
14017 
+}
14018 
+@media screen and (min-width: 1024px) {
14019 
+  .u-basis-60p-lg {
14020 
+    flex-basis: 60% !important;
14021 
+  }
14022 
+}
14023 
+@media screen and (min-width: 1024px) {
14024 
+  .u-basis-70p-lg {
14025 
+    flex-basis: 70% !important;
14026 
+  }
14027 
+}
14028 
+@media screen and (min-width: 1024px) {
14029 
+  .u-basis-80p-lg {
14030 
+    flex-basis: 80% !important;
14031 
+  }
14032 
+}
14033 
+@media screen and (min-width: 1024px) {
14034 
+  .u-basis-90p-lg {
14035 
+    flex-basis: 90% !important;
14036 
+  }
14037 
+}
14038 
+@media screen and (min-width: 1024px) {
14039 
+  .u-basis-100p-lg {
14040 
+    flex-basis: 100% !important;
14041 
+  }
14042 
+}
14043 
+@media screen and (min-width: 1280px) {
14044 
+  .u-basis-auto-xl {
14045 
+    flex-basis: auto !important;
14046 
+  }
14047 
+}
14048 
+@media screen and (min-width: 1280px) {
14049 
+  .u-basis-max-content-xl {
14050 
+    flex-basis: max-content !important;
14051 
+  }
14052 
+}
14053 
+@media screen and (min-width: 1280px) {
14054 
+  .u-basis-min-content-xl {
14055 
+    flex-basis: min-content !important;
14056 
+  }
14057 
+}
14058 
+@media screen and (min-width: 1280px) {
14059 
+  .u-basis-fit-content-xl {
14060 
+    flex-basis: fit-content !important;
14061 
+  }
14062 
+}
14063 
+@media screen and (min-width: 1280px) {
14064 
+  .u-basis-content-xl {
14065 
+    flex-basis: content !important;
14066 
+  }
14067 
+}
14068 
+@media screen and (min-width: 1280px) {
14069 
+  .u-basis-revert-xl {
14070 
+    flex-basis: revert !important;
14071 
+  }
14072 
+}
14073 
+@media screen and (min-width: 1280px) {
14074 
+  .u-basis-revert-layer-xl {
14075 
+    flex-basis: revert-layer !important;
14076 
+  }
14077 
+}
14078 
+@media screen and (min-width: 1280px) {
14079 
+  .u-basis-10p-xl {
14080 
+    flex-basis: 10% !important;
14081 
+  }
14082 
+}
14083 
+@media screen and (min-width: 1280px) {
14084 
+  .u-basis-20p-xl {
14085 
+    flex-basis: 20% !important;
14086 
+  }
14087 
+}
14088 
+@media screen and (min-width: 1280px) {
14089 
+  .u-basis-30p-xl {
14090 
+    flex-basis: 30% !important;
14091 
+  }
14092 
+}
14093 
+@media screen and (min-width: 1280px) {
14094 
+  .u-basis-40p-xl {
14095 
+    flex-basis: 40% !important;
14096 
+  }
14097 
+}
14098 
+@media screen and (min-width: 1280px) {
14099 
+  .u-basis-50p-xl {
14100 
+    flex-basis: 50% !important;
14101 
+  }
14102 
+}
14103 
+@media screen and (min-width: 1280px) {
14104 
+  .u-basis-60p-xl {
14105 
+    flex-basis: 60% !important;
14106 
+  }
14107 
+}
14108 
+@media screen and (min-width: 1280px) {
14109 
+  .u-basis-70p-xl {
14110 
+    flex-basis: 70% !important;
14111 
+  }
14112 
+}
14113 
+@media screen and (min-width: 1280px) {
14114 
+  .u-basis-80p-xl {
14115 
+    flex-basis: 80% !important;
14116 
+  }
14117 
+}
14118 
+@media screen and (min-width: 1280px) {
14119 
+  .u-basis-90p-xl {
14120 
+    flex-basis: 90% !important;
14121 
+  }
14122 
+}
14123 
+@media screen and (min-width: 1280px) {
14124 
+  .u-basis-100p-xl {
14125 
+    flex-basis: 100% !important;
14126 
+  }
14127 
+}
14128 
+.u-gap-0 {
14129 
+  gap: 0rem !important;
14130 
+}
14131 
+
14132 
+.u-gap-1 {
14133 
+  gap: 0.5rem !important;
14134 
+}
14135 
+
14136 
+.u-gap-2 {
14137 
+  gap: 1rem !important;
14138 
+}
14139 
+
14140 
+.u-gap-3 {
14141 
+  gap: 1.5rem !important;
14142 
+}
14143 
+
14144 
+.u-gap-4 {
14145 
+  gap: 2rem !important;
14146 
+}
14147 
+
14148 
+.u-gap-5 {
14149 
+  gap: 2.5rem !important;
14150 
+}
14151 
+
14152 
+.u-gap-6 {
14153 
+  gap: 3rem !important;
14154 
+}
14155 
+
14156 
+.u-gap-8 {
14157 
+  gap: 4rem !important;
14158 
+}
14159 
+
14160 
+.u-gap-10 {
14161 
+  gap: 5rem !important;
14162 
+}
14163 
+
14164 
+.u-gap-12 {
14165 
+  gap: 6rem !important;
14166 
+}
14167 
+
14168 
+.u-gap-16 {
14169 
+  gap: 8rem !important;
14170 
+}
14171 
+
14172 
+.u-gap-20 {
14173 
+  gap: 10rem !important;
14174 
+}
14175 
+
14176 
+.u-gap-24 {
14177 
+  gap: 12rem !important;
14178 
+}
14179 
+
14180 
+.u-gap-32 {
14181 
+  gap: 16rem !important;
14182 
+}
14183 
+
14184 
+/* UTILS */
14185 
+/* Utility classes to help solve some very annoying issues */
14186 
+.u-pull-left {
14187 
+  float: left !important;
14188 
+}
14189 
+
14190 
+.u-pull-right {
14191 
+  float: right !important;
14192 
+}
14193 
+
14194 
+@media screen and (min-width: 640px) {
14195 
+  .u-pull-left-sm {
14196 
+    float: left !important;
14197 
+  }
14198 
+}
14199 
+@media screen and (min-width: 640px) {
14200 
+  .u-pull-right-sm {
14201 
+    float: right !important;
14202 
+  }
14203 
+}
14204 
+@media screen and (min-width: 768px) {
14205 
+  .u-pull-left-md {
14206 
+    float: left !important;
14207 
+  }
14208 
+}
14209 
+@media screen and (min-width: 768px) {
14210 
+  .u-pull-right-md {
14211 
+    float: right !important;
14212 
+  }
14213 
+}
14214 
+@media screen and (min-width: 1024px) {
14215 
+  .u-pull-left-lg {
14216 
+    float: left !important;
14217 
+  }
14218 
+}
14219 
+@media screen and (min-width: 1024px) {
14220 
+  .u-pull-right-lg {
14221 
+    float: right !important;
14222 
+  }
14223 
+}
14224 
+@media screen and (min-width: 1280px) {
14225 
+  .u-pull-left-xl {
14226 
+    float: left !important;
14227 
+  }
14228 
+}
14229 
+@media screen and (min-width: 1280px) {
14230 
+  .u-pull-right-xl {
14231 
+    float: right !important;
14232 
+  }
14233 
+}
14234 
+.u-text-justify {
14235 
+  text-align: justify !important;
14236 
+}
14237 
+
14238 
+.u-text-left {
14239 
+  text-align: left !important;
14240 
+}
14241 
+
14242 
+.u-text-right {
14243 
+  text-align: right !important;
14244 
+}
14245 
+
14246 
+.u-text-center {
14247 
+  text-align: center !important;
14248 
+}
14249 
+
14250 
+@media screen and (min-width: 640px) {
14251 
+  .u-text-justify-sm {
14252 
+    text-align: justify !important;
14253 
+  }
14254 
+}
14255 
+@media screen and (min-width: 640px) {
14256 
+  .u-text-left-sm {
14257 
+    text-align: left !important;
14258 
+  }
14259 
+}
14260 
+@media screen and (min-width: 640px) {
14261 
+  .u-text-right-sm {
14262 
+    text-align: right !important;
14263 
+  }
14264 
+}
14265 
+@media screen and (min-width: 640px) {
14266 
+  .u-text-center-sm {
14267 
+    text-align: center !important;
14268 
+  }
14269 
+}
14270 
+@media screen and (min-width: 768px) {
14271 
+  .u-text-justify-md {
14272 
+    text-align: justify !important;
14273 
+  }
14274 
+}
14275 
+@media screen and (min-width: 768px) {
14276 
+  .u-text-left-md {
14277 
+    text-align: left !important;
14278 
+  }
14279 
+}
14280 
+@media screen and (min-width: 768px) {
14281 
+  .u-text-right-md {
14282 
+    text-align: right !important;
14283 
+  }
14284 
+}
14285 
+@media screen and (min-width: 768px) {
14286 
+  .u-text-center-md {
14287 
+    text-align: center !important;
14288 
+  }
14289 
+}
14290 
+@media screen and (min-width: 1024px) {
14291 
+  .u-text-justify-lg {
14292 
+    text-align: justify !important;
14293 
+  }
14294 
+}
14295 
+@media screen and (min-width: 1024px) {
14296 
+  .u-text-left-lg {
14297 
+    text-align: left !important;
14298 
+  }
14299 
+}
14300 
+@media screen and (min-width: 1024px) {
14301 
+  .u-text-right-lg {
14302 
+    text-align: right !important;
14303 
+  }
14304 
+}
14305 
+@media screen and (min-width: 1024px) {
14306 
+  .u-text-center-lg {
14307 
+    text-align: center !important;
14308 
+  }
14309 
+}
14310 
+@media screen and (min-width: 1280px) {
14311 
+  .u-text-justify-xl {
14312 
+    text-align: justify !important;
14313 
+  }
14314 
+}
14315 
+@media screen and (min-width: 1280px) {
14316 
+  .u-text-left-xl {
14317 
+    text-align: left !important;
14318 
+  }
14319 
+}
14320 
+@media screen and (min-width: 1280px) {
14321 
+  .u-text-right-xl {
14322 
+    text-align: right !important;
14323 
+  }
14324 
+}
14325 
+@media screen and (min-width: 1280px) {
14326 
+  .u-text-center-xl {
14327 
+    text-align: center !important;
14328 
+  }
14329 
+}
14330 
+.u-text-ellipsis {
14331 
+  text-overflow: ellipsis;
14332 
+  overflow: hidden;
14333 
+  white-space: nowrap;
14334 
+}
14335 
+
14336 
+.u-text-break {
14337 
+  hyphens: auto;
14338 
+  word-break: break-word;
14339 
+  word-wrap: break-word;
14340 
+}
14341 
+
14342 
+/* Center element - best used for hero bodies or text */
14343 
+.u-center {
14344 
+  display: flex;
14345 
+  align-items: center;
14346 
+  justify-content: center;
14347 
+  margin: 0 auto;
14348 
+  flex-wrap: wrap;
14349 
+}
14350 
+
14351 
+.u-center-alt,
14352 
+.u-center-alt:hover,
14353 
+.u-center-alt:active {
14354 
+  /* If flexbox method fails, this works for elements with unknown dimensions */
14355 
+  position: absolute;
14356 
+  top: 50%;
14357 
+  left: 50%;
14358 
+  transform: translate(-50%, -50%);
14359 
+}
14360 
+
14361 
+.u-overlay {
14362 
+  bottom: 0;
14363 
+  left: 0;
14364 
+  right: 0;
14365 
+  top: 0;
14366 
+  position: absolute;
14367 
+}
14368 
+
14369 
+.u-disabled {
14370 
+  cursor: not-allowed !important;
14371 
+  pointer-events: none !important;
14372 
+}
14373 
+
14374 
+.u-unselectable {
14375 
+  user-select: none !important;
14376 
+}
14377 
+
14378 
+.u-no-outline {
14379 
+  outline: 0px !important;
14380 
+}
14381 
+
14382 
+.u-opacity-0 {
14383 
+  opacity: 0 !important;
14384 
+}
14385 
+
14386 
+.u-opacity-10 {
14387 
+  opacity: 0.1 !important;
14388 
+}
14389 
+
14390 
+.u-opacity-20 {
14391 
+  opacity: 0.2 !important;
14392 
+}
14393 
+
14394 
+.u-opacity-30 {
14395 
+  opacity: 0.3 !important;
14396 
+}
14397 
+
14398 
+.u-opacity-40 {
14399 
+  opacity: 0.4 !important;
14400 
+}
14401 
+
14402 
+.u-opacity-50 {
14403 
+  opacity: 0.5 !important;
14404 
+}
14405 
+
14406 
+.u-opacity-60 {
14407 
+  opacity: 0.6 !important;
14408 
+}
14409 
+
14410 
+.u-opacity-70 {
14411 
+  opacity: 0.7 !important;
14412 
+}
14413 
+
14414 
+.u-opacity-80 {
14415 
+  opacity: 0.8 !important;
14416 
+}
14417 
+
14418 
+.u-opacity-90 {
14419 
+  opacity: 0.9 !important;
14420 
+}
14421 
+
14422 
+.u-opacity-100 {
14423 
+  opacity: 1 !important;
14424 
+}
14425 
+
14426 
+@media screen and (min-width: 640px) {
14427 
+  .u-opacity-0-sm {
14428 
+    opacity: 0 !important;
14429 
+  }
14430 
+}
14431 
+@media screen and (min-width: 640px) {
14432 
+  .u-opacity-10-sm {
14433 
+    opacity: 0.1 !important;
14434 
+  }
14435 
+}
14436 
+@media screen and (min-width: 640px) {
14437 
+  .u-opacity-20-sm {
14438 
+    opacity: 0.2 !important;
14439 
+  }
14440 
+}
14441 
+@media screen and (min-width: 640px) {
14442 
+  .u-opacity-30-sm {
14443 
+    opacity: 0.3 !important;
14444 
+  }
14445 
+}
14446 
+@media screen and (min-width: 640px) {
14447 
+  .u-opacity-40-sm {
14448 
+    opacity: 0.4 !important;
14449 
+  }
14450 
+}
14451 
+@media screen and (min-width: 640px) {
14452 
+  .u-opacity-50-sm {
14453 
+    opacity: 0.5 !important;
14454 
+  }
14455 
+}
14456 
+@media screen and (min-width: 640px) {
14457 
+  .u-opacity-60-sm {
14458 
+    opacity: 0.6 !important;
14459 
+  }
14460 
+}
14461 
+@media screen and (min-width: 640px) {
14462 
+  .u-opacity-70-sm {
14463 
+    opacity: 0.7 !important;
14464 
+  }
14465 
+}
14466 
+@media screen and (min-width: 640px) {
14467 
+  .u-opacity-80-sm {
14468 
+    opacity: 0.8 !important;
14469 
+  }
14470 
+}
14471 
+@media screen and (min-width: 640px) {
14472 
+  .u-opacity-90-sm {
14473 
+    opacity: 0.9 !important;
14474 
+  }
14475 
+}
14476 
+@media screen and (min-width: 640px) {
14477 
+  .u-opacity-100-sm {
14478 
+    opacity: 1 !important;
14479 
+  }
14480 
+}
14481 
+@media screen and (min-width: 768px) {
14482 
+  .u-opacity-0-md {
14483 
+    opacity: 0 !important;
14484 
+  }
14485 
+}
14486 
+@media screen and (min-width: 768px) {
14487 
+  .u-opacity-10-md {
14488 
+    opacity: 0.1 !important;
14489 
+  }
14490 
+}
14491 
+@media screen and (min-width: 768px) {
14492 
+  .u-opacity-20-md {
14493 
+    opacity: 0.2 !important;
14494 
+  }
14495 
+}
14496 
+@media screen and (min-width: 768px) {
14497 
+  .u-opacity-30-md {
14498 
+    opacity: 0.3 !important;
14499 
+  }
14500 
+}
14501 
+@media screen and (min-width: 768px) {
14502 
+  .u-opacity-40-md {
14503 
+    opacity: 0.4 !important;
14504 
+  }
14505 
+}
14506 
+@media screen and (min-width: 768px) {
14507 
+  .u-opacity-50-md {
14508 
+    opacity: 0.5 !important;
14509 
+  }
14510 
+}
14511 
+@media screen and (min-width: 768px) {
14512 
+  .u-opacity-60-md {
14513 
+    opacity: 0.6 !important;
14514 
+  }
14515 
+}
14516 
+@media screen and (min-width: 768px) {
14517 
+  .u-opacity-70-md {
14518 
+    opacity: 0.7 !important;
14519 
+  }
14520 
+}
14521 
+@media screen and (min-width: 768px) {
14522 
+  .u-opacity-80-md {
14523 
+    opacity: 0.8 !important;
14524 
+  }
14525 
+}
14526 
+@media screen and (min-width: 768px) {
14527 
+  .u-opacity-90-md {
14528 
+    opacity: 0.9 !important;
14529 
+  }
14530 
+}
14531 
+@media screen and (min-width: 768px) {
14532 
+  .u-opacity-100-md {
14533 
+    opacity: 1 !important;
14534 
+  }
14535 
+}
14536 
+@media screen and (min-width: 1024px) {
14537 
+  .u-opacity-0-lg {
14538 
+    opacity: 0 !important;
14539 
+  }
14540 
+}
14541 
+@media screen and (min-width: 1024px) {
14542 
+  .u-opacity-10-lg {
14543 
+    opacity: 0.1 !important;
14544 
+  }
14545 
+}
14546 
+@media screen and (min-width: 1024px) {
14547 
+  .u-opacity-20-lg {
14548 
+    opacity: 0.2 !important;
14549 
+  }
14550 
+}
14551 
+@media screen and (min-width: 1024px) {
14552 
+  .u-opacity-30-lg {
14553 
+    opacity: 0.3 !important;
14554 
+  }
14555 
+}
14556 
+@media screen and (min-width: 1024px) {
14557 
+  .u-opacity-40-lg {
14558 
+    opacity: 0.4 !important;
14559 
+  }
14560 
+}
14561 
+@media screen and (min-width: 1024px) {
14562 
+  .u-opacity-50-lg {
14563 
+    opacity: 0.5 !important;
14564 
+  }
14565 
+}
14566 
+@media screen and (min-width: 1024px) {
14567 
+  .u-opacity-60-lg {
14568 
+    opacity: 0.6 !important;
14569 
+  }
14570 
+}
14571 
+@media screen and (min-width: 1024px) {
14572 
+  .u-opacity-70-lg {
14573 
+    opacity: 0.7 !important;
14574 
+  }
14575 
+}
14576 
+@media screen and (min-width: 1024px) {
14577 
+  .u-opacity-80-lg {
14578 
+    opacity: 0.8 !important;
14579 
+  }
14580 
+}
14581 
+@media screen and (min-width: 1024px) {
14582 
+  .u-opacity-90-lg {
14583 
+    opacity: 0.9 !important;
14584 
+  }
14585 
+}
14586 
+@media screen and (min-width: 1024px) {
14587 
+  .u-opacity-100-lg {
14588 
+    opacity: 1 !important;
14589 
+  }
14590 
+}
14591 
+@media screen and (min-width: 1280px) {
14592 
+  .u-opacity-0-xl {
14593 
+    opacity: 0 !important;
14594 
+  }
14595 
+}
14596 
+@media screen and (min-width: 1280px) {
14597 
+  .u-opacity-10-xl {
14598 
+    opacity: 0.1 !important;
14599 
+  }
14600 
+}
14601 
+@media screen and (min-width: 1280px) {
14602 
+  .u-opacity-20-xl {
14603 
+    opacity: 0.2 !important;
14604 
+  }
14605 
+}
14606 
+@media screen and (min-width: 1280px) {
14607 
+  .u-opacity-30-xl {
14608 
+    opacity: 0.3 !important;
14609 
+  }
14610 
+}
14611 
+@media screen and (min-width: 1280px) {
14612 
+  .u-opacity-40-xl {
14613 
+    opacity: 0.4 !important;
14614 
+  }
14615 
+}
14616 
+@media screen and (min-width: 1280px) {
14617 
+  .u-opacity-50-xl {
14618 
+    opacity: 0.5 !important;
14619 
+  }
14620 
+}
14621 
+@media screen and (min-width: 1280px) {
14622 
+  .u-opacity-60-xl {
14623 
+    opacity: 0.6 !important;
14624 
+  }
14625 
+}
14626 
+@media screen and (min-width: 1280px) {
14627 
+  .u-opacity-70-xl {
14628 
+    opacity: 0.7 !important;
14629 
+  }
14630 
+}
14631 
+@media screen and (min-width: 1280px) {
14632 
+  .u-opacity-80-xl {
14633 
+    opacity: 0.8 !important;
14634 
+  }
14635 
+}
14636 
+@media screen and (min-width: 1280px) {
14637 
+  .u-opacity-90-xl {
14638 
+    opacity: 0.9 !important;
14639 
+  }
14640 
+}
14641 
+@media screen and (min-width: 1280px) {
14642 
+  .u-opacity-100-xl {
14643 
+    opacity: 1 !important;
14644 
+  }
14645 
+}
14646 
+.u-bg-opacity-0 {
14647 
+  --bg-opacity: 0;
14648 
+}
14649 
+
14650 
+.u-bg-opacity-10 {
14651 
+  --bg-opacity: 0.1;
14652 
+}
14653 
+
14654 
+.u-bg-opacity-20 {
14655 
+  --bg-opacity: 0.2;
14656 
+}
14657 
+
14658 
+.u-bg-opacity-30 {
14659 
+  --bg-opacity: 0.3;
14660 
+}
14661 
+
14662 
+.u-bg-opacity-40 {
14663 
+  --bg-opacity: 0.4;
14664 
+}
14665 
+
14666 
+.u-bg-opacity-50 {
14667 
+  --bg-opacity: 0.5;
14668 
+}
14669 
+
14670 
+.u-bg-opacity-60 {
14671 
+  --bg-opacity: 0.6;
14672 
+}
14673 
+
14674 
+.u-bg-opacity-70 {
14675 
+  --bg-opacity: 0.7;
14676 
+}
14677 
+
14678 
+.u-bg-opacity-80 {
14679 
+  --bg-opacity: 0.8;
14680 
+}
14681 
+
14682 
+.u-bg-opacity-90 {
14683 
+  --bg-opacity: 0.9;
14684 
+}
14685 
+
14686 
+.u-bg-opacity-100 {
14687 
+  --bg-opacity: 1;
14688 
+}
14689 
+
14690 
+.u-color-opacity-0 {
14691 
+  --color-opacity: 0;
14692 
+}
14693 
+
14694 
+.u-color-opacity-10 {
14695 
+  --color-opacity: 0.1;
14696 
+}
14697 
+
14698 
+.u-color-opacity-20 {
14699 
+  --color-opacity: 0.2;
14700 
+}
14701 
+
14702 
+.u-color-opacity-30 {
14703 
+  --color-opacity: 0.3;
14704 
+}
14705 
+
14706 
+.u-color-opacity-40 {
14707 
+  --color-opacity: 0.4;
14708 
+}
14709 
+
14710 
+.u-color-opacity-50 {
14711 
+  --color-opacity: 0.5;
14712 
+}
14713 
+
14714 
+.u-color-opacity-60 {
14715 
+  --color-opacity: 0.6;
14716 
+}
14717 
+
14718 
+.u-color-opacity-70 {
14719 
+  --color-opacity: 0.7;
14720 
+}
14721 
+
14722 
+.u-color-opacity-80 {
14723 
+  --color-opacity: 0.8;
14724 
+}
14725 
+
14726 
+.u-color-opacity-90 {
14727 
+  --color-opacity: 0.9;
14728 
+}
14729 
+
14730 
+.u-color-opacity-100 {
14731 
+  --color-opacity: 1;
14732 
+}
14733 
+
14734 
+.u-border-opacity-0 {
14735 
+  --border-opacity: 0;
14736 
+}
14737 
+
14738 
+.u-border-opacity-10 {
14739 
+  --border-opacity: 0.1;
14740 
+}
14741 
+
14742 
+.u-border-opacity-20 {
14743 
+  --border-opacity: 0.2;
14744 
+}
14745 
+
14746 
+.u-border-opacity-30 {
14747 
+  --border-opacity: 0.3;
14748 
+}
14749 
+
14750 
+.u-border-opacity-40 {
14751 
+  --border-opacity: 0.4;
14752 
+}
14753 
+
14754 
+.u-border-opacity-50 {
14755 
+  --border-opacity: 0.5;
14756 
+}
14757 
+
14758 
+.u-border-opacity-60 {
14759 
+  --border-opacity: 0.6;
14760 
+}
14761 
+
14762 
+.u-border-opacity-70 {
14763 
+  --border-opacity: 0.7;
14764 
+}
14765 
+
14766 
+.u-border-opacity-80 {
14767 
+  --border-opacity: 0.8;
14768 
+}
14769 
+
14770 
+.u-border-opacity-90 {
14771 
+  --border-opacity: 0.9;
14772 
+}
14773 
+
14774 
+.u-border-opacity-100 {
14775 
+  --border-opacity: 1;
14776 
+}
14777 
+
14778 
+.u-overflow-auto {
14779 
+  overflow: auto !important;
14780 
+}
14781 
+
14782 
+.u-overflow-hidden {
14783 
+  overflow: hidden !important;
14784 
+}
14785 
+
14786 
+.u-overflow-visible {
14787 
+  overflow: visible !important;
14788 
+}
14789 
+
14790 
+.u-overflow-scroll {
14791 
+  overflow: scroll !important;
14792 
+}
14793 
+
14794 
+@media screen and (min-width: 640px) {
14795 
+  .u-overflow-auto-sm {
14796 
+    overflow: auto !important;
14797 
+  }
14798 
+}
14799 
+@media screen and (min-width: 640px) {
14800 
+  .u-overflow-hidden-sm {
14801 
+    overflow: hidden !important;
14802 
+  }
14803 
+}
14804 
+@media screen and (min-width: 640px) {
14805 
+  .u-overflow-visible-sm {
14806 
+    overflow: visible !important;
14807 
+  }
14808 
+}
14809 
+@media screen and (min-width: 640px) {
14810 
+  .u-overflow-scroll-sm {
14811 
+    overflow: scroll !important;
14812 
+  }
14813 
+}
14814 
+@media screen and (min-width: 768px) {
14815 
+  .u-overflow-auto-md {
14816 
+    overflow: auto !important;
14817 
+  }
14818 
+}
14819 
+@media screen and (min-width: 768px) {
14820 
+  .u-overflow-hidden-md {
14821 
+    overflow: hidden !important;
14822 
+  }
14823 
+}
14824 
+@media screen and (min-width: 768px) {
14825 
+  .u-overflow-visible-md {
14826 
+    overflow: visible !important;
14827 
+  }
14828 
+}
14829 
+@media screen and (min-width: 768px) {
14830 
+  .u-overflow-scroll-md {
14831 
+    overflow: scroll !important;
14832 
+  }
14833 
+}
14834 
+@media screen and (min-width: 1024px) {
14835 
+  .u-overflow-auto-lg {
14836 
+    overflow: auto !important;
14837 
+  }
14838 
+}
14839 
+@media screen and (min-width: 1024px) {
14840 
+  .u-overflow-hidden-lg {
14841 
+    overflow: hidden !important;
14842 
+  }
14843 
+}
14844 
+@media screen and (min-width: 1024px) {
14845 
+  .u-overflow-visible-lg {
14846 
+    overflow: visible !important;
14847 
+  }
14848 
+}
14849 
+@media screen and (min-width: 1024px) {
14850 
+  .u-overflow-scroll-lg {
14851 
+    overflow: scroll !important;
14852 
+  }
14853 
+}
14854 
+@media screen and (min-width: 1280px) {
14855 
+  .u-overflow-auto-xl {
14856 
+    overflow: auto !important;
14857 
+  }
14858 
+}
14859 
+@media screen and (min-width: 1280px) {
14860 
+  .u-overflow-hidden-xl {
14861 
+    overflow: hidden !important;
14862 
+  }
14863 
+}
14864 
+@media screen and (min-width: 1280px) {
14865 
+  .u-overflow-visible-xl {
14866 
+    overflow: visible !important;
14867 
+  }
14868 
+}
14869 
+@media screen and (min-width: 1280px) {
14870 
+  .u-overflow-scroll-xl {
14871 
+    overflow: scroll !important;
14872 
+  }
14873 
+}
14874 
+.u-overflow-x-auto {
14875 
+  overflow-x: auto !important;
14876 
+}
14877 
+
14878 
+.u-overflow-x-hidden {
14879 
+  overflow-x: hidden !important;
14880 
+}
14881 
+
14882 
+.u-overflow-x-visible {
14883 
+  overflow-x: visible !important;
14884 
+}
14885 
+
14886 
+.u-overflow-x-scroll {
14887 
+  overflow-x: scroll !important;
14888 
+}
14889 
+
14890 
+@media screen and (min-width: 640px) {
14891 
+  .u-overflow-x-auto-sm {
14892 
+    overflow-x: auto !important;
14893 
+  }
14894 
+}
14895 
+@media screen and (min-width: 640px) {
14896 
+  .u-overflow-x-hidden-sm {
14897 
+    overflow-x: hidden !important;
14898 
+  }
14899 
+}
14900 
+@media screen and (min-width: 640px) {
14901 
+  .u-overflow-x-visible-sm {
14902 
+    overflow-x: visible !important;
14903 
+  }
14904 
+}
14905 
+@media screen and (min-width: 640px) {
14906 
+  .u-overflow-x-scroll-sm {
14907 
+    overflow-x: scroll !important;
14908 
+  }
14909 
+}
14910 
+@media screen and (min-width: 768px) {
14911 
+  .u-overflow-x-auto-md {
14912 
+    overflow-x: auto !important;
14913 
+  }
14914 
+}
14915 
+@media screen and (min-width: 768px) {
14916 
+  .u-overflow-x-hidden-md {
14917 
+    overflow-x: hidden !important;
14918 
+  }
14919 
+}
14920 
+@media screen and (min-width: 768px) {
14921 
+  .u-overflow-x-visible-md {
14922 
+    overflow-x: visible !important;
14923 
+  }
14924 
+}
14925 
+@media screen and (min-width: 768px) {
14926 
+  .u-overflow-x-scroll-md {
14927 
+    overflow-x: scroll !important;
14928 
+  }
14929 
+}
14930 
+@media screen and (min-width: 1024px) {
14931 
+  .u-overflow-x-auto-lg {
14932 
+    overflow-x: auto !important;
14933 
+  }
14934 
+}
14935 
+@media screen and (min-width: 1024px) {
14936 
+  .u-overflow-x-hidden-lg {
14937 
+    overflow-x: hidden !important;
14938 
+  }
14939 
+}
14940 
+@media screen and (min-width: 1024px) {
14941 
+  .u-overflow-x-visible-lg {
14942 
+    overflow-x: visible !important;
14943 
+  }
14944 
+}
14945 
+@media screen and (min-width: 1024px) {
14946 
+  .u-overflow-x-scroll-lg {
14947 
+    overflow-x: scroll !important;
14948 
+  }
14949 
+}
14950 
+@media screen and (min-width: 1280px) {
14951 
+  .u-overflow-x-auto-xl {
14952 
+    overflow-x: auto !important;
14953 
+  }
14954 
+}
14955 
+@media screen and (min-width: 1280px) {
14956 
+  .u-overflow-x-hidden-xl {
14957 
+    overflow-x: hidden !important;
14958 
+  }
14959 
+}
14960 
+@media screen and (min-width: 1280px) {
14961 
+  .u-overflow-x-visible-xl {
14962 
+    overflow-x: visible !important;
14963 
+  }
14964 
+}
14965 
+@media screen and (min-width: 1280px) {
14966 
+  .u-overflow-x-scroll-xl {
14967 
+    overflow-x: scroll !important;
14968 
+  }
14969 
+}
14970 
+.u-overflow-y-auto {
14971 
+  overflow-y: auto !important;
14972 
+}
14973 
+
14974 
+.u-overflow-y-hidden {
14975 
+  overflow-y: hidden !important;
14976 
+}
14977 
+
14978 
+.u-overflow-y-visible {
14979 
+  overflow-y: visible !important;
14980 
+}
14981 
+
14982 
+.u-overflow-y-scroll {
14983 
+  overflow-y: scroll !important;
14984 
+}
14985 
+
14986 
+@media screen and (min-width: 640px) {
14987 
+  .u-overflow-y-auto-sm {
14988 
+    overflow-y: auto !important;
14989 
+  }
14990 
+}
14991 
+@media screen and (min-width: 640px) {
14992 
+  .u-overflow-y-hidden-sm {
14993 
+    overflow-y: hidden !important;
14994 
+  }
14995 
+}
14996 
+@media screen and (min-width: 640px) {
14997 
+  .u-overflow-y-visible-sm {
14998 
+    overflow-y: visible !important;
14999 
+  }
15000 
+}
15001 
+@media screen and (min-width: 640px) {
15002 
+  .u-overflow-y-scroll-sm {
15003 
+    overflow-y: scroll !important;
15004 
+  }
15005 
+}
15006 
+@media screen and (min-width: 768px) {
15007 
+  .u-overflow-y-auto-md {
15008 
+    overflow-y: auto !important;
15009 
+  }
15010 
+}
15011 
+@media screen and (min-width: 768px) {
15012 
+  .u-overflow-y-hidden-md {
15013 
+    overflow-y: hidden !important;
15014 
+  }
15015 
+}
15016 
+@media screen and (min-width: 768px) {
15017 
+  .u-overflow-y-visible-md {
15018 
+    overflow-y: visible !important;
15019 
+  }
15020 
+}
15021 
+@media screen and (min-width: 768px) {
15022 
+  .u-overflow-y-scroll-md {
15023 
+    overflow-y: scroll !important;
15024 
+  }
15025 
+}
15026 
+@media screen and (min-width: 1024px) {
15027 
+  .u-overflow-y-auto-lg {
15028 
+    overflow-y: auto !important;
15029 
+  }
15030 
+}
15031 
+@media screen and (min-width: 1024px) {
15032 
+  .u-overflow-y-hidden-lg {
15033 
+    overflow-y: hidden !important;
15034 
+  }
15035 
+}
15036 
+@media screen and (min-width: 1024px) {
15037 
+  .u-overflow-y-visible-lg {
15038 
+    overflow-y: visible !important;
15039 
+  }
15040 
+}
15041 
+@media screen and (min-width: 1024px) {
15042 
+  .u-overflow-y-scroll-lg {
15043 
+    overflow-y: scroll !important;
15044 
+  }
15045 
+}
15046 
+@media screen and (min-width: 1280px) {
15047 
+  .u-overflow-y-auto-xl {
15048 
+    overflow-y: auto !important;
15049 
+  }
15050 
+}
15051 
+@media screen and (min-width: 1280px) {
15052 
+  .u-overflow-y-hidden-xl {
15053 
+    overflow-y: hidden !important;
15054 
+  }
15055 
+}
15056 
+@media screen and (min-width: 1280px) {
15057 
+  .u-overflow-y-visible-xl {
15058 
+    overflow-y: visible !important;
15059 
+  }
15060 
+}
15061 
+@media screen and (min-width: 1280px) {
15062 
+  .u-overflow-y-scroll-xl {
15063 
+    overflow-y: scroll !important;
15064 
+  }
15065 
+}
15066 
+.u-static {
15067 
+  position: static !important;
15068 
+}
15069 
+
15070 
+.u-fixed {
15071 
+  position: fixed !important;
15072 
+}
15073 
+
15074 
+.u-absolute {
15075 
+  position: absolute !important;
15076 
+}
15077 
+
15078 
+.u-relative {
15079 
+  position: relative !important;
15080 
+}
15081 
+
15082 
+.u-sticky {
15083 
+  position: sticky !important;
15084 
+}
15085 
+
15086 
+@media screen and (min-width: 640px) {
15087 
+  .u-static-sm {
15088 
+    position: static !important;
15089 
+  }
15090 
+}
15091 
+@media screen and (min-width: 640px) {
15092 
+  .u-fixed-sm {
15093 
+    position: fixed !important;
15094 
+  }
15095 
+}
15096 
+@media screen and (min-width: 640px) {
15097 
+  .u-absolute-sm {
15098 
+    position: absolute !important;
15099 
+  }
15100 
+}
15101 
+@media screen and (min-width: 640px) {
15102 
+  .u-relative-sm {
15103 
+    position: relative !important;
15104 
+  }
15105 
+}
15106 
+@media screen and (min-width: 640px) {
15107 
+  .u-sticky-sm {
15108 
+    position: sticky !important;
15109 
+  }
15110 
+}
15111 
+@media screen and (min-width: 768px) {
15112 
+  .u-static-md {
15113 
+    position: static !important;
15114 
+  }
15115 
+}
15116 
+@media screen and (min-width: 768px) {
15117 
+  .u-fixed-md {
15118 
+    position: fixed !important;
15119 
+  }
15120 
+}
15121 
+@media screen and (min-width: 768px) {
15122 
+  .u-absolute-md {
15123 
+    position: absolute !important;
15124 
+  }
15125 
+}
15126 
+@media screen and (min-width: 768px) {
15127 
+  .u-relative-md {
15128 
+    position: relative !important;
15129 
+  }
15130 
+}
15131 
+@media screen and (min-width: 768px) {
15132 
+  .u-sticky-md {
15133 
+    position: sticky !important;
15134 
+  }
15135 
+}
15136 
+@media screen and (min-width: 1024px) {
15137 
+  .u-static-lg {
15138 
+    position: static !important;
15139 
+  }
15140 
+}
15141 
+@media screen and (min-width: 1024px) {
15142 
+  .u-fixed-lg {
15143 
+    position: fixed !important;
15144 
+  }
15145 
+}
15146 
+@media screen and (min-width: 1024px) {
15147 
+  .u-absolute-lg {
15148 
+    position: absolute !important;
15149 
+  }
15150 
+}
15151 
+@media screen and (min-width: 1024px) {
15152 
+  .u-relative-lg {
15153 
+    position: relative !important;
15154 
+  }
15155 
+}
15156 
+@media screen and (min-width: 1024px) {
15157 
+  .u-sticky-lg {
15158 
+    position: sticky !important;
15159 
+  }
15160 
+}
15161 
+@media screen and (min-width: 1280px) {
15162 
+  .u-static-xl {
15163 
+    position: static !important;
15164 
+  }
15165 
+}
15166 
+@media screen and (min-width: 1280px) {
15167 
+  .u-fixed-xl {
15168 
+    position: fixed !important;
15169 
+  }
15170 
+}
15171 
+@media screen and (min-width: 1280px) {
15172 
+  .u-absolute-xl {
15173 
+    position: absolute !important;
15174 
+  }
15175 
+}
15176 
+@media screen and (min-width: 1280px) {
15177 
+  .u-relative-xl {
15178 
+    position: relative !important;
15179 
+  }
15180 
+}
15181 
+@media screen and (min-width: 1280px) {
15182 
+  .u-sticky-xl {
15183 
+    position: sticky !important;
15184 
+  }
15185 
+}
15186 
+.u-shadow-none {
15187 
+  --cirrus-shadow: 0 0 #000;
15188 
+  box-shadow: var(--cirrus-shadow);
15189 
+}
15190 
+
15191 
+.u-shadow-xs {
15192 
+  --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
15193 
+  box-shadow: var(--cirrus-shadow);
15194 
+}
15195 
+
15196 
+.u-shadow-sm {
15197 
+  --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
15198 
+  box-shadow: var(--cirrus-shadow);
15199 
+}
15200 
+
15201 
+.u-shadow-md {
15202 
+  --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
15203 
+  box-shadow: var(--cirrus-shadow);
15204 
+}
15205 
+
15206 
+.u-shadow-lg {
15207 
+  --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
15208 
+  box-shadow: var(--cirrus-shadow);
15209 
+}
15210 
+
15211 
+.u-shadow-xl {
15212 
+  --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
15213 
+  box-shadow: var(--cirrus-shadow);
15214 
+}
15215 
+
15216 
+.u-shadow-inset {
15217 
+  --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
15218 
+  box-shadow: var(--cirrus-shadow);
15219 
+}
15220 
+
15221 
+/* TRANSITION DURATION */
15222 
+.u-duration-75 {
15223 
+  transition-duration: 75ms !important;
15224 
+}
15225 
+
15226 
+.u-duration-100 {
15227 
+  transition-duration: 100ms !important;
15228 
+}
15229 
+
15230 
+.u-duration-200 {
15231 
+  transition-duration: 200ms !important;
15232 
+}
15233 
+
15234 
+.u-duration-300 {
15235 
+  transition-duration: 300ms !important;
15236 
+}
15237 
+
15238 
+.u-duration-500 {
15239 
+  transition-duration: 500ms !important;
15240 
+}
15241 
+
15242 
+.u-duration-700 {
15243 
+  transition-duration: 700ms !important;
15244 
+}
15245 
+
15246 
+.u-duration-1000 {
15247 
+  transition-duration: 1000ms !important;
15248 
+}
15249 
+
15250 
+.u-z-n1 {
15251 
+  z-index: -1 !important;
15252 
+}
15253 
+
15254 
+.u-z-0 {
15255 
+  z-index: 0 !important;
15256 
+}
15257 
+
15258 
+.u-z-1 {
15259 
+  z-index: 1 !important;
15260 
+}
15261 
+
15262 
+.u-z-10 {
15263 
+  z-index: 10 !important;
15264 
+}
15265 
+
15266 
+.u-z-20 {
15267 
+  z-index: 20 !important;
15268 
+}
15269 
+
15270 
+.u-z-30 {
15271 
+  z-index: 30 !important;
15272 
+}
15273 
+
15274 
+.u-z-40 {
15275 
+  z-index: 40 !important;
15276 
+}
15277 
+
15278 
+.u-z-50 {
15279 
+  z-index: 50 !important;
15280 
+}
15281 
+
15282 
+.u-z-auto {
15283 
+  z-index: auto !important;
15284 
+}
15285 
+
15286 
+/* Accordion */
15287 
+/* Use with <detail> and <summary> HTML tags */
15288 
+details.accordion {
15289 
+  border-bottom: 1px solid #dee2e6;
15290 
+  display: block;
15291 
+  padding: 1rem;
15292 
+}
15293 
+
15294 
+details.accordion summary.accordion__summary {
15295 
+  align-items: center;
15296 
+  cursor: pointer;
15297 
+  display: flex;
15298 
+  font-weight: bold;
15299 
+  justify-content: space-between;
15300 
+  list-style-type: none;
15301 
+  opacity: 0.75;
15302 
+  transition: all 250ms;
15303 
+}
15304 
+
15305 
+details.accordion summary.accordion__summary:after {
15306 
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
15307 
+  background-position: right center;
15308 
+  background-size: 1rem auto;
15309 
+  background-repeat: no-repeat;
15310 
+  content: "";
15311 
+  display: block;
15312 
+  float: right;
15313 
+  height: 1rem;
15314 
+  transform: rotate(-90deg);
15315 
+  width: 1rem;
15316 
+}
15317 
+
15318 
+details.accordion[open] summary.accordion__summary {
15319 
+  margin-bottom: 1rem;
15320 
+  opacity: 1;
15321 
+}
15322 
+
15323 
+details.accordion[open] summary.accordion__summary:after {
15324 
+  transform: rotate(0);
15325 
+}
15326 
+
15327 
+/* Avatar */
15328 
+.avatar {
15329 
+  border-radius: 50%;
15330 
+  position: relative;
15331 
+  display: block;
15332 
+  margin: auto;
15333 
+  font-size: 1.5rem;
15334 
+  font-weight: lighter;
15335 
+  width: 3.2rem;
15336 
+  height: 3.2rem;
15337 
+  background-color: #f03d4d;
15338 
+  overflow: hidden;
15339 
+  /* Draw text on image just like in Gmail */
15340 
+}
15341 
+
15342 
+.avatar::before {
15343 
+  content: attr(data-text);
15344 
+  color: currentColor;
15345 
+  left: 50%;
15346 
+  top: 50%;
15347 
+  position: absolute;
15348 
+  transform: translate(-50%, -50%);
15349 
+}
15350 
+
15351 
+.avatar.avatar--xs {
15352 
+  font-size: 0.8rem;
15353 
+  width: 1.6rem;
15354 
+  height: 1.6rem;
15355 
+}
15356 
+
15357 
+.avatar.avatar--sm {
15358 
+  font-size: 1rem;
15359 
+  width: 2.4rem;
15360 
+  height: 2.4rem;
15361 
+}
15362 
+
15363 
+.avatar.avatar--lg {
15364 
+  font-size: 2rem;
15365 
+  width: 4.8rem;
15366 
+  height: 4.8rem;
15367 
+}
15368 
+
15369 
+.avatar.avatar--xl {
15370 
+  font-size: 3rem;
15371 
+  width: 6.4rem;
15372 
+  height: 6.4rem;
15373 
+}
15374 
+
15375 
+.avatar img.padded {
15376 
+  padding: 0.5rem;
15377 
+  width: 100%;
15378 
+}
15379 
+
15380 
+.breadcrumb {
15381 
+  margin: 0.5rem 0;
15382 
+  padding: 0.5rem 0;
15383 
+  align-items: flex-start;
15384 
+  display: flex;
15385 
+  justify-content: flex-start;
15386 
+  list-style: none;
15387 
+  white-space: nowrap;
15388 
+}
15389 
+
15390 
+.breadcrumb.breadcrumb--center {
15391 
+  justify-content: center;
15392 
+}
15393 
+
15394 
+.breadcrumb.breadcrumb--right {
15395 
+  justify-content: flex-end;
15396 
+}
15397 
+
15398 
+.breadcrumb.breadcrumb--arrow .breadcrumb__item:not(:first-child)::before {
15399 
+  content: "→";
15400 
+}
15401 
+
15402 
+.breadcrumb.breadcrumb--bullet .breadcrumb__item:not(:first-child)::before {
15403 
+  content: "•";
15404 
+}
15405 
+
15406 
+.breadcrumb.breadcrumb--dot .breadcrumb__item:not(:first-child)::before {
15407 
+  content: "·";
15408 
+}
15409 
+
15410 
+.breadcrumb.breadcrumb--gt .breadcrumb__item:not(:first-child)::before {
15411 
+  content: "≻";
15412 
+}
15413 
+
15414 
+.breadcrumb .breadcrumb__item {
15415 
+  margin: 0;
15416 
+}
15417 
+
15418 
+.breadcrumb .breadcrumb__item:not(:last-child) {
15419 
+  margin-right: 0.5rem;
15420 
+}
15421 
+
15422 
+.breadcrumb .breadcrumb__item:not(:first-child)::before {
15423 
+  content: "/";
15424 
+  padding-right: 0.5rem;
15425 
+}
15426 
+
15427 
+.breadcrumb .breadcrumb__item.breadcrumb__item--active {
15428 
+  cursor: default;
15429 
+  pointer-events: none;
15430 
+}
15431 
+
15432 
+.breadcrumb .breadcrumb__item.breadcrumb__item--active a {
15433 
+  color: #0f172a;
15434 
+}
15435 
+
15436 
+/* CARDS */
15437 
+.card {
15438 
+  background-color: #fff;
15439 
+  backface-visibility: hidden;
15440 
+  border-radius: 5px;
15441 
+  box-shadow: 0px 5px 12px 0 rgba(42, 51, 83, 0.12), 0px 0px 5px rgba(0, 0, 0, 0.06);
15442 
+  margin-bottom: 1rem;
15443 
+  overflow: hidden;
15444 
+  position: relative;
15445 
+  transition: all 0.3s;
15446 
+  /* Allow for the cards to have the same height when u-flex is used on the card */
15447 
+  /*
15448 
+      NOTE: To have cards with the same height, place the card class with col-x classes and have the parent have fluid-container.
15449 
+  */
15450 
+  /* Card Title Bar */
15451 
+}
15452 
+
15453 
+.card:hover {
15454 
+  transition: all 0.3s;
15455 
+  box-shadow: 0px 8px 20px 0 rgba(42, 51, 83, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06);
15456 
+}
15457 
+
15458 
+.card:hover .card-image::after {
15459 
+  opacity: 0;
15460 
+}
15461 
+
15462 
+.card.slide-up, .card.card--slide-up {
15463 
+  display: flex;
15464 
+  flex-direction: column;
15465 
+  max-height: 550px;
15466 
+  /* More card components in second example */
15467 
+}
15468 
+
15469 
+.card.slide-up:hover .card-body,
15470 
+.card.slide-up:hover .card__body, .card.card--slide-up:hover .card-body,
15471 
+.card.card--slide-up:hover .card__body {
15472 
+  opacity: 1;
15473 
+}
15474 
+
15475 
+.card.slide-up:hover .card-image,
15476 
+.card.slide-up:hover .card__image, .card.card--slide-up:hover .card-image,
15477 
+.card.card--slide-up:hover .card__image {
15478 
+  transform: translateY(-40px);
15479 
+}
15480 
+
15481 
+.card.slide-up:hover .mobile-title,
15482 
+.card.slide-up:hover .card__mobile-title, .card.card--slide-up:hover .mobile-title,
15483 
+.card.card--slide-up:hover .card__mobile-title {
15484 
+  bottom: 35%;
15485 
+  transition: all 0.3s ease-in-out;
15486 
+}
15487 
+
15488 
+.card.slide-up .mobile-title,
15489 
+.card.slide-up .card__mobile-title, .card.card--slide-up .mobile-title,
15490 
+.card.card--slide-up .card__mobile-title {
15491 
+  position: absolute;
15492 
+  left: 0;
15493 
+  bottom: 5rem;
15494 
+  background-color: var(--cirrus-bg);
15495 
+  transition: 0.3s ease-in-out;
15496 
+  width: 100%;
15497 
+  padding: 1.5rem 0 0 0;
15498 
+  backface-visibility: hidden;
15499 
+}
15500 
+
15501 
+.card.slide-up .card-body,
15502 
+.card.slide-up .card__body, .card.card--slide-up .card-body,
15503 
+.card.card--slide-up .card__body {
15504 
+  opacity: 0;
15505 
+  overflow: auto;
15506 
+  transition: all var(--animation-duration) ease-in-out;
15507 
+}
15508 
+
15509 
+.card.u-flex .content {
15510 
+  flex-grow: 1;
15511 
+}
15512 
+
15513 
+.card p {
15514 
+  margin: 1rem 0;
15515 
+}
15516 
+
15517 
+.card .card-image,
15518 
+.card .card__image {
15519 
+  bottom: 0;
15520 
+  left: 0;
15521 
+  position: absolute;
15522 
+  right: 0;
15523 
+  top: 0;
15524 
+  border-radius: 5px 5px 0 0;
15525 
+  background-size: cover;
15526 
+  background-repeat: no-repeat;
15527 
+  transition: all 0.3s ease-in-out;
15528 
+}
15529 
+
15530 
+.card .card-image::after,
15531 
+.card .card__image::after {
15532 
+  content: "";
15533 
+  display: block;
15534 
+  position: absolute;
15535 
+  background-color: rgba(0, 0, 0, 0.1);
15536 
+  top: 0;
15537 
+  left: 0;
15538 
+  right: 0;
15539 
+  transition: all 500ms;
15540 
+  bottom: 0;
15541 
+}
15542 
+
15543 
+.card .card-container,
15544 
+.card .card__container {
15545 
+  display: block;
15546 
+  position: relative;
15547 
+  height: 40%;
15548 
+  min-height: 21rem; /* So it appears in html5 standards mode */
15549 
+}
15550 
+
15551 
+.card .title-container,
15552 
+.card .card__title-container {
15553 
+  position: absolute;
15554 
+  bottom: 1rem;
15555 
+  width: 100%;
15556 
+  padding: 0 1rem;
15557 
+}
15558 
+
15559 
+.card .title-container .title,
15560 
+.card .title-container .subtitle,
15561 
+.card .card__title-container .title,
15562 
+.card .card__title-container .subtitle {
15563 
+  color: #fff;
15564 
+  margin: 1rem auto;
15565 
+}
15566 
+
15567 
+.card .title-container .title,
15568 
+.card .card__title-container .title {
15569 
+  font-weight: 300;
15570 
+  font-size: 1.5rem;
15571 
+  margin-bottom: 0;
15572 
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
15573 
+}
15574 
+
15575 
+.card .action-bar,
15576 
+.card .card__action-bar {
15577 
+  user-select: none;
15578 
+  padding: 0.5rem;
15579 
+  margin: 0;
15580 
+  border-top: 1px solid #e9ecef;
15581 
+  box-sizing: border-box;
15582 
+  transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
15583 
+  /* Add some padding to the buttons */
15584 
+}
15585 
+
15586 
+.card .action-bar .btn, .card .action-bar button, .card .action-bar [type=submit], .card .action-bar [type=reset], .card .action-bar [type=button],
15587 
+.card .card__action-bar .btn,
15588 
+.card .card__action-bar button,
15589 
+.card .card__action-bar [type=submit],
15590 
+.card .card__action-bar [type=reset],
15591 
+.card .card__action-bar [type=button] {
15592 
+  margin: 0 0.5rem;
15593 
+}
15594 
+
15595 
+.card .action-bar + .card-footer, .card .action-bar + .card__footer,
15596 
+.card .card__action-bar + .card-footer,
15597 
+.card .card__action-bar + .card__footer {
15598 
+  padding: 1rem 0;
15599 
+  border-top: 1px solid #e9ecef;
15600 
+}
15601 
+
15602 
+.card .card-footer,
15603 
+.card .card__footer {
15604 
+  position: relative;
15605 
+  font-size: 0.875rem;
15606 
+  color: #868e96;
15607 
+}
15608 
+
15609 
+.card .card-head,
15610 
+.card .card__header {
15611 
+  align-items: stretch;
15612 
+  display: flex;
15613 
+  border-bottom: 1px solid #e9ecef;
15614 
+}
15615 
+
15616 
+/* Mixins */
15617 
+/* EXTENDED FORM */
15618 
+/* Base class layout for extended form */
15619 
+.form-ext-control {
15620 
+  padding-left: 1.5rem;
15621 
+  position: relative;
15622 
+  /* Checkbox */
15623 
+  /* Radio Button */
15624 
+  /* Hides the original input */
15625 
+  /* Toggle Switches */
15626 
+}
15627 
+
15628 
+.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after {
15629 
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
15630 
+}
15631 
+
15632 
+.form-ext-control.form-ext-checkbox .form-ext-label:before {
15633 
+  border-radius: 0.25rem;
15634 
+}
15635 
+
15636 
+.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after {
15637 
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
15638 
+}
15639 
+
15640 
+.form-ext-control.form-ext-radio .form-ext-label:before {
15641 
+  border-radius: 50%;
15642 
+}
15643 
+
15644 
+.form-ext-control .form-ext-input {
15645 
+  opacity: 0;
15646 
+  position: absolute;
15647 
+  z-index: -1;
15648 
+  /* Checked state */
15649 
+}
15650 
+
15651 
+.form-ext-control .form-ext-input:disabled ~ .form-ext-label {
15652 
+  opacity: 0.4;
15653 
+}
15654 
+
15655 
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
15656 
+  background-color: #f03d4d;
15657 
+}
15658 
+
15659 
+.form-ext-control .form-ext-input.form-ext-input--primary:checked ~ .form-ext-label {
15660 
+  color: #f03d4d;
15661 
+}
15662 
+
15663 
+.form-ext-control .form-ext-input.form-ext-input--primary:checked ~ .form-ext-label:before {
15664 
+  background-color: #f03d4d;
15665 
+}
15666 
+
15667 
+.form-ext-control .form-ext-input.form-ext-input--primary:focus ~ .form-ext-label:before {
15668 
+  border-color: inherit;
15669 
+  box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15670 
+}
15671 
+
15672 
+.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label {
15673 
+  color: #363636;
15674 
+}
15675 
+
15676 
+.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label:before {
15677 
+  background-color: #363636;
15678 
+}
15679 
+
15680 
+.form-ext-control .form-ext-input.form-ext-input--dark:focus ~ .form-ext-label:before {
15681 
+  border-color: inherit;
15682 
+  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15683 
+}
15684 
+
15685 
+.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label {
15686 
+  color: #5e5cc7;
15687 
+}
15688 
+
15689 
+.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label:before {
15690 
+  background-color: #5e5cc7;
15691 
+}
15692 
+
15693 
+.form-ext-control .form-ext-input.form-ext-input--link:focus ~ .form-ext-label:before {
15694 
+  border-color: inherit;
15695 
+  box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15696 
+}
15697 
+
15698 
+.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label {
15699 
+  color: #2972fa;
15700 
+}
15701 
+
15702 
+.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label:before {
15703 
+  background-color: #2972fa;
15704 
+}
15705 
+
15706 
+.form-ext-control .form-ext-input.form-ext-input--info:focus ~ .form-ext-label:before {
15707 
+  border-color: inherit;
15708 
+  box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15709 
+}
15710 
+
15711 
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label {
15712 
+  color: #0dd157;
15713 
+}
15714 
+
15715 
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before {
15716 
+  background-color: #0dd157;
15717 
+}
15718 
+
15719 
+.form-ext-control .form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before {
15720 
+  border-color: inherit;
15721 
+  box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15722 
+}
15723 
+
15724 
+.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label {
15725 
+  color: #fab633;
15726 
+}
15727 
+
15728 
+.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label:before {
15729 
+  background-color: #fab633;
15730 
+}
15731 
+
15732 
+.form-ext-control .form-ext-input.form-ext-input--warning:focus ~ .form-ext-label:before {
15733 
+  border-color: inherit;
15734 
+  box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15735 
+}
15736 
+
15737 
+.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label {
15738 
+  color: #fb4143;
15739 
+}
15740 
+
15741 
+.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label:before {
15742 
+  background-color: #fb4143;
15743 
+}
15744 
+
15745 
+.form-ext-control .form-ext-input.form-ext-input--danger:focus ~ .form-ext-label:before {
15746 
+  border-color: inherit;
15747 
+  box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15748 
+}
15749 
+
15750 
+.form-ext-control .form-ext-input:disabled ~ .form-ext-toggle__toggler {
15751 
+  opacity: 0.5;
15752 
+}
15753 
+
15754 
+.form-ext-control .form-ext-toggle__label {
15755 
+  align-items: center;
15756 
+  display: flex;
15757 
+  justify-content: space-between;
15758 
+}
15759 
+
15760 
+.form-ext-control .form-ext-toggle {
15761 
+  cursor: pointer;
15762 
+  position: relative;
15763 
+  /* Toggle themes */
15764 
+  /**
15765 
+  * Accessibility
15766 
+  */
15767 
+  /**
15768 
+  * Accessibility
15769 
+  */
15770 
+  /**
15771 
+  * Accessibility
15772 
+  */
15773 
+  /**
15774 
+  * Accessibility
15775 
+  */
15776 
+  /**
15777 
+  * Accessibility
15778 
+  */
15779 
+  /**
15780 
+  * Accessibility
15781 
+  */
15782 
+  /**
15783 
+  * Accessibility
15784 
+  */
15785 
+}
15786 
+
15787 
+.form-ext-control .form-ext-toggle input[type=checkbox],
15788 
+.form-ext-control .form-ext-toggle input[type=radio] {
15789 
+  opacity: 0;
15790 
+  position: absolute;
15791 
+  z-index: -1;
15792 
+}
15793 
+
15794 
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler {
15795 
+  border: 1px solid #d5d7dc;
15796 
+  border-radius: 6.25rem;
15797 
+  color: #d5d7dc;
15798 
+  display: block;
15799 
+  font-size: 9px;
15800 
+  height: 1.5rem;
15801 
+  position: relative;
15802 
+  width: 3rem;
15803 
+}
15804 
+
15805 
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i {
15806 
+  display: inline-block;
15807 
+}
15808 
+
15809 
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler,
15810 
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler,
15811 
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler,
15812 
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler {
15813 
+  background-color: #f03d4d;
15814 
+  border-color: #f03d4d;
15815 
+  color: #fff;
15816 
+  position: relative;
15817 
+  transition: all 0.4s ease;
15818 
+}
15819 
+
15820 
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler i::after,
15821 
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler i::after,
15822 
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler i::after,
15823 
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler i::after {
15824 
+  background-color: #fff;
15825 
+  left: calc(100% - 20px);
15826 
+}
15827 
+
15828 
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler i::before,
15829 
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler i::before,
15830 
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler i::before,
15831 
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler i::before {
15832 
+  color: #fff;
15833 
+  content: attr(data-check-icon);
15834 
+  text-align: left;
15835 
+}
15836 
+
15837 
+.form-ext-control .form-ext-toggle.form-ext-toggle--primary input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--primary input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--primary input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--primary input[type=radio]:checked + * .form-ext-toggle__toggler {
15838 
+  background-color: #f03d4d;
15839 
+  border-color: #f03d4d;
15840 
+}
15841 
+
15842 
+.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler {
15843 
+  border-color: #f03d4d;
15844 
+  color: #f03d4d;
15845 
+}
15846 
+
15847 
+.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler i::after {
15848 
+  background-color: #f03d4d;
15849 
+}
15850 
+
15851 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15852 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15853 
+  box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15854 
+}
15855 
+
15856 
+.form-ext-control .form-ext-toggle.form-ext-toggle--primary .form-ext-input:focus + .form-ext-toggle__toggler {
15857 
+  box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15858 
+}
15859 
+
15860 
+.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=radio]:checked + * .form-ext-toggle__toggler {
15861 
+  background-color: #363636;
15862 
+  border-color: #363636;
15863 
+}
15864 
+
15865 
+.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler {
15866 
+  border-color: #363636;
15867 
+  color: #363636;
15868 
+}
15869 
+
15870 
+.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler i::after {
15871 
+  background-color: #363636;
15872 
+}
15873 
+
15874 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15875 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15876 
+  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15877 
+}
15878 
+
15879 
+.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus + .form-ext-toggle__toggler {
15880 
+  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15881 
+}
15882 
+
15883 
+.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=radio]:checked + * .form-ext-toggle__toggler {
15884 
+  background-color: #5e5cc7;
15885 
+  border-color: #5e5cc7;
15886 
+}
15887 
+
15888 
+.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler {
15889 
+  border-color: #5e5cc7;
15890 
+  color: #5e5cc7;
15891 
+}
15892 
+
15893 
+.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler i::after {
15894 
+  background-color: #5e5cc7;
15895 
+}
15896 
+
15897 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15898 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15899 
+  box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15900 
+}
15901 
+
15902 
+.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus + .form-ext-toggle__toggler {
15903 
+  box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15904 
+}
15905 
+
15906 
+.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=radio]:checked + * .form-ext-toggle__toggler {
15907 
+  background-color: #2972fa;
15908 
+  border-color: #2972fa;
15909 
+}
15910 
+
15911 
+.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler {
15912 
+  border-color: #2972fa;
15913 
+  color: #2972fa;
15914 
+}
15915 
+
15916 
+.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler i::after {
15917 
+  background-color: #2972fa;
15918 
+}
15919 
+
15920 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15921 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15922 
+  box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15923 
+}
15924 
+
15925 
+.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus + .form-ext-toggle__toggler {
15926 
+  box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15927 
+}
15928 
+
15929 
+.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=radio]:checked + * .form-ext-toggle__toggler {
15930 
+  background-color: #0dd157;
15931 
+  border-color: #0dd157;
15932 
+}
15933 
+
15934 
+.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler {
15935 
+  border-color: #0dd157;
15936 
+  color: #0dd157;
15937 
+}
15938 
+
15939 
+.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler i::after {
15940 
+  background-color: #0dd157;
15941 
+}
15942 
+
15943 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15944 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15945 
+  box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15946 
+}
15947 
+
15948 
+.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus + .form-ext-toggle__toggler {
15949 
+  box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15950 
+}
15951 
+
15952 
+.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=radio]:checked + * .form-ext-toggle__toggler {
15953 
+  background-color: #fab633;
15954 
+  border-color: #fab633;
15955 
+}
15956 
+
15957 
+.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler {
15958 
+  border-color: #fab633;
15959 
+  color: #fab633;
15960 
+}
15961 
+
15962 
+.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler i::after {
15963 
+  background-color: #fab633;
15964 
+}
15965 
+
15966 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15967 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15968 
+  box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15969 
+}
15970 
+
15971 
+.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus + .form-ext-toggle__toggler {
15972 
+  box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15973 
+}
15974 
+
15975 
+.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=checkbox]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=checkbox]:checked + * .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=radio]:checked + .form-ext-toggle__toggler, .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=radio]:checked + * .form-ext-toggle__toggler {
15976 
+  background-color: #fb4143;
15977 
+  border-color: #fb4143;
15978 
+}
15979 
+
15980 
+.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler {
15981 
+  border-color: #fb4143;
15982 
+  color: #fb4143;
15983 
+}
15984 
+
15985 
+.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler i::after {
15986 
+  background-color: #fb4143;
15987 
+}
15988 
+
15989 
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
15990 
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
15991 
+  box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15992 
+}
15993 
+
15994 
+.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus + .form-ext-toggle__toggler {
15995 
+  box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
15996 
+}
15997 
+
15998 
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before,
15999 
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
16000 
+  content: "";
16001 
+  display: block;
16002 
+  position: absolute;
16003 
+}
16004 
+
16005 
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before {
16006 
+  content: attr(data-uncheck-icon);
16007 
+  padding: 2px 7px;
16008 
+  line-height: 18px;
16009 
+  text-align: right;
16010 
+  top: 0;
16011 
+  width: 55%;
16012 
+  font-size: 12px;
16013 
+}
16014 
+
16015 
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
16016 
+  background-color: #d5d7dc;
16017 
+  border-radius: 50%;
16018 
+  height: 16px;
16019 
+  left: 4px;
16020 
+  width: 16px;
16021 
+  transform: translateY(-50%);
16022 
+  transition: left var(--animation-duration) ease;
16023 
+  text-align: left;
16024 
+  top: 50%;
16025 
+}
16026 
+
16027 
+.form-ext-control .form-ext-label {
16028 
+  margin-bottom: 0;
16029 
+  position: relative;
16030 
+  /* Base of custom form inputs */
16031 
+}
16032 
+
16033 
+.form-ext-control .form-ext-label:before, .form-ext-control .form-ext-label:after {
16034 
+  content: "";
16035 
+  display: block;
16036 
+  height: 1rem;
16037 
+  left: -1.5rem;
16038 
+  position: absolute;
16039 
+  top: 0.3rem;
16040 
+  transition: all var(--animation-duration);
16041 
+  width: 1rem;
16042 
+}
16043 
+
16044 
+.form-ext-control .form-ext-label:before {
16045 
+  background-color: #f6f9fc;
16046 
+  border: 1px solid #dee2e6;
16047 
+  border-radius: 0.25rem;
16048 
+  pointer-events: none;
16049 
+  user-select: none;
16050 
+  box-sizing: border-box;
16051 
+}
16052 
+
16053 
+.form-ext-control .form-ext-label:after {
16054 
+  background-position: center;
16055 
+  background-repeat: no-repeat;
16056 
+  background-size: 50% 50%;
16057 
+}
16058 
+
16059 
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
16060 
+  border: none;
16061 
+}
16062 
+
16063 
+/* EXTENDED LINKS */
16064 
+/* Animated links */
16065 
+.u,
16066 
+.utb {
16067 
+  display: inline;
16068 
+  position: relative; /* So the psuedo-elements are positioned correctly */
16069 
+}
16070 
+
16071 
+/* Underline */
16072 
+.u::after {
16073 
+  content: "";
16074 
+  transition: all 0.3s;
16075 
+  backface-visibility: hidden;
16076 
+  position: absolute;
16077 
+  height: 2px;
16078 
+  width: 0;
16079 
+  background: #4643e2;
16080 
+  bottom: -0.25em;
16081 
+}
16082 
+
16083 
+.u:hover::after {
16084 
+  width: 100%;
16085 
+}
16086 
+
16087 
+.u.u-LR::after {
16088 
+  /* Left to Right */
16089 
+  left: 0;
16090 
+}
16091 
+
16092 
+.u.u-LR::after {
16093 
+  /* Left to Right */
16094 
+  left: 0;
16095 
+}
16096 
+
16097 
+.u.u-RL::after {
16098 
+  /* Right to Left */
16099 
+  right: 0;
16100 
+}
16101 
+
16102 
+.u.u-RL:hover::after {
16103 
+  width: 100%;
16104 
+}
16105 
+
16106 
+.u.u-C::after {
16107 
+  /* Center Outwards */
16108 
+  left: 50%;
16109 
+  transform: translateX(-50%);
16110 
+}
16111 
+
16112 
+/* Underline top and bottom */
16113 
+.utb {
16114 
+  /* Opposite start */
16115 
+}
16116 
+
16117 
+.utb::before, .utb::after {
16118 
+  content: "";
16119 
+  transition: all 0.3s;
16120 
+  backface-visibility: hidden;
16121 
+  position: absolute;
16122 
+  height: 2px;
16123 
+  width: 0;
16124 
+  background: #4643e2;
16125 
+}
16126 
+
16127 
+.utb::before {
16128 
+  top: -0.25em;
16129 
+}
16130 
+
16131 
+.utb::after {
16132 
+  bottom: -0.25em;
16133 
+}
16134 
+
16135 
+.utb:hover::before, .utb:hover::after {
16136 
+  width: 100%;
16137 
+}
16138 
+
16139 
+.utb.utb-LR::before, .utb.utb-LR::after {
16140 
+  left: 0;
16141 
+}
16142 
+
16143 
+.utb.utb-RL::before, .utb.utb-RL::after {
16144 
+  right: 0;
16145 
+}
16146 
+
16147 
+.utb.utb-C::before, .utb.utb-C::after {
16148 
+  left: 50%;
16149 
+  transform: translateX(-50%);
16150 
+}
16151 
+
16152 
+.utb.utb-OLR::before {
16153 
+  /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */
16154 
+  left: 0;
16155 
+}
16156 
+
16157 
+.utb.utb-OLR::after {
16158 
+  right: 0;
16159 
+}
16160 
+
16161 
+.utb.utb-ORL::before {
16162 
+  right: 0;
16163 
+}
16164 
+
16165 
+.utb.utb-ORL::after {
16166 
+  left: 0;
16167 
+}
16168 
+
16169 
+/* Links with square borders */
16170 
+/* Please note that usquare is the parent span (not div) which would create the left and right borders. The link (.utb-OLR) gets nested within this */
16171 
+.usquare {
16172 
+  margin-left: 0.4rem;
16173 
+  position: relative;
16174 
+  overflow: hidden;
16175 
+}
16176 
+
16177 
+.usquare::before, .usquare::after {
16178 
+  content: "";
16179 
+  transition: 0.25s all ease;
16180 
+  backface-visibility: hidden;
16181 
+  position: absolute;
16182 
+  width: 2px;
16183 
+  width: 0.1 rem;
16184 
+  height: 0;
16185 
+  background: #4643e2;
16186 
+}
16187 
+
16188 
+.usquare::before {
16189 
+  left: 0;
16190 
+  bottom: -0.2rem;
16191 
+}
16192 
+
16193 
+.usquare::after {
16194 
+  right: 0;
16195 
+  top: -0.2rem;
16196 
+}
16197 
+
16198 
+.usquare:hover::before, .usquare:hover::after {
16199 
+  height: calc(100% + 0.4rem); /* Makes the left and right borders */
16200 
+}
16201 
+
16202 
+.usquare:hover a::before,
16203 
+.usquare:hover a::after {
16204 
+  width: 100%;
16205 
+}
16206 
+
16207 
+.usquare.delay::before {
16208 
+  transition-delay: 0.6s;
16209 
+}
16210 
+
16211 
+.usquare.delay::after {
16212 
+  transition-delay: var(--animation-duration);
16213 
+}
16214 
+
16215 
+.usquare.delay a::after {
16216 
+  transition: 0.25s all ease 0.4s;
16217 
+}
16218 
+
16219 
+.usquare a {
16220 
+  position: static;
16221 
+  padding: 0.2rem 0.4rem;
16222 
+  transition: 0.25s all ease;
16223 
+}
16224 
+
16225 
+.usquare a::before {
16226 
+  left: 0;
16227 
+}
16228 
+
16229 
+.usquare a::after {
16230 
+  right: 0;
16231 
+}
16232 
+
16233 
+/* The base of the modal dialog, which is an overlay of the webpage */
16234 
+.modal {
16235 
+  position: fixed; /* Scrolls with the user */
16236 
+  top: 0;
16237 
+  left: 0;
16238 
+  right: 0;
16239 
+  bottom: 0;
16240 
+  opacity: 0; /* Initially hidden */
16241 
+  padding: 1rem;
16242 
+  display: none; /* Doesn't block the elements underneath */
16243 
+  align-items: center;
16244 
+  justify-content: center; /* Vertical centering */
16245 
+  pointer-events: none; /* Prevent any pointer events made to modal while hidden */
16246 
+  /* When the modal dialog is visible */
16247 
+  /* Different size modals */
16248 
+  /* The modal dialog body with the text itself */
16249 
+  /* MODAL ANIMATIONS */
16250 
+  /* Visible state */
16251 
+}
16252 
+
16253 
+.modal:target, .modal.modal--visible {
16254 
+  display: flex;
16255 
+  opacity: 1;
16256 
+  z-index: 999;
16257 
+  pointer-events: auto; /* Re-enable pointer events */
16258 
+  /* The div in the modal dialpog used to create the translucent background */
16259 
+}
16260 
+
16261 
+.modal:target .modal-overlay, .modal.modal--visible .modal-overlay {
16262 
+  position: absolute; /* Absolute inside of the modal container */
16263 
+  top: 0;
16264 
+  left: 0;
16265 
+  right: 0;
16266 
+  bottom: 0;
16267 
+  display: block;
16268 
+  background-color: rgba(54, 54, 54, 0.5);
16269 
+}
16270 
+
16271 
+.modal:target .modal-container,
16272 
+.modal:target .modal-container, .modal.modal--visible .modal-container,
16273 
+.modal.modal--visible .modal-container {
16274 
+  animation: slide-down var(--animation-duration) ease 1;
16275 
+  z-index: 1;
16276 
+}
16277 
+
16278 
+.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out, .modal.modal--visible.modal-animated--zoom-in, .modal.modal--visible.modal-animated--zoom-out {
16279 
+  opacity: 1;
16280 
+  transition: 300ms all ease;
16281 
+}
16282 
+
16283 
+.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content, .modal.modal--visible.modal-animated--zoom-in .modal-content, .modal.modal--visible.modal-animated--zoom-out .modal-content {
16284 
+  transform: scale(1);
16285 
+  transition: 300ms all ease;
16286 
+}
16287 
+
16288 
+.modal.modal-small .modal-content {
16289 
+  max-width: 20rem; /* 320px */
16290 
+}
16291 
+
16292 
+.modal.modal-large .modal-content {
16293 
+  max-width: 60rem; /* 960px */
16294 
+}
16295 
+
16296 
+.modal .modal-content {
16297 
+  background-color: var(--cirrus-bg);
16298 
+  padding: 0;
16299 
+  display: block;
16300 
+  border-radius: 3px;
16301 
+  box-shadow: 0 0.4rem 1rem rgba(54, 54, 54, 0.3);
16302 
+  z-index: 1;
16303 
+  color: var(--cirrus-fg);
16304 
+  max-width: 40rem; /* 640px */
16305 
+  /* Restrict width  */
16306 
+}
16307 
+
16308 
+.modal .modal-content.small {
16309 
+  max-width: 32rem;
16310 
+}
16311 
+
16312 
+.modal .modal-content h1, .modal .modal-content h2, .modal .modal-content h3, .modal .modal-content h4, .modal .modal-content h5, .modal .modal-content h6 {
16313 
+  color: var(--cirrus-fg);
16314 
+}
16315 
+
16316 
+.modal .modal-content .modal-header {
16317 
+  padding: 1rem 2.5rem;
16318 
+}
16319 
+
16320 
+.modal .modal-content .modal-header .modal-title {
16321 
+  font-weight: bolder;
16322 
+  font-size: 1.4rem;
16323 
+}
16324 
+
16325 
+.modal .modal-content .modal-body {
16326 
+  padding: 1rem 2.5rem;
16327 
+  overflow-y: auto;
16328 
+  max-height: 50vh; /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */
16329 
+  position: relative;
16330 
+}
16331 
+
16332 
+.modal .modal-content .modal-footer {
16333 
+  padding: 1rem 2.5rem;
16334 
+}
16335 
+
16336 
+@media screen and (max-width: 767px) {
16337 
+  .modal .modal-content {
16338 
+    max-width: 90%;
16339 
+  }
16340 
+}
16341 
+.modal.modal-animated--dropdown {
16342 
+  animation: slide-down var(--animation-duration) ease 1;
16343 
+}
16344 
+
16345 
+.modal.modal-animated--zoom-in, .modal.modal-animated--zoom-out {
16346 
+  display: flex;
16347 
+  opacity: 0;
16348 
+  transition: 300ms all ease;
16349 
+}
16350 
+
16351 
+.modal.modal-animated--zoom-in .modal-content {
16352 
+  transform: scale(0.8);
16353 
+  transition: 300ms all ease;
16354 
+}
16355 
+
16356 
+.modal.modal-animated--zoom-out .modal-content {
16357 
+  transform: scale(1.2);
16358 
+  transition: 300ms all ease;
16359 
+}
16360 
+
16361 
+/* Keyframes for slide down animation */
16362 
+@keyframes slide-down {
16363 
+  0% {
16364 
+    opacity: 0;
16365 
+    transform: translateY(-3rem);
16366 
+  }
16367 
+  100% {
16368 
+    opacity: 1;
16369 
+    transform: translateY(0);
16370 
+  }
16371 
+}
16372 
+@media screen and (max-width: 767px) {
16373 
+  .modal-content {
16374 
+    max-width: 90%;
16375 
+  }
16376 
+}
16377 
+/* PAGINATION */
16378 
+/* Parent contianer for page navigation */
16379 
+.pagination {
16380 
+  display: flex;
16381 
+  /* Use for the major pagination meant to display about 2 items */
16382 
+  /* Bordered pagination */
16383 
+}
16384 
+
16385 
+.pagination .pagination-item {
16386 
+  flex: 1 0 50%; /* Flex to fill */
16387 
+  margin: 1rem 0.1rem;
16388 
+  transition: all 0.3s;
16389 
+  /* Pagination Item */
16390 
+  /* Used to display many pagination items */
16391 
+}
16392 
+
16393 
+.pagination .pagination-item:hover p,
16394 
+.pagination .pagination-item:hover h1, .pagination .pagination-item:hover h2, .pagination .pagination-item:hover h3, .pagination .pagination-item:hover h4, .pagination .pagination-item:hover h5, .pagination .pagination-item:hover h6 {
16395 
+  transition: all 0.3s;
16396 
+  color: #f03d4d;
16397 
+}
16398 
+
16399 
+.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.disabled):not(.ellipses) {
16400 
+  transition: all 0.3s;
16401 
+  color: #f03d4d;
16402 
+}
16403 
+
16404 
+.pagination .pagination-item.pagination-next {
16405 
+  text-align: right;
16406 
+}
16407 
+
16408 
+.pagination .pagination-item.pagination-prev {
16409 
+  text-align: left;
16410 
+}
16411 
+
16412 
+.pagination .pagination-item a {
16413 
+  color: #495057;
16414 
+}
16415 
+
16416 
+.pagination .pagination-item a[disabled], .pagination .pagination-item a.disabled {
16417 
+  cursor: pointer;
16418 
+  opacity: 0.5;
16419 
+  pointer-events: none;
16420 
+  user-select: none;
16421 
+}
16422 
+
16423 
+.pagination .pagination-item .pagination-item-subtitle {
16424 
+  opacity: 0.7;
16425 
+  margin: 0; /* Needed to override style after formatting paragraph update */
16426 
+}
16427 
+
16428 
+.pagination .pagination-item.short {
16429 
+  border-radius: 0.1rem;
16430 
+  margin: 0.2rem 0;
16431 
+  flex: 0; /* Flex to fill */
16432 
+  /* Color the selected pagination item with accent color */
16433 
+}
16434 
+
16435 
+.pagination .pagination-item.short:first-child a {
16436 
+  border-top-left-radius: 0.25rem;
16437 
+  border-bottom-left-radius: 0.25rem;
16438 
+}
16439 
+
16440 
+.pagination .pagination-item.short:last-child a {
16441 
+  border-top-right-radius: 0.25rem;
16442 
+  border-bottom-right-radius: 0.25rem;
16443 
+}
16444 
+
16445 
+.pagination .pagination-item.short:not([disabled]):not(.disabled):not(.selected):hover {
16446 
+  background-color: rgba(0, 0, 0, 0.07);
16447 
+}
16448 
+
16449 
+.pagination .pagination-item.short.selected {
16450 
+  background-color: #f03d4d;
16451 
+  color: #fff;
16452 
+}
16453 
+
16454 
+.pagination .pagination-item.short.selected a {
16455 
+  color: #fff;
16456 
+}
16457 
+
16458 
+.pagination .pagination-item.short.ellipses {
16459 
+  color: #adb5bd;
16460 
+  pointer-events: none;
16461 
+}
16462 
+
16463 
+.pagination .pagination-item.short a {
16464 
+  display: inline-block;
16465 
+  line-height: 1.25;
16466 
+  padding: 0.5rem 0.75rem;
16467 
+}
16468 
+
16469 
+.pagination.pagination-bordered .pagination-item.short a {
16470 
+  border: 1px solid #dee2e6;
16471 
+  border-radius: 0;
16472 
+  margin-left: -1px;
16473 
+}
16474 
+
16475 
+/* PLACEHOLDER */
16476 
+/* Designed to be embedded in any parent container as placeholder when content is absent. */
16477 
+.placeholder {
16478 
+  background-color: rgba(222, 226, 230, 0.5);
16479 
+  border-radius: 3px;
16480 
+  text-align: center;
16481 
+  padding: 3rem 2rem;
16482 
+  color: #495057; /* Lighter than original text color */
16483 
+  display: block;
16484 
+  /* Place buttons here for the placeholder */
16485 
+}
16486 
+
16487 
+.placeholder .placeholder-icon {
16488 
+  text-align: center;
16489 
+}
16490 
+
16491 
+.placeholder .placeholder-title,
16492 
+.placeholder .placeholder-subtitle {
16493 
+  margin: 1rem auto;
16494 
+}
16495 
+
16496 
+.placeholder .placeholder-subtitle {
16497 
+  opacity: 0.7;
16498 
+  margin: 0;
16499 
+}
16500 
+
16501 
+.placeholder .placeholder-commands {
16502 
+  margin-top: 1rem;
16503 
+}
16504 
+
16505 
+/* TABS AND TAB CONTAINER */
16506 
+.tab-container {
16507 
+  display: flex;
16508 
+  justify-content: space-between;
16509 
+  overflow: hidden;
16510 
+  overflow-x: auto; /* Allow scrollbar to be visible if the width of the tabs exceeds container */
16511 
+  user-select: none;
16512 
+  white-space: nowrap;
16513 
+  align-items: stretch;
16514 
+  font-size: 1rem;
16515 
+  /* Shift tabs to the left */
16516 
+  /* Shift tabs to the center */
16517 
+  /* Shift tabs to the right */
16518 
+  /* Depth tab styles */
16519 
+  /* Classic tab styles */
16520 
+  /* Tabs that fill the width */
16521 
+  /* Different tab sizes */
16522 
+  /* Tabs are embedded inside an unordered list */
16523 
+  /* Font Awesome Integration */
16524 
+  /* Left icon */
16525 
+  /* Right icon */
16526 
+}
16527 
+
16528 
+.tab-container.tabs--left ul {
16529 
+  justify-content: flex-start;
16530 
+}
16531 
+
16532 
+.tab-container.tabs--center ul {
16533 
+  justify-content: center;
16534 
+}
16535 
+
16536 
+.tab-container.tabs--right ul {
16537 
+  justify-content: flex-end;
16538 
+}
16539 
+
16540 
+.tab-container.tabs-depth ul {
16541 
+  box-shadow: 0 2px 3px rgba(134, 142, 150, 0.15);
16542 
+  border-bottom: 0;
16543 
+}
16544 
+
16545 
+.tab-container.tabs-classic ul {
16546 
+  border-bottom-color: #dee2e6;
16547 
+  border-bottom-style: solid;
16548 
+  border-bottom-width: 1px;
16549 
+  border-radius: 3px 3px 0 0; /* Only round the top left and right corners */
16550 
+  transition: all 0.3s;
16551 
+}
16552 
+
16553 
+.tab-container.tabs-classic ul li:not(.selected) a:hover, .tab-container.tabs-classic ul li:not(.selected) .tab-item-content:hover {
16554 
+  background-color: #f1f3f5;
16555 
+  transition: all 0.3s;
16556 
+}
16557 
+
16558 
+.tab-container.tabs-classic ul li.selected a, .tab-container.tabs-classic ul li.selected .tab-item-content {
16559 
+  color: #f03d4d;
16560 
+  border-color: #dee2e6;
16561 
+  border-bottom-color: transparent !important;
16562 
+}
16563 
+
16564 
+.tab-container.tabs-classic ul li a,
16565 
+.tab-container.tabs-classic ul li .tab-item-content {
16566 
+  border: 1px solid transparent;
16567 
+  border-bottom-color: #dee2e6;
16568 
+  border-radius: 3px 3px 0 0;
16569 
+  cursor: pointer;
16570 
+  transition: all 0.3s;
16571 
+}
16572 
+
16573 
+.tab-container.tabs-fill {
16574 
+  /* Override the -webkit-box display that sizes tab items based on text */
16575 
+}
16576 
+
16577 
+.tab-container.tabs-fill ul {
16578 
+  display: flex; /* Equal size tabs */
16579 
+}
16580 
+
16581 
+.tab-container.tabs-fill li {
16582 
+  flex-grow: 1;
16583 
+  flex-shrink: 0; /* Disable shrinking to original width */
16584 
+  flex-basis: 0;
16585 
+}
16586 
+
16587 
+.tab-container.tabs--xs {
16588 
+  font-size: 0.75rem;
16589 
+}
16590 
+
16591 
+.tab-container.tabs--sm {
16592 
+  font-size: 0.875rem;
16593 
+}
16594 
+
16595 
+.tab-container.tabs--lg {
16596 
+  font-size: 1.25rem;
16597 
+}
16598 
+
16599 
+.tab-container.tabs--xl {
16600 
+  font-size: 1.5rem;
16601 
+}
16602 
+
16603 
+.tab-container ul {
16604 
+  display: flex;
16605 
+  justify-content: flex-start; /* Move tab items to left side */
16606 
+  margin: 0.5rem; /* Override the behavior for standard ul and add equal padding */
16607 
+  border-bottom: 1px solid #e9ecef; /* Bottom border of tabs */
16608 
+  flex-grow: 1;
16609 
+  list-style: none;
16610 
+  padding-inline-start: 0;
16611 
+}
16612 
+
16613 
+.tab-container li {
16614 
+  display: block; /* Keep the tabs from extending too far */
16615 
+  cursor: pointer;
16616 
+  margin: 0;
16617 
+  text-align: center;
16618 
+}
16619 
+
16620 
+.tab-container li:hover a, .tab-container li:hover .tab-item-content {
16621 
+  border-bottom-color: rgba(240, 61, 77, 0.6);
16622 
+  transition: all 0.3s;
16623 
+}
16624 
+
16625 
+.tab-container li.selected a, .tab-container li.selected .tab-item-content {
16626 
+  border-bottom-color: #f03d4d;
16627 
+  color: #f03d4d;
16628 
+  border-width: 2px;
16629 
+  transition: all 0.3s;
16630 
+}
16631 
+
16632 
+.tab-container li a,
16633 
+.tab-container li .tab-item-content {
16634 
+  display: flex;
16635 
+  align-items: center;
16636 
+  border: 0;
16637 
+  border-bottom: 1px solid #e9ecef;
16638 
+  justify-content: center;
16639 
+  padding: 0.5rem 1rem;
16640 
+  transition: all 0.3s;
16641 
+  color: var(--cirrus-fg);
16642 
+  border-bottom-width: 2px;
16643 
+  margin-bottom: -2px; /* Get rid of any remaining border lines */
16644 
+  background-color: var(--cirrus-bg);
16645 
+}
16646 
+
16647 
+.tab-container .icon:first-child {
16648 
+  margin-right: 0.75rem;
16649 
+}
16650 
+
16651 
+.tab-container .icon:last-child {
16652 
+  margin-left: 0.75rem;
16653 
+}
16654 
+
16655 
+/* TAGS */
16656 
+.tag {
16657 
+  align-items: center;
16658 
+  background-color: #f6f9fc;
16659 
+  border-radius: 0.25rem;
16660 
+  color: currentColor;
16661 
+  display: inline-flex;
16662 
+  height: 2em;
16663 
+  line-height: 1.5;
16664 
+  font-size: 0.875rem;
16665 
+  padding: 0.625rem 0.625rem;
16666 
+  white-space: nowrap;
16667 
+  /* Delete button for tag */
16668 
+  /* Draw the delete button */
16669 
+  /* TAG THEMES */
16670 
+  /* Tag close button */
16671 
+}
16672 
+
16673 
+.tag.tag--xs {
16674 
+  font-size: 0.75rem;
16675 
+  padding: 0.5rem 0.5rem;
16676 
+}
16677 
+
16678 
+.tag.tag--sm {
16679 
+  font-size: 0.875rem;
16680 
+  padding: 0.625rem 0.625rem;
16681 
+}
16682 
+
16683 
+.tag.tag--md {
16684 
+  font-size: 1rem;
16685 
+  padding: 0.75rem 0.75rem;
16686 
+}
16687 
+
16688 
+.tag.tag--lg {
16689 
+  font-size: 1.25rem;
16690 
+  padding: 0.875rem 0.875rem;
16691 
+}
16692 
+
16693 
+.tag.tag--xl {
16694 
+  font-size: 1.5rem;
16695 
+  padding: 1rem 1rem;
16696 
+}
16697 
+
16698 
+.tag.tag--rounded {
16699 
+  border-radius: 290486px;
16700 
+}
16701 
+
16702 
+.tag.tag__delete {
16703 
+  aspect-ratio: 1/1;
16704 
+  background-color: rgba(10, 10, 10, 0.2);
16705 
+  border-radius: 290486px;
16706 
+  cursor: pointer;
16707 
+  pointer-events: auto;
16708 
+  display: inline-block;
16709 
+  height: auto;
16710 
+  position: relative;
16711 
+  width: auto;
16712 
+}
16713 
+
16714 
+.tag.tag__delete:hover {
16715 
+  background-color: rgba(10, 10, 10, 0.3);
16716 
+}
16717 
+
16718 
+.tag.tag__delete::before, .tag.tag__delete::after {
16719 
+  background-color: #f6f9fc;
16720 
+  content: "";
16721 
+  display: block;
16722 
+  left: 50%;
16723 
+  position: absolute;
16724 
+  top: 50%;
16725 
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
16726 
+  transform-origin: center center;
16727 
+}
16728 
+
16729 
+.tag.tag__delete::before {
16730 
+  height: 1px;
16731 
+  width: 50%;
16732 
+}
16733 
+
16734 
+.tag.tag__delete::after {
16735 
+  height: 50%;
16736 
+  width: 1px;
16737 
+}
16738 
+
16739 
+.tag.tag__delete {
16740 
+  margin-left: 0.25rem;
16741 
+  margin-right: -0.125rem;
16742 
+}
16743 
+
16744 
+.tag.tag--white {
16745 
+  background-color: #fff;
16746 
+  color: #363636;
16747 
+}
16748 
+
16749 
+.tag.tag--black {
16750 
+  background-color: #000;
16751 
+  color: #fff;
16752 
+}
16753 
+
16754 
+.tag.tag--primary {
16755 
+  background-color: #f03d4d;
16756 
+  color: #fff;
16757 
+}
16758 
+
16759 
+.tag.tag--primary {
16760 
+  background-color: #f03d4d;
16761 
+  color: #fff;
16762 
+  cursor: pointer;
16763 
+}
16764 
+
16765 
+.tag.tag--primary.tag__close-btn:hover {
16766 
+  background-color: #ee2537;
16767 
+}
16768 
+
16769 
+.tag.tag--primary.tag__close-btn:active {
16770 
+  background-color: #e81225;
16771 
+}
16772 
+
16773 
+.tag.tag--dark {
16774 
+  background-color: #363636;
16775 
+  color: #fff;
16776 
+  cursor: pointer;
16777 
+}
16778 
+
16779 
+.tag.tag--dark.tag__close-btn:hover {
16780 
+  background-color: #292929;
16781 
+}
16782 
+
16783 
+.tag.tag--dark.tag__close-btn:active {
16784 
+  background-color: #1d1d1d;
16785 
+}
16786 
+
16787 
+.tag.tag--link {
16788 
+  background-color: #5e5cc7;
16789 
+  color: #fff;
16790 
+  cursor: pointer;
16791 
+}
16792 
+
16793 
+.tag.tag--link.tag__close-btn:hover {
16794 
+  background-color: #4b49c0;
16795 
+}
16796 
+
16797 
+.tag.tag--link.tag__close-btn:active {
16798 
+  background-color: #403db3;
16799 
+}
16800 
+
16801 
+.tag.tag--info {
16802 
+  background-color: #2972fa;
16803 
+  color: #fff;
16804 
+  cursor: pointer;
16805 
+}
16806 
+
16807 
+.tag.tag--info.tag__close-btn:hover {
16808 
+  background-color: #1062f9;
16809 
+}
16810 
+
16811 
+.tag.tag--info.tag__close-btn:active {
16812 
+  background-color: #0555eb;
16813 
+}
16814 
+
16815 
+.tag.tag--success {
16816 
+  background-color: #0dd157;
16817 
+  color: #fff;
16818 
+  cursor: pointer;
16819 
+}
16820 
+
16821 
+.tag.tag--success.tag__close-btn:hover {
16822 
+  background-color: #0cb94d;
16823 
+}
16824 
+
16825 
+.tag.tag--success.tag__close-btn:active {
16826 
+  background-color: #0aa143;
16827 
+}
16828 
+
16829 
+.tag.tag--warning {
16830 
+  background-color: #fab633;
16831 
+  color: #fff;
16832 
+  cursor: pointer;
16833 
+}
16834 
+
16835 
+.tag.tag--warning.tag__close-btn:hover {
16836 
+  background-color: #f9ad1a;
16837 
+}
16838 
+
16839 
+.tag.tag--warning.tag__close-btn:active {
16840 
+  background-color: #f4a306;
16841 
+}
16842 
+
16843 
+.tag.tag--danger {
16844 
+  background-color: #fb4143;
16845 
+  color: #fff;
16846 
+  cursor: pointer;
16847 
+}
16848 
+
16849 
+.tag.tag--danger.tag__close-btn:hover {
16850 
+  background-color: #fa282a;
16851 
+}
16852 
+
16853 
+.tag.tag--danger.tag__close-btn:active {
16854 
+  background-color: #fa0f12;
16855 
+}
16856 
+
16857 
+.tag.tag__close-btn {
16858 
+  position: relative;
16859 
+  width: 2em;
16860 
+}
16861 
+
16862 
+.tag.tag__close-btn::before, .tag.tag__close-btn::after {
16863 
+  background-color: currentColor;
16864 
+  content: "";
16865 
+  display: block;
16866 
+  left: 50%;
16867 
+  top: 50%;
16868 
+  position: absolute;
16869 
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
16870 
+  transform-origin: center center;
16871 
+}
16872 
+
16873 
+.tag.tag__close-btn::before {
16874 
+  height: 1px;
16875 
+  width: 50%;
16876 
+}
16877 
+
16878 
+.tag.tag__close-btn::after {
16879 
+  height: 50%;
16880 
+  width: 1px;
16881 
+}
16882 
+
16883 
+/* TAG CONTAINER */
16884 
+.tag-container {
16885 
+  /* Add margin in between tag containers */
16886 
+  /* Used for grouping tags together */
16887 
+  /* Tag positioning */
16888 
+}
16889 
+
16890 
+.tag-container:not(:last-child) {
16891 
+  margin-bottom: 1rem;
16892 
+}
16893 
+
16894 
+.tag-container.group-tags {
16895 
+  --tag-first-border-radius: 0.25rem 0 0 0.25rem;
16896 
+  --tag-last-border-radius: 0 0.25rem 0.25rem 0;
16897 
+  align-items: center;
16898 
+  display: flex;
16899 
+  flex-wrap: wrap;
16900 
+}
16901 
+
16902 
+.tag-container.group-tags .tag {
16903 
+  margin-right: 0 !important;
16904 
+}
16905 
+
16906 
+.tag-container.group-tags .tag:first-child {
16907 
+  border-radius: var(--tag-first-border-radius);
16908 
+}
16909 
+
16910 
+.tag-container.group-tags .tag:not(:first-child):not(:last-child) {
16911 
+  border-radius: 0;
16912 
+}
16913 
+
16914 
+.tag-container.group-tags .tag:last-child {
16915 
+  border-radius: var(--tag-last-border-radius);
16916 
+}
16917 
+
16918 
+.tag-container.group-tags.group-tags--rounded {
16919 
+  --tag-first-border-radius: 290486px 0 0 290486px;
16920 
+  --tag-last-border-radius: 0 290486px 290486px 0;
16921 
+}
16922 
+
16923 
+.tag-container.tag-container--centered {
16924 
+  justify-content: center;
16925 
+}
16926 
+
16927 
+.tag-container.tag-container--centered .tag {
16928 
+  margin: 0 0.25rem;
16929 
+}
16930 
+
16931 
+.tag-container.tag-container--right {
16932 
+  justify-content: flex-end;
16933 
+}
16934 
+
16935 
+.tag-container.tag-container--right .tag:not(:first-child) {
16936 
+  margin-left: 0.5rem;
16937 
+}
16938 
+
16939 
+.tag-container.tag-container--right .tag:not(:last-child) {
16940 
+  margin-right: 0;
16941 
+}
16942 
+
16943 
+.tag-container .tag {
16944 
+  margin-bottom: 0.5rem;
16945 
+}
16946 
+
16947 
+.tag-container .tag:not(:last-child) {
16948 
+  margin-right: 0.5rem;
16949 
+}
16950 
+
16951 
+/* MISC */
16952 
+a.tag:hover {
16953 
+  text-decoration: underline;
16954 
+}
16955 
+
16956 
+/* TILES */
16957 
+.tile {
16958 
+  display: flex;
16959 
+  align-content: space-between; /* Ensure space between child elements of card tile */
16960 
+  overflow: inherit; /* Prevent overflowing when unnecessary */
16961 
+  /* Override the default behavior where buttons display as blocks */
16962 
+  /* Add spacing between the elements in between */
16963 
+}
16964 
+
16965 
+.tile p {
16966 
+  font-size: 0.95rem; /* Base font size is 1rem */
16967 
+}
16968 
+
16969 
+.tile .tile__icon,
16970 
+.tile .tile__buttons {
16971 
+  flex: 0 0 auto;
16972 
+}
16973 
+
16974 
+.tile .tile__buttons button,
16975 
+.tile .tile__buttons .btn,
16976 
+.tile .tile__buttons [type=submit] {
16977 
+  display: inline-block;
16978 
+  margin: 0.1rem; /* Reduce space used by buttons, default .5rem */
16979 
+}
16980 
+
16981 
+.tile .tile__container {
16982 
+  flex: 1 1 auto;
16983 
+}
16984 
+
16985 
+.tile .tile__container:not(:first-child) {
16986 
+  padding-left: 1rem;
16987 
+}
16988 
+
16989 
+.tile .tile__container:not(:last-child) {
16990 
+  padding-right: 1rem;
16991 
+}
16992 
+
16993 
+.tile .tile__title {
16994 
+  line-height: 1.5rem;
16995 
+  font-weight: bolder;
16996 
+  margin: 0.1rem auto;
16997 
+}
16998 
+
16999 
+.tile .tile__subtitle {
17000 
+  line-height: 1.25rem;
17001 
+  opacity: 0.7;
17002 
+  margin: 0.1rem auto;
17003 
+}
17004 
+
17005 
+.toast {
17006 
+  display: block;
17007 
+  width: 100%;
17008 
+  padding: 0.75rem 1.25rem;
17009 
+  background-color: var(--toast-primary-bg);
17010 
+  border: 1px solid var(--toast-primary-bg);
17011 
+  border-radius: 2px;
17012 
+  color: #fff;
17013 
+  position: relative;
17014 
+  margin: 0.5rem;
17015 
+  /* TOAST TYPES */
17016 
+}
17017 
+
17018 
+.toast.toast--translucent {
17019 
+  opacity: 0.5;
17020 
+}
17021 
+
17022 
+.toast.toast--translucent:hover {
17023 
+  opacity: 1;
17024 
+}
17025 
+
17026 
+.toast p {
17027 
+  margin: 0;
17028 
+}
17029 
+
17030 
+.toast a {
17031 
+  color: #f6f9fc;
17032 
+  transition: all 0.3s;
17033 
+}
17034 
+
17035 
+.toast a:hover {
17036 
+  opacity: 0.8;
17037 
+  transition: all 0.3s;
17038 
+}
17039 
+
17040 
+.toast .toast__title {
17041 
+  margin: 0;
17042 
+  margin-top: 1rem;
17043 
+}
17044 
+
17045 
+.toast .btn-close {
17046 
+  position: absolute;
17047 
+  right: 1rem;
17048 
+  top: 1rem;
17049 
+}
17050 
+
17051 
+.toast.toast--primary {
17052 
+  background-color: #f03d4d;
17053 
+  border-color: #f03d4d;
17054 
+}
17055 
+
17056 
+.toast.toast--primary {
17057 
+  background-color: #f03d4d;
17058 
+  border-color: #f03d4d;
17059 
+}
17060 
+
17061 
+.toast.toast--dark {
17062 
+  background-color: #363636;
17063 
+  border-color: #363636;
17064 
+}
17065 
+
17066 
+.toast.toast--link {
17067 
+  background-color: #5e5cc7;
17068 
+  border-color: #5e5cc7;
17069 
+}
17070 
+
17071 
+.toast.toast--info {
17072 
+  background-color: #2972fa;
17073 
+  border-color: #2972fa;
17074 
+}
17075 
+
17076 
+.toast.toast--success {
17077 
+  background-color: #0dd157;
17078 
+  border-color: #0dd157;
17079 
+}
17080 
+
17081 
+.toast.toast--warning {
17082 
+  background-color: #fab633;
17083 
+  border-color: #fab633;
17084 
+}
17085 
+
17086 
+.toast.toast--danger {
17087 
+  background-color: #fb4143;
17088 
+  border-color: #fb4143;
17089 
+}
17090 
+
17091 
+/* TOOLTIPS */
17092 
+.tooltip {
17093 
+  position: relative; /* let's the pseudoelement that we are displaying relative to the button. */
17094 
+  overflow: visible; /* Allows the pseudoelement to be shown */
17095 
+  white-space: nowrap; /* Keeps the button text from wrapping and getting too large */
17096 
+  /* This is the psuedoelement that creates the tooltip */
17097 
+  /* Handles the on hover event of the button and then modifies the associated tooltip accordingly. */
17098 
+  /* Tooltip top left */
17099 
+  /* Tooltip top right */
17100 
+  /* Tooltip bottom */
17101 
+  /* Tooltip bottom left */
17102 
+  /* Tooltip bottom right */
17103 
+  /* Tooltip right */
17104 
+  /* Tooltip Left */
17105 
+}
17106 
+
17107 
+.tooltip::after {
17108 
+  position: absolute;
17109 
+  color: #fff;
17110 
+  font-size: 0.6rem;
17111 
+  background-color: rgba(69, 77, 93, 0.9);
17112 
+  content: attr(data-tooltip); /* Retrieves the data specified in this element property and displays it as text */
17113 
+  display: block;
17114 
+  line-height: 1rem;
17115 
+  text-transform: none;
17116 
+  overflow: hidden;
17117 
+  padding: 0.4rem 0.8rem;
17118 
+  opacity: 0; /* Hide the element */
17119 
+  text-overflow: ellipsis;
17120 
+  max-width: 15rem;
17121 
+  transform: translate(-50%, 0);
17122 
+  transition: all var(--animation-duration) ease;
17123 
+  z-index: 200;
17124 
+  pointer-events: none;
17125 
+  bottom: 100%; /* Pushes the tooltip above the button */
17126 
+  left: 50%; /* Horizontally center it */
17127 
+  border-radius: 0.2rem;
17128 
+}
17129 
+
17130 
+.tooltip:focus::after, .tooltip:hover::after {
17131 
+  opacity: 1;
17132 
+  transform: translate(-50%, -0.5rem);
17133 
+  transition: all var(--animation-duration) ease;
17134 
+}
17135 
+
17136 
+.tooltip.tooltip--top-left::after {
17137 
+  transform: translate(-50%, 0);
17138 
+}
17139 
+
17140 
+.tooltip.tooltip--top-left:hover::after, .tooltip.tooltip--top-left:focus::after {
17141 
+  left: 0;
17142 
+  transform: translate(-100%, -0.5rem);
17143 
+}
17144 
+
17145 
+.tooltip.tooltip--top-right::after {
17146 
+  left: auto;
17147 
+  transform: translate(15%, 0);
17148 
+}
17149 
+
17150 
+.tooltip.tooltip--top-right:hover::after, .tooltip.tooltip--top-right:focus::after {
17151 
+  right: 0;
17152 
+  transform: translate(100%, -0.5rem);
17153 
+}
17154 
+
17155 
+.tooltip.tooltip--bottom::after {
17156 
+  top: 100%;
17157 
+  transform: translate(-50%, -1rem); /* Moves tooltip to the center horizontally and shifts tooltip down */
17158 
+  bottom: auto;
17159 
+}
17160 
+
17161 
+.tooltip.tooltip--bottom:hover::after, .tooltip.tooltip--bottom:focus::after {
17162 
+  transform: translate(-50%, 0.5rem);
17163 
+  bottom: auto;
17164 
+}
17165 
+
17166 
+.tooltip.tooltip--bottom-left::after {
17167 
+  top: 100%;
17168 
+  transform: translate(-65%, -1rem);
17169 
+  bottom: auto;
17170 
+}
17171 
+
17172 
+.tooltip.tooltip--bottom-left:hover::after, .tooltip.tooltip--bottom-left:focus::after {
17173 
+  left: 0;
17174 
+  transform: translate(-100%, 0.5rem);
17175 
+}
17176 
+
17177 
+.tooltip.tooltip--bottom-right::after {
17178 
+  left: auto;
17179 
+  top: 100%;
17180 
+  transform: translate(0%, -1rem);
17181 
+  bottom: auto;
17182 
+}
17183 
+
17184 
+.tooltip.tooltip--bottom-right:hover::after, .tooltip.tooltip--bottom-right:focus::after {
17185 
+  right: 0;
17186 
+  transform: translate(100%, 0.5rem);
17187 
+}
17188 
+
17189 
+.tooltip.tooltip--right::after {
17190 
+  left: 100%;
17191 
+  bottom: 50%;
17192 
+  transform: translate(-1rem, 50%);
17193 
+}
17194 
+
17195 
+.tooltip.tooltip--right:hover::after, .tooltip.tooltip--right:focus::after {
17196 
+  transform: translate(0.5rem, 50%);
17197 
+}
17198 
+
17199 
+.tooltip.tooltip--left::after {
17200 
+  right: 100%;
17201 
+  bottom: 50%;
17202 
+  left: auto; /* Needed to work */
17203 
+  transform: translate(1rem, 50%);
17204 
+}
17205 
+
17206 
+.tooltip.tooltip--left:hover::after, .tooltip.tooltip--left:focus::after {
17207 
+  transform: translate(-0.5rem, 50%);
17208 
+}
0 17209 
\ No newline at end of file