diff --git a/README.md b/README.md
index 5b996cf9..995479e8 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
- [![v.0.7.0](https://img.shields.io/badge/cirrus-0.7.0-blue.svg)](https://github.com/Spiderpig86/Cirrus)
+ [![v.0.7.0-patch.1](https://img.shields.io/badge/cirrus-0.7.0-blue.svg)](https://github.com/Spiderpig86/Cirrus)
[![MIT License](https://img.shields.io/github/license/Spiderpig86/Cirrus.svg)](https://opensource.org/licenses/MIT)
[![Github Actions](https://github.com/Spiderpig86/Cirrus/actions/workflows/ci.yml/badge.svg)](https://github.com/Spiderpig86/Cirrus/actions)
[![Known Vulnerabilities](https://snyk.io/test/github/Spiderpig86/Cirrus/badge.svg?targetFile=package.json)](https://snyk.io/test/github/Spiderpig86/Cirrus?targetFile=package.json)
diff --git a/dist/cirrus-all.css b/dist/cirrus-all.css
index 8314757a..85025894 100644
--- a/dist/cirrus-all.css
+++ b/dist/cirrus-all.css
@@ -1,830 +1,19159 @@
/*
-* Cirrus 0.7.0
+* Cirrus 0.7.0-patch.1
* Stanley Lim, Copyright 2022
* https://spiderpig86.github.io/Cirrus
*/
@charset "UTF-8";
-/* # Module: Message */
-/* ----------------- */
-/* Test: Renders messages as CSS comments */
-/* ASSERT: */
-/* OUTPUT */
-/* This is a simple message */
-/* END_OUTPUT */
-/* EXPECTED */
-/* This is a simple message */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Renders lists as multiple CSS comments */
-/* ASSERT: */
-/* OUTPUT */
-/* This is a */
-/* multiline message */
-/* END_OUTPUT */
-/* EXPECTED */
-/* This is a */
-/* multiline message */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: True Error [function] */
-/* ------------------------------- */
-/* Test: Allow errors to return without blocking compilation */
-/* ✔ [assert-equal] Allow errors to return without blocking compilation */
-/* */
-/* */
-/* # Module: True Error [mixin] */
-/* ---------------------------- */
-/* Test: Allow errors to output without blocking compilation */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* ERROR [error test]: */
- /* This is a test error message */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* ERROR [error test]: */
- /* This is a test error message */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Map Increment */
-/* ----------------------- */
-/* Test: Returns a map with the sum-values of two numeric maps */
-/* ✔ [assert-equal] Returns a map with the sum-values of two numeric maps */
-/* */
-/* */
-/* # Module: Join Multiple */
-/* ----------------------- */
-/* Test: Combines multiple lists */
-/* ✔ [assert-equal] Combines multiple lists */
-/* */
-/* Test: Sets new list-separator */
-/* ✔ [assert-equal] Sets new list-separator */
-/* */
-/* */
-/* # Module: Context [mixin] & Context-Pop */
-/* --------------------------------------- */
-/* Test: Adds scope and name to context */
-/* ✔ [assert-unequal] Confirm that there is currently no "fake" scope */
-/* ✔ [assert-unequal] Confirm that there is currently no "fake" scope */
-/* ✔ [assert-equal] Sets the value of scope "fake" to "this scope is not real" */
-/* ✔ [assert-unequal] Confirm that "fake" scope has been removed */
-/* ✔ [assert-unequal] Confirm that "fake" scope has been removed */
-/* */
-/* */
-/* # Module: Output Context */
-/* ------------------------ */
-/* Test: Appends new context */
-/* ✔ [assert-equal] Check initial value */
-/* ✔ [assert-equal] Appends new context */
-/* ✔ [assert-equal] Appends new context */
-/* ✔ [assert-equal] Appends new context */
-/* */
-/* Test: Resets context */
-/* ✔ [assert-equal] Resets context */
-/* */
-/* */
-/* # Module: Validate Output Context */
-/* --------------------------------- */
-/* Test: unknown context name */
-/* ✔ [assert-equal] unknown context name */
-/* */
-/* Test: duplicate assert */
-/* ✔ [assert-equal] duplicate assert */
-/* */
-/* Test: duplicate output/expect */
-/* ✔ [assert-equal] duplicate output/expect */
-/* */
-/* Test: missing assert */
-/* ✔ [assert-equal] missing assert */
-/* */
-/* Test: wrong length */
-/* ✔ [assert-equal] wrong length */
-/* */
-/* Test: missing context */
-/* ✔ [assert-equal] missing context */
-/* */
-/* */
-/* # Module: Context [function] & Context All */
-/* ------------------------------------------ */
-/* Test: Returns current module context */
-/* ✔ [assert-equal] Returns current module context */
-/* */
-/* Test: Returns current test context */
-/* ✔ [assert-equal] Returns current test context */
-/* */
-/* # Module: Context [function] & Context All :: Context [Nested] */
-/* -------------------------------------------------------------- */
-/* Test: Returns the innermost module name */
-/* ✔ [assert-equal] Returns the innermost module name */
-/* */
-/* */
-/* # Module: Context [function] & Context All :: Context All [Nested] */
-/* ------------------------------------------------------------------ */
-/* Test: Returns the current stack of module names */
-/* ✔ [assert-equal] Returns the current stack of module names */
-/* */
-/* */
-/* */
-/* # Module: Pass Details */
-/* ---------------------- */
-/* Test: Properly output a passing assertion result */
-/* ASSERT: passing test */
-/* OUTPUT */
-.test-output {
- /* ✔ [output] passing test */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* ✔ [output] passing test */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Fail Details */
-/* ---------------------- */
-/* Test: Compiles full failure details */
-/* ASSERT: */
-/* OUTPUT */
-/* ✖ FAILED: [assert-equal] Test Assertion */
-/* - Output: [number] 0.3333333333 */
-/* - Expected: [number] 0.3333333333 */
-/* - Details: numbers may need to be rounded before comparison (set `$inspect: true` to compare output values) */
-/* - Module: Fail Details */
-/* - Test: Compiles full failure details */
-/* END_OUTPUT */
-/* EXPECTED */
-/* ✖ FAILED: [assert-equal] Test Assertion */
-/* - Output: [number] 0.3333333333 */
-/* - Expected: [number] 0.3333333333 */
-/* - Details: numbers may need to be rounded before comparison (set `$inspect: true` to compare output values) */
-/* - Module: Fail Details */
-/* - Test: Compiles full failure details */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Variable Details */
-/* -------------------------- */
-/* Test: Number */
-/* ✔ [assert-equal] Number */
-/* */
-/* Test: Color */
-/* ✔ [assert-equal] Color */
-/* */
-/* Test: Map */
-/* ✔ [assert-equal] Map */
-/* */
-/* Test: Bracketed List */
-/* ✔ [assert-equal] Bracketed List */
-/* */
-/* */
-/* # Module: Edgefail Notes */
-/* ------------------------ */
-/* Test: Type mismatch */
-/* ✔ [assert-equal] Type mismatch */
-/* ✔ [assert-equal] Type mismatch */
-/* */
-/* Test: Number Rounding */
-/* ✔ [assert-equal] Number Rounding */
-/* */
-/* Test: Color rounding */
-/* ✔ [assert-equal] Color rounding */
-/* */
-/* Test: List Separators */
-/* ✔ [assert-equal] List Separators */
-/* */
-/* */
-/* # Module: Get Result */
-/* -------------------- */
-/* Test: Equal Pass */
-/* ✔ [assert-equal] Equal Pass */
-/* */
-/* Test: Equal Fail */
-/* ✔ [assert-equal] Equal Fail */
-/* */
-/* Test: Unequal pass */
-/* ✔ [assert-equal] Unequal pass */
-/* */
-/* Test: Unequal fail */
-/* ✔ [assert-equal] Unequal fail */
-/* */
-/* */
-/* # Module: Update Results */
-/* ------------------------ */
-/* Test: Add one run */
-/* ✔ [assert-equal] Add one run */
-/* */
-/* Test: Add one pass */
-/* ✔ [assert-equal] Add one pass */
-/* */
-/* Test: Fail counts are left as-is */
-/* ✔ [assert-equal] Fail counts are left as-is */
-/* */
-/* Test: Output counts are left as-is */
-/* ✔ [assert-equal] Output counts are left as-is */
-/* */
-/* */
-/* # Module: Update Test */
-/* --------------------- */
-/* Test: Updates global test-result */
-/* ✔ [assert-equal] confirm the default state */
-/* ✔ [assert-equal] confirm updated test-result */
-/* */
-/* Test: Output-to-css overrides pass */
-/* ✔ [assert-equal] Output-to-css overrides pass */
-/* */
-/* Test: Pass does not override output-to-css */
-/* ✔ [assert-equal] Pass does not override output-to-css */
-/* */
-/* Test: Fail overrides everything */
-/* ✔ [assert-equal] Fail overrides everything */
-/* */
-/* Test: Nothing overrides fail */
-/* ✔ [assert-equal] Nothing overrides fail */
-/* */
-/* */
-/* # Module: Results Message */
-/* ------------------------- */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* Test: No output tests */
-/* ✔ [assert-equal] No output tests */
-/* */
-/* Test: Single test */
-/* ✔ [assert-equal] Single test */
-/* */
-/* */
-/* # Module: Update Stats Count */
-/* ---------------------------- */
-/* Test: Assertions counts are updated */
-/* ✔ [assert-equal] Assertions counts are updated */
-/* */
-/* Test: Modules counts are left as-is */
-/* ✔ [assert-equal] Modules counts are left as-is */
-/* */
-/* Test: Tests counts are left as-is */
-/* ✔ [assert-equal] Tests counts are left as-is */
-/* */
-/* */
-/* # Module: Stats Message */
-/* ----------------------- */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* */
-/* # Module: Setup */
-/* --------------- */
-/* Test: Updates context based on current assertions */
-/* ✔ [assert-equal] Updates context based on current assertions */
-/* */
-/* */
-/* # Module: Is Truthy */
-/* ------------------- */
-/* Test: True is truthy */
-/* ✔ [assert-equal] True is truthy */
-/* */
-/* Test: String is truthy */
-/* ✔ [assert-equal] String is truthy */
-/* */
-/* Test: List is truthy */
-/* ✔ [assert-equal] List is truthy */
-/* */
-/* Test: False is not truthy */
-/* ✔ [assert-equal] False is not truthy */
-/* */
-/* Test: Null is not truthy */
-/* ✔ [assert-equal] Null is not truthy */
-/* */
-/* Test: Empty string is not truthy */
-/* ✔ [assert-equal] Empty string is not truthy */
-/* */
-/* Test: Empty list is not truthy */
-/* ✔ [assert-equal] Empty list is not truthy */
-/* */
-/* */
-/* # Module: Assert True */
-/* --------------------- */
-/* Test: Non-false properties return true */
-/* ✔ [assert-true] Non-false properties return true */
-/* */
-/* Test: Supports is-truthy alias */
-/* ✔ [assert-true] Supports is-truthy alias */
-/* */
-/* */
-/* # Module: Assert False */
-/* ---------------------- */
-/* Test: Falsiness */
-/* ✔ [assert-false] Negated properties return false. */
-/* */
-/* Test: null */
-/* ✔ [assert-false] Null properties return false. */
-/* */
-/* Test: Empty string */
-/* ✔ [assert-false] Empty string return false. */
-/* */
-/* Test: empty list */
-/* ✔ [assert-false] Empty lists return false. */
-/* */
-/* Test: Supports is-falsy alias */
-/* ✔ [assert-false] Supports is-falsy alias */
-/* */
-/* */
-/* # Module: Assert Equal */
-/* ---------------------- */
-/* Test: Equality */
-/* ✔ [assert-equal] 2 - 1 should equal 1. */
-/* */
-/* Test: Empty description */
-/* ✔ [assert-equal] Empty description */
-/* */
-/* Test: Adding floats */
-/* ✔ [assert-equal] Adding floats */
-/* */
-/* Test: Rounded numbers with $inspect */
-/* ✔ [assert-equal] Rounded numbers with $inspect */
-/* */
-/* Test: Rounded colors with $inspect */
-/* ✔ [assert-equal] Rounded colors with $inspect */
-/* */
-/* Test: Mismatched types with $inspect */
-/* ✔ [assert-unequal] normally unequal */
-/* ✔ [assert-equal] Mismatched types with $inspect */
-/* */
-/* Test: Supports is-equal alias */
-/* ✔ [assert-equal] Supports is-equal alias */
-/* */
-/* */
-/* # Module: Assert UnEqual */
-/* ------------------------ */
-/* Test: Inequality */
-/* ✔ [assert-unequal] 3 - 1 is not equal to 3. */
-/* */
-/* Test: Mismatched types */
-/* ✔ [assert-unequal] Mismatched types */
-/* */
-/* Test: Mismatched units no longer needs $inspect */
-/* ✔ [assert-unequal] Mismatched units no longer needs $inspect */
-/* */
-/* Test: Supports not-equal alias */
-/* ✔ [assert-unequal] Supports not-equal alias */
-/* */
-/* */
-/* # Module: Output Expect */
-/* ----------------------- */
-/* Test: Compares math output properly */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- -property1: 0.3;
- -property2: 0.3333333333;
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- -property1: 0.3;
- -property2: 0.3333333333;
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Matches output and expected selector patterns */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- -property: value;
-}
-@media (min-width: 30em) {
- .test-output {
- -prop: val;
- }
- .selector {
- -prop: val;
- }
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- -property: value;
-}
-@media (min-width: 30em) {
- .test-output {
- -prop: val;
- }
- .selector {
- -prop: val;
- }
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Output Contains */
-/* ------------------------- */
-/* Test: Contains sub-string */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 10px;
- width: 20px;
+/* BASE STYLING + RESET FOR CIRRUS */
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700");
+@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
+/* v1 Color scheme for Cirrus */
+/*
+ Functions
+ TODO Refactor to different categories
+*/
+/*
+ Converts a given hex value to RGB.
+*/
+/*
+ Generates delimited class name prefix.
+*/
+/*
+ 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.
+ Use case is that if we have somthing like this:
+
+ $config: (
+ opacity: null, // Disable default opacity classes
+ extends: (
+ // Framework will now extend with your config and generate .u-opacity-42
+ opacity: (
+ 42: .42
+ )
+ )
+ );
+
+*/
+/*
+ Group selectors that share common styling.
+*/
+/*
+ Global Mixins
+*/
+/*
+ Mixin that returns a property map as a series of CSS class properties.
+
+ E.g. $xs: (color: #fff, opacity: 0.5), $sm... =>
+
+
--xs {
+ color: #fff;
+ opacity: 0.5;
+ }
+*/
+/*
+ Bring to front on focus.
+*/
+/* Breakpoints */
+/* Fonts */
+/*
+ Fetch feature flag for different utility class types for generating viewport classes (e.g., u-flex-sm, u-flex-md, etc.).
+*/
+/*
+ Helper function to determine if a set of classes should be generated based on given include/exclude configuration.
+*/
+/* Media Queries */
+/* Variant of mixin that takes in mapping of class name to value */
+/**
+ * DART SASS ONLY: Generates viewport classes given styles in a @content mixin
+ *
+ * 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.
+ *
+ * Example usage (pretend \ is $):
+ *
+ * @include generate-styles-with-viewports('true') using ($viewport) {
+ * $suffix: if($viewport != '', '-viewport', '');
+ * .outersuffix {
+ * background: #222;
+ * .innersuffix {
+ * color: #fff;
+ * }
+ * }
+ * }
+ */
+/* VALUE APIS */
+:root {
+ /* v1 Colors */
+ --cirrus-fg: #0f172a;
+ --cirrus-bg: #ffffff;
+ --cirrus-select-bg: rgba(0, 161, 255, 0.2);
+ --cirrus-code-bg: rgba(255, 218, 221, 1);
+ --cirrus-code-fg: #dc4753;
+ --cirrus-form-group-bg: rgba(248, 249, 250, 1);
+ --cirrus-form-group-fg: rgba(144, 144, 144, 1);
+ --toast-primary-bg: rgba(49, 59, 80, 0.9);
+ --animation-duration: 0.2s;
+ --focus-opacity: 0.55;
+ --font-size-xs: 0.75rem;
+ --font-size-s: 0.875rem;
+ --font-size-m: 1rem;
+ --font-size-l: 1.25rem;
+ --font-size-xl: 1.5rem;
+ --cirrus-focus-size: 0 0 0.1rem 0.15rem;
+ --cirrus-focus-color: rgba(240, 61, 77, 0.13);
+ --bg-opacity: 1;
+ --color-opacity: 1;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output {
- height: 10px;
+/* RESET */
+/* Box Sizing */
+*,
+*::before,
+*::after {
+ /* Prevent setting borders from increasing the size of an element */
+ box-sizing: border-box;
+ text-rendering: optimizeLegibility;
+ -webkit-tap-highlight-color: transparent;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Contains nested selector block */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 20px;
+/* Remove default margin and padding */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0;
+ padding: 0;
}
-.test-output .class {
- height: 10px;
+
+/* Allow % styles to work on page */
+html,
+body {
+ border: none;
+ height: 100%;
}
-.test-output .other-class {
- height: 10px;
+
+/* Nunito Sans for the font */
+body {
+ letter-spacing: 0.01rem;
+ line-height: 1.8;
+ /* Globally adjust line height */
+ font-size: 1rem;
+ font-weight: 400;
+ font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ color: var(--cirrus-fg);
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .class {
- height: 10px;
+/* Remove bullets from unordered lists */
+ul {
+ list-style: none;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with nested classes */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 20px;
+/* Setting up embedded content */
+audio,
+canvas,
+iframe,
+img,
+embed,
+object,
+svg,
+video {
+ display: block;
+ max-width: 100%;
+ height: auto;
}
-.test-output .class {
- height: 10px;
+
+iframe {
+ outline: 0;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
-.test-output .class .other-class {
- height: 10px;
+
+/* Page sections set to block */
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+ display: block;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .class .other-class {
- height: 10px;
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with nested @media queries */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .class {
- height: 20px;
+/* Base styling for labels */
+label {
+ display: inline-block;
+ margin: 0.25rem 0;
}
-@media (min-width: 30em) and (min-width: 40em) {
- .test-output .selector {
- height: 10px;
+
+/* Base styling for fieldsets */
+fieldset {
+ padding: 1rem;
+}
+
+fieldset legend {
+ font-weight: bold;
+}
+
+/* Hidden elements must not show */
+[hidden] {
+ display: none !important;
+}
+
+/* Selection Color */
+::selection {
+ background-color: var(--cirrus-select-bg);
+}
+
+/* When focusing any element */
+:focus {
+ box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
+ outline: none;
+}
+
+/* Remove all animations based on preference */
+@media (prefers-reduced-motion: reduce) {
+ html:focus-within {
+ scroll-behavior: auto;
}
- .test-output .selector2 {
- height: 10px;
+
+ *,
+*::before,
+*::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
+ scroll-behavior: auto !important;
}
}
-@media (min-width: 30em) {
- .test-output .selector3 {
- height: 10px;
+/* ANIMATIONS */
+/* Keyframes */
+/* Spinning loading animation */
+@keyframes loading {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
}
}
-
-/* END_OUTPUT */
-/* CONTAINED */
-@media (min-width: 30em) and (min-width: 40em) {
- .test-output .selector2 {
- height: 10px;
+/* Heart animation */
+@keyframes pound {
+ to {
+ transform: scale(1.1);
+ }
+}
+/* Bounce animations */
+@keyframes bounce {
+ from, 20%, 53%, 80%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transform: translate3d(0, 0, 0);
+ }
+ 40%, 43% {
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transform: translate3d(0, -30px, 0);
+ }
+ 70% {
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transform: translate3d(0, -15px, 0);
+ }
+ 90% {
+ transform: translate3d(0, -4px, 0);
+ }
+}
+@keyframes bounceIn {
+ from, 20%, 40%, 60%, 80%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+ 0% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ 20% {
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+ 40% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+ 60% {
+ opacity: 1;
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+ 80% {
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
+ to {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes pulse {
+ 50% {
+ opacity: 0.5;
+ }
+}
+@keyframes ping {
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
}
}
+/* Hover animation */
+.hover-grow {
+ /* Mouse leave */
+ transition-duration: 0.32s;
+}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with @at-root */
-/* ASSERT: */
-/* OUTPUT */
-.selector {
- height: 10px;
+.hover-grow:hover {
+ /* Mouse enter */
+ transform: scale(1.1);
+ transition-duration: 0.08s;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.selector {
- height: 10px;
+.animated {
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ /* Loading button position relatively for loading spinner location */
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used for all selector types */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .selector {
- -prop: val;
+.animated.loading {
+ display: block;
+ position: relative;
+ /* Loading Spinner, align center by default */
+ /* Hide text in loading button */
}
-.test-output #id {
- -prop: value1;
+
+.animated.loading::after {
+ border: 2px solid #ced4da;
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1rem;
+ width: 1rem;
+ left: calc(50% - 0.8em);
+ top: calc(50% - 0.7407407407em);
+ position: absolute;
+ animation: loading 500ms infinite linear;
}
-.test-output div {
- -prop: value2;
- min-height: 20px;
- max-height: 30px;
+
+.animated.loading.loading-white::after {
+ border-left-color: #fff;
+ border-bottom-color: #fff;
}
-.test-output input[type=text] {
- color: rebeccapurple;
+
+.animated.loading.loading-left {
+ padding-left: 3rem;
+ /* Align spinner left */
}
-.test-output * + * {
- color: red;
- display: none;
+
+.animated.loading.loading-left::after {
+ left: 1rem;
+ right: auto;
}
-.test-output body > h1 {
- font-weight: bold;
+
+.animated.loading.loading-right {
+ padding-right: 3rem;
+ /* Align spinner right */
+}
+
+.animated.loading.loading-right::after {
+ left: auto;
+ right: 1rem;
}
-.test-output i::before {
- -prop: value3;
+
+.animated.loading.hide-text {
+ color: transparent !important;
}
-.test-output div ~ p {
- color: green;
+
+.animated.pound {
+ animation: pound 0.35s infinite alternate;
+ vertical-align: baseline;
}
-.test-output i:not(.italic) {
- text-decoration: underline;
- --custom: val;
+
+.animated.bounce {
+ animation-name: bounce;
+ transform-origin: center bottom;
+}
+
+.animated.bounceIn {
+ animation-name: bounceIn;
+}
+
+.animated.fadeIn {
+ animation-name: fadeIn;
+}
+
+.animated.infinite {
+ animation-iteration-count: infinite;
+}
+
+.animated.infinite.alternate {
+ animation-direction: alternate;
+}
+
+.animated.paused {
+ animation-play-state: paused !important;
+}
+
+.animated.pulse {
+ animation: pulse 1.25s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animated.ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+/* FONT */
+/* Constants */
+/* Headers */
+h6 {
+ font-size: 1.25rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h5 {
+ font-size: 1.5rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h4 {
+ font-size: 1.75rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h3 {
+ font-size: 2rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h2 {
+ font-size: 2.5rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h1 {
+ font-size: 3rem;
+ letter-spacing: 0.025rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+/* Headlines (for larger titles) */
+.headline-4 {
+ font-size: 3.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-3 {
+ font-size: 4.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-2 {
+ font-size: 5.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-1 {
+ font-size: 6.5rem;
+ letter-spacing: 0.05rem;
+}
+
+/* Regular text sizes */
+.text-xs {
+ font-size: 0.75rem !important;
+ line-height: 1.5rem !important;
+}
+
+.text-sm {
+ font-size: 0.875rem !important;
+ line-height: 1.75rem !important;
+}
+
+.text-md {
+ font-size: 1rem !important;
+ line-height: 2rem !important;
+}
+
+.text-lg {
+ font-size: 1.25rem !important;
+ line-height: 2.25rem !important;
+}
+
+.text-xl {
+ font-size: 1.5rem !important;
+ line-height: 2.25rem !important;
+}
+
+p,
+article,
+blockquote {
+ font-size: 1rem;
+ line-height: 2;
+ margin-bottom: 1rem;
+}
+
+p.lead {
+ font-size: 1.2rem;
+}
+
+blockquote {
+ background-color: #f8f9fa;
+ border-left: 5px solid #e9ecef;
+ border-radius: 3px;
+ margin-bottom: 1rem;
+ padding: 1rem 2rem;
+}
+
+blockquote.text--large {
+ font-size: 1.15rem;
+}
+
+blockquote p {
+ margin: 0;
+}
+
+cite {
+ opacity: 0.7;
+}
+
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: #f0e8c4;
+}
+
+.font-primary {
+ font-family: "Montserrat";
+}
+
+.font-alt, .font-secondary {
+ font-family: "Nunito Sans";
+}
+
+.content h1 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h2 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h3 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h4 {
+ line-height: 1.125em;
+ margin: 1rem 0;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .selector {
- -prop: val;
+.content h5 {
+ line-height: 1.125em;
+ margin: 1rem 0;
}
-.test-output div {
- max-height: 30px;
+
+.content h6 {
+ line-height: 1.125em;
+ margin: 1rem 0;
}
-.test-output body > h1 {
+
+/* TODO: To deprecate */
+.title {
font-weight: bold;
}
-.test-output * + * {
- display: none;
+
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+ margin-bottom: 1rem;
}
-.test-output i:not(.italic) {
- text-decoration: underline;
+
+.title + .subtitle {
+ /* Make the subtitlte closer to the title */
+ margin-top: -0.75rem;
+}
+
+/* Use default line-height for these texts and when line-height-inherit is specified */
+.card-tile p,
+.card-tile article,
+.card-tile blockquote {
+ line-height: inherit;
+}
+
+/* Weights */
+.font-extrathin {
+ font-weight: 100;
+}
+
+.font-thin {
+ font-weight: 200;
+}
+
+.font-light {
+ font-weight: 300;
+}
+
+.font-normal {
+ font-weight: 400;
+}
+
+.font-medium {
+ font-weight: 500;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+.font-bold {
+ font-weight: 700;
+}
+
+.font-extrabold {
+ font-weight: 800;
+}
+
+.font-black {
+ font-weight: 900;
+}
+
+/* Text Transformations */
+.uppercase {
+ text-transform: uppercase;
+}
+
+.lowercase {
+ text-transform: lowercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+.rtl {
+ direction: rtl;
+}
+
+/* Font Awesome */
+.icon {
+ /* Usually used in spans */
+ display: inline-block;
+ /* font-size: 21px; Allow font sizes for icons to be overwritten */
+ /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
+ text-align: center;
+ width: 1.5rem;
+ vertical-align: baseline;
+}
+
+.icon.x-small {
+ margin: 0.55rem 0 0 0.1rem;
+}
+
+.icon.small {
+ margin: 0.95rem 0 0 0.1rem;
+}
+
+.icon .fa-wrapper {
+ font-size: inherit;
+}
+
+.info {
+ display: block;
+ font-size: var(--font-size-s);
+ margin-top: 0.25rem;
+ color: #868e96;
+}
+
+.info.inline {
+ /* Keeps the extra info inline */
+ display: inline-block;
+ margin-left: 0.5rem;
+}
+
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px dashed;
+ border-top: 4px solid\9 ;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
+}
+
+/* Other text elements */
+abbr[title] {
+ border-bottom: 0.1rem dotted;
+ cursor: help;
+ text-decoration: none;
+}
+
+kbd {
+ background-color: var(--cirrus-fg);
+ border-radius: 0.2rem;
+ color: #fff;
+ display: inline-block;
+ line-height: 1;
+ padding: 0.5rem;
+ vertical-align: baseline;
+}
+
+/* Letter spacing */
+.tracking-tightest {
+ letter-spacing: -0.075em !important;
+}
+
+.tracking-tighter {
+ letter-spacing: -0.05em !important;
+}
+
+.tracking-tight {
+ letter-spacing: -0.025em !important;
+}
+
+.tracking-normal {
+ letter-spacing: 0 !important;
+}
+
+.tracking-loose {
+ letter-spacing: 0.025em !important;
+}
+
+.tracking-looser {
+ letter-spacing: 0.05em !important;
+}
+
+.tracking-loosest {
+ letter-spacing: 0.1em !important;
+}
+
+@media screen and (min-width: 640px) {
+ .tracking-tightest-sm {
+ letter-spacing: -0.075em !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .tracking-tighter-sm {
+ letter-spacing: -0.05em !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .tracking-tight-sm {
+ letter-spacing: -0.025em !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .tracking-normal-sm {
+ letter-spacing: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .tracking-loose-sm {
+ letter-spacing: 0.025em !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .tracking-looser-sm {
+ letter-spacing: 0.05em !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .tracking-loosest-sm {
+ letter-spacing: 0.1em !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-tightest-md {
+ letter-spacing: -0.075em !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-tighter-md {
+ letter-spacing: -0.05em !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-tight-md {
+ letter-spacing: -0.025em !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-normal-md {
+ letter-spacing: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-loose-md {
+ letter-spacing: 0.025em !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-looser-md {
+ letter-spacing: 0.05em !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .tracking-loosest-md {
+ letter-spacing: 0.1em !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-tightest-lg {
+ letter-spacing: -0.075em !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-tighter-lg {
+ letter-spacing: -0.05em !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-tight-lg {
+ letter-spacing: -0.025em !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-normal-lg {
+ letter-spacing: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-loose-lg {
+ letter-spacing: 0.025em !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-looser-lg {
+ letter-spacing: 0.05em !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .tracking-loosest-lg {
+ letter-spacing: 0.1em !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-tightest-xl {
+ letter-spacing: -0.075em !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-tighter-xl {
+ letter-spacing: -0.05em !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-tight-xl {
+ letter-spacing: -0.025em !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-normal-xl {
+ letter-spacing: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-loose-xl {
+ letter-spacing: 0.025em !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-looser-xl {
+ letter-spacing: 0.05em !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .tracking-loosest-xl {
+ letter-spacing: 0.1em !important;
+ }
+}
+/* MOBILE */
+@media screen and (max-width: 639px) {
+ h6 {
+ font-size: 1rem;
+ }
+
+ h5 {
+ font-size: 1.25rem;
+ }
+
+ h4 {
+ font-size: 1.5rem;
+ }
+
+ h3 {
+ font-size: 1.75rem;
+ }
+
+ h2 {
+ font-size: 2rem;
+ }
+
+ h1 {
+ font-size: 2.25rem;
+ }
+
+ /* Headlines (for larger titles) */
+ .headline-4 {
+ font-size: 3rem;
+ }
+
+ .headline-3 {
+ font-size: 3.25rem;
+ }
+
+ .headline-2 {
+ font-size: 3.5rem;
+ }
+
+ .headline-1 {
+ font-size: 3.75rem;
+ }
+
+ p,
+article,
+blockquote {
+ margin: 1rem 0;
+ }
+}
+/* GRID */
+:root {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ --grid-column-start: auto;
+ --grid-column-end: auto;
+ --grid-row-start: auto;
+ --grid-row-end: auto;
+}
+
+.grid {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+}
+
+/* Templates */
+.grid-cols-1 {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-1 {
+ grid-column: span 1/span 1;
+}
+
+/* Row expansion */
+.grid-r-1 {
+ grid-row: span 1/span 1;
+}
+
+/* Cell Column Start/End */
+.grid-cs-1 {
+ grid-column-start: 1;
+}
+
+.grid-ce-1 {
+ grid-column-end: 2;
+}
+
+/* Cell Row Start/End */
+.grid-rs-1 {
+ grid-row-start: 1;
+}
+
+.grid-re-1 {
+ grid-row-end: 2;
+}
+
+/* Templates */
+.grid-cols-2 {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-2 {
+ grid-column: span 2/span 2;
+}
+
+/* Row expansion */
+.grid-r-2 {
+ grid-row: span 2/span 2;
+}
+
+/* Cell Column Start/End */
+.grid-cs-2 {
+ grid-column-start: 2;
+}
+
+.grid-ce-2 {
+ grid-column-end: 3;
+}
+
+/* Cell Row Start/End */
+.grid-rs-2 {
+ grid-row-start: 2;
+}
+
+.grid-re-2 {
+ grid-row-end: 3;
+}
+
+/* Templates */
+.grid-cols-3 {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-3 {
+ grid-column: span 3/span 3;
+}
+
+/* Row expansion */
+.grid-r-3 {
+ grid-row: span 3/span 3;
+}
+
+/* Cell Column Start/End */
+.grid-cs-3 {
+ grid-column-start: 3;
+}
+
+.grid-ce-3 {
+ grid-column-end: 4;
+}
+
+/* Cell Row Start/End */
+.grid-rs-3 {
+ grid-row-start: 3;
+}
+
+.grid-re-3 {
+ grid-row-end: 4;
+}
+
+/* Templates */
+.grid-cols-4 {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-4 {
+ grid-column: span 4/span 4;
+}
+
+/* Row expansion */
+.grid-r-4 {
+ grid-row: span 4/span 4;
+}
+
+/* Cell Column Start/End */
+.grid-cs-4 {
+ grid-column-start: 4;
+}
+
+.grid-ce-4 {
+ grid-column-end: 5;
+}
+
+/* Cell Row Start/End */
+.grid-rs-4 {
+ grid-row-start: 4;
+}
+
+.grid-re-4 {
+ grid-row-end: 5;
+}
+
+/* Templates */
+.grid-cols-5 {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-5 {
+ grid-column: span 5/span 5;
+}
+
+/* Row expansion */
+.grid-r-5 {
+ grid-row: span 5/span 5;
+}
+
+/* Cell Column Start/End */
+.grid-cs-5 {
+ grid-column-start: 5;
+}
+
+.grid-ce-5 {
+ grid-column-end: 6;
+}
+
+/* Cell Row Start/End */
+.grid-rs-5 {
+ grid-row-start: 5;
+}
+
+.grid-re-5 {
+ grid-row-end: 6;
+}
+
+/* Templates */
+.grid-cols-6 {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-6 {
+ grid-column: span 6/span 6;
+}
+
+/* Row expansion */
+.grid-r-6 {
+ grid-row: span 6/span 6;
+}
+
+/* Cell Column Start/End */
+.grid-cs-6 {
+ grid-column-start: 6;
+}
+
+.grid-ce-6 {
+ grid-column-end: 7;
+}
+
+/* Cell Row Start/End */
+.grid-rs-6 {
+ grid-row-start: 6;
+}
+
+.grid-re-6 {
+ grid-row-end: 7;
+}
+
+/* Templates */
+.grid-cols-7 {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-7 {
+ grid-column: span 7/span 7;
+}
+
+/* Row expansion */
+.grid-r-7 {
+ grid-row: span 7/span 7;
+}
+
+/* Cell Column Start/End */
+.grid-cs-7 {
+ grid-column-start: 7;
+}
+
+.grid-ce-7 {
+ grid-column-end: 8;
+}
+
+/* Cell Row Start/End */
+.grid-rs-7 {
+ grid-row-start: 7;
+}
+
+.grid-re-7 {
+ grid-row-end: 8;
+}
+
+/* Templates */
+.grid-cols-8 {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-8 {
+ grid-column: span 8/span 8;
+}
+
+/* Row expansion */
+.grid-r-8 {
+ grid-row: span 8/span 8;
+}
+
+/* Cell Column Start/End */
+.grid-cs-8 {
+ grid-column-start: 8;
+}
+
+.grid-ce-8 {
+ grid-column-end: 9;
+}
+
+/* Cell Row Start/End */
+.grid-rs-8 {
+ grid-row-start: 8;
+}
+
+.grid-re-8 {
+ grid-row-end: 9;
+}
+
+/* Templates */
+.grid-cols-9 {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-9 {
+ grid-column: span 9/span 9;
+}
+
+/* Row expansion */
+.grid-r-9 {
+ grid-row: span 9/span 9;
+}
+
+/* Cell Column Start/End */
+.grid-cs-9 {
+ grid-column-start: 9;
+}
+
+.grid-ce-9 {
+ grid-column-end: 10;
+}
+
+/* Cell Row Start/End */
+.grid-rs-9 {
+ grid-row-start: 9;
+}
+
+.grid-re-9 {
+ grid-row-end: 10;
+}
+
+/* Templates */
+.grid-cols-10 {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-10 {
+ grid-column: span 10/span 10;
+}
+
+/* Row expansion */
+.grid-r-10 {
+ grid-row: span 10/span 10;
+}
+
+/* Cell Column Start/End */
+.grid-cs-10 {
+ grid-column-start: 10;
+}
+
+.grid-ce-10 {
+ grid-column-end: 11;
+}
+
+/* Cell Row Start/End */
+.grid-rs-10 {
+ grid-row-start: 10;
+}
+
+.grid-re-10 {
+ grid-row-end: 11;
+}
+
+/* Templates */
+.grid-cols-11 {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-11 {
+ grid-column: span 11/span 11;
+}
+
+/* Row expansion */
+.grid-r-11 {
+ grid-row: span 11/span 11;
+}
+
+/* Cell Column Start/End */
+.grid-cs-11 {
+ grid-column-start: 11;
+}
+
+.grid-ce-11 {
+ grid-column-end: 12;
+}
+
+/* Cell Row Start/End */
+.grid-rs-11 {
+ grid-row-start: 11;
+}
+
+.grid-re-11 {
+ grid-row-end: 12;
+}
+
+/* Templates */
+.grid-cols-12 {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-12 {
+ grid-column: span 12/span 12;
+}
+
+/* Row expansion */
+.grid-r-12 {
+ grid-row: span 12/span 12;
+}
+
+/* Cell Column Start/End */
+.grid-cs-12 {
+ grid-column-start: 12;
+}
+
+.grid-ce-12 {
+ grid-column-end: 13;
+}
+
+/* Cell Row Start/End */
+.grid-rs-12 {
+ grid-row-start: 12;
+}
+
+.grid-re-12 {
+ grid-row-end: 13;
+}
+
+.grid-ce-end {
+ grid-column-end: -1;
+}
+
+.grid-re-end {
+ grid-row-end: -1;
+}
+
+.grid-ce-auto {
+ grid-column-end: auto;
+}
+
+.grid-re-auto {
+ grid-row-end: auto;
+}
+
+@media screen and (min-width: 640px) {
+ .grid-sm {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-sm {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-sm {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-sm {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-sm {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-sm {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-sm {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-sm {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-sm {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-sm {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-sm {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-sm {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-sm {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-sm {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-sm {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-sm {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-sm {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-sm {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-sm {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-sm {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-sm {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-sm {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-sm {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-sm {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-sm {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-sm {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-sm {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-sm {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-sm {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-sm {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-sm {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-sm {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-sm {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-sm {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-sm {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-sm {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-sm {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-sm {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-sm {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-sm {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-sm {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-sm {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-sm {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-sm {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-sm {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-sm {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-sm {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-sm {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-sm {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-sm {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-sm {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-sm {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-sm {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-sm {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-sm {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-sm {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-sm {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-sm {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-sm {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-sm {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-sm {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-sm {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-sm {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-sm {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-sm {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-sm {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-sm {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-sm {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-sm {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-sm {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-sm {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-sm {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-sm {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-sm {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-sm {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-sm {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-sm {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-sm {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-sm {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-sm {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-sm {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-sm {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-sm {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-sm {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-sm {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-sm {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-sm {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-sm {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-sm {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 768px) {
+ .grid-md {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-md {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-md {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-md {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-md {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-md {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-md {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-md {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-md {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-md {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-md {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-md {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-md {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-md {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-md {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-md {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-md {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-md {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-md {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-md {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-md {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-md {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-md {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-md {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-md {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-md {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-md {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-md {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-md {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-md {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-md {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-md {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-md {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-md {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-md {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-md {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-md {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-md {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-md {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-md {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-md {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-md {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-md {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-md {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-md {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-md {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-md {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-md {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-md {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-md {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-md {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-md {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-md {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-md {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-md {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-md {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-md {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-md {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-md {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-md {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-md {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-md {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-md {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-md {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-md {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-md {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-md {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-md {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-md {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-md {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-md {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-md {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-md {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-md {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-md {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-md {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-md {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-md {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-md {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-md {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-md {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-md {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-md {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-md {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-md {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-md {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-md {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-md {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-md {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .grid-lg {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-lg {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-lg {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-lg {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-lg {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-lg {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-lg {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-lg {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-lg {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-lg {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-lg {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-lg {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-lg {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-lg {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-lg {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-lg {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-lg {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-lg {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-lg {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-lg {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-lg {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-lg {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-lg {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-lg {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-lg {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-lg {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-lg {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-lg {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-lg {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-lg {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-lg {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-lg {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-lg {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-lg {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-lg {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-lg {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-lg {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-lg {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-lg {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-lg {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-lg {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-lg {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-lg {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-lg {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-lg {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-lg {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-lg {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-lg {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-lg {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-lg {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-lg {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-lg {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-lg {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-lg {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-lg {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-lg {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-lg {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-lg {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-lg {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-lg {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-lg {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-lg {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-lg {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-lg {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-lg {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-lg {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-lg {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-lg {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-lg {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-lg {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-lg {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-lg {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-lg {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-lg {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-lg {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-lg {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-lg {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-lg {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-lg {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-lg {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-lg {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-lg {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-lg {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-lg {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-lg {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-lg {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-lg {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-lg {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-lg {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .grid-xl {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-xl {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-xl {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-xl {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-xl {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-xl {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-xl {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-xl {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-xl {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-xl {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-xl {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-xl {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-xl {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-xl {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-xl {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-xl {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-xl {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-xl {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-xl {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-xl {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-xl {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-xl {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-xl {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-xl {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-xl {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-xl {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-xl {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-xl {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-xl {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-xl {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-xl {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-xl {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-xl {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-xl {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-xl {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-xl {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-xl {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-xl {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-xl {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-xl {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-xl {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-xl {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-xl {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-xl {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-xl {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-xl {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-xl {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-xl {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-xl {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-xl {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-xl {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-xl {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-xl {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-xl {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-xl {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-xl {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-xl {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-xl {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-xl {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-xl {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-xl {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-xl {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-xl {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-xl {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-xl {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-xl {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-xl {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-xl {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-xl {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-xl {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-xl {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-xl {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-xl {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-xl {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-xl {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-xl {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-xl {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-xl {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-xl {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-xl {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-xl {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-xl {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-xl {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-xl {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-xl {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-xl {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-xl {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-xl {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-xl {
+ grid-row-end: auto;
+ }
+}
+/* HEADER */
+/* This works well with panel */
+section {
+ display: block;
+}
+
+.content {
+ max-width: 48em;
+ margin: 0 auto 1.5em;
+ width: 100%;
+}
+
+@media screen and (min-width: 1024px) {
+ .content {
+ max-width: 64em;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .content {
+ max-width: 80em;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .content {
+ max-width: 96em;
+ }
+}
+.fullscreen {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ min-height: 100vh;
+}
+
+/* This works well with spans and maybe even hr */
+.divider {
+ border-top: 0.05rem solid rgba(173, 181, 189, 0.5);
+ height: 0.1rem;
+ margin: 1.8rem 0 1.6rem;
+ position: relative;
+}
+
+.divider[data-content] {
+ margin: 0.8rem 0;
+}
+
+.divider--v[data-content]::after, .divider[data-content]::after {
+ background: #fff;
+ color: #adb5bd;
+ content: attr(data-content);
+ left: 50%;
+ display: inline-block;
+ padding: 0 0.4rem;
+ position: absolute;
+ transform: translate(-50%, -50%);
+ top: 50%;
+}
+
+.divider--v, .divider--v[data-content] {
+ display: block;
+ padding: 0.8rem;
+}
+
+.divider--v::before, .divider--v[data-content]::before {
+ border-left: 0.05rem solid rgba(173, 181, 189, 0.5);
+ bottom: 0.4rem;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 0;
+ transform: translateX(-50%);
+}
+
+.divider--v[data-content] {
+ left: 50%;
+ padding: 0.2rem 0;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/* Hero image div */
+.hero-img {
+ /* Specify the backgroud image yourself */
+ background-size: cover;
+}
+
+.parallax-img {
+ background-attachment: fixed !important;
+}
+
+.hero {
+ /* Parent of hero-body */
+ align-items: stretch;
+ display: flex;
+ /* Important to stretch height of hero-body */
+ justify-content: space-between;
+}
+
+.hero .hero-body {
+ flex-grow: 1;
+ /* Tells the hero-body to take up the entire space */
+ flex-shrink: 0;
+ padding: 3rem 1.5rem;
+ align-items: center;
+ display: flex;
+ width: 100%;
+}
+
+.space {
+ display: block;
+ width: 100%;
+ height: 1rem;
+}
+
+.space.space--lg {
+ padding: 1rem 0;
+}
+
+.space.space--xl {
+ padding: 2rem 0;
+}
+
+/* Use for spacing out elements vertically */
+.row {
+ -ms-flex: 1;
+ flex: 1;
+ flex-wrap: wrap;
+ padding: 0.5rem 0;
+ display: flex;
+ /* GRID */
+ /* Auto align col to left in row */
+ /* Auto align col to middle in row */
+ /* Auto align col to right in row */
+ /* Dividers for mobile layout */
+ /* Base sizing where everything is 100% width */
+ /* Column sizes for various viewports */
+ /* Columns without the spacing */
+}
+
+.row::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+.row.row--no-wrap {
+ flex-wrap: nowrap;
+ overflow-x: auto;
+ /* Can be disabled to remove scroll bar */
+}
+
+.row .col {
+ display: block;
+ flex: 1;
+ padding: 0.15rem 0.75rem;
+}
+
+.row .offset-right {
+ margin-left: 0;
+ margin-right: auto;
+}
+
+.row .offset-center {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.row .offset-left {
+ margin-left: auto;
+ margin-right: 0;
+}
+
+.row.divided [class^=col], .row.divided [class*=" col"] {
+ box-shadow: 0 -1px 0 0 rgba(173, 181, 189, 0.5);
+}
+
+.row [class^=col-],
+.row [class*=" col-"] {
+ width: 100%;
+ margin-left: 0;
+ padding: 0 0.5rem;
+}
+
+@media screen and (min-width: 768px) {
+ .row .col-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-1 {
+ margin-left: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-2 {
+ margin-left: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-3 {
+ margin-left: 25%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-4 {
+ margin-left: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-5 {
+ margin-left: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-6 {
+ margin-left: 50%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-7 {
+ margin-left: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-8 {
+ margin-left: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-9 {
+ margin-left: 75%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-10 {
+ margin-left: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-11 {
+ margin-left: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-12 {
+ margin-left: 100%;
+ }
+}
+.row.no-space [class^=col-], .row.no-space [class*=" col-"] {
+ padding: 0;
+}
+
+.r {
+ /* Legacy row pre 0.5.5 */
+ max-width: 100%;
+ padding: 0.5rem;
+}
+
+.level {
+ align-items: center;
+ justify-content: space-between;
+ /* Used to stretch the contents of div in level to fill */
+}
+
+.level .level-item {
+ /* Centers items */
+ align-items: center;
+ display: flex;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+}
+
+.level .level-content {
+ flex-basis: auto;
+ flex-grow: 1;
+ flex-shrink: 1;
+ text-align: left;
+ width: 100%;
+}
+
+/* Width/Height CSS */
+.h-0 {
+ height: 0 !important;
+}
+
+.h-10p {
+ height: 10% !important;
+}
+
+.h-20p {
+ height: 20% !important;
+}
+
+.h-30p {
+ height: 30% !important;
+}
+
+.h-40p {
+ height: 40% !important;
+}
+
+.h-50p {
+ height: 50% !important;
+}
+
+.h-60p {
+ height: 60% !important;
+}
+
+.h-70p {
+ height: 70% !important;
+}
+
+.h-80p {
+ height: 80% !important;
+}
+
+.h-90p {
+ height: 90% !important;
+}
+
+.h-100p {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.h-screen {
+ height: 100vh !important;
+}
+
+@media screen and (min-width: 640px) {
+ .h-0-sm {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-10p-sm {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-20p-sm {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-30p-sm {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-40p-sm {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-50p-sm {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-60p-sm {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-70p-sm {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-80p-sm {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-90p-sm {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-100p-sm {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-auto-sm {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-screen-sm {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-0-md {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-10p-md {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-20p-md {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-30p-md {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-40p-md {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-50p-md {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-60p-md {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-70p-md {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-80p-md {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-90p-md {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-100p-md {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-auto-md {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-screen-md {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-0-lg {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-10p-lg {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-20p-lg {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-30p-lg {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-40p-lg {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-50p-lg {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-60p-lg {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-70p-lg {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-80p-lg {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-90p-lg {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-100p-lg {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-auto-lg {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-screen-lg {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-0-xl {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-10p-xl {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-20p-xl {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-30p-xl {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-40p-xl {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-50p-xl {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-60p-xl {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-70p-xl {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-80p-xl {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-90p-xl {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-100p-xl {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-auto-xl {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-screen-xl {
+ height: 100vh !important;
+ }
+}
+.w-0 {
+ width: 0 !important;
+}
+
+.w-10p {
+ width: 10% !important;
+}
+
+.w-20p {
+ width: 20% !important;
+}
+
+.w-30p {
+ width: 30% !important;
+}
+
+.w-40p {
+ width: 40% !important;
+}
+
+.w-50p {
+ width: 50% !important;
+}
+
+.w-60p {
+ width: 60% !important;
+}
+
+.w-70p {
+ width: 70% !important;
+}
+
+.w-80p {
+ width: 80% !important;
+}
+
+.w-90p {
+ width: 90% !important;
+}
+
+.w-100p {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.w-screen {
+ width: 100vw !important;
+}
+
+@media screen and (min-width: 640px) {
+ .w-0-sm {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-10p-sm {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-20p-sm {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-30p-sm {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-40p-sm {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-50p-sm {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-60p-sm {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-70p-sm {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-80p-sm {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-90p-sm {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-100p-sm {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-auto-sm {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-screen-sm {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-0-md {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-10p-md {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-20p-md {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-30p-md {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-40p-md {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-50p-md {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-60p-md {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-70p-md {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-80p-md {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-90p-md {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-100p-md {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-auto-md {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-screen-md {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-0-lg {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-10p-lg {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-20p-lg {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-30p-lg {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-40p-lg {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-50p-lg {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-60p-lg {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-70p-lg {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-80p-lg {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-90p-lg {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-100p-lg {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-auto-lg {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-screen-lg {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-0-xl {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-10p-xl {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-20p-xl {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-30p-xl {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-40p-xl {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-50p-xl {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-60p-xl {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-70p-xl {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-80p-xl {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-90p-xl {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-100p-xl {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-auto-xl {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-screen-xl {
+ width: 100vw !important;
+ }
+}
+.min-h-0 {
+ min-height: 0 !important;
+}
+
+.min-h-10p {
+ min-height: 10% !important;
+}
+
+.min-h-20p {
+ min-height: 20% !important;
+}
+
+.min-h-30p {
+ min-height: 30% !important;
+}
+
+.min-h-40p {
+ min-height: 40% !important;
+}
+
+.min-h-50p {
+ min-height: 50% !important;
+}
+
+.min-h-60p {
+ min-height: 60% !important;
+}
+
+.min-h-70p {
+ min-height: 70% !important;
+}
+
+.min-h-80p {
+ min-height: 80% !important;
+}
+
+.min-h-90p {
+ min-height: 90% !important;
+}
+
+.min-h-100p {
+ min-height: 100% !important;
+}
+
+.min-h-screen {
+ min-height: 100vh !important;
+}
+
+@media screen and (min-width: 640px) {
+ .min-h-0-sm {
+ min-height: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-10p-sm {
+ min-height: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-20p-sm {
+ min-height: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-30p-sm {
+ min-height: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-40p-sm {
+ min-height: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-50p-sm {
+ min-height: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-60p-sm {
+ min-height: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-70p-sm {
+ min-height: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-80p-sm {
+ min-height: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-90p-sm {
+ min-height: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-100p-sm {
+ min-height: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-h-screen-sm {
+ min-height: 100vh !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-0-md {
+ min-height: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-10p-md {
+ min-height: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-20p-md {
+ min-height: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-30p-md {
+ min-height: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-40p-md {
+ min-height: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-50p-md {
+ min-height: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-60p-md {
+ min-height: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-70p-md {
+ min-height: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-80p-md {
+ min-height: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-90p-md {
+ min-height: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-100p-md {
+ min-height: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-h-screen-md {
+ min-height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-0-lg {
+ min-height: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-10p-lg {
+ min-height: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-20p-lg {
+ min-height: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-30p-lg {
+ min-height: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-40p-lg {
+ min-height: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-50p-lg {
+ min-height: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-60p-lg {
+ min-height: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-70p-lg {
+ min-height: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-80p-lg {
+ min-height: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-90p-lg {
+ min-height: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-100p-lg {
+ min-height: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-h-screen-lg {
+ min-height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-0-xl {
+ min-height: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-10p-xl {
+ min-height: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-20p-xl {
+ min-height: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-30p-xl {
+ min-height: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-40p-xl {
+ min-height: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-50p-xl {
+ min-height: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-60p-xl {
+ min-height: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-70p-xl {
+ min-height: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-80p-xl {
+ min-height: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-90p-xl {
+ min-height: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-100p-xl {
+ min-height: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-h-screen-xl {
+ min-height: 100vh !important;
+ }
+}
+.min-w-0 {
+ min-width: 0 !important;
+}
+
+.min-w-10p {
+ min-width: 10% !important;
+}
+
+.min-w-20p {
+ min-width: 20% !important;
+}
+
+.min-w-30p {
+ min-width: 30% !important;
+}
+
+.min-w-40p {
+ min-width: 40% !important;
+}
+
+.min-w-50p {
+ min-width: 50% !important;
+}
+
+.min-w-60p {
+ min-width: 60% !important;
+}
+
+.min-w-70p {
+ min-width: 70% !important;
+}
+
+.min-w-80p {
+ min-width: 80% !important;
+}
+
+.min-w-90p {
+ min-width: 90% !important;
+}
+
+.min-w-100p {
+ min-width: 100% !important;
+}
+
+.min-w-screen {
+ min-width: 100vw !important;
+}
+
+@media screen and (min-width: 640px) {
+ .min-w-0-sm {
+ min-width: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-10p-sm {
+ min-width: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-20p-sm {
+ min-width: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-30p-sm {
+ min-width: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-40p-sm {
+ min-width: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-50p-sm {
+ min-width: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-60p-sm {
+ min-width: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-70p-sm {
+ min-width: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-80p-sm {
+ min-width: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-90p-sm {
+ min-width: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-100p-sm {
+ min-width: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .min-w-screen-sm {
+ min-width: 100vw !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-0-md {
+ min-width: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-10p-md {
+ min-width: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-20p-md {
+ min-width: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-30p-md {
+ min-width: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-40p-md {
+ min-width: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-50p-md {
+ min-width: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-60p-md {
+ min-width: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-70p-md {
+ min-width: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-80p-md {
+ min-width: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-90p-md {
+ min-width: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-100p-md {
+ min-width: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .min-w-screen-md {
+ min-width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-0-lg {
+ min-width: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-10p-lg {
+ min-width: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-20p-lg {
+ min-width: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-30p-lg {
+ min-width: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-40p-lg {
+ min-width: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-50p-lg {
+ min-width: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-60p-lg {
+ min-width: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-70p-lg {
+ min-width: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-80p-lg {
+ min-width: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-90p-lg {
+ min-width: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-100p-lg {
+ min-width: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .min-w-screen-lg {
+ min-width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-0-xl {
+ min-width: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-10p-xl {
+ min-width: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-20p-xl {
+ min-width: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-30p-xl {
+ min-width: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-40p-xl {
+ min-width: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-50p-xl {
+ min-width: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-60p-xl {
+ min-width: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-70p-xl {
+ min-width: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-80p-xl {
+ min-width: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-90p-xl {
+ min-width: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-100p-xl {
+ min-width: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .min-w-screen-xl {
+ min-width: 100vw !important;
+ }
+}
+.max-h-none {
+ max-height: none !important;
+}
+
+.max-h-10p {
+ max-height: 10% !important;
+}
+
+.max-h-20p {
+ max-height: 20% !important;
+}
+
+.max-h-30p {
+ max-height: 30% !important;
+}
+
+.max-h-40p {
+ max-height: 40% !important;
+}
+
+.max-h-50p {
+ max-height: 50% !important;
+}
+
+.max-h-60p {
+ max-height: 60% !important;
+}
+
+.max-h-70p {
+ max-height: 70% !important;
+}
+
+.max-h-80p {
+ max-height: 80% !important;
+}
+
+.max-h-90p {
+ max-height: 90% !important;
+}
+
+.max-h-100p {
+ max-height: 100% !important;
+}
+
+.max-h-screen {
+ max-height: 100vh !important;
+}
+
+@media screen and (min-width: 640px) {
+ .max-h-none-sm {
+ max-height: none !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-10p-sm {
+ max-height: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-20p-sm {
+ max-height: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-30p-sm {
+ max-height: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-40p-sm {
+ max-height: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-50p-sm {
+ max-height: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-60p-sm {
+ max-height: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-70p-sm {
+ max-height: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-80p-sm {
+ max-height: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-90p-sm {
+ max-height: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-100p-sm {
+ max-height: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-h-screen-sm {
+ max-height: 100vh !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-none-md {
+ max-height: none !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-10p-md {
+ max-height: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-20p-md {
+ max-height: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-30p-md {
+ max-height: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-40p-md {
+ max-height: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-50p-md {
+ max-height: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-60p-md {
+ max-height: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-70p-md {
+ max-height: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-80p-md {
+ max-height: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-90p-md {
+ max-height: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-100p-md {
+ max-height: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-h-screen-md {
+ max-height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-none-lg {
+ max-height: none !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-10p-lg {
+ max-height: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-20p-lg {
+ max-height: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-30p-lg {
+ max-height: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-40p-lg {
+ max-height: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-50p-lg {
+ max-height: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-60p-lg {
+ max-height: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-70p-lg {
+ max-height: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-80p-lg {
+ max-height: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-90p-lg {
+ max-height: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-100p-lg {
+ max-height: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-h-screen-lg {
+ max-height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-none-xl {
+ max-height: none !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-10p-xl {
+ max-height: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-20p-xl {
+ max-height: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-30p-xl {
+ max-height: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-40p-xl {
+ max-height: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-50p-xl {
+ max-height: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-60p-xl {
+ max-height: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-70p-xl {
+ max-height: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-80p-xl {
+ max-height: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-90p-xl {
+ max-height: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-100p-xl {
+ max-height: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-h-screen-xl {
+ max-height: 100vh !important;
+ }
+}
+.max-w-none {
+ max-width: none !important;
+}
+
+.max-w-10p {
+ max-width: 10% !important;
+}
+
+.max-w-20p {
+ max-width: 20% !important;
+}
+
+.max-w-30p {
+ max-width: 30% !important;
+}
+
+.max-w-40p {
+ max-width: 40% !important;
+}
+
+.max-w-50p {
+ max-width: 50% !important;
+}
+
+.max-w-60p {
+ max-width: 60% !important;
+}
+
+.max-w-70p {
+ max-width: 70% !important;
+}
+
+.max-w-80p {
+ max-width: 80% !important;
+}
+
+.max-w-90p {
+ max-width: 90% !important;
+}
+
+.max-w-100p {
+ max-width: 100% !important;
+}
+
+.max-w-screen {
+ max-width: 100vw !important;
+}
+
+@media screen and (min-width: 640px) {
+ .max-w-none-sm {
+ max-width: none !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-10p-sm {
+ max-width: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-20p-sm {
+ max-width: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-30p-sm {
+ max-width: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-40p-sm {
+ max-width: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-50p-sm {
+ max-width: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-60p-sm {
+ max-width: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-70p-sm {
+ max-width: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-80p-sm {
+ max-width: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-90p-sm {
+ max-width: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-100p-sm {
+ max-width: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .max-w-screen-sm {
+ max-width: 100vw !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-none-md {
+ max-width: none !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-10p-md {
+ max-width: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-20p-md {
+ max-width: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-30p-md {
+ max-width: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-40p-md {
+ max-width: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-50p-md {
+ max-width: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-60p-md {
+ max-width: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-70p-md {
+ max-width: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-80p-md {
+ max-width: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-90p-md {
+ max-width: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-100p-md {
+ max-width: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .max-w-screen-md {
+ max-width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-none-lg {
+ max-width: none !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-10p-lg {
+ max-width: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-20p-lg {
+ max-width: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-30p-lg {
+ max-width: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-40p-lg {
+ max-width: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-50p-lg {
+ max-width: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-60p-lg {
+ max-width: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-70p-lg {
+ max-width: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-80p-lg {
+ max-width: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-90p-lg {
+ max-width: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-100p-lg {
+ max-width: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .max-w-screen-lg {
+ max-width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-none-xl {
+ max-width: none !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-10p-xl {
+ max-width: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-20p-xl {
+ max-width: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-30p-xl {
+ max-width: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-40p-xl {
+ max-width: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-50p-xl {
+ max-width: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-60p-xl {
+ max-width: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-70p-xl {
+ max-width: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-80p-xl {
+ max-width: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-90p-xl {
+ max-width: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-100p-xl {
+ max-width: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .max-w-screen-xl {
+ max-width: 100vw !important;
+ }
+}
+/* Do the actual balancing only on larger screens */
+@media screen and (min-width: 768px) {
+ .level,
+.level-left,
+.level-right {
+ display: flex;
+ }
+}
+@media screen and (max-width: 767px) {
+ .level-right {
+ margin-left: 1rem;
+ }
+
+ /* Keep all level children the same height */
+ .level.fill-height {
+ align-items: stretch;
+ display: flex;
+ }
+}
+/* MOBILE */
+@media screen and (max-width: 767px) {
+ .container {
+ width: 100%;
+ }
+
+ .row {
+ margin-top: 0;
+ }
+
+ /* Dividers for mobile layout */
+ .divided > .row [class^=col-],
+.divided > .row [class*=" col-"] {
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+ }
+
+ .level.fill-height {
+ display: inherit;
+ /* Allow children to expand */
+ }
+
+ .hero-body {
+ padding: 0;
+ }
+}
+/* MEDIA CSS */
+/* Handles images, videos, figures, etc */
+video.video-fullscreen {
+ position: absolute;
+ height: 100vh;
+ object-fit: cover;
+ width: 100%;
+ z-index: -1;
+}
+
+.hero.fullscreen video {
+ height: 100%;
+ object-fit: fill;
+ position: absolute;
+ width: 100%;
+ z-index: -1;
+}
+
+/* Add to parent container to make media child fill container */
+.media-stretch {
+ display: block;
+ padding: 0;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ /* Add pseudoclass to allow media to have height (default height is 0) */
+ /* Force media embed to fill parent container */
+ /* Alternate media ratios */
+ /* For HTML5 video objects */
+}
+
+.media-stretch::before {
+ content: "";
+ display: block;
+ padding-bottom: 56.25%;
+ /* 9 / 16 for 16:9 ratio */
+}
+
+.media-stretch iframe,
+.media-stretch embed,
+.media-stretch object {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ /* Make sure media does exceed or go under boundary limit */
+ height: 100%;
+}
+
+.media-stretch.rat-4-3::before {
+ padding-bottom: 75%;
+}
+
+.media-stretch.rat-1-1::before {
+ padding-bottom: 100%;
+}
+
+.media-stretch video {
+ height: auto;
+ max-width: 100%;
+ width: 100%;
+}
+
+/* FIGURES */
+/* For flexible media display */
+.fig {
+ margin: 0 0 0.5rem 0;
+ /* Small margin at the bottom */
+}
+
+.fig .fig-caption {
+ margin-top: 1rem;
+}
+
+/* IMAGES */
+.img-stretch {
+ max-width: 100%;
+ height: auto;
+ display: block;
+}
+
+.img-cover {
+ object-fit: cover;
+}
+
+.img-contain {
+ object-fit: contain;
+}
+
+/* A collection of modifiers that extend control styling */
+.btn, button, [type=submit], [type=reset], [type=button] {
+ /* btn--circle: contents must be placed inside child element */
+}
+
+.btn.btn--pilled, button.btn--pilled, [type=submit].btn--pilled, [type=reset].btn--pilled, [type=button].btn--pilled {
+ border-radius: 6.25rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.btn.btn--circle, button.btn--circle, [type=submit].btn--circle, [type=reset].btn--circle, [type=button].btn--circle {
+ border-radius: 100%;
+ min-width: 60px;
+ overflow: hidden;
+ padding: 0;
+ text-align: center;
+}
+
+.btn.btn--circle:before, button.btn--circle:before, [type=submit].btn--circle:before, [type=reset].btn--circle:before, [type=button].btn--circle:before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ padding-top: 100%;
+}
+
+.btn.btn--circle *, button.btn--circle *, [type=submit].btn--circle *, [type=reset].btn--circle *, [type=button].btn--circle * {
+ display: inline;
+ max-width: 90%;
+ vertical-align: middle;
+ white-space: pre-wrap;
+}
+
+/* Input (primary text-based) controls apply to inputs */
+.input-control--pilled {
+ border-radius: 6.25rem !important;
+}
+
+/* Theme modifiers */
+/* GLOBAL THEME SELECTORS */
+/* v1 */
+.bg-primary {
+ background-color: rgba(240, 61, 77, var(--bg-opacity)) !important;
+}
+
+.text-primary {
+ border-color: rgba(240, 61, 77, var(--color-opacity)) !important;
+ color: rgba(240, 61, 77, var(--color-opacity)) !important;
+}
+
+.bg-success {
+ background-color: rgba(13, 209, 87, var(--bg-opacity)) !important;
+}
+
+.text-success {
+ border-color: rgba(13, 209, 87, var(--color-opacity)) !important;
+ color: rgba(13, 209, 87, var(--color-opacity)) !important;
+}
+
+.bg-warning {
+ background-color: rgba(250, 182, 51, var(--bg-opacity)) !important;
+}
+
+.text-warning {
+ border-color: rgba(250, 182, 51, var(--color-opacity)) !important;
+ color: rgba(250, 182, 51, var(--color-opacity)) !important;
+}
+
+.bg-danger {
+ background-color: rgba(251, 65, 67, var(--bg-opacity)) !important;
+}
+
+.text-danger {
+ border-color: rgba(251, 65, 67, var(--color-opacity)) !important;
+ color: rgba(251, 65, 67, var(--color-opacity)) !important;
+}
+
+.bg-light {
+ background-color: rgba(246, 249, 252, var(--bg-opacity)) !important;
+}
+
+.text-light {
+ border-color: rgba(246, 249, 252, var(--color-opacity)) !important;
+ color: rgba(246, 249, 252, var(--color-opacity)) !important;
+}
+
+.bg-dark {
+ background-color: rgba(54, 54, 54, var(--bg-opacity)) !important;
+}
+
+.text-dark {
+ border-color: rgba(54, 54, 54, var(--color-opacity)) !important;
+ color: rgba(54, 54, 54, var(--color-opacity)) !important;
+}
+
+.bg-link {
+ background-color: rgba(94, 92, 199, var(--bg-opacity)) !important;
+}
+
+.text-link {
+ border-color: rgba(94, 92, 199, var(--color-opacity)) !important;
+ color: rgba(94, 92, 199, var(--color-opacity)) !important;
+}
+
+.bg-link-dark {
+ background-color: rgba(70, 67, 226, var(--bg-opacity)) !important;
+}
+
+.text-link-dark {
+ border-color: rgba(70, 67, 226, var(--color-opacity)) !important;
+ color: rgba(70, 67, 226, var(--color-opacity)) !important;
+}
+
+.bg-info {
+ background-color: rgba(41, 114, 250, var(--bg-opacity)) !important;
+}
+
+.text-info {
+ border-color: rgba(41, 114, 250, var(--color-opacity)) !important;
+ color: rgba(41, 114, 250, var(--color-opacity)) !important;
+}
+
+.bg-black {
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+}
+
+.text-black {
+ border-color: rgba(0, 0, 0, var(--color-opacity)) !important;
+ color: rgba(0, 0, 0, var(--color-opacity)) !important;
+}
+
+.bg-white {
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+}
+
+.text-white {
+ border-color: rgba(255, 255, 255, var(--color-opacity)) !important;
+ color: rgba(255, 255, 255, var(--color-opacity)) !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.text-transparent {
+ border-color: transparent !important;
+ color: transparent !important;
+}
+
+/* v2 */
+.bg-pink-100 {
+ background-color: rgba(252, 232, 243, var(--bg-opacity)) !important;
+}
+
+.text-pink-100 {
+ border-color: rgba(252, 232, 243, var(--color-opacity)) !important;
+ color: rgba(252, 232, 243, var(--color-opacity)) !important;
+}
+
+.bg-pink-200 {
+ background-color: rgba(250, 209, 232, var(--bg-opacity)) !important;
+}
+
+.text-pink-200 {
+ border-color: rgba(250, 209, 232, var(--color-opacity)) !important;
+ color: rgba(250, 209, 232, var(--color-opacity)) !important;
+}
+
+.bg-pink-300 {
+ background-color: rgba(248, 180, 217, var(--bg-opacity)) !important;
+}
+
+.text-pink-300 {
+ border-color: rgba(248, 180, 217, var(--color-opacity)) !important;
+ color: rgba(248, 180, 217, var(--color-opacity)) !important;
+}
+
+.bg-pink-400 {
+ background-color: rgba(241, 126, 184, var(--bg-opacity)) !important;
+}
+
+.text-pink-400 {
+ border-color: rgba(241, 126, 184, var(--color-opacity)) !important;
+ color: rgba(241, 126, 184, var(--color-opacity)) !important;
+}
+
+.bg-pink-500 {
+ background-color: rgba(231, 70, 148, var(--bg-opacity)) !important;
+}
+
+.text-pink-500 {
+ border-color: rgba(231, 70, 148, var(--color-opacity)) !important;
+ color: rgba(231, 70, 148, var(--color-opacity)) !important;
+}
+
+.bg-pink-600 {
+ background-color: rgba(214, 31, 105, var(--bg-opacity)) !important;
+}
+
+.text-pink-600 {
+ border-color: rgba(214, 31, 105, var(--color-opacity)) !important;
+ color: rgba(214, 31, 105, var(--color-opacity)) !important;
+}
+
+.bg-pink-700 {
+ background-color: rgba(191, 18, 93, var(--bg-opacity)) !important;
+}
+
+.text-pink-700 {
+ border-color: rgba(191, 18, 93, var(--color-opacity)) !important;
+ color: rgba(191, 18, 93, var(--color-opacity)) !important;
+}
+
+.bg-pink-800 {
+ background-color: rgba(153, 21, 75, var(--bg-opacity)) !important;
+}
+
+.text-pink-800 {
+ border-color: rgba(153, 21, 75, var(--color-opacity)) !important;
+ color: rgba(153, 21, 75, var(--color-opacity)) !important;
+}
+
+.bg-pink-900 {
+ background-color: rgba(117, 26, 61, var(--bg-opacity)) !important;
+}
+
+.text-pink-900 {
+ border-color: rgba(117, 26, 61, var(--color-opacity)) !important;
+ color: rgba(117, 26, 61, var(--color-opacity)) !important;
+}
+
+.bg-red-100 {
+ background-color: rgba(253, 232, 232, var(--bg-opacity)) !important;
+}
+
+.text-red-100 {
+ border-color: rgba(253, 232, 232, var(--color-opacity)) !important;
+ color: rgba(253, 232, 232, var(--color-opacity)) !important;
+}
+
+.bg-red-200 {
+ background-color: rgba(251, 213, 213, var(--bg-opacity)) !important;
+}
+
+.text-red-200 {
+ border-color: rgba(251, 213, 213, var(--color-opacity)) !important;
+ color: rgba(251, 213, 213, var(--color-opacity)) !important;
+}
+
+.bg-red-300 {
+ background-color: rgba(248, 180, 180, var(--bg-opacity)) !important;
+}
+
+.text-red-300 {
+ border-color: rgba(248, 180, 180, var(--color-opacity)) !important;
+ color: rgba(248, 180, 180, var(--color-opacity)) !important;
+}
+
+.bg-red-400 {
+ background-color: rgba(249, 128, 128, var(--bg-opacity)) !important;
+}
+
+.text-red-400 {
+ border-color: rgba(249, 128, 128, var(--color-opacity)) !important;
+ color: rgba(249, 128, 128, var(--color-opacity)) !important;
+}
+
+.bg-red-500 {
+ background-color: rgba(240, 82, 82, var(--bg-opacity)) !important;
+}
+
+.text-red-500 {
+ border-color: rgba(240, 82, 82, var(--color-opacity)) !important;
+ color: rgba(240, 82, 82, var(--color-opacity)) !important;
+}
+
+.bg-red-600 {
+ background-color: rgba(224, 36, 36, var(--bg-opacity)) !important;
+}
+
+.text-red-600 {
+ border-color: rgba(224, 36, 36, var(--color-opacity)) !important;
+ color: rgba(224, 36, 36, var(--color-opacity)) !important;
+}
+
+.bg-red-700 {
+ background-color: rgba(200, 30, 30, var(--bg-opacity)) !important;
+}
+
+.text-red-700 {
+ border-color: rgba(200, 30, 30, var(--color-opacity)) !important;
+ color: rgba(200, 30, 30, var(--color-opacity)) !important;
+}
+
+.bg-red-800 {
+ background-color: rgba(155, 28, 28, var(--bg-opacity)) !important;
+}
+
+.text-red-800 {
+ border-color: rgba(155, 28, 28, var(--color-opacity)) !important;
+ color: rgba(155, 28, 28, var(--color-opacity)) !important;
+}
+
+.bg-red-900 {
+ background-color: rgba(119, 29, 29, var(--bg-opacity)) !important;
+}
+
+.text-red-900 {
+ border-color: rgba(119, 29, 29, var(--color-opacity)) !important;
+ color: rgba(119, 29, 29, var(--color-opacity)) !important;
+}
+
+.bg-orange-100 {
+ background-color: rgba(254, 236, 220, var(--bg-opacity)) !important;
+}
+
+.text-orange-100 {
+ border-color: rgba(254, 236, 220, var(--color-opacity)) !important;
+ color: rgba(254, 236, 220, var(--color-opacity)) !important;
+}
+
+.bg-orange-200 {
+ background-color: rgba(252, 217, 189, var(--bg-opacity)) !important;
+}
+
+.text-orange-200 {
+ border-color: rgba(252, 217, 189, var(--color-opacity)) !important;
+ color: rgba(252, 217, 189, var(--color-opacity)) !important;
+}
+
+.bg-orange-300 {
+ background-color: rgba(253, 186, 140, var(--bg-opacity)) !important;
+}
+
+.text-orange-300 {
+ border-color: rgba(253, 186, 140, var(--color-opacity)) !important;
+ color: rgba(253, 186, 140, var(--color-opacity)) !important;
+}
+
+.bg-orange-400 {
+ background-color: rgba(255, 138, 76, var(--bg-opacity)) !important;
+}
+
+.text-orange-400 {
+ border-color: rgba(255, 138, 76, var(--color-opacity)) !important;
+ color: rgba(255, 138, 76, var(--color-opacity)) !important;
+}
+
+.bg-orange-500 {
+ background-color: rgba(255, 90, 31, var(--bg-opacity)) !important;
+}
+
+.text-orange-500 {
+ border-color: rgba(255, 90, 31, var(--color-opacity)) !important;
+ color: rgba(255, 90, 31, var(--color-opacity)) !important;
+}
+
+.bg-orange-600 {
+ background-color: rgba(208, 56, 1, var(--bg-opacity)) !important;
+}
+
+.text-orange-600 {
+ border-color: rgba(208, 56, 1, var(--color-opacity)) !important;
+ color: rgba(208, 56, 1, var(--color-opacity)) !important;
+}
+
+.bg-orange-700 {
+ background-color: rgba(180, 52, 3, var(--bg-opacity)) !important;
+}
+
+.text-orange-700 {
+ border-color: rgba(180, 52, 3, var(--color-opacity)) !important;
+ color: rgba(180, 52, 3, var(--color-opacity)) !important;
+}
+
+.bg-orange-800 {
+ background-color: rgba(138, 44, 13, var(--bg-opacity)) !important;
+}
+
+.text-orange-800 {
+ border-color: rgba(138, 44, 13, var(--color-opacity)) !important;
+ color: rgba(138, 44, 13, var(--color-opacity)) !important;
+}
+
+.bg-orange-900 {
+ background-color: rgba(115, 35, 13, var(--bg-opacity)) !important;
+}
+
+.text-orange-900 {
+ border-color: rgba(115, 35, 13, var(--color-opacity)) !important;
+ color: rgba(115, 35, 13, var(--color-opacity)) !important;
+}
+
+.bg-yellow-100 {
+ background-color: rgba(253, 246, 178, var(--bg-opacity)) !important;
+}
+
+.text-yellow-100 {
+ border-color: rgba(253, 246, 178, var(--color-opacity)) !important;
+ color: rgba(253, 246, 178, var(--color-opacity)) !important;
+}
+
+.bg-yellow-200 {
+ background-color: rgba(252, 233, 106, var(--bg-opacity)) !important;
+}
+
+.text-yellow-200 {
+ border-color: rgba(252, 233, 106, var(--color-opacity)) !important;
+ color: rgba(252, 233, 106, var(--color-opacity)) !important;
+}
+
+.bg-yellow-300 {
+ background-color: rgba(250, 202, 21, var(--bg-opacity)) !important;
+}
+
+.text-yellow-300 {
+ border-color: rgba(250, 202, 21, var(--color-opacity)) !important;
+ color: rgba(250, 202, 21, var(--color-opacity)) !important;
+}
+
+.bg-yellow-400 {
+ background-color: rgba(227, 160, 8, var(--bg-opacity)) !important;
+}
+
+.text-yellow-400 {
+ border-color: rgba(227, 160, 8, var(--color-opacity)) !important;
+ color: rgba(227, 160, 8, var(--color-opacity)) !important;
+}
+
+.bg-yellow-500 {
+ background-color: rgba(194, 120, 3, var(--bg-opacity)) !important;
+}
+
+.text-yellow-500 {
+ border-color: rgba(194, 120, 3, var(--color-opacity)) !important;
+ color: rgba(194, 120, 3, var(--color-opacity)) !important;
+}
+
+.bg-yellow-600 {
+ background-color: rgba(159, 88, 10, var(--bg-opacity)) !important;
+}
+
+.text-yellow-600 {
+ border-color: rgba(159, 88, 10, var(--color-opacity)) !important;
+ color: rgba(159, 88, 10, var(--color-opacity)) !important;
+}
+
+.bg-yellow-700 {
+ background-color: rgba(142, 75, 16, var(--bg-opacity)) !important;
+}
+
+.text-yellow-700 {
+ border-color: rgba(142, 75, 16, var(--color-opacity)) !important;
+ color: rgba(142, 75, 16, var(--color-opacity)) !important;
+}
+
+.bg-yellow-800 {
+ background-color: rgba(114, 59, 19, var(--bg-opacity)) !important;
+}
+
+.text-yellow-800 {
+ border-color: rgba(114, 59, 19, var(--color-opacity)) !important;
+ color: rgba(114, 59, 19, var(--color-opacity)) !important;
+}
+
+.bg-yellow-900 {
+ background-color: rgba(99, 49, 18, var(--bg-opacity)) !important;
+}
+
+.text-yellow-900 {
+ border-color: rgba(99, 49, 18, var(--color-opacity)) !important;
+ color: rgba(99, 49, 18, var(--color-opacity)) !important;
+}
+
+.bg-green-100 {
+ background-color: rgba(222, 247, 236, var(--bg-opacity)) !important;
+}
+
+.text-green-100 {
+ border-color: rgba(222, 247, 236, var(--color-opacity)) !important;
+ color: rgba(222, 247, 236, var(--color-opacity)) !important;
+}
+
+.bg-green-200 {
+ background-color: rgba(188, 240, 218, var(--bg-opacity)) !important;
+}
+
+.text-green-200 {
+ border-color: rgba(188, 240, 218, var(--color-opacity)) !important;
+ color: rgba(188, 240, 218, var(--color-opacity)) !important;
+}
+
+.bg-green-300 {
+ background-color: rgba(132, 225, 188, var(--bg-opacity)) !important;
+}
+
+.text-green-300 {
+ border-color: rgba(132, 225, 188, var(--color-opacity)) !important;
+ color: rgba(132, 225, 188, var(--color-opacity)) !important;
+}
+
+.bg-green-400 {
+ background-color: rgba(49, 196, 141, var(--bg-opacity)) !important;
+}
+
+.text-green-400 {
+ border-color: rgba(49, 196, 141, var(--color-opacity)) !important;
+ color: rgba(49, 196, 141, var(--color-opacity)) !important;
+}
+
+.bg-green-500 {
+ background-color: rgba(14, 159, 110, var(--bg-opacity)) !important;
+}
+
+.text-green-500 {
+ border-color: rgba(14, 159, 110, var(--color-opacity)) !important;
+ color: rgba(14, 159, 110, var(--color-opacity)) !important;
+}
+
+.bg-green-600 {
+ background-color: rgba(5, 122, 85, var(--bg-opacity)) !important;
+}
+
+.text-green-600 {
+ border-color: rgba(5, 122, 85, var(--color-opacity)) !important;
+ color: rgba(5, 122, 85, var(--color-opacity)) !important;
+}
+
+.bg-green-700 {
+ background-color: rgba(4, 108, 78, var(--bg-opacity)) !important;
+}
+
+.text-green-700 {
+ border-color: rgba(4, 108, 78, var(--color-opacity)) !important;
+ color: rgba(4, 108, 78, var(--color-opacity)) !important;
+}
+
+.bg-green-800 {
+ background-color: rgba(3, 84, 63, var(--bg-opacity)) !important;
+}
+
+.text-green-800 {
+ border-color: rgba(3, 84, 63, var(--color-opacity)) !important;
+ color: rgba(3, 84, 63, var(--color-opacity)) !important;
+}
+
+.bg-green-900 {
+ background-color: rgba(1, 71, 55, var(--bg-opacity)) !important;
+}
+
+.text-green-900 {
+ border-color: rgba(1, 71, 55, var(--color-opacity)) !important;
+ color: rgba(1, 71, 55, var(--color-opacity)) !important;
+}
+
+.bg-teal-100 {
+ background-color: rgba(213, 245, 246, var(--bg-opacity)) !important;
+}
+
+.text-teal-100 {
+ border-color: rgba(213, 245, 246, var(--color-opacity)) !important;
+ color: rgba(213, 245, 246, var(--color-opacity)) !important;
+}
+
+.bg-teal-200 {
+ background-color: rgba(175, 236, 239, var(--bg-opacity)) !important;
+}
+
+.text-teal-200 {
+ border-color: rgba(175, 236, 239, var(--color-opacity)) !important;
+ color: rgba(175, 236, 239, var(--color-opacity)) !important;
+}
+
+.bg-teal-300 {
+ background-color: rgba(126, 220, 226, var(--bg-opacity)) !important;
+}
+
+.text-teal-300 {
+ border-color: rgba(126, 220, 226, var(--color-opacity)) !important;
+ color: rgba(126, 220, 226, var(--color-opacity)) !important;
+}
+
+.bg-teal-400 {
+ background-color: rgba(22, 189, 202, var(--bg-opacity)) !important;
+}
+
+.text-teal-400 {
+ border-color: rgba(22, 189, 202, var(--color-opacity)) !important;
+ color: rgba(22, 189, 202, var(--color-opacity)) !important;
+}
+
+.bg-teal-500 {
+ background-color: rgba(6, 148, 162, var(--bg-opacity)) !important;
+}
+
+.text-teal-500 {
+ border-color: rgba(6, 148, 162, var(--color-opacity)) !important;
+ color: rgba(6, 148, 162, var(--color-opacity)) !important;
+}
+
+.bg-teal-600 {
+ background-color: rgba(4, 116, 129, var(--bg-opacity)) !important;
+}
+
+.text-teal-600 {
+ border-color: rgba(4, 116, 129, var(--color-opacity)) !important;
+ color: rgba(4, 116, 129, var(--color-opacity)) !important;
+}
+
+.bg-teal-700 {
+ background-color: rgba(3, 102, 114, var(--bg-opacity)) !important;
+}
+
+.text-teal-700 {
+ border-color: rgba(3, 102, 114, var(--color-opacity)) !important;
+ color: rgba(3, 102, 114, var(--color-opacity)) !important;
+}
+
+.bg-teal-800 {
+ background-color: rgba(5, 80, 92, var(--bg-opacity)) !important;
+}
+
+.text-teal-800 {
+ border-color: rgba(5, 80, 92, var(--color-opacity)) !important;
+ color: rgba(5, 80, 92, var(--color-opacity)) !important;
+}
+
+.bg-teal-900 {
+ background-color: rgba(1, 68, 81, var(--bg-opacity)) !important;
+}
+
+.text-teal-900 {
+ border-color: rgba(1, 68, 81, var(--color-opacity)) !important;
+ color: rgba(1, 68, 81, var(--color-opacity)) !important;
+}
+
+.bg-blue-100 {
+ background-color: rgba(225, 239, 254, var(--bg-opacity)) !important;
+}
+
+.text-blue-100 {
+ border-color: rgba(225, 239, 254, var(--color-opacity)) !important;
+ color: rgba(225, 239, 254, var(--color-opacity)) !important;
+}
+
+.bg-blue-200 {
+ background-color: rgba(195, 221, 253, var(--bg-opacity)) !important;
+}
+
+.text-blue-200 {
+ border-color: rgba(195, 221, 253, var(--color-opacity)) !important;
+ color: rgba(195, 221, 253, var(--color-opacity)) !important;
+}
+
+.bg-blue-300 {
+ background-color: rgba(164, 202, 254, var(--bg-opacity)) !important;
+}
+
+.text-blue-300 {
+ border-color: rgba(164, 202, 254, var(--color-opacity)) !important;
+ color: rgba(164, 202, 254, var(--color-opacity)) !important;
+}
+
+.bg-blue-400 {
+ background-color: rgba(118, 169, 250, var(--bg-opacity)) !important;
+}
+
+.text-blue-400 {
+ border-color: rgba(118, 169, 250, var(--color-opacity)) !important;
+ color: rgba(118, 169, 250, var(--color-opacity)) !important;
+}
+
+.bg-blue-500 {
+ background-color: rgba(63, 131, 248, var(--bg-opacity)) !important;
+}
+
+.text-blue-500 {
+ border-color: rgba(63, 131, 248, var(--color-opacity)) !important;
+ color: rgba(63, 131, 248, var(--color-opacity)) !important;
+}
+
+.bg-blue-600 {
+ background-color: rgba(28, 100, 242, var(--bg-opacity)) !important;
+}
+
+.text-blue-600 {
+ border-color: rgba(28, 100, 242, var(--color-opacity)) !important;
+ color: rgba(28, 100, 242, var(--color-opacity)) !important;
+}
+
+.bg-blue-700 {
+ background-color: rgba(26, 86, 219, var(--bg-opacity)) !important;
+}
+
+.text-blue-700 {
+ border-color: rgba(26, 86, 219, var(--color-opacity)) !important;
+ color: rgba(26, 86, 219, var(--color-opacity)) !important;
+}
+
+.bg-blue-800 {
+ background-color: rgba(30, 66, 159, var(--bg-opacity)) !important;
+}
+
+.text-blue-800 {
+ border-color: rgba(30, 66, 159, var(--color-opacity)) !important;
+ color: rgba(30, 66, 159, var(--color-opacity)) !important;
+}
+
+.bg-blue-900 {
+ background-color: rgba(35, 56, 118, var(--bg-opacity)) !important;
+}
+
+.text-blue-900 {
+ border-color: rgba(35, 56, 118, var(--color-opacity)) !important;
+ color: rgba(35, 56, 118, var(--color-opacity)) !important;
+}
+
+.bg-indigo-100 {
+ background-color: rgba(229, 237, 255, var(--bg-opacity)) !important;
+}
+
+.text-indigo-100 {
+ border-color: rgba(229, 237, 255, var(--color-opacity)) !important;
+ color: rgba(229, 237, 255, var(--color-opacity)) !important;
+}
+
+.bg-indigo-200 {
+ background-color: rgba(205, 219, 254, var(--bg-opacity)) !important;
+}
+
+.text-indigo-200 {
+ border-color: rgba(205, 219, 254, var(--color-opacity)) !important;
+ color: rgba(205, 219, 254, var(--color-opacity)) !important;
+}
+
+.bg-indigo-300 {
+ background-color: rgba(180, 198, 252, var(--bg-opacity)) !important;
+}
+
+.text-indigo-300 {
+ border-color: rgba(180, 198, 252, var(--color-opacity)) !important;
+ color: rgba(180, 198, 252, var(--color-opacity)) !important;
+}
+
+.bg-indigo-400 {
+ background-color: rgba(141, 162, 251, var(--bg-opacity)) !important;
+}
+
+.text-indigo-400 {
+ border-color: rgba(141, 162, 251, var(--color-opacity)) !important;
+ color: rgba(141, 162, 251, var(--color-opacity)) !important;
+}
+
+.bg-indigo-500 {
+ background-color: rgba(104, 117, 245, var(--bg-opacity)) !important;
+}
+
+.text-indigo-500 {
+ border-color: rgba(104, 117, 245, var(--color-opacity)) !important;
+ color: rgba(104, 117, 245, var(--color-opacity)) !important;
+}
+
+.bg-indigo-600 {
+ background-color: rgba(88, 80, 236, var(--bg-opacity)) !important;
+}
+
+.text-indigo-600 {
+ border-color: rgba(88, 80, 236, var(--color-opacity)) !important;
+ color: rgba(88, 80, 236, var(--color-opacity)) !important;
+}
+
+.bg-indigo-700 {
+ background-color: rgba(81, 69, 205, var(--bg-opacity)) !important;
+}
+
+.text-indigo-700 {
+ border-color: rgba(81, 69, 205, var(--color-opacity)) !important;
+ color: rgba(81, 69, 205, var(--color-opacity)) !important;
+}
+
+.bg-indigo-800 {
+ background-color: rgba(66, 56, 157, var(--bg-opacity)) !important;
+}
+
+.text-indigo-800 {
+ border-color: rgba(66, 56, 157, var(--color-opacity)) !important;
+ color: rgba(66, 56, 157, var(--color-opacity)) !important;
+}
+
+.bg-indigo-900 {
+ background-color: rgba(54, 47, 120, var(--bg-opacity)) !important;
+}
+
+.text-indigo-900 {
+ border-color: rgba(54, 47, 120, var(--color-opacity)) !important;
+ color: rgba(54, 47, 120, var(--color-opacity)) !important;
+}
+
+.bg-purple-100 {
+ background-color: rgba(237, 235, 254, var(--bg-opacity)) !important;
+}
+
+.text-purple-100 {
+ border-color: rgba(237, 235, 254, var(--color-opacity)) !important;
+ color: rgba(237, 235, 254, var(--color-opacity)) !important;
+}
+
+.bg-purple-200 {
+ background-color: rgba(220, 215, 254, var(--bg-opacity)) !important;
+}
+
+.text-purple-200 {
+ border-color: rgba(220, 215, 254, var(--color-opacity)) !important;
+ color: rgba(220, 215, 254, var(--color-opacity)) !important;
+}
+
+.bg-purple-300 {
+ background-color: rgba(202, 191, 253, var(--bg-opacity)) !important;
+}
+
+.text-purple-300 {
+ border-color: rgba(202, 191, 253, var(--color-opacity)) !important;
+ color: rgba(202, 191, 253, var(--color-opacity)) !important;
+}
+
+.bg-purple-400 {
+ background-color: rgba(172, 148, 250, var(--bg-opacity)) !important;
+}
+
+.text-purple-400 {
+ border-color: rgba(172, 148, 250, var(--color-opacity)) !important;
+ color: rgba(172, 148, 250, var(--color-opacity)) !important;
+}
+
+.bg-purple-500 {
+ background-color: rgba(144, 97, 249, var(--bg-opacity)) !important;
+}
+
+.text-purple-500 {
+ border-color: rgba(144, 97, 249, var(--color-opacity)) !important;
+ color: rgba(144, 97, 249, var(--color-opacity)) !important;
+}
+
+.bg-purple-600 {
+ background-color: rgba(126, 58, 242, var(--bg-opacity)) !important;
+}
+
+.text-purple-600 {
+ border-color: rgba(126, 58, 242, var(--color-opacity)) !important;
+ color: rgba(126, 58, 242, var(--color-opacity)) !important;
+}
+
+.bg-purple-700 {
+ background-color: rgba(108, 43, 217, var(--bg-opacity)) !important;
+}
+
+.text-purple-700 {
+ border-color: rgba(108, 43, 217, var(--color-opacity)) !important;
+ color: rgba(108, 43, 217, var(--color-opacity)) !important;
+}
+
+.bg-purple-800 {
+ background-color: rgba(85, 33, 181, var(--bg-opacity)) !important;
+}
+
+.text-purple-800 {
+ border-color: rgba(85, 33, 181, var(--color-opacity)) !important;
+ color: rgba(85, 33, 181, var(--color-opacity)) !important;
+}
+
+.bg-purple-900 {
+ background-color: rgba(74, 29, 150, var(--bg-opacity)) !important;
+}
+
+.text-purple-900 {
+ border-color: rgba(74, 29, 150, var(--color-opacity)) !important;
+ color: rgba(74, 29, 150, var(--color-opacity)) !important;
+}
+
+.bg-gray-000 {
+ background-color: rgba(248, 249, 250, var(--bg-opacity)) !important;
+}
+
+.text-gray-000 {
+ border-color: rgba(248, 249, 250, var(--color-opacity)) !important;
+ color: rgba(248, 249, 250, var(--color-opacity)) !important;
+}
+
+.bg-gray-100 {
+ background-color: rgba(241, 243, 245, var(--bg-opacity)) !important;
+}
+
+.text-gray-100 {
+ border-color: rgba(241, 243, 245, var(--color-opacity)) !important;
+ color: rgba(241, 243, 245, var(--color-opacity)) !important;
+}
+
+.bg-gray-200 {
+ background-color: rgba(233, 236, 239, var(--bg-opacity)) !important;
+}
+
+.text-gray-200 {
+ border-color: rgba(233, 236, 239, var(--color-opacity)) !important;
+ color: rgba(233, 236, 239, var(--color-opacity)) !important;
+}
+
+.bg-gray-300 {
+ background-color: rgba(222, 226, 230, var(--bg-opacity)) !important;
+}
+
+.text-gray-300 {
+ border-color: rgba(222, 226, 230, var(--color-opacity)) !important;
+ color: rgba(222, 226, 230, var(--color-opacity)) !important;
+}
+
+.bg-gray-400 {
+ background-color: rgba(206, 212, 218, var(--bg-opacity)) !important;
+}
+
+.text-gray-400 {
+ border-color: rgba(206, 212, 218, var(--color-opacity)) !important;
+ color: rgba(206, 212, 218, var(--color-opacity)) !important;
+}
+
+.bg-gray-500 {
+ background-color: rgba(173, 181, 189, var(--bg-opacity)) !important;
+}
+
+.text-gray-500 {
+ border-color: rgba(173, 181, 189, var(--color-opacity)) !important;
+ color: rgba(173, 181, 189, var(--color-opacity)) !important;
+}
+
+.bg-gray-600 {
+ background-color: rgba(134, 142, 150, var(--bg-opacity)) !important;
+}
+
+.text-gray-600 {
+ border-color: rgba(134, 142, 150, var(--color-opacity)) !important;
+ color: rgba(134, 142, 150, var(--color-opacity)) !important;
+}
+
+.bg-gray-700 {
+ background-color: rgba(73, 80, 87, var(--bg-opacity)) !important;
+}
+
+.text-gray-700 {
+ border-color: rgba(73, 80, 87, var(--color-opacity)) !important;
+ color: rgba(73, 80, 87, var(--color-opacity)) !important;
+}
+
+.bg-gray-800 {
+ background-color: rgba(52, 58, 64, var(--bg-opacity)) !important;
+}
+
+.text-gray-800 {
+ border-color: rgba(52, 58, 64, var(--color-opacity)) !important;
+ color: rgba(52, 58, 64, var(--color-opacity)) !important;
+}
+
+.bg-gray-900 {
+ background-color: rgba(33, 37, 41, var(--bg-opacity)) !important;
+}
+
+.text-gray-900 {
+ border-color: rgba(33, 37, 41, var(--color-opacity)) !important;
+ color: rgba(33, 37, 41, var(--color-opacity)) !important;
+}
+
+/* Margin */
+.m-0 {
+ margin: 0rem !important;
+}
+
+.mt-0,
+.my-0 {
+ margin-top: 0rem !important;
+}
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0rem !important;
+}
+
+.ml-0,
+.mx-0 {
+ margin-left: 0rem !important;
+}
+
+.mr-0,
+.mx-0 {
+ margin-right: 0rem !important;
+}
+
+/* Spacing */
+.p-0 {
+ padding: 0rem !important;
+}
+
+.pt-0,
+.py-0 {
+ padding-top: 0rem !important;
+}
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0rem !important;
+}
+
+.pl-0,
+.px-0 {
+ padding-left: 0rem !important;
+}
+
+.pr-0,
+.px-0 {
+ padding-right: 0rem !important;
+}
+
+/* Margin */
+.m-1 {
+ margin: 0.5rem !important;
+}
+
+.mt-1,
+.my-1 {
+ margin-top: 0.5rem !important;
+}
+
+.mb-1,
+.my-1 {
+ margin-bottom: 0.5rem !important;
+}
+
+.ml-1,
+.mx-1 {
+ margin-left: 0.5rem !important;
+}
+
+.mr-1,
+.mx-1 {
+ margin-right: 0.5rem !important;
+}
+
+/* Spacing */
+.p-1 {
+ padding: 0.5rem !important;
+}
+
+.pt-1,
+.py-1 {
+ padding-top: 0.5rem !important;
+}
+
+.pb-1,
+.py-1 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pl-1,
+.px-1 {
+ padding-left: 0.5rem !important;
+}
+
+.pr-1,
+.px-1 {
+ padding-right: 0.5rem !important;
+}
+
+/* Margin */
+.m-2 {
+ margin: 1rem !important;
+}
+
+.mt-2,
+.my-2 {
+ margin-top: 1rem !important;
+}
+
+.mb-2,
+.my-2 {
+ margin-bottom: 1rem !important;
+}
+
+.ml-2,
+.mx-2 {
+ margin-left: 1rem !important;
+}
+
+.mr-2,
+.mx-2 {
+ margin-right: 1rem !important;
+}
+
+/* Spacing */
+.p-2 {
+ padding: 1rem !important;
+}
+
+.pt-2,
+.py-2 {
+ padding-top: 1rem !important;
+}
+
+.pb-2,
+.py-2 {
+ padding-bottom: 1rem !important;
+}
+
+.pl-2,
+.px-2 {
+ padding-left: 1rem !important;
+}
+
+.pr-2,
+.px-2 {
+ padding-right: 1rem !important;
+}
+
+/* Margin */
+.m-3 {
+ margin: 1.5rem !important;
+}
+
+.mt-3,
+.my-3 {
+ margin-top: 1.5rem !important;
+}
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1.5rem !important;
+}
+
+.ml-3,
+.mx-3 {
+ margin-left: 1.5rem !important;
+}
+
+.mr-3,
+.mx-3 {
+ margin-right: 1.5rem !important;
+}
+
+/* Spacing */
+.p-3 {
+ padding: 1.5rem !important;
+}
+
+.pt-3,
+.py-3 {
+ padding-top: 1.5rem !important;
+}
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pl-3,
+.px-3 {
+ padding-left: 1.5rem !important;
+}
+
+.pr-3,
+.px-3 {
+ padding-right: 1.5rem !important;
+}
+
+/* Margin */
+.m-4 {
+ margin: 2rem !important;
+}
+
+.mt-4,
+.my-4 {
+ margin-top: 2rem !important;
+}
+
+.mb-4,
+.my-4 {
+ margin-bottom: 2rem !important;
+}
+
+.ml-4,
+.mx-4 {
+ margin-left: 2rem !important;
+}
+
+.mr-4,
+.mx-4 {
+ margin-right: 2rem !important;
+}
+
+/* Spacing */
+.p-4 {
+ padding: 2rem !important;
+}
+
+.pt-4,
+.py-4 {
+ padding-top: 2rem !important;
+}
+
+.pb-4,
+.py-4 {
+ padding-bottom: 2rem !important;
+}
+
+.pl-4,
+.px-4 {
+ padding-left: 2rem !important;
+}
+
+.pr-4,
+.px-4 {
+ padding-right: 2rem !important;
+}
+
+/* Margin */
+.m-5 {
+ margin: 2.5rem !important;
+}
+
+.mt-5,
+.my-5 {
+ margin-top: 2.5rem !important;
+}
+
+.mb-5,
+.my-5 {
+ margin-bottom: 2.5rem !important;
+}
+
+.ml-5,
+.mx-5 {
+ margin-left: 2.5rem !important;
+}
+
+.mr-5,
+.mx-5 {
+ margin-right: 2.5rem !important;
+}
+
+/* Spacing */
+.p-5 {
+ padding: 2.5rem !important;
+}
+
+.pt-5,
+.py-5 {
+ padding-top: 2.5rem !important;
+}
+
+.pb-5,
+.py-5 {
+ padding-bottom: 2.5rem !important;
+}
+
+.pl-5,
+.px-5 {
+ padding-left: 2.5rem !important;
+}
+
+.pr-5,
+.px-5 {
+ padding-right: 2.5rem !important;
+}
+
+/* Margin */
+.m-6 {
+ margin: 3rem !important;
+}
+
+.mt-6,
+.my-6 {
+ margin-top: 3rem !important;
+}
+
+.mb-6,
+.my-6 {
+ margin-bottom: 3rem !important;
+}
+
+.ml-6,
+.mx-6 {
+ margin-left: 3rem !important;
+}
+
+.mr-6,
+.mx-6 {
+ margin-right: 3rem !important;
+}
+
+/* Spacing */
+.p-6 {
+ padding: 3rem !important;
+}
+
+.pt-6,
+.py-6 {
+ padding-top: 3rem !important;
+}
+
+.pb-6,
+.py-6 {
+ padding-bottom: 3rem !important;
+}
+
+.pl-6,
+.px-6 {
+ padding-left: 3rem !important;
+}
+
+.pr-6,
+.px-6 {
+ padding-right: 3rem !important;
+}
+
+/* Margin */
+.m-8 {
+ margin: 4rem !important;
+}
+
+.mt-8,
+.my-8 {
+ margin-top: 4rem !important;
+}
+
+.mb-8,
+.my-8 {
+ margin-bottom: 4rem !important;
+}
+
+.ml-8,
+.mx-8 {
+ margin-left: 4rem !important;
+}
+
+.mr-8,
+.mx-8 {
+ margin-right: 4rem !important;
+}
+
+/* Spacing */
+.p-8 {
+ padding: 4rem !important;
+}
+
+.pt-8,
+.py-8 {
+ padding-top: 4rem !important;
+}
+
+.pb-8,
+.py-8 {
+ padding-bottom: 4rem !important;
+}
+
+.pl-8,
+.px-8 {
+ padding-left: 4rem !important;
+}
+
+.pr-8,
+.px-8 {
+ padding-right: 4rem !important;
+}
+
+/* Margin */
+.m-10 {
+ margin: 5rem !important;
+}
+
+.mt-10,
+.my-10 {
+ margin-top: 5rem !important;
+}
+
+.mb-10,
+.my-10 {
+ margin-bottom: 5rem !important;
+}
+
+.ml-10,
+.mx-10 {
+ margin-left: 5rem !important;
+}
+
+.mr-10,
+.mx-10 {
+ margin-right: 5rem !important;
+}
+
+/* Spacing */
+.p-10 {
+ padding: 5rem !important;
+}
+
+.pt-10,
+.py-10 {
+ padding-top: 5rem !important;
+}
+
+.pb-10,
+.py-10 {
+ padding-bottom: 5rem !important;
+}
+
+.pl-10,
+.px-10 {
+ padding-left: 5rem !important;
+}
+
+.pr-10,
+.px-10 {
+ padding-right: 5rem !important;
+}
+
+/* Margin */
+.m-12 {
+ margin: 6rem !important;
+}
+
+.mt-12,
+.my-12 {
+ margin-top: 6rem !important;
+}
+
+.mb-12,
+.my-12 {
+ margin-bottom: 6rem !important;
+}
+
+.ml-12,
+.mx-12 {
+ margin-left: 6rem !important;
+}
+
+.mr-12,
+.mx-12 {
+ margin-right: 6rem !important;
+}
+
+/* Spacing */
+.p-12 {
+ padding: 6rem !important;
+}
+
+.pt-12,
+.py-12 {
+ padding-top: 6rem !important;
+}
+
+.pb-12,
+.py-12 {
+ padding-bottom: 6rem !important;
+}
+
+.pl-12,
+.px-12 {
+ padding-left: 6rem !important;
+}
+
+.pr-12,
+.px-12 {
+ padding-right: 6rem !important;
+}
+
+/* Margin */
+.m-16 {
+ margin: 8rem !important;
+}
+
+.mt-16,
+.my-16 {
+ margin-top: 8rem !important;
+}
+
+.mb-16,
+.my-16 {
+ margin-bottom: 8rem !important;
+}
+
+.ml-16,
+.mx-16 {
+ margin-left: 8rem !important;
+}
+
+.mr-16,
+.mx-16 {
+ margin-right: 8rem !important;
+}
+
+/* Spacing */
+.p-16 {
+ padding: 8rem !important;
+}
+
+.pt-16,
+.py-16 {
+ padding-top: 8rem !important;
+}
+
+.pb-16,
+.py-16 {
+ padding-bottom: 8rem !important;
+}
+
+.pl-16,
+.px-16 {
+ padding-left: 8rem !important;
+}
+
+.pr-16,
+.px-16 {
+ padding-right: 8rem !important;
+}
+
+/* Margin */
+.m-20 {
+ margin: 10rem !important;
+}
+
+.mt-20,
+.my-20 {
+ margin-top: 10rem !important;
+}
+
+.mb-20,
+.my-20 {
+ margin-bottom: 10rem !important;
+}
+
+.ml-20,
+.mx-20 {
+ margin-left: 10rem !important;
+}
+
+.mr-20,
+.mx-20 {
+ margin-right: 10rem !important;
+}
+
+/* Spacing */
+.p-20 {
+ padding: 10rem !important;
+}
+
+.pt-20,
+.py-20 {
+ padding-top: 10rem !important;
+}
+
+.pb-20,
+.py-20 {
+ padding-bottom: 10rem !important;
+}
+
+.pl-20,
+.px-20 {
+ padding-left: 10rem !important;
+}
+
+.pr-20,
+.px-20 {
+ padding-right: 10rem !important;
+}
+
+/* Margin */
+.m-24 {
+ margin: 12rem !important;
+}
+
+.mt-24,
+.my-24 {
+ margin-top: 12rem !important;
+}
+
+.mb-24,
+.my-24 {
+ margin-bottom: 12rem !important;
+}
+
+.ml-24,
+.mx-24 {
+ margin-left: 12rem !important;
+}
+
+.mr-24,
+.mx-24 {
+ margin-right: 12rem !important;
+}
+
+/* Spacing */
+.p-24 {
+ padding: 12rem !important;
+}
+
+.pt-24,
+.py-24 {
+ padding-top: 12rem !important;
+}
+
+.pb-24,
+.py-24 {
+ padding-bottom: 12rem !important;
+}
+
+.pl-24,
+.px-24 {
+ padding-left: 12rem !important;
+}
+
+.pr-24,
+.px-24 {
+ padding-right: 12rem !important;
+}
+
+/* Margin */
+.m-32 {
+ margin: 16rem !important;
+}
+
+.mt-32,
+.my-32 {
+ margin-top: 16rem !important;
+}
+
+.mb-32,
+.my-32 {
+ margin-bottom: 16rem !important;
+}
+
+.ml-32,
+.mx-32 {
+ margin-left: 16rem !important;
+}
+
+.mr-32,
+.mx-32 {
+ margin-right: 16rem !important;
+}
+
+/* Spacing */
+.p-32 {
+ padding: 16rem !important;
+}
+
+.pt-32,
+.py-32 {
+ padding-top: 16rem !important;
+}
+
+.pb-32,
+.py-32 {
+ padding-bottom: 16rem !important;
+}
+
+.pl-32,
+.px-32 {
+ padding-left: 16rem !important;
+}
+
+.pr-32,
+.px-32 {
+ padding-right: 16rem !important;
+}
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important;
+}
+
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-0-sm {
+ margin: 0rem !important;
+ }
+
+ .mt-0-sm,
+.my-0-sm {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-sm,
+.my-0-sm {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-sm,
+.mx-0-sm {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-sm,
+.mx-0-sm {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-sm {
+ padding: 0rem !important;
+ }
+
+ .pt-0-sm,
+.py-0-sm {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-sm,
+.py-0-sm {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-sm,
+.px-0-sm {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-sm,
+.px-0-sm {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-1-sm {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-sm,
+.my-1-sm {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-sm,
+.my-1-sm {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-sm,
+.mx-1-sm {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-sm,
+.mx-1-sm {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-sm {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-sm,
+.py-1-sm {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-sm,
+.py-1-sm {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-sm,
+.px-1-sm {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-sm,
+.px-1-sm {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-2-sm {
+ margin: 1rem !important;
+ }
+
+ .mt-2-sm,
+.my-2-sm {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-sm,
+.my-2-sm {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-sm,
+.mx-2-sm {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-sm,
+.mx-2-sm {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-sm {
+ padding: 1rem !important;
+ }
+
+ .pt-2-sm,
+.py-2-sm {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-sm,
+.py-2-sm {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-sm,
+.px-2-sm {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-sm,
+.px-2-sm {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-3-sm {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-sm,
+.my-3-sm {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-sm,
+.my-3-sm {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-sm,
+.mx-3-sm {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-sm,
+.mx-3-sm {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-sm {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-sm,
+.py-3-sm {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-sm,
+.py-3-sm {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-sm,
+.px-3-sm {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-sm,
+.px-3-sm {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-4-sm {
+ margin: 2rem !important;
+ }
+
+ .mt-4-sm,
+.my-4-sm {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-sm,
+.my-4-sm {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-sm,
+.mx-4-sm {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-sm,
+.mx-4-sm {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-sm {
+ padding: 2rem !important;
+ }
+
+ .pt-4-sm,
+.py-4-sm {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-sm,
+.py-4-sm {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-sm,
+.px-4-sm {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-sm,
+.px-4-sm {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-5-sm {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-sm,
+.my-5-sm {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-sm,
+.my-5-sm {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-sm,
+.mx-5-sm {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-sm,
+.mx-5-sm {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-sm {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-sm,
+.py-5-sm {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-sm,
+.py-5-sm {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-sm,
+.px-5-sm {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-sm,
+.px-5-sm {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-6-sm {
+ margin: 3rem !important;
+ }
+
+ .mt-6-sm,
+.my-6-sm {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-sm,
+.my-6-sm {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-sm,
+.mx-6-sm {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-sm,
+.mx-6-sm {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-sm {
+ padding: 3rem !important;
+ }
+
+ .pt-6-sm,
+.py-6-sm {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-sm,
+.py-6-sm {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-sm,
+.px-6-sm {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-sm,
+.px-6-sm {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-8-sm {
+ margin: 4rem !important;
+ }
+
+ .mt-8-sm,
+.my-8-sm {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-sm,
+.my-8-sm {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-sm,
+.mx-8-sm {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-sm,
+.mx-8-sm {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-sm {
+ padding: 4rem !important;
+ }
+
+ .pt-8-sm,
+.py-8-sm {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-sm,
+.py-8-sm {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-sm,
+.px-8-sm {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-sm,
+.px-8-sm {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-10-sm {
+ margin: 5rem !important;
+ }
+
+ .mt-10-sm,
+.my-10-sm {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-sm,
+.my-10-sm {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-sm,
+.mx-10-sm {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-sm,
+.mx-10-sm {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-sm {
+ padding: 5rem !important;
+ }
+
+ .pt-10-sm,
+.py-10-sm {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-sm,
+.py-10-sm {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-sm,
+.px-10-sm {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-sm,
+.px-10-sm {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-12-sm {
+ margin: 6rem !important;
+ }
+
+ .mt-12-sm,
+.my-12-sm {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-sm,
+.my-12-sm {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-sm,
+.mx-12-sm {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-sm,
+.mx-12-sm {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-sm {
+ padding: 6rem !important;
+ }
+
+ .pt-12-sm,
+.py-12-sm {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-sm,
+.py-12-sm {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-sm,
+.px-12-sm {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-sm,
+.px-12-sm {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-16-sm {
+ margin: 8rem !important;
+ }
+
+ .mt-16-sm,
+.my-16-sm {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-sm,
+.my-16-sm {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-sm,
+.mx-16-sm {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-sm,
+.mx-16-sm {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-sm {
+ padding: 8rem !important;
+ }
+
+ .pt-16-sm,
+.py-16-sm {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-sm,
+.py-16-sm {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-sm,
+.px-16-sm {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-sm,
+.px-16-sm {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-20-sm {
+ margin: 10rem !important;
+ }
+
+ .mt-20-sm,
+.my-20-sm {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-sm,
+.my-20-sm {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-sm,
+.mx-20-sm {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-sm,
+.mx-20-sm {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-sm {
+ padding: 10rem !important;
+ }
+
+ .pt-20-sm,
+.py-20-sm {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-sm,
+.py-20-sm {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-sm,
+.px-20-sm {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-sm,
+.px-20-sm {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-24-sm {
+ margin: 12rem !important;
+ }
+
+ .mt-24-sm,
+.my-24-sm {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-sm,
+.my-24-sm {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-sm,
+.mx-24-sm {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-sm,
+.mx-24-sm {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-sm {
+ padding: 12rem !important;
+ }
+
+ .pt-24-sm,
+.py-24-sm {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-sm,
+.py-24-sm {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-sm,
+.px-24-sm {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-sm,
+.px-24-sm {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-32-sm {
+ margin: 16rem !important;
+ }
+
+ .mt-32-sm,
+.my-32-sm {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-sm,
+.my-32-sm {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-sm,
+.mx-32-sm {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-sm,
+.mx-32-sm {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-sm {
+ padding: 16rem !important;
+ }
+
+ .pt-32-sm,
+.py-32-sm {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-sm,
+.py-32-sm {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-sm,
+.px-32-sm {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-sm,
+.px-32-sm {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-0-md {
+ margin: 0rem !important;
+ }
+
+ .mt-0-md,
+.my-0-md {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-md,
+.my-0-md {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-md,
+.mx-0-md {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-md,
+.mx-0-md {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-md {
+ padding: 0rem !important;
+ }
+
+ .pt-0-md,
+.py-0-md {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-md,
+.py-0-md {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-md,
+.px-0-md {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-md,
+.px-0-md {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-1-md {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-md,
+.my-1-md {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-md,
+.my-1-md {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-md,
+.mx-1-md {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-md,
+.mx-1-md {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-md {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-md,
+.py-1-md {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-md,
+.py-1-md {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-md,
+.px-1-md {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-md,
+.px-1-md {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-2-md {
+ margin: 1rem !important;
+ }
+
+ .mt-2-md,
+.my-2-md {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-md,
+.my-2-md {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-md,
+.mx-2-md {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-md,
+.mx-2-md {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-md {
+ padding: 1rem !important;
+ }
+
+ .pt-2-md,
+.py-2-md {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-md,
+.py-2-md {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-md,
+.px-2-md {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-md,
+.px-2-md {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-3-md {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-md,
+.my-3-md {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-md,
+.my-3-md {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-md,
+.mx-3-md {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-md,
+.mx-3-md {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-md {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-md,
+.py-3-md {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-md,
+.py-3-md {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-md,
+.px-3-md {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-md,
+.px-3-md {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-4-md {
+ margin: 2rem !important;
+ }
+
+ .mt-4-md,
+.my-4-md {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-md,
+.my-4-md {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-md,
+.mx-4-md {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-md,
+.mx-4-md {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-md {
+ padding: 2rem !important;
+ }
+
+ .pt-4-md,
+.py-4-md {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-md,
+.py-4-md {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-md,
+.px-4-md {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-md,
+.px-4-md {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-5-md {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-md,
+.my-5-md {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-md,
+.my-5-md {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-md,
+.mx-5-md {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-md,
+.mx-5-md {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-md {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-md,
+.py-5-md {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-md,
+.py-5-md {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-md,
+.px-5-md {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-md,
+.px-5-md {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-6-md {
+ margin: 3rem !important;
+ }
+
+ .mt-6-md,
+.my-6-md {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-md,
+.my-6-md {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-md,
+.mx-6-md {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-md,
+.mx-6-md {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-md {
+ padding: 3rem !important;
+ }
+
+ .pt-6-md,
+.py-6-md {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-md,
+.py-6-md {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-md,
+.px-6-md {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-md,
+.px-6-md {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-8-md {
+ margin: 4rem !important;
+ }
+
+ .mt-8-md,
+.my-8-md {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-md,
+.my-8-md {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-md,
+.mx-8-md {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-md,
+.mx-8-md {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-md {
+ padding: 4rem !important;
+ }
+
+ .pt-8-md,
+.py-8-md {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-md,
+.py-8-md {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-md,
+.px-8-md {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-md,
+.px-8-md {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-10-md {
+ margin: 5rem !important;
+ }
+
+ .mt-10-md,
+.my-10-md {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-md,
+.my-10-md {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-md,
+.mx-10-md {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-md,
+.mx-10-md {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-md {
+ padding: 5rem !important;
+ }
+
+ .pt-10-md,
+.py-10-md {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-md,
+.py-10-md {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-md,
+.px-10-md {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-md,
+.px-10-md {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-12-md {
+ margin: 6rem !important;
+ }
+
+ .mt-12-md,
+.my-12-md {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-md,
+.my-12-md {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-md,
+.mx-12-md {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-md,
+.mx-12-md {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-md {
+ padding: 6rem !important;
+ }
+
+ .pt-12-md,
+.py-12-md {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-md,
+.py-12-md {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-md,
+.px-12-md {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-md,
+.px-12-md {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-16-md {
+ margin: 8rem !important;
+ }
+
+ .mt-16-md,
+.my-16-md {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-md,
+.my-16-md {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-md,
+.mx-16-md {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-md,
+.mx-16-md {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-md {
+ padding: 8rem !important;
+ }
+
+ .pt-16-md,
+.py-16-md {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-md,
+.py-16-md {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-md,
+.px-16-md {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-md,
+.px-16-md {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-20-md {
+ margin: 10rem !important;
+ }
+
+ .mt-20-md,
+.my-20-md {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-md,
+.my-20-md {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-md,
+.mx-20-md {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-md,
+.mx-20-md {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-md {
+ padding: 10rem !important;
+ }
+
+ .pt-20-md,
+.py-20-md {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-md,
+.py-20-md {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-md,
+.px-20-md {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-md,
+.px-20-md {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-24-md {
+ margin: 12rem !important;
+ }
+
+ .mt-24-md,
+.my-24-md {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-md,
+.my-24-md {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-md,
+.mx-24-md {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-md,
+.mx-24-md {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-md {
+ padding: 12rem !important;
+ }
+
+ .pt-24-md,
+.py-24-md {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-md,
+.py-24-md {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-md,
+.px-24-md {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-md,
+.px-24-md {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-32-md {
+ margin: 16rem !important;
+ }
+
+ .mt-32-md,
+.my-32-md {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-md,
+.my-32-md {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-md,
+.mx-32-md {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-md,
+.mx-32-md {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-md {
+ padding: 16rem !important;
+ }
+
+ .pt-32-md,
+.py-32-md {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-md,
+.py-32-md {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-md,
+.px-32-md {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-md,
+.px-32-md {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-0-lg {
+ margin: 0rem !important;
+ }
+
+ .mt-0-lg,
+.my-0-lg {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-lg,
+.my-0-lg {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-lg,
+.mx-0-lg {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-lg,
+.mx-0-lg {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-lg {
+ padding: 0rem !important;
+ }
+
+ .pt-0-lg,
+.py-0-lg {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-lg,
+.py-0-lg {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-lg,
+.px-0-lg {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-lg,
+.px-0-lg {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-1-lg {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-lg,
+.my-1-lg {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-lg,
+.my-1-lg {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-lg,
+.mx-1-lg {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-lg,
+.mx-1-lg {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-lg {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-lg,
+.py-1-lg {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-lg,
+.py-1-lg {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-lg,
+.px-1-lg {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-lg,
+.px-1-lg {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-2-lg {
+ margin: 1rem !important;
+ }
+
+ .mt-2-lg,
+.my-2-lg {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-lg,
+.my-2-lg {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-lg,
+.mx-2-lg {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-lg,
+.mx-2-lg {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-lg {
+ padding: 1rem !important;
+ }
+
+ .pt-2-lg,
+.py-2-lg {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-lg,
+.py-2-lg {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-lg,
+.px-2-lg {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-lg,
+.px-2-lg {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-3-lg {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-lg,
+.my-3-lg {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-lg,
+.my-3-lg {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-lg,
+.mx-3-lg {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-lg,
+.mx-3-lg {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-lg {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-lg,
+.py-3-lg {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-lg,
+.py-3-lg {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-lg,
+.px-3-lg {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-lg,
+.px-3-lg {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-4-lg {
+ margin: 2rem !important;
+ }
+
+ .mt-4-lg,
+.my-4-lg {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-lg,
+.my-4-lg {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-lg,
+.mx-4-lg {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-lg,
+.mx-4-lg {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-lg {
+ padding: 2rem !important;
+ }
+
+ .pt-4-lg,
+.py-4-lg {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-lg,
+.py-4-lg {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-lg,
+.px-4-lg {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-lg,
+.px-4-lg {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-5-lg {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-lg,
+.my-5-lg {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-lg,
+.my-5-lg {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-lg,
+.mx-5-lg {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-lg,
+.mx-5-lg {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-lg {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-lg,
+.py-5-lg {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-lg,
+.py-5-lg {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-lg,
+.px-5-lg {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-lg,
+.px-5-lg {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-6-lg {
+ margin: 3rem !important;
+ }
+
+ .mt-6-lg,
+.my-6-lg {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-lg,
+.my-6-lg {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-lg,
+.mx-6-lg {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-lg,
+.mx-6-lg {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-lg {
+ padding: 3rem !important;
+ }
+
+ .pt-6-lg,
+.py-6-lg {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-lg,
+.py-6-lg {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-lg,
+.px-6-lg {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-lg,
+.px-6-lg {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-8-lg {
+ margin: 4rem !important;
+ }
+
+ .mt-8-lg,
+.my-8-lg {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-lg,
+.my-8-lg {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-lg,
+.mx-8-lg {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-lg,
+.mx-8-lg {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-lg {
+ padding: 4rem !important;
+ }
+
+ .pt-8-lg,
+.py-8-lg {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-lg,
+.py-8-lg {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-lg,
+.px-8-lg {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-lg,
+.px-8-lg {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-10-lg {
+ margin: 5rem !important;
+ }
+
+ .mt-10-lg,
+.my-10-lg {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-lg,
+.my-10-lg {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-lg,
+.mx-10-lg {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-lg,
+.mx-10-lg {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-lg {
+ padding: 5rem !important;
+ }
+
+ .pt-10-lg,
+.py-10-lg {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-lg,
+.py-10-lg {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-lg,
+.px-10-lg {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-lg,
+.px-10-lg {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-12-lg {
+ margin: 6rem !important;
+ }
+
+ .mt-12-lg,
+.my-12-lg {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-lg,
+.my-12-lg {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-lg,
+.mx-12-lg {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-lg,
+.mx-12-lg {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-lg {
+ padding: 6rem !important;
+ }
+
+ .pt-12-lg,
+.py-12-lg {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-lg,
+.py-12-lg {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-lg,
+.px-12-lg {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-lg,
+.px-12-lg {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-16-lg {
+ margin: 8rem !important;
+ }
+
+ .mt-16-lg,
+.my-16-lg {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-lg,
+.my-16-lg {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-lg,
+.mx-16-lg {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-lg,
+.mx-16-lg {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-lg {
+ padding: 8rem !important;
+ }
+
+ .pt-16-lg,
+.py-16-lg {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-lg,
+.py-16-lg {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-lg,
+.px-16-lg {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-lg,
+.px-16-lg {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-20-lg {
+ margin: 10rem !important;
+ }
+
+ .mt-20-lg,
+.my-20-lg {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-lg,
+.my-20-lg {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-lg,
+.mx-20-lg {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-lg,
+.mx-20-lg {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-lg {
+ padding: 10rem !important;
+ }
+
+ .pt-20-lg,
+.py-20-lg {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-lg,
+.py-20-lg {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-lg,
+.px-20-lg {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-lg,
+.px-20-lg {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-24-lg {
+ margin: 12rem !important;
+ }
+
+ .mt-24-lg,
+.my-24-lg {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-lg,
+.my-24-lg {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-lg,
+.mx-24-lg {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-lg,
+.mx-24-lg {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-lg {
+ padding: 12rem !important;
+ }
+
+ .pt-24-lg,
+.py-24-lg {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-lg,
+.py-24-lg {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-lg,
+.px-24-lg {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-lg,
+.px-24-lg {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-32-lg {
+ margin: 16rem !important;
+ }
+
+ .mt-32-lg,
+.my-32-lg {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-lg,
+.my-32-lg {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-lg,
+.mx-32-lg {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-lg,
+.mx-32-lg {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-lg {
+ padding: 16rem !important;
+ }
+
+ .pt-32-lg,
+.py-32-lg {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-lg,
+.py-32-lg {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-lg,
+.px-32-lg {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-lg,
+.px-32-lg {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-0-xl {
+ margin: 0rem !important;
+ }
+
+ .mt-0-xl,
+.my-0-xl {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-xl,
+.my-0-xl {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-xl,
+.mx-0-xl {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-xl,
+.mx-0-xl {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-xl {
+ padding: 0rem !important;
+ }
+
+ .pt-0-xl,
+.py-0-xl {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-xl,
+.py-0-xl {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-xl,
+.px-0-xl {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-xl,
+.px-0-xl {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-1-xl {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-xl,
+.my-1-xl {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-xl,
+.my-1-xl {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-xl,
+.mx-1-xl {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-xl,
+.mx-1-xl {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-xl {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-xl,
+.py-1-xl {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-xl,
+.py-1-xl {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-xl,
+.px-1-xl {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-xl,
+.px-1-xl {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-2-xl {
+ margin: 1rem !important;
+ }
+
+ .mt-2-xl,
+.my-2-xl {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-xl,
+.my-2-xl {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-xl,
+.mx-2-xl {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-xl,
+.mx-2-xl {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-xl {
+ padding: 1rem !important;
+ }
+
+ .pt-2-xl,
+.py-2-xl {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-xl,
+.py-2-xl {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-xl,
+.px-2-xl {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-xl,
+.px-2-xl {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-3-xl {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-xl,
+.my-3-xl {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-xl,
+.my-3-xl {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-xl,
+.mx-3-xl {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-xl,
+.mx-3-xl {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-xl {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-xl,
+.py-3-xl {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-xl,
+.py-3-xl {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-xl,
+.px-3-xl {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-xl,
+.px-3-xl {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-4-xl {
+ margin: 2rem !important;
+ }
+
+ .mt-4-xl,
+.my-4-xl {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-xl,
+.my-4-xl {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-xl,
+.mx-4-xl {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-xl,
+.mx-4-xl {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-xl {
+ padding: 2rem !important;
+ }
+
+ .pt-4-xl,
+.py-4-xl {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-xl,
+.py-4-xl {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-xl,
+.px-4-xl {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-xl,
+.px-4-xl {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-5-xl {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-xl,
+.my-5-xl {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-xl,
+.my-5-xl {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-xl,
+.mx-5-xl {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-xl,
+.mx-5-xl {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-xl {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-xl,
+.py-5-xl {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-xl,
+.py-5-xl {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-xl,
+.px-5-xl {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-xl,
+.px-5-xl {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-6-xl {
+ margin: 3rem !important;
+ }
+
+ .mt-6-xl,
+.my-6-xl {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-xl,
+.my-6-xl {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-xl,
+.mx-6-xl {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-xl,
+.mx-6-xl {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-xl {
+ padding: 3rem !important;
+ }
+
+ .pt-6-xl,
+.py-6-xl {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-xl,
+.py-6-xl {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-xl,
+.px-6-xl {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-xl,
+.px-6-xl {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-8-xl {
+ margin: 4rem !important;
+ }
+
+ .mt-8-xl,
+.my-8-xl {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-xl,
+.my-8-xl {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-xl,
+.mx-8-xl {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-xl,
+.mx-8-xl {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-xl {
+ padding: 4rem !important;
+ }
+
+ .pt-8-xl,
+.py-8-xl {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-xl,
+.py-8-xl {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-xl,
+.px-8-xl {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-xl,
+.px-8-xl {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-10-xl {
+ margin: 5rem !important;
+ }
+
+ .mt-10-xl,
+.my-10-xl {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-xl,
+.my-10-xl {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-xl,
+.mx-10-xl {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-xl,
+.mx-10-xl {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-xl {
+ padding: 5rem !important;
+ }
+
+ .pt-10-xl,
+.py-10-xl {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-xl,
+.py-10-xl {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-xl,
+.px-10-xl {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-xl,
+.px-10-xl {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-12-xl {
+ margin: 6rem !important;
+ }
+
+ .mt-12-xl,
+.my-12-xl {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-xl,
+.my-12-xl {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-xl,
+.mx-12-xl {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-xl,
+.mx-12-xl {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-xl {
+ padding: 6rem !important;
+ }
+
+ .pt-12-xl,
+.py-12-xl {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-xl,
+.py-12-xl {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-xl,
+.px-12-xl {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-xl,
+.px-12-xl {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-16-xl {
+ margin: 8rem !important;
+ }
+
+ .mt-16-xl,
+.my-16-xl {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-xl,
+.my-16-xl {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-xl,
+.mx-16-xl {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-xl,
+.mx-16-xl {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-xl {
+ padding: 8rem !important;
+ }
+
+ .pt-16-xl,
+.py-16-xl {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-xl,
+.py-16-xl {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-xl,
+.px-16-xl {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-xl,
+.px-16-xl {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-20-xl {
+ margin: 10rem !important;
+ }
+
+ .mt-20-xl,
+.my-20-xl {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-xl,
+.my-20-xl {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-xl,
+.mx-20-xl {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-xl,
+.mx-20-xl {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-xl {
+ padding: 10rem !important;
+ }
+
+ .pt-20-xl,
+.py-20-xl {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-xl,
+.py-20-xl {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-xl,
+.px-20-xl {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-xl,
+.px-20-xl {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-24-xl {
+ margin: 12rem !important;
+ }
+
+ .mt-24-xl,
+.my-24-xl {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-xl,
+.my-24-xl {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-xl,
+.mx-24-xl {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-xl,
+.mx-24-xl {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-xl {
+ padding: 12rem !important;
+ }
+
+ .pt-24-xl,
+.py-24-xl {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-xl,
+.py-24-xl {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-xl,
+.px-24-xl {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-xl,
+.px-24-xl {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-32-xl {
+ margin: 16rem !important;
+ }
+
+ .mt-32-xl,
+.my-32-xl {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-xl,
+.my-32-xl {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-xl,
+.mx-32-xl {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-xl,
+.mx-32-xl {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-xl {
+ padding: 16rem !important;
+ }
+
+ .pt-32-xl,
+.py-32-xl {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-xl,
+.py-32-xl {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-xl,
+.px-32-xl {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-xl,
+.px-32-xl {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+/* Render the x in the close button */
+/* BUTTONS */
+/* Button styling */
+/* Un-themed */
+.btn, button, [type=submit], [type=reset], [type=button] {
+ line-height: 2rem;
+ overflow: hidden;
+ padding: 0.5rem 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ cursor: pointer;
+ text-align: center;
+ transition: all var(--animation-duration);
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border-color: rgba(var(--btn-border-color), var(--color-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ font-size: 0.75rem;
+ font-weight: inherit;
+ letter-spacing: 0.03rem;
+ text-transform: uppercase;
+ font-family: Montserrat;
+ min-width: 2rem;
+ user-select: none;
+ margin-bottom: 1rem;
+ outline: none;
+ --btn-color: 248, 249, 250;
+ --btn-fg: 73, 80, 87;
+ --btn-border-color: 233, 236, 239;
+ /* Base States */
+ /* Loading Button*/
+ /* Make the loading circle, if present, white when button is active */
+ /* Animated Button */
+ /* Close Button */
+ /* BUTTON STYLES */
+ /* Regular */
+ /* GLYPHS */
+ /* Alternatives to pad-left and pad-right */
+}
+
+.btn:hover, button:hover, [type=submit]:hover, [type=reset]:hover, [type=button]:hover {
+ transition: all var(--animation-duration);
+ --btn-color: 241, 243, 245;
+ color: rgba(var(--btn-fg), var(--color-opacity));
+}
+
+.btn:active, button:active, [type=submit]:active, [type=reset]:active, [type=button]:active {
+ transition: var(--animation-duration) ease;
+}
+
+.btn:focus, button:focus, [type=submit]:focus, [type=reset]:focus, [type=button]:focus {
+ outline: none;
+}
+
+.btn:disabled, button:disabled, [type=submit]:disabled, [type=reset]:disabled, [type=button]:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+.btn:disabled:active, button:disabled:active, [type=submit]:disabled:active, [type=reset]:disabled:active, [type=button]:disabled:active {
+ pointer-events: none;
+}
+
+.btn.outline, button.outline, [type=submit].outline, [type=reset].outline, [type=button].outline {
+ --btn-color: transparent;
+}
+
+.btn.outline:hover, button.outline:hover, [type=submit].outline:hover, [type=reset].outline:hover, [type=button].outline:hover {
+ --btn-color: 233, 236, 239;
+}
+
+.btn.loading:active::after, button.loading:active::after, [type=submit].loading:active::after, [type=reset].loading:active::after, [type=button].loading:active::after {
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ transition: var(--animation-duration) ease;
+}
+
+.btn.btn-animated, button.btn-animated, [type=submit].btn-animated, [type=reset].btn-animated, [type=button].btn-animated {
+ transition: calc(var(--animation-duration) / 2) ease;
+}
+
+.btn.btn-animated:active, button.btn-animated:active, [type=submit].btn-animated:active, [type=reset].btn-animated:active, [type=button].btn-animated:active {
+ transform: scale(0.95);
+ transition: calc(var(--animation-duration) / 2) ease;
+}
+
+.btn.btn-close, button.btn-close, [type=submit].btn-close, [type=reset].btn-close, [type=button].btn-close {
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ display: inline-block;
+ flex-grow: 0;
+ flex-shrink: 0;
+ font-size: 0;
+ height: 20px;
+ outline: 0;
+ position: relative;
+ vertical-align: top;
+ width: 20px;
+ padding: 0;
+ min-width: 20px;
+}
+
+.btn.btn-close:hover, button.btn-close:hover, [type=submit].btn-close:hover, [type=reset].btn-close:hover, [type=button].btn-close:hover {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.btn.btn-close::before, button.btn-close::before, [type=submit].btn-close::before, [type=reset].btn-close::before, [type=button].btn-close::before {
+ background-color: var(--cirrus-bg);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+ height: 2px;
+ width: 50%;
+}
+
+.btn.btn-close::after, button.btn-close::after, [type=submit].btn-close::after, [type=reset].btn-close::after, [type=button].btn-close::after {
+ background-color: var(--cirrus-bg);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+ height: 50%;
+ width: 2px;
+}
+
+.btn.btn-transparent, button.btn-transparent, [type=submit].btn-transparent, [type=reset].btn-transparent, [type=button].btn-transparent {
+ --btn-color: transparent;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: transparent;
+}
+
+.btn.btn-transparent:focus, button.btn-transparent:focus, [type=submit].btn-transparent:focus, [type=reset].btn-transparent:focus, [type=button].btn-transparent:focus {
+ box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
+}
+
+.btn.btn-transparent:hover, button.btn-transparent:hover, [type=submit].btn-transparent:hover, [type=reset].btn-transparent:hover, [type=button].btn-transparent:hover {
+ --bg-opacity: 0.1;
+ --btn-color: 0, 0, 0;
+}
+
+.btn.btn-transparent.outline, button.btn-transparent.outline, [type=submit].btn-transparent.outline, [type=reset].btn-transparent.outline, [type=button].btn-transparent.outline {
+ --btn-fg: 54, 54, 54;
+}
+
+.btn.btn-light, button.btn-light, [type=submit].btn-light, [type=reset].btn-light, [type=button].btn-light {
+ --btn-color: 246, 249, 252;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: 246, 249, 252;
+}
+
+.btn.btn-light:hover, button.btn-light:hover, [type=submit].btn-light:hover, [type=reset].btn-light:hover, [type=button].btn-light:hover {
+ --btn-color: 208, 224, 239;
+}
+
+.btn.btn-light:focus, button.btn-light:focus, [type=submit].btn-light:focus, [type=reset].btn-light:focus, [type=button].btn-light:focus {
+ box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
+}
+
+.btn.btn-dark, button.btn-dark, [type=submit].btn-dark, [type=reset].btn-dark, [type=button].btn-dark {
+ --btn-color: 54, 54, 54;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 54, 54, 54;
+}
+
+.btn.btn-dark:focus, button.btn-dark:focus, [type=submit].btn-dark:focus, [type=reset].btn-dark:focus, [type=button].btn-dark:focus {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
+}
+
+.btn.btn-dark:hover, button.btn-dark:hover, [type=submit].btn-dark:hover, [type=reset].btn-dark:hover, [type=button].btn-dark:hover {
+ --btn-color: 80, 80, 80;
+}
+
+.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 {
+ --btn-color: 54, 54, 54;
+}
+
+.btn.btn-black, button.btn-black, [type=submit].btn-black, [type=reset].btn-black, [type=button].btn-black {
+ --btn-color: 0, 0, 0;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 0, 0, 0;
+}
+
+.btn.btn-black:focus, button.btn-black:focus, [type=submit].btn-black:focus, [type=reset].btn-black:focus, [type=button].btn-black:focus {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
+}
+
+.btn.btn-black:hover, button.btn-black:hover, [type=submit].btn-black:hover, [type=reset].btn-black:hover, [type=button].btn-black:hover {
+ --btn-color: 0, 0, 0;
+}
+
+.btn.btn-primary, button.btn-primary, [type=submit].btn-primary, [type=reset].btn-primary, [type=button].btn-primary {
+ --btn-color: 240, 61, 77;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 194, 27, 43;
+}
+
+.btn.btn-primary:focus, button.btn-primary:focus, [type=submit].btn-primary:focus, [type=reset].btn-primary:focus, [type=button].btn-primary:focus {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.5);
+}
+
+.btn.btn-primary:hover, button.btn-primary:hover, [type=submit].btn-primary:hover, [type=reset].btn-primary:hover, [type=button].btn-primary:hover {
+ --btn-color: 214, 41, 57;
+}
+
+.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 {
+ --btn-color: 240, 61, 77;
+}
+
+.btn.btn-info, button.btn-info, [type=submit].btn-info, [type=reset].btn-info, [type=button].btn-info {
+ --btn-color: 41, 114, 250;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 41, 114, 250;
+}
+
+.btn.btn-info:focus, button.btn-info:focus, [type=submit].btn-info:focus, [type=reset].btn-info:focus, [type=button].btn-info:focus {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5);
+}
+
+.btn.btn-info:hover, button.btn-info:hover, [type=submit].btn-info:hover, [type=reset].btn-info:hover, [type=button].btn-info:hover {
+ --btn-color: 16, 98, 249;
+}
+
+.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 {
+ --btn-color: 41, 114, 250;
+}
+
+.btn.btn-link, button.btn-link, [type=submit].btn-link, [type=reset].btn-link, [type=button].btn-link {
+ --btn-color: 94, 92, 199;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 94, 92, 199;
+}
+
+.btn.btn-link:focus, button.btn-link:focus, [type=submit].btn-link:focus, [type=reset].btn-link:focus, [type=button].btn-link:focus {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5);
+}
+
+.btn.btn-link:hover, button.btn-link:hover, [type=submit].btn-link:hover, [type=reset].btn-link:hover, [type=button].btn-link:hover {
+ --btn-color: 70, 67, 226;
+}
+
+.btn.btn-link.outline, button.btn-link.outline, [type=submit].btn-link.outline, [type=reset].btn-link.outline, [type=button].btn-link.outline {
+ --btn-fg: 94, 92, 199;
+ border: 1px solid transparent;
+}
+
+.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 {
+ --btn-color: 248, 247, 255;
+ border: 1px solid transparent;
+ text-decoration: underline;
+}
+
+.btn.btn-success, button.btn-success, [type=submit].btn-success, [type=reset].btn-success, [type=button].btn-success {
+ --btn-color: 13, 209, 87;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 13, 209, 87;
+}
+
+.btn.btn-success:focus, button.btn-success:focus, [type=submit].btn-success:focus, [type=reset].btn-success:focus, [type=button].btn-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.5);
+}
+
+.btn.btn-success:hover, button.btn-success:hover, [type=submit].btn-success:hover, [type=reset].btn-success:hover, [type=button].btn-success:hover {
+ --btn-color: 12, 185, 77;
+}
+
+.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 {
+ --btn-color: 13, 209, 87;
+}
+
+.btn.btn-warning, button.btn-warning, [type=submit].btn-warning, [type=reset].btn-warning, [type=button].btn-warning {
+ --btn-color: 250, 182, 51;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: 250, 182, 51;
+}
+
+.btn.btn-warning:focus, button.btn-warning:focus, [type=submit].btn-warning:focus, [type=reset].btn-warning:focus, [type=button].btn-warning:focus {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.5);
+}
+
+.btn.btn-warning:hover, button.btn-warning:hover, [type=submit].btn-warning:hover, [type=reset].btn-warning:hover, [type=button].btn-warning:hover {
+ --btn-color: 249, 173, 26;
+}
+
+.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 {
+ --btn-color: 250, 182, 51;
+}
+
+.btn.btn-danger, button.btn-danger, [type=submit].btn-danger, [type=reset].btn-danger, [type=button].btn-danger {
+ --btn-color: 251, 65, 67;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 251, 65, 67;
+}
+
+.btn.btn-danger:focus, button.btn-danger:focus, [type=submit].btn-danger:focus, [type=reset].btn-danger:focus, [type=button].btn-danger:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.5);
+}
+
+.btn.btn-danger:hover, button.btn-danger:hover, [type=submit].btn-danger:hover, [type=reset].btn-danger:hover, [type=button].btn-danger:hover {
+ --btn-color: 235, 5, 7;
+}
+
+.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 {
+ --btn-color: 251, 65, 67;
+}
+
+.btn.btn--xs, button.btn--xs, [type=submit].btn--xs, [type=reset].btn--xs, [type=button].btn--xs {
+ padding: 0 0.5rem;
+ font-size: 50%;
+}
+
+.btn.btn--sm, button.btn--sm, [type=submit].btn--sm, [type=reset].btn--sm, [type=button].btn--sm {
+ padding: 0.25rem 1rem;
+ font-size: 70%;
+}
+
+.btn.btn--md, button.btn--md, [type=submit].btn--md, [type=reset].btn--md, [type=button].btn--md {
+ padding: 0.5rem 1.5rem;
+ font-size: 90%;
+}
+
+.btn.btn--lg, button.btn--lg, [type=submit].btn--lg, [type=reset].btn--lg, [type=button].btn--lg {
+ padding: 0.75rem 2rem;
+ font-size: 110%;
+}
+
+.btn.btn--xl, button.btn--xl, [type=submit].btn--xl, [type=reset].btn--xl, [type=button].btn--xl {
+ padding: 1rem 2.5rem;
+ font-size: 130%;
+}
+
+.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 {
+ margin-right: 0.4rem;
+}
+
+.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 {
+ margin-left: 0.4rem;
+}
+
+.btn span:first-child, button span:first-child, [type=submit] span:first-child, [type=reset] span:first-child, [type=button] span:first-child {
+ margin-right: 0.2rem;
+}
+
+.btn span:last-child, button span:last-child, [type=submit] span:last-child, [type=reset] span:last-child, [type=button] span:last-child {
+ margin-left: 0.2rem;
+}
+
+/* Links as Buttons */
+a.btn {
+ display: inline-flex;
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close),
+[class*=" btn-"]:not(.btn-container):not(.btn-close) {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border: 1px solid rgba(var(--btn-border-color), var(--color-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ transition: all var(--animation-duration);
+ /* Outline Variants */
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close):hover,
+[class*=" btn-"]:not(.btn-container):not(.btn-close):hover {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border-color: rgba(var(--btn-border-color), var(--color-opacity));
+ transition: all var(--animation-duration);
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline {
+ background-color: transparent;
+ color: rgba(var(--btn-color), var(--color-opacity));
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ transition: all var(--animation-duration);
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent {
+ color: 73, 80, 87 !important;
+}
+
+/* Make the loader white so it is visible */
+.loading.btn-accent:after {
+ border: 2px solid #fff;
+ border-right-color: transparent;
+ border-top-color: transparent;
+}
+
+/* BUTTON GROUPS */
+/* Will group buttons with components in a single component */
+.btn-group {
+ display: inline-flex;
+}
+
+.btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
+ flex: 1 0 auto;
+ margin: 0;
+}
+
+.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) {
+ /* Style the first child in group > 1 buttons */
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.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) {
+ /* Style the last child in group > 1 buttons */
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+.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) {
+ /* Style button in middle of group */
+ border-radius: 0;
+ /* Remove roundness from center buttons */
+ margin-left: -1px;
+}
+
+.btn-group .btn:focus, .btn-group button:focus, .btn-group [type=submit]:focus, .btn-group [type=reset]:focus, .btn-group [type=button]:focus {
+ z-index: 1;
+}
+
+.btn-group.btn-group-fill {
+ /* Makes the button group fill the width and proportion the buttons to fill the space */
+ display: flex;
+}
+
+.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] {
+ flex: 1 0;
+ /* Make the buttons fill the available width and proportion themselves */
+}
+
+.btn-group.btn-group-fill:focus {
+ z-index: 1;
+}
+
+@media screen and (max-width: 767px) {
+ .btn-group {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
+ margin-bottom: -1px;
+ }
+
+ .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) {
+ border-radius: 0.25rem 0.25rem 0 0;
+ }
+
+ .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) {
+ margin-left: 0;
+ }
+
+ .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) {
+ border-radius: 0 0 0.25rem 0.25rem;
+ margin-left: 0;
+ }
+}
+/* CODE */
+code {
+ --cirrus-code-label-fg: #868e96;
+ padding: 0.3rem;
+ margin: 0.5em 0;
+ overflow: auto;
+ background-color: var(--cirrus-code-bg);
+ color: var(--cirrus-code-fg);
+ border-radius: 3px;
+ /* Dark theme for code */
+}
+
+code:before {
+ color: var(--cirrus-code-label-fg);
+ content: attr(data-lang);
+ font-size: 0.9rem;
+ position: absolute;
+ right: 1rem;
+ top: 0.7rem;
+}
+
+code.dark {
+ --cirrus-code-bg: #343a40;
+ --cirrus-code-fg: #f8f9fa;
+ --cirrus-border-left-bg: #212529;
+ --cirrus-code-label-fg: #ced4da;
+}
+
+pre > code {
+ --cirrus-code-bg: #f8f9fa;
+ --cirrus-code-fg: #343a40;
+ --cirrus-border-left-bg: #e9ecef;
+ background-color: var(--cirrus-code-bg);
+ font-size: 14px;
+ display: block;
+ padding: 1rem;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ text-align: left;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ tab-size: 4;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ border-left: 0.3rem solid var(--cirrus-border-left-bg);
+ margin: 0;
+ position: relative;
+ color: var(--cirrus-code-fg);
+}
+
+pre > code[data-lang]:not([data-lang=""]) {
+ padding: 2rem 1.5rem 1rem;
+}
+
+/* FOOTER */
+.footer {
+ background-color: #343a40;
+ padding: 6rem 0;
+ text-align: center;
+ margin-top: 5rem;
+ width: 100%;
+}
+
+.footer.footer--fixed {
+ bottom: 0;
+ position: fixed;
+}
+
+.footer p {
+ color: #868e96;
+}
+
+.footer ul {
+ margin: 0.5rem 0;
+ /* Remove the left margin seen in global style */
+}
+
+.footer .footer__title {
+ text-align: center;
+ letter-spacing: 6px;
+ position: relative;
+ padding-bottom: 10px;
+}
+
+.footer .footer__list-title {
+ color: #ced4da;
+ font-size: 75%;
+ text-transform: uppercase;
+ font-weight: bolder;
+}
+
+.footer .footer__list-title::after {
+ content: "";
+ display: block;
+ width: 10%;
+ margin: auto;
+ border-bottom: 2px solid;
+ border-color: #343b49;
+}
+
+.footer ul a .footer__list-item,
+.footer .footer__list-item {
+ margin: 0.1rem;
+ color: #868e96;
+ transition: all var(--animation-duration);
+ font-size: 75%;
+ text-transform: uppercase;
+}
+
+/*
+ Mixins
+*/
+/* This is just an extended portion of an input which is just like a label and is read only */
+/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */
+/* FORMS */
+/*
+ Styles
+*/
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
+select {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ /* Search field */
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,
+select.input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,
+select.input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,
+select.input--lg {
+ font-size: 1.25rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,
+select.input--xl {
+ font-size: 1.5rem;
+}
+
+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,
+select.input-contains-icon,
+select.input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,
+select.input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+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,
+select.input-contains-icon.input--xs,
+select.input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+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,
+select.input-contains-icon.input--sm,
+select.input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+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,
+select.input-contains-icon.input--lg,
+select.input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+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,
+select.input-contains-icon.input--xl,
+select.input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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,
+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 {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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,
+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 {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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,
+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 {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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,
+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 {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+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,
+select[type=search],
+select.search {
+ background-repeat: no-repeat;
+ background-position: left 0.6rem center;
+ background-image: url('data:image/svg+xml;utf8,');
+ /* NEEDS FIXING */
+ padding-left: 2rem !important;
+ -webkit-appearance: none;
+ /* Fix Safari issue */
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],
+select[type=color] {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-sizing: border-box;
+ transition: 0.3s;
+ outline: 0;
+ position: relative;
+ height: 3rem;
+ background-color: #fff;
+ padding: 0.55rem 0.8rem !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,
+select.input-success {
+ border-color: #0dd157;
+ background-color: rgba(0, 224, 0, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,
+select.input-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,
+select.input-error {
+ border-color: #fb4143;
+ background-color: rgba(244, 67, 54, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,
+select.input-error:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+textarea,
+textarea[type=text] {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ min-height: 8rem;
+ line-height: 1.5rem;
+ resize: vertical;
+}
+
+textarea.input--xs,
+textarea[type=text].input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+textarea.input--sm,
+textarea[type=text].input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+textarea.input--lg,
+textarea[type=text].input--lg {
+ font-size: 1.25rem;
+}
+
+textarea.input--xl,
+textarea[type=text].input--xl {
+ font-size: 1.5rem;
+}
+
+textarea.input-contains-icon, textarea.input-contains-icon-left,
+textarea[type=text].input-contains-icon,
+textarea[type=text].input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+textarea.input-contains-icon-right,
+textarea[type=text].input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+textarea.input-contains-icon.input--xs, textarea.input-contains-icon-right.input-xs,
+textarea[type=text].input-contains-icon.input--xs,
+textarea[type=text].input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+textarea.input-contains-icon.input--sm, textarea.input-contains-icon-right.input-sm,
+textarea[type=text].input-contains-icon.input--sm,
+textarea[type=text].input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+textarea.input-contains-icon.input--lg, textarea.input-contains-icon-right.input-lg,
+textarea[type=text].input-contains-icon.input--lg,
+textarea[type=text].input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+textarea.input-contains-icon.input--xl, textarea.input-contains-icon-right.input-xl,
+textarea[type=text].input-contains-icon.input--xl,
+textarea[type=text].input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--xs ~ .icon,
+textarea[type=text].input-contains-icon-left.input--xs ~ .icon,
+textarea[type=text].input-contains-icon-right.input--xs ~ .icon.icon-right {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--sm ~ .icon,
+textarea[type=text].input-contains-icon-left.input--sm ~ .icon,
+textarea[type=text].input-contains-icon-right.input--sm ~ .icon.icon-right {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--lg ~ .icon,
+textarea[type=text].input-contains-icon-left.input--lg ~ .icon,
+textarea[type=text].input-contains-icon-right.input--lg ~ .icon.icon-right {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--xl ~ .icon,
+textarea[type=text].input-contains-icon-left.input--xl ~ .icon,
+textarea[type=text].input-contains-icon-right.input--xl ~ .icon.icon-right {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,
+select:focus,
+textarea:focus,
+textarea[type=text]:focus,
+input[type=text].input-focused,
+.input-focused {
+ border-color: #3dabf0;
+ box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, 0.45), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,
+select:focus.input-success,
+textarea:focus.input-success,
+textarea[type=text]:focus.input-success,
+input[type=text].input-focused.input-success,
+.input-focused.input-success {
+ border-color: #0dd157;
+ background-color: rgba(0, 224, 0, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,
+select:focus.input-success:focus,
+textarea:focus.input-success:focus,
+textarea[type=text]:focus.input-success:focus,
+input[type=text].input-focused.input-success:focus,
+.input-focused.input-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,
+select:focus.input-error,
+textarea:focus.input-error,
+textarea[type=text]:focus.input-error,
+input[type=text].input-focused.input-error,
+.input-focused.input-error {
+ border-color: #fb4143;
+ background-color: rgba(244, 67, 54, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,
+select:focus.input-error:focus,
+textarea:focus.input-error:focus,
+textarea[type=text]:focus.input-error:focus,
+input[type=text].input-focused.input-error:focus,
+.input-focused.input-error:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+select {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ background-color: #fff;
+ border: 1px solid #ddd;
+ /* Fixes for Safari and other browsers for consistent UI */
+}
+
+select.input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+select.input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+select.input--lg {
+ font-size: 1.25rem;
+}
+
+select.input--xl {
+ font-size: 1.5rem;
+}
+
+select.input-contains-icon, select.input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+select.input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+select.input-contains-icon.input--xs, select.input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+select.input-contains-icon.input--sm, select.input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+select.input-contains-icon.input--lg, select.input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+select.input-contains-icon.input--xl, select.input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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 {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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 {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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 {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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 {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+select[multiple] option {
+ padding: 0.2rem 0.4rem;
+}
+
+select.select:not([size]):not([multiple]) {
+ 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;
+ -webkit-appearance: none;
+}
+
+input:not([class*=btn-]):disabled,
+input:not([class*=" btn-"]):disabled:hover,
+select:disabled,
+textarea:disabled {
+ background-color: #f1f3f5;
+ cursor: not-allowed;
+ border: 1px solid #f1f3f5;
+}
+
+label.label {
+ color: #495057;
+ display: inline-block;
+ /* changed from block */
+ font-weight: bold;
+ margin-top: 0.8rem;
+}
+
+label + .input-control {
+ margin-top: 0;
+}
+
+label.label:not(:last-child) {
+ margin-bottom: 0;
+}
+
+label:first-child:not(:last-child):not(.form-group-label) {
+ margin-right: 0.5rem;
+}
+
+label:not(:first-child):not(:last-child):not(.form-group-label) {
+ margin: 0 0.5rem;
+}
+
+label:last-child:not(:first-child):not(.form-group-label) {
+ margin-left: 0.5rem;
+}
+
+/* Required asterisk */
+.required {
+ /* Use this in a span or a div */
+ position: relative;
+ top: 1px;
+ font-weight: bold;
+ color: #c81e1e;
+ padding-left: 0.1rem;
+}
+
+/* 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. */
+.input-control {
+ position: relative;
+ margin: 0.5rem 0;
+}
+
+.input-contains-icon ~ .icon,
+.input-contains-icon-left ~ .icon,
+.input-contains-icon-right ~ .icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+}
+
+.input-contains-icon ~ .icon:not(.icon-right),
+.input-contains-icon-left ~ .icon.icon-left {
+ /* Nomral input only */
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 3rem;
+ z-index: 1;
+}
+
+.input-contains-icon-right ~ .icon.icon-right {
+ position: absolute;
+ pointer-events: none;
+ line-height: 2.75rem;
+ vertical-align: baseline;
+ top: 0;
+ right: 0;
+ width: 3rem;
+ z-index: 1;
+}
+
+/* Form groups that group inputs with other controls. */
+.form-group {
+ display: flex;
+ display: -ms-flexbox;
+ margin: 0.5rem 0;
+ /* Add margin to the container since they have been removed from children */
+ /* Fixes the text width being cut off */
+ /* Form group controls */
+ /* Keeps inputs in form group above other components */
+}
+
+.form-group .form-group-btn {
+ flex: 1 0 auto;
+ margin-bottom: 0;
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-btn:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-btn:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-btn:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-btn:focus {
+ z-index: 1;
+}
+
+.form-group .form-group-label {
+ background-color: var(--cirrus-form-group-bg);
+ border: 1px solid #dee2e6;
+ border-radius: 0.2rem;
+ color: var(--cirrus-form-group-fg);
+ margin: 0;
+ padding: 0.8rem;
+ user-select: none;
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-label:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-label:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-label:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-label.label--xs {
+ font-size: 0.75rem;
+}
+
+.form-group .form-group-label.label--sm {
+ font-size: 0.875rem;
+}
+
+.form-group .form-group-label.label--lg {
+ font-size: 1.25rem;
+}
+
+.form-group .form-group-label.label--xl {
+ font-size: 1.5rem;
+}
+
+.form-group .form-group-input {
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-input:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-input:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-input:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-input:focus {
+ z-index: 1;
+}
+
+/* Change place holder color */
+::-moz-placeholder {
+ color: #a9a9a9;
+ /* Lighter than the default */
+}
+
+::-webkit-input-placeholder {
+ color: #a9a9a9;
+ /* Lighter than the default */
+}
+
+/* Separate CSS file, but same part as Layout */
+/* The base container that is similar in structure to a card but more flexible */
+.frame {
+ border-radius: 3px;
+ box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
+ display: flex;
+ flex-direction: column;
+ /* For the frame header and footer, use flex display */
+ /* The frame navbar can be used with level or header classes to create a navigation menu */
+}
+
+.frame .frame__header,
+.frame .frame__footer {
+ flex: 0 0 auto;
+ padding: 1rem;
+}
+
+.frame .frame__nav {
+ flex: 0 0 auto;
+}
+
+.frame .frame__body {
+ flex: 1 1 auto;
+ overflow-y: auto;
+ /* Show the scrollbar when needed */
+ padding: 0 1rem;
+}
+
+.frame .frame__title {
+ color: #0f172a;
+ font-size: 1rem;
+ margin: 0.75rem auto 0;
+}
+
+.frame .frame__subtitle {
+ color: rgba(15, 23, 42, 0.6);
+ font-size: 1rem;
+ margin: 0 auto 0.75rem;
+}
+
+/* These styles can also be used on menus in the body */
+/* HEADER */
+.header {
+ flex-grow: 1;
+ width: 100%;
+ z-index: 100;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1);
+ background-color: var(--cirrus-bg);
+ max-height: 100vh;
+ padding: 0 2rem;
+ transition: all 0.3s;
+ display: flex;
+ --header-link-color: #495057;
+ --header-link-color-hover: #606a73;
+ /* Remove any padding set for headers in default.scss */
+ /* Header dark theme */
+ /* Add transition to nav menu when it drops down */
+ /* The container that contains all the header menu components. Child of header */
+ /* Static header at the top of the screen */
+ /* Hover effect for header elements when appropriate */
+}
+
+.header h1 {
+ margin: 0;
+}
+
+.header h2 {
+ margin: 0;
+}
+
+.header h3 {
+ margin: 0;
+}
+
+.header h4 {
+ margin: 0;
+}
+
+.header h5 {
+ margin: 0;
+}
+
+.header h6 {
+ margin: 0;
+}
+
+.header a {
+ color: var(--header-link-color);
+}
+
+.header a:hover {
+ color: var(--header-link-color-hover);
+}
+
+.header.header-dark {
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #fff;
+ --header-link-color: #fff;
+ --header-link-color-hover: #fff;
+ /* Theme for dark menu */
+}
+
+.header.header-clear {
+ background-color: transparent;
+ box-shadow: none;
+ /* Add border radius to whole menu with clear header */
+}
+
+.header.header-clear .nav-item .dropdown-menu {
+ border-radius: 4px;
+}
+
+.header.header-animated .header-nav {
+ transition: all 0.3s;
+}
+
+.header .header-nav {
+ /* Flex display 768px and higher */
+ overflow: auto;
+}
+
+.header .header-brand {
+ align-items: stretch;
+ display: flex;
+ flex-shrink: 0;
+ max-width: 100vw;
+ min-height: 3.25rem;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.header.header-fixed {
+ position: fixed;
+ top: 0;
+ /* Change this if you want to float the header somewhere else */
+}
+
+.header:not(.header-clear) .nav-item:not(.no-hover):hover, .header:not(.header-clear) .nav-item:not(.no-hover).hovered {
+ background-color: rgba(216, 216, 216, 0.15);
+ transition: all 0.3s;
+}
+
+.header:not(.header-clear) .nav-item.active, .header:not(.header-clear) .nav-item.active:hover {
+ background-color: rgba(216, 216, 216, 0.35);
+}
+
+.header .nav-btn {
+ cursor: pointer;
+ display: block;
+ height: 3.5rem;
+ position: relative;
+ width: 3.5rem;
+}
+
+.header .btn, .header button, .header [type=submit], .header [type=reset], .header [type=button] {
+ margin: 0;
+}
+
+/* Styles for header menu (aka the nav bar) */
+.nav-menu {
+ transition: all 0.3s;
+}
+
+.nav-menu .has-sub {
+ position: relative;
+}
+
+/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */
+.nav-overflow-x {
+ justify-content: inherit;
+ overflow-x: scroll;
+}
+
+/* Wrapper to vertically center header items */
+.nav-item {
+ align-items: center;
+ display: flex;
+ position: relative;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ transition: all 0.3s;
+ padding: 0 0.3rem;
+ cursor: pointer;
+ /* HEADER DROP DOWN MENU */
+ /* Add room for the dropdown chevron pseudoelement */
+}
+
+.nav-item a {
+ align-items: center;
+ display: flex;
+}
+
+.nav-item .dropdown-menu {
+ background-color: var(--cirrus-bg);
+ position: absolute;
+ top: 95%;
+ /*right: 0; /* Unable to solve problem when we have multiple drop down menus */
+ z-index: 1000;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ font-size: 14px;
+ text-align: left;
+ list-style: none;
+ background-clip: padding-box;
+ border: 1px solid #e9ecef;
+ border-radius: 0 0 4px 4px;
+ box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1);
+ /* Just add a transition in general */
+}
+
+.nav-item .dropdown-menu.dropdown-animated {
+ transition: all var(--animation-duration);
+}
+
+.nav-item .dropdown-menu > li > a {
+ display: block;
+ padding: 0.5rem 1rem;
+ clear: both;
+ line-height: 1.42857143;
+ white-space: nowrap;
+}
+
+.nav-item .dropdown-menu > li {
+ margin: 0;
+ transition: all 0.3s;
+}
+
+.nav-item .dropdown-menu > li:hover {
+ transition: all 0.3s;
+ background-color: rgba(216, 216, 216, 0.15);
+}
+
+.nav-item .dropdown-menu > li:active {
+ transition: all 0.3s;
+ background-color: rgba(216, 216, 216, 0.25);
+}
+
+.nav-item .dropdown-menu > li:last-child {
+ margin-bottom: 0;
+}
+
+.nav-item .dropdown-menu .dropdown-menu-divider {
+ border: none;
+ background-color: rgba(216, 216, 216, 0.15);
+ height: 1px;
+ margin: 0.5rem 0;
+}
+
+.nav-item.has-sub .nav-dropdown-link {
+ padding-right: 2.5rem;
+ position: relative;
+ /* Needed for hiding glyphs in mobile header */
+ /* Dropdown menu location adjustment located below for sizes above phones */
+ /* Dropdown menu indicator */
+}
+
+.nav-item.has-sub .nav-dropdown-link::after {
+ border: 2px solid #f03d4d;
+ /* Must be first to create the triangle shape */
+ border-right: 0;
+ /* Create the triangle effect */
+ border-top: 0;
+ display: block;
+ height: 0.5em;
+ width: 0.5em;
+ content: " ";
+ transform: rotate(-45deg);
+ pointer-events: none;
+ margin-top: -0.435em;
+ right: 1.125em;
+ top: 50%;
+ position: absolute;
+}
+
+/* Dark dropdown menu theme */
+.nav-item .dropdown-menu.dropdown-dark,
+.header.header-dark .dropdown-menu {
+ background-color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #343a40;
+ color: #fff;
+}
+
+.dropdown-menu.dropdown-shown,
+.nav-item.active {
+ opacity: 1;
+}
+
+@media screen and (min-width: 768px) {
+ .header {
+ align-items: stretch;
+ display: flex;
+ /* Align items to the left */
+ /* Align items to the right */
+ /* Centering items, best used when nav-brand is not used to prevent offset */
+ /* Hide hamburger button */
+ }
+
+ .header .header-nav {
+ flex-grow: 1;
+ align-items: stretch;
+ /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */
+ display: flex;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ top: 0;
+ overflow: visible;
+ /* Only visible for showing dropdown menus, hidden for mobile */
+ }
+
+ .header .nav-left {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-start;
+ white-space: nowrap;
+ /* Align dropdown menu to the left side of the parent nav-item for header-left */
+ }
+
+ .header .nav-left .has-sub .dropdown-menu {
+ left: 0;
+ right: auto;
+ }
+
+ .header .nav-right {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-end;
+ white-space: nowrap;
+ /* Align dropdown menu to the right side of the parent nav-item for header-right */
+ }
+
+ .header .nav-right .has-sub .dropdown-menu {
+ left: auto;
+ right: 0;
+ }
+
+ .header .nav-center {
+ align-items: stretch;
+ display: flex;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .header .nav-btn {
+ display: none;
+ }
+
+ .header .nav-item {
+ /* Expand link area for desktop views so it is easier to click */
+ }
+
+ .header .nav-item a {
+ padding: 0.5rem 1rem;
+ }
+
+ .header .nav-item .dropdown-menu {
+ opacity: 0;
+ pointer-events: none;
+ /* Make cursor not respond to menu links when not displayed */
+ }
+
+ .header .nav-item .dropdown-menu.dropdown-animated {
+ transform: translateY(-5px);
+ }
+
+ .header .nav-item .dropdown-menu.dropdown-shown, .header .nav-item.toggle-hover:hover .dropdown-menu,
+.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown {
+ opacity: 1;
+ transform: none;
+ pointer-events: auto;
+ }
+}
+@media screen and (max-width: 767px) {
+ /* Add scrolling support in header */
+ .header {
+ flex-direction: column;
+ /* Hide dropdown menu on mobile */
+ }
+
+ .header .header-brand .nav-item:first-child {
+ padding: 0 1rem;
+ /* Add padding to the first child, usually the logo */
+ }
+
+ .header .header-nav {
+ height: 0;
+ /* Show the dropdown */
+ /* Make the menu items larger in the dropdown menu */
+ /* Get rid of extra spaces */
+ }
+
+ .header .header-nav.active {
+ height: 100vh;
+ }
+
+ .header .header-nav .nav-item {
+ padding: 1rem;
+ }
+
+ .header .header-nav .nav-item > a {
+ padding: 0;
+ width: 100%;
+ /* Stretch the link to span the entire list item */
+ }
+
+ /* Remove flex for mobile devices */
+ .nav-item.has-sub {
+ display: block;
+ }
+
+ .nav-item.has-sub .dropdown-menu {
+ /* Hide the menu by default in mobile view (overflow on header-right can expose it) */
+ display: none;
+ }
+
+ .nav-item.has-sub .dropdown-menu.dropdown-shown {
+ border-radius: 0;
+ box-shadow: none;
+ display: block;
+ position: relative;
+ top: 1rem;
+ float: none;
+ border: none;
+ background-color: transparent;
+ margin-bottom: 1rem;
+ }
+
+ .nav-item.has-sub .dropdown-menu.dropdown-dark {
+ background-color: rgba(0, 0, 0, 0.17);
+ border: 0;
+ }
+
+ /* Hamburger button */
+ .nav-btn {
+ cursor: pointer;
+ display: block;
+ position: relative;
+ margin-left: auto;
+ /* Hamburger button on active */
+ }
+
+ .nav-btn span {
+ background-color: var(--header-link-color);
+ display: block;
+ height: 2px;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ top: 50%;
+ transition: all 86ms ease-out;
+ width: 15px;
+ /* Line spacing in hamburger button */
+ }
+
+ .nav-btn span:nth-child(1) {
+ margin-top: -6px;
+ }
+
+ .nav-btn span:nth-child(2) {
+ margin-top: -1px;
+ }
+
+ .nav-btn span:nth-child(3) {
+ margin-top: 4px;
+ }
+
+ .nav-btn.active span:nth-child(1) {
+ margin-left: -5px;
+ transform: rotate(45deg);
+ transform-origin: left top;
+ }
+
+ .nav-btn.active span:nth-child(2) {
+ opacity: 0;
+ }
+
+ .nav-btn.active span:nth-child(3) {
+ margin-left: -5px;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
+ }
+
+ /* Hide drop down menu items */
+ .nav-left,
+.nav-center,
+.nav-right {
+ overflow: hidden;
+ }
+
+ /* No need for JS to show dropdown menu on mobile devices now */
+ .header .nav-item.has-sub.toggle-hover:not(.no-hover):hover > .dropdown-menu {
+ border-radius: 0;
+ box-shadow: none;
+ display: block;
+ position: relative;
+ top: 1rem;
+ float: none;
+ border: none;
+ background-color: transparent;
+ margin-bottom: 1rem;
+ }
+}
+/* LINKS */
+a {
+ color: #5e5cc7;
+ font-weight: 600;
+ padding: 2px;
+ text-decoration: none;
+ transition: all 0.3s;
+}
+
+a:hover {
+ color: #4643e2;
+ transition: all 0.3s;
+}
+
+a.underline {
+ text-decoration: underline;
+}
+
+.subtitle a {
+ padding: 0;
+ /* Removes weird offset in subtitle links */
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
+article a,
+blockquote a {
+ display: inline;
+}
+
+/* Remove uneeded space since buttons have their own padding */
+a .btn,
+a button,
+[type=submit] a {
+ margin-bottom: 0;
+}
+
+/* LISTS */
+ul,
+ol {
+ margin: 1rem 0 1rem 1rem;
+ padding-inline-start: 0.5rem;
+ /* Handle nesting */
+}
+
+ul ul, ul ol,
+ol ul,
+ol ol {
+ margin: 0 0 0 1rem;
+}
+
+ul {
+ list-style: disc;
+ /* Nested list bullet types */
+}
+
+ul ul {
+ list-style-type: circle;
+}
+
+ul ul ul {
+ list-style-type: square;
+}
+
+ol ol {
+ list-style: lower-alpha;
+}
+
+ol ol ol {
+ list-style: upper-roman;
+}
+
+/* Description lists */
+dl {
+ margin: 1rem 0;
+}
+
+/* Detail title */
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+}
+
+li {
+ margin: 0.25rem 0;
+}
+
+/* MISC */
+ul {
+ /* MENU LISTS */
+ /* Style headers to have even space distribution. */
+ /* Style menu items */
+ /* Style sub menus inside a menu */
+ /* Menu item divider */
+ /* Title for the section separated by the divider */
+}
+
+ul.no-bullets {
+ list-style: none;
+}
+
+ul.menu {
+ font-size: 1rem;
+ list-style: none;
+ margin: 0.5rem 0;
+}
+
+ul .menu-title:not(:first-child) {
+ margin-bottom: 1rem;
+}
+
+ul .menu-title:not(:last-child) {
+ margin-top: 1rem;
+}
+
+ul .menu-item a {
+ color: #495057;
+ display: block;
+ padding: 0.5em 0.75em;
+ border-radius: 3px;
+ font-size: var(--font-size-s);
+ cursor: pointer;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item:hover > a {
+ background-color: rgba(208, 208, 208, 0.3);
+ color: #f03d4d;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item.selected > a {
+ color: #fff;
+ background-color: #f03d4d;
+}
+
+ul .menu-item .menu-addon {
+ padding: 0.3rem;
+ z-index: 1;
+ position: relative;
+ color: var(--cirrus-fg);
+ cursor: pointer;
+ float: left;
+ margin-right: 0.1rem;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item .menu-addon .icon {
+ font-size: inherit;
+ vertical-align: auto;
+}
+
+ul .menu-item .menu-addon:hover {
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item .menu-addon.right {
+ float: right;
+ margin-right: 0;
+ margin-left: 0.1rem;
+}
+
+ul .menu-item.selected .menu-addon {
+ color: #fff;
+}
+
+ul .menu-item ul {
+ border-left: 1px solid #dee2e6;
+ margin: 0.75rem;
+ padding-left: 0.75rem;
+}
+
+ul .divider {
+ border-top: 0.1rem solid #e9ecef;
+ height: 0.1rem;
+ margin: 1rem 0;
+}
+
+ul .divider::after {
+ content: attr(data-label);
+ /* Text that will be displayed */
+ background-color: var(--cirrus-bg);
+ color: #adb5bd;
+ display: inline-block;
+ padding: 0 0.7rem;
+ margin: 0.5rem;
+ font-size: 0.7rem;
+ transform: translateY(-1.1rem);
+}
+
+/* Dropdown menu for dropdown buttons */
+.list-dropdown {
+ display: inline-block;
+ position: relative;
+ /* Allow for shown and :focus selectors for JS and native CSS transitions */
+}
+
+.list-dropdown .menu {
+ position: absolute;
+ top: 75%;
+ left: 0;
+ animation: slide-down var(--animation-duration) ease 1;
+ background-color: var(--cirrus-bg);
+ border-radius: 0.2rem;
+ box-shadow: 0 1rem 3rem rgba(149, 157, 165, 0.3);
+ margin: 0;
+ opacity: 0;
+ min-width: 15rem;
+ padding: 0.25rem 0.5rem;
+ transform: translateY(0.5rem);
+ z-index: 10;
+ pointer-events: none;
+ /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */
+ overflow: hidden;
+ transition: all var(--animation-duration);
+}
+
+@media screen and (max-width: 767px) {
+ .list-dropdown .menu {
+ height: 0;
+ padding: 0 !important;
+ position: relative;
+ }
+}
+.list-dropdown.dropdown-right .menu {
+ left: auto;
+ right: 0;
+}
+
+.list-dropdown.shown .menu,
+.list-dropdown .btn-dropdown:focus + .menu,
+.list-dropdown .menu:hover {
+ display: block;
+ opacity: 1;
+ top: 100%;
+ z-index: 100;
+ pointer-events: auto;
+ /* Restore pointer events */
+ height: auto;
+ transition: all var(--animation-duration);
+}
+
+.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* TREE */
+/* Tree Navigation Menu */
+.tree {
+ margin: 0;
+}
+
+.tree .tree-item {
+ /* The title of the tree menu */
+ /* The dropdown glyph of the tree menu */
+ /* Expand the tree-item-body (has menu-items) */
+ /* Rotate the dropdown glyph */
+ /* Container for the menu-items of the tree menu */
+}
+
+.tree .tree-item .tree-item-header {
+ display: block;
+ padding: 0.25rem 0.5rem;
+ cursor: pointer;
+ font-weight: 700;
+ /* Keep styling consistent with menu-items */
+}
+
+.tree .tree-item .tree-item-header .icon {
+ transition: all var(--animation-duration);
+}
+
+.tree .tree-item input:checked ~ .tree-item-body {
+ max-height: 100vh;
+}
+
+.tree .tree-item input:checked ~ .tree-item-header .icon {
+ transform: rotate(90deg);
+}
+
+.tree .tree-item .tree-item-body {
+ max-height: 0;
+ /* Hidden at first */
+ margin-left: 1.5rem;
+ overflow: hidden;
+ transition: all var(--animation-duration);
+}
+
+/* The body that will encompass the tree-nav and tree-nav-content */
+.tree-nav-body {
+ display: flex;
+ height: 100vh;
+ flex-wrap: nowrap;
+ /* A fixed menu on the side with a tree component */
+ /* The container for the tree component to prevent it from overflowing */
+ /* Darkened area that will close the navbar when clicked for mobile only */
+ /* Push document body further right to account for sidebar space */
+ /* The body where all other HTML components are entered if a tree-nav is used */
+}
+
+.tree-nav-body .tree-nav {
+ flex-grow: 0;
+ flex-shrink: 1;
+ padding: 2rem 1rem 2rem 2rem;
+ min-width: 15rem;
+ height: 100vh;
+ overflow: auto;
+}
+
+.tree-nav-body .tree-nav-container {
+ overflow-y: auto;
+ top: 4rem;
+ bottom: 1rem;
+}
+
+.tree-nav-body + .tree-nav-close {
+ display: none;
+ /* Not needed in desktop */
+}
+
+.tree-nav-body + .tree-nav-content {
+ max-width: 100%;
+ padding: 2rem;
+ flex: 1 0 auto;
+ overflow: auto;
+ margin: 0;
+}
+
+.tree-nav-body .tree-nav-content {
+ width: 100%;
+ overflow: auto;
+ margin: 0;
+ padding: 2rem;
+}
+
+@media screen and (max-width: 767px) {
+ /* Hide the menu to the side by default */
+ .tree-nav {
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ padding: 3rem 1.5rem;
+ position: fixed;
+ top: 0;
+ transform: translateX(-100%);
+ transition: transform var(--animation-duration) ease;
+ z-index: 400;
+ /* Open the menu from the side */
+ /* Use a link and add the id of this element as the url */
+ /* Create the area to click to close the menu */
+ /* Reset max-width in mobile */
+ }
+
+ .tree-nav:target {
+ transform: translateX(0);
+ transition: transform var(--animation-duration) ease;
+ /* Show the darkened area when the tree nav menu is clicked */
+ }
+
+ .tree-nav:target + .tree-nav-close {
+ display: block;
+ background-color: rgba(0, 0, 0, 0.15);
+ height: 100%;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 300;
+ }
+
+ .tree-nav .tree-nav-close {
+ background-color: rgba(0, 0, 0, 0.15);
+ display: none;
+ height: 100%;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 300;
+ }
+
+ .tree-nav + .tree-nav-body {
+ max-width: inherit;
+ }
+
+ /* Header bar for mobile websites with the tree-nav */
+ .tree-nav-header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(248, 249, 250, 0.8);
+ height: 3.5rem;
+ padding: 0.75rem 0.5rem;
+ text-align: center;
+ z-index: 300;
+ }
+
+ /* For dropdown menu used in header (different from header dropdown) */
+ .nav-item.has-sub .list-dropdown {
+ width: 100%;
+ }
+
+ .nav-item.has-sub .list-dropdown .btn-group {
+ width: 100%;
+ }
+
+ .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
+ flex-grow: 0;
+ }
+
+ /* Show the dropdown menu in mobile hamburger menu relative with the header menu */
+ .list-dropdown .btn-dropdown:focus + .menu {
+ position: relative;
+ width: 100%;
+ }
+}
+.progress {
+ --progress-color: #f03d4d;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: #e9ecef;
+ border: none;
+ border-radius: 0.25rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+ height: 0.75rem;
+}
+
+.progress::-webkit-progress-bar {
+ background-color: transparent;
+}
+
+.progress::-webkit-progress-value {
+ background-color: var(--progress-color);
+}
+
+.progress::-moz-progress-bar {
+ background-color: var(--progress-color);
+}
+
+.progress::-ms-fill {
+ background-color: var(--progress-color);
+ border: none;
+}
+
+.progress.progress--xs {
+ height: 0.25rem;
+}
+
+.progress.progress--sm {
+ height: 0.5rem;
+}
+
+.progress.progress--md {
+ height: 0.75rem;
+}
+
+.progress.progress--lg {
+ height: 1rem;
+}
+
+.progress.progress--xl {
+ height: 1.25rem;
+}
+
+.progress.progress--primary {
+ --progress-color: #f03d4d;
+}
+
+.progress.progress--dark {
+ --progress-color: #363636;
+}
+
+.progress.progress--link {
+ --progress-color: #5e5cc7;
+}
+
+.progress.progress--info {
+ --progress-color: #2972fa;
+}
+
+.progress.progress--success {
+ --progress-color: #0dd157;
+}
+
+.progress.progress--warning {
+ --progress-color: #fab633;
+}
+
+.progress.progress--danger {
+ --progress-color: #fb4143;
+}
+
+.progress:indeterminate {
+ animation: progress-indeterminate 1.5s linear infinite;
+ background: #e9ecef linear-gradient(to right, var(--progress-color) 30%, #e9ecef 30%) top left/150% 150% no-repeat;
+}
+
+.progress:indeterminate::-webkit-progress-bar {
+ --progress-color: transparent;
+}
+
+.progress:indeterminate::-moz-progress-bar {
+ --progress-color: transparent;
+}
+
+.progress:indeterminate::-ms-fill {
+ animation-name: none;
+}
+
+@keyframes progress-indeterminate {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+}
+/* TABLE */
+.table-container {
+ overflow: auto;
+ overflow-y: hidden;
+ max-width: 100%;
+}
+
+.table {
+ margin-bottom: 1.5rem;
+ width: 100%;
+ border-collapse: collapse;
+ /* Allows us to set 0 margin in table cells */
+ border-spacing: 0;
+ text-align: center;
+ /* Text center by default */
+ /* Thicker border for table header */
+ /* CUSTOM STYLES */
+ /* All borders */
+ /* Striped table */
+ /* Decrease padding */
+ /* Fixed title table */
+ /* Borderless Table (for inner cells) */
+}
+
+.table td,
+.table th {
+ border: 1px solid rgba(222, 226, 230, 0.5);
+ border-width: 0 0 1px;
+ padding: 0.75rem;
+ vertical-align: top;
+ text-align: inherit;
+ margin: 0;
+}
+
+.table tr {
+ transition: all 0.3s;
+}
+
+.table tr.selected {
+ /* Style a selected row */
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.table .table caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #dee2e6;
+ text-align: left;
+ caption-side: bottom;
+}
+
+.table tr:not(.selected):hover, .table.striped tbody tr:not(.selected):nth-child(even):hover {
+ background-color: rgba(222, 226, 230, 0.15);
+}
+
+.table thead th,
+.table thead {
+ border-bottom: 2px solid rgba(222, 226, 230, 0.5);
+}
+
+.table thead th,
+.table tfoot th {
+ padding: 1rem;
+}
+
+.table tfoot th {
+ border-top: 2px solid rgba(222, 226, 230, 0.5);
+ border-bottom: none;
+}
+
+.table.bordered thead th,
+.table.bordered thead {
+ border-bottom: 1px solid rgba(222, 226, 230, 0.5);
+}
+
+.table.bordered td,
+.table.bordered th {
+ border: 1px solid rgba(219, 219, 219, 0.5);
+}
+
+.table.bordered thead td,
+.table.bordered thead {
+ border-width: 1px;
+}
+
+.table.striped tbody tr:nth-child(even) {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table.small td, .table.small th {
+ padding: 0.25rem 0.75rem;
+}
+
+.table.fixed-head thead {
+ position: relative;
+ display: block;
+}
+
+.table.fixed-head tbody {
+ min-height: 200px;
+ /* Set the height you want */
+ display: block;
+ /* Needed */
+ overflow: auto;
+ /* Shows scrollbars */
+}
+
+.table.fixed-head tr {
+ display: table;
+ width: 100%;
+ /* Forces row to span container */
+}
+
+.table.borderless thead th, .table.borderless th, .table.borderless td {
+ border: none;
+}
+
+.u-top-auto {
+ top: auto !important;
+}
+
+.u-top-0 {
+ top: 0 !important;
+}
+
+.u-top-50p {
+ top: 50% !important;
+}
+
+.u-top-100p {
+ top: 100% !important;
+}
+
+.u-top-n50p {
+ top: -50% !important;
+}
+
+.u-top-n100p {
+ top: -100% !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-top-auto-sm {
+ top: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-top-0-sm {
+ top: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-top-50p-sm {
+ top: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-top-100p-sm {
+ top: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-top-n50p-sm {
+ top: -50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-top-n100p-sm {
+ top: -100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-top-auto-md {
+ top: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-top-0-md {
+ top: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-top-50p-md {
+ top: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-top-100p-md {
+ top: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-top-n50p-md {
+ top: -50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-top-n100p-md {
+ top: -100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-top-auto-lg {
+ top: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-top-0-lg {
+ top: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-top-50p-lg {
+ top: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-top-100p-lg {
+ top: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-top-n50p-lg {
+ top: -50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-top-n100p-lg {
+ top: -100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-top-auto-xl {
+ top: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-top-0-xl {
+ top: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-top-50p-xl {
+ top: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-top-100p-xl {
+ top: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-top-n50p-xl {
+ top: -50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-top-n100p-xl {
+ top: -100% !important;
+ }
+}
+.u-left-auto {
+ left: auto !important;
+}
+
+.u-left-0 {
+ left: 0 !important;
+}
+
+.u-left-50p {
+ left: 50% !important;
+}
+
+.u-left-100p {
+ left: 100% !important;
+}
+
+.u-left-n50p {
+ left: -50% !important;
+}
+
+.u-left-n100p {
+ left: -100% !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-left-auto-sm {
+ left: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-left-0-sm {
+ left: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-left-50p-sm {
+ left: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-left-100p-sm {
+ left: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-left-n50p-sm {
+ left: -50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-left-n100p-sm {
+ left: -100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-left-auto-md {
+ left: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-left-0-md {
+ left: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-left-50p-md {
+ left: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-left-100p-md {
+ left: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-left-n50p-md {
+ left: -50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-left-n100p-md {
+ left: -100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-left-auto-lg {
+ left: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-left-0-lg {
+ left: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-left-50p-lg {
+ left: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-left-100p-lg {
+ left: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-left-n50p-lg {
+ left: -50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-left-n100p-lg {
+ left: -100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-left-auto-xl {
+ left: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-left-0-xl {
+ left: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-left-50p-xl {
+ left: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-left-100p-xl {
+ left: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-left-n50p-xl {
+ left: -50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-left-n100p-xl {
+ left: -100% !important;
+ }
+}
+.u-right-auto {
+ right: auto !important;
+}
+
+.u-right-0 {
+ right: 0 !important;
+}
+
+.u-right-50p {
+ right: 50% !important;
+}
+
+.u-right-100p {
+ right: 100% !important;
+}
+
+.u-right-n50p {
+ right: -50% !important;
+}
+
+.u-right-n100p {
+ right: -100% !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-right-auto-sm {
+ right: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-right-0-sm {
+ right: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-right-50p-sm {
+ right: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-right-100p-sm {
+ right: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-right-n50p-sm {
+ right: -50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-right-n100p-sm {
+ right: -100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-right-auto-md {
+ right: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-right-0-md {
+ right: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-right-50p-md {
+ right: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-right-100p-md {
+ right: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-right-n50p-md {
+ right: -50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-right-n100p-md {
+ right: -100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-right-auto-lg {
+ right: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-right-0-lg {
+ right: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-right-50p-lg {
+ right: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-right-100p-lg {
+ right: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-right-n50p-lg {
+ right: -50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-right-n100p-lg {
+ right: -100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-right-auto-xl {
+ right: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-right-0-xl {
+ right: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-right-50p-xl {
+ right: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-right-100p-xl {
+ right: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-right-n50p-xl {
+ right: -50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-right-n100p-xl {
+ right: -100% !important;
+ }
+}
+.u-bottom-auto {
+ bottom: auto !important;
+}
+
+.u-bottom-0 {
+ bottom: 0 !important;
+}
+
+.u-bottom-50p {
+ bottom: 50% !important;
+}
+
+.u-bottom-100p {
+ bottom: 100% !important;
+}
+
+.u-bottom-n50p {
+ bottom: -50% !important;
+}
+
+.u-bottom-n100p {
+ bottom: -100% !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-bottom-auto-sm {
+ bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bottom-0-sm {
+ bottom: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bottom-50p-sm {
+ bottom: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bottom-100p-sm {
+ bottom: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bottom-n50p-sm {
+ bottom: -50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bottom-n100p-sm {
+ bottom: -100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bottom-auto-md {
+ bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bottom-0-md {
+ bottom: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bottom-50p-md {
+ bottom: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bottom-100p-md {
+ bottom: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bottom-n50p-md {
+ bottom: -50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bottom-n100p-md {
+ bottom: -100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bottom-auto-lg {
+ bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bottom-0-lg {
+ bottom: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bottom-50p-lg {
+ bottom: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bottom-100p-lg {
+ bottom: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bottom-n50p-lg {
+ bottom: -50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bottom-n100p-lg {
+ bottom: -100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bottom-auto-xl {
+ bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bottom-0-xl {
+ bottom: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bottom-50p-xl {
+ bottom: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bottom-100p-xl {
+ bottom: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bottom-n50p-xl {
+ bottom: -50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bottom-n100p-xl {
+ bottom: -100% !important;
+ }
+}
+.u-clear-left {
+ clear: left !important;
+}
+
+.u-clear-right {
+ clear: right !important;
+}
+
+.u-clear-both {
+ clear: both !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-clear-left-sm {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-clear-right-sm {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-clear-both-sm {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-left-md {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-right-md {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-both-md {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-left-lg {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-right-lg {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-both-lg {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-left-xl {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-right-xl {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-both-xl {
+ clear: both !important;
+ }
+}
+/*
+ When using floats, clearfix allows the container to automatically resize so that
+ other elements are not blocked by children.
+*/
+.u-clearfix:after {
+ clear: both !important;
+ content: " ";
+ display: table !important;
+}
+
+.u-none {
+ display: none !important;
+}
+
+.u-inline {
+ display: inline !important;
+}
+
+.u-inline-block {
+ display: inline-block !important;
+}
+
+.u-block {
+ display: block !important;
+}
+
+.u-flex {
+ display: flex !important;
+}
+
+.u-inline-flex {
+ display: inline-flex !important;
+}
+
+.u-table {
+ display: table !important;
+}
+
+.u-table-row {
+ display: table-row !important;
+}
+
+.u-table-column {
+ display: table-column !important;
+}
+
+.u-table-cell {
+ display: table-cell !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-none-sm {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-sm {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-block-sm {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-block-sm {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-sm {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-flex-sm {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-sm {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-row-sm {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-column-sm {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-cell-sm {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-none-md {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-md {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-block-md {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-block-md {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-md {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-flex-md {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-md {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-row-md {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-column-md {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-cell-md {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-none-lg {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-lg {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-block-lg {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-block-lg {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-lg {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-flex-lg {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-lg {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-row-lg {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-column-lg {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-cell-lg {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-none-xl {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-xl {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-block-xl {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-block-xl {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-xl {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-flex-xl {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-xl {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-row-xl {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-column-xl {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-cell-xl {
+ display: table-cell !important;
+ }
+}
+.u-flex-row {
+ flex-direction: row !important;
+}
+
+.u-flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.u-flex-column {
+ flex-direction: column !important;
+}
+
+.u-flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-row-sm {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-row-reverse-sm {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-column-sm {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-column-reverse-sm {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-row-md {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-row-reverse-md {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-column-md {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-column-reverse-md {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-row-lg {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-row-reverse-lg {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-column-lg {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-column-reverse-lg {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-row-xl {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-row-reverse-xl {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-column-xl {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-column-reverse-xl {
+ flex-direction: column-reverse !important;
+ }
+}
+.u-justify-flex-start {
+ justify-content: flex-start !important;
+}
+
+.u-justify-center {
+ justify-content: center !important;
+}
+
+.u-justify-flex-end {
+ justify-content: flex-end !important;
+}
+
+.u-justify-space-between {
+ justify-content: space-between !important;
+}
+
+.u-justify-space-around {
+ justify-content: space-around !important;
+}
+
+.u-justify-space-evenly {
+ justify-content: space-evenly !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-justify-flex-start-sm {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-center-sm {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-flex-end-sm {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-between-sm {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-around-sm {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-evenly-sm {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-flex-start-md {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-center-md {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-flex-end-md {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-between-md {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-around-md {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-evenly-md {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-flex-start-lg {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-center-lg {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-flex-end-lg {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-between-lg {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-around-lg {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-evenly-lg {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-flex-start-xl {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-center-xl {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-flex-end-xl {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-between-xl {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-around-xl {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-evenly-xl {
+ justify-content: space-evenly !important;
+ }
+}
+.u-items-stretch {
+ align-items: stretch !important;
+}
+
+.u-items-flex-start {
+ align-items: flex-start !important;
+}
+
+.u-items-center {
+ align-items: center !important;
+}
+
+.u-items-flex-end {
+ align-items: flex-end !important;
+}
+
+.u-items-baseline {
+ align-items: baseline !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-items-stretch-sm {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-flex-start-sm {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-center-sm {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-flex-end-sm {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-baseline-sm {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-stretch-md {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-flex-start-md {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-center-md {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-flex-end-md {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-baseline-md {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-stretch-lg {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-flex-start-lg {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-center-lg {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-flex-end-lg {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-baseline-lg {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-stretch-xl {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-flex-start-xl {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-center-xl {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-flex-end-xl {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-baseline-xl {
+ align-items: baseline !important;
+ }
+}
+.u-flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.u-flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-grow-0-sm {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-grow-1-sm {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-grow-0-md {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-grow-1-md {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-grow-0-lg {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-grow-1-lg {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-grow-0-xl {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-grow-1-xl {
+ flex-grow: 1 !important;
+ }
+}
+.u-flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.u-flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-shrink-0-sm {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-shrink-1-sm {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-shrink-0-md {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-shrink-1-md {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-shrink-0-lg {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-shrink-1-lg {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-shrink-0-xl {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-shrink-1-xl {
+ flex-shrink: 1 !important;
+ }
+}
+.u-flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.u-flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.u-flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-wrap-sm {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-wrap-reverse-sm {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-nowrap-sm {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-wrap-md {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-wrap-reverse-md {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-nowrap-md {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-wrap-lg {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-wrap-reverse-lg {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-nowrap-lg {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-wrap-xl {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-wrap-reverse-xl {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-nowrap-xl {
+ flex-wrap: nowrap !important;
+ }
+}
+.u-gap-0 {
+ gap: 0rem !important;
+}
+
+.u-gap-1 {
+ gap: 0.5rem !important;
+}
+
+.u-gap-2 {
+ gap: 1rem !important;
+}
+
+.u-gap-3 {
+ gap: 1.5rem !important;
+}
+
+.u-gap-4 {
+ gap: 2rem !important;
+}
+
+.u-gap-5 {
+ gap: 2.5rem !important;
+}
+
+.u-gap-6 {
+ gap: 3rem !important;
+}
+
+.u-gap-8 {
+ gap: 4rem !important;
+}
+
+.u-gap-10 {
+ gap: 5rem !important;
+}
+
+.u-gap-12 {
+ gap: 6rem !important;
+}
+
+.u-gap-16 {
+ gap: 8rem !important;
+}
+
+.u-gap-20 {
+ gap: 10rem !important;
+}
+
+.u-gap-24 {
+ gap: 12rem !important;
+}
+
+.u-gap-32 {
+ gap: 16rem !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-gap-0-sm {
+ gap: 0rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-1-sm {
+ gap: 0.5rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-2-sm {
+ gap: 1rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-3-sm {
+ gap: 1.5rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-4-sm {
+ gap: 2rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-5-sm {
+ gap: 2.5rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-6-sm {
+ gap: 3rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-8-sm {
+ gap: 4rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-10-sm {
+ gap: 5rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-12-sm {
+ gap: 6rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-16-sm {
+ gap: 8rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-20-sm {
+ gap: 10rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-24-sm {
+ gap: 12rem !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-gap-32-sm {
+ gap: 16rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-0-md {
+ gap: 0rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-1-md {
+ gap: 0.5rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-2-md {
+ gap: 1rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-3-md {
+ gap: 1.5rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-4-md {
+ gap: 2rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-5-md {
+ gap: 2.5rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-6-md {
+ gap: 3rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-8-md {
+ gap: 4rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-10-md {
+ gap: 5rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-12-md {
+ gap: 6rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-16-md {
+ gap: 8rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-20-md {
+ gap: 10rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-24-md {
+ gap: 12rem !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-gap-32-md {
+ gap: 16rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-0-lg {
+ gap: 0rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-1-lg {
+ gap: 0.5rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-2-lg {
+ gap: 1rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-3-lg {
+ gap: 1.5rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-4-lg {
+ gap: 2rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-5-lg {
+ gap: 2.5rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-6-lg {
+ gap: 3rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-8-lg {
+ gap: 4rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-10-lg {
+ gap: 5rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-12-lg {
+ gap: 6rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-16-lg {
+ gap: 8rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-20-lg {
+ gap: 10rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-24-lg {
+ gap: 12rem !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-gap-32-lg {
+ gap: 16rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-0-xl {
+ gap: 0rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-1-xl {
+ gap: 0.5rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-2-xl {
+ gap: 1rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-3-xl {
+ gap: 1.5rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-4-xl {
+ gap: 2rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-5-xl {
+ gap: 2.5rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-6-xl {
+ gap: 3rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-8-xl {
+ gap: 4rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-10-xl {
+ gap: 5rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-12-xl {
+ gap: 6rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-16-xl {
+ gap: 8rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-20-xl {
+ gap: 10rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-24-xl {
+ gap: 12rem !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-gap-32-xl {
+ gap: 16rem !important;
+ }
+}
+/* UTILS */
+/* Utility classes to help solve some very annoying issues */
+.u-pull-left {
+ float: left !important;
+}
+
+.u-pull-right {
+ float: right !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-pull-left-sm {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-pull-right-sm {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-pull-left-md {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-pull-right-md {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-pull-left-lg {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-pull-right-lg {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-pull-left-xl {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-pull-right-xl {
+ float: right !important;
+ }
+}
+.u-text-justify {
+ text-align: justify !important;
+}
+
+.u-text-left {
+ text-align: left !important;
+}
+
+.u-text-right {
+ text-align: right !important;
+}
+
+.u-text-center {
+ text-align: center !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-text-justify-sm {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-left-sm {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-right-sm {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-center-sm {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-justify-md {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-left-md {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-right-md {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-center-md {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-justify-lg {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-left-lg {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-right-lg {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-center-lg {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-justify-xl {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-left-xl {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-right-xl {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-center-xl {
+ text-align: center !important;
+ }
+}
+.u-text-ellipsis {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.u-text-break {
+ hyphens: auto;
+ word-break: break-word;
+ word-wrap: break-word;
+}
+
+/* Center element - best used for hero bodies or text */
+.u-center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto;
+ flex-wrap: wrap;
+}
+
+.u-center-alt,
+.u-center-alt:hover,
+.u-center-alt:active {
+ /* If flexbox method fails, this works for elements with unknown dimensions */
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.u-overlay {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ position: absolute;
+}
+
+.u-disabled {
+ cursor: not-allowed !important;
+ pointer-events: none !important;
+}
+
+.u-unselectable {
+ user-select: none !important;
+}
+
+.u-no-outline {
+ outline: 0px !important;
+}
+
+.u-opacity-0 {
+ opacity: 0 !important;
+}
+
+.u-opacity-10 {
+ opacity: 0.1 !important;
+}
+
+.u-opacity-20 {
+ opacity: 0.2 !important;
+}
+
+.u-opacity-30 {
+ opacity: 0.3 !important;
+}
+
+.u-opacity-40 {
+ opacity: 0.4 !important;
+}
+
+.u-opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.u-opacity-60 {
+ opacity: 0.6 !important;
+}
+
+.u-opacity-70 {
+ opacity: 0.7 !important;
+}
+
+.u-opacity-80 {
+ opacity: 0.8 !important;
+}
+
+.u-opacity-90 {
+ opacity: 0.9 !important;
+}
+
+.u-opacity-100 {
+ opacity: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-opacity-0-sm {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-10-sm {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-20-sm {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-30-sm {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-40-sm {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-50-sm {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-60-sm {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-70-sm {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-80-sm {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-90-sm {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-100-sm {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-0-md {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-10-md {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-20-md {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-30-md {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-40-md {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-50-md {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-60-md {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-70-md {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-80-md {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-90-md {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-100-md {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-0-lg {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-10-lg {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-20-lg {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-30-lg {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-40-lg {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-50-lg {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-60-lg {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-70-lg {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-80-lg {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-90-lg {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-100-lg {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-0-xl {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-10-xl {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-20-xl {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-30-xl {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-40-xl {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-50-xl {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-60-xl {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-70-xl {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-80-xl {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-90-xl {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-100-xl {
+ opacity: 1 !important;
+ }
+}
+.u-bg-opacity-0 {
+ --bg-opacity: 0;
+}
+
+.u-bg-opacity-10 {
+ --bg-opacity: 0.1;
+}
+
+.u-bg-opacity-20 {
+ --bg-opacity: 0.2;
+}
+
+.u-bg-opacity-30 {
+ --bg-opacity: 0.3;
+}
+
+.u-bg-opacity-40 {
+ --bg-opacity: 0.4;
+}
+
+.u-bg-opacity-50 {
+ --bg-opacity: 0.5;
+}
+
+.u-bg-opacity-60 {
+ --bg-opacity: 0.6;
+}
+
+.u-bg-opacity-70 {
+ --bg-opacity: 0.7;
+}
+
+.u-bg-opacity-80 {
+ --bg-opacity: 0.8;
+}
+
+.u-bg-opacity-90 {
+ --bg-opacity: 0.9;
+}
+
+.u-bg-opacity-100 {
+ --bg-opacity: 1;
+}
+
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-0-sm {
+ --bg-opacity: 0;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-10-sm {
+ --bg-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-20-sm {
+ --bg-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-30-sm {
+ --bg-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-40-sm {
+ --bg-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-50-sm {
+ --bg-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-60-sm {
+ --bg-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-70-sm {
+ --bg-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-80-sm {
+ --bg-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-90-sm {
+ --bg-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-bg-opacity-100-sm {
+ --bg-opacity: 1;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-0-md {
+ --bg-opacity: 0;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-10-md {
+ --bg-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-20-md {
+ --bg-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-30-md {
+ --bg-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-40-md {
+ --bg-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-50-md {
+ --bg-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-60-md {
+ --bg-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-70-md {
+ --bg-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-80-md {
+ --bg-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-90-md {
+ --bg-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-bg-opacity-100-md {
+ --bg-opacity: 1;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-0-lg {
+ --bg-opacity: 0;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-10-lg {
+ --bg-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-20-lg {
+ --bg-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-30-lg {
+ --bg-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-40-lg {
+ --bg-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-50-lg {
+ --bg-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-60-lg {
+ --bg-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-70-lg {
+ --bg-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-80-lg {
+ --bg-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-90-lg {
+ --bg-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-bg-opacity-100-lg {
+ --bg-opacity: 1;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-0-xl {
+ --bg-opacity: 0;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-10-xl {
+ --bg-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-20-xl {
+ --bg-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-30-xl {
+ --bg-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-40-xl {
+ --bg-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-50-xl {
+ --bg-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-60-xl {
+ --bg-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-70-xl {
+ --bg-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-80-xl {
+ --bg-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-90-xl {
+ --bg-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-bg-opacity-100-xl {
+ --bg-opacity: 1;
+ }
+}
+.u-color-opacity-0 {
+ --color-opacity: 0;
+}
+
+.u-color-opacity-10 {
+ --color-opacity: 0.1;
+}
+
+.u-color-opacity-20 {
+ --color-opacity: 0.2;
+}
+
+.u-color-opacity-30 {
+ --color-opacity: 0.3;
+}
+
+.u-color-opacity-40 {
+ --color-opacity: 0.4;
+}
+
+.u-color-opacity-50 {
+ --color-opacity: 0.5;
+}
+
+.u-color-opacity-60 {
+ --color-opacity: 0.6;
+}
+
+.u-color-opacity-70 {
+ --color-opacity: 0.7;
+}
+
+.u-color-opacity-80 {
+ --color-opacity: 0.8;
+}
+
+.u-color-opacity-90 {
+ --color-opacity: 0.9;
+}
+
+.u-color-opacity-100 {
+ --color-opacity: 1;
+}
+
+@media screen and (min-width: 640px) {
+ .u-color-opacity-0-sm {
+ --color-opacity: 0;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-10-sm {
+ --color-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-20-sm {
+ --color-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-30-sm {
+ --color-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-40-sm {
+ --color-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-50-sm {
+ --color-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-60-sm {
+ --color-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-70-sm {
+ --color-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-80-sm {
+ --color-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-90-sm {
+ --color-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-color-opacity-100-sm {
+ --color-opacity: 1;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-0-md {
+ --color-opacity: 0;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-10-md {
+ --color-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-20-md {
+ --color-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-30-md {
+ --color-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-40-md {
+ --color-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-50-md {
+ --color-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-60-md {
+ --color-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-70-md {
+ --color-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-80-md {
+ --color-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-90-md {
+ --color-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-color-opacity-100-md {
+ --color-opacity: 1;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-0-lg {
+ --color-opacity: 0;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-10-lg {
+ --color-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-20-lg {
+ --color-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-30-lg {
+ --color-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-40-lg {
+ --color-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-50-lg {
+ --color-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-60-lg {
+ --color-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-70-lg {
+ --color-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-80-lg {
+ --color-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-90-lg {
+ --color-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-color-opacity-100-lg {
+ --color-opacity: 1;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-0-xl {
+ --color-opacity: 0;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-10-xl {
+ --color-opacity: 0.1;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-20-xl {
+ --color-opacity: 0.2;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-30-xl {
+ --color-opacity: 0.3;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-40-xl {
+ --color-opacity: 0.4;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-50-xl {
+ --color-opacity: 0.5;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-60-xl {
+ --color-opacity: 0.6;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-70-xl {
+ --color-opacity: 0.7;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-80-xl {
+ --color-opacity: 0.8;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-90-xl {
+ --color-opacity: 0.9;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-color-opacity-100-xl {
+ --color-opacity: 1;
+ }
+}
+.u-overflow-auto {
+ overflow: auto !important;
+}
+
+.u-overflow-hidden {
+ overflow: hidden !important;
+}
+
+.u-overflow-visible {
+ overflow: visible !important;
+}
+
+.u-overflow-scroll {
+ overflow: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-auto-sm {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-hidden-sm {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-visible-sm {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-scroll-sm {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-auto-md {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-hidden-md {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-visible-md {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-scroll-md {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-auto-lg {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-hidden-lg {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-visible-lg {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-scroll-lg {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-auto-xl {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-hidden-xl {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-visible-xl {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-scroll-xl {
+ overflow: scroll !important;
+ }
+}
+.u-overflow-x-auto {
+ overflow-x: auto !important;
+}
+
+.u-overflow-x-hidden {
+ overflow-x: hidden !important;
+}
+
+.u-overflow-x-visible {
+ overflow-x: visible !important;
+}
+
+.u-overflow-x-scroll {
+ overflow-x: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-x-auto-sm {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-hidden-sm {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-visible-sm {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-scroll-sm {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-auto-md {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-hidden-md {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-visible-md {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-scroll-md {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-auto-lg {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-hidden-lg {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-visible-lg {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-scroll-lg {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-auto-xl {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-hidden-xl {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-visible-xl {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-scroll-xl {
+ overflow-x: scroll !important;
+ }
+}
+.u-overflow-y-auto {
+ overflow-y: auto !important;
+}
+
+.u-overflow-y-hidden {
+ overflow-y: hidden !important;
+}
+
+.u-overflow-y-visible {
+ overflow-y: visible !important;
+}
+
+.u-overflow-y-scroll {
+ overflow-y: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-y-auto-sm {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-hidden-sm {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-visible-sm {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-scroll-sm {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-auto-md {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-hidden-md {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-visible-md {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-scroll-md {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-auto-lg {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-hidden-lg {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-visible-lg {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-scroll-lg {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-auto-xl {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-hidden-xl {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-visible-xl {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-scroll-xl {
+ overflow-y: scroll !important;
+ }
+}
+.u-static {
+ position: static !important;
+}
+
+.u-fixed {
+ position: fixed !important;
+}
+
+.u-absolute {
+ position: absolute !important;
+}
+
+.u-relative {
+ position: relative !important;
+}
+
+.u-sticky {
+ position: sticky !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-static-sm {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-fixed-sm {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-absolute-sm {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-relative-sm {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-sticky-sm {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-static-md {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-fixed-md {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-absolute-md {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-relative-md {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-sticky-md {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-static-lg {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-fixed-lg {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-absolute-lg {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-relative-lg {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-sticky-lg {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-static-xl {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-fixed-xl {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-absolute-xl {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-relative-xl {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-sticky-xl {
+ position: sticky !important;
+ }
+}
+.u-round-none {
+ border-radius: 0px;
+}
+
+.u-round-xs {
+ border-radius: 0.25rem;
+}
+
+.u-round-sm {
+ border-radius: 0.5rem;
+}
+
+.u-round-md {
+ border-radius: 0.75rem;
+}
+
+.u-round-lg {
+ border-radius: 1rem;
+}
+
+.u-round-xl {
+ border-radius: 1.25rem;
+}
+
+.u-round-full {
+ border-radius: 9001px;
+}
+
+.u-shadow-none {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-xs {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-sm {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-md {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-lg {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-xl {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-inset {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+@media screen and (min-width: 640px) {
+ .u-shadow-none-sm {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xs-sm {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-sm-sm {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-md-sm {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-lg-sm {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xl-sm {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-inset-sm {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-shadow-none-md {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xs-md {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-sm-md {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-md-md {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-lg-md {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xl-md {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-inset-md {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-shadow-none-lg {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xs-lg {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-sm-lg {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-md-lg {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-lg-lg {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xl-lg {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-inset-lg {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-shadow-none-xl {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xs-xl {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-sm-xl {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-md-xl {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-lg-xl {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-xl-xl {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+ }
+
+ .u-shadow-inset-xl {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+ }
+}
+.u-z-n1 {
+ z-index: -1 !important;
+}
+
+.u-z-0 {
+ z-index: 0 !important;
+}
+
+.u-z-1 {
+ z-index: 1 !important;
+}
+
+.u-z-10 {
+ z-index: 10 !important;
+}
+
+.u-z-20 {
+ z-index: 20 !important;
+}
+
+.u-z-30 {
+ z-index: 30 !important;
+}
+
+.u-z-40 {
+ z-index: 40 !important;
+}
+
+.u-z-50 {
+ z-index: 50 !important;
+}
+
+.u-z-auto {
+ z-index: auto !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-z-n1-sm {
+ z-index: -1 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-0-sm {
+ z-index: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-1-sm {
+ z-index: 1 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-10-sm {
+ z-index: 10 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-20-sm {
+ z-index: 20 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-30-sm {
+ z-index: 30 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-40-sm {
+ z-index: 40 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-50-sm {
+ z-index: 50 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-z-auto-sm {
+ z-index: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-n1-md {
+ z-index: -1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-0-md {
+ z-index: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-1-md {
+ z-index: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-10-md {
+ z-index: 10 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-20-md {
+ z-index: 20 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-30-md {
+ z-index: 30 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-40-md {
+ z-index: 40 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-50-md {
+ z-index: 50 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-z-auto-md {
+ z-index: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-n1-lg {
+ z-index: -1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-0-lg {
+ z-index: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-1-lg {
+ z-index: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-10-lg {
+ z-index: 10 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-20-lg {
+ z-index: 20 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-30-lg {
+ z-index: 30 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-40-lg {
+ z-index: 40 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-50-lg {
+ z-index: 50 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-z-auto-lg {
+ z-index: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-n1-xl {
+ z-index: -1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-0-xl {
+ z-index: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-1-xl {
+ z-index: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-10-xl {
+ z-index: 10 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-20-xl {
+ z-index: 20 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-30-xl {
+ z-index: 30 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-40-xl {
+ z-index: 40 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-50-xl {
+ z-index: 50 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-z-auto-xl {
+ z-index: auto !important;
+ }
+}
+/* Avatar */
+.avatar {
+ border-radius: 50%;
+ position: relative;
+ display: block;
+ margin: auto;
+ font-size: 1.5rem;
+ font-weight: lighter;
+ width: 3.2rem;
+ height: 3.2rem;
+ background-color: #f03d4d;
+ overflow: hidden;
+ /* Draw text on image just like in Gmail */
+}
+
+.avatar::before {
+ content: attr(data-text);
+ color: currentColor;
+ left: 50%;
+ top: 50%;
+ position: absolute;
+ transform: translate(-50%, -50%);
+}
+
+.avatar.avatar--xs {
+ font-size: 0.8rem;
+ width: 1.6rem;
+ height: 1.6rem;
+}
+
+.avatar.avatar--sm {
+ font-size: 1rem;
+ width: 2.4rem;
+ height: 2.4rem;
+}
+
+.avatar.avatar--lg {
+ font-size: 2rem;
+ width: 4.8rem;
+ height: 4.8rem;
+}
+
+.avatar.avatar--xl {
+ font-size: 3rem;
+ width: 6.4rem;
+ height: 6.4rem;
+}
+
+.avatar img.padded {
+ padding: 0.5rem;
+ width: 100%;
+}
+
+.breadcrumb {
+ margin: 0.5rem 0;
+ padding: 0.5rem 0;
+ align-items: flex-start;
+ display: flex;
+ justify-content: flex-start;
+ list-style: none;
+ white-space: nowrap;
+}
+
+.breadcrumb.breadcrumb--center {
+ justify-content: center;
+}
+
+.breadcrumb.breadcrumb--right {
+ justify-content: flex-end;
+}
+
+.breadcrumb.breadcrumb--arrow .breadcrumb__item:not(:first-child)::before {
+ content: "→";
+}
+
+.breadcrumb.breadcrumb--bullet .breadcrumb__item:not(:first-child)::before {
+ content: "•";
+}
+
+.breadcrumb.breadcrumb--dot .breadcrumb__item:not(:first-child)::before {
+ content: "·";
+}
+
+.breadcrumb.breadcrumb--gt .breadcrumb__item:not(:first-child)::before {
+ content: "≻";
+}
+
+.breadcrumb .breadcrumb__item {
+ margin: 0;
+}
+
+.breadcrumb .breadcrumb__item:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.breadcrumb .breadcrumb__item:not(:first-child)::before {
+ content: "/";
+ padding-right: 0.5rem;
+}
+
+.breadcrumb .breadcrumb__item.breadcrumb__item--active {
+ cursor: default;
+ pointer-events: none;
+}
+
+.breadcrumb .breadcrumb__item.breadcrumb__item--active a {
+ color: #0f172a;
+}
+
+/* CARDS */
+.card {
+ background-color: #fff;
+ backface-visibility: hidden;
+ border-radius: 5px;
+ box-shadow: 0px 5px 12px 0 rgba(42, 51, 83, 0.12), 0px 0px 5px rgba(0, 0, 0, 0.06);
+ margin-bottom: 1rem;
+ overflow: hidden;
+ position: relative;
+ transition: all 0.3s;
+ /* Allow for the cards to have the same height when u-flex is used on the card */
+ /*
+ NOTE: To have cards with the same height, place the card class with col-x classes and have the parent have fluid-container.
+ */
+ /* Card Title Bar */
+}
+
+.card:hover {
+ transition: all 0.3s;
+ box-shadow: 0px 8px 20px 0 rgba(42, 51, 83, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06);
+}
+
+.card:hover .card-image::after {
+ opacity: 0;
+}
+
+.card.slide-up, .card.card--slide-up {
+ display: flex;
+ flex-direction: column;
+ max-height: 550px;
+ /* More card components in second example */
+}
+
+.card.slide-up:hover .card-body,
+.card.slide-up:hover .card__body, .card.card--slide-up:hover .card-body,
+.card.card--slide-up:hover .card__body {
+ opacity: 1;
+}
+
+.card.slide-up:hover .card-image,
+.card.slide-up:hover .card__image, .card.card--slide-up:hover .card-image,
+.card.card--slide-up:hover .card__image {
+ transform: translateY(-40px);
+}
+
+.card.slide-up:hover .mobile-title,
+.card.slide-up:hover .card__mobile-title, .card.card--slide-up:hover .mobile-title,
+.card.card--slide-up:hover .card__mobile-title {
+ bottom: 35%;
+ transition: all 0.3s ease-in-out;
+}
+
+.card.slide-up .mobile-title,
+.card.slide-up .card__mobile-title, .card.card--slide-up .mobile-title,
+.card.card--slide-up .card__mobile-title {
+ position: absolute;
+ left: 0;
+ bottom: 5rem;
+ background-color: var(--cirrus-bg);
+ -moz-transition: 0.3s ease-in-out;
+ -ms-transition: all 0.3s ease-in-out;
+ transition: 0.3s ease-in-out;
+ width: 100%;
+ padding: 1.5rem 0 0 0;
+ backface-visibility: hidden;
+}
+
+.card.slide-up .card-body,
+.card.slide-up .card__body, .card.card--slide-up .card-body,
+.card.card--slide-up .card__body {
+ opacity: 0;
+ overflow: auto;
+ transition: all var(--animation-duration) ease-in-out;
+}
+
+.card.u-flex .content {
+ flex-grow: 1;
+}
+
+.card p {
+ margin: 1rem 0;
+}
+
+.card .card-image,
+.card .card__image {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-radius: 5px 5px 0 0;
+ background-size: cover;
+ background-repeat: no-repeat;
+ transition: all 0.3s ease-in-out;
+}
+
+.card .card-image::after,
+.card .card__image::after {
+ content: "";
+ display: block;
+ position: absolute;
+ background-color: rgba(0, 0, 0, 0.1);
+ top: 0;
+ left: 0;
+ right: 0;
+ transition: all 500ms;
+ bottom: 0;
+}
+
+.card .card-container,
+.card .card__container {
+ display: block;
+ position: relative;
+ height: 40%;
+ min-height: 21rem;
+ /* So it appears in html5 standards mode */
+}
+
+.card .title-container,
+.card .card__title-container {
+ position: absolute;
+ bottom: 1rem;
+ width: 100%;
+ padding: 0 1rem;
+}
+
+.card .title-container .title,
+.card .title-container .subtitle,
+.card .card__title-container .title,
+.card .card__title-container .subtitle {
+ color: #fff;
+ margin: 1rem auto;
+}
+
+.card .title-container .title,
+.card .card__title-container .title {
+ font-weight: 300;
+ font-size: 1.5rem;
+ margin-bottom: 0;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+}
+
+.card .action-bar,
+.card .card__action-bar {
+ user-select: none;
+ padding: 0.5rem;
+ margin: 0;
+ border-top: 1px solid #e9ecef;
+ box-sizing: border-box;
+ transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
+ /* Add some padding to the buttons */
+}
+
+.card .action-bar .btn, .card .action-bar button, .card .action-bar [type=submit], .card .action-bar [type=reset], .card .action-bar [type=button],
+.card .card__action-bar .btn,
+.card .card__action-bar button,
+.card .card__action-bar [type=submit],
+.card .card__action-bar [type=reset],
+.card .card__action-bar [type=button] {
+ margin: 0 0.5rem;
+}
+
+.card .action-bar + .card-footer, .card .action-bar + .card__footer,
+.card .card__action-bar + .card-footer,
+.card .card__action-bar + .card__footer {
+ padding: 1rem 0;
+ border-top: 1px solid #e9ecef;
+}
+
+.card .card-footer,
+.card .card__footer {
+ position: relative;
+ font-size: 0.875rem;
+ color: #868e96;
+}
+
+.card .card-head,
+.card .card__header {
+ align-items: stretch;
+ display: flex;
+ border-bottom: 1px solid #e9ecef;
+}
+
+/* Mixins */
+/* EXTENDED FORM */
+/* Base class layout for extended form */
+.form-ext-control {
+ padding-left: 1.5rem;
+ position: relative;
+ /* Checkbox */
+ /* Radio Button */
+ /* Hides the original input */
+ /* Toggle Switches */
+}
+
+.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after {
+ 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");
+}
+
+.form-ext-control.form-ext-checkbox .form-ext-label:before {
+ border-radius: 0.25rem;
+}
+
+.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after {
+ 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");
+}
+
+.form-ext-control.form-ext-radio .form-ext-label:before {
+ border-radius: 50%;
+}
+
+.form-ext-control .form-ext-input {
+ opacity: 0;
+ position: absolute;
+ z-index: -1;
+ /* Checked state */
+}
+
+.form-ext-control .form-ext-input:disabled ~ .form-ext-label {
+ opacity: 0.4;
+}
+
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
+ background-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--primary:checked ~ .form-ext-label {
+ color: #f03d4d;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--primary:checked ~ .form-ext-label:before {
+ background-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--primary:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label {
+ color: #363636;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label:before {
+ background-color: #363636;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--dark:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label {
+ color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label:before {
+ background-color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--link:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label {
+ color: #2972fa;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label:before {
+ background-color: #2972fa;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--info:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label {
+ color: #0dd157;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before {
+ background-color: #0dd157;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label {
+ color: #fab633;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label:before {
+ background-color: #fab633;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--warning:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label {
+ color: #fb4143;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label:before {
+ background-color: #fb4143;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--danger:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input:disabled ~ .form-ext-toggle__toggler {
+ opacity: 0.5;
+}
+
+.form-ext-control .form-ext-toggle__label {
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+}
+
+.form-ext-control .form-ext-toggle {
+ cursor: pointer;
+ position: relative;
+ /* Toggle themes */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox],
+.form-ext-control .form-ext-toggle input[type=radio] {
+ opacity: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler {
+ border: 1px solid #d5d7dc;
+ border-radius: 6.25rem;
+ color: #d5d7dc;
+ display: block;
+ font-size: 9px;
+ height: 1.5rem;
+ position: relative;
+ width: 3rem;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i {
+ display: inline-block;
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+ color: #fff;
+ position: relative;
+ transition: all 0.4s ease;
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler i::after,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler i::after {
+ background-color: #fff;
+ left: calc(100% - 20px);
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler i::before {
+ color: #fff;
+ content: attr(data-check-icon);
+ text-align: left;
+}
+
+.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 {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler {
+ border-color: #f03d4d;
+ color: #f03d4d;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler i::after {
+ background-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--primary .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #363636;
+ border-color: #363636;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler {
+ border-color: #363636;
+ color: #363636;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler i::after {
+ background-color: #363636;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #5e5cc7;
+ border-color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler {
+ border-color: #5e5cc7;
+ color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler i::after {
+ background-color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #2972fa;
+ border-color: #2972fa;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler {
+ border-color: #2972fa;
+ color: #2972fa;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler i::after {
+ background-color: #2972fa;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #0dd157;
+ border-color: #0dd157;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler {
+ border-color: #0dd157;
+ color: #0dd157;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler i::after {
+ background-color: #0dd157;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #fab633;
+ border-color: #fab633;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler {
+ border-color: #fab633;
+ color: #fab633;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler i::after {
+ background-color: #fab633;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #fb4143;
+ border-color: #fb4143;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler {
+ border-color: #fb4143;
+ color: #fb4143;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler i::after {
+ background-color: #fb4143;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
+ content: "";
+ display: block;
+ position: absolute;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before {
+ content: attr(data-uncheck-icon);
+ padding: 2px 7px;
+ line-height: 18px;
+ text-align: right;
+ top: 0;
+ width: 55%;
+ font-size: 12px;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
+ background-color: #d5d7dc;
+ border-radius: 50%;
+ height: 16px;
+ left: 4px;
+ width: 16px;
+ transform: translateY(-50%);
+ transition: left var(--animation-duration) ease;
+ text-align: left;
+}
+
+.form-ext-control .form-ext-label {
+ margin-bottom: 0;
+ position: relative;
+ /* Base of custom form inputs */
+}
+
+.form-ext-control .form-ext-label:before, .form-ext-control .form-ext-label:after {
+ content: "";
+ display: block;
+ height: 1rem;
+ left: -1.5rem;
+ position: absolute;
+ top: 0.3rem;
+ transition: all var(--animation-duration);
+ width: 1rem;
+}
+
+.form-ext-control .form-ext-label:before {
+ background-color: #f6f9fc;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ pointer-events: none;
+ user-select: none;
+ box-sizing: border-box;
+}
+
+.form-ext-control .form-ext-label:after {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 50% 50%;
+}
+
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
+ border: none;
+}
+
+/* EXTENDED LINKS */
+/* Animated links */
+.u,
+.utb {
+ display: inline;
+ position: relative;
+ /* So the psuedo-elements are positioned correctly */
+}
+
+/* Underline */
+.u::after {
+ content: "";
+ transition: all 0.3s;
+ backface-visibility: hidden;
+ position: absolute;
+ height: 2px;
+ width: 0;
+ background: #4643e2;
+ bottom: -0.25em;
+}
+
+.u:hover::after {
+ width: 100%;
+}
+
+.u.u-LR::after {
+ /* Left to Right */
+ left: 0;
+}
+
+.u.u-LR::after {
+ /* Left to Right */
+ left: 0;
+}
+
+.u.u-RL::after {
+ /* Right to Left */
+ right: 0;
+}
+
+.u.u-RL:hover::after {
+ width: 100%;
+}
+
+.u.u-C::after {
+ /* Center Outwards */
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+/* Underline top and bottom */
+.utb {
+ /* Opposite start */
+}
+
+.utb::before, .utb::after {
+ content: "";
+ transition: all 0.3s;
+ backface-visibility: hidden;
+ position: absolute;
+ height: 2px;
+ width: 0;
+ background: #4643e2;
+}
+
+.utb::before {
+ top: -0.25em;
+}
+
+.utb::after {
+ bottom: -0.25em;
+}
+
+.utb:hover::before, .utb:hover::after {
+ width: 100%;
+}
+
+.utb.utb-LR::before, .utb.utb-LR::after {
+ left: 0;
+}
+
+.utb.utb-RL::before, .utb.utb-RL::after {
+ right: 0;
+}
+
+.utb.utb-C::before, .utb.utb-C::after {
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+.utb.utb-OLR::before {
+ /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */
+ left: 0;
+}
+
+.utb.utb-OLR::after {
+ right: 0;
+}
+
+.utb.utb-ORL::before {
+ right: 0;
+}
+
+.utb.utb-ORL::after {
+ left: 0;
+}
+
+/* Links with square borders */
+/* 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 */
+.usquare {
+ margin-left: 0.4rem;
+ position: relative;
+ overflow: hidden;
+}
+
+.usquare::before, .usquare::after {
+ content: "";
+ transition: 0.25s all ease;
+ backface-visibility: hidden;
+ position: absolute;
+ width: 2px;
+ width: 0.1 rem;
+ height: 0;
+ background: #4643e2;
+}
+
+.usquare::before {
+ left: 0;
+ bottom: -0.2rem;
+}
+
+.usquare::after {
+ right: 0;
+ top: -0.2rem;
+}
+
+.usquare:hover::before, .usquare:hover::after {
+ height: calc(100% + 0.4rem);
+ /* Makes the left and right borders */
+}
+
+.usquare:hover a::before,
+.usquare:hover a::after {
+ width: 100%;
+}
+
+.usquare.delay::before {
+ transition-delay: 0.6s;
+}
+
+.usquare.delay::after {
+ transition-delay: var(--animation-duration);
+}
+
+.usquare.delay a::after {
+ transition: 0.25s all ease 0.4s;
+}
+
+.usquare a {
+ position: static;
+ padding: 0.2rem 0.4rem;
+ transition: 0.25s all ease;
+}
+
+.usquare a::before {
+ left: 0;
+}
+
+.usquare a::after {
+ right: 0;
+}
+
+/* The base of the modal dialog, which is an overlay of the webpage */
+.modal {
+ position: fixed;
+ /* Scrolls with the user */
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0;
+ /* Initially hidden */
+ padding: 1rem;
+ display: none;
+ /* Doesn't block the elements underneath */
+ align-items: center;
+ justify-content: center;
+ /* Vertical centering */
+ pointer-events: none;
+ /* Prevent any pointer events made to modal while hidden */
+ /* When the modal dialog is visible */
+ /* Different size modals */
+ /* The modal dialog body with the text itself */
+ /* MODAL ANIMATIONS */
+ /* Visible state */
+}
+
+.modal:target, .modal.shown {
+ display: flex;
+ opacity: 1;
+ z-index: 999;
+ pointer-events: auto;
+ /* Re-enable pointer events */
+ /* The div in the modal dialpog used to create the translucent background */
+}
+
+.modal:target .modal-overlay, .modal.shown .modal-overlay {
+ position: absolute;
+ /* Absolute inside of the modal container */
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ display: block;
+ background-color: rgba(54, 54, 54, 0.5);
+}
+
+.modal:target .modal-container,
+.modal:target .modal-container, .modal.shown .modal-container,
+.modal.shown .modal-container {
+ animation: slide-down var(--animation-duration) ease 1;
+ z-index: 1;
+}
+
+.modal.modal-small .modal-content {
+ max-width: 20rem;
+ /* 320px */
+}
+
+.modal.modal-large .modal-content {
+ max-width: 60rem;
+ /* 960px */
+}
+
+.modal .modal-content {
+ background-color: var(--cirrus-bg);
+ padding: 0;
+ display: block;
+ border-radius: 3px;
+ box-shadow: 0 0.4rem 1rem rgba(54, 54, 54, 0.3);
+ z-index: 1;
+ color: var(--cirrus-fg);
+ max-width: 40rem;
+ /* 640px */
+ /* Restrict width */
+}
+
+.modal .modal-content.small {
+ max-width: 32rem;
+}
+
+.modal .modal-content h1, .modal .modal-content h2, .modal .modal-content h3, .modal .modal-content h4, .modal .modal-content h5, .modal .modal-content h6 {
+ color: var(--cirrus-fg);
+}
+
+.modal .modal-content .modal-header {
+ padding: 1rem 2.5rem;
+}
+
+.modal .modal-content .modal-header .modal-title {
+ font-weight: bolder;
+ font-size: 1.4rem;
+}
+
+.modal .modal-content .modal-body {
+ padding: 1rem 2.5rem;
+ overflow-y: auto;
+ max-height: 50vh;
+ /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */
+ position: relative;
+}
+
+.modal .modal-content .modal-footer {
+ padding: 1rem 2.5rem;
+}
+
+@media screen and (max-width: 767px) {
+ .modal .modal-content {
+ max-width: 90%;
+ }
+}
+.modal.modal-animated--dropdown {
+ animation: slide-down var(--animation-duration) ease 1;
+}
+
+.modal.modal-animated--zoom-in, .modal.modal-animated--zoom-out {
+ display: flex;
+ opacity: 0;
+ transition: 300ms all ease;
+}
+
+.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out {
+ opacity: 1;
+ transition: 300ms all ease;
+}
+
+.modal.modal-animated--zoom-in .modal-content {
+ transform: scale(0.8);
+ transition: 300ms all ease;
+}
+
+.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content {
+ transform: scale(1);
+ transition: 300ms all ease;
+}
+
+.modal.modal-animated--zoom-out .modal-content {
+ transform: scale(1.2);
+ transition: 300ms all ease;
+}
+
+/* Keyframes for slide down animation */
+@keyframes slide-down {
+ 0% {
+ opacity: 0;
+ transform: translateY(-3rem);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@media screen and (max-width: 767px) {
+ .modal-content {
+ max-width: 90%;
+ }
+}
+/* PAGINATION */
+/* Parent contianer for page navigation */
+.pagination {
+ display: flex;
+ display: -ms-flexbox;
+ /* Use for the major pagination meant to display about 2 items */
+ /* Bordered pagination */
+}
+
+.pagination .pagination-item {
+ flex: 1 0 50%;
+ /* Flex to fill */
+ margin: 1rem 0.1rem;
+ transition: all 0.3s;
+ /* Pagination Item */
+ /* Used to display many pagination items */
+}
+
+.pagination .pagination-item:hover p,
+.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 {
+ transition: all 0.3s;
+ color: #f03d4d;
+}
+
+.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.disabled):not(.ellipses) {
+ transition: all 0.3s;
+ color: #f03d4d;
+}
+
+.pagination .pagination-item.pagination-next {
+ text-align: right;
+}
+
+.pagination .pagination-item.pagination-prev {
+ text-align: left;
+}
+
+.pagination .pagination-item a {
+ color: #495057;
+}
+
+.pagination .pagination-item a[disabled], .pagination .pagination-item a.disabled {
+ cursor: pointer;
+ opacity: 0.5;
+ pointer-events: none;
+ user-select: none;
+}
+
+.pagination .pagination-item .pagination-item-subtitle {
+ opacity: 0.7;
+ margin: 0;
+ /* Needed to override style after formatting paragraph update */
+}
+
+.pagination .pagination-item.short {
+ border-radius: 0.1rem;
+ margin: 0.2rem 0;
+ flex: 0;
+ /* Flex to fill */
+ /* Color the selected pagination item with accent color */
+}
+
+.pagination .pagination-item.short:first-child a {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.pagination .pagination-item.short:last-child a {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.pagination .pagination-item.short:not([disabled]):not(.disabled):not(.selected):hover {
+ background-color: rgba(0, 0, 0, 0.07);
+}
+
+.pagination .pagination-item.short.selected {
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.pagination .pagination-item.short.selected a {
+ color: #fff;
+}
+
+.pagination .pagination-item.short.ellipses {
+ color: #adb5bd;
+ pointer-events: none;
+}
+
+.pagination .pagination-item.short a {
+ display: inline-block;
+ line-height: 1.25;
+ padding: 0.5rem 0.75rem;
+}
+
+.pagination.pagination-bordered .pagination-item.short a {
+ border: 1px solid #dee2e6;
+ border-radius: 0;
+ margin-left: -1px;
+}
+
+/* PLACEHOLDER */
+/* Designed to be embedded in any parent container as placeholder when content is absent. */
+.placeholder {
+ background-color: rgba(222, 226, 230, 0.5);
+ border-radius: 3px;
+ text-align: center;
+ padding: 3rem 2rem;
+ color: #495057;
+ /* Lighter than original text color */
+ display: block;
+ /* Place buttons here for the placeholder */
+}
+
+.placeholder .placeholder-icon {
+ text-align: center;
+}
+
+.placeholder .placeholder-title,
+.placeholder .placeholder-subtitle {
+ margin: 1rem auto;
+}
+
+.placeholder .placeholder-subtitle {
+ opacity: 0.7;
+ margin: 0;
+}
+
+.placeholder .placeholder-commands {
+ margin-top: 1rem;
+}
+
+/* TABS AND TAB CONTAINER */
+.tab-container {
+ display: flex;
+ justify-content: space-between;
+ overflow: hidden;
+ overflow-x: auto;
+ /* Allow scrollbar to be visible if the width of the tabs exceeds container */
+ user-select: none;
+ white-space: nowrap;
+ align-items: stretch;
+ font-size: 1rem;
+ /* Shift tabs to the left */
+ /* Shift tabs to the center */
+ /* Shift tabs to the right */
+ /* Depth tab styles */
+ /* Classic tab styles */
+ /* Tabs that fill the width */
+ /* Different tab sizes */
+ /* Tabs are embedded inside an unordered list */
+ /* Font Awesome Integration */
+ /* Left icon */
+ /* Right icon */
+}
+
+.tab-container.tabs--left ul {
+ justify-content: flex-start;
+}
+
+.tab-container.tabs--center ul {
+ justify-content: center;
+}
+
+.tab-container.tabs--right ul {
+ justify-content: flex-end;
+}
+
+.tab-container.tabs-depth ul {
+ box-shadow: 0 2px 3px rgba(134, 142, 150, 0.15);
+ border-bottom: 0;
+}
+
+.tab-container.tabs-classic ul {
+ border-bottom-color: #dee2e6;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ border-radius: 3px 3px 0 0;
+ /* Only round the top left and right corners */
+ transition: all 0.3s;
+}
+
+.tab-container.tabs-classic ul li:not(.selected) a:hover, .tab-container.tabs-classic ul li:not(.selected) .tab-item-content:hover {
+ background-color: #f1f3f5;
+ transition: all 0.3s;
+}
+
+.tab-container.tabs-classic ul li.selected a, .tab-container.tabs-classic ul li.selected .tab-item-content {
+ color: #f03d4d;
+ border-color: #dee2e6;
+ border-bottom-color: transparent !important;
+}
+
+.tab-container.tabs-classic ul li a,
+.tab-container.tabs-classic ul li .tab-item-content {
+ border: 1px solid transparent;
+ border-bottom-color: #dee2e6;
+ border-radius: 3px 3px 0 0;
+ cursor: pointer;
+ transition: all 0.3s;
+}
+
+.tab-container.tabs-fill {
+ /* Override the -webkit-box display that sizes tab items based on text */
+}
+
+.tab-container.tabs-fill ul {
+ display: flex;
+ /* Equal size tabs */
+}
+
+.tab-container.tabs-fill li {
+ flex-grow: 1;
+ flex-shrink: 0;
+ /* Disable shrinking to original width */
+ flex-basis: 0;
+}
+
+.tab-container ul {
+ display: flex;
+ justify-content: flex-start;
+ /* Move tab items to left side */
+ margin: 0.5rem;
+ /* Override the behavior for standard ul and add equal padding */
+ border-bottom: 1px solid #e9ecef;
+ /* Bottom border of tabs */
+ flex-grow: 1;
+ list-style: none;
+ padding-inline-start: 0;
+}
+
+.tab-container li {
+ display: block;
+ /* Keep the tabs from extending too far */
+ cursor: pointer;
+ margin: 0;
+ text-align: center;
+}
+
+.tab-container li:hover a, .tab-container li:hover .tab-item-content {
+ border-bottom-color: rgba(240, 61, 77, 0.6);
+ transition: all 0.3s;
+}
+
+.tab-container li.selected a, .tab-container li.selected .tab-item-content {
+ border-bottom-color: #f03d4d;
+ color: #f03d4d;
+ border-width: 2px;
+ transition: all 0.3s;
+}
+
+.tab-container li a,
+.tab-container li .tab-item-content {
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid #e9ecef;
+ justify-content: center;
+ padding: 0.5rem 1rem;
+ transition: all 0.3s;
+ color: var(--cirrus-fg);
+ border-width: 2px;
+ margin-bottom: -1px;
+ /* Get rid of any remaining border lines */
+ background-color: var(--cirrus-bg);
+}
+
+.tab-container .icon:first-child {
+ margin-right: 0.75rem;
+}
+
+.tab-container .icon:last-child {
+ margin-left: 0.75rem;
+}
+
+/* TAGS */
+.tag {
+ align-items: center;
+ background-color: #f6f9fc;
+ border-radius: 0.25rem;
+ color: currentColor;
+ display: inline-flex;
+ height: 2em;
+ line-height: 1.5;
+ font-size: 0.875rem;
+ padding: 0.625rem 0.625rem;
+ white-space: nowrap;
+ /* Delete button for tag */
+ /* Draw the delete button */
+ /* TAG THEMES */
+ /* Tag close button */
+}
+
+.tag.tag--xs {
+ font-size: 0.75rem;
+ padding: 0.5rem 0.5rem;
+}
+
+.tag.tag--sm {
+ font-size: 0.875rem;
+ padding: 0.625rem 0.625rem;
+}
+
+.tag.tag--md {
+ font-size: 1rem;
+ padding: 0.75rem 0.75rem;
+}
+
+.tag.tag--lg {
+ font-size: 1.25rem;
+ padding: 0.875rem 0.875rem;
+}
+
+.tag.tag--xl {
+ font-size: 1.5rem;
+ padding: 1rem 1rem;
+}
+
+.tag.tag--rounded {
+ border-radius: 290486px;
+}
+
+.tag.tag__delete {
+ aspect-ratio: 1/1;
+ background-color: rgba(10, 10, 10, 0.2);
+ border-radius: 290486px;
+ cursor: pointer;
+ pointer-events: auto;
+ display: inline-block;
+ height: auto;
+ position: relative;
+ width: auto;
+}
+
+.tag.tag__delete:hover {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.tag.tag__delete::before, .tag.tag__delete::after {
+ background-color: #f6f9fc;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+}
+
+.tag.tag__delete::before {
+ height: 1px;
+ width: 50%;
+}
+
+.tag.tag__delete::after {
+ height: 50%;
+ width: 1px;
+}
+
+.tag.tag__delete {
+ margin-left: 0.25rem;
+ margin-right: -0.125rem;
+}
+
+.tag.tag--white {
+ background-color: #fff;
+ color: #363636;
+}
+
+.tag.tag--black {
+ background-color: #000;
+ color: #fff;
+}
+
+.tag.tag--primary {
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.tag.tag--primary {
+ background-color: #f03d4d;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--primary.tag__close-btn:hover {
+ background-color: #ee2537;
+}
+
+.tag.tag--primary.tag__close-btn:active {
+ background-color: #e81225;
+}
+
+.tag.tag--dark {
+ background-color: #363636;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--dark.tag__close-btn:hover {
+ background-color: #292929;
+}
+
+.tag.tag--dark.tag__close-btn:active {
+ background-color: #1d1d1d;
+}
+
+.tag.tag--link {
+ background-color: #5e5cc7;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--link.tag__close-btn:hover {
+ background-color: #4b49c0;
+}
+
+.tag.tag--link.tag__close-btn:active {
+ background-color: #403db3;
+}
+
+.tag.tag--info {
+ background-color: #2972fa;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--info.tag__close-btn:hover {
+ background-color: #1062f9;
+}
+
+.tag.tag--info.tag__close-btn:active {
+ background-color: #0555eb;
+}
+
+.tag.tag--success {
+ background-color: #0dd157;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--success.tag__close-btn:hover {
+ background-color: #0cb94d;
+}
+
+.tag.tag--success.tag__close-btn:active {
+ background-color: #0aa143;
+}
+
+.tag.tag--warning {
+ background-color: #fab633;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--warning.tag__close-btn:hover {
+ background-color: #f9ad1a;
+}
+
+.tag.tag--warning.tag__close-btn:active {
+ background-color: #f4a306;
+}
+
+.tag.tag--danger {
+ background-color: #fb4143;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--danger.tag__close-btn:hover {
+ background-color: #fa282a;
+}
+
+.tag.tag--danger.tag__close-btn:active {
+ background-color: #fa0f12;
+}
+
+.tag.tag__close-btn {
+ position: relative;
+ width: 2em;
+}
+
+.tag.tag__close-btn::before, .tag.tag__close-btn::after {
+ background-color: currentColor;
+ content: "";
+ display: block;
+ left: 50%;
+ top: 50%;
+ position: absolute;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+}
+
+.tag.tag__close-btn::before {
+ height: 1px;
+ width: 50%;
+}
+
+.tag.tag__close-btn::after {
+ height: 50%;
+ width: 1px;
+}
+
+/* TAG CONTAINER */
+.tag-container {
+ /* Add margin in between tag containers */
+ /* Used for grouping tags together */
+ /* Tag positioning */
+}
+
+.tag-container:not(:last-child) {
+ margin-bottom: 1rem;
+}
+
+.tag-container.group-tags {
+ --tag-first-border-radius: 0.25rem 0 0 0.25rem;
+ --tag-last-border-radius: 0 0.25rem 0.25rem 0;
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.tag-container.group-tags .tag {
+ margin-right: 0 !important;
+}
+
+.tag-container.group-tags .tag:first-child {
+ border-radius: var(--tag-first-border-radius);
+}
+
+.tag-container.group-tags .tag:not(:first-child):not(:last-child) {
+ border-radius: 0;
+}
+
+.tag-container.group-tags .tag:last-child {
+ border-radius: var(--tag-last-border-radius);
+}
+
+.tag-container.group-tags.group-tags--rounded {
+ --tag-first-border-radius: 290486px 0 0 290486px;
+ --tag-last-border-radius: 0 290486px 290486px 0;
+}
+
+.tag-container.tag-container--centered {
+ justify-content: center;
+}
+
+.tag-container.tag-container--centered .tag {
+ margin: 0 0.25rem;
+}
+
+.tag-container.tag-container--right {
+ justify-content: flex-end;
+}
+
+.tag-container.tag-container--right .tag:not(:first-child) {
+ margin-left: 0.5rem;
+}
+
+.tag-container.tag-container--right .tag:not(:last-child) {
+ margin-right: 0;
+}
+
+.tag-container .tag {
+ margin-bottom: 0.5rem;
+}
+
+.tag-container .tag:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+/* MISC */
+a.tag:hover {
+ text-decoration: underline;
+}
+
+/* TILES */
+.tile {
+ display: flex;
+ display: -ms-flexbox;
+ align-content: space-between;
+ /* Ensure space between child elements of card tile */
+ overflow: inherit;
+ /* Prevent overflowing when unnecessary */
+ /* Override the default behavior where buttons display as blocks */
+ /* Add spacing between the elements in between */
+}
+
+.tile p {
+ font-size: 0.95rem;
+ /* Base font size is 1rem */
+}
+
+.tile .tile__icon,
+.tile .tile__buttons {
+ flex: 0 0 auto;
+}
+
+.tile .tile__buttons button,
+.tile .tile__buttons .btn,
+.tile .tile__buttons [type=submit] {
+ display: inline-block;
+ margin: 0.1rem;
+ /* Reduce space used by buttons, default .5rem */
+}
+
+.tile .tile__container {
+ flex: 1 1 auto;
+}
+
+.tile .tile__container:not(:first-child) {
+ padding-left: 1rem;
+}
+
+.tile .tile__container:not(:last-child) {
+ padding-right: 1rem;
+}
+
+.tile .tile__title {
+ line-height: 1.5rem;
+ font-weight: bolder;
+ margin: 0.1rem auto;
+}
+
+.tile .tile__subtitle {
+ line-height: 1.25rem;
+ opacity: 0.7;
+ margin: 0.1rem auto;
+}
+
+.toast {
+ display: block;
+ width: 100%;
+ padding: 0.75rem 1.25rem;
+ background-color: var(--toast-primary-bg);
+ border: 1px solid var(--toast-primary-bg);
+ border-radius: 2px;
+ color: #fff;
+ position: relative;
+ margin: 0.5rem;
+ /* TOAST TYPES */
+}
+
+.toast.toast--translucent {
+ opacity: 0.5;
+}
+
+.toast.toast--translucent:hover {
+ opacity: 1;
+}
+
+.toast p {
+ margin: 0;
+}
+
+.toast a {
+ color: #f6f9fc;
+ transition: all 0.3s;
+}
+
+.toast a:hover {
+ opacity: 0.8;
+ transition: all 0.3s;
+}
+
+.toast .toast__title {
+ margin: 0;
+ margin-top: 1rem;
+}
+
+.toast .btn-close {
+ position: absolute;
+ right: 1rem;
+ top: 1rem;
+}
+
+.toast.toast--primary {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+}
+
+.toast.toast--primary {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+}
+
+.toast.toast--dark {
+ background-color: #363636;
+ border-color: #363636;
+}
+
+.toast.toast--link {
+ background-color: #5e5cc7;
+ border-color: #5e5cc7;
+}
+
+.toast.toast--info {
+ background-color: #2972fa;
+ border-color: #2972fa;
+}
+
+.toast.toast--success {
+ background-color: #0dd157;
+ border-color: #0dd157;
+}
+
+.toast.toast--warning {
+ background-color: #fab633;
+ border-color: #fab633;
+}
+
+.toast.toast--danger {
+ background-color: #fb4143;
+ border-color: #fb4143;
+}
+
+/* TOOLTIPS */
+.tooltip {
+ position: relative;
+ /* let's the pseudoelement that we are displaying relative to the button. */
+ overflow: visible;
+ /* Allows the pseudoelement to be shown */
+ white-space: nowrap;
+ /* Keeps the button text from wrapping and getting too large */
+ /* This is the psuedoelement that creates the tooltip */
+ /* Handles the on hover event of the button and then modifies the associated tooltip accordingly. */
+ /* Tooltip top left */
+ /* Tooltip top right */
+ /* Tooltip bottom */
+ /* Tooltip bottom left */
+ /* Tooltip bottom right */
+ /* Tooltip right */
+ /* Tooltip Left */
+}
+
+.tooltip::after {
+ position: absolute;
+ color: #fff;
+ font-size: 0.6rem;
+ background-color: rgba(69, 77, 93, 0.9);
+ content: attr(data-tooltip);
+ /* Retrieves the data specified in this element property and displays it as text */
+ display: block;
+ line-height: 1rem;
+ text-transform: none;
+ overflow: hidden;
+ padding: 0.4rem 0.8rem;
+ opacity: 0;
+ /* Hide the element */
+ text-overflow: ellipsis;
+ max-width: 15rem;
+ transform: translate(-50%, 0);
+ transition: all var(--animation-duration) ease;
+ z-index: 200;
+ pointer-events: none;
+ bottom: 100%;
+ /* Pushes the tooltip above the button */
+ left: 50%;
+ /* Horizontally center it */
+ border-radius: 0.2rem;
+}
+
+.tooltip:focus::after, .tooltip:hover::after {
+ opacity: 1;
+ transform: translate(-50%, -0.5rem);
+ transition: all var(--animation-duration) ease;
+}
+
+.tooltip.tooltip--top-left::after {
+ transform: translate(-50%, 0);
+}
+
+.tooltip.tooltip--top-left:hover::after, .tooltip.tooltip--top-left:focus::after {
+ left: 0;
+ transform: translate(-100%, -0.5rem);
+}
+
+.tooltip.tooltip--top-right::after {
+ left: auto;
+ transform: translate(15%, 0);
+}
+
+.tooltip.tooltip--top-right:hover::after, .tooltip.tooltip--top-right:focus::after {
+ right: 0;
+ transform: translate(100%, -0.5rem);
+}
+
+.tooltip.tooltip--bottom::after {
+ top: 100%;
+ transform: translate(-50%, -1rem);
+ /* Moves tooltip to the center horizontally and shifts tooltip down */
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom:hover::after, .tooltip.tooltip--bottom:focus::after {
+ transform: translate(-50%, 0.5rem);
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom-left::after {
+ top: 100%;
+ transform: translate(-65%, -1rem);
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom-left:hover::after, .tooltip.tooltip--bottom-left:focus::after {
+ left: 0;
+ transform: translate(-100%, 0.5rem);
+}
+
+.tooltip.tooltip--bottom-right::after {
+ left: auto;
+ top: 100%;
+ transform: translate(0%, -1rem);
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom-right:hover::after, .tooltip.tooltip--bottom-right:focus::after {
+ right: 0;
+ transform: translate(100%, 0.5rem);
+}
+
+.tooltip.tooltip--right::after {
+ left: 100%;
+ bottom: 50%;
+ transform: translate(-1rem, 50%);
+}
+
+.tooltip.tooltip--right:hover::after, .tooltip.tooltip--right:focus::after {
+ transform: translate(0.5rem, 50%);
+}
+
+.tooltip.tooltip--left::after {
+ right: 100%;
+ bottom: 50%;
+ left: auto;
+ /* Needed to work */
+ transform: translate(1rem, 50%);
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can assert multiple properties within a selector */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .selector {
- width: 10px;
- min-height: 5px;
- max-height: 20px;
-}
-
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .selector {
- width: 10px;
- max-height: 20px;
-}
-
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Module Title */
-/* ---------------------- */
-/* Test: Returns the current module name, prefixed */
-/* ✔ [assert-equal] Returns the current module name, prefixed */
-/* */
-/* # Module: Module Title :: Module Title [Nested] */
-/* ----------------------------------------------- */
-/* Test: Returns a concatenated title of current modules */
-/* ✔ [assert-equal] Returns a concatenated title of current modules */
-/* */
-/* */
-/* */
-/* # Module: Underline */
-/* ------------------- */
-/* Test: Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* */
-/* */
-/* # Module: Test Module */
-/* --------------------- */
-/* Test: Changes the current module context */
-/* ✔ [assert-equal] Changes the current module context */
-/* */
-/* # Module: Test Module :: Nested Unquoted Module Name */
-/* ---------------------------------------------------- */
-/* Test: Don’t barf on unquoted names */
-/* ✔ [assert-true] Please don’t barf on me */
-/* */
-/* */
-/* */
-/* # Module: Describe */
-/* ------------------ */
-/* Test: Changes the current module context */
-/* ✔ [assert-equal] Changes the current module context */
-/* */
-/* */
-/* # Module: Tests */
-/* --------------- */
-/* Test: Test */
-/* ✔ [assert-equal] Changes the current test context */
-/* */
-/* Test: It [alias] */
-/* ✔ [assert-equal] Changes the current test context */
-/* */
-/* */
-/* # Module: Report */
-/* ---------------- */
-/* Test: Output Message */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Fail on Error */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* 1 test failed */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* 1 test failed */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Bad results */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 4 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* The results don’t add up. Are all your tests properly structured? */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 4 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* The results don’t add up. Are all your tests properly structured? */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Report Message */
-/* ------------------------ */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* */
-.not-a-test {
- break: please-no;
-}
-
-/* # Module: Imported $terminal-output setting */
-/* ------------------------------------------- */
-/* Test: Is prefixed as $true-terminal-output */
-/* ✔ [assert-true] Is prefixed as $true-terminal-output */
-/* */
-/* */
-/* # SUMMARY ---------- */
-/* 101 Tests: */
-/* - 84 Passed */
-/* - 0 Failed */
-/* - 17 Output to CSS */
-/* Stats: */
-/* - 39 Modules */
-/* - 101 Tests */
-/* - 129 Assertions */
-/* -------------------- */
\ No newline at end of file
+.tooltip.tooltip--left:hover::after, .tooltip.tooltip--left:focus::after {
+ transform: translate(-0.5rem, 50%);
+}
\ No newline at end of file
diff --git a/dist/cirrus-all.min.css b/dist/cirrus-all.min.css
index b5673920..e0c0fec9 100644
--- a/dist/cirrus-all.min.css
+++ b/dist/cirrus-all.min.css
@@ -1,6 +1,6 @@
/*
-* Cirrus 0.7.0
+* Cirrus 0.7.0-patch.1
* Stanley Lim, Copyright 2022
* https://spiderpig86.github.io/Cirrus
*/
-@charset "UTF-8";.test-output{-property1:.3;-property2:.3333333333;-property:value;height:10px;width:20px;height:10px;height:20px}.test-output .other-class{height:10px}.test-output .class{height:10px;height:20px}.test-output .class .other-class{height:10px}@media (min-width:30em){.selector,.test-output{-prop:val}.test-output .selector3{height:10px}}@media (min-width:30em) and (min-width:40em){.test-output .selector,.test-output .selector2{height:10px}}.selector{height:10px}.test-output #id{-prop:value1}.test-output div{-prop:value2;min-height:20px;max-height:30px;max-height:30px}.test-output input[type=text]{color:#663399}.test-output *+*{color:red;display:none;display:none}.test-output i::before{-prop:value3}.test-output div~p{color:green}.test-output i:not(.italic){text-decoration:underline;--custom:val;text-decoration:underline}.test-output .selector{-prop:val;width:10px;min-height:5px;max-height:20px;width:10px;max-height:20px}.test-output body>h1{font-weight:700}.not-a-test{break:please-no}
\ No newline at end of file
+@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700);@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);:root{--cirrus-fg:#0f172a;--cirrus-bg:#ffffff;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:rgba(255, 218, 221, 1);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:rgba(248, 249, 250, 1);--cirrus-form-group-fg:rgba(144, 144, 144, 1);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:0.2s;--focus-opacity:0.55;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.5rem;--cirrus-focus-size:0 0 0.1rem 0.15rem;--cirrus-focus-color:rgba(240, 61, 77, 0.13);--bg-opacity:1;--color-opacity:1;--grid-template-column:repeat(12, minmax(0, 1fr));--grid-column-start:auto;--grid-column-end:auto;--grid-row-start:auto;--grid-row-end:auto}*,::after,::before{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}body,html{border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%;height:auto}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}fieldset{padding:1rem}fieldset legend{font-weight:700}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:var(--cirrus-focus-size) var(--cirrus-focus-color);outline:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes pound{to{transform:scale(1.1)}}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.5}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:80ms}.animated{animation-duration:1s;animation-fill-mode:both}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ced4da;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1rem;width:1rem;left:calc(50% - .8em);top:calc(50% - .7407407407em);position:absolute;animation:.5s linear infinite loading}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left{padding-left:3rem}.animated.loading.loading-left::after{left:1rem;right:auto}.animated.loading.loading-right{padding-right:3rem}.animated.loading.loading-right::after{left:auto;right:1rem}.animated.loading.hide-text{color:transparent!important}.animated.pound{animation:.35s infinite alternate pound;vertical-align:baseline}.animated.bounce{animation-name:bounce;transform-origin:center bottom}.animated.bounceIn{animation-name:bounceIn}.animated.fadeIn{animation-name:fadeIn}.animated.infinite{animation-iteration-count:infinite}.animated.infinite.alternate{animation-direction:alternate}.animated.paused{animation-play-state:paused!important}.animated.pulse{animation:1.25s cubic-bezier(.4,0,.6,1) infinite pulse}.animated.ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}h6{font-size:1.25rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h5{font-size:1.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h4{font-size:1.75rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h3{font-size:2rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:2.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem;letter-spacing:.025rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}.headline-4{font-size:3.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.text-xs{font-size:.75rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.75rem!important}.text-md{font-size:1rem!important;line-height:2rem!important}.text-lg{font-size:1.25rem!important;line-height:2.25rem!important}.text-xl{font-size:1.5rem!important;line-height:2.25rem!important}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{background-color:#f8f9fa;border-left:5px solid #e9ecef;border-radius:3px;margin-bottom:1rem;padding:1rem 2rem}blockquote.text--large{font-size:1.15rem}blockquote p{margin:0}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-primary{font-family:Montserrat}.font-alt,.font-secondary{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:700}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}.font-extrathin{font-weight:100}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.rtl{direction:rtl}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.icon .fa-wrapper{font-size:inherit}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#868e96}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}.tracking-tightest{letter-spacing:-.075em!important}.tracking-tighter{letter-spacing:-.05em!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-normal{letter-spacing:0!important}.tracking-loose{letter-spacing:.025em!important}.tracking-looser{letter-spacing:.05em!important}.tracking-loosest{letter-spacing:.1em!important}@media screen and (max-width:639px){h6{font-size:1rem}h5{font-size:1.25rem}h4{font-size:1.5rem}h3{font-size:1.75rem}h2{font-size:2rem}h1{font-size:2.25rem}.headline-4{font-size:3rem}.headline-3{font-size:3.25rem}.headline-2{font-size:3.5rem}.headline-1{font-size:3.75rem}article,blockquote,p{margin:1rem 0}}.grid{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1{grid-column:span 1/span 1}.grid-r-1{grid-row:span 1/span 1}.grid-cs-1{grid-column-start:1}.grid-ce-1{grid-column-end:2}.grid-rs-1{grid-row-start:1}.grid-re-1{grid-row-end:2}.grid-cols-2{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2{grid-column:span 2/span 2}.grid-r-2{grid-row:span 2/span 2}.grid-cs-2{grid-column-start:2}.grid-ce-2{grid-column-end:3}.grid-rs-2{grid-row-start:2}.grid-re-2{grid-row-end:3}.grid-cols-3{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3{grid-column:span 3/span 3}.grid-r-3{grid-row:span 3/span 3}.grid-cs-3{grid-column-start:3}.grid-ce-3{grid-column-end:4}.grid-rs-3{grid-row-start:3}.grid-re-3{grid-row-end:4}.grid-cols-4{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4{grid-column:span 4/span 4}.grid-r-4{grid-row:span 4/span 4}.grid-cs-4{grid-column-start:4}.grid-ce-4{grid-column-end:5}.grid-rs-4{grid-row-start:4}.grid-re-4{grid-row-end:5}.grid-cols-5{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5{grid-column:span 5/span 5}.grid-r-5{grid-row:span 5/span 5}.grid-cs-5{grid-column-start:5}.grid-ce-5{grid-column-end:6}.grid-rs-5{grid-row-start:5}.grid-re-5{grid-row-end:6}.grid-cols-6{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6{grid-column:span 6/span 6}.grid-r-6{grid-row:span 6/span 6}.grid-cs-6{grid-column-start:6}.grid-ce-6{grid-column-end:7}.grid-rs-6{grid-row-start:6}.grid-re-6{grid-row-end:7}.grid-cols-7{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7{grid-column:span 7/span 7}.grid-r-7{grid-row:span 7/span 7}.grid-cs-7{grid-column-start:7}.grid-ce-7{grid-column-end:8}.grid-rs-7{grid-row-start:7}.grid-re-7{grid-row-end:8}.grid-cols-8{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8{grid-column:span 8/span 8}.grid-r-8{grid-row:span 8/span 8}.grid-cs-8{grid-column-start:8}.grid-ce-8{grid-column-end:9}.grid-rs-8{grid-row-start:8}.grid-re-8{grid-row-end:9}.grid-cols-9{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9{grid-column:span 9/span 9}.grid-r-9{grid-row:span 9/span 9}.grid-cs-9{grid-column-start:9}.grid-ce-9{grid-column-end:10}.grid-rs-9{grid-row-start:9}.grid-re-9{grid-row-end:10}.grid-cols-10{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10{grid-column:span 10/span 10}.grid-r-10{grid-row:span 10/span 10}.grid-cs-10{grid-column-start:10}.grid-ce-10{grid-column-end:11}.grid-rs-10{grid-row-start:10}.grid-re-10{grid-row-end:11}.grid-cols-11{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11{grid-column:span 11/span 11}.grid-r-11{grid-row:span 11/span 11}.grid-cs-11{grid-column-start:11}.grid-ce-11{grid-column-end:12}.grid-rs-11{grid-row-start:11}.grid-re-11{grid-row-end:12}.grid-cols-12{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12{grid-column:span 12/span 12}.grid-r-12{grid-row:span 12/span 12}.grid-cs-12{grid-column-start:12}.grid-ce-12{grid-column-end:13}.grid-rs-12{grid-row-start:12}.grid-re-12{grid-row-end:13}.grid-ce-end{grid-column-end:-1}.grid-re-end{grid-row-end:-1}.grid-ce-auto{grid-column-end:auto}.grid-re-auto{grid-row-end:auto}@media screen and (min-width:640px){.tracking-tightest-sm{letter-spacing:-.075em!important}.tracking-tighter-sm{letter-spacing:-.05em!important}.tracking-tight-sm{letter-spacing:-.025em!important}.tracking-normal-sm{letter-spacing:0!important}.tracking-loose-sm{letter-spacing:.025em!important}.tracking-looser-sm{letter-spacing:.05em!important}.tracking-loosest-sm{letter-spacing:.1em!important}.grid-sm{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-sm{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-sm{grid-column:span 1/span 1}.grid-r-1-sm{grid-row:span 1/span 1}.grid-cs-1-sm{grid-column-start:1}.grid-ce-1-sm{grid-column-end:2}.grid-rs-1-sm{grid-row-start:1}.grid-re-1-sm{grid-row-end:2}.grid-cols-2-sm{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-sm{grid-column:span 2/span 2}.grid-r-2-sm{grid-row:span 2/span 2}.grid-cs-2-sm{grid-column-start:2}.grid-ce-2-sm{grid-column-end:3}.grid-rs-2-sm{grid-row-start:2}.grid-re-2-sm{grid-row-end:3}.grid-cols-3-sm{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-sm{grid-column:span 3/span 3}.grid-r-3-sm{grid-row:span 3/span 3}.grid-cs-3-sm{grid-column-start:3}.grid-ce-3-sm{grid-column-end:4}.grid-rs-3-sm{grid-row-start:3}.grid-re-3-sm{grid-row-end:4}.grid-cols-4-sm{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-sm{grid-column:span 4/span 4}.grid-r-4-sm{grid-row:span 4/span 4}.grid-cs-4-sm{grid-column-start:4}.grid-ce-4-sm{grid-column-end:5}.grid-rs-4-sm{grid-row-start:4}.grid-re-4-sm{grid-row-end:5}.grid-cols-5-sm{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-sm{grid-column:span 5/span 5}.grid-r-5-sm{grid-row:span 5/span 5}.grid-cs-5-sm{grid-column-start:5}.grid-ce-5-sm{grid-column-end:6}.grid-rs-5-sm{grid-row-start:5}.grid-re-5-sm{grid-row-end:6}.grid-cols-6-sm{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-sm{grid-column:span 6/span 6}.grid-r-6-sm{grid-row:span 6/span 6}.grid-cs-6-sm{grid-column-start:6}.grid-ce-6-sm{grid-column-end:7}.grid-rs-6-sm{grid-row-start:6}.grid-re-6-sm{grid-row-end:7}.grid-cols-7-sm{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-sm{grid-column:span 7/span 7}.grid-r-7-sm{grid-row:span 7/span 7}.grid-cs-7-sm{grid-column-start:7}.grid-ce-7-sm{grid-column-end:8}.grid-rs-7-sm{grid-row-start:7}.grid-re-7-sm{grid-row-end:8}.grid-cols-8-sm{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-sm{grid-column:span 8/span 8}.grid-r-8-sm{grid-row:span 8/span 8}.grid-cs-8-sm{grid-column-start:8}.grid-ce-8-sm{grid-column-end:9}.grid-rs-8-sm{grid-row-start:8}.grid-re-8-sm{grid-row-end:9}.grid-cols-9-sm{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-sm{grid-column:span 9/span 9}.grid-r-9-sm{grid-row:span 9/span 9}.grid-cs-9-sm{grid-column-start:9}.grid-ce-9-sm{grid-column-end:10}.grid-rs-9-sm{grid-row-start:9}.grid-re-9-sm{grid-row-end:10}.grid-cols-10-sm{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-sm{grid-column:span 10/span 10}.grid-r-10-sm{grid-row:span 10/span 10}.grid-cs-10-sm{grid-column-start:10}.grid-ce-10-sm{grid-column-end:11}.grid-rs-10-sm{grid-row-start:10}.grid-re-10-sm{grid-row-end:11}.grid-cols-11-sm{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-sm{grid-column:span 11/span 11}.grid-r-11-sm{grid-row:span 11/span 11}.grid-cs-11-sm{grid-column-start:11}.grid-ce-11-sm{grid-column-end:12}.grid-rs-11-sm{grid-row-start:11}.grid-re-11-sm{grid-row-end:12}.grid-cols-12-sm{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-sm{grid-column:span 12/span 12}.grid-r-12-sm{grid-row:span 12/span 12}.grid-cs-12-sm{grid-column-start:12}.grid-ce-12-sm{grid-column-end:13}.grid-rs-12-sm{grid-row-start:12}.grid-re-12-sm{grid-row-end:13}.grid-ce-end-sm{grid-column-end:-1}.grid-re-end-sm{grid-row-end:-1}.grid-ce-auto-sm{grid-column-end:auto}.grid-re-auto-sm{grid-row-end:auto}}@media screen and (min-width:768px){.tracking-tightest-md{letter-spacing:-.075em!important}.tracking-tighter-md{letter-spacing:-.05em!important}.tracking-tight-md{letter-spacing:-.025em!important}.tracking-normal-md{letter-spacing:0!important}.tracking-loose-md{letter-spacing:.025em!important}.tracking-looser-md{letter-spacing:.05em!important}.tracking-loosest-md{letter-spacing:.1em!important}.grid-md{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-md{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-md{grid-column:span 1/span 1}.grid-r-1-md{grid-row:span 1/span 1}.grid-cs-1-md{grid-column-start:1}.grid-ce-1-md{grid-column-end:2}.grid-rs-1-md{grid-row-start:1}.grid-re-1-md{grid-row-end:2}.grid-cols-2-md{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-md{grid-column:span 2/span 2}.grid-r-2-md{grid-row:span 2/span 2}.grid-cs-2-md{grid-column-start:2}.grid-ce-2-md{grid-column-end:3}.grid-rs-2-md{grid-row-start:2}.grid-re-2-md{grid-row-end:3}.grid-cols-3-md{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-md{grid-column:span 3/span 3}.grid-r-3-md{grid-row:span 3/span 3}.grid-cs-3-md{grid-column-start:3}.grid-ce-3-md{grid-column-end:4}.grid-rs-3-md{grid-row-start:3}.grid-re-3-md{grid-row-end:4}.grid-cols-4-md{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-md{grid-column:span 4/span 4}.grid-r-4-md{grid-row:span 4/span 4}.grid-cs-4-md{grid-column-start:4}.grid-ce-4-md{grid-column-end:5}.grid-rs-4-md{grid-row-start:4}.grid-re-4-md{grid-row-end:5}.grid-cols-5-md{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-md{grid-column:span 5/span 5}.grid-r-5-md{grid-row:span 5/span 5}.grid-cs-5-md{grid-column-start:5}.grid-ce-5-md{grid-column-end:6}.grid-rs-5-md{grid-row-start:5}.grid-re-5-md{grid-row-end:6}.grid-cols-6-md{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-md{grid-column:span 6/span 6}.grid-r-6-md{grid-row:span 6/span 6}.grid-cs-6-md{grid-column-start:6}.grid-ce-6-md{grid-column-end:7}.grid-rs-6-md{grid-row-start:6}.grid-re-6-md{grid-row-end:7}.grid-cols-7-md{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-md{grid-column:span 7/span 7}.grid-r-7-md{grid-row:span 7/span 7}.grid-cs-7-md{grid-column-start:7}.grid-ce-7-md{grid-column-end:8}.grid-rs-7-md{grid-row-start:7}.grid-re-7-md{grid-row-end:8}.grid-cols-8-md{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-md{grid-column:span 8/span 8}.grid-r-8-md{grid-row:span 8/span 8}.grid-cs-8-md{grid-column-start:8}.grid-ce-8-md{grid-column-end:9}.grid-rs-8-md{grid-row-start:8}.grid-re-8-md{grid-row-end:9}.grid-cols-9-md{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-md{grid-column:span 9/span 9}.grid-r-9-md{grid-row:span 9/span 9}.grid-cs-9-md{grid-column-start:9}.grid-ce-9-md{grid-column-end:10}.grid-rs-9-md{grid-row-start:9}.grid-re-9-md{grid-row-end:10}.grid-cols-10-md{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-md{grid-column:span 10/span 10}.grid-r-10-md{grid-row:span 10/span 10}.grid-cs-10-md{grid-column-start:10}.grid-ce-10-md{grid-column-end:11}.grid-rs-10-md{grid-row-start:10}.grid-re-10-md{grid-row-end:11}.grid-cols-11-md{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-md{grid-column:span 11/span 11}.grid-r-11-md{grid-row:span 11/span 11}.grid-cs-11-md{grid-column-start:11}.grid-ce-11-md{grid-column-end:12}.grid-rs-11-md{grid-row-start:11}.grid-re-11-md{grid-row-end:12}.grid-cols-12-md{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-md{grid-column:span 12/span 12}.grid-r-12-md{grid-row:span 12/span 12}.grid-cs-12-md{grid-column-start:12}.grid-ce-12-md{grid-column-end:13}.grid-rs-12-md{grid-row-start:12}.grid-re-12-md{grid-row-end:13}.grid-ce-end-md{grid-column-end:-1}.grid-re-end-md{grid-row-end:-1}.grid-ce-auto-md{grid-column-end:auto}.grid-re-auto-md{grid-row-end:auto}}section{display:block}.content{max-width:48em;margin:0 auto 1.5em;width:100%}@media screen and (min-width:1024px){.tracking-tightest-lg{letter-spacing:-.075em!important}.tracking-tighter-lg{letter-spacing:-.05em!important}.tracking-tight-lg{letter-spacing:-.025em!important}.tracking-normal-lg{letter-spacing:0!important}.tracking-loose-lg{letter-spacing:.025em!important}.tracking-looser-lg{letter-spacing:.05em!important}.tracking-loosest-lg{letter-spacing:.1em!important}.grid-lg{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-lg{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-lg{grid-column:span 1/span 1}.grid-r-1-lg{grid-row:span 1/span 1}.grid-cs-1-lg{grid-column-start:1}.grid-ce-1-lg{grid-column-end:2}.grid-rs-1-lg{grid-row-start:1}.grid-re-1-lg{grid-row-end:2}.grid-cols-2-lg{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-lg{grid-column:span 2/span 2}.grid-r-2-lg{grid-row:span 2/span 2}.grid-cs-2-lg{grid-column-start:2}.grid-ce-2-lg{grid-column-end:3}.grid-rs-2-lg{grid-row-start:2}.grid-re-2-lg{grid-row-end:3}.grid-cols-3-lg{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-lg{grid-column:span 3/span 3}.grid-r-3-lg{grid-row:span 3/span 3}.grid-cs-3-lg{grid-column-start:3}.grid-ce-3-lg{grid-column-end:4}.grid-rs-3-lg{grid-row-start:3}.grid-re-3-lg{grid-row-end:4}.grid-cols-4-lg{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-lg{grid-column:span 4/span 4}.grid-r-4-lg{grid-row:span 4/span 4}.grid-cs-4-lg{grid-column-start:4}.grid-ce-4-lg{grid-column-end:5}.grid-rs-4-lg{grid-row-start:4}.grid-re-4-lg{grid-row-end:5}.grid-cols-5-lg{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-lg{grid-column:span 5/span 5}.grid-r-5-lg{grid-row:span 5/span 5}.grid-cs-5-lg{grid-column-start:5}.grid-ce-5-lg{grid-column-end:6}.grid-rs-5-lg{grid-row-start:5}.grid-re-5-lg{grid-row-end:6}.grid-cols-6-lg{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-lg{grid-column:span 6/span 6}.grid-r-6-lg{grid-row:span 6/span 6}.grid-cs-6-lg{grid-column-start:6}.grid-ce-6-lg{grid-column-end:7}.grid-rs-6-lg{grid-row-start:6}.grid-re-6-lg{grid-row-end:7}.grid-cols-7-lg{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-lg{grid-column:span 7/span 7}.grid-r-7-lg{grid-row:span 7/span 7}.grid-cs-7-lg{grid-column-start:7}.grid-ce-7-lg{grid-column-end:8}.grid-rs-7-lg{grid-row-start:7}.grid-re-7-lg{grid-row-end:8}.grid-cols-8-lg{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-lg{grid-column:span 8/span 8}.grid-r-8-lg{grid-row:span 8/span 8}.grid-cs-8-lg{grid-column-start:8}.grid-ce-8-lg{grid-column-end:9}.grid-rs-8-lg{grid-row-start:8}.grid-re-8-lg{grid-row-end:9}.grid-cols-9-lg{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-lg{grid-column:span 9/span 9}.grid-r-9-lg{grid-row:span 9/span 9}.grid-cs-9-lg{grid-column-start:9}.grid-ce-9-lg{grid-column-end:10}.grid-rs-9-lg{grid-row-start:9}.grid-re-9-lg{grid-row-end:10}.grid-cols-10-lg{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-lg{grid-column:span 10/span 10}.grid-r-10-lg{grid-row:span 10/span 10}.grid-cs-10-lg{grid-column-start:10}.grid-ce-10-lg{grid-column-end:11}.grid-rs-10-lg{grid-row-start:10}.grid-re-10-lg{grid-row-end:11}.grid-cols-11-lg{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-lg{grid-column:span 11/span 11}.grid-r-11-lg{grid-row:span 11/span 11}.grid-cs-11-lg{grid-column-start:11}.grid-ce-11-lg{grid-column-end:12}.grid-rs-11-lg{grid-row-start:11}.grid-re-11-lg{grid-row-end:12}.grid-cols-12-lg{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-lg{grid-column:span 12/span 12}.grid-r-12-lg{grid-row:span 12/span 12}.grid-cs-12-lg{grid-column-start:12}.grid-ce-12-lg{grid-column-end:13}.grid-rs-12-lg{grid-row-start:12}.grid-re-12-lg{grid-row-end:13}.grid-ce-end-lg{grid-column-end:-1}.grid-re-end-lg{grid-row-end:-1}.grid-ce-auto-lg{grid-column-end:auto}.grid-re-auto-lg{grid-row-end:auto}.content{max-width:64em}}@media screen and (min-width:1280px){.tracking-tightest-xl{letter-spacing:-.075em!important}.tracking-tighter-xl{letter-spacing:-.05em!important}.tracking-tight-xl{letter-spacing:-.025em!important}.tracking-normal-xl{letter-spacing:0!important}.tracking-loose-xl{letter-spacing:.025em!important}.tracking-looser-xl{letter-spacing:.05em!important}.tracking-loosest-xl{letter-spacing:.1em!important}.grid-xl{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-xl{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-xl{grid-column:span 1/span 1}.grid-r-1-xl{grid-row:span 1/span 1}.grid-cs-1-xl{grid-column-start:1}.grid-ce-1-xl{grid-column-end:2}.grid-rs-1-xl{grid-row-start:1}.grid-re-1-xl{grid-row-end:2}.grid-cols-2-xl{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-xl{grid-column:span 2/span 2}.grid-r-2-xl{grid-row:span 2/span 2}.grid-cs-2-xl{grid-column-start:2}.grid-ce-2-xl{grid-column-end:3}.grid-rs-2-xl{grid-row-start:2}.grid-re-2-xl{grid-row-end:3}.grid-cols-3-xl{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-xl{grid-column:span 3/span 3}.grid-r-3-xl{grid-row:span 3/span 3}.grid-cs-3-xl{grid-column-start:3}.grid-ce-3-xl{grid-column-end:4}.grid-rs-3-xl{grid-row-start:3}.grid-re-3-xl{grid-row-end:4}.grid-cols-4-xl{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-xl{grid-column:span 4/span 4}.grid-r-4-xl{grid-row:span 4/span 4}.grid-cs-4-xl{grid-column-start:4}.grid-ce-4-xl{grid-column-end:5}.grid-rs-4-xl{grid-row-start:4}.grid-re-4-xl{grid-row-end:5}.grid-cols-5-xl{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-xl{grid-column:span 5/span 5}.grid-r-5-xl{grid-row:span 5/span 5}.grid-cs-5-xl{grid-column-start:5}.grid-ce-5-xl{grid-column-end:6}.grid-rs-5-xl{grid-row-start:5}.grid-re-5-xl{grid-row-end:6}.grid-cols-6-xl{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-xl{grid-column:span 6/span 6}.grid-r-6-xl{grid-row:span 6/span 6}.grid-cs-6-xl{grid-column-start:6}.grid-ce-6-xl{grid-column-end:7}.grid-rs-6-xl{grid-row-start:6}.grid-re-6-xl{grid-row-end:7}.grid-cols-7-xl{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-xl{grid-column:span 7/span 7}.grid-r-7-xl{grid-row:span 7/span 7}.grid-cs-7-xl{grid-column-start:7}.grid-ce-7-xl{grid-column-end:8}.grid-rs-7-xl{grid-row-start:7}.grid-re-7-xl{grid-row-end:8}.grid-cols-8-xl{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-xl{grid-column:span 8/span 8}.grid-r-8-xl{grid-row:span 8/span 8}.grid-cs-8-xl{grid-column-start:8}.grid-ce-8-xl{grid-column-end:9}.grid-rs-8-xl{grid-row-start:8}.grid-re-8-xl{grid-row-end:9}.grid-cols-9-xl{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-xl{grid-column:span 9/span 9}.grid-r-9-xl{grid-row:span 9/span 9}.grid-cs-9-xl{grid-column-start:9}.grid-ce-9-xl{grid-column-end:10}.grid-rs-9-xl{grid-row-start:9}.grid-re-9-xl{grid-row-end:10}.grid-cols-10-xl{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-xl{grid-column:span 10/span 10}.grid-r-10-xl{grid-row:span 10/span 10}.grid-cs-10-xl{grid-column-start:10}.grid-ce-10-xl{grid-column-end:11}.grid-rs-10-xl{grid-row-start:10}.grid-re-10-xl{grid-row-end:11}.grid-cols-11-xl{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-xl{grid-column:span 11/span 11}.grid-r-11-xl{grid-row:span 11/span 11}.grid-cs-11-xl{grid-column-start:11}.grid-ce-11-xl{grid-column-end:12}.grid-rs-11-xl{grid-row-start:11}.grid-re-11-xl{grid-row-end:12}.grid-cols-12-xl{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-xl{grid-column:span 12/span 12}.grid-r-12-xl{grid-row:span 12/span 12}.grid-cs-12-xl{grid-column-start:12}.grid-ce-12-xl{grid-column-end:13}.grid-rs-12-xl{grid-row-start:12}.grid-re-12-xl{grid-row-end:13}.grid-ce-end-xl{grid-column-end:-1}.grid-re-end-xl{grid-row-end:-1}.grid-ce-auto-xl{grid-column-end:auto}.grid-re-auto-xl{grid-row-end:auto}.content{max-width:80em}}.fullscreen{top:0;right:0;bottom:0;left:0;min-height:100vh}.divider{border-top:.05rem solid rgba(173,181,189,.5);height:.1rem;margin:1.8rem 0 1.6rem;position:relative}.divider[data-content]{margin:.8rem 0}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#adb5bd;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v,.divider--v[data-content]{display:block;padding:.8rem}.divider--v::before,.divider--v[data-content]::before{border-left:.05rem solid rgba(173,181,189,.5);bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{align-items:stretch;display:flex;justify-content:space-between}.hero .hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.space--lg{padding:1rem 0}.space.space--xl{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0;display:flex}.row::after{content:"";clear:both;display:table}.row.row--no-wrap{flex-wrap:nowrap;overflow-x:auto}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row.divided [class*=" col"],.row.divided [class^=col]{box-shadow:0 -1px 0 0 rgba(173,181,189,.5)}.row [class*=" col-"],.row [class^=col-]{width:100%;margin-left:0;padding:0 .5rem}@media screen and (min-width:768px){.row .col-1{width:8.3333333333%}.row .col-2{width:16.6666666667%}.row .col-3{width:25%}.row .col-4{width:33.3333333333%}.row .col-5{width:41.6666666667%}.row .col-6{width:50%}.row .col-7{width:58.3333333333%}.row .col-8{width:66.6666666667%}.row .col-9{width:75%}.row .col-10{width:83.3333333333%}.row .col-11{width:91.6666666667%}.row .col-12{width:100%}}@media screen and (min-width:640px){.row .col-xs-1{width:8.3333333333%}.row .col-xs-2{width:16.6666666667%}.row .col-xs-3{width:25%}.row .col-xs-4{width:33.3333333333%}.row .col-xs-5{width:41.6666666667%}.row .col-xs-6{width:50%}.row .col-xs-7{width:58.3333333333%}.row .col-xs-8{width:66.6666666667%}.row .col-xs-9{width:75%}.row .col-xs-10{width:83.3333333333%}.row .col-xs-11{width:91.6666666667%}.row .col-xs-12{width:100%}.row .offset-1{margin-left:8.3333333333%}}@media screen and (min-width:768px){.row .col-sm-1{width:8.3333333333%}.row .col-sm-2{width:16.6666666667%}.row .col-sm-3{width:25%}.row .col-sm-4{width:33.3333333333%}.row .col-sm-5{width:41.6666666667%}.row .col-sm-6{width:50%}.row .col-sm-7{width:58.3333333333%}.row .col-sm-8{width:66.6666666667%}.row .col-sm-9{width:75%}.row .col-sm-10{width:83.3333333333%}.row .col-sm-11{width:91.6666666667%}.row .col-sm-12{width:100%}}@media screen and (min-width:1024px){.row .col-md-1{width:8.3333333333%}.row .col-md-2{width:16.6666666667%}.row .col-md-3{width:25%}.row .col-md-4{width:33.3333333333%}.row .col-md-5{width:41.6666666667%}.row .col-md-6{width:50%}.row .col-md-7{width:58.3333333333%}.row .col-md-8{width:66.6666666667%}.row .col-md-9{width:75%}.row .col-md-10{width:83.3333333333%}.row .col-md-11{width:91.6666666667%}.row .col-md-12{width:100%}}@media screen and (min-width:1280px){.row .col-lg-1{width:8.3333333333%}.row .col-lg-2{width:16.6666666667%}.row .col-lg-3{width:25%}.row .col-lg-4{width:33.3333333333%}.row .col-lg-5{width:41.6666666667%}.row .col-lg-6{width:50%}.row .col-lg-7{width:58.3333333333%}.row .col-lg-8{width:66.6666666667%}.row .col-lg-9{width:75%}.row .col-lg-10{width:83.3333333333%}.row .col-lg-11{width:91.6666666667%}.row .col-lg-12{width:100%}}@media screen and (min-width:1536px){.content{max-width:96em}.row .col-xl-1{width:8.3333333333%}.row .col-xl-2{width:16.6666666667%}.row .col-xl-3{width:25%}.row .col-xl-4{width:33.3333333333%}.row .col-xl-5{width:41.6666666667%}.row .col-xl-6{width:50%}.row .col-xl-7{width:58.3333333333%}.row .col-xl-8{width:66.6666666667%}.row .col-xl-9{width:75%}.row .col-xl-10{width:83.3333333333%}.row .col-xl-11{width:91.6666666667%}.row .col-xl-12{width:100%}}.row.no-space [class*=" col-"],.row.no-space [class^=col-]{padding:0}.r{max-width:100%;padding:.5rem}.level{align-items:center;justify-content:space-between}.level .level-item{align-items:center;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.level .level-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:left;width:100%}.h-0{height:0!important}.h-10p{height:10%!important}.h-20p{height:20%!important}.h-30p{height:30%!important}.h-40p{height:40%!important}.h-50p{height:50%!important}.h-60p{height:60%!important}.h-70p{height:70%!important}.h-80p{height:80%!important}.h-90p{height:90%!important}.h-100p{height:100%!important}.h-auto{height:auto!important}.h-screen{height:100vh!important}.w-0{width:0!important}.w-10p{width:10%!important}.w-20p{width:20%!important}.w-30p{width:30%!important}.w-40p{width:40%!important}.w-50p{width:50%!important}.w-60p{width:60%!important}.w-70p{width:70%!important}.w-80p{width:80%!important}.w-90p{width:90%!important}.w-100p{width:100%!important}.w-auto{width:auto!important}.w-screen{width:100vw!important}.min-h-0{min-height:0!important}.min-h-10p{min-height:10%!important}.min-h-20p{min-height:20%!important}.min-h-30p{min-height:30%!important}.min-h-40p{min-height:40%!important}.min-h-50p{min-height:50%!important}.min-h-60p{min-height:60%!important}.min-h-70p{min-height:70%!important}.min-h-80p{min-height:80%!important}.min-h-90p{min-height:90%!important}.min-h-100p{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-10p{min-width:10%!important}.min-w-20p{min-width:20%!important}.min-w-30p{min-width:30%!important}.min-w-40p{min-width:40%!important}.min-w-50p{min-width:50%!important}.min-w-60p{min-width:60%!important}.min-w-70p{min-width:70%!important}.min-w-80p{min-width:80%!important}.min-w-90p{min-width:90%!important}.min-w-100p{min-width:100%!important}.min-w-screen{min-width:100vw!important}.max-h-none{max-height:none!important}.max-h-10p{max-height:10%!important}.max-h-20p{max-height:20%!important}.max-h-30p{max-height:30%!important}.max-h-40p{max-height:40%!important}.max-h-50p{max-height:50%!important}.max-h-60p{max-height:60%!important}.max-h-70p{max-height:70%!important}.max-h-80p{max-height:80%!important}.max-h-90p{max-height:90%!important}.max-h-100p{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-none{max-width:none!important}.max-w-10p{max-width:10%!important}.max-w-20p{max-width:20%!important}.max-w-30p{max-width:30%!important}.max-w-40p{max-width:40%!important}.max-w-50p{max-width:50%!important}.max-w-60p{max-width:60%!important}.max-w-70p{max-width:70%!important}.max-w-80p{max-width:80%!important}.max-w-90p{max-width:90%!important}.max-w-100p{max-width:100%!important}.max-w-screen{max-width:100vw!important}@media screen and (min-width:640px){.row .offset-2{margin-left:16.6666666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.3333333333%}.row .offset-5{margin-left:41.6666666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.3333333333%}.row .offset-8{margin-left:66.6666666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.3333333333%}.row .offset-11{margin-left:91.6666666667%}.row .offset-12{margin-left:100%}.h-0-sm{height:0!important}.h-10p-sm{height:10%!important}.h-20p-sm{height:20%!important}.h-30p-sm{height:30%!important}.h-40p-sm{height:40%!important}.h-50p-sm{height:50%!important}.h-60p-sm{height:60%!important}.h-70p-sm{height:70%!important}.h-80p-sm{height:80%!important}.h-90p-sm{height:90%!important}.h-100p-sm{height:100%!important}.h-auto-sm{height:auto!important}.h-screen-sm{height:100vh!important}.w-0-sm{width:0!important}.w-10p-sm{width:10%!important}.w-20p-sm{width:20%!important}.w-30p-sm{width:30%!important}.w-40p-sm{width:40%!important}.w-50p-sm{width:50%!important}.w-60p-sm{width:60%!important}.w-70p-sm{width:70%!important}.w-80p-sm{width:80%!important}.w-90p-sm{width:90%!important}.w-100p-sm{width:100%!important}.w-auto-sm{width:auto!important}.w-screen-sm{width:100vw!important}.min-h-0-sm{min-height:0!important}.min-h-10p-sm{min-height:10%!important}.min-h-20p-sm{min-height:20%!important}.min-h-30p-sm{min-height:30%!important}.min-h-40p-sm{min-height:40%!important}.min-h-50p-sm{min-height:50%!important}.min-h-60p-sm{min-height:60%!important}.min-h-70p-sm{min-height:70%!important}.min-h-80p-sm{min-height:80%!important}.min-h-90p-sm{min-height:90%!important}.min-h-100p-sm{min-height:100%!important}.min-h-screen-sm{min-height:100vh!important}.min-w-0-sm{min-width:0!important}.min-w-10p-sm{min-width:10%!important}.min-w-20p-sm{min-width:20%!important}.min-w-30p-sm{min-width:30%!important}.min-w-40p-sm{min-width:40%!important}.min-w-50p-sm{min-width:50%!important}.min-w-60p-sm{min-width:60%!important}.min-w-70p-sm{min-width:70%!important}.min-w-80p-sm{min-width:80%!important}.min-w-90p-sm{min-width:90%!important}.min-w-100p-sm{min-width:100%!important}.min-w-screen-sm{min-width:100vw!important}.max-h-none-sm{max-height:none!important}.max-h-10p-sm{max-height:10%!important}.max-h-20p-sm{max-height:20%!important}.max-h-30p-sm{max-height:30%!important}.max-h-40p-sm{max-height:40%!important}.max-h-50p-sm{max-height:50%!important}.max-h-60p-sm{max-height:60%!important}.max-h-70p-sm{max-height:70%!important}.max-h-80p-sm{max-height:80%!important}.max-h-90p-sm{max-height:90%!important}.max-h-100p-sm{max-height:100%!important}.max-h-screen-sm{max-height:100vh!important}.max-w-none-sm{max-width:none!important}.max-w-10p-sm{max-width:10%!important}.max-w-20p-sm{max-width:20%!important}.max-w-30p-sm{max-width:30%!important}.max-w-40p-sm{max-width:40%!important}.max-w-50p-sm{max-width:50%!important}.max-w-60p-sm{max-width:60%!important}.max-w-70p-sm{max-width:70%!important}.max-w-80p-sm{max-width:80%!important}.max-w-90p-sm{max-width:90%!important}.max-w-100p-sm{max-width:100%!important}.max-w-screen-sm{max-width:100vw!important}}@media screen and (min-width:768px){.h-0-md{height:0!important}.h-10p-md{height:10%!important}.h-20p-md{height:20%!important}.h-30p-md{height:30%!important}.h-40p-md{height:40%!important}.h-50p-md{height:50%!important}.h-60p-md{height:60%!important}.h-70p-md{height:70%!important}.h-80p-md{height:80%!important}.h-90p-md{height:90%!important}.h-100p-md{height:100%!important}.h-auto-md{height:auto!important}.h-screen-md{height:100vh!important}.w-0-md{width:0!important}.w-10p-md{width:10%!important}.w-20p-md{width:20%!important}.w-30p-md{width:30%!important}.w-40p-md{width:40%!important}.w-50p-md{width:50%!important}.w-60p-md{width:60%!important}.w-70p-md{width:70%!important}.w-80p-md{width:80%!important}.w-90p-md{width:90%!important}.w-100p-md{width:100%!important}.w-auto-md{width:auto!important}.w-screen-md{width:100vw!important}.min-h-0-md{min-height:0!important}.min-h-10p-md{min-height:10%!important}.min-h-20p-md{min-height:20%!important}.min-h-30p-md{min-height:30%!important}.min-h-40p-md{min-height:40%!important}.min-h-50p-md{min-height:50%!important}.min-h-60p-md{min-height:60%!important}.min-h-70p-md{min-height:70%!important}.min-h-80p-md{min-height:80%!important}.min-h-90p-md{min-height:90%!important}.min-h-100p-md{min-height:100%!important}.min-h-screen-md{min-height:100vh!important}.min-w-0-md{min-width:0!important}.min-w-10p-md{min-width:10%!important}.min-w-20p-md{min-width:20%!important}.min-w-30p-md{min-width:30%!important}.min-w-40p-md{min-width:40%!important}.min-w-50p-md{min-width:50%!important}.min-w-60p-md{min-width:60%!important}.min-w-70p-md{min-width:70%!important}.min-w-80p-md{min-width:80%!important}.min-w-90p-md{min-width:90%!important}.min-w-100p-md{min-width:100%!important}.min-w-screen-md{min-width:100vw!important}.max-h-none-md{max-height:none!important}.max-h-10p-md{max-height:10%!important}.max-h-20p-md{max-height:20%!important}.max-h-30p-md{max-height:30%!important}.max-h-40p-md{max-height:40%!important}.max-h-50p-md{max-height:50%!important}.max-h-60p-md{max-height:60%!important}.max-h-70p-md{max-height:70%!important}.max-h-80p-md{max-height:80%!important}.max-h-90p-md{max-height:90%!important}.max-h-100p-md{max-height:100%!important}.max-h-screen-md{max-height:100vh!important}.max-w-none-md{max-width:none!important}.max-w-10p-md{max-width:10%!important}.max-w-20p-md{max-width:20%!important}.max-w-30p-md{max-width:30%!important}.max-w-40p-md{max-width:40%!important}.max-w-50p-md{max-width:50%!important}.max-w-60p-md{max-width:60%!important}.max-w-70p-md{max-width:70%!important}.max-w-80p-md{max-width:80%!important}.max-w-90p-md{max-width:90%!important}.max-w-100p-md{max-width:100%!important}.max-w-screen-md{max-width:100vw!important}.level,.level-left,.level-right{display:flex}}@media screen and (min-width:1024px){.h-0-lg{height:0!important}.h-10p-lg{height:10%!important}.h-20p-lg{height:20%!important}.h-30p-lg{height:30%!important}.h-40p-lg{height:40%!important}.h-50p-lg{height:50%!important}.h-60p-lg{height:60%!important}.h-70p-lg{height:70%!important}.h-80p-lg{height:80%!important}.h-90p-lg{height:90%!important}.h-100p-lg{height:100%!important}.h-auto-lg{height:auto!important}.h-screen-lg{height:100vh!important}.w-0-lg{width:0!important}.w-10p-lg{width:10%!important}.w-20p-lg{width:20%!important}.w-30p-lg{width:30%!important}.w-40p-lg{width:40%!important}.w-50p-lg{width:50%!important}.w-60p-lg{width:60%!important}.w-70p-lg{width:70%!important}.w-80p-lg{width:80%!important}.w-90p-lg{width:90%!important}.w-100p-lg{width:100%!important}.w-auto-lg{width:auto!important}.w-screen-lg{width:100vw!important}.min-h-0-lg{min-height:0!important}.min-h-10p-lg{min-height:10%!important}.min-h-20p-lg{min-height:20%!important}.min-h-30p-lg{min-height:30%!important}.min-h-40p-lg{min-height:40%!important}.min-h-50p-lg{min-height:50%!important}.min-h-60p-lg{min-height:60%!important}.min-h-70p-lg{min-height:70%!important}.min-h-80p-lg{min-height:80%!important}.min-h-90p-lg{min-height:90%!important}.min-h-100p-lg{min-height:100%!important}.min-h-screen-lg{min-height:100vh!important}.min-w-0-lg{min-width:0!important}.min-w-10p-lg{min-width:10%!important}.min-w-20p-lg{min-width:20%!important}.min-w-30p-lg{min-width:30%!important}.min-w-40p-lg{min-width:40%!important}.min-w-50p-lg{min-width:50%!important}.min-w-60p-lg{min-width:60%!important}.min-w-70p-lg{min-width:70%!important}.min-w-80p-lg{min-width:80%!important}.min-w-90p-lg{min-width:90%!important}.min-w-100p-lg{min-width:100%!important}.min-w-screen-lg{min-width:100vw!important}.max-h-none-lg{max-height:none!important}.max-h-10p-lg{max-height:10%!important}.max-h-20p-lg{max-height:20%!important}.max-h-30p-lg{max-height:30%!important}.max-h-40p-lg{max-height:40%!important}.max-h-50p-lg{max-height:50%!important}.max-h-60p-lg{max-height:60%!important}.max-h-70p-lg{max-height:70%!important}.max-h-80p-lg{max-height:80%!important}.max-h-90p-lg{max-height:90%!important}.max-h-100p-lg{max-height:100%!important}.max-h-screen-lg{max-height:100vh!important}.max-w-none-lg{max-width:none!important}.max-w-10p-lg{max-width:10%!important}.max-w-20p-lg{max-width:20%!important}.max-w-30p-lg{max-width:30%!important}.max-w-40p-lg{max-width:40%!important}.max-w-50p-lg{max-width:50%!important}.max-w-60p-lg{max-width:60%!important}.max-w-70p-lg{max-width:70%!important}.max-w-80p-lg{max-width:80%!important}.max-w-90p-lg{max-width:90%!important}.max-w-100p-lg{max-width:100%!important}.max-w-screen-lg{max-width:100vw!important}}@media screen and (min-width:1280px){.h-0-xl{height:0!important}.h-10p-xl{height:10%!important}.h-20p-xl{height:20%!important}.h-30p-xl{height:30%!important}.h-40p-xl{height:40%!important}.h-50p-xl{height:50%!important}.h-60p-xl{height:60%!important}.h-70p-xl{height:70%!important}.h-80p-xl{height:80%!important}.h-90p-xl{height:90%!important}.h-100p-xl{height:100%!important}.h-auto-xl{height:auto!important}.h-screen-xl{height:100vh!important}.w-0-xl{width:0!important}.w-10p-xl{width:10%!important}.w-20p-xl{width:20%!important}.w-30p-xl{width:30%!important}.w-40p-xl{width:40%!important}.w-50p-xl{width:50%!important}.w-60p-xl{width:60%!important}.w-70p-xl{width:70%!important}.w-80p-xl{width:80%!important}.w-90p-xl{width:90%!important}.w-100p-xl{width:100%!important}.w-auto-xl{width:auto!important}.w-screen-xl{width:100vw!important}.min-h-0-xl{min-height:0!important}.min-h-10p-xl{min-height:10%!important}.min-h-20p-xl{min-height:20%!important}.min-h-30p-xl{min-height:30%!important}.min-h-40p-xl{min-height:40%!important}.min-h-50p-xl{min-height:50%!important}.min-h-60p-xl{min-height:60%!important}.min-h-70p-xl{min-height:70%!important}.min-h-80p-xl{min-height:80%!important}.min-h-90p-xl{min-height:90%!important}.min-h-100p-xl{min-height:100%!important}.min-h-screen-xl{min-height:100vh!important}.min-w-0-xl{min-width:0!important}.min-w-10p-xl{min-width:10%!important}.min-w-20p-xl{min-width:20%!important}.min-w-30p-xl{min-width:30%!important}.min-w-40p-xl{min-width:40%!important}.min-w-50p-xl{min-width:50%!important}.min-w-60p-xl{min-width:60%!important}.min-w-70p-xl{min-width:70%!important}.min-w-80p-xl{min-width:80%!important}.min-w-90p-xl{min-width:90%!important}.min-w-100p-xl{min-width:100%!important}.min-w-screen-xl{min-width:100vw!important}.max-h-none-xl{max-height:none!important}.max-h-10p-xl{max-height:10%!important}.max-h-20p-xl{max-height:20%!important}.max-h-30p-xl{max-height:30%!important}.max-h-40p-xl{max-height:40%!important}.max-h-50p-xl{max-height:50%!important}.max-h-60p-xl{max-height:60%!important}.max-h-70p-xl{max-height:70%!important}.max-h-80p-xl{max-height:80%!important}.max-h-90p-xl{max-height:90%!important}.max-h-100p-xl{max-height:100%!important}.max-h-screen-xl{max-height:100vh!important}.max-w-none-xl{max-width:none!important}.max-w-10p-xl{max-width:10%!important}.max-w-20p-xl{max-width:20%!important}.max-w-30p-xl{max-width:30%!important}.max-w-40p-xl{max-width:40%!important}.max-w-50p-xl{max-width:50%!important}.max-w-60p-xl{max-width:60%!important}.max-w-70p-xl{max-width:70%!important}.max-w-80p-xl{max-width:80%!important}.max-w-90p-xl{max-width:90%!important}.max-w-100p-xl{max-width:100%!important}.max-w-screen-xl{max-width:100vw!important}}@media screen and (max-width:767px){.level-right{margin-left:1rem}.level.fill-height{align-items:stretch;display:flex;display:inherit}.container{width:100%}.row{margin-top:0}.divided>.row [class*=" col-"],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.hero-body{padding:0}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.btn.btn--pilled,[type=button].btn--pilled,[type=reset].btn--pilled,[type=submit].btn--pilled,button.btn--pilled{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn.btn--circle,[type=button].btn--circle,[type=reset].btn--circle,[type=submit].btn--circle,button.btn--circle{border-radius:100%;min-width:60px;overflow:hidden;padding:0;text-align:center}.btn.btn--circle:before,[type=button].btn--circle:before,[type=reset].btn--circle:before,[type=submit].btn--circle:before,button.btn--circle:before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}.btn.btn--circle *,[type=button].btn--circle *,[type=reset].btn--circle *,[type=submit].btn--circle *,button.btn--circle *{display:inline;max-width:90%;vertical-align:middle;white-space:pre-wrap}.input-control--pilled{border-radius:6.25rem!important}.bg-primary{background-color:rgba(240,61,77,var(--bg-opacity))!important}.text-primary{border-color:rgba(240,61,77,var(--color-opacity))!important;color:rgba(240,61,77,var(--color-opacity))!important}.bg-success{background-color:rgba(13,209,87,var(--bg-opacity))!important}.text-success{border-color:rgba(13,209,87,var(--color-opacity))!important;color:rgba(13,209,87,var(--color-opacity))!important}.bg-warning{background-color:rgba(250,182,51,var(--bg-opacity))!important}.text-warning{border-color:rgba(250,182,51,var(--color-opacity))!important;color:rgba(250,182,51,var(--color-opacity))!important}.bg-danger{background-color:rgba(251,65,67,var(--bg-opacity))!important}.text-danger{border-color:rgba(251,65,67,var(--color-opacity))!important;color:rgba(251,65,67,var(--color-opacity))!important}.bg-light{background-color:rgba(246,249,252,var(--bg-opacity))!important}.text-light{border-color:rgba(246,249,252,var(--color-opacity))!important;color:rgba(246,249,252,var(--color-opacity))!important}.bg-dark{background-color:rgba(54,54,54,var(--bg-opacity))!important}.text-dark{border-color:rgba(54,54,54,var(--color-opacity))!important;color:rgba(54,54,54,var(--color-opacity))!important}.bg-link{background-color:rgba(94,92,199,var(--bg-opacity))!important}.text-link{border-color:rgba(94,92,199,var(--color-opacity))!important;color:rgba(94,92,199,var(--color-opacity))!important}.bg-link-dark{background-color:rgba(70,67,226,var(--bg-opacity))!important}.text-link-dark{border-color:rgba(70,67,226,var(--color-opacity))!important;color:rgba(70,67,226,var(--color-opacity))!important}.bg-info{background-color:rgba(41,114,250,var(--bg-opacity))!important}.text-info{border-color:rgba(41,114,250,var(--color-opacity))!important;color:rgba(41,114,250,var(--color-opacity))!important}.bg-black{background-color:rgba(0,0,0,var(--bg-opacity))!important}.text-black{border-color:rgba(0,0,0,var(--color-opacity))!important;color:rgba(0,0,0,var(--color-opacity))!important}.bg-white{background-color:rgba(255,255,255,var(--bg-opacity))!important}.text-white{border-color:rgba(255,255,255,var(--color-opacity))!important;color:rgba(255,255,255,var(--color-opacity))!important}.bg-transparent{background-color:transparent!important}.text-transparent{border-color:transparent!important;color:transparent!important}.bg-pink-100{background-color:rgba(252,232,243,var(--bg-opacity))!important}.text-pink-100{border-color:rgba(252,232,243,var(--color-opacity))!important;color:rgba(252,232,243,var(--color-opacity))!important}.bg-pink-200{background-color:rgba(250,209,232,var(--bg-opacity))!important}.text-pink-200{border-color:rgba(250,209,232,var(--color-opacity))!important;color:rgba(250,209,232,var(--color-opacity))!important}.bg-pink-300{background-color:rgba(248,180,217,var(--bg-opacity))!important}.text-pink-300{border-color:rgba(248,180,217,var(--color-opacity))!important;color:rgba(248,180,217,var(--color-opacity))!important}.bg-pink-400{background-color:rgba(241,126,184,var(--bg-opacity))!important}.text-pink-400{border-color:rgba(241,126,184,var(--color-opacity))!important;color:rgba(241,126,184,var(--color-opacity))!important}.bg-pink-500{background-color:rgba(231,70,148,var(--bg-opacity))!important}.text-pink-500{border-color:rgba(231,70,148,var(--color-opacity))!important;color:rgba(231,70,148,var(--color-opacity))!important}.bg-pink-600{background-color:rgba(214,31,105,var(--bg-opacity))!important}.text-pink-600{border-color:rgba(214,31,105,var(--color-opacity))!important;color:rgba(214,31,105,var(--color-opacity))!important}.bg-pink-700{background-color:rgba(191,18,93,var(--bg-opacity))!important}.text-pink-700{border-color:rgba(191,18,93,var(--color-opacity))!important;color:rgba(191,18,93,var(--color-opacity))!important}.bg-pink-800{background-color:rgba(153,21,75,var(--bg-opacity))!important}.text-pink-800{border-color:rgba(153,21,75,var(--color-opacity))!important;color:rgba(153,21,75,var(--color-opacity))!important}.bg-pink-900{background-color:rgba(117,26,61,var(--bg-opacity))!important}.text-pink-900{border-color:rgba(117,26,61,var(--color-opacity))!important;color:rgba(117,26,61,var(--color-opacity))!important}.bg-red-100{background-color:rgba(253,232,232,var(--bg-opacity))!important}.text-red-100{border-color:rgba(253,232,232,var(--color-opacity))!important;color:rgba(253,232,232,var(--color-opacity))!important}.bg-red-200{background-color:rgba(251,213,213,var(--bg-opacity))!important}.text-red-200{border-color:rgba(251,213,213,var(--color-opacity))!important;color:rgba(251,213,213,var(--color-opacity))!important}.bg-red-300{background-color:rgba(248,180,180,var(--bg-opacity))!important}.text-red-300{border-color:rgba(248,180,180,var(--color-opacity))!important;color:rgba(248,180,180,var(--color-opacity))!important}.bg-red-400{background-color:rgba(249,128,128,var(--bg-opacity))!important}.text-red-400{border-color:rgba(249,128,128,var(--color-opacity))!important;color:rgba(249,128,128,var(--color-opacity))!important}.bg-red-500{background-color:rgba(240,82,82,var(--bg-opacity))!important}.text-red-500{border-color:rgba(240,82,82,var(--color-opacity))!important;color:rgba(240,82,82,var(--color-opacity))!important}.bg-red-600{background-color:rgba(224,36,36,var(--bg-opacity))!important}.text-red-600{border-color:rgba(224,36,36,var(--color-opacity))!important;color:rgba(224,36,36,var(--color-opacity))!important}.bg-red-700{background-color:rgba(200,30,30,var(--bg-opacity))!important}.text-red-700{border-color:rgba(200,30,30,var(--color-opacity))!important;color:rgba(200,30,30,var(--color-opacity))!important}.bg-red-800{background-color:rgba(155,28,28,var(--bg-opacity))!important}.text-red-800{border-color:rgba(155,28,28,var(--color-opacity))!important;color:rgba(155,28,28,var(--color-opacity))!important}.bg-red-900{background-color:rgba(119,29,29,var(--bg-opacity))!important}.text-red-900{border-color:rgba(119,29,29,var(--color-opacity))!important;color:rgba(119,29,29,var(--color-opacity))!important}.bg-orange-100{background-color:rgba(254,236,220,var(--bg-opacity))!important}.text-orange-100{border-color:rgba(254,236,220,var(--color-opacity))!important;color:rgba(254,236,220,var(--color-opacity))!important}.bg-orange-200{background-color:rgba(252,217,189,var(--bg-opacity))!important}.text-orange-200{border-color:rgba(252,217,189,var(--color-opacity))!important;color:rgba(252,217,189,var(--color-opacity))!important}.bg-orange-300{background-color:rgba(253,186,140,var(--bg-opacity))!important}.text-orange-300{border-color:rgba(253,186,140,var(--color-opacity))!important;color:rgba(253,186,140,var(--color-opacity))!important}.bg-orange-400{background-color:rgba(255,138,76,var(--bg-opacity))!important}.text-orange-400{border-color:rgba(255,138,76,var(--color-opacity))!important;color:rgba(255,138,76,var(--color-opacity))!important}.bg-orange-500{background-color:rgba(255,90,31,var(--bg-opacity))!important}.text-orange-500{border-color:rgba(255,90,31,var(--color-opacity))!important;color:rgba(255,90,31,var(--color-opacity))!important}.bg-orange-600{background-color:rgba(208,56,1,var(--bg-opacity))!important}.text-orange-600{border-color:rgba(208,56,1,var(--color-opacity))!important;color:rgba(208,56,1,var(--color-opacity))!important}.bg-orange-700{background-color:rgba(180,52,3,var(--bg-opacity))!important}.text-orange-700{border-color:rgba(180,52,3,var(--color-opacity))!important;color:rgba(180,52,3,var(--color-opacity))!important}.bg-orange-800{background-color:rgba(138,44,13,var(--bg-opacity))!important}.text-orange-800{border-color:rgba(138,44,13,var(--color-opacity))!important;color:rgba(138,44,13,var(--color-opacity))!important}.bg-orange-900{background-color:rgba(115,35,13,var(--bg-opacity))!important}.text-orange-900{border-color:rgba(115,35,13,var(--color-opacity))!important;color:rgba(115,35,13,var(--color-opacity))!important}.bg-yellow-100{background-color:rgba(253,246,178,var(--bg-opacity))!important}.text-yellow-100{border-color:rgba(253,246,178,var(--color-opacity))!important;color:rgba(253,246,178,var(--color-opacity))!important}.bg-yellow-200{background-color:rgba(252,233,106,var(--bg-opacity))!important}.text-yellow-200{border-color:rgba(252,233,106,var(--color-opacity))!important;color:rgba(252,233,106,var(--color-opacity))!important}.bg-yellow-300{background-color:rgba(250,202,21,var(--bg-opacity))!important}.text-yellow-300{border-color:rgba(250,202,21,var(--color-opacity))!important;color:rgba(250,202,21,var(--color-opacity))!important}.bg-yellow-400{background-color:rgba(227,160,8,var(--bg-opacity))!important}.text-yellow-400{border-color:rgba(227,160,8,var(--color-opacity))!important;color:rgba(227,160,8,var(--color-opacity))!important}.bg-yellow-500{background-color:rgba(194,120,3,var(--bg-opacity))!important}.text-yellow-500{border-color:rgba(194,120,3,var(--color-opacity))!important;color:rgba(194,120,3,var(--color-opacity))!important}.bg-yellow-600{background-color:rgba(159,88,10,var(--bg-opacity))!important}.text-yellow-600{border-color:rgba(159,88,10,var(--color-opacity))!important;color:rgba(159,88,10,var(--color-opacity))!important}.bg-yellow-700{background-color:rgba(142,75,16,var(--bg-opacity))!important}.text-yellow-700{border-color:rgba(142,75,16,var(--color-opacity))!important;color:rgba(142,75,16,var(--color-opacity))!important}.bg-yellow-800{background-color:rgba(114,59,19,var(--bg-opacity))!important}.text-yellow-800{border-color:rgba(114,59,19,var(--color-opacity))!important;color:rgba(114,59,19,var(--color-opacity))!important}.bg-yellow-900{background-color:rgba(99,49,18,var(--bg-opacity))!important}.text-yellow-900{border-color:rgba(99,49,18,var(--color-opacity))!important;color:rgba(99,49,18,var(--color-opacity))!important}.bg-green-100{background-color:rgba(222,247,236,var(--bg-opacity))!important}.text-green-100{border-color:rgba(222,247,236,var(--color-opacity))!important;color:rgba(222,247,236,var(--color-opacity))!important}.bg-green-200{background-color:rgba(188,240,218,var(--bg-opacity))!important}.text-green-200{border-color:rgba(188,240,218,var(--color-opacity))!important;color:rgba(188,240,218,var(--color-opacity))!important}.bg-green-300{background-color:rgba(132,225,188,var(--bg-opacity))!important}.text-green-300{border-color:rgba(132,225,188,var(--color-opacity))!important;color:rgba(132,225,188,var(--color-opacity))!important}.bg-green-400{background-color:rgba(49,196,141,var(--bg-opacity))!important}.text-green-400{border-color:rgba(49,196,141,var(--color-opacity))!important;color:rgba(49,196,141,var(--color-opacity))!important}.bg-green-500{background-color:rgba(14,159,110,var(--bg-opacity))!important}.text-green-500{border-color:rgba(14,159,110,var(--color-opacity))!important;color:rgba(14,159,110,var(--color-opacity))!important}.bg-green-600{background-color:rgba(5,122,85,var(--bg-opacity))!important}.text-green-600{border-color:rgba(5,122,85,var(--color-opacity))!important;color:rgba(5,122,85,var(--color-opacity))!important}.bg-green-700{background-color:rgba(4,108,78,var(--bg-opacity))!important}.text-green-700{border-color:rgba(4,108,78,var(--color-opacity))!important;color:rgba(4,108,78,var(--color-opacity))!important}.bg-green-800{background-color:rgba(3,84,63,var(--bg-opacity))!important}.text-green-800{border-color:rgba(3,84,63,var(--color-opacity))!important;color:rgba(3,84,63,var(--color-opacity))!important}.bg-green-900{background-color:rgba(1,71,55,var(--bg-opacity))!important}.text-green-900{border-color:rgba(1,71,55,var(--color-opacity))!important;color:rgba(1,71,55,var(--color-opacity))!important}.bg-teal-100{background-color:rgba(213,245,246,var(--bg-opacity))!important}.text-teal-100{border-color:rgba(213,245,246,var(--color-opacity))!important;color:rgba(213,245,246,var(--color-opacity))!important}.bg-teal-200{background-color:rgba(175,236,239,var(--bg-opacity))!important}.text-teal-200{border-color:rgba(175,236,239,var(--color-opacity))!important;color:rgba(175,236,239,var(--color-opacity))!important}.bg-teal-300{background-color:rgba(126,220,226,var(--bg-opacity))!important}.text-teal-300{border-color:rgba(126,220,226,var(--color-opacity))!important;color:rgba(126,220,226,var(--color-opacity))!important}.bg-teal-400{background-color:rgba(22,189,202,var(--bg-opacity))!important}.text-teal-400{border-color:rgba(22,189,202,var(--color-opacity))!important;color:rgba(22,189,202,var(--color-opacity))!important}.bg-teal-500{background-color:rgba(6,148,162,var(--bg-opacity))!important}.text-teal-500{border-color:rgba(6,148,162,var(--color-opacity))!important;color:rgba(6,148,162,var(--color-opacity))!important}.bg-teal-600{background-color:rgba(4,116,129,var(--bg-opacity))!important}.text-teal-600{border-color:rgba(4,116,129,var(--color-opacity))!important;color:rgba(4,116,129,var(--color-opacity))!important}.bg-teal-700{background-color:rgba(3,102,114,var(--bg-opacity))!important}.text-teal-700{border-color:rgba(3,102,114,var(--color-opacity))!important;color:rgba(3,102,114,var(--color-opacity))!important}.bg-teal-800{background-color:rgba(5,80,92,var(--bg-opacity))!important}.text-teal-800{border-color:rgba(5,80,92,var(--color-opacity))!important;color:rgba(5,80,92,var(--color-opacity))!important}.bg-teal-900{background-color:rgba(1,68,81,var(--bg-opacity))!important}.text-teal-900{border-color:rgba(1,68,81,var(--color-opacity))!important;color:rgba(1,68,81,var(--color-opacity))!important}.bg-blue-100{background-color:rgba(225,239,254,var(--bg-opacity))!important}.text-blue-100{border-color:rgba(225,239,254,var(--color-opacity))!important;color:rgba(225,239,254,var(--color-opacity))!important}.bg-blue-200{background-color:rgba(195,221,253,var(--bg-opacity))!important}.text-blue-200{border-color:rgba(195,221,253,var(--color-opacity))!important;color:rgba(195,221,253,var(--color-opacity))!important}.bg-blue-300{background-color:rgba(164,202,254,var(--bg-opacity))!important}.text-blue-300{border-color:rgba(164,202,254,var(--color-opacity))!important;color:rgba(164,202,254,var(--color-opacity))!important}.bg-blue-400{background-color:rgba(118,169,250,var(--bg-opacity))!important}.text-blue-400{border-color:rgba(118,169,250,var(--color-opacity))!important;color:rgba(118,169,250,var(--color-opacity))!important}.bg-blue-500{background-color:rgba(63,131,248,var(--bg-opacity))!important}.text-blue-500{border-color:rgba(63,131,248,var(--color-opacity))!important;color:rgba(63,131,248,var(--color-opacity))!important}.bg-blue-600{background-color:rgba(28,100,242,var(--bg-opacity))!important}.text-blue-600{border-color:rgba(28,100,242,var(--color-opacity))!important;color:rgba(28,100,242,var(--color-opacity))!important}.bg-blue-700{background-color:rgba(26,86,219,var(--bg-opacity))!important}.text-blue-700{border-color:rgba(26,86,219,var(--color-opacity))!important;color:rgba(26,86,219,var(--color-opacity))!important}.bg-blue-800{background-color:rgba(30,66,159,var(--bg-opacity))!important}.text-blue-800{border-color:rgba(30,66,159,var(--color-opacity))!important;color:rgba(30,66,159,var(--color-opacity))!important}.bg-blue-900{background-color:rgba(35,56,118,var(--bg-opacity))!important}.text-blue-900{border-color:rgba(35,56,118,var(--color-opacity))!important;color:rgba(35,56,118,var(--color-opacity))!important}.bg-indigo-100{background-color:rgba(229,237,255,var(--bg-opacity))!important}.text-indigo-100{border-color:rgba(229,237,255,var(--color-opacity))!important;color:rgba(229,237,255,var(--color-opacity))!important}.bg-indigo-200{background-color:rgba(205,219,254,var(--bg-opacity))!important}.text-indigo-200{border-color:rgba(205,219,254,var(--color-opacity))!important;color:rgba(205,219,254,var(--color-opacity))!important}.bg-indigo-300{background-color:rgba(180,198,252,var(--bg-opacity))!important}.text-indigo-300{border-color:rgba(180,198,252,var(--color-opacity))!important;color:rgba(180,198,252,var(--color-opacity))!important}.bg-indigo-400{background-color:rgba(141,162,251,var(--bg-opacity))!important}.text-indigo-400{border-color:rgba(141,162,251,var(--color-opacity))!important;color:rgba(141,162,251,var(--color-opacity))!important}.bg-indigo-500{background-color:rgba(104,117,245,var(--bg-opacity))!important}.text-indigo-500{border-color:rgba(104,117,245,var(--color-opacity))!important;color:rgba(104,117,245,var(--color-opacity))!important}.bg-indigo-600{background-color:rgba(88,80,236,var(--bg-opacity))!important}.text-indigo-600{border-color:rgba(88,80,236,var(--color-opacity))!important;color:rgba(88,80,236,var(--color-opacity))!important}.bg-indigo-700{background-color:rgba(81,69,205,var(--bg-opacity))!important}.text-indigo-700{border-color:rgba(81,69,205,var(--color-opacity))!important;color:rgba(81,69,205,var(--color-opacity))!important}.bg-indigo-800{background-color:rgba(66,56,157,var(--bg-opacity))!important}.text-indigo-800{border-color:rgba(66,56,157,var(--color-opacity))!important;color:rgba(66,56,157,var(--color-opacity))!important}.bg-indigo-900{background-color:rgba(54,47,120,var(--bg-opacity))!important}.text-indigo-900{border-color:rgba(54,47,120,var(--color-opacity))!important;color:rgba(54,47,120,var(--color-opacity))!important}.bg-purple-100{background-color:rgba(237,235,254,var(--bg-opacity))!important}.text-purple-100{border-color:rgba(237,235,254,var(--color-opacity))!important;color:rgba(237,235,254,var(--color-opacity))!important}.bg-purple-200{background-color:rgba(220,215,254,var(--bg-opacity))!important}.text-purple-200{border-color:rgba(220,215,254,var(--color-opacity))!important;color:rgba(220,215,254,var(--color-opacity))!important}.bg-purple-300{background-color:rgba(202,191,253,var(--bg-opacity))!important}.text-purple-300{border-color:rgba(202,191,253,var(--color-opacity))!important;color:rgba(202,191,253,var(--color-opacity))!important}.bg-purple-400{background-color:rgba(172,148,250,var(--bg-opacity))!important}.text-purple-400{border-color:rgba(172,148,250,var(--color-opacity))!important;color:rgba(172,148,250,var(--color-opacity))!important}.bg-purple-500{background-color:rgba(144,97,249,var(--bg-opacity))!important}.text-purple-500{border-color:rgba(144,97,249,var(--color-opacity))!important;color:rgba(144,97,249,var(--color-opacity))!important}.bg-purple-600{background-color:rgba(126,58,242,var(--bg-opacity))!important}.text-purple-600{border-color:rgba(126,58,242,var(--color-opacity))!important;color:rgba(126,58,242,var(--color-opacity))!important}.bg-purple-700{background-color:rgba(108,43,217,var(--bg-opacity))!important}.text-purple-700{border-color:rgba(108,43,217,var(--color-opacity))!important;color:rgba(108,43,217,var(--color-opacity))!important}.bg-purple-800{background-color:rgba(85,33,181,var(--bg-opacity))!important}.text-purple-800{border-color:rgba(85,33,181,var(--color-opacity))!important;color:rgba(85,33,181,var(--color-opacity))!important}.bg-purple-900{background-color:rgba(74,29,150,var(--bg-opacity))!important}.text-purple-900{border-color:rgba(74,29,150,var(--color-opacity))!important;color:rgba(74,29,150,var(--color-opacity))!important}.bg-gray-000{background-color:rgba(248,249,250,var(--bg-opacity))!important}.text-gray-000{border-color:rgba(248,249,250,var(--color-opacity))!important;color:rgba(248,249,250,var(--color-opacity))!important}.bg-gray-100{background-color:rgba(241,243,245,var(--bg-opacity))!important}.text-gray-100{border-color:rgba(241,243,245,var(--color-opacity))!important;color:rgba(241,243,245,var(--color-opacity))!important}.bg-gray-200{background-color:rgba(233,236,239,var(--bg-opacity))!important}.text-gray-200{border-color:rgba(233,236,239,var(--color-opacity))!important;color:rgba(233,236,239,var(--color-opacity))!important}.bg-gray-300{background-color:rgba(222,226,230,var(--bg-opacity))!important}.text-gray-300{border-color:rgba(222,226,230,var(--color-opacity))!important;color:rgba(222,226,230,var(--color-opacity))!important}.bg-gray-400{background-color:rgba(206,212,218,var(--bg-opacity))!important}.text-gray-400{border-color:rgba(206,212,218,var(--color-opacity))!important;color:rgba(206,212,218,var(--color-opacity))!important}.bg-gray-500{background-color:rgba(173,181,189,var(--bg-opacity))!important}.text-gray-500{border-color:rgba(173,181,189,var(--color-opacity))!important;color:rgba(173,181,189,var(--color-opacity))!important}.bg-gray-600{background-color:rgba(134,142,150,var(--bg-opacity))!important}.text-gray-600{border-color:rgba(134,142,150,var(--color-opacity))!important;color:rgba(134,142,150,var(--color-opacity))!important}.bg-gray-700{background-color:rgba(73,80,87,var(--bg-opacity))!important}.text-gray-700{border-color:rgba(73,80,87,var(--color-opacity))!important;color:rgba(73,80,87,var(--color-opacity))!important}.bg-gray-800{background-color:rgba(52,58,64,var(--bg-opacity))!important}.text-gray-800{border-color:rgba(52,58,64,var(--color-opacity))!important;color:rgba(52,58,64,var(--color-opacity))!important}.bg-gray-900{background-color:rgba(33,37,41,var(--bg-opacity))!important}.text-gray-900{border-color:rgba(33,37,41,var(--color-opacity))!important;color:rgba(33,37,41,var(--color-opacity))!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mr-0,.mx-0{margin-right:0!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.pr-0,.px-0{padding-right:0!important}.m-1{margin:.5rem!important}.mt-1,.my-1{margin-top:.5rem!important}.mb-1,.my-1{margin-bottom:.5rem!important}.ml-1,.mx-1{margin-left:.5rem!important}.mr-1,.mx-1{margin-right:.5rem!important}.p-1{padding:.5rem!important}.pt-1,.py-1{padding-top:.5rem!important}.pb-1,.py-1{padding-bottom:.5rem!important}.pl-1,.px-1{padding-left:.5rem!important}.pr-1,.px-1{padding-right:.5rem!important}.m-2{margin:1rem!important}.mt-2,.my-2{margin-top:1rem!important}.mb-2,.my-2{margin-bottom:1rem!important}.ml-2,.mx-2{margin-left:1rem!important}.mr-2,.mx-2{margin-right:1rem!important}.p-2{padding:1rem!important}.pt-2,.py-2{padding-top:1rem!important}.pb-2,.py-2{padding-bottom:1rem!important}.pl-2,.px-2{padding-left:1rem!important}.pr-2,.px-2{padding-right:1rem!important}.m-3{margin:1.5rem!important}.mt-3,.my-3{margin-top:1.5rem!important}.mb-3,.my-3{margin-bottom:1.5rem!important}.ml-3,.mx-3{margin-left:1.5rem!important}.mr-3,.mx-3{margin-right:1.5rem!important}.p-3{padding:1.5rem!important}.pt-3,.py-3{padding-top:1.5rem!important}.pb-3,.py-3{padding-bottom:1.5rem!important}.pl-3,.px-3{padding-left:1.5rem!important}.pr-3,.px-3{padding-right:1.5rem!important}.m-4{margin:2rem!important}.mt-4,.my-4{margin-top:2rem!important}.mb-4,.my-4{margin-bottom:2rem!important}.ml-4,.mx-4{margin-left:2rem!important}.mr-4,.mx-4{margin-right:2rem!important}.p-4{padding:2rem!important}.pt-4,.py-4{padding-top:2rem!important}.pb-4,.py-4{padding-bottom:2rem!important}.pl-4,.px-4{padding-left:2rem!important}.pr-4,.px-4{padding-right:2rem!important}.m-5{margin:2.5rem!important}.mt-5,.my-5{margin-top:2.5rem!important}.mb-5,.my-5{margin-bottom:2.5rem!important}.ml-5,.mx-5{margin-left:2.5rem!important}.mr-5,.mx-5{margin-right:2.5rem!important}.p-5{padding:2.5rem!important}.pt-5,.py-5{padding-top:2.5rem!important}.pb-5,.py-5{padding-bottom:2.5rem!important}.pl-5,.px-5{padding-left:2.5rem!important}.pr-5,.px-5{padding-right:2.5rem!important}.m-6{margin:3rem!important}.mt-6,.my-6{margin-top:3rem!important}.mb-6,.my-6{margin-bottom:3rem!important}.ml-6,.mx-6{margin-left:3rem!important}.mr-6,.mx-6{margin-right:3rem!important}.p-6{padding:3rem!important}.pt-6,.py-6{padding-top:3rem!important}.pb-6,.py-6{padding-bottom:3rem!important}.pl-6,.px-6{padding-left:3rem!important}.pr-6,.px-6{padding-right:3rem!important}.m-8{margin:4rem!important}.mt-8,.my-8{margin-top:4rem!important}.mb-8,.my-8{margin-bottom:4rem!important}.ml-8,.mx-8{margin-left:4rem!important}.mr-8,.mx-8{margin-right:4rem!important}.p-8{padding:4rem!important}.pt-8,.py-8{padding-top:4rem!important}.pb-8,.py-8{padding-bottom:4rem!important}.pl-8,.px-8{padding-left:4rem!important}.pr-8,.px-8{padding-right:4rem!important}.m-10{margin:5rem!important}.mt-10,.my-10{margin-top:5rem!important}.mb-10,.my-10{margin-bottom:5rem!important}.ml-10,.mx-10{margin-left:5rem!important}.mr-10,.mx-10{margin-right:5rem!important}.p-10{padding:5rem!important}.pt-10,.py-10{padding-top:5rem!important}.pb-10,.py-10{padding-bottom:5rem!important}.pl-10,.px-10{padding-left:5rem!important}.pr-10,.px-10{padding-right:5rem!important}.m-12{margin:6rem!important}.mt-12,.my-12{margin-top:6rem!important}.mb-12,.my-12{margin-bottom:6rem!important}.ml-12,.mx-12{margin-left:6rem!important}.mr-12,.mx-12{margin-right:6rem!important}.p-12{padding:6rem!important}.pt-12,.py-12{padding-top:6rem!important}.pb-12,.py-12{padding-bottom:6rem!important}.pl-12,.px-12{padding-left:6rem!important}.pr-12,.px-12{padding-right:6rem!important}.m-16{margin:8rem!important}.mt-16,.my-16{margin-top:8rem!important}.mb-16,.my-16{margin-bottom:8rem!important}.ml-16,.mx-16{margin-left:8rem!important}.mr-16,.mx-16{margin-right:8rem!important}.p-16{padding:8rem!important}.pt-16,.py-16{padding-top:8rem!important}.pb-16,.py-16{padding-bottom:8rem!important}.pl-16,.px-16{padding-left:8rem!important}.pr-16,.px-16{padding-right:8rem!important}.m-20{margin:10rem!important}.mt-20,.my-20{margin-top:10rem!important}.mb-20,.my-20{margin-bottom:10rem!important}.ml-20,.mx-20{margin-left:10rem!important}.mr-20,.mx-20{margin-right:10rem!important}.p-20{padding:10rem!important}.pt-20,.py-20{padding-top:10rem!important}.pb-20,.py-20{padding-bottom:10rem!important}.pl-20,.px-20{padding-left:10rem!important}.pr-20,.px-20{padding-right:10rem!important}.m-24{margin:12rem!important}.mt-24,.my-24{margin-top:12rem!important}.mb-24,.my-24{margin-bottom:12rem!important}.ml-24,.mx-24{margin-left:12rem!important}.mr-24,.mx-24{margin-right:12rem!important}.p-24{padding:12rem!important}.pt-24,.py-24{padding-top:12rem!important}.pb-24,.py-24{padding-bottom:12rem!important}.pl-24,.px-24{padding-left:12rem!important}.pr-24,.px-24{padding-right:12rem!important}.m-32{margin:16rem!important}.mt-32,.my-32{margin-top:16rem!important}.mb-32,.my-32{margin-bottom:16rem!important}.ml-32,.mx-32{margin-left:16rem!important}.mr-32,.mx-32{margin-right:16rem!important}.p-32{padding:16rem!important}.pt-32,.py-32{padding-top:16rem!important}.pb-32,.py-32{padding-bottom:16rem!important}.pl-32,.px-32{padding-left:16rem!important}.pr-32,.px-32{padding-right:16rem!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}@media screen and (min-width:640px){.m-0-sm{margin:0!important}.mt-0-sm,.my-0-sm{margin-top:0!important}.mb-0-sm,.my-0-sm{margin-bottom:0!important}.ml-0-sm,.mx-0-sm{margin-left:0!important}.mr-0-sm,.mx-0-sm{margin-right:0!important}.p-0-sm{padding:0!important}.pt-0-sm,.py-0-sm{padding-top:0!important}.pb-0-sm,.py-0-sm{padding-bottom:0!important}.pl-0-sm,.px-0-sm{padding-left:0!important}.pr-0-sm,.px-0-sm{padding-right:0!important}.m-1-sm{margin:.5rem!important}.mt-1-sm,.my-1-sm{margin-top:.5rem!important}.mb-1-sm,.my-1-sm{margin-bottom:.5rem!important}.ml-1-sm,.mx-1-sm{margin-left:.5rem!important}.mr-1-sm,.mx-1-sm{margin-right:.5rem!important}.p-1-sm{padding:.5rem!important}.pt-1-sm,.py-1-sm{padding-top:.5rem!important}.pb-1-sm,.py-1-sm{padding-bottom:.5rem!important}.pl-1-sm,.px-1-sm{padding-left:.5rem!important}.pr-1-sm,.px-1-sm{padding-right:.5rem!important}.m-2-sm{margin:1rem!important}.mt-2-sm,.my-2-sm{margin-top:1rem!important}.mb-2-sm,.my-2-sm{margin-bottom:1rem!important}.ml-2-sm,.mx-2-sm{margin-left:1rem!important}.mr-2-sm,.mx-2-sm{margin-right:1rem!important}.p-2-sm{padding:1rem!important}.pt-2-sm,.py-2-sm{padding-top:1rem!important}.pb-2-sm,.py-2-sm{padding-bottom:1rem!important}.pl-2-sm,.px-2-sm{padding-left:1rem!important}.pr-2-sm,.px-2-sm{padding-right:1rem!important}.m-3-sm{margin:1.5rem!important}.mt-3-sm,.my-3-sm{margin-top:1.5rem!important}.mb-3-sm,.my-3-sm{margin-bottom:1.5rem!important}.ml-3-sm,.mx-3-sm{margin-left:1.5rem!important}.mr-3-sm,.mx-3-sm{margin-right:1.5rem!important}.p-3-sm{padding:1.5rem!important}.pt-3-sm,.py-3-sm{padding-top:1.5rem!important}.pb-3-sm,.py-3-sm{padding-bottom:1.5rem!important}.pl-3-sm,.px-3-sm{padding-left:1.5rem!important}.pr-3-sm,.px-3-sm{padding-right:1.5rem!important}.m-4-sm{margin:2rem!important}.mt-4-sm,.my-4-sm{margin-top:2rem!important}.mb-4-sm,.my-4-sm{margin-bottom:2rem!important}.ml-4-sm,.mx-4-sm{margin-left:2rem!important}.mr-4-sm,.mx-4-sm{margin-right:2rem!important}.p-4-sm{padding:2rem!important}.pt-4-sm,.py-4-sm{padding-top:2rem!important}.pb-4-sm,.py-4-sm{padding-bottom:2rem!important}.pl-4-sm,.px-4-sm{padding-left:2rem!important}.pr-4-sm,.px-4-sm{padding-right:2rem!important}.m-5-sm{margin:2.5rem!important}.mt-5-sm,.my-5-sm{margin-top:2.5rem!important}.mb-5-sm,.my-5-sm{margin-bottom:2.5rem!important}.ml-5-sm,.mx-5-sm{margin-left:2.5rem!important}.mr-5-sm,.mx-5-sm{margin-right:2.5rem!important}.p-5-sm{padding:2.5rem!important}.pt-5-sm,.py-5-sm{padding-top:2.5rem!important}.pb-5-sm,.py-5-sm{padding-bottom:2.5rem!important}.pl-5-sm,.px-5-sm{padding-left:2.5rem!important}.pr-5-sm,.px-5-sm{padding-right:2.5rem!important}.m-6-sm{margin:3rem!important}.mt-6-sm,.my-6-sm{margin-top:3rem!important}.mb-6-sm,.my-6-sm{margin-bottom:3rem!important}.ml-6-sm,.mx-6-sm{margin-left:3rem!important}.mr-6-sm,.mx-6-sm{margin-right:3rem!important}.p-6-sm{padding:3rem!important}.pt-6-sm,.py-6-sm{padding-top:3rem!important}.pb-6-sm,.py-6-sm{padding-bottom:3rem!important}.pl-6-sm,.px-6-sm{padding-left:3rem!important}.pr-6-sm,.px-6-sm{padding-right:3rem!important}.m-8-sm{margin:4rem!important}.mt-8-sm,.my-8-sm{margin-top:4rem!important}.mb-8-sm,.my-8-sm{margin-bottom:4rem!important}.ml-8-sm,.mx-8-sm{margin-left:4rem!important}.mr-8-sm,.mx-8-sm{margin-right:4rem!important}.p-8-sm{padding:4rem!important}.pt-8-sm,.py-8-sm{padding-top:4rem!important}.pb-8-sm,.py-8-sm{padding-bottom:4rem!important}.pl-8-sm,.px-8-sm{padding-left:4rem!important}.pr-8-sm,.px-8-sm{padding-right:4rem!important}.m-10-sm{margin:5rem!important}.mt-10-sm,.my-10-sm{margin-top:5rem!important}.mb-10-sm,.my-10-sm{margin-bottom:5rem!important}.ml-10-sm,.mx-10-sm{margin-left:5rem!important}.mr-10-sm,.mx-10-sm{margin-right:5rem!important}.p-10-sm{padding:5rem!important}.pt-10-sm,.py-10-sm{padding-top:5rem!important}.pb-10-sm,.py-10-sm{padding-bottom:5rem!important}.pl-10-sm,.px-10-sm{padding-left:5rem!important}.pr-10-sm,.px-10-sm{padding-right:5rem!important}.m-12-sm{margin:6rem!important}.mt-12-sm,.my-12-sm{margin-top:6rem!important}.mb-12-sm,.my-12-sm{margin-bottom:6rem!important}.ml-12-sm,.mx-12-sm{margin-left:6rem!important}.mr-12-sm,.mx-12-sm{margin-right:6rem!important}.p-12-sm{padding:6rem!important}.pt-12-sm,.py-12-sm{padding-top:6rem!important}.pb-12-sm,.py-12-sm{padding-bottom:6rem!important}.pl-12-sm,.px-12-sm{padding-left:6rem!important}.pr-12-sm,.px-12-sm{padding-right:6rem!important}.m-16-sm{margin:8rem!important}.mt-16-sm,.my-16-sm{margin-top:8rem!important}.mb-16-sm,.my-16-sm{margin-bottom:8rem!important}.ml-16-sm,.mx-16-sm{margin-left:8rem!important}.mr-16-sm,.mx-16-sm{margin-right:8rem!important}.p-16-sm{padding:8rem!important}.pt-16-sm,.py-16-sm{padding-top:8rem!important}.pb-16-sm,.py-16-sm{padding-bottom:8rem!important}.pl-16-sm,.px-16-sm{padding-left:8rem!important}.pr-16-sm,.px-16-sm{padding-right:8rem!important}.m-20-sm{margin:10rem!important}.mt-20-sm,.my-20-sm{margin-top:10rem!important}.mb-20-sm,.my-20-sm{margin-bottom:10rem!important}.ml-20-sm,.mx-20-sm{margin-left:10rem!important}.mr-20-sm,.mx-20-sm{margin-right:10rem!important}.p-20-sm{padding:10rem!important}.pt-20-sm,.py-20-sm{padding-top:10rem!important}.pb-20-sm,.py-20-sm{padding-bottom:10rem!important}.pl-20-sm,.px-20-sm{padding-left:10rem!important}.pr-20-sm,.px-20-sm{padding-right:10rem!important}.m-24-sm{margin:12rem!important}.mt-24-sm,.my-24-sm{margin-top:12rem!important}.mb-24-sm,.my-24-sm{margin-bottom:12rem!important}.ml-24-sm,.mx-24-sm{margin-left:12rem!important}.mr-24-sm,.mx-24-sm{margin-right:12rem!important}.p-24-sm{padding:12rem!important}.pt-24-sm,.py-24-sm{padding-top:12rem!important}.pb-24-sm,.py-24-sm{padding-bottom:12rem!important}.pl-24-sm,.px-24-sm{padding-left:12rem!important}.pr-24-sm,.px-24-sm{padding-right:12rem!important}.m-32-sm{margin:16rem!important}.mt-32-sm,.my-32-sm{margin-top:16rem!important}.mb-32-sm,.my-32-sm{margin-bottom:16rem!important}.ml-32-sm,.mx-32-sm{margin-left:16rem!important}.mr-32-sm,.mx-32-sm{margin-right:16rem!important}.p-32-sm{padding:16rem!important}.pt-32-sm,.py-32-sm{padding-top:16rem!important}.pb-32-sm,.py-32-sm{padding-bottom:16rem!important}.pl-32-sm,.px-32-sm{padding-left:16rem!important}.pr-32-sm,.px-32-sm{padding-right:16rem!important}.ml-auto-sm,.mx-auto-sm{margin-left:auto!important}.mr-auto-sm,.mx-auto-sm{margin-right:auto!important}.mt-auto-sm,.my-auto-sm{margin-top:auto!important}.mb-auto-sm,.my-auto-sm{margin-bottom:auto!important}}@media screen and (min-width:768px){.m-0-md{margin:0!important}.mt-0-md,.my-0-md{margin-top:0!important}.mb-0-md,.my-0-md{margin-bottom:0!important}.ml-0-md,.mx-0-md{margin-left:0!important}.mr-0-md,.mx-0-md{margin-right:0!important}.p-0-md{padding:0!important}.pt-0-md,.py-0-md{padding-top:0!important}.pb-0-md,.py-0-md{padding-bottom:0!important}.pl-0-md,.px-0-md{padding-left:0!important}.pr-0-md,.px-0-md{padding-right:0!important}.m-1-md{margin:.5rem!important}.mt-1-md,.my-1-md{margin-top:.5rem!important}.mb-1-md,.my-1-md{margin-bottom:.5rem!important}.ml-1-md,.mx-1-md{margin-left:.5rem!important}.mr-1-md,.mx-1-md{margin-right:.5rem!important}.p-1-md{padding:.5rem!important}.pt-1-md,.py-1-md{padding-top:.5rem!important}.pb-1-md,.py-1-md{padding-bottom:.5rem!important}.pl-1-md,.px-1-md{padding-left:.5rem!important}.pr-1-md,.px-1-md{padding-right:.5rem!important}.m-2-md{margin:1rem!important}.mt-2-md,.my-2-md{margin-top:1rem!important}.mb-2-md,.my-2-md{margin-bottom:1rem!important}.ml-2-md,.mx-2-md{margin-left:1rem!important}.mr-2-md,.mx-2-md{margin-right:1rem!important}.p-2-md{padding:1rem!important}.pt-2-md,.py-2-md{padding-top:1rem!important}.pb-2-md,.py-2-md{padding-bottom:1rem!important}.pl-2-md,.px-2-md{padding-left:1rem!important}.pr-2-md,.px-2-md{padding-right:1rem!important}.m-3-md{margin:1.5rem!important}.mt-3-md,.my-3-md{margin-top:1.5rem!important}.mb-3-md,.my-3-md{margin-bottom:1.5rem!important}.ml-3-md,.mx-3-md{margin-left:1.5rem!important}.mr-3-md,.mx-3-md{margin-right:1.5rem!important}.p-3-md{padding:1.5rem!important}.pt-3-md,.py-3-md{padding-top:1.5rem!important}.pb-3-md,.py-3-md{padding-bottom:1.5rem!important}.pl-3-md,.px-3-md{padding-left:1.5rem!important}.pr-3-md,.px-3-md{padding-right:1.5rem!important}.m-4-md{margin:2rem!important}.mt-4-md,.my-4-md{margin-top:2rem!important}.mb-4-md,.my-4-md{margin-bottom:2rem!important}.ml-4-md,.mx-4-md{margin-left:2rem!important}.mr-4-md,.mx-4-md{margin-right:2rem!important}.p-4-md{padding:2rem!important}.pt-4-md,.py-4-md{padding-top:2rem!important}.pb-4-md,.py-4-md{padding-bottom:2rem!important}.pl-4-md,.px-4-md{padding-left:2rem!important}.pr-4-md,.px-4-md{padding-right:2rem!important}.m-5-md{margin:2.5rem!important}.mt-5-md,.my-5-md{margin-top:2.5rem!important}.mb-5-md,.my-5-md{margin-bottom:2.5rem!important}.ml-5-md,.mx-5-md{margin-left:2.5rem!important}.mr-5-md,.mx-5-md{margin-right:2.5rem!important}.p-5-md{padding:2.5rem!important}.pt-5-md,.py-5-md{padding-top:2.5rem!important}.pb-5-md,.py-5-md{padding-bottom:2.5rem!important}.pl-5-md,.px-5-md{padding-left:2.5rem!important}.pr-5-md,.px-5-md{padding-right:2.5rem!important}.m-6-md{margin:3rem!important}.mt-6-md,.my-6-md{margin-top:3rem!important}.mb-6-md,.my-6-md{margin-bottom:3rem!important}.ml-6-md,.mx-6-md{margin-left:3rem!important}.mr-6-md,.mx-6-md{margin-right:3rem!important}.p-6-md{padding:3rem!important}.pt-6-md,.py-6-md{padding-top:3rem!important}.pb-6-md,.py-6-md{padding-bottom:3rem!important}.pl-6-md,.px-6-md{padding-left:3rem!important}.pr-6-md,.px-6-md{padding-right:3rem!important}.m-8-md{margin:4rem!important}.mt-8-md,.my-8-md{margin-top:4rem!important}.mb-8-md,.my-8-md{margin-bottom:4rem!important}.ml-8-md,.mx-8-md{margin-left:4rem!important}.mr-8-md,.mx-8-md{margin-right:4rem!important}.p-8-md{padding:4rem!important}.pt-8-md,.py-8-md{padding-top:4rem!important}.pb-8-md,.py-8-md{padding-bottom:4rem!important}.pl-8-md,.px-8-md{padding-left:4rem!important}.pr-8-md,.px-8-md{padding-right:4rem!important}.m-10-md{margin:5rem!important}.mt-10-md,.my-10-md{margin-top:5rem!important}.mb-10-md,.my-10-md{margin-bottom:5rem!important}.ml-10-md,.mx-10-md{margin-left:5rem!important}.mr-10-md,.mx-10-md{margin-right:5rem!important}.p-10-md{padding:5rem!important}.pt-10-md,.py-10-md{padding-top:5rem!important}.pb-10-md,.py-10-md{padding-bottom:5rem!important}.pl-10-md,.px-10-md{padding-left:5rem!important}.pr-10-md,.px-10-md{padding-right:5rem!important}.m-12-md{margin:6rem!important}.mt-12-md,.my-12-md{margin-top:6rem!important}.mb-12-md,.my-12-md{margin-bottom:6rem!important}.ml-12-md,.mx-12-md{margin-left:6rem!important}.mr-12-md,.mx-12-md{margin-right:6rem!important}.p-12-md{padding:6rem!important}.pt-12-md,.py-12-md{padding-top:6rem!important}.pb-12-md,.py-12-md{padding-bottom:6rem!important}.pl-12-md,.px-12-md{padding-left:6rem!important}.pr-12-md,.px-12-md{padding-right:6rem!important}.m-16-md{margin:8rem!important}.mt-16-md,.my-16-md{margin-top:8rem!important}.mb-16-md,.my-16-md{margin-bottom:8rem!important}.ml-16-md,.mx-16-md{margin-left:8rem!important}.mr-16-md,.mx-16-md{margin-right:8rem!important}.p-16-md{padding:8rem!important}.pt-16-md,.py-16-md{padding-top:8rem!important}.pb-16-md,.py-16-md{padding-bottom:8rem!important}.pl-16-md,.px-16-md{padding-left:8rem!important}.pr-16-md,.px-16-md{padding-right:8rem!important}.m-20-md{margin:10rem!important}.mt-20-md,.my-20-md{margin-top:10rem!important}.mb-20-md,.my-20-md{margin-bottom:10rem!important}.ml-20-md,.mx-20-md{margin-left:10rem!important}.mr-20-md,.mx-20-md{margin-right:10rem!important}.p-20-md{padding:10rem!important}.pt-20-md,.py-20-md{padding-top:10rem!important}.pb-20-md,.py-20-md{padding-bottom:10rem!important}.pl-20-md,.px-20-md{padding-left:10rem!important}.pr-20-md,.px-20-md{padding-right:10rem!important}.m-24-md{margin:12rem!important}.mt-24-md,.my-24-md{margin-top:12rem!important}.mb-24-md,.my-24-md{margin-bottom:12rem!important}.ml-24-md,.mx-24-md{margin-left:12rem!important}.mr-24-md,.mx-24-md{margin-right:12rem!important}.p-24-md{padding:12rem!important}.pt-24-md,.py-24-md{padding-top:12rem!important}.pb-24-md,.py-24-md{padding-bottom:12rem!important}.pl-24-md,.px-24-md{padding-left:12rem!important}.pr-24-md,.px-24-md{padding-right:12rem!important}.m-32-md{margin:16rem!important}.mt-32-md,.my-32-md{margin-top:16rem!important}.mb-32-md,.my-32-md{margin-bottom:16rem!important}.ml-32-md,.mx-32-md{margin-left:16rem!important}.mr-32-md,.mx-32-md{margin-right:16rem!important}.p-32-md{padding:16rem!important}.pt-32-md,.py-32-md{padding-top:16rem!important}.pb-32-md,.py-32-md{padding-bottom:16rem!important}.pl-32-md,.px-32-md{padding-left:16rem!important}.pr-32-md,.px-32-md{padding-right:16rem!important}.ml-auto-md,.mx-auto-md{margin-left:auto!important}.mr-auto-md,.mx-auto-md{margin-right:auto!important}.mt-auto-md,.my-auto-md{margin-top:auto!important}.mb-auto-md,.my-auto-md{margin-bottom:auto!important}}@media screen and (min-width:1024px){.m-0-lg{margin:0!important}.mt-0-lg,.my-0-lg{margin-top:0!important}.mb-0-lg,.my-0-lg{margin-bottom:0!important}.ml-0-lg,.mx-0-lg{margin-left:0!important}.mr-0-lg,.mx-0-lg{margin-right:0!important}.p-0-lg{padding:0!important}.pt-0-lg,.py-0-lg{padding-top:0!important}.pb-0-lg,.py-0-lg{padding-bottom:0!important}.pl-0-lg,.px-0-lg{padding-left:0!important}.pr-0-lg,.px-0-lg{padding-right:0!important}.m-1-lg{margin:.5rem!important}.mt-1-lg,.my-1-lg{margin-top:.5rem!important}.mb-1-lg,.my-1-lg{margin-bottom:.5rem!important}.ml-1-lg,.mx-1-lg{margin-left:.5rem!important}.mr-1-lg,.mx-1-lg{margin-right:.5rem!important}.p-1-lg{padding:.5rem!important}.pt-1-lg,.py-1-lg{padding-top:.5rem!important}.pb-1-lg,.py-1-lg{padding-bottom:.5rem!important}.pl-1-lg,.px-1-lg{padding-left:.5rem!important}.pr-1-lg,.px-1-lg{padding-right:.5rem!important}.m-2-lg{margin:1rem!important}.mt-2-lg,.my-2-lg{margin-top:1rem!important}.mb-2-lg,.my-2-lg{margin-bottom:1rem!important}.ml-2-lg,.mx-2-lg{margin-left:1rem!important}.mr-2-lg,.mx-2-lg{margin-right:1rem!important}.p-2-lg{padding:1rem!important}.pt-2-lg,.py-2-lg{padding-top:1rem!important}.pb-2-lg,.py-2-lg{padding-bottom:1rem!important}.pl-2-lg,.px-2-lg{padding-left:1rem!important}.pr-2-lg,.px-2-lg{padding-right:1rem!important}.m-3-lg{margin:1.5rem!important}.mt-3-lg,.my-3-lg{margin-top:1.5rem!important}.mb-3-lg,.my-3-lg{margin-bottom:1.5rem!important}.ml-3-lg,.mx-3-lg{margin-left:1.5rem!important}.mr-3-lg,.mx-3-lg{margin-right:1.5rem!important}.p-3-lg{padding:1.5rem!important}.pt-3-lg,.py-3-lg{padding-top:1.5rem!important}.pb-3-lg,.py-3-lg{padding-bottom:1.5rem!important}.pl-3-lg,.px-3-lg{padding-left:1.5rem!important}.pr-3-lg,.px-3-lg{padding-right:1.5rem!important}.m-4-lg{margin:2rem!important}.mt-4-lg,.my-4-lg{margin-top:2rem!important}.mb-4-lg,.my-4-lg{margin-bottom:2rem!important}.ml-4-lg,.mx-4-lg{margin-left:2rem!important}.mr-4-lg,.mx-4-lg{margin-right:2rem!important}.p-4-lg{padding:2rem!important}.pt-4-lg,.py-4-lg{padding-top:2rem!important}.pb-4-lg,.py-4-lg{padding-bottom:2rem!important}.pl-4-lg,.px-4-lg{padding-left:2rem!important}.pr-4-lg,.px-4-lg{padding-right:2rem!important}.m-5-lg{margin:2.5rem!important}.mt-5-lg,.my-5-lg{margin-top:2.5rem!important}.mb-5-lg,.my-5-lg{margin-bottom:2.5rem!important}.ml-5-lg,.mx-5-lg{margin-left:2.5rem!important}.mr-5-lg,.mx-5-lg{margin-right:2.5rem!important}.p-5-lg{padding:2.5rem!important}.pt-5-lg,.py-5-lg{padding-top:2.5rem!important}.pb-5-lg,.py-5-lg{padding-bottom:2.5rem!important}.pl-5-lg,.px-5-lg{padding-left:2.5rem!important}.pr-5-lg,.px-5-lg{padding-right:2.5rem!important}.m-6-lg{margin:3rem!important}.mt-6-lg,.my-6-lg{margin-top:3rem!important}.mb-6-lg,.my-6-lg{margin-bottom:3rem!important}.ml-6-lg,.mx-6-lg{margin-left:3rem!important}.mr-6-lg,.mx-6-lg{margin-right:3rem!important}.p-6-lg{padding:3rem!important}.pt-6-lg,.py-6-lg{padding-top:3rem!important}.pb-6-lg,.py-6-lg{padding-bottom:3rem!important}.pl-6-lg,.px-6-lg{padding-left:3rem!important}.pr-6-lg,.px-6-lg{padding-right:3rem!important}.m-8-lg{margin:4rem!important}.mt-8-lg,.my-8-lg{margin-top:4rem!important}.mb-8-lg,.my-8-lg{margin-bottom:4rem!important}.ml-8-lg,.mx-8-lg{margin-left:4rem!important}.mr-8-lg,.mx-8-lg{margin-right:4rem!important}.p-8-lg{padding:4rem!important}.pt-8-lg,.py-8-lg{padding-top:4rem!important}.pb-8-lg,.py-8-lg{padding-bottom:4rem!important}.pl-8-lg,.px-8-lg{padding-left:4rem!important}.pr-8-lg,.px-8-lg{padding-right:4rem!important}.m-10-lg{margin:5rem!important}.mt-10-lg,.my-10-lg{margin-top:5rem!important}.mb-10-lg,.my-10-lg{margin-bottom:5rem!important}.ml-10-lg,.mx-10-lg{margin-left:5rem!important}.mr-10-lg,.mx-10-lg{margin-right:5rem!important}.p-10-lg{padding:5rem!important}.pt-10-lg,.py-10-lg{padding-top:5rem!important}.pb-10-lg,.py-10-lg{padding-bottom:5rem!important}.pl-10-lg,.px-10-lg{padding-left:5rem!important}.pr-10-lg,.px-10-lg{padding-right:5rem!important}.m-12-lg{margin:6rem!important}.mt-12-lg,.my-12-lg{margin-top:6rem!important}.mb-12-lg,.my-12-lg{margin-bottom:6rem!important}.ml-12-lg,.mx-12-lg{margin-left:6rem!important}.mr-12-lg,.mx-12-lg{margin-right:6rem!important}.p-12-lg{padding:6rem!important}.pt-12-lg,.py-12-lg{padding-top:6rem!important}.pb-12-lg,.py-12-lg{padding-bottom:6rem!important}.pl-12-lg,.px-12-lg{padding-left:6rem!important}.pr-12-lg,.px-12-lg{padding-right:6rem!important}.m-16-lg{margin:8rem!important}.mt-16-lg,.my-16-lg{margin-top:8rem!important}.mb-16-lg,.my-16-lg{margin-bottom:8rem!important}.ml-16-lg,.mx-16-lg{margin-left:8rem!important}.mr-16-lg,.mx-16-lg{margin-right:8rem!important}.p-16-lg{padding:8rem!important}.pt-16-lg,.py-16-lg{padding-top:8rem!important}.pb-16-lg,.py-16-lg{padding-bottom:8rem!important}.pl-16-lg,.px-16-lg{padding-left:8rem!important}.pr-16-lg,.px-16-lg{padding-right:8rem!important}.m-20-lg{margin:10rem!important}.mt-20-lg,.my-20-lg{margin-top:10rem!important}.mb-20-lg,.my-20-lg{margin-bottom:10rem!important}.ml-20-lg,.mx-20-lg{margin-left:10rem!important}.mr-20-lg,.mx-20-lg{margin-right:10rem!important}.p-20-lg{padding:10rem!important}.pt-20-lg,.py-20-lg{padding-top:10rem!important}.pb-20-lg,.py-20-lg{padding-bottom:10rem!important}.pl-20-lg,.px-20-lg{padding-left:10rem!important}.pr-20-lg,.px-20-lg{padding-right:10rem!important}.m-24-lg{margin:12rem!important}.mt-24-lg,.my-24-lg{margin-top:12rem!important}.mb-24-lg,.my-24-lg{margin-bottom:12rem!important}.ml-24-lg,.mx-24-lg{margin-left:12rem!important}.mr-24-lg,.mx-24-lg{margin-right:12rem!important}.p-24-lg{padding:12rem!important}.pt-24-lg,.py-24-lg{padding-top:12rem!important}.pb-24-lg,.py-24-lg{padding-bottom:12rem!important}.pl-24-lg,.px-24-lg{padding-left:12rem!important}.pr-24-lg,.px-24-lg{padding-right:12rem!important}.m-32-lg{margin:16rem!important}.mt-32-lg,.my-32-lg{margin-top:16rem!important}.mb-32-lg,.my-32-lg{margin-bottom:16rem!important}.ml-32-lg,.mx-32-lg{margin-left:16rem!important}.mr-32-lg,.mx-32-lg{margin-right:16rem!important}.p-32-lg{padding:16rem!important}.pt-32-lg,.py-32-lg{padding-top:16rem!important}.pb-32-lg,.py-32-lg{padding-bottom:16rem!important}.pl-32-lg,.px-32-lg{padding-left:16rem!important}.pr-32-lg,.px-32-lg{padding-right:16rem!important}.ml-auto-lg,.mx-auto-lg{margin-left:auto!important}.mr-auto-lg,.mx-auto-lg{margin-right:auto!important}.mt-auto-lg,.my-auto-lg{margin-top:auto!important}.mb-auto-lg,.my-auto-lg{margin-bottom:auto!important}}@media screen and (min-width:1280px){.m-0-xl{margin:0!important}.mt-0-xl,.my-0-xl{margin-top:0!important}.mb-0-xl,.my-0-xl{margin-bottom:0!important}.ml-0-xl,.mx-0-xl{margin-left:0!important}.mr-0-xl,.mx-0-xl{margin-right:0!important}.p-0-xl{padding:0!important}.pt-0-xl,.py-0-xl{padding-top:0!important}.pb-0-xl,.py-0-xl{padding-bottom:0!important}.pl-0-xl,.px-0-xl{padding-left:0!important}.pr-0-xl,.px-0-xl{padding-right:0!important}.m-1-xl{margin:.5rem!important}.mt-1-xl,.my-1-xl{margin-top:.5rem!important}.mb-1-xl,.my-1-xl{margin-bottom:.5rem!important}.ml-1-xl,.mx-1-xl{margin-left:.5rem!important}.mr-1-xl,.mx-1-xl{margin-right:.5rem!important}.p-1-xl{padding:.5rem!important}.pt-1-xl,.py-1-xl{padding-top:.5rem!important}.pb-1-xl,.py-1-xl{padding-bottom:.5rem!important}.pl-1-xl,.px-1-xl{padding-left:.5rem!important}.pr-1-xl,.px-1-xl{padding-right:.5rem!important}.m-2-xl{margin:1rem!important}.mt-2-xl,.my-2-xl{margin-top:1rem!important}.mb-2-xl,.my-2-xl{margin-bottom:1rem!important}.ml-2-xl,.mx-2-xl{margin-left:1rem!important}.mr-2-xl,.mx-2-xl{margin-right:1rem!important}.p-2-xl{padding:1rem!important}.pt-2-xl,.py-2-xl{padding-top:1rem!important}.pb-2-xl,.py-2-xl{padding-bottom:1rem!important}.pl-2-xl,.px-2-xl{padding-left:1rem!important}.pr-2-xl,.px-2-xl{padding-right:1rem!important}.m-3-xl{margin:1.5rem!important}.mt-3-xl,.my-3-xl{margin-top:1.5rem!important}.mb-3-xl,.my-3-xl{margin-bottom:1.5rem!important}.ml-3-xl,.mx-3-xl{margin-left:1.5rem!important}.mr-3-xl,.mx-3-xl{margin-right:1.5rem!important}.p-3-xl{padding:1.5rem!important}.pt-3-xl,.py-3-xl{padding-top:1.5rem!important}.pb-3-xl,.py-3-xl{padding-bottom:1.5rem!important}.pl-3-xl,.px-3-xl{padding-left:1.5rem!important}.pr-3-xl,.px-3-xl{padding-right:1.5rem!important}.m-4-xl{margin:2rem!important}.mt-4-xl,.my-4-xl{margin-top:2rem!important}.mb-4-xl,.my-4-xl{margin-bottom:2rem!important}.ml-4-xl,.mx-4-xl{margin-left:2rem!important}.mr-4-xl,.mx-4-xl{margin-right:2rem!important}.p-4-xl{padding:2rem!important}.pt-4-xl,.py-4-xl{padding-top:2rem!important}.pb-4-xl,.py-4-xl{padding-bottom:2rem!important}.pl-4-xl,.px-4-xl{padding-left:2rem!important}.pr-4-xl,.px-4-xl{padding-right:2rem!important}.m-5-xl{margin:2.5rem!important}.mt-5-xl,.my-5-xl{margin-top:2.5rem!important}.mb-5-xl,.my-5-xl{margin-bottom:2.5rem!important}.ml-5-xl,.mx-5-xl{margin-left:2.5rem!important}.mr-5-xl,.mx-5-xl{margin-right:2.5rem!important}.p-5-xl{padding:2.5rem!important}.pt-5-xl,.py-5-xl{padding-top:2.5rem!important}.pb-5-xl,.py-5-xl{padding-bottom:2.5rem!important}.pl-5-xl,.px-5-xl{padding-left:2.5rem!important}.pr-5-xl,.px-5-xl{padding-right:2.5rem!important}.m-6-xl{margin:3rem!important}.mt-6-xl,.my-6-xl{margin-top:3rem!important}.mb-6-xl,.my-6-xl{margin-bottom:3rem!important}.ml-6-xl,.mx-6-xl{margin-left:3rem!important}.mr-6-xl,.mx-6-xl{margin-right:3rem!important}.p-6-xl{padding:3rem!important}.pt-6-xl,.py-6-xl{padding-top:3rem!important}.pb-6-xl,.py-6-xl{padding-bottom:3rem!important}.pl-6-xl,.px-6-xl{padding-left:3rem!important}.pr-6-xl,.px-6-xl{padding-right:3rem!important}.m-8-xl{margin:4rem!important}.mt-8-xl,.my-8-xl{margin-top:4rem!important}.mb-8-xl,.my-8-xl{margin-bottom:4rem!important}.ml-8-xl,.mx-8-xl{margin-left:4rem!important}.mr-8-xl,.mx-8-xl{margin-right:4rem!important}.p-8-xl{padding:4rem!important}.pt-8-xl,.py-8-xl{padding-top:4rem!important}.pb-8-xl,.py-8-xl{padding-bottom:4rem!important}.pl-8-xl,.px-8-xl{padding-left:4rem!important}.pr-8-xl,.px-8-xl{padding-right:4rem!important}.m-10-xl{margin:5rem!important}.mt-10-xl,.my-10-xl{margin-top:5rem!important}.mb-10-xl,.my-10-xl{margin-bottom:5rem!important}.ml-10-xl,.mx-10-xl{margin-left:5rem!important}.mr-10-xl,.mx-10-xl{margin-right:5rem!important}.p-10-xl{padding:5rem!important}.pt-10-xl,.py-10-xl{padding-top:5rem!important}.pb-10-xl,.py-10-xl{padding-bottom:5rem!important}.pl-10-xl,.px-10-xl{padding-left:5rem!important}.pr-10-xl,.px-10-xl{padding-right:5rem!important}.m-12-xl{margin:6rem!important}.mt-12-xl,.my-12-xl{margin-top:6rem!important}.mb-12-xl,.my-12-xl{margin-bottom:6rem!important}.ml-12-xl,.mx-12-xl{margin-left:6rem!important}.mr-12-xl,.mx-12-xl{margin-right:6rem!important}.p-12-xl{padding:6rem!important}.pt-12-xl,.py-12-xl{padding-top:6rem!important}.pb-12-xl,.py-12-xl{padding-bottom:6rem!important}.pl-12-xl,.px-12-xl{padding-left:6rem!important}.pr-12-xl,.px-12-xl{padding-right:6rem!important}.m-16-xl{margin:8rem!important}.mt-16-xl,.my-16-xl{margin-top:8rem!important}.mb-16-xl,.my-16-xl{margin-bottom:8rem!important}.ml-16-xl,.mx-16-xl{margin-left:8rem!important}.mr-16-xl,.mx-16-xl{margin-right:8rem!important}.p-16-xl{padding:8rem!important}.pt-16-xl,.py-16-xl{padding-top:8rem!important}.pb-16-xl,.py-16-xl{padding-bottom:8rem!important}.pl-16-xl,.px-16-xl{padding-left:8rem!important}.pr-16-xl,.px-16-xl{padding-right:8rem!important}.m-20-xl{margin:10rem!important}.mt-20-xl,.my-20-xl{margin-top:10rem!important}.mb-20-xl,.my-20-xl{margin-bottom:10rem!important}.ml-20-xl,.mx-20-xl{margin-left:10rem!important}.mr-20-xl,.mx-20-xl{margin-right:10rem!important}.p-20-xl{padding:10rem!important}.pt-20-xl,.py-20-xl{padding-top:10rem!important}.pb-20-xl,.py-20-xl{padding-bottom:10rem!important}.pl-20-xl,.px-20-xl{padding-left:10rem!important}.pr-20-xl,.px-20-xl{padding-right:10rem!important}.m-24-xl{margin:12rem!important}.mt-24-xl,.my-24-xl{margin-top:12rem!important}.mb-24-xl,.my-24-xl{margin-bottom:12rem!important}.ml-24-xl,.mx-24-xl{margin-left:12rem!important}.mr-24-xl,.mx-24-xl{margin-right:12rem!important}.p-24-xl{padding:12rem!important}.pt-24-xl,.py-24-xl{padding-top:12rem!important}.pb-24-xl,.py-24-xl{padding-bottom:12rem!important}.pl-24-xl,.px-24-xl{padding-left:12rem!important}.pr-24-xl,.px-24-xl{padding-right:12rem!important}.m-32-xl{margin:16rem!important}.mt-32-xl,.my-32-xl{margin-top:16rem!important}.mb-32-xl,.my-32-xl{margin-bottom:16rem!important}.ml-32-xl,.mx-32-xl{margin-left:16rem!important}.mr-32-xl,.mx-32-xl{margin-right:16rem!important}.p-32-xl{padding:16rem!important}.pt-32-xl,.py-32-xl{padding-top:16rem!important}.pb-32-xl,.py-32-xl{padding-bottom:16rem!important}.pl-32-xl,.px-32-xl{padding-left:16rem!important}.pr-32-xl,.px-32-xl{padding-right:16rem!important}.ml-auto-xl,.mx-auto-xl{margin-left:auto!important}.mr-auto-xl,.mx-auto-xl{margin-right:auto!important}.mt-auto-xl,.my-auto-xl{margin-top:auto!important}.mb-auto-xl,.my-auto-xl{margin-bottom:auto!important}}.btn,[type=button],[type=reset],[type=submit],button{line-height:2rem;overflow:hidden;padding:.5rem 1rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;transition:all var(--animation-duration);background-color:rgba(var(--btn-color),var(--bg-opacity));border-color:rgba(var(--btn-border-color),var(--color-opacity));color:rgba(var(--btn-fg),var(--color-opacity));font-size:.75rem;font-weight:inherit;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:248,249,250;--btn-fg:73,80,87;--btn-border-color:233,236,239}.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);--btn-color:241,243,245;color:rgba(var(--btn-fg),var(--color-opacity))}.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn:focus,[type=button]:focus,[type=reset]:focus,[type=submit]:focus,button:focus{outline:0}.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:active,[type=button]:disabled:active,[type=reset]:disabled:active,[type=submit]:disabled:active,button:disabled:active{pointer-events:none}.btn.outline,[type=button].outline,[type=reset].outline,[type=submit].outline,button.outline{--btn-color:transparent}.btn.outline:hover,[type=button].outline:hover,[type=reset].outline:hover,[type=submit].outline:hover,button.outline:hover{--btn-color:233,236,239}.btn.loading:active::after,[type=button].loading:active::after,[type=reset].loading:active::after,[type=submit].loading:active::after,button.loading:active::after{border-radius:50%;border-right-color:transparent;border-top-color:transparent;transition:var(--animation-duration) ease}.btn.btn-animated,[type=button].btn-animated,[type=reset].btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=button].btn-animated:active,[type=reset].btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{transform:scale(.95);transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-close,[type=button].btn-close,[type=reset].btn-close,[type=submit].btn-close,button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}.btn.btn-close:hover,[type=button].btn-close:hover,[type=reset].btn-close:hover,[type=submit].btn-close:hover,button.btn-close:hover{background-color:rgba(10,10,10,.3)}.btn.btn-close::before,[type=button].btn-close::before,[type=reset].btn-close::before,[type=submit].btn-close::before,button.btn-close::before{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;height:2px;width:50%}.btn.btn-close::after,[type=button].btn-close::after,[type=reset].btn-close::after,[type=submit].btn-close::after,button.btn-close::after{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;height:50%;width:2px}.btn.btn-transparent,[type=button].btn-transparent,[type=reset].btn-transparent,[type=submit].btn-transparent,button.btn-transparent{--btn-color:transparent;--btn-fg:54,54,54;--btn-border-color:transparent}.btn.btn-transparent:focus,[type=button].btn-transparent:focus,[type=reset].btn-transparent:focus,[type=submit].btn-transparent:focus,button.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-transparent:hover,[type=button].btn-transparent:hover,[type=reset].btn-transparent:hover,[type=submit].btn-transparent:hover,button.btn-transparent:hover{--bg-opacity:0.1;--btn-color:0,0,0}.btn.btn-transparent.outline,[type=button].btn-transparent.outline,[type=reset].btn-transparent.outline,[type=submit].btn-transparent.outline,button.btn-transparent.outline{--btn-fg:54,54,54}.btn.btn-light,[type=button].btn-light,[type=reset].btn-light,[type=submit].btn-light,button.btn-light{--btn-color:246,249,252;--btn-fg:54,54,54;--btn-border-color:246,249,252}.btn.btn-light:hover,[type=button].btn-light:hover,[type=reset].btn-light:hover,[type=submit].btn-light:hover,button.btn-light:hover{--btn-color:208,224,239}.btn.btn-light:focus,[type=button].btn-light:focus,[type=reset].btn-light:focus,[type=submit].btn-light:focus,button.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-dark,[type=button].btn-dark,[type=reset].btn-dark,[type=submit].btn-dark,button.btn-dark{--btn-color:54,54,54;--btn-fg:246,249,252;--btn-border-color:54,54,54}.btn.btn-dark:focus,[type=button].btn-dark:focus,[type=reset].btn-dark:focus,[type=submit].btn-dark:focus,button.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-dark:hover,[type=button].btn-dark:hover,[type=reset].btn-dark:hover,[type=submit].btn-dark:hover,button.btn-dark:hover{--btn-color:80,80,80}.btn.btn-dark.outline:hover,[type=button].btn-dark.outline:hover,[type=reset].btn-dark.outline:hover,[type=submit].btn-dark.outline:hover,button.btn-dark.outline:hover{--btn-color:54,54,54}.btn.btn-black,[type=button].btn-black,[type=reset].btn-black,[type=submit].btn-black,button.btn-black{--btn-color:0,0,0;--btn-fg:246,249,252;--btn-border-color:0,0,0}.btn.btn-black:focus,[type=button].btn-black:focus,[type=reset].btn-black:focus,[type=submit].btn-black:focus,button.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-black:hover,[type=button].btn-black:hover,[type=reset].btn-black:hover,[type=submit].btn-black:hover,button.btn-black:hover{--btn-color:0,0,0}.btn.btn-primary,[type=button].btn-primary,[type=reset].btn-primary,[type=submit].btn-primary,button.btn-primary{--btn-color:240,61,77;--btn-fg:246,249,252;--btn-border-color:194,27,43}.btn.btn-primary:focus,[type=button].btn-primary:focus,[type=reset].btn-primary:focus,[type=submit].btn-primary:focus,button.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,77,.5)}.btn.btn-primary:hover,[type=button].btn-primary:hover,[type=reset].btn-primary:hover,[type=submit].btn-primary:hover,button.btn-primary:hover{--btn-color:214,41,57}.btn.btn-primary.outline:hover,[type=button].btn-primary.outline:hover,[type=reset].btn-primary.outline:hover,[type=submit].btn-primary.outline:hover,button.btn-primary.outline:hover{--btn-color:240,61,77}.btn.btn-info,[type=button].btn-info,[type=reset].btn-info,[type=submit].btn-info,button.btn-info{--btn-color:41,114,250;--btn-fg:246,249,252;--btn-border-color:41,114,250}.btn.btn-info:focus,[type=button].btn-info:focus,[type=reset].btn-info:focus,[type=submit].btn-info:focus,button.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn.btn-info:hover,[type=button].btn-info:hover,[type=reset].btn-info:hover,[type=submit].btn-info:hover,button.btn-info:hover{--btn-color:16,98,249}.btn.btn-info.outline:hover,[type=button].btn-info.outline:hover,[type=reset].btn-info.outline:hover,[type=submit].btn-info.outline:hover,button.btn-info.outline:hover{--btn-color:41,114,250}.btn.btn-link,[type=button].btn-link,[type=reset].btn-link,[type=submit].btn-link,button.btn-link{--btn-color:94,92,199;--btn-fg:246,249,252;--btn-border-color:94,92,199}.btn.btn-link:focus,[type=button].btn-link:focus,[type=reset].btn-link:focus,[type=submit].btn-link:focus,button.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn.btn-link:hover,[type=button].btn-link:hover,[type=reset].btn-link:hover,[type=submit].btn-link:hover,button.btn-link:hover{--btn-color:70,67,226}.btn.btn-link.outline,[type=button].btn-link.outline,[type=reset].btn-link.outline,[type=submit].btn-link.outline,button.btn-link.outline{--btn-fg:94,92,199;border:1px solid transparent}.btn.btn-link.outline:hover,[type=button].btn-link.outline:hover,[type=reset].btn-link.outline:hover,[type=submit].btn-link.outline:hover,button.btn-link.outline:hover{--btn-color:248,247,255;border:1px solid transparent;text-decoration:underline}.btn.btn-success,[type=button].btn-success,[type=reset].btn-success,[type=submit].btn-success,button.btn-success{--btn-color:13,209,87;--btn-fg:246,249,252;--btn-border-color:13,209,87}.btn.btn-success:focus,[type=button].btn-success:focus,[type=reset].btn-success:focus,[type=submit].btn-success:focus,button.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.5)}.btn.btn-success:hover,[type=button].btn-success:hover,[type=reset].btn-success:hover,[type=submit].btn-success:hover,button.btn-success:hover{--btn-color:12,185,77}.btn.btn-success.outline:hover,[type=button].btn-success.outline:hover,[type=reset].btn-success.outline:hover,[type=submit].btn-success.outline:hover,button.btn-success.outline:hover{--btn-color:13,209,87}.btn.btn-warning,[type=button].btn-warning,[type=reset].btn-warning,[type=submit].btn-warning,button.btn-warning{--btn-color:250,182,51;--btn-fg:54,54,54;--btn-border-color:250,182,51}.btn.btn-warning:focus,[type=button].btn-warning:focus,[type=reset].btn-warning:focus,[type=submit].btn-warning:focus,button.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,182,51,.5)}.btn.btn-warning:hover,[type=button].btn-warning:hover,[type=reset].btn-warning:hover,[type=submit].btn-warning:hover,button.btn-warning:hover{--btn-color:249,173,26}.btn.btn-warning.outline:hover,[type=button].btn-warning.outline:hover,[type=reset].btn-warning.outline:hover,[type=submit].btn-warning.outline:hover,button.btn-warning.outline:hover{--btn-color:250,182,51}.btn.btn-danger,[type=button].btn-danger,[type=reset].btn-danger,[type=submit].btn-danger,button.btn-danger{--btn-color:251,65,67;--btn-fg:246,249,252;--btn-border-color:251,65,67}.btn.btn-danger:focus,[type=button].btn-danger:focus,[type=reset].btn-danger:focus,[type=submit].btn-danger:focus,button.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.5)}.btn.btn-danger:hover,[type=button].btn-danger:hover,[type=reset].btn-danger:hover,[type=submit].btn-danger:hover,button.btn-danger:hover{--btn-color:235,5,7}.btn.btn-danger.outline:hover,[type=button].btn-danger.outline:hover,[type=reset].btn-danger.outline:hover,[type=submit].btn-danger.outline:hover,button.btn-danger.outline:hover{--btn-color:251,65,67}.btn.btn--xs,[type=button].btn--xs,[type=reset].btn--xs,[type=submit].btn--xs,button.btn--xs{padding:0 .5rem;font-size:50%}.btn.btn--sm,[type=button].btn--sm,[type=reset].btn--sm,[type=submit].btn--sm,button.btn--sm{padding:.25rem 1rem;font-size:70%}.btn.btn--md,[type=button].btn--md,[type=reset].btn--md,[type=submit].btn--md,button.btn--md{padding:.5rem 1.5rem;font-size:90%}.btn.btn--lg,[type=button].btn--lg,[type=reset].btn--lg,[type=submit].btn--lg,button.btn--lg{padding:.75rem 2rem;font-size:110%}.btn.btn--xl,[type=button].btn--xl,[type=reset].btn--xl,[type=submit].btn--xl,button.btn--xl{padding:1rem 2.5rem;font-size:130%}.btn .fa-wrapper.pad-right,[type=button] .fa-wrapper.pad-right,[type=reset] .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=button] .fa-wrapper.pad-left,[type=reset] .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=button] span:first-child,[type=reset] span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=button] span:last-child,[type=reset] span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}a.btn{display:inline-flex}[class*=" btn-"]:not(.btn-container):not(.btn-close),[class^=btn-]:not(.btn-container):not(.btn-close){background-color:rgba(var(--btn-color),var(--bg-opacity));border:1px solid rgba(var(--btn-border-color),var(--color-opacity));color:rgba(var(--btn-fg),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close):hover,[class^=btn-]:not(.btn-container):not(.btn-close):hover{background-color:rgba(var(--btn-color),var(--bg-opacity));border-color:rgba(var(--btn-border-color),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline,[class^=btn-]:not(.btn-container):not(.btn-close).outline{background-color:transparent;color:rgba(var(--btn-color),var(--color-opacity))}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover,[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover{background-color:rgba(var(--btn-color),var(--bg-opacity));color:rgba(var(--btn-fg),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent,[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent{color:73,80,87!important}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn-group{display:inline-flex}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{flex:1 0 auto;margin:0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=button]:last-child:not(:first-child),.btn-group [type=reset]:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-1px}.btn-group .btn:focus,.btn-group [type=button]:focus,.btn-group [type=reset]:focus,.btn-group [type=submit]:focus,.btn-group button:focus{z-index:1}.btn-group.btn-group-fill{display:flex}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=button],.btn-group.btn-group-fill [type=reset],.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{flex:1 0}.btn-group.btn-group-fill:focus{z-index:1}@media screen and (max-width:767px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=button]:last-child:not(:first-child),.btn-group [type=reset]:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{--cirrus-code-label-fg:#868e96;padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code:before{color:var(--cirrus-code-label-fg);content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}code.dark{--cirrus-code-bg:#343a40;--cirrus-code-fg:#f8f9fa;--cirrus-border-left-bg:#212529;--cirrus-code-label-fg:#ced4da}pre>code{--cirrus-code-bg:#f8f9fa;--cirrus-code-fg:#343a40;--cirrus-border-left-bg:#e9ecef;background-color:var(--cirrus-code-bg);font-size:14px;display:block;padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-border-left-bg);margin:0;position:relative;color:var(--cirrus-code-fg)}pre>code[data-lang]:not([data-lang=""]){padding:2rem 1.5rem 1rem}.footer{background-color:#343a40;padding:6rem 0;text-align:center;margin-top:5rem;width:100%}.footer.footer--fixed{bottom:0;position:fixed}.footer p{color:#868e96}.footer ul{margin:.5rem 0}.footer .footer__title{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}.footer .footer__list-title{color:#ced4da;font-size:75%;text-transform:uppercase;font-weight:bolder}.footer .footer__list-title::after{content:"";display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}.footer .footer__list-item,.footer ul a .footer__list-item{margin:.1rem;color:#868e96;transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,select.input--xs{font-size:.75rem;padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,select.input--sm{font-size:.875rem;padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,select.input--lg{font-size:1.25rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,select.input--xl{font-size:1.5rem}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,select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,select.input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xs,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs,select.input-contains-icon-right.input-xs,select.input-contains-icon.input--xs{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-sm,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm,select.input-contains-icon-right.input-sm,select.input-contains-icon.input--sm{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-lg,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg,select.input-contains-icon-right.input-lg,select.input-contains-icon.input--lg{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xl,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl,select.input-contains-icon-right.input-xl,select.input-contains-icon.input--xl{padding-left:4rem}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs~.icon,select.input-contains-icon-left.input--xs~.icon,select.input-contains-icon-right.input--xs~.icon.icon-right,select.input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm~.icon,select.input-contains-icon-left.input--sm~.icon,select.input-contains-icon-right.input--sm~.icon.icon-right,select.input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg~.icon,select.input-contains-icon-left.input--lg~.icon,select.input-contains-icon-right.input--lg~.icon.icon-right,select.input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl~.icon,select.input-contains-icon-left.input--xl~.icon,select.input-contains-icon-right.input--xl~.icon.icon-right,select.input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).search,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=search],select.search,select[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,');padding-left:2rem!important;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],select[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,select.input-success{border-color:#0dd157;background-color:rgba(0,224,0,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,select.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,select.input-error{border-color:#fb4143;background-color:rgba(244,67,54,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,select.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}textarea,textarea[type=text]{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;min-height:8rem;line-height:1.5rem;resize:vertical}textarea.input--xs,textarea[type=text].input--xs{font-size:.75rem;padding:.35rem .9rem}textarea.input--sm,textarea[type=text].input--sm{font-size:.875rem;padding:.55rem 1rem}textarea.input--lg,textarea[type=text].input--lg{font-size:1.25rem}textarea.input--xl,textarea[type=text].input--xl{font-size:1.5rem}textarea.input-contains-icon,textarea.input-contains-icon-left,textarea[type=text].input-contains-icon,textarea[type=text].input-contains-icon-left{padding-left:2.75rem}textarea.input-contains-icon-right,textarea[type=text].input-contains-icon-right{padding-right:2.75rem}textarea.input-contains-icon-right.input-xs,textarea.input-contains-icon.input--xs,textarea[type=text].input-contains-icon-right.input-xs,textarea[type=text].input-contains-icon.input--xs{padding-left:2rem}textarea.input-contains-icon-right.input-sm,textarea.input-contains-icon.input--sm,textarea[type=text].input-contains-icon-right.input-sm,textarea[type=text].input-contains-icon.input--sm{padding-left:2.5rem}textarea.input-contains-icon-right.input-lg,textarea.input-contains-icon.input--lg,textarea[type=text].input-contains-icon-right.input-lg,textarea[type=text].input-contains-icon.input--lg{padding-left:3.5rem}textarea.input-contains-icon-right.input-xl,textarea.input-contains-icon.input--xl,textarea[type=text].input-contains-icon-right.input-xl,textarea[type=text].input-contains-icon.input--xl{padding-left:4rem}textarea.input-contains-icon-left.input--xs~.icon,textarea.input-contains-icon-right.input--xs~.icon.icon-right,textarea.input-contains-icon.input--xs~.icon,textarea[type=text].input-contains-icon-left.input--xs~.icon,textarea[type=text].input-contains-icon-right.input--xs~.icon.icon-right,textarea[type=text].input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}textarea.input-contains-icon-left.input--sm~.icon,textarea.input-contains-icon-right.input--sm~.icon.icon-right,textarea.input-contains-icon.input--sm~.icon,textarea[type=text].input-contains-icon-left.input--sm~.icon,textarea[type=text].input-contains-icon-right.input--sm~.icon.icon-right,textarea[type=text].input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}textarea.input-contains-icon-left.input--lg~.icon,textarea.input-contains-icon-right.input--lg~.icon.icon-right,textarea.input-contains-icon.input--lg~.icon,textarea[type=text].input-contains-icon-left.input--lg~.icon,textarea[type=text].input-contains-icon-right.input--lg~.icon.icon-right,textarea[type=text].input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}textarea.input-contains-icon-left.input--xl~.icon,textarea.input-contains-icon-right.input--xl~.icon.icon-right,textarea.input-contains-icon.input--xl~.icon,textarea[type=text].input-contains-icon-left.input--xl~.icon,textarea[type=text].input-contains-icon-right.input--xl~.icon.icon-right,textarea[type=text].input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,.45),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-success,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,input[type=text].input-focused.input-success,select:focus.input-success,textarea:focus.input-success,textarea[type=text]:focus.input-success{border-color:#0dd157;background-color:rgba(0,224,0,.05)!important}.input-focused.input-success:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,input[type=text].input-focused.input-success:focus,select:focus.input-success:focus,textarea:focus.input-success:focus,textarea[type=text]:focus.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-error,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,input[type=text].input-focused.input-error,select:focus.input-error,textarea:focus.input-error,textarea[type=text]:focus.input-error{border-color:#fb4143;background-color:rgba(244,67,54,.05)!important}.input-focused.input-error:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,input[type=text].input-focused.input-error:focus,select:focus.input-error:focus,textarea:focus.input-error:focus,textarea[type=text]:focus.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;background-color:#fff;border:1px solid #ddd}select.input--xs{font-size:.75rem;padding:.35rem .9rem}select.input--sm{font-size:.875rem;padding:.55rem 1rem}select.input--lg{font-size:1.25rem}select.input--xl{font-size:1.5rem}select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}select.input-contains-icon-right{padding-right:2.75rem}select.input-contains-icon-right.input-xs,select.input-contains-icon.input--xs{padding-left:2rem}select.input-contains-icon-right.input-sm,select.input-contains-icon.input--sm{padding-left:2.5rem}select.input-contains-icon-right.input-lg,select.input-contains-icon.input--lg{padding-left:3.5rem}select.input-contains-icon-right.input-xl,select.input-contains-icon.input--xl{padding-left:4rem}select.input-contains-icon-left.input--xs~.icon,select.input-contains-icon-right.input--xs~.icon.icon-right,select.input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}select.input-contains-icon-left.input--sm~.icon,select.input-contains-icon-right.input--sm~.icon.icon-right,select.input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}select.input-contains-icon-left.input--lg~.icon,select.input-contains-icon-right.input--lg~.icon.icon-right,select.input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}select.input-contains-icon-left.input--xl~.icon,select.input-contains-icon-right.input--xl~.icon.icon-right,select.input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){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") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f1f3f5;cursor:not-allowed;border:1px solid #f1f3f5}label.label{color:#495057;display:inline-block;font-weight:700;margin-top:.8rem}label+.input-control{margin-top:0}label.label:not(:last-child){margin-bottom:0}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#c81e1e;padding-left:.1rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon-left~.icon,.input-contains-icon-right~.icon,.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-btn:focus{z-index:1}.form-group .form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #dee2e6;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-label.label--xs{font-size:.75rem}.form-group .form-group-label.label--sm{font-size:.875rem}.form-group .form-group-label.label--lg{font-size:1.25rem}.form-group .form-group-label.label--xl{font-size:1.5rem}.form-group .form-group-input:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-input:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-input:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-input:focus{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07);display:flex;flex-direction:column}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto}.frame .frame__body{flex:1 1 auto;overflow-y:auto;padding:0 1rem}.frame .frame__title{color:#0f172a;font-size:1rem;margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(15,23,42,.6);font-size:1rem;margin:0 auto .75rem}.header{flex-grow:1;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s;display:flex;--header-link-color:#495057;--header-link-color-hover:#606a73}.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:0}.header a{color:var(--header-link-color)}.header a:hover{color:var(--header-link-color-hover)}.header.header-dark{background-color:rgba(0,0,0,.87);color:#fff;--header-link-color:#fff;--header-link-color-hover:#fff}.header.header-clear{background-color:transparent;box-shadow:none}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.header.header-animated .header-nav{transition:.3s}.header .header-nav{overflow:auto}.header .header-brand{align-items:stretch;display:flex;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header.header-fixed{position:fixed;top:0}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{background-color:rgba(216,216,216,.15);transition:.3s}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.header .nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header [type=button],.header [type=reset],.header [type=submit],.header button{margin:0}.nav-menu{transition:.3s}.nav-menu .has-sub{position:relative}.nav-overflow-x{justify-content:inherit;overflow-x:scroll}.nav-item{align-items:center;display:flex;position:relative;flex-grow:0;flex-shrink:0;justify-content:center;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #e9ecef;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.nav-item .dropdown-menu.dropdown-animated{transition:all var(--animation-duration)}.nav-item .dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.nav-item .dropdown-menu>li{margin:0;transition:.3s}.nav-item .dropdown-menu>li:hover{transition:.3s;background-color:rgba(216,216,216,.15)}.nav-item .dropdown-menu>li:active{transition:.3s;background-color:rgba(216,216,216,.25)}.nav-item .dropdown-menu>li:last-child{margin-bottom:0}.nav-item .dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid #f03d4d;border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.header.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #343a40;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}@media screen and (min-width:768px){.header{align-items:stretch;display:flex}.header .header-nav{flex-grow:1;align-items:stretch;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.header .nav-left{align-items:stretch;flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-start;white-space:nowrap}.header .nav-left .has-sub .dropdown-menu{left:0;right:auto}.header .nav-right{align-items:stretch;flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;white-space:nowrap}.header .nav-right .has-sub .dropdown-menu{left:auto;right:0}.header .nav-center{align-items:stretch;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-left:auto;margin-right:auto}.header .nav-btn{display:none}.header .nav-item a{padding:.5rem 1rem}.header .nav-item .dropdown-menu{opacity:0;pointer-events:none}.header .nav-item .dropdown-menu.dropdown-animated{transform:translateY(-5px)}.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.header .nav-item .dropdown-menu.dropdown-shown,.header .nav-item.toggle-hover:hover .dropdown-menu{opacity:1;transform:none;pointer-events:auto}}@media screen and (max-width:767px){.header{flex-direction:column}.header .header-brand .nav-item:first-child{padding:0 1rem}.header .header-nav{height:0}.header .header-nav.active{height:100vh}.header .header-nav .nav-item{padding:1rem}.header .header-nav .nav-item>a{padding:0;width:100%}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu{display:none}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:var(--header-link-color);display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;transition:86ms ease-out;width:15px}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}.header .nav-item.has-sub.toggle-hover:not(.no-hover):hover>.dropdown-menu{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}}a{color:#5e5cc7;font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:#4643e2;transition:.3s}a.underline{text-decoration:underline}.subtitle a{padding:0}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}ul.no-bullets{list-style:none}ul.menu{font-size:1rem;list-style:none;margin:.5rem 0}ul .menu-title:not(:first-child){margin-bottom:1rem}ul .menu-title:not(:last-child){margin-top:1rem}ul .menu-item a{color:#495057;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;transition:all var(--animation-duration)}ul .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#f03d4d;transition:all var(--animation-duration)}ul .menu-item.selected>a{color:#fff;background-color:#f03d4d}ul .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;transition:all var(--animation-duration)}ul .menu-item .menu-addon .icon{font-size:inherit;vertical-align:auto}ul .menu-item .menu-addon:hover{transition:all var(--animation-duration)}ul .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}ul .menu-item.selected .menu-addon{color:#fff}ul .menu-item ul{border-left:1px solid #dee2e6;margin:.75rem;padding-left:.75rem}ul .divider{border-top:.1rem solid #e9ecef;height:.1rem;margin:1rem 0}ul .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#adb5bd;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;animation:slide-down var(--animation-duration) ease 1;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 1rem 3rem rgba(149,157,165,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;transition:all var(--animation-duration)}@media screen and (max-width:767px){.list-dropdown .menu{height:0;padding:0!important;position:relative}}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-weight:700}.tree .tree-item .tree-item-header .icon{transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;transition:all var(--animation-duration)}.tree-nav-body{display:flex;height:100vh;flex-wrap:nowrap}.tree-nav-body .tree-nav{flex-grow:0;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav-body .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav-body+.tree-nav-close{display:none}.tree-nav-body+.tree-nav-content{max-width:100%;padding:2rem;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-body .tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}@media screen and (max-width:767px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--animation-duration) ease;z-index:400}.tree-nav:target{transform:translateX(0);transition:transform var(--animation-duration) ease}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}.progress{--progress-color:#f03d4d;-moz-appearance:none;-webkit-appearance:none;background-color:#e9ecef;border:none;border-radius:.25rem;overflow:hidden;padding:0;width:100%;height:.75rem}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:var(--progress-color)}.progress::-moz-progress-bar{background-color:var(--progress-color)}.progress::-ms-fill{background-color:var(--progress-color);border:none}.progress.progress--xs{height:.25rem}.progress.progress--sm{height:.5rem}.progress.progress--md{height:.75rem}.progress.progress--lg{height:1rem}.progress.progress--xl{height:1.25rem}.progress.progress--primary{--progress-color:#f03d4d}.progress.progress--dark{--progress-color:#363636}.progress.progress--link{--progress-color:#5e5cc7}.progress.progress--info{--progress-color:#2972fa}.progress.progress--success{--progress-color:#0dd157}.progress.progress--warning{--progress-color:#fab633}.progress.progress--danger{--progress-color:#fb4143}.progress:indeterminate{animation:1.5s linear infinite progress-indeterminate;background:#e9ecef linear-gradient(to right,var(--progress-color) 30%,#e9ecef 30%) top left/150% 150% no-repeat}.progress:indeterminate::-webkit-progress-bar{--progress-color:transparent}.progress:indeterminate::-moz-progress-bar{--progress-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.table-container{overflow:auto;overflow-y:hidden;max-width:100%}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(222,226,230,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table tr.selected{background-color:#f03d4d;color:#fff}.table .table caption{padding-top:.75rem;padding-bottom:.75rem;color:#dee2e6;text-align:left;caption-side:bottom}.table tr:not(.selected):hover,.table.striped tbody tr:not(.selected):nth-child(even):hover{background-color:rgba(222,226,230,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(222,226,230,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(222,226,230,.5);border-bottom:none}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(222,226,230,.5)}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.bordered thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{min-height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}.u-top-auto{top:auto!important}.u-top-0{top:0!important}.u-top-50p{top:50%!important}.u-top-100p{top:100%!important}.u-top-n50p{top:-50%!important}.u-top-n100p{top:-100%!important}.u-left-auto{left:auto!important}.u-left-0{left:0!important}.u-left-50p{left:50%!important}.u-left-100p{left:100%!important}.u-left-n50p{left:-50%!important}.u-left-n100p{left:-100%!important}.u-right-auto{right:auto!important}.u-right-0{right:0!important}.u-right-50p{right:50%!important}.u-right-100p{right:100%!important}.u-right-n50p{right:-50%!important}.u-right-n100p{right:-100%!important}.u-bottom-auto{bottom:auto!important}.u-bottom-0{bottom:0!important}.u-bottom-50p{bottom:50%!important}.u-bottom-100p{bottom:100%!important}.u-bottom-n50p{bottom:-50%!important}.u-bottom-n100p{bottom:-100%!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-none{display:none!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-table-column{display:table-column!important}.u-table-cell{display:table-cell!important}.u-flex-row{flex-direction:row!important}.u-flex-row-reverse{flex-direction:row-reverse!important}.u-flex-column{flex-direction:column!important}.u-flex-column-reverse{flex-direction:column-reverse!important}@media screen and (min-width:640px){.u-top-auto-sm{top:auto!important}.u-top-0-sm{top:0!important}.u-top-50p-sm{top:50%!important}.u-top-100p-sm{top:100%!important}.u-top-n50p-sm{top:-50%!important}.u-top-n100p-sm{top:-100%!important}.u-left-auto-sm{left:auto!important}.u-left-0-sm{left:0!important}.u-left-50p-sm{left:50%!important}.u-left-100p-sm{left:100%!important}.u-left-n50p-sm{left:-50%!important}.u-left-n100p-sm{left:-100%!important}.u-right-auto-sm{right:auto!important}.u-right-0-sm{right:0!important}.u-right-50p-sm{right:50%!important}.u-right-100p-sm{right:100%!important}.u-right-n50p-sm{right:-50%!important}.u-right-n100p-sm{right:-100%!important}.u-bottom-auto-sm{bottom:auto!important}.u-bottom-0-sm{bottom:0!important}.u-bottom-50p-sm{bottom:50%!important}.u-bottom-100p-sm{bottom:100%!important}.u-bottom-n50p-sm{bottom:-50%!important}.u-bottom-n100p-sm{bottom:-100%!important}.u-clear-left-sm{clear:left!important}.u-clear-right-sm{clear:right!important}.u-clear-both-sm{clear:both!important}.u-none-sm{display:none!important}.u-inline-sm{display:inline!important}.u-inline-block-sm{display:inline-block!important}.u-block-sm{display:block!important}.u-flex-sm{display:flex!important}.u-inline-flex-sm{display:inline-flex!important}.u-table-sm{display:table!important}.u-table-row-sm{display:table-row!important}.u-table-column-sm{display:table-column!important}.u-table-cell-sm{display:table-cell!important}.u-flex-row-sm{flex-direction:row!important}.u-flex-row-reverse-sm{flex-direction:row-reverse!important}.u-flex-column-sm{flex-direction:column!important}.u-flex-column-reverse-sm{flex-direction:column-reverse!important}}@media screen and (min-width:768px){.u-top-auto-md{top:auto!important}.u-top-0-md{top:0!important}.u-top-50p-md{top:50%!important}.u-top-100p-md{top:100%!important}.u-top-n50p-md{top:-50%!important}.u-top-n100p-md{top:-100%!important}.u-left-auto-md{left:auto!important}.u-left-0-md{left:0!important}.u-left-50p-md{left:50%!important}.u-left-100p-md{left:100%!important}.u-left-n50p-md{left:-50%!important}.u-left-n100p-md{left:-100%!important}.u-right-auto-md{right:auto!important}.u-right-0-md{right:0!important}.u-right-50p-md{right:50%!important}.u-right-100p-md{right:100%!important}.u-right-n50p-md{right:-50%!important}.u-right-n100p-md{right:-100%!important}.u-bottom-auto-md{bottom:auto!important}.u-bottom-0-md{bottom:0!important}.u-bottom-50p-md{bottom:50%!important}.u-bottom-100p-md{bottom:100%!important}.u-bottom-n50p-md{bottom:-50%!important}.u-bottom-n100p-md{bottom:-100%!important}.u-clear-left-md{clear:left!important}.u-clear-right-md{clear:right!important}.u-clear-both-md{clear:both!important}.u-none-md{display:none!important}.u-inline-md{display:inline!important}.u-inline-block-md{display:inline-block!important}.u-block-md{display:block!important}.u-flex-md{display:flex!important}.u-inline-flex-md{display:inline-flex!important}.u-table-md{display:table!important}.u-table-row-md{display:table-row!important}.u-table-column-md{display:table-column!important}.u-table-cell-md{display:table-cell!important}.u-flex-row-md{flex-direction:row!important}.u-flex-row-reverse-md{flex-direction:row-reverse!important}.u-flex-column-md{flex-direction:column!important}.u-flex-column-reverse-md{flex-direction:column-reverse!important}}@media screen and (min-width:1024px){.u-top-auto-lg{top:auto!important}.u-top-0-lg{top:0!important}.u-top-50p-lg{top:50%!important}.u-top-100p-lg{top:100%!important}.u-top-n50p-lg{top:-50%!important}.u-top-n100p-lg{top:-100%!important}.u-left-auto-lg{left:auto!important}.u-left-0-lg{left:0!important}.u-left-50p-lg{left:50%!important}.u-left-100p-lg{left:100%!important}.u-left-n50p-lg{left:-50%!important}.u-left-n100p-lg{left:-100%!important}.u-right-auto-lg{right:auto!important}.u-right-0-lg{right:0!important}.u-right-50p-lg{right:50%!important}.u-right-100p-lg{right:100%!important}.u-right-n50p-lg{right:-50%!important}.u-right-n100p-lg{right:-100%!important}.u-bottom-auto-lg{bottom:auto!important}.u-bottom-0-lg{bottom:0!important}.u-bottom-50p-lg{bottom:50%!important}.u-bottom-100p-lg{bottom:100%!important}.u-bottom-n50p-lg{bottom:-50%!important}.u-bottom-n100p-lg{bottom:-100%!important}.u-clear-left-lg{clear:left!important}.u-clear-right-lg{clear:right!important}.u-clear-both-lg{clear:both!important}.u-none-lg{display:none!important}.u-inline-lg{display:inline!important}.u-inline-block-lg{display:inline-block!important}.u-block-lg{display:block!important}.u-flex-lg{display:flex!important}.u-inline-flex-lg{display:inline-flex!important}.u-table-lg{display:table!important}.u-table-row-lg{display:table-row!important}.u-table-column-lg{display:table-column!important}.u-table-cell-lg{display:table-cell!important}.u-flex-row-lg{flex-direction:row!important}.u-flex-row-reverse-lg{flex-direction:row-reverse!important}.u-flex-column-lg{flex-direction:column!important}.u-flex-column-reverse-lg{flex-direction:column-reverse!important}}@media screen and (min-width:1280px){.u-top-auto-xl{top:auto!important}.u-top-0-xl{top:0!important}.u-top-50p-xl{top:50%!important}.u-top-100p-xl{top:100%!important}.u-top-n50p-xl{top:-50%!important}.u-top-n100p-xl{top:-100%!important}.u-left-auto-xl{left:auto!important}.u-left-0-xl{left:0!important}.u-left-50p-xl{left:50%!important}.u-left-100p-xl{left:100%!important}.u-left-n50p-xl{left:-50%!important}.u-left-n100p-xl{left:-100%!important}.u-right-auto-xl{right:auto!important}.u-right-0-xl{right:0!important}.u-right-50p-xl{right:50%!important}.u-right-100p-xl{right:100%!important}.u-right-n50p-xl{right:-50%!important}.u-right-n100p-xl{right:-100%!important}.u-bottom-auto-xl{bottom:auto!important}.u-bottom-0-xl{bottom:0!important}.u-bottom-50p-xl{bottom:50%!important}.u-bottom-100p-xl{bottom:100%!important}.u-bottom-n50p-xl{bottom:-50%!important}.u-bottom-n100p-xl{bottom:-100%!important}.u-clear-left-xl{clear:left!important}.u-clear-right-xl{clear:right!important}.u-clear-both-xl{clear:both!important}.u-none-xl{display:none!important}.u-inline-xl{display:inline!important}.u-inline-block-xl{display:inline-block!important}.u-block-xl{display:block!important}.u-flex-xl{display:flex!important}.u-inline-flex-xl{display:inline-flex!important}.u-table-xl{display:table!important}.u-table-row-xl{display:table-row!important}.u-table-column-xl{display:table-column!important}.u-table-cell-xl{display:table-cell!important}.u-flex-row-xl{flex-direction:row!important}.u-flex-row-reverse-xl{flex-direction:row-reverse!important}.u-flex-column-xl{flex-direction:column!important}.u-flex-column-reverse-xl{flex-direction:column-reverse!important}}.u-justify-flex-start{justify-content:flex-start!important}.u-justify-center{justify-content:center!important}.u-justify-flex-end{justify-content:flex-end!important}.u-justify-space-between{justify-content:space-between!important}.u-justify-space-around{justify-content:space-around!important}.u-justify-space-evenly{justify-content:space-evenly!important}@media screen and (min-width:640px){.u-justify-flex-start-sm{justify-content:flex-start!important}.u-justify-center-sm{justify-content:center!important}.u-justify-flex-end-sm{justify-content:flex-end!important}.u-justify-space-between-sm{justify-content:space-between!important}.u-justify-space-around-sm{justify-content:space-around!important}.u-justify-space-evenly-sm{justify-content:space-evenly!important}}@media screen and (min-width:768px){.u-justify-flex-start-md{justify-content:flex-start!important}.u-justify-center-md{justify-content:center!important}.u-justify-flex-end-md{justify-content:flex-end!important}.u-justify-space-between-md{justify-content:space-between!important}.u-justify-space-around-md{justify-content:space-around!important}.u-justify-space-evenly-md{justify-content:space-evenly!important}}@media screen and (min-width:1024px){.u-justify-flex-start-lg{justify-content:flex-start!important}.u-justify-center-lg{justify-content:center!important}.u-justify-flex-end-lg{justify-content:flex-end!important}.u-justify-space-between-lg{justify-content:space-between!important}.u-justify-space-around-lg{justify-content:space-around!important}.u-justify-space-evenly-lg{justify-content:space-evenly!important}}@media screen and (min-width:1280px){.u-justify-flex-start-xl{justify-content:flex-start!important}.u-justify-center-xl{justify-content:center!important}.u-justify-flex-end-xl{justify-content:flex-end!important}.u-justify-space-between-xl{justify-content:space-between!important}.u-justify-space-around-xl{justify-content:space-around!important}.u-justify-space-evenly-xl{justify-content:space-evenly!important}}.u-items-stretch{align-items:stretch!important}.u-items-flex-start{align-items:flex-start!important}.u-items-center{align-items:center!important}.u-items-flex-end{align-items:flex-end!important}.u-items-baseline{align-items:baseline!important}@media screen and (min-width:640px){.u-items-stretch-sm{align-items:stretch!important}.u-items-flex-start-sm{align-items:flex-start!important}.u-items-center-sm{align-items:center!important}.u-items-flex-end-sm{align-items:flex-end!important}.u-items-baseline-sm{align-items:baseline!important}}@media screen and (min-width:768px){.u-items-stretch-md{align-items:stretch!important}.u-items-flex-start-md{align-items:flex-start!important}.u-items-center-md{align-items:center!important}.u-items-flex-end-md{align-items:flex-end!important}.u-items-baseline-md{align-items:baseline!important}}@media screen and (min-width:1024px){.u-items-stretch-lg{align-items:stretch!important}.u-items-flex-start-lg{align-items:flex-start!important}.u-items-center-lg{align-items:center!important}.u-items-flex-end-lg{align-items:flex-end!important}.u-items-baseline-lg{align-items:baseline!important}}@media screen and (min-width:1280px){.u-items-stretch-xl{align-items:stretch!important}.u-items-flex-start-xl{align-items:flex-start!important}.u-items-center-xl{align-items:center!important}.u-items-flex-end-xl{align-items:flex-end!important}.u-items-baseline-xl{align-items:baseline!important}}.u-flex-grow-0{flex-grow:0!important}.u-flex-grow-1{flex-grow:1!important}@media screen and (min-width:640px){.u-flex-grow-0-sm{flex-grow:0!important}.u-flex-grow-1-sm{flex-grow:1!important}}@media screen and (min-width:768px){.u-flex-grow-0-md{flex-grow:0!important}.u-flex-grow-1-md{flex-grow:1!important}}@media screen and (min-width:1024px){.u-flex-grow-0-lg{flex-grow:0!important}.u-flex-grow-1-lg{flex-grow:1!important}}@media screen and (min-width:1280px){.u-flex-grow-0-xl{flex-grow:0!important}.u-flex-grow-1-xl{flex-grow:1!important}}.u-flex-shrink-0{flex-shrink:0!important}.u-flex-shrink-1{flex-shrink:1!important}@media screen and (min-width:640px){.u-flex-shrink-0-sm{flex-shrink:0!important}.u-flex-shrink-1-sm{flex-shrink:1!important}}@media screen and (min-width:768px){.u-flex-shrink-0-md{flex-shrink:0!important}.u-flex-shrink-1-md{flex-shrink:1!important}}@media screen and (min-width:1024px){.u-flex-shrink-0-lg{flex-shrink:0!important}.u-flex-shrink-1-lg{flex-shrink:1!important}}@media screen and (min-width:1280px){.u-flex-shrink-0-xl{flex-shrink:0!important}.u-flex-shrink-1-xl{flex-shrink:1!important}}.u-flex-wrap{flex-wrap:wrap!important}.u-flex-wrap-reverse{flex-wrap:wrap-reverse!important}.u-flex-nowrap{flex-wrap:nowrap!important}.u-gap-0{gap:0!important}.u-gap-1{gap:.5rem!important}.u-gap-2{gap:1rem!important}.u-gap-3{gap:1.5rem!important}.u-gap-4{gap:2rem!important}.u-gap-5{gap:2.5rem!important}.u-gap-6{gap:3rem!important}.u-gap-8{gap:4rem!important}.u-gap-10{gap:5rem!important}.u-gap-12{gap:6rem!important}.u-gap-16{gap:8rem!important}.u-gap-20{gap:10rem!important}.u-gap-24{gap:12rem!important}.u-gap-32{gap:16rem!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-text-center{text-align:center!important}@media screen and (min-width:640px){.u-flex-wrap-sm{flex-wrap:wrap!important}.u-flex-wrap-reverse-sm{flex-wrap:wrap-reverse!important}.u-flex-nowrap-sm{flex-wrap:nowrap!important}.u-gap-0-sm{gap:0!important}.u-gap-1-sm{gap:.5rem!important}.u-gap-2-sm{gap:1rem!important}.u-gap-3-sm{gap:1.5rem!important}.u-gap-4-sm{gap:2rem!important}.u-gap-5-sm{gap:2.5rem!important}.u-gap-6-sm{gap:3rem!important}.u-gap-8-sm{gap:4rem!important}.u-gap-10-sm{gap:5rem!important}.u-gap-12-sm{gap:6rem!important}.u-gap-16-sm{gap:8rem!important}.u-gap-20-sm{gap:10rem!important}.u-gap-24-sm{gap:12rem!important}.u-gap-32-sm{gap:16rem!important}.u-pull-left-sm{float:left!important}.u-pull-right-sm{float:right!important}.u-text-justify-sm{text-align:justify!important}.u-text-left-sm{text-align:left!important}.u-text-right-sm{text-align:right!important}.u-text-center-sm{text-align:center!important}}@media screen and (min-width:768px){.u-flex-wrap-md{flex-wrap:wrap!important}.u-flex-wrap-reverse-md{flex-wrap:wrap-reverse!important}.u-flex-nowrap-md{flex-wrap:nowrap!important}.u-gap-0-md{gap:0!important}.u-gap-1-md{gap:.5rem!important}.u-gap-2-md{gap:1rem!important}.u-gap-3-md{gap:1.5rem!important}.u-gap-4-md{gap:2rem!important}.u-gap-5-md{gap:2.5rem!important}.u-gap-6-md{gap:3rem!important}.u-gap-8-md{gap:4rem!important}.u-gap-10-md{gap:5rem!important}.u-gap-12-md{gap:6rem!important}.u-gap-16-md{gap:8rem!important}.u-gap-20-md{gap:10rem!important}.u-gap-24-md{gap:12rem!important}.u-gap-32-md{gap:16rem!important}.u-pull-left-md{float:left!important}.u-pull-right-md{float:right!important}.u-text-justify-md{text-align:justify!important}.u-text-left-md{text-align:left!important}.u-text-right-md{text-align:right!important}.u-text-center-md{text-align:center!important}}@media screen and (min-width:1024px){.u-flex-wrap-lg{flex-wrap:wrap!important}.u-flex-wrap-reverse-lg{flex-wrap:wrap-reverse!important}.u-flex-nowrap-lg{flex-wrap:nowrap!important}.u-gap-0-lg{gap:0!important}.u-gap-1-lg{gap:.5rem!important}.u-gap-2-lg{gap:1rem!important}.u-gap-3-lg{gap:1.5rem!important}.u-gap-4-lg{gap:2rem!important}.u-gap-5-lg{gap:2.5rem!important}.u-gap-6-lg{gap:3rem!important}.u-gap-8-lg{gap:4rem!important}.u-gap-10-lg{gap:5rem!important}.u-gap-12-lg{gap:6rem!important}.u-gap-16-lg{gap:8rem!important}.u-gap-20-lg{gap:10rem!important}.u-gap-24-lg{gap:12rem!important}.u-gap-32-lg{gap:16rem!important}.u-pull-left-lg{float:left!important}.u-pull-right-lg{float:right!important}.u-text-justify-lg{text-align:justify!important}.u-text-left-lg{text-align:left!important}.u-text-right-lg{text-align:right!important}.u-text-center-lg{text-align:center!important}}@media screen and (min-width:1280px){.u-flex-wrap-xl{flex-wrap:wrap!important}.u-flex-wrap-reverse-xl{flex-wrap:wrap-reverse!important}.u-flex-nowrap-xl{flex-wrap:nowrap!important}.u-gap-0-xl{gap:0!important}.u-gap-1-xl{gap:.5rem!important}.u-gap-2-xl{gap:1rem!important}.u-gap-3-xl{gap:1.5rem!important}.u-gap-4-xl{gap:2rem!important}.u-gap-5-xl{gap:2.5rem!important}.u-gap-6-xl{gap:3rem!important}.u-gap-8-xl{gap:4rem!important}.u-gap-10-xl{gap:5rem!important}.u-gap-12-xl{gap:6rem!important}.u-gap-16-xl{gap:8rem!important}.u-gap-20-xl{gap:10rem!important}.u-gap-24-xl{gap:12rem!important}.u-gap-32-xl{gap:16rem!important}.u-pull-left-xl{float:left!important}.u-pull-right-xl{float:right!important}.u-text-justify-xl{text-align:justify!important}.u-text-left-xl{text-align:left!important}.u-text-right-xl{text-align:right!important}.u-text-center-xl{text-align:center!important}}.u-text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:flex;align-items:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-disabled{cursor:not-allowed!important;pointer-events:none!important}.u-unselectable{user-select:none!important}.u-no-outline{outline:0!important}.u-opacity-0{opacity:0!important}.u-opacity-10{opacity:.1!important}.u-opacity-20{opacity:.2!important}.u-opacity-30{opacity:.3!important}.u-opacity-40{opacity:.4!important}.u-opacity-50{opacity:.5!important}.u-opacity-60{opacity:.6!important}.u-opacity-70{opacity:.7!important}.u-opacity-80{opacity:.8!important}.u-opacity-90{opacity:.9!important}.u-opacity-100{opacity:1!important}.u-bg-opacity-0{--bg-opacity:0}.u-bg-opacity-10{--bg-opacity:0.1}.u-bg-opacity-20{--bg-opacity:0.2}.u-bg-opacity-30{--bg-opacity:0.3}.u-bg-opacity-40{--bg-opacity:0.4}.u-bg-opacity-50{--bg-opacity:0.5}.u-bg-opacity-60{--bg-opacity:0.6}.u-bg-opacity-70{--bg-opacity:0.7}.u-bg-opacity-80{--bg-opacity:0.8}.u-bg-opacity-90{--bg-opacity:0.9}.u-bg-opacity-100{--bg-opacity:1}.u-color-opacity-0{--color-opacity:0}.u-color-opacity-10{--color-opacity:0.1}.u-color-opacity-20{--color-opacity:0.2}.u-color-opacity-30{--color-opacity:0.3}.u-color-opacity-40{--color-opacity:0.4}.u-color-opacity-50{--color-opacity:0.5}.u-color-opacity-60{--color-opacity:0.6}.u-color-opacity-70{--color-opacity:0.7}.u-color-opacity-80{--color-opacity:0.8}.u-color-opacity-90{--color-opacity:0.9}.u-color-opacity-100{--color-opacity:1}.u-overflow-auto{overflow:auto!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-visible{overflow:visible!important}.u-overflow-scroll{overflow:scroll!important}@media screen and (min-width:640px){.u-opacity-0-sm{opacity:0!important}.u-opacity-10-sm{opacity:.1!important}.u-opacity-20-sm{opacity:.2!important}.u-opacity-30-sm{opacity:.3!important}.u-opacity-40-sm{opacity:.4!important}.u-opacity-50-sm{opacity:.5!important}.u-opacity-60-sm{opacity:.6!important}.u-opacity-70-sm{opacity:.7!important}.u-opacity-80-sm{opacity:.8!important}.u-opacity-90-sm{opacity:.9!important}.u-opacity-100-sm{opacity:1!important}.u-bg-opacity-0-sm{--bg-opacity:0}.u-bg-opacity-10-sm{--bg-opacity:0.1}.u-bg-opacity-20-sm{--bg-opacity:0.2}.u-bg-opacity-30-sm{--bg-opacity:0.3}.u-bg-opacity-40-sm{--bg-opacity:0.4}.u-bg-opacity-50-sm{--bg-opacity:0.5}.u-bg-opacity-60-sm{--bg-opacity:0.6}.u-bg-opacity-70-sm{--bg-opacity:0.7}.u-bg-opacity-80-sm{--bg-opacity:0.8}.u-bg-opacity-90-sm{--bg-opacity:0.9}.u-bg-opacity-100-sm{--bg-opacity:1}.u-color-opacity-0-sm{--color-opacity:0}.u-color-opacity-10-sm{--color-opacity:0.1}.u-color-opacity-20-sm{--color-opacity:0.2}.u-color-opacity-30-sm{--color-opacity:0.3}.u-color-opacity-40-sm{--color-opacity:0.4}.u-color-opacity-50-sm{--color-opacity:0.5}.u-color-opacity-60-sm{--color-opacity:0.6}.u-color-opacity-70-sm{--color-opacity:0.7}.u-color-opacity-80-sm{--color-opacity:0.8}.u-color-opacity-90-sm{--color-opacity:0.9}.u-color-opacity-100-sm{--color-opacity:1}.u-overflow-auto-sm{overflow:auto!important}.u-overflow-hidden-sm{overflow:hidden!important}.u-overflow-visible-sm{overflow:visible!important}.u-overflow-scroll-sm{overflow:scroll!important}}@media screen and (min-width:768px){.u-opacity-0-md{opacity:0!important}.u-opacity-10-md{opacity:.1!important}.u-opacity-20-md{opacity:.2!important}.u-opacity-30-md{opacity:.3!important}.u-opacity-40-md{opacity:.4!important}.u-opacity-50-md{opacity:.5!important}.u-opacity-60-md{opacity:.6!important}.u-opacity-70-md{opacity:.7!important}.u-opacity-80-md{opacity:.8!important}.u-opacity-90-md{opacity:.9!important}.u-opacity-100-md{opacity:1!important}.u-bg-opacity-0-md{--bg-opacity:0}.u-bg-opacity-10-md{--bg-opacity:0.1}.u-bg-opacity-20-md{--bg-opacity:0.2}.u-bg-opacity-30-md{--bg-opacity:0.3}.u-bg-opacity-40-md{--bg-opacity:0.4}.u-bg-opacity-50-md{--bg-opacity:0.5}.u-bg-opacity-60-md{--bg-opacity:0.6}.u-bg-opacity-70-md{--bg-opacity:0.7}.u-bg-opacity-80-md{--bg-opacity:0.8}.u-bg-opacity-90-md{--bg-opacity:0.9}.u-bg-opacity-100-md{--bg-opacity:1}.u-color-opacity-0-md{--color-opacity:0}.u-color-opacity-10-md{--color-opacity:0.1}.u-color-opacity-20-md{--color-opacity:0.2}.u-color-opacity-30-md{--color-opacity:0.3}.u-color-opacity-40-md{--color-opacity:0.4}.u-color-opacity-50-md{--color-opacity:0.5}.u-color-opacity-60-md{--color-opacity:0.6}.u-color-opacity-70-md{--color-opacity:0.7}.u-color-opacity-80-md{--color-opacity:0.8}.u-color-opacity-90-md{--color-opacity:0.9}.u-color-opacity-100-md{--color-opacity:1}.u-overflow-auto-md{overflow:auto!important}.u-overflow-hidden-md{overflow:hidden!important}.u-overflow-visible-md{overflow:visible!important}.u-overflow-scroll-md{overflow:scroll!important}}@media screen and (min-width:1024px){.u-opacity-0-lg{opacity:0!important}.u-opacity-10-lg{opacity:.1!important}.u-opacity-20-lg{opacity:.2!important}.u-opacity-30-lg{opacity:.3!important}.u-opacity-40-lg{opacity:.4!important}.u-opacity-50-lg{opacity:.5!important}.u-opacity-60-lg{opacity:.6!important}.u-opacity-70-lg{opacity:.7!important}.u-opacity-80-lg{opacity:.8!important}.u-opacity-90-lg{opacity:.9!important}.u-opacity-100-lg{opacity:1!important}.u-bg-opacity-0-lg{--bg-opacity:0}.u-bg-opacity-10-lg{--bg-opacity:0.1}.u-bg-opacity-20-lg{--bg-opacity:0.2}.u-bg-opacity-30-lg{--bg-opacity:0.3}.u-bg-opacity-40-lg{--bg-opacity:0.4}.u-bg-opacity-50-lg{--bg-opacity:0.5}.u-bg-opacity-60-lg{--bg-opacity:0.6}.u-bg-opacity-70-lg{--bg-opacity:0.7}.u-bg-opacity-80-lg{--bg-opacity:0.8}.u-bg-opacity-90-lg{--bg-opacity:0.9}.u-bg-opacity-100-lg{--bg-opacity:1}.u-color-opacity-0-lg{--color-opacity:0}.u-color-opacity-10-lg{--color-opacity:0.1}.u-color-opacity-20-lg{--color-opacity:0.2}.u-color-opacity-30-lg{--color-opacity:0.3}.u-color-opacity-40-lg{--color-opacity:0.4}.u-color-opacity-50-lg{--color-opacity:0.5}.u-color-opacity-60-lg{--color-opacity:0.6}.u-color-opacity-70-lg{--color-opacity:0.7}.u-color-opacity-80-lg{--color-opacity:0.8}.u-color-opacity-90-lg{--color-opacity:0.9}.u-color-opacity-100-lg{--color-opacity:1}.u-overflow-auto-lg{overflow:auto!important}.u-overflow-hidden-lg{overflow:hidden!important}.u-overflow-visible-lg{overflow:visible!important}.u-overflow-scroll-lg{overflow:scroll!important}}@media screen and (min-width:1280px){.u-opacity-0-xl{opacity:0!important}.u-opacity-10-xl{opacity:.1!important}.u-opacity-20-xl{opacity:.2!important}.u-opacity-30-xl{opacity:.3!important}.u-opacity-40-xl{opacity:.4!important}.u-opacity-50-xl{opacity:.5!important}.u-opacity-60-xl{opacity:.6!important}.u-opacity-70-xl{opacity:.7!important}.u-opacity-80-xl{opacity:.8!important}.u-opacity-90-xl{opacity:.9!important}.u-opacity-100-xl{opacity:1!important}.u-bg-opacity-0-xl{--bg-opacity:0}.u-bg-opacity-10-xl{--bg-opacity:0.1}.u-bg-opacity-20-xl{--bg-opacity:0.2}.u-bg-opacity-30-xl{--bg-opacity:0.3}.u-bg-opacity-40-xl{--bg-opacity:0.4}.u-bg-opacity-50-xl{--bg-opacity:0.5}.u-bg-opacity-60-xl{--bg-opacity:0.6}.u-bg-opacity-70-xl{--bg-opacity:0.7}.u-bg-opacity-80-xl{--bg-opacity:0.8}.u-bg-opacity-90-xl{--bg-opacity:0.9}.u-bg-opacity-100-xl{--bg-opacity:1}.u-color-opacity-0-xl{--color-opacity:0}.u-color-opacity-10-xl{--color-opacity:0.1}.u-color-opacity-20-xl{--color-opacity:0.2}.u-color-opacity-30-xl{--color-opacity:0.3}.u-color-opacity-40-xl{--color-opacity:0.4}.u-color-opacity-50-xl{--color-opacity:0.5}.u-color-opacity-60-xl{--color-opacity:0.6}.u-color-opacity-70-xl{--color-opacity:0.7}.u-color-opacity-80-xl{--color-opacity:0.8}.u-color-opacity-90-xl{--color-opacity:0.9}.u-color-opacity-100-xl{--color-opacity:1}.u-overflow-auto-xl{overflow:auto!important}.u-overflow-hidden-xl{overflow:hidden!important}.u-overflow-visible-xl{overflow:visible!important}.u-overflow-scroll-xl{overflow:scroll!important}}.u-overflow-x-auto{overflow-x:auto!important}.u-overflow-x-hidden{overflow-x:hidden!important}.u-overflow-x-visible{overflow-x:visible!important}.u-overflow-x-scroll{overflow-x:scroll!important}.u-overflow-y-auto{overflow-y:auto!important}.u-overflow-y-hidden{overflow-y:hidden!important}.u-overflow-y-visible{overflow-y:visible!important}.u-overflow-y-scroll{overflow-y:scroll!important}.u-static{position:static!important}.u-fixed{position:fixed!important}.u-absolute{position:absolute!important}.u-relative{position:relative!important}.u-sticky{position:sticky!important}.u-round-none{border-radius:0}.u-round-xs{border-radius:.25rem}.u-round-sm{border-radius:.5rem}.u-round-md{border-radius:.75rem}.u-round-lg{border-radius:1rem}.u-round-xl{border-radius:1.25rem}.u-round-full{border-radius:9001px}.u-shadow-none{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1{z-index:-1!important}.u-z-0{z-index:0!important}.u-z-1{z-index:1!important}.u-z-10{z-index:10!important}.u-z-20{z-index:20!important}.u-z-30{z-index:30!important}.u-z-40{z-index:40!important}.u-z-50{z-index:50!important}.u-z-auto{z-index:auto!important}@media screen and (min-width:640px){.u-overflow-x-auto-sm{overflow-x:auto!important}.u-overflow-x-hidden-sm{overflow-x:hidden!important}.u-overflow-x-visible-sm{overflow-x:visible!important}.u-overflow-x-scroll-sm{overflow-x:scroll!important}.u-overflow-y-auto-sm{overflow-y:auto!important}.u-overflow-y-hidden-sm{overflow-y:hidden!important}.u-overflow-y-visible-sm{overflow-y:visible!important}.u-overflow-y-scroll-sm{overflow-y:scroll!important}.u-static-sm{position:static!important}.u-fixed-sm{position:fixed!important}.u-absolute-sm{position:absolute!important}.u-relative-sm{position:relative!important}.u-sticky-sm{position:sticky!important}.u-shadow-none-sm{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs-sm{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm-sm{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md-sm{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg-sm{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl-sm{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset-sm{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1-sm{z-index:-1!important}.u-z-0-sm{z-index:0!important}.u-z-1-sm{z-index:1!important}.u-z-10-sm{z-index:10!important}.u-z-20-sm{z-index:20!important}.u-z-30-sm{z-index:30!important}.u-z-40-sm{z-index:40!important}.u-z-50-sm{z-index:50!important}.u-z-auto-sm{z-index:auto!important}}@media screen and (min-width:768px){.u-overflow-x-auto-md{overflow-x:auto!important}.u-overflow-x-hidden-md{overflow-x:hidden!important}.u-overflow-x-visible-md{overflow-x:visible!important}.u-overflow-x-scroll-md{overflow-x:scroll!important}.u-overflow-y-auto-md{overflow-y:auto!important}.u-overflow-y-hidden-md{overflow-y:hidden!important}.u-overflow-y-visible-md{overflow-y:visible!important}.u-overflow-y-scroll-md{overflow-y:scroll!important}.u-static-md{position:static!important}.u-fixed-md{position:fixed!important}.u-absolute-md{position:absolute!important}.u-relative-md{position:relative!important}.u-sticky-md{position:sticky!important}.u-shadow-none-md{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs-md{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm-md{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md-md{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg-md{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl-md{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset-md{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1-md{z-index:-1!important}.u-z-0-md{z-index:0!important}.u-z-1-md{z-index:1!important}.u-z-10-md{z-index:10!important}.u-z-20-md{z-index:20!important}.u-z-30-md{z-index:30!important}.u-z-40-md{z-index:40!important}.u-z-50-md{z-index:50!important}.u-z-auto-md{z-index:auto!important}}@media screen and (min-width:1024px){.u-overflow-x-auto-lg{overflow-x:auto!important}.u-overflow-x-hidden-lg{overflow-x:hidden!important}.u-overflow-x-visible-lg{overflow-x:visible!important}.u-overflow-x-scroll-lg{overflow-x:scroll!important}.u-overflow-y-auto-lg{overflow-y:auto!important}.u-overflow-y-hidden-lg{overflow-y:hidden!important}.u-overflow-y-visible-lg{overflow-y:visible!important}.u-overflow-y-scroll-lg{overflow-y:scroll!important}.u-static-lg{position:static!important}.u-fixed-lg{position:fixed!important}.u-absolute-lg{position:absolute!important}.u-relative-lg{position:relative!important}.u-sticky-lg{position:sticky!important}.u-shadow-none-lg{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs-lg{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm-lg{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md-lg{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg-lg{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl-lg{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset-lg{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1-lg{z-index:-1!important}.u-z-0-lg{z-index:0!important}.u-z-1-lg{z-index:1!important}.u-z-10-lg{z-index:10!important}.u-z-20-lg{z-index:20!important}.u-z-30-lg{z-index:30!important}.u-z-40-lg{z-index:40!important}.u-z-50-lg{z-index:50!important}.u-z-auto-lg{z-index:auto!important}}@media screen and (min-width:1280px){.u-overflow-x-auto-xl{overflow-x:auto!important}.u-overflow-x-hidden-xl{overflow-x:hidden!important}.u-overflow-x-visible-xl{overflow-x:visible!important}.u-overflow-x-scroll-xl{overflow-x:scroll!important}.u-overflow-y-auto-xl{overflow-y:auto!important}.u-overflow-y-hidden-xl{overflow-y:hidden!important}.u-overflow-y-visible-xl{overflow-y:visible!important}.u-overflow-y-scroll-xl{overflow-y:scroll!important}.u-static-xl{position:static!important}.u-fixed-xl{position:fixed!important}.u-absolute-xl{position:absolute!important}.u-relative-xl{position:relative!important}.u-sticky-xl{position:sticky!important}.u-shadow-none-xl{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs-xl{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm-xl{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md-xl{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg-xl{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl-xl{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset-xl{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1-xl{z-index:-1!important}.u-z-0-xl{z-index:0!important}.u-z-1-xl{z-index:1!important}.u-z-10-xl{z-index:10!important}.u-z-20-xl{z-index:20!important}.u-z-30-xl{z-index:30!important}.u-z-40-xl{z-index:40!important}.u-z-50-xl{z-index:50!important}.u-z-auto-xl{z-index:auto!important}}.avatar{border-radius:50%;position:relative;display:block;margin:auto;font-size:1.5rem;font-weight:lighter;width:3.2rem;height:3.2rem;background-color:#f03d4d;overflow:hidden}.avatar::before{content:attr(data-text);color:currentColor;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%)}.avatar.avatar--xs{font-size:.8rem;width:1.6rem;height:1.6rem}.avatar.avatar--sm{font-size:1rem;width:2.4rem;height:2.4rem}.avatar.avatar--lg{font-size:2rem;width:4.8rem;height:4.8rem}.avatar.avatar--xl{font-size:3rem;width:6.4rem;height:6.4rem}.avatar img.padded{padding:.5rem;width:100%}.breadcrumb{margin:.5rem 0;padding:.5rem 0;align-items:flex-start;display:flex;justify-content:flex-start;list-style:none;white-space:nowrap}.breadcrumb.breadcrumb--center{justify-content:center}.breadcrumb.breadcrumb--right{justify-content:flex-end}.breadcrumb.breadcrumb--arrow .breadcrumb__item:not(:first-child)::before{content:"→"}.breadcrumb.breadcrumb--bullet .breadcrumb__item:not(:first-child)::before{content:"•"}.breadcrumb.breadcrumb--dot .breadcrumb__item:not(:first-child)::before{content:"·"}.breadcrumb.breadcrumb--gt .breadcrumb__item:not(:first-child)::before{content:"≻"}.breadcrumb .breadcrumb__item{margin:0}.breadcrumb .breadcrumb__item:not(:last-child){margin-right:.5rem}.breadcrumb .breadcrumb__item:not(:first-child)::before{content:"/";padding-right:.5rem}.breadcrumb .breadcrumb__item.breadcrumb__item--active{cursor:default;pointer-events:none}.breadcrumb .breadcrumb__item.breadcrumb__item--active a{color:#0f172a}.card{background-color:#fff;backface-visibility:hidden;border-radius:5px;box-shadow:0 5px 12px 0 rgba(42,51,83,.12),0 0 5px rgba(0,0,0,.06);margin-bottom:1rem;overflow:hidden;position:relative;transition:.3s}.card:hover{transition:.3s;box-shadow:0 8px 20px 0 rgba(42,51,83,.12),0 5px 5px rgba(0,0,0,.06)}.card:hover .card-image::after{opacity:0}.card.card--slide-up,.card.slide-up{display:flex;flex-direction:column;max-height:550px}.card.card--slide-up:hover .card-body,.card.card--slide-up:hover .card__body,.card.slide-up:hover .card-body,.card.slide-up:hover .card__body{opacity:1}.card.card--slide-up:hover .card-image,.card.card--slide-up:hover .card__image,.card.slide-up:hover .card-image,.card.slide-up:hover .card__image{transform:translateY(-40px)}.card.card--slide-up:hover .card__mobile-title,.card.card--slide-up:hover .mobile-title,.card.slide-up:hover .card__mobile-title,.card.slide-up:hover .mobile-title{bottom:35%;transition:.3s ease-in-out}.card.card--slide-up .card__mobile-title,.card.card--slide-up .mobile-title,.card.slide-up .card__mobile-title,.card.slide-up .mobile-title{position:absolute;left:0;bottom:5rem;background-color:var(--cirrus-bg);-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out;width:100%;padding:1.5rem 0 0;backface-visibility:hidden}.card.card--slide-up .card-body,.card.card--slide-up .card__body,.card.slide-up .card-body,.card.slide-up .card__body{opacity:0;overflow:auto;transition:all var(--animation-duration) ease-in-out}.card.u-flex .content{flex-grow:1}.card p{margin:1rem 0}.card .card-image,.card .card__image{bottom:0;left:0;position:absolute;right:0;top:0;border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;transition:.3s ease-in-out}.card .card-image::after,.card .card__image::after{content:"";display:block;position:absolute;background-color:rgba(0,0,0,.1);top:0;left:0;right:0;transition:.5s;bottom:0}.card .card-container,.card .card__container{display:block;position:relative;height:40%;min-height:21rem}.card .card__title-container,.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .card__title-container .subtitle,.card .card__title-container .title,.card .title-container .subtitle,.card .title-container .title{color:#fff;margin:1rem auto}.card .card__title-container .title,.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card .action-bar,.card .card__action-bar{user-select:none;padding:.5rem;margin:0;border-top:1px solid #e9ecef;box-sizing:border-box;transition:left .2s cubic-bezier(.075,.82,.165,1)}.card .action-bar .btn,.card .action-bar [type=button],.card .action-bar [type=reset],.card .action-bar [type=submit],.card .action-bar button,.card .card__action-bar .btn,.card .card__action-bar [type=button],.card .card__action-bar [type=reset],.card .card__action-bar [type=submit],.card .card__action-bar button{margin:0 .5rem}.card .action-bar+.card-footer,.card .action-bar+.card__footer,.card .card__action-bar+.card-footer,.card .card__action-bar+.card__footer{padding:1rem 0;border-top:1px solid #e9ecef}.card .card-footer,.card .card__footer{position:relative;font-size:.875rem;color:#868e96}.card .card-head,.card .card__header{align-items:stretch;display:flex;border-bottom:1px solid #e9ecef}.form-ext-control{padding-left:1.5rem;position:relative}.form-ext-control.form-ext-checkbox .form-ext-input:checked~.form-ext-label:after{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")}.form-ext-control.form-ext-checkbox .form-ext-label:before{border-radius:.25rem}.form-ext-control.form-ext-radio .form-ext-input:checked~.form-ext-label:after{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")}.form-ext-control.form-ext-radio .form-ext-label:before{border-radius:50%}.form-ext-control .form-ext-input{opacity:0;position:absolute;z-index:-1}.form-ext-control .form-ext-input:disabled~.form-ext-label{opacity:.4}.form-ext-control .form-ext-input.form-ext-input--primary:checked~.form-ext-label{color:#f03d4d}.form-ext-control .form-ext-input.form-ext-input--primary:checked~.form-ext-label:before{background-color:#f03d4d}.form-ext-control .form-ext-input.form-ext-input--primary:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(240,61,77,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--dark:checked~.form-ext-label{color:#363636}.form-ext-control .form-ext-input.form-ext-input--dark:checked~.form-ext-label:before{background-color:#363636}.form-ext-control .form-ext-input.form-ext-input--dark:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(54,54,54,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--link:checked~.form-ext-label{color:#5e5cc7}.form-ext-control .form-ext-input.form-ext-input--link:checked~.form-ext-label:before{background-color:#5e5cc7}.form-ext-control .form-ext-input.form-ext-input--link:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(94,92,199,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--info:checked~.form-ext-label{color:#2972fa}.form-ext-control .form-ext-input.form-ext-input--info:checked~.form-ext-label:before{background-color:#2972fa}.form-ext-control .form-ext-input.form-ext-input--info:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(41,114,250,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label{color:#0dd157}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label:before{background-color:#0dd157}.form-ext-control .form-ext-input.form-ext-input--success:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--warning:checked~.form-ext-label{color:#fab633}.form-ext-control .form-ext-input.form-ext-input--warning:checked~.form-ext-label:before{background-color:#fab633}.form-ext-control .form-ext-input.form-ext-input--warning:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(250,182,51,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--danger:checked~.form-ext-label{color:#fb4143}.form-ext-control .form-ext-input.form-ext-input--danger:checked~.form-ext-label:before{background-color:#fb4143}.form-ext-control .form-ext-input.form-ext-input--danger:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input:disabled~.form-ext-toggle__toggler{opacity:.5}.form-ext-control .form-ext-toggle__label{align-items:center;display:flex;justify-content:space-between}.form-ext-control .form-ext-toggle{cursor:pointer;position:relative}.form-ext-control .form-ext-toggle input[type=checkbox],.form-ext-control .form-ext-toggle input[type=radio]{opacity:0;position:absolute;z-index:-1}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler{border:1px solid #d5d7dc;border-radius:6.25rem;color:#d5d7dc;display:block;font-size:9px;height:1.5rem;position:relative;width:3rem}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i{display:inline-block}.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler{background-color:#f03d4d;border-color:#f03d4d;color:#fff;position:relative;transition:.4s}.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::before{color:#fff;content:attr(data-check-icon);text-align:left}.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{background-color:#f03d4d;border-color:#f03d4d}.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler{border-color:#f03d4d;color:#f03d4d}.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler i::after{background-color:#f03d4d}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--primary .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(240,61,77,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#363636;border-color:#363636}.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler{border-color:#363636;color:#363636}.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler i::after{background-color:#363636}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(54,54,54,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#5e5cc7;border-color:#5e5cc7}.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler{border-color:#5e5cc7;color:#5e5cc7}.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler i::after{background-color:#5e5cc7}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(94,92,199,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#2972fa;border-color:#2972fa}.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler{border-color:#2972fa;color:#2972fa}.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler i::after{background-color:#2972fa}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(41,114,250,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#0dd157;border-color:#0dd157}.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler{border-color:#0dd157;color:#0dd157}.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler i::after{background-color:#0dd157}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#fab633;border-color:#fab633}.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler{border-color:#fab633;color:#fab633}.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler i::after{background-color:#fab633}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(250,182,51,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#fb4143;border-color:#fb4143}.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler{border-color:#fb4143;color:#fb4143}.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler i::after{background-color:#fb4143}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before{content:"";display:block;position:absolute}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before{content:attr(data-uncheck-icon);padding:2px 7px;line-height:18px;text-align:right;top:0;width:55%;font-size:12px}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after{background-color:#d5d7dc;border-radius:50%;height:16px;left:4px;width:16px;transform:translateY(-50%);transition:left var(--animation-duration) ease;text-align:left}.form-ext-control .form-ext-label{margin-bottom:0;position:relative}.form-ext-control .form-ext-label:after,.form-ext-control .form-ext-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.3rem;transition:all var(--animation-duration);width:1rem}.form-ext-control .form-ext-label:before{background-color:#f6f9fc;border:1px solid #dee2e6;border-radius:.25rem;pointer-events:none;user-select:none;box-sizing:border-box}.form-ext-control .form-ext-label:after{background-position:center;background-repeat:no-repeat;background-size:50% 50%}.form-ext-control .form-ext-input:checked~.form-ext-label:before{background-color:#f03d4d;border:none}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:.3s;backface-visibility:hidden;position:absolute;height:2px;width:0;background:#4643e2;bottom:-.25em}.u:hover::after{width:100%}.u.u-LR::after{left:0}.u.u-RL::after{right:0}.u.u-RL:hover::after{width:100%}.u.u-C::after{left:50%;transform:translateX(-50%)}.utb::after,.utb::before{content:"";transition:.3s;backface-visibility:hidden;position:absolute;height:2px;width:0;background:#4643e2}.utb::before{top:-.25em}.utb::after{bottom:-.25em}.utb:hover::after,.utb:hover::before{width:100%}.utb.utb-LR::after,.utb.utb-LR::before{left:0}.utb.utb-RL::after,.utb.utb-RL::before{right:0}.utb.utb-C::after,.utb.utb-C::before{left:50%;transform:translateX(-50%)}.utb.utb-OLR::before{left:0}.utb.utb-OLR::after,.utb.utb-ORL::before{right:0}.utb.utb-ORL::after{left:0}.usquare{margin-left:.4rem;position:relative;overflow:hidden}.usquare::after,.usquare::before{content:"";transition:.25s;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:#4643e2}.usquare::before{left:0;bottom:-.2rem}.usquare::after{right:0;top:-.2rem}.usquare:hover::after,.usquare:hover::before{height:calc(100% + .4rem)}.usquare:hover a::after,.usquare:hover a::before{width:100%}.usquare.delay::before{transition-delay:.6s}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare.delay a::after{transition:.25s .4s}.usquare a{position:static;padding:.2rem .4rem;transition:.25s}.usquare a::before{left:0}.usquare a::after{right:0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;padding:1rem;display:none;align-items:center;justify-content:center;pointer-events:none}.modal.shown,.modal:target{display:flex;opacity:1;z-index:999;pointer-events:auto}.modal.shown .modal-overlay,.modal:target .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,54,54,.5)}.modal.shown .modal-container,.modal:target .modal-container{animation:slide-down var(--animation-duration) ease 1;z-index:1}.modal.modal-small .modal-content{max-width:20rem}.modal.modal-large .modal-content{max-width:60rem}.modal .modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,54,54,.3);z-index:1;color:var(--cirrus-fg);max-width:40rem}.modal .modal-content.small{max-width:32rem}.modal .modal-content h1,.modal .modal-content h2,.modal .modal-content h3,.modal .modal-content h4,.modal .modal-content h5,.modal .modal-content h6{color:var(--cirrus-fg)}.modal .modal-content .modal-header{padding:1rem 2.5rem}.modal .modal-content .modal-header .modal-title{font-weight:bolder;font-size:1.4rem}.modal .modal-content .modal-body{padding:1rem 2.5rem;overflow-y:auto;max-height:50vh;position:relative}.modal .modal-content .modal-footer{padding:1rem 2.5rem}.modal.modal-animated--dropdown{animation:slide-down var(--animation-duration) ease 1}.modal.modal-animated--zoom-in,.modal.modal-animated--zoom-out{display:flex;opacity:0;transition:.3s}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:.3s}.modal.modal-animated--zoom-in .modal-content{transform:scale(.8);transition:.3s}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:.3s}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:.3s}@keyframes slide-down{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.modal .modal-content,.modal-content{max-width:90%}}.pagination{display:flex;display:-ms-flexbox}.pagination .pagination-item{flex:1 0 50%;margin:1rem .1rem;transition:.3s}.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,.pagination .pagination-item:hover p,.pagination .pagination-item:not(.selected):hover :not([disabled]):not(.disabled):not(.ellipses){transition:.3s;color:#f03d4d}.pagination .pagination-item.pagination-next{text-align:right}.pagination .pagination-item.pagination-prev{text-align:left}.pagination .pagination-item a{color:#495057}.pagination .pagination-item a.disabled,.pagination .pagination-item a[disabled]{cursor:pointer;opacity:.5;pointer-events:none;user-select:none}.pagination .pagination-item .pagination-item-subtitle{opacity:.7;margin:0}.pagination .pagination-item.short{border-radius:.1rem;margin:.2rem 0;flex:0}.pagination .pagination-item.short:first-child a{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .pagination-item.short:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination .pagination-item.short:not([disabled]):not(.disabled):not(.selected):hover{background-color:rgba(0,0,0,.07)}.pagination .pagination-item.short.selected{background-color:#f03d4d;color:#fff}.pagination .pagination-item.short.selected a{color:#fff}.pagination .pagination-item.short.ellipses{color:#adb5bd;pointer-events:none}.pagination .pagination-item.short a{display:inline-block;line-height:1.25;padding:.5rem .75rem}.pagination.pagination-bordered .pagination-item.short a{border:1px solid #dee2e6;border-radius:0;margin-left:-1px}.placeholder{background-color:rgba(222,226,230,.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#495057;display:block}.placeholder .placeholder-icon{text-align:center}.placeholder .placeholder-subtitle,.placeholder .placeholder-title{margin:1rem auto}.placeholder .placeholder-subtitle{opacity:.7;margin:0}.placeholder .placeholder-commands{margin-top:1rem}.tab-container{display:flex;justify-content:space-between;overflow:hidden;overflow-x:auto;user-select:none;white-space:nowrap;align-items:stretch;font-size:1rem}.tab-container.tabs--left ul{justify-content:flex-start}.tab-container.tabs--center ul{justify-content:center}.tab-container.tabs--right ul{justify-content:flex-end}.tab-container.tabs-depth ul{box-shadow:0 2px 3px rgba(134,142,150,.15);border-bottom:0}.tab-container.tabs-classic ul{border-radius:3px 3px 0 0;transition:.3s;border-bottom:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.tab-container.tabs-classic ul li:not(.selected) .tab-item-content:hover,.tab-container.tabs-classic ul li:not(.selected) a:hover{background-color:#f1f3f5;transition:.3s}.tab-container.tabs-classic ul li.selected .tab-item-content,.tab-container.tabs-classic ul li.selected a{color:#f03d4d;border-color:#dee2e6;border-bottom-color:transparent!important}.tab-container.tabs-classic ul li .tab-item-content,.tab-container.tabs-classic ul li a{border:1px solid transparent;border-bottom-color:#dee2e6;border-radius:3px 3px 0 0;cursor:pointer;transition:.3s}.tab-container.tabs-fill ul{display:flex}.tab-container.tabs-fill li{flex-grow:1;flex-shrink:0;flex-basis:0}.tab-container ul{display:flex;justify-content:flex-start;margin:.5rem;border-bottom:1px solid #e9ecef;flex-grow:1;list-style:none;padding-inline-start:0}.tab-container li{display:block;cursor:pointer;margin:0;text-align:center}.tab-container li:hover .tab-item-content,.tab-container li:hover a{border-bottom-color:rgba(240,61,77,.6);transition:.3s}.tab-container li.selected .tab-item-content,.tab-container li.selected a{border-bottom-color:#f03d4d;color:#f03d4d;border-width:2px;transition:.3s}.tab-container li .tab-item-content,.tab-container li a{display:flex;align-items:center;border-bottom:1px solid #e9ecef;justify-content:center;padding:.5rem 1rem;transition:.3s;color:var(--cirrus-fg);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container .icon:first-child{margin-right:.75rem}.tab-container .icon:last-child{margin-left:.75rem}.tag{align-items:center;background-color:#f6f9fc;border-radius:.25rem;color:currentColor;display:inline-flex;height:2em;line-height:1.5;font-size:.875rem;padding:.625rem;white-space:nowrap}.tag.tag--xs{font-size:.75rem;padding:.5rem}.tag.tag--sm{font-size:.875rem;padding:.625rem}.tag.tag--md{font-size:1rem;padding:.75rem}.tag.tag--lg{font-size:1.25rem;padding:.875rem}.tag.tag--xl{font-size:1.5rem;padding:1rem}.tag.tag--rounded{border-radius:290486px}.tag.tag__delete{aspect-ratio:1/1;background-color:rgba(10,10,10,.2);border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;height:auto;position:relative;width:auto;margin-left:.25rem;margin-right:-.125rem}.tag.tag__delete:hover{background-color:rgba(10,10,10,.3)}.tag.tag__delete::after,.tag.tag__delete::before{background-color:#f6f9fc;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag.tag__delete::before{height:1px;width:50%}.tag.tag__delete::after{height:50%;width:1px}.tag.tag--white{background-color:#fff;color:#363636}.tag.tag--black{background-color:#000;color:#fff}.tag.tag--primary{background-color:#f03d4d;color:#fff;background-color:#f03d4d;color:#fff;cursor:pointer}.tag.tag--primary.tag__close-btn:hover{background-color:#ee2537}.tag.tag--primary.tag__close-btn:active{background-color:#e81225}.tag.tag--dark{background-color:#363636;color:#fff;cursor:pointer}.tag.tag--dark.tag__close-btn:hover{background-color:#292929}.tag.tag--dark.tag__close-btn:active{background-color:#1d1d1d}.tag.tag--link{background-color:#5e5cc7;color:#fff;cursor:pointer}.tag.tag--link.tag__close-btn:hover{background-color:#4b49c0}.tag.tag--link.tag__close-btn:active{background-color:#403db3}.tag.tag--info{background-color:#2972fa;color:#fff;cursor:pointer}.tag.tag--info.tag__close-btn:hover{background-color:#1062f9}.tag.tag--info.tag__close-btn:active{background-color:#0555eb}.tag.tag--success{background-color:#0dd157;color:#fff;cursor:pointer}.tag.tag--success.tag__close-btn:hover{background-color:#0cb94d}.tag.tag--success.tag__close-btn:active{background-color:#0aa143}.tag.tag--warning{background-color:#fab633;color:#fff;cursor:pointer}.tag.tag--warning.tag__close-btn:hover{background-color:#f9ad1a}.tag.tag--warning.tag__close-btn:active{background-color:#f4a306}.tag.tag--danger{background-color:#fb4143;color:#fff;cursor:pointer}.tag.tag--danger.tag__close-btn:hover{background-color:#fa282a}.tag.tag--danger.tag__close-btn:active{background-color:#fa0f12}.tag.tag__close-btn{position:relative;width:2em}.tag.tag__close-btn::after,.tag.tag__close-btn::before{background-color:currentColor;content:"";display:block;left:50%;top:50%;position:absolute;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag.tag__close-btn::before{height:1px;width:50%}.tag.tag__close-btn::after{height:50%;width:1px}.tag-container:not(:last-child){margin-bottom:1rem}.tag-container.group-tags{--tag-first-border-radius:0.25rem 0 0 0.25rem;--tag-last-border-radius:0 0.25rem 0.25rem 0;align-items:center;display:flex;flex-wrap:wrap}.tag-container.group-tags .tag{margin-right:0!important}.tag-container.group-tags .tag:first-child{border-radius:var(--tag-first-border-radius)}.tag-container.group-tags .tag:not(:first-child):not(:last-child){border-radius:0}.tag-container.group-tags .tag:last-child{border-radius:var(--tag-last-border-radius)}.tag-container.group-tags.group-tags--rounded{--tag-first-border-radius:290486px 0 0 290486px;--tag-last-border-radius:0 290486px 290486px 0}.tag-container.tag-container--centered{justify-content:center}.tag-container.tag-container--centered .tag{margin:0 .25rem}.tag-container.tag-container--right{justify-content:flex-end}.tag-container.tag-container--right .tag:not(:first-child){margin-left:.5rem}.tag-container.tag-container--right .tag:not(:last-child){margin-right:0}.tag-container .tag{margin-bottom:.5rem}.tag-container .tag:not(:last-child){margin-right:.5rem}a.tag:hover{text-decoration:underline}.tile{display:flex;display:-ms-flexbox;align-content:space-between;overflow:inherit}.tile p{font-size:.95rem}.tile .tile__buttons,.tile .tile__icon{flex:0 0 auto}.tile .tile__buttons .btn,.tile .tile__buttons [type=submit],.tile .tile__buttons button{display:inline-block;margin:.1rem}.tile .tile__container{flex:1 1 auto}.tile .tile__container:not(:first-child){padding-left:1rem}.tile .tile__container:not(:last-child){padding-right:1rem}.tile .tile__title{line-height:1.5rem;font-weight:bolder;margin:.1rem auto}.tile .tile__subtitle{line-height:1.25rem;opacity:.7;margin:.1rem auto}.toast{display:block;width:100%;padding:.75rem 1.25rem;background-color:var(--toast-primary-bg);border:1px solid var(--toast-primary-bg);border-radius:2px;color:#fff;position:relative;margin:.5rem}.toast.toast--translucent{opacity:.5}.toast.toast--translucent:hover{opacity:1}.toast p{margin:0}.toast a{color:#f6f9fc;transition:.3s}.toast a:hover{opacity:.8;transition:.3s}.toast .toast__title{margin:0;margin-top:1rem}.toast .btn-close{position:absolute;right:1rem;top:1rem}.toast.toast--primary{background-color:#f03d4d;border-color:#f03d4d}.toast.toast--dark{background-color:#363636;border-color:#363636}.toast.toast--link{background-color:#5e5cc7;border-color:#5e5cc7}.toast.toast--info{background-color:#2972fa;border-color:#2972fa}.toast.toast--success{background-color:#0dd157;border-color:#0dd157}.toast.toast--warning{background-color:#fab633;border-color:#fab633}.toast.toast--danger{background-color:#fb4143;border-color:#fb4143}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip::after{position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,.9);content:attr(data-tooltip);display:block;line-height:1rem;text-transform:none;overflow:hidden;padding:.4rem .8rem;opacity:0;text-overflow:ellipsis;max-width:15rem;transform:translate(-50%,0);transition:all var(--animation-duration) ease;z-index:200;pointer-events:none;bottom:100%;left:50%;border-radius:.2rem}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.5rem);transition:all var(--animation-duration) ease}.tooltip.tooltip--top-left::after{transform:translate(-50%,0)}.tooltip.tooltip--top-left:focus::after,.tooltip.tooltip--top-left:hover::after{left:0;transform:translate(-100%,-.5rem)}.tooltip.tooltip--top-right::after{left:auto;transform:translate(15%,0)}.tooltip.tooltip--top-right:focus::after,.tooltip.tooltip--top-right:hover::after{right:0;transform:translate(100%,-.5rem)}.tooltip.tooltip--bottom::after{top:100%;transform:translate(-50%,-1rem);bottom:auto}.tooltip.tooltip--bottom:focus::after,.tooltip.tooltip--bottom:hover::after{transform:translate(-50%,.5rem);bottom:auto}.tooltip.tooltip--bottom-left::after{top:100%;transform:translate(-65%,-1rem);bottom:auto}.tooltip.tooltip--bottom-left:focus::after,.tooltip.tooltip--bottom-left:hover::after{left:0;transform:translate(-100%,.5rem)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;transform:translate(0,-1rem);bottom:auto}.tooltip.tooltip--bottom-right:focus::after,.tooltip.tooltip--bottom-right:hover::after{right:0;transform:translate(100%,.5rem)}.tooltip.tooltip--right::after{left:100%;bottom:50%;transform:translate(-1rem,50%)}.tooltip.tooltip--right:focus::after,.tooltip.tooltip--right:hover::after{transform:translate(.5rem,50%)}.tooltip.tooltip--left::after{right:100%;bottom:50%;left:auto;transform:translate(1rem,50%)}.tooltip.tooltip--left:focus::after,.tooltip.tooltip--left:hover::after{transform:translate(-.5rem,50%)}
\ No newline at end of file
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
index 6b40822d..3df1b117 100644
--- a/dist/cirrus-core.css
+++ b/dist/cirrus-core.css
@@ -1,830 +1,14625 @@
/*
-* Cirrus 0.7.0
+* Cirrus 0.7.0-patch.1
* Stanley Lim, Copyright 2022
* https://spiderpig86.github.io/Cirrus
*/
-@charset "UTF-8";
-/* # Module: Message */
-/* ----------------- */
-/* Test: Renders messages as CSS comments */
-/* ASSERT: */
-/* OUTPUT */
-/* This is a simple message */
-/* END_OUTPUT */
-/* EXPECTED */
-/* This is a simple message */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Renders lists as multiple CSS comments */
-/* ASSERT: */
-/* OUTPUT */
-/* This is a */
-/* multiline message */
-/* END_OUTPUT */
-/* EXPECTED */
-/* This is a */
-/* multiline message */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: True Error [function] */
-/* ------------------------------- */
-/* Test: Allow errors to return without blocking compilation */
-/* ✔ [assert-equal] Allow errors to return without blocking compilation */
-/* */
-/* */
-/* # Module: True Error [mixin] */
-/* ---------------------------- */
-/* Test: Allow errors to output without blocking compilation */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* ERROR [error test]: */
- /* This is a test error message */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* ERROR [error test]: */
- /* This is a test error message */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Map Increment */
-/* ----------------------- */
-/* Test: Returns a map with the sum-values of two numeric maps */
-/* ✔ [assert-equal] Returns a map with the sum-values of two numeric maps */
-/* */
-/* */
-/* # Module: Join Multiple */
-/* ----------------------- */
-/* Test: Combines multiple lists */
-/* ✔ [assert-equal] Combines multiple lists */
-/* */
-/* Test: Sets new list-separator */
-/* ✔ [assert-equal] Sets new list-separator */
-/* */
-/* */
-/* # Module: Context [mixin] & Context-Pop */
-/* --------------------------------------- */
-/* Test: Adds scope and name to context */
-/* ✔ [assert-unequal] Confirm that there is currently no "fake" scope */
-/* ✔ [assert-unequal] Confirm that there is currently no "fake" scope */
-/* ✔ [assert-equal] Sets the value of scope "fake" to "this scope is not real" */
-/* ✔ [assert-unequal] Confirm that "fake" scope has been removed */
-/* ✔ [assert-unequal] Confirm that "fake" scope has been removed */
-/* */
-/* */
-/* # Module: Output Context */
-/* ------------------------ */
-/* Test: Appends new context */
-/* ✔ [assert-equal] Check initial value */
-/* ✔ [assert-equal] Appends new context */
-/* ✔ [assert-equal] Appends new context */
-/* ✔ [assert-equal] Appends new context */
-/* */
-/* Test: Resets context */
-/* ✔ [assert-equal] Resets context */
-/* */
-/* */
-/* # Module: Validate Output Context */
-/* --------------------------------- */
-/* Test: unknown context name */
-/* ✔ [assert-equal] unknown context name */
-/* */
-/* Test: duplicate assert */
-/* ✔ [assert-equal] duplicate assert */
-/* */
-/* Test: duplicate output/expect */
-/* ✔ [assert-equal] duplicate output/expect */
-/* */
-/* Test: missing assert */
-/* ✔ [assert-equal] missing assert */
-/* */
-/* Test: wrong length */
-/* ✔ [assert-equal] wrong length */
-/* */
-/* Test: missing context */
-/* ✔ [assert-equal] missing context */
-/* */
-/* */
-/* # Module: Context [function] & Context All */
-/* ------------------------------------------ */
-/* Test: Returns current module context */
-/* ✔ [assert-equal] Returns current module context */
-/* */
-/* Test: Returns current test context */
-/* ✔ [assert-equal] Returns current test context */
-/* */
-/* # Module: Context [function] & Context All :: Context [Nested] */
-/* -------------------------------------------------------------- */
-/* Test: Returns the innermost module name */
-/* ✔ [assert-equal] Returns the innermost module name */
-/* */
-/* */
-/* # Module: Context [function] & Context All :: Context All [Nested] */
-/* ------------------------------------------------------------------ */
-/* Test: Returns the current stack of module names */
-/* ✔ [assert-equal] Returns the current stack of module names */
-/* */
-/* */
-/* */
-/* # Module: Pass Details */
-/* ---------------------- */
-/* Test: Properly output a passing assertion result */
-/* ASSERT: passing test */
-/* OUTPUT */
-.test-output {
- /* ✔ [output] passing test */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* ✔ [output] passing test */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Fail Details */
-/* ---------------------- */
-/* Test: Compiles full failure details */
-/* ASSERT: */
-/* OUTPUT */
-/* ✖ FAILED: [assert-equal] Test Assertion */
-/* - Output: [number] 0.3333333333 */
-/* - Expected: [number] 0.3333333333 */
-/* - Details: numbers may need to be rounded before comparison (set `$inspect: true` to compare output values) */
-/* - Module: Fail Details */
-/* - Test: Compiles full failure details */
-/* END_OUTPUT */
-/* EXPECTED */
-/* ✖ FAILED: [assert-equal] Test Assertion */
-/* - Output: [number] 0.3333333333 */
-/* - Expected: [number] 0.3333333333 */
-/* - Details: numbers may need to be rounded before comparison (set `$inspect: true` to compare output values) */
-/* - Module: Fail Details */
-/* - Test: Compiles full failure details */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Variable Details */
-/* -------------------------- */
-/* Test: Number */
-/* ✔ [assert-equal] Number */
-/* */
-/* Test: Color */
-/* ✔ [assert-equal] Color */
-/* */
-/* Test: Map */
-/* ✔ [assert-equal] Map */
-/* */
-/* Test: Bracketed List */
-/* ✔ [assert-equal] Bracketed List */
-/* */
-/* */
-/* # Module: Edgefail Notes */
-/* ------------------------ */
-/* Test: Type mismatch */
-/* ✔ [assert-equal] Type mismatch */
-/* ✔ [assert-equal] Type mismatch */
-/* */
-/* Test: Number Rounding */
-/* ✔ [assert-equal] Number Rounding */
-/* */
-/* Test: Color rounding */
-/* ✔ [assert-equal] Color rounding */
-/* */
-/* Test: List Separators */
-/* ✔ [assert-equal] List Separators */
-/* */
-/* */
-/* # Module: Get Result */
-/* -------------------- */
-/* Test: Equal Pass */
-/* ✔ [assert-equal] Equal Pass */
-/* */
-/* Test: Equal Fail */
-/* ✔ [assert-equal] Equal Fail */
-/* */
-/* Test: Unequal pass */
-/* ✔ [assert-equal] Unequal pass */
-/* */
-/* Test: Unequal fail */
-/* ✔ [assert-equal] Unequal fail */
-/* */
-/* */
-/* # Module: Update Results */
-/* ------------------------ */
-/* Test: Add one run */
-/* ✔ [assert-equal] Add one run */
-/* */
-/* Test: Add one pass */
-/* ✔ [assert-equal] Add one pass */
-/* */
-/* Test: Fail counts are left as-is */
-/* ✔ [assert-equal] Fail counts are left as-is */
-/* */
-/* Test: Output counts are left as-is */
-/* ✔ [assert-equal] Output counts are left as-is */
-/* */
-/* */
-/* # Module: Update Test */
-/* --------------------- */
-/* Test: Updates global test-result */
-/* ✔ [assert-equal] confirm the default state */
-/* ✔ [assert-equal] confirm updated test-result */
-/* */
-/* Test: Output-to-css overrides pass */
-/* ✔ [assert-equal] Output-to-css overrides pass */
-/* */
-/* Test: Pass does not override output-to-css */
-/* ✔ [assert-equal] Pass does not override output-to-css */
-/* */
-/* Test: Fail overrides everything */
-/* ✔ [assert-equal] Fail overrides everything */
-/* */
-/* Test: Nothing overrides fail */
-/* ✔ [assert-equal] Nothing overrides fail */
-/* */
-/* */
-/* # Module: Results Message */
-/* ------------------------- */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* Test: No output tests */
-/* ✔ [assert-equal] No output tests */
-/* */
-/* Test: Single test */
-/* ✔ [assert-equal] Single test */
-/* */
-/* */
-/* # Module: Update Stats Count */
-/* ---------------------------- */
-/* Test: Assertions counts are updated */
-/* ✔ [assert-equal] Assertions counts are updated */
-/* */
-/* Test: Modules counts are left as-is */
-/* ✔ [assert-equal] Modules counts are left as-is */
-/* */
-/* Test: Tests counts are left as-is */
-/* ✔ [assert-equal] Tests counts are left as-is */
-/* */
-/* */
-/* # Module: Stats Message */
-/* ----------------------- */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* */
-/* # Module: Setup */
-/* --------------- */
-/* Test: Updates context based on current assertions */
-/* ✔ [assert-equal] Updates context based on current assertions */
-/* */
-/* */
-/* # Module: Is Truthy */
-/* ------------------- */
-/* Test: True is truthy */
-/* ✔ [assert-equal] True is truthy */
-/* */
-/* Test: String is truthy */
-/* ✔ [assert-equal] String is truthy */
-/* */
-/* Test: List is truthy */
-/* ✔ [assert-equal] List is truthy */
-/* */
-/* Test: False is not truthy */
-/* ✔ [assert-equal] False is not truthy */
-/* */
-/* Test: Null is not truthy */
-/* ✔ [assert-equal] Null is not truthy */
-/* */
-/* Test: Empty string is not truthy */
-/* ✔ [assert-equal] Empty string is not truthy */
-/* */
-/* Test: Empty list is not truthy */
-/* ✔ [assert-equal] Empty list is not truthy */
-/* */
-/* */
-/* # Module: Assert True */
-/* --------------------- */
-/* Test: Non-false properties return true */
-/* ✔ [assert-true] Non-false properties return true */
-/* */
-/* Test: Supports is-truthy alias */
-/* ✔ [assert-true] Supports is-truthy alias */
-/* */
-/* */
-/* # Module: Assert False */
-/* ---------------------- */
-/* Test: Falsiness */
-/* ✔ [assert-false] Negated properties return false. */
-/* */
-/* Test: null */
-/* ✔ [assert-false] Null properties return false. */
-/* */
-/* Test: Empty string */
-/* ✔ [assert-false] Empty string return false. */
-/* */
-/* Test: empty list */
-/* ✔ [assert-false] Empty lists return false. */
-/* */
-/* Test: Supports is-falsy alias */
-/* ✔ [assert-false] Supports is-falsy alias */
-/* */
-/* */
-/* # Module: Assert Equal */
-/* ---------------------- */
-/* Test: Equality */
-/* ✔ [assert-equal] 2 - 1 should equal 1. */
-/* */
-/* Test: Empty description */
-/* ✔ [assert-equal] Empty description */
-/* */
-/* Test: Adding floats */
-/* ✔ [assert-equal] Adding floats */
-/* */
-/* Test: Rounded numbers with $inspect */
-/* ✔ [assert-equal] Rounded numbers with $inspect */
-/* */
-/* Test: Rounded colors with $inspect */
-/* ✔ [assert-equal] Rounded colors with $inspect */
-/* */
-/* Test: Mismatched types with $inspect */
-/* ✔ [assert-unequal] normally unequal */
-/* ✔ [assert-equal] Mismatched types with $inspect */
-/* */
-/* Test: Supports is-equal alias */
-/* ✔ [assert-equal] Supports is-equal alias */
-/* */
-/* */
-/* # Module: Assert UnEqual */
-/* ------------------------ */
-/* Test: Inequality */
-/* ✔ [assert-unequal] 3 - 1 is not equal to 3. */
-/* */
-/* Test: Mismatched types */
-/* ✔ [assert-unequal] Mismatched types */
-/* */
-/* Test: Mismatched units no longer needs $inspect */
-/* ✔ [assert-unequal] Mismatched units no longer needs $inspect */
-/* */
-/* Test: Supports not-equal alias */
-/* ✔ [assert-unequal] Supports not-equal alias */
-/* */
-/* */
-/* # Module: Output Expect */
-/* ----------------------- */
-/* Test: Compares math output properly */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- -property1: 0.3;
- -property2: 0.3333333333;
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- -property1: 0.3;
- -property2: 0.3333333333;
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Matches output and expected selector patterns */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- -property: value;
-}
-@media (min-width: 30em) {
- .test-output {
- -prop: val;
- }
- .selector {
- -prop: val;
- }
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- -property: value;
-}
-@media (min-width: 30em) {
- .test-output {
- -prop: val;
- }
- .selector {
- -prop: val;
- }
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Output Contains */
-/* ------------------------- */
-/* Test: Contains sub-string */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 10px;
+/* BASE STYLING + RESET FOR CIRRUS */
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700");
+@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
+/* v1 Color scheme for Cirrus */
+/*
+ Functions
+ TODO Refactor to different categories
+*/
+/*
+ Converts a given hex value to RGB.
+*/
+/*
+ Generates delimited class name prefix.
+*/
+/*
+ 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.
+ Use case is that if we have somthing like this:
+
+ $config: (
+ opacity: null, // Disable default opacity classes
+ extends: (
+ // Framework will now extend with your config and generate .u-opacity-42
+ opacity: (
+ 42: .42
+ )
+ )
+ );
+
+*/
+/*
+ Group selectors that share common styling.
+*/
+/*
+ Global Mixins
+*/
+/*
+ Mixin that returns a property map as a series of CSS class properties.
+
+ E.g. $xs: (color: #fff, opacity: 0.5), $sm... =>
+
+ --xs {
+ color: #fff;
+ opacity: 0.5;
+ }
+*/
+/*
+ Bring to front on focus.
+*/
+/* Breakpoints */
+/* Fonts */
+/*
+ Fetch feature flag for different utility class types for generating viewport classes (e.g., u-flex-sm, u-flex-md, etc.).
+*/
+/*
+ Helper function to determine if a set of classes should be generated based on given include/exclude configuration.
+*/
+/* Media Queries */
+/* Variant of mixin that takes in mapping of class name to value */
+/**
+ * DART SASS ONLY: Generates viewport classes given styles in a @content mixin
+ *
+ * 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.
+ *
+ * Example usage (pretend \ is $):
+ *
+ * @include generate-styles-with-viewports('true') using ($viewport) {
+ * $suffix: if($viewport != '', '-viewport', '');
+ * .outersuffix {
+ * background: #222;
+ * .innersuffix {
+ * color: #fff;
+ * }
+ * }
+ * }
+ */
+/* VALUE APIS */
+:root {
+ /* v1 Colors */
+ --cirrus-fg: #0f172a;
+ --cirrus-bg: #ffffff;
+ --cirrus-select-bg: rgba(0, 161, 255, 0.2);
+ --cirrus-code-bg: rgba(255, 218, 221, 1);
+ --cirrus-code-fg: #dc4753;
+ --cirrus-form-group-bg: rgba(248, 249, 250, 1);
+ --cirrus-form-group-fg: rgba(144, 144, 144, 1);
+ --toast-primary-bg: rgba(49, 59, 80, 0.9);
+ --animation-duration: 0.2s;
+ --focus-opacity: 0.55;
+ --font-size-xs: 0.75rem;
+ --font-size-s: 0.875rem;
+ --font-size-m: 1rem;
+ --font-size-l: 1.25rem;
+ --font-size-xl: 1.5rem;
+ --cirrus-focus-size: 0 0 0.1rem 0.15rem;
+ --cirrus-focus-color: rgba(240, 61, 77, 0.13);
+ --bg-opacity: 1;
+ --color-opacity: 1;
+}
+
+/* RESET */
+/* Box Sizing */
+*,
+*::before,
+*::after {
+ /* Prevent setting borders from increasing the size of an element */
+ box-sizing: border-box;
+ text-rendering: optimizeLegibility;
+ -webkit-tap-highlight-color: transparent;
+}
+
+/* Remove default margin and padding */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0;
+ padding: 0;
+}
+
+/* Allow % styles to work on page */
+html,
+body {
+ border: none;
+ height: 100%;
+}
+
+/* Nunito Sans for the font */
+body {
+ letter-spacing: 0.01rem;
+ line-height: 1.8;
+ /* Globally adjust line height */
+ font-size: 1rem;
+ font-weight: 400;
+ font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ color: var(--cirrus-fg);
+}
+
+/* Remove bullets from unordered lists */
+ul {
+ list-style: none;
+}
+
+/* Setting up embedded content */
+audio,
+canvas,
+iframe,
+img,
+embed,
+object,
+svg,
+video {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+iframe {
+ outline: 0;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+/* Page sections set to block */
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+ display: block;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+}
+
+/* Base styling for labels */
+label {
+ display: inline-block;
+ margin: 0.25rem 0;
+}
+
+/* Base styling for fieldsets */
+fieldset {
+ padding: 1rem;
+}
+
+fieldset legend {
+ font-weight: bold;
+}
+
+/* Hidden elements must not show */
+[hidden] {
+ display: none !important;
+}
+
+/* Selection Color */
+::selection {
+ background-color: var(--cirrus-select-bg);
+}
+
+/* When focusing any element */
+:focus {
+ box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
+ outline: none;
+}
+
+/* Remove all animations based on preference */
+@media (prefers-reduced-motion: reduce) {
+ html:focus-within {
+ scroll-behavior: auto;
+ }
+
+ *,
+*::before,
+*::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
+ scroll-behavior: auto !important;
+ }
+}
+/* ANIMATIONS */
+/* Keyframes */
+/* Spinning loading animation */
+@keyframes loading {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+/* Heart animation */
+@keyframes pound {
+ to {
+ transform: scale(1.1);
+ }
+}
+/* Bounce animations */
+@keyframes bounce {
+ from, 20%, 53%, 80%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transform: translate3d(0, 0, 0);
+ }
+ 40%, 43% {
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transform: translate3d(0, -30px, 0);
+ }
+ 70% {
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transform: translate3d(0, -15px, 0);
+ }
+ 90% {
+ transform: translate3d(0, -4px, 0);
+ }
+}
+@keyframes bounceIn {
+ from, 20%, 40%, 60%, 80%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+ 0% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ 20% {
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+ 40% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+ 60% {
+ opacity: 1;
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+ 80% {
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
+ to {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes pulse {
+ 50% {
+ opacity: 0.5;
+ }
+}
+@keyframes ping {
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+/* Hover animation */
+.hover-grow {
+ /* Mouse leave */
+ transition-duration: 0.32s;
+}
+
+.hover-grow:hover {
+ /* Mouse enter */
+ transform: scale(1.1);
+ transition-duration: 0.08s;
+}
+
+.animated {
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ /* Loading button position relatively for loading spinner location */
+}
+
+.animated.loading {
+ display: block;
+ position: relative;
+ /* Loading Spinner, align center by default */
+ /* Hide text in loading button */
+}
+
+.animated.loading::after {
+ border: 2px solid #ced4da;
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1rem;
+ width: 1rem;
+ left: calc(50% - 0.8em);
+ top: calc(50% - 0.7407407407em);
+ position: absolute;
+ animation: loading 500ms infinite linear;
+}
+
+.animated.loading.loading-white::after {
+ border-left-color: #fff;
+ border-bottom-color: #fff;
+}
+
+.animated.loading.loading-left {
+ padding-left: 3rem;
+ /* Align spinner left */
+}
+
+.animated.loading.loading-left::after {
+ left: 1rem;
+ right: auto;
+}
+
+.animated.loading.loading-right {
+ padding-right: 3rem;
+ /* Align spinner right */
+}
+
+.animated.loading.loading-right::after {
+ left: auto;
+ right: 1rem;
+}
+
+.animated.loading.hide-text {
+ color: transparent !important;
+}
+
+.animated.pound {
+ animation: pound 0.35s infinite alternate;
+ vertical-align: baseline;
+}
+
+.animated.bounce {
+ animation-name: bounce;
+ transform-origin: center bottom;
+}
+
+.animated.bounceIn {
+ animation-name: bounceIn;
+}
+
+.animated.fadeIn {
+ animation-name: fadeIn;
+}
+
+.animated.infinite {
+ animation-iteration-count: infinite;
+}
+
+.animated.infinite.alternate {
+ animation-direction: alternate;
+}
+
+.animated.paused {
+ animation-play-state: paused !important;
+}
+
+.animated.pulse {
+ animation: pulse 1.25s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animated.ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+/* FONT */
+/* Constants */
+/* Headers */
+h6 {
+ font-size: 1.25rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h5 {
+ font-size: 1.5rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h4 {
+ font-size: 1.75rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h3 {
+ font-size: 2rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h2 {
+ font-size: 2.5rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h1 {
+ font-size: 3rem;
+ letter-spacing: 0.025rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+/* Headlines (for larger titles) */
+.headline-4 {
+ font-size: 3.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-3 {
+ font-size: 4.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-2 {
+ font-size: 5.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-1 {
+ font-size: 6.5rem;
+ letter-spacing: 0.05rem;
+}
+
+/* Regular text sizes */
+.text-xs {
+ font-size: 0.75rem !important;
+ line-height: 1.5rem !important;
+}
+
+.text-sm {
+ font-size: 0.875rem !important;
+ line-height: 1.75rem !important;
+}
+
+.text-md {
+ font-size: 1rem !important;
+ line-height: 2rem !important;
+}
+
+.text-lg {
+ font-size: 1.25rem !important;
+ line-height: 2.25rem !important;
+}
+
+.text-xl {
+ font-size: 1.5rem !important;
+ line-height: 2.25rem !important;
+}
+
+p,
+article,
+blockquote {
+ font-size: 1rem;
+ line-height: 2;
+ margin-bottom: 1rem;
+}
+
+p.lead {
+ font-size: 1.2rem;
+}
+
+blockquote {
+ background-color: #f8f9fa;
+ border-left: 5px solid #e9ecef;
+ border-radius: 3px;
+ margin-bottom: 1rem;
+ padding: 1rem 2rem;
+}
+
+blockquote.text--large {
+ font-size: 1.15rem;
+}
+
+blockquote p {
+ margin: 0;
+}
+
+cite {
+ opacity: 0.7;
+}
+
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: #f0e8c4;
+}
+
+.font-primary {
+ font-family: "Montserrat";
+}
+
+.font-alt, .font-secondary {
+ font-family: "Nunito Sans";
+}
+
+.content h1 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h2 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h3 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h4 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h5 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h6 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+/* TODO: To deprecate */
+.title {
+ font-weight: bold;
+}
+
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+ margin-bottom: 1rem;
+}
+
+.title + .subtitle {
+ /* Make the subtitlte closer to the title */
+ margin-top: -0.75rem;
+}
+
+/* Use default line-height for these texts and when line-height-inherit is specified */
+.card-tile p,
+.card-tile article,
+.card-tile blockquote {
+ line-height: inherit;
+}
+
+/* Weights */
+.font-extrathin {
+ font-weight: 100;
+}
+
+.font-thin {
+ font-weight: 200;
+}
+
+.font-light {
+ font-weight: 300;
+}
+
+.font-normal {
+ font-weight: 400;
+}
+
+.font-medium {
+ font-weight: 500;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+.font-bold {
+ font-weight: 700;
+}
+
+.font-extrabold {
+ font-weight: 800;
+}
+
+.font-black {
+ font-weight: 900;
+}
+
+/* Text Transformations */
+.uppercase {
+ text-transform: uppercase;
+}
+
+.lowercase {
+ text-transform: lowercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+.rtl {
+ direction: rtl;
+}
+
+/* Font Awesome */
+.icon {
+ /* Usually used in spans */
+ display: inline-block;
+ /* font-size: 21px; Allow font sizes for icons to be overwritten */
+ /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
+ text-align: center;
+ width: 1.5rem;
+ vertical-align: baseline;
+}
+
+.icon.x-small {
+ margin: 0.55rem 0 0 0.1rem;
+}
+
+.icon.small {
+ margin: 0.95rem 0 0 0.1rem;
+}
+
+.icon .fa-wrapper {
+ font-size: inherit;
+}
+
+.info {
+ display: block;
+ font-size: var(--font-size-s);
+ margin-top: 0.25rem;
+ color: #868e96;
+}
+
+.info.inline {
+ /* Keeps the extra info inline */
+ display: inline-block;
+ margin-left: 0.5rem;
+}
+
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px dashed;
+ border-top: 4px solid\9 ;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
+}
+
+/* Other text elements */
+abbr[title] {
+ border-bottom: 0.1rem dotted;
+ cursor: help;
+ text-decoration: none;
+}
+
+kbd {
+ background-color: var(--cirrus-fg);
+ border-radius: 0.2rem;
+ color: #fff;
+ display: inline-block;
+ line-height: 1;
+ padding: 0.5rem;
+ vertical-align: baseline;
+}
+
+/* Letter spacing */
+.tracking-tightest {
+ letter-spacing: -0.075em !important;
+}
+
+.tracking-tighter {
+ letter-spacing: -0.05em !important;
+}
+
+.tracking-tight {
+ letter-spacing: -0.025em !important;
+}
+
+.tracking-normal {
+ letter-spacing: 0 !important;
+}
+
+.tracking-loose {
+ letter-spacing: 0.025em !important;
+}
+
+.tracking-looser {
+ letter-spacing: 0.05em !important;
+}
+
+.tracking-loosest {
+ letter-spacing: 0.1em !important;
+}
+
+/* MOBILE */
+@media screen and (max-width: 639px) {
+ h6 {
+ font-size: 1rem;
+ }
+
+ h5 {
+ font-size: 1.25rem;
+ }
+
+ h4 {
+ font-size: 1.5rem;
+ }
+
+ h3 {
+ font-size: 1.75rem;
+ }
+
+ h2 {
+ font-size: 2rem;
+ }
+
+ h1 {
+ font-size: 2.25rem;
+ }
+
+ /* Headlines (for larger titles) */
+ .headline-4 {
+ font-size: 3rem;
+ }
+
+ .headline-3 {
+ font-size: 3.25rem;
+ }
+
+ .headline-2 {
+ font-size: 3.5rem;
+ }
+
+ .headline-1 {
+ font-size: 3.75rem;
+ }
+
+ p,
+article,
+blockquote {
+ margin: 1rem 0;
+ }
+}
+/* GRID */
+:root {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ --grid-column-start: auto;
+ --grid-column-end: auto;
+ --grid-row-start: auto;
+ --grid-row-end: auto;
+}
+
+.grid {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+}
+
+/* Templates */
+.grid-cols-1 {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-1 {
+ grid-column: span 1/span 1;
+}
+
+/* Row expansion */
+.grid-r-1 {
+ grid-row: span 1/span 1;
+}
+
+/* Cell Column Start/End */
+.grid-cs-1 {
+ grid-column-start: 1;
+}
+
+.grid-ce-1 {
+ grid-column-end: 2;
+}
+
+/* Cell Row Start/End */
+.grid-rs-1 {
+ grid-row-start: 1;
+}
+
+.grid-re-1 {
+ grid-row-end: 2;
+}
+
+/* Templates */
+.grid-cols-2 {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-2 {
+ grid-column: span 2/span 2;
+}
+
+/* Row expansion */
+.grid-r-2 {
+ grid-row: span 2/span 2;
+}
+
+/* Cell Column Start/End */
+.grid-cs-2 {
+ grid-column-start: 2;
+}
+
+.grid-ce-2 {
+ grid-column-end: 3;
+}
+
+/* Cell Row Start/End */
+.grid-rs-2 {
+ grid-row-start: 2;
+}
+
+.grid-re-2 {
+ grid-row-end: 3;
+}
+
+/* Templates */
+.grid-cols-3 {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-3 {
+ grid-column: span 3/span 3;
+}
+
+/* Row expansion */
+.grid-r-3 {
+ grid-row: span 3/span 3;
+}
+
+/* Cell Column Start/End */
+.grid-cs-3 {
+ grid-column-start: 3;
+}
+
+.grid-ce-3 {
+ grid-column-end: 4;
+}
+
+/* Cell Row Start/End */
+.grid-rs-3 {
+ grid-row-start: 3;
+}
+
+.grid-re-3 {
+ grid-row-end: 4;
+}
+
+/* Templates */
+.grid-cols-4 {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-4 {
+ grid-column: span 4/span 4;
+}
+
+/* Row expansion */
+.grid-r-4 {
+ grid-row: span 4/span 4;
+}
+
+/* Cell Column Start/End */
+.grid-cs-4 {
+ grid-column-start: 4;
+}
+
+.grid-ce-4 {
+ grid-column-end: 5;
+}
+
+/* Cell Row Start/End */
+.grid-rs-4 {
+ grid-row-start: 4;
+}
+
+.grid-re-4 {
+ grid-row-end: 5;
+}
+
+/* Templates */
+.grid-cols-5 {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-5 {
+ grid-column: span 5/span 5;
+}
+
+/* Row expansion */
+.grid-r-5 {
+ grid-row: span 5/span 5;
+}
+
+/* Cell Column Start/End */
+.grid-cs-5 {
+ grid-column-start: 5;
+}
+
+.grid-ce-5 {
+ grid-column-end: 6;
+}
+
+/* Cell Row Start/End */
+.grid-rs-5 {
+ grid-row-start: 5;
+}
+
+.grid-re-5 {
+ grid-row-end: 6;
+}
+
+/* Templates */
+.grid-cols-6 {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-6 {
+ grid-column: span 6/span 6;
+}
+
+/* Row expansion */
+.grid-r-6 {
+ grid-row: span 6/span 6;
+}
+
+/* Cell Column Start/End */
+.grid-cs-6 {
+ grid-column-start: 6;
+}
+
+.grid-ce-6 {
+ grid-column-end: 7;
+}
+
+/* Cell Row Start/End */
+.grid-rs-6 {
+ grid-row-start: 6;
+}
+
+.grid-re-6 {
+ grid-row-end: 7;
+}
+
+/* Templates */
+.grid-cols-7 {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-7 {
+ grid-column: span 7/span 7;
+}
+
+/* Row expansion */
+.grid-r-7 {
+ grid-row: span 7/span 7;
+}
+
+/* Cell Column Start/End */
+.grid-cs-7 {
+ grid-column-start: 7;
+}
+
+.grid-ce-7 {
+ grid-column-end: 8;
+}
+
+/* Cell Row Start/End */
+.grid-rs-7 {
+ grid-row-start: 7;
+}
+
+.grid-re-7 {
+ grid-row-end: 8;
+}
+
+/* Templates */
+.grid-cols-8 {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-8 {
+ grid-column: span 8/span 8;
+}
+
+/* Row expansion */
+.grid-r-8 {
+ grid-row: span 8/span 8;
+}
+
+/* Cell Column Start/End */
+.grid-cs-8 {
+ grid-column-start: 8;
+}
+
+.grid-ce-8 {
+ grid-column-end: 9;
+}
+
+/* Cell Row Start/End */
+.grid-rs-8 {
+ grid-row-start: 8;
+}
+
+.grid-re-8 {
+ grid-row-end: 9;
+}
+
+/* Templates */
+.grid-cols-9 {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-9 {
+ grid-column: span 9/span 9;
+}
+
+/* Row expansion */
+.grid-r-9 {
+ grid-row: span 9/span 9;
+}
+
+/* Cell Column Start/End */
+.grid-cs-9 {
+ grid-column-start: 9;
+}
+
+.grid-ce-9 {
+ grid-column-end: 10;
+}
+
+/* Cell Row Start/End */
+.grid-rs-9 {
+ grid-row-start: 9;
+}
+
+.grid-re-9 {
+ grid-row-end: 10;
+}
+
+/* Templates */
+.grid-cols-10 {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-10 {
+ grid-column: span 10/span 10;
+}
+
+/* Row expansion */
+.grid-r-10 {
+ grid-row: span 10/span 10;
+}
+
+/* Cell Column Start/End */
+.grid-cs-10 {
+ grid-column-start: 10;
+}
+
+.grid-ce-10 {
+ grid-column-end: 11;
+}
+
+/* Cell Row Start/End */
+.grid-rs-10 {
+ grid-row-start: 10;
+}
+
+.grid-re-10 {
+ grid-row-end: 11;
+}
+
+/* Templates */
+.grid-cols-11 {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-11 {
+ grid-column: span 11/span 11;
+}
+
+/* Row expansion */
+.grid-r-11 {
+ grid-row: span 11/span 11;
+}
+
+/* Cell Column Start/End */
+.grid-cs-11 {
+ grid-column-start: 11;
+}
+
+.grid-ce-11 {
+ grid-column-end: 12;
+}
+
+/* Cell Row Start/End */
+.grid-rs-11 {
+ grid-row-start: 11;
+}
+
+.grid-re-11 {
+ grid-row-end: 12;
+}
+
+/* Templates */
+.grid-cols-12 {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-12 {
+ grid-column: span 12/span 12;
+}
+
+/* Row expansion */
+.grid-r-12 {
+ grid-row: span 12/span 12;
+}
+
+/* Cell Column Start/End */
+.grid-cs-12 {
+ grid-column-start: 12;
+}
+
+.grid-ce-12 {
+ grid-column-end: 13;
+}
+
+/* Cell Row Start/End */
+.grid-rs-12 {
+ grid-row-start: 12;
+}
+
+.grid-re-12 {
+ grid-row-end: 13;
+}
+
+.grid-ce-end {
+ grid-column-end: -1;
+}
+
+.grid-re-end {
+ grid-row-end: -1;
+}
+
+.grid-ce-auto {
+ grid-column-end: auto;
+}
+
+.grid-re-auto {
+ grid-row-end: auto;
+}
+
+@media screen and (min-width: 640px) {
+ .grid-sm {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-sm {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-sm {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-sm {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-sm {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-sm {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-sm {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-sm {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-sm {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-sm {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-sm {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-sm {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-sm {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-sm {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-sm {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-sm {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-sm {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-sm {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-sm {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-sm {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-sm {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-sm {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-sm {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-sm {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-sm {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-sm {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-sm {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-sm {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-sm {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-sm {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-sm {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-sm {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-sm {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-sm {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-sm {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-sm {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-sm {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-sm {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-sm {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-sm {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-sm {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-sm {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-sm {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-sm {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-sm {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-sm {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-sm {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-sm {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-sm {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-sm {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-sm {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-sm {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-sm {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-sm {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-sm {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-sm {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-sm {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-sm {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-sm {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-sm {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-sm {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-sm {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-sm {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-sm {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-sm {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-sm {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-sm {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-sm {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-sm {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-sm {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-sm {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-sm {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-sm {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-sm {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-sm {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-sm {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-sm {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-sm {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-sm {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-sm {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-sm {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-sm {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-sm {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-sm {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-sm {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-sm {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-sm {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-sm {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-sm {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 768px) {
+ .grid-md {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-md {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-md {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-md {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-md {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-md {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-md {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-md {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-md {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-md {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-md {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-md {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-md {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-md {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-md {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-md {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-md {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-md {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-md {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-md {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-md {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-md {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-md {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-md {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-md {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-md {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-md {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-md {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-md {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-md {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-md {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-md {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-md {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-md {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-md {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-md {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-md {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-md {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-md {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-md {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-md {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-md {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-md {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-md {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-md {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-md {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-md {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-md {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-md {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-md {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-md {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-md {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-md {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-md {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-md {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-md {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-md {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-md {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-md {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-md {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-md {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-md {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-md {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-md {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-md {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-md {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-md {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-md {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-md {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-md {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-md {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-md {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-md {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-md {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-md {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-md {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-md {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-md {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-md {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-md {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-md {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-md {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-md {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-md {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-md {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-md {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-md {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-md {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-md {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .grid-lg {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-lg {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-lg {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-lg {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-lg {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-lg {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-lg {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-lg {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-lg {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-lg {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-lg {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-lg {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-lg {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-lg {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-lg {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-lg {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-lg {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-lg {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-lg {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-lg {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-lg {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-lg {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-lg {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-lg {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-lg {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-lg {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-lg {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-lg {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-lg {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-lg {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-lg {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-lg {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-lg {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-lg {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-lg {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-lg {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-lg {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-lg {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-lg {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-lg {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-lg {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-lg {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-lg {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-lg {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-lg {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-lg {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-lg {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-lg {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-lg {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-lg {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-lg {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-lg {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-lg {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-lg {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-lg {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-lg {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-lg {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-lg {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-lg {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-lg {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-lg {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-lg {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-lg {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-lg {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-lg {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-lg {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-lg {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-lg {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-lg {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-lg {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-lg {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-lg {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-lg {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-lg {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-lg {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-lg {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-lg {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-lg {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-lg {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-lg {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-lg {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-lg {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-lg {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-lg {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-lg {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-lg {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-lg {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-lg {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-lg {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .grid-xl {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-xl {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-xl {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-xl {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-xl {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-xl {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-xl {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-xl {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-xl {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-xl {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-xl {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-xl {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-xl {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-xl {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-xl {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-xl {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-xl {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-xl {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-xl {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-xl {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-xl {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-xl {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-xl {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-xl {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-xl {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-xl {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-xl {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-xl {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-xl {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-xl {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-xl {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-xl {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-xl {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-xl {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-xl {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-xl {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-xl {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-xl {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-xl {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-xl {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-xl {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-xl {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-xl {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-xl {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-xl {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-xl {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-xl {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-xl {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-xl {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-xl {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-xl {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-xl {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-xl {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-xl {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-xl {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-xl {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-xl {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-xl {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-xl {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-xl {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-xl {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-xl {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-xl {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-xl {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-xl {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-xl {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-xl {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-xl {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-xl {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-xl {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-xl {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-xl {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-xl {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-xl {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-xl {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-xl {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-xl {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-xl {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-xl {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-xl {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-xl {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-xl {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-xl {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-xl {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-xl {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-xl {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-xl {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-xl {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-xl {
+ grid-row-end: auto;
+ }
+}
+/* HEADER */
+/* This works well with panel */
+section {
+ display: block;
+}
+
+.content {
+ max-width: 48em;
+ margin: 0 auto 1.5em;
+ width: 100%;
+}
+
+@media screen and (min-width: 1024px) {
+ .content {
+ max-width: 64em;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .content {
+ max-width: 80em;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .content {
+ max-width: 96em;
+ }
+}
+.fullscreen {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ min-height: 100vh;
+}
+
+/* This works well with spans and maybe even hr */
+.divider {
+ border-top: 0.05rem solid rgba(173, 181, 189, 0.5);
+ height: 0.1rem;
+ margin: 1.8rem 0 1.6rem;
+ position: relative;
+}
+
+.divider[data-content] {
+ margin: 0.8rem 0;
+}
+
+.divider--v[data-content]::after, .divider[data-content]::after {
+ background: #fff;
+ color: #adb5bd;
+ content: attr(data-content);
+ left: 50%;
+ display: inline-block;
+ padding: 0 0.4rem;
+ position: absolute;
+ transform: translate(-50%, -50%);
+ top: 50%;
+}
+
+.divider--v, .divider--v[data-content] {
+ display: block;
+ padding: 0.8rem;
+}
+
+.divider--v::before, .divider--v[data-content]::before {
+ border-left: 0.05rem solid rgba(173, 181, 189, 0.5);
+ bottom: 0.4rem;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 0;
+ transform: translateX(-50%);
+}
+
+.divider--v[data-content] {
+ left: 50%;
+ padding: 0.2rem 0;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/* Hero image div */
+.hero-img {
+ /* Specify the backgroud image yourself */
+ background-size: cover;
+}
+
+.parallax-img {
+ background-attachment: fixed !important;
+}
+
+.hero {
+ /* Parent of hero-body */
+ align-items: stretch;
+ display: flex;
+ /* Important to stretch height of hero-body */
+ justify-content: space-between;
+}
+
+.hero .hero-body {
+ flex-grow: 1;
+ /* Tells the hero-body to take up the entire space */
+ flex-shrink: 0;
+ padding: 3rem 1.5rem;
+ align-items: center;
+ display: flex;
+ width: 100%;
+}
+
+.space {
+ display: block;
+ width: 100%;
+ height: 1rem;
+}
+
+.space.space--lg {
+ padding: 1rem 0;
+}
+
+.space.space--xl {
+ padding: 2rem 0;
+}
+
+/* Use for spacing out elements vertically */
+.row {
+ -ms-flex: 1;
+ flex: 1;
+ flex-wrap: wrap;
+ padding: 0.5rem 0;
+ display: flex;
+ /* GRID */
+ /* Auto align col to left in row */
+ /* Auto align col to middle in row */
+ /* Auto align col to right in row */
+ /* Dividers for mobile layout */
+ /* Base sizing where everything is 100% width */
+ /* Column sizes for various viewports */
+ /* Columns without the spacing */
+}
+
+.row::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+.row.row--no-wrap {
+ flex-wrap: nowrap;
+ overflow-x: auto;
+ /* Can be disabled to remove scroll bar */
+}
+
+.row .col {
+ display: block;
+ flex: 1;
+ padding: 0.15rem 0.75rem;
+}
+
+.row .offset-right {
+ margin-left: 0;
+ margin-right: auto;
+}
+
+.row .offset-center {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.row .offset-left {
+ margin-left: auto;
+ margin-right: 0;
+}
+
+.row.divided [class^=col], .row.divided [class*=" col"] {
+ box-shadow: 0 -1px 0 0 rgba(173, 181, 189, 0.5);
+}
+
+.row [class^=col-],
+.row [class*=" col-"] {
+ width: 100%;
+ margin-left: 0;
+ padding: 0 0.5rem;
+}
+
+@media screen and (min-width: 768px) {
+ .row .col-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-1 {
+ margin-left: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-2 {
+ margin-left: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-3 {
+ margin-left: 25%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-4 {
+ margin-left: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-5 {
+ margin-left: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-6 {
+ margin-left: 50%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-7 {
+ margin-left: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-8 {
+ margin-left: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-9 {
+ margin-left: 75%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-10 {
+ margin-left: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-11 {
+ margin-left: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-12 {
+ margin-left: 100%;
+ }
+}
+.row.no-space [class^=col-], .row.no-space [class*=" col-"] {
+ padding: 0;
+}
+
+.r {
+ /* Legacy row pre 0.5.5 */
+ max-width: 100%;
+ padding: 0.5rem;
+}
+
+.level {
+ align-items: center;
+ justify-content: space-between;
+ /* Used to stretch the contents of div in level to fill */
+}
+
+.level .level-item {
+ /* Centers items */
+ align-items: center;
+ display: flex;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+}
+
+.level .level-content {
+ flex-basis: auto;
+ flex-grow: 1;
+ flex-shrink: 1;
+ text-align: left;
+ width: 100%;
+}
+
+/* Width/Height CSS */
+.h-0 {
+ height: 0 !important;
+}
+
+.h-10p {
+ height: 10% !important;
+}
+
+.h-20p {
+ height: 20% !important;
+}
+
+.h-30p {
+ height: 30% !important;
+}
+
+.h-40p {
+ height: 40% !important;
+}
+
+.h-50p {
+ height: 50% !important;
+}
+
+.h-60p {
+ height: 60% !important;
+}
+
+.h-70p {
+ height: 70% !important;
+}
+
+.h-80p {
+ height: 80% !important;
+}
+
+.h-90p {
+ height: 90% !important;
+}
+
+.h-100p {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.h-screen {
+ height: 100vh !important;
+}
+
+@media screen and (min-width: 640px) {
+ .h-0-sm {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-10p-sm {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-20p-sm {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-30p-sm {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-40p-sm {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-50p-sm {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-60p-sm {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-70p-sm {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-80p-sm {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-90p-sm {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-100p-sm {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-auto-sm {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-screen-sm {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-0-md {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-10p-md {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-20p-md {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-30p-md {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-40p-md {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-50p-md {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-60p-md {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-70p-md {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-80p-md {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-90p-md {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-100p-md {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-auto-md {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-screen-md {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-0-lg {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-10p-lg {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-20p-lg {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-30p-lg {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-40p-lg {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-50p-lg {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-60p-lg {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-70p-lg {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-80p-lg {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-90p-lg {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-100p-lg {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-auto-lg {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-screen-lg {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-0-xl {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-10p-xl {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-20p-xl {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-30p-xl {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-40p-xl {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-50p-xl {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-60p-xl {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-70p-xl {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-80p-xl {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-90p-xl {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-100p-xl {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-auto-xl {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-screen-xl {
+ height: 100vh !important;
+ }
+}
+.w-0 {
+ width: 0 !important;
+}
+
+.w-10p {
+ width: 10% !important;
+}
+
+.w-20p {
+ width: 20% !important;
+}
+
+.w-30p {
+ width: 30% !important;
+}
+
+.w-40p {
+ width: 40% !important;
+}
+
+.w-50p {
+ width: 50% !important;
+}
+
+.w-60p {
+ width: 60% !important;
+}
+
+.w-70p {
+ width: 70% !important;
+}
+
+.w-80p {
+ width: 80% !important;
+}
+
+.w-90p {
+ width: 90% !important;
+}
+
+.w-100p {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.w-screen {
+ width: 100vw !important;
+}
+
+@media screen and (min-width: 640px) {
+ .w-0-sm {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-10p-sm {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-20p-sm {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-30p-sm {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-40p-sm {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-50p-sm {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-60p-sm {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-70p-sm {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-80p-sm {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-90p-sm {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-100p-sm {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-auto-sm {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-screen-sm {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-0-md {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-10p-md {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-20p-md {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-30p-md {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-40p-md {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-50p-md {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-60p-md {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-70p-md {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-80p-md {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-90p-md {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-100p-md {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-auto-md {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-screen-md {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-0-lg {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-10p-lg {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-20p-lg {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-30p-lg {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-40p-lg {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-50p-lg {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-60p-lg {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-70p-lg {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-80p-lg {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-90p-lg {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-100p-lg {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-auto-lg {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-screen-lg {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-0-xl {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-10p-xl {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-20p-xl {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-30p-xl {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-40p-xl {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-50p-xl {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-60p-xl {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-70p-xl {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-80p-xl {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-90p-xl {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-100p-xl {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-auto-xl {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-screen-xl {
+ width: 100vw !important;
+ }
+}
+.min-h-0 {
+ min-height: 0 !important;
+}
+
+.min-h-10p {
+ min-height: 10% !important;
+}
+
+.min-h-20p {
+ min-height: 20% !important;
+}
+
+.min-h-30p {
+ min-height: 30% !important;
+}
+
+.min-h-40p {
+ min-height: 40% !important;
+}
+
+.min-h-50p {
+ min-height: 50% !important;
+}
+
+.min-h-60p {
+ min-height: 60% !important;
+}
+
+.min-h-70p {
+ min-height: 70% !important;
+}
+
+.min-h-80p {
+ min-height: 80% !important;
+}
+
+.min-h-90p {
+ min-height: 90% !important;
+}
+
+.min-h-100p {
+ min-height: 100% !important;
+}
+
+.min-h-screen {
+ min-height: 100vh !important;
+}
+
+.min-w-0 {
+ min-width: 0 !important;
+}
+
+.min-w-10p {
+ min-width: 10% !important;
+}
+
+.min-w-20p {
+ min-width: 20% !important;
+}
+
+.min-w-30p {
+ min-width: 30% !important;
+}
+
+.min-w-40p {
+ min-width: 40% !important;
+}
+
+.min-w-50p {
+ min-width: 50% !important;
+}
+
+.min-w-60p {
+ min-width: 60% !important;
+}
+
+.min-w-70p {
+ min-width: 70% !important;
+}
+
+.min-w-80p {
+ min-width: 80% !important;
+}
+
+.min-w-90p {
+ min-width: 90% !important;
+}
+
+.min-w-100p {
+ min-width: 100% !important;
+}
+
+.min-w-screen {
+ min-width: 100vw !important;
+}
+
+.max-h-none {
+ max-height: none !important;
+}
+
+.max-h-10p {
+ max-height: 10% !important;
+}
+
+.max-h-20p {
+ max-height: 20% !important;
+}
+
+.max-h-30p {
+ max-height: 30% !important;
+}
+
+.max-h-40p {
+ max-height: 40% !important;
+}
+
+.max-h-50p {
+ max-height: 50% !important;
+}
+
+.max-h-60p {
+ max-height: 60% !important;
+}
+
+.max-h-70p {
+ max-height: 70% !important;
+}
+
+.max-h-80p {
+ max-height: 80% !important;
+}
+
+.max-h-90p {
+ max-height: 90% !important;
+}
+
+.max-h-100p {
+ max-height: 100% !important;
+}
+
+.max-h-screen {
+ max-height: 100vh !important;
+}
+
+.max-w-none {
+ max-width: none !important;
+}
+
+.max-w-10p {
+ max-width: 10% !important;
+}
+
+.max-w-20p {
+ max-width: 20% !important;
+}
+
+.max-w-30p {
+ max-width: 30% !important;
+}
+
+.max-w-40p {
+ max-width: 40% !important;
+}
+
+.max-w-50p {
+ max-width: 50% !important;
+}
+
+.max-w-60p {
+ max-width: 60% !important;
+}
+
+.max-w-70p {
+ max-width: 70% !important;
+}
+
+.max-w-80p {
+ max-width: 80% !important;
+}
+
+.max-w-90p {
+ max-width: 90% !important;
+}
+
+.max-w-100p {
+ max-width: 100% !important;
+}
+
+.max-w-screen {
+ max-width: 100vw !important;
+}
+
+/* Do the actual balancing only on larger screens */
+@media screen and (min-width: 768px) {
+ .level,
+.level-left,
+.level-right {
+ display: flex;
+ }
+}
+@media screen and (max-width: 767px) {
+ .level-right {
+ margin-left: 1rem;
+ }
+
+ /* Keep all level children the same height */
+ .level.fill-height {
+ align-items: stretch;
+ display: flex;
+ }
+}
+/* MOBILE */
+@media screen and (max-width: 767px) {
+ .container {
+ width: 100%;
+ }
+
+ .row {
+ margin-top: 0;
+ }
+
+ /* Dividers for mobile layout */
+ .divided > .row [class^=col-],
+.divided > .row [class*=" col-"] {
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+ }
+
+ .level.fill-height {
+ display: inherit;
+ /* Allow children to expand */
+ }
+
+ .hero-body {
+ padding: 0;
+ }
+}
+/* MEDIA CSS */
+/* Handles images, videos, figures, etc */
+video.video-fullscreen {
+ position: absolute;
+ height: 100vh;
+ object-fit: cover;
+ width: 100%;
+ z-index: -1;
+}
+
+.hero.fullscreen video {
+ height: 100%;
+ object-fit: fill;
+ position: absolute;
+ width: 100%;
+ z-index: -1;
+}
+
+/* Add to parent container to make media child fill container */
+.media-stretch {
+ display: block;
+ padding: 0;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ /* Add pseudoclass to allow media to have height (default height is 0) */
+ /* Force media embed to fill parent container */
+ /* Alternate media ratios */
+ /* For HTML5 video objects */
+}
+
+.media-stretch::before {
+ content: "";
+ display: block;
+ padding-bottom: 56.25%;
+ /* 9 / 16 for 16:9 ratio */
+}
+
+.media-stretch iframe,
+.media-stretch embed,
+.media-stretch object {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ /* Make sure media does exceed or go under boundary limit */
+ height: 100%;
+}
+
+.media-stretch.rat-4-3::before {
+ padding-bottom: 75%;
+}
+
+.media-stretch.rat-1-1::before {
+ padding-bottom: 100%;
+}
+
+.media-stretch video {
+ height: auto;
+ max-width: 100%;
+ width: 100%;
+}
+
+/* FIGURES */
+/* For flexible media display */
+.fig {
+ margin: 0 0 0.5rem 0;
+ /* Small margin at the bottom */
+}
+
+.fig .fig-caption {
+ margin-top: 1rem;
+}
+
+/* IMAGES */
+.img-stretch {
+ max-width: 100%;
+ height: auto;
+ display: block;
+}
+
+.img-cover {
+ object-fit: cover;
+}
+
+.img-contain {
+ object-fit: contain;
+}
+
+/* A collection of modifiers that extend control styling */
+.btn, button, [type=submit], [type=reset], [type=button] {
+ /* btn--circle: contents must be placed inside child element */
+}
+
+.btn.btn--pilled, button.btn--pilled, [type=submit].btn--pilled, [type=reset].btn--pilled, [type=button].btn--pilled {
+ border-radius: 6.25rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.btn.btn--circle, button.btn--circle, [type=submit].btn--circle, [type=reset].btn--circle, [type=button].btn--circle {
+ border-radius: 100%;
+ min-width: 60px;
+ overflow: hidden;
+ padding: 0;
+ text-align: center;
+}
+
+.btn.btn--circle:before, button.btn--circle:before, [type=submit].btn--circle:before, [type=reset].btn--circle:before, [type=button].btn--circle:before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ padding-top: 100%;
+}
+
+.btn.btn--circle *, button.btn--circle *, [type=submit].btn--circle *, [type=reset].btn--circle *, [type=button].btn--circle * {
+ display: inline;
+ max-width: 90%;
+ vertical-align: middle;
+ white-space: pre-wrap;
+}
+
+/* Input (primary text-based) controls apply to inputs */
+.input-control--pilled {
+ border-radius: 6.25rem !important;
+}
+
+/* Theme modifiers */
+/* GLOBAL THEME SELECTORS */
+/* v1 */
+.bg-primary {
+ background-color: rgba(240, 61, 77, var(--bg-opacity)) !important;
+}
+
+.text-primary {
+ border-color: rgba(240, 61, 77, var(--color-opacity)) !important;
+ color: rgba(240, 61, 77, var(--color-opacity)) !important;
+}
+
+.bg-success {
+ background-color: rgba(13, 209, 87, var(--bg-opacity)) !important;
+}
+
+.text-success {
+ border-color: rgba(13, 209, 87, var(--color-opacity)) !important;
+ color: rgba(13, 209, 87, var(--color-opacity)) !important;
+}
+
+.bg-warning {
+ background-color: rgba(250, 182, 51, var(--bg-opacity)) !important;
+}
+
+.text-warning {
+ border-color: rgba(250, 182, 51, var(--color-opacity)) !important;
+ color: rgba(250, 182, 51, var(--color-opacity)) !important;
+}
+
+.bg-danger {
+ background-color: rgba(251, 65, 67, var(--bg-opacity)) !important;
+}
+
+.text-danger {
+ border-color: rgba(251, 65, 67, var(--color-opacity)) !important;
+ color: rgba(251, 65, 67, var(--color-opacity)) !important;
+}
+
+.bg-light {
+ background-color: rgba(246, 249, 252, var(--bg-opacity)) !important;
+}
+
+.text-light {
+ border-color: rgba(246, 249, 252, var(--color-opacity)) !important;
+ color: rgba(246, 249, 252, var(--color-opacity)) !important;
+}
+
+.bg-dark {
+ background-color: rgba(54, 54, 54, var(--bg-opacity)) !important;
+}
+
+.text-dark {
+ border-color: rgba(54, 54, 54, var(--color-opacity)) !important;
+ color: rgba(54, 54, 54, var(--color-opacity)) !important;
+}
+
+.bg-link {
+ background-color: rgba(94, 92, 199, var(--bg-opacity)) !important;
+}
+
+.text-link {
+ border-color: rgba(94, 92, 199, var(--color-opacity)) !important;
+ color: rgba(94, 92, 199, var(--color-opacity)) !important;
+}
+
+.bg-link-dark {
+ background-color: rgba(70, 67, 226, var(--bg-opacity)) !important;
+}
+
+.text-link-dark {
+ border-color: rgba(70, 67, 226, var(--color-opacity)) !important;
+ color: rgba(70, 67, 226, var(--color-opacity)) !important;
+}
+
+.bg-info {
+ background-color: rgba(41, 114, 250, var(--bg-opacity)) !important;
+}
+
+.text-info {
+ border-color: rgba(41, 114, 250, var(--color-opacity)) !important;
+ color: rgba(41, 114, 250, var(--color-opacity)) !important;
+}
+
+.bg-black {
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+}
+
+.text-black {
+ border-color: rgba(0, 0, 0, var(--color-opacity)) !important;
+ color: rgba(0, 0, 0, var(--color-opacity)) !important;
+}
+
+.bg-white {
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+}
+
+.text-white {
+ border-color: rgba(255, 255, 255, var(--color-opacity)) !important;
+ color: rgba(255, 255, 255, var(--color-opacity)) !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.text-transparent {
+ border-color: transparent !important;
+ color: transparent !important;
+}
+
+/* v2 */
+.bg-pink-100 {
+ background-color: rgba(252, 232, 243, var(--bg-opacity)) !important;
+}
+
+.text-pink-100 {
+ border-color: rgba(252, 232, 243, var(--color-opacity)) !important;
+ color: rgba(252, 232, 243, var(--color-opacity)) !important;
+}
+
+.bg-pink-200 {
+ background-color: rgba(250, 209, 232, var(--bg-opacity)) !important;
+}
+
+.text-pink-200 {
+ border-color: rgba(250, 209, 232, var(--color-opacity)) !important;
+ color: rgba(250, 209, 232, var(--color-opacity)) !important;
+}
+
+.bg-pink-300 {
+ background-color: rgba(248, 180, 217, var(--bg-opacity)) !important;
+}
+
+.text-pink-300 {
+ border-color: rgba(248, 180, 217, var(--color-opacity)) !important;
+ color: rgba(248, 180, 217, var(--color-opacity)) !important;
+}
+
+.bg-pink-400 {
+ background-color: rgba(241, 126, 184, var(--bg-opacity)) !important;
+}
+
+.text-pink-400 {
+ border-color: rgba(241, 126, 184, var(--color-opacity)) !important;
+ color: rgba(241, 126, 184, var(--color-opacity)) !important;
+}
+
+.bg-pink-500 {
+ background-color: rgba(231, 70, 148, var(--bg-opacity)) !important;
+}
+
+.text-pink-500 {
+ border-color: rgba(231, 70, 148, var(--color-opacity)) !important;
+ color: rgba(231, 70, 148, var(--color-opacity)) !important;
+}
+
+.bg-pink-600 {
+ background-color: rgba(214, 31, 105, var(--bg-opacity)) !important;
+}
+
+.text-pink-600 {
+ border-color: rgba(214, 31, 105, var(--color-opacity)) !important;
+ color: rgba(214, 31, 105, var(--color-opacity)) !important;
+}
+
+.bg-pink-700 {
+ background-color: rgba(191, 18, 93, var(--bg-opacity)) !important;
+}
+
+.text-pink-700 {
+ border-color: rgba(191, 18, 93, var(--color-opacity)) !important;
+ color: rgba(191, 18, 93, var(--color-opacity)) !important;
+}
+
+.bg-pink-800 {
+ background-color: rgba(153, 21, 75, var(--bg-opacity)) !important;
+}
+
+.text-pink-800 {
+ border-color: rgba(153, 21, 75, var(--color-opacity)) !important;
+ color: rgba(153, 21, 75, var(--color-opacity)) !important;
+}
+
+.bg-pink-900 {
+ background-color: rgba(117, 26, 61, var(--bg-opacity)) !important;
+}
+
+.text-pink-900 {
+ border-color: rgba(117, 26, 61, var(--color-opacity)) !important;
+ color: rgba(117, 26, 61, var(--color-opacity)) !important;
+}
+
+.bg-red-100 {
+ background-color: rgba(253, 232, 232, var(--bg-opacity)) !important;
+}
+
+.text-red-100 {
+ border-color: rgba(253, 232, 232, var(--color-opacity)) !important;
+ color: rgba(253, 232, 232, var(--color-opacity)) !important;
+}
+
+.bg-red-200 {
+ background-color: rgba(251, 213, 213, var(--bg-opacity)) !important;
+}
+
+.text-red-200 {
+ border-color: rgba(251, 213, 213, var(--color-opacity)) !important;
+ color: rgba(251, 213, 213, var(--color-opacity)) !important;
+}
+
+.bg-red-300 {
+ background-color: rgba(248, 180, 180, var(--bg-opacity)) !important;
+}
+
+.text-red-300 {
+ border-color: rgba(248, 180, 180, var(--color-opacity)) !important;
+ color: rgba(248, 180, 180, var(--color-opacity)) !important;
+}
+
+.bg-red-400 {
+ background-color: rgba(249, 128, 128, var(--bg-opacity)) !important;
+}
+
+.text-red-400 {
+ border-color: rgba(249, 128, 128, var(--color-opacity)) !important;
+ color: rgba(249, 128, 128, var(--color-opacity)) !important;
+}
+
+.bg-red-500 {
+ background-color: rgba(240, 82, 82, var(--bg-opacity)) !important;
+}
+
+.text-red-500 {
+ border-color: rgba(240, 82, 82, var(--color-opacity)) !important;
+ color: rgba(240, 82, 82, var(--color-opacity)) !important;
+}
+
+.bg-red-600 {
+ background-color: rgba(224, 36, 36, var(--bg-opacity)) !important;
+}
+
+.text-red-600 {
+ border-color: rgba(224, 36, 36, var(--color-opacity)) !important;
+ color: rgba(224, 36, 36, var(--color-opacity)) !important;
+}
+
+.bg-red-700 {
+ background-color: rgba(200, 30, 30, var(--bg-opacity)) !important;
+}
+
+.text-red-700 {
+ border-color: rgba(200, 30, 30, var(--color-opacity)) !important;
+ color: rgba(200, 30, 30, var(--color-opacity)) !important;
+}
+
+.bg-red-800 {
+ background-color: rgba(155, 28, 28, var(--bg-opacity)) !important;
+}
+
+.text-red-800 {
+ border-color: rgba(155, 28, 28, var(--color-opacity)) !important;
+ color: rgba(155, 28, 28, var(--color-opacity)) !important;
+}
+
+.bg-red-900 {
+ background-color: rgba(119, 29, 29, var(--bg-opacity)) !important;
+}
+
+.text-red-900 {
+ border-color: rgba(119, 29, 29, var(--color-opacity)) !important;
+ color: rgba(119, 29, 29, var(--color-opacity)) !important;
+}
+
+.bg-orange-100 {
+ background-color: rgba(254, 236, 220, var(--bg-opacity)) !important;
+}
+
+.text-orange-100 {
+ border-color: rgba(254, 236, 220, var(--color-opacity)) !important;
+ color: rgba(254, 236, 220, var(--color-opacity)) !important;
+}
+
+.bg-orange-200 {
+ background-color: rgba(252, 217, 189, var(--bg-opacity)) !important;
+}
+
+.text-orange-200 {
+ border-color: rgba(252, 217, 189, var(--color-opacity)) !important;
+ color: rgba(252, 217, 189, var(--color-opacity)) !important;
+}
+
+.bg-orange-300 {
+ background-color: rgba(253, 186, 140, var(--bg-opacity)) !important;
+}
+
+.text-orange-300 {
+ border-color: rgba(253, 186, 140, var(--color-opacity)) !important;
+ color: rgba(253, 186, 140, var(--color-opacity)) !important;
+}
+
+.bg-orange-400 {
+ background-color: rgba(255, 138, 76, var(--bg-opacity)) !important;
+}
+
+.text-orange-400 {
+ border-color: rgba(255, 138, 76, var(--color-opacity)) !important;
+ color: rgba(255, 138, 76, var(--color-opacity)) !important;
+}
+
+.bg-orange-500 {
+ background-color: rgba(255, 90, 31, var(--bg-opacity)) !important;
+}
+
+.text-orange-500 {
+ border-color: rgba(255, 90, 31, var(--color-opacity)) !important;
+ color: rgba(255, 90, 31, var(--color-opacity)) !important;
+}
+
+.bg-orange-600 {
+ background-color: rgba(208, 56, 1, var(--bg-opacity)) !important;
+}
+
+.text-orange-600 {
+ border-color: rgba(208, 56, 1, var(--color-opacity)) !important;
+ color: rgba(208, 56, 1, var(--color-opacity)) !important;
+}
+
+.bg-orange-700 {
+ background-color: rgba(180, 52, 3, var(--bg-opacity)) !important;
+}
+
+.text-orange-700 {
+ border-color: rgba(180, 52, 3, var(--color-opacity)) !important;
+ color: rgba(180, 52, 3, var(--color-opacity)) !important;
+}
+
+.bg-orange-800 {
+ background-color: rgba(138, 44, 13, var(--bg-opacity)) !important;
+}
+
+.text-orange-800 {
+ border-color: rgba(138, 44, 13, var(--color-opacity)) !important;
+ color: rgba(138, 44, 13, var(--color-opacity)) !important;
+}
+
+.bg-orange-900 {
+ background-color: rgba(115, 35, 13, var(--bg-opacity)) !important;
+}
+
+.text-orange-900 {
+ border-color: rgba(115, 35, 13, var(--color-opacity)) !important;
+ color: rgba(115, 35, 13, var(--color-opacity)) !important;
+}
+
+.bg-yellow-100 {
+ background-color: rgba(253, 246, 178, var(--bg-opacity)) !important;
+}
+
+.text-yellow-100 {
+ border-color: rgba(253, 246, 178, var(--color-opacity)) !important;
+ color: rgba(253, 246, 178, var(--color-opacity)) !important;
+}
+
+.bg-yellow-200 {
+ background-color: rgba(252, 233, 106, var(--bg-opacity)) !important;
+}
+
+.text-yellow-200 {
+ border-color: rgba(252, 233, 106, var(--color-opacity)) !important;
+ color: rgba(252, 233, 106, var(--color-opacity)) !important;
+}
+
+.bg-yellow-300 {
+ background-color: rgba(250, 202, 21, var(--bg-opacity)) !important;
+}
+
+.text-yellow-300 {
+ border-color: rgba(250, 202, 21, var(--color-opacity)) !important;
+ color: rgba(250, 202, 21, var(--color-opacity)) !important;
+}
+
+.bg-yellow-400 {
+ background-color: rgba(227, 160, 8, var(--bg-opacity)) !important;
+}
+
+.text-yellow-400 {
+ border-color: rgba(227, 160, 8, var(--color-opacity)) !important;
+ color: rgba(227, 160, 8, var(--color-opacity)) !important;
+}
+
+.bg-yellow-500 {
+ background-color: rgba(194, 120, 3, var(--bg-opacity)) !important;
+}
+
+.text-yellow-500 {
+ border-color: rgba(194, 120, 3, var(--color-opacity)) !important;
+ color: rgba(194, 120, 3, var(--color-opacity)) !important;
+}
+
+.bg-yellow-600 {
+ background-color: rgba(159, 88, 10, var(--bg-opacity)) !important;
+}
+
+.text-yellow-600 {
+ border-color: rgba(159, 88, 10, var(--color-opacity)) !important;
+ color: rgba(159, 88, 10, var(--color-opacity)) !important;
+}
+
+.bg-yellow-700 {
+ background-color: rgba(142, 75, 16, var(--bg-opacity)) !important;
+}
+
+.text-yellow-700 {
+ border-color: rgba(142, 75, 16, var(--color-opacity)) !important;
+ color: rgba(142, 75, 16, var(--color-opacity)) !important;
+}
+
+.bg-yellow-800 {
+ background-color: rgba(114, 59, 19, var(--bg-opacity)) !important;
+}
+
+.text-yellow-800 {
+ border-color: rgba(114, 59, 19, var(--color-opacity)) !important;
+ color: rgba(114, 59, 19, var(--color-opacity)) !important;
+}
+
+.bg-yellow-900 {
+ background-color: rgba(99, 49, 18, var(--bg-opacity)) !important;
+}
+
+.text-yellow-900 {
+ border-color: rgba(99, 49, 18, var(--color-opacity)) !important;
+ color: rgba(99, 49, 18, var(--color-opacity)) !important;
+}
+
+.bg-green-100 {
+ background-color: rgba(222, 247, 236, var(--bg-opacity)) !important;
+}
+
+.text-green-100 {
+ border-color: rgba(222, 247, 236, var(--color-opacity)) !important;
+ color: rgba(222, 247, 236, var(--color-opacity)) !important;
+}
+
+.bg-green-200 {
+ background-color: rgba(188, 240, 218, var(--bg-opacity)) !important;
+}
+
+.text-green-200 {
+ border-color: rgba(188, 240, 218, var(--color-opacity)) !important;
+ color: rgba(188, 240, 218, var(--color-opacity)) !important;
+}
+
+.bg-green-300 {
+ background-color: rgba(132, 225, 188, var(--bg-opacity)) !important;
+}
+
+.text-green-300 {
+ border-color: rgba(132, 225, 188, var(--color-opacity)) !important;
+ color: rgba(132, 225, 188, var(--color-opacity)) !important;
+}
+
+.bg-green-400 {
+ background-color: rgba(49, 196, 141, var(--bg-opacity)) !important;
+}
+
+.text-green-400 {
+ border-color: rgba(49, 196, 141, var(--color-opacity)) !important;
+ color: rgba(49, 196, 141, var(--color-opacity)) !important;
+}
+
+.bg-green-500 {
+ background-color: rgba(14, 159, 110, var(--bg-opacity)) !important;
+}
+
+.text-green-500 {
+ border-color: rgba(14, 159, 110, var(--color-opacity)) !important;
+ color: rgba(14, 159, 110, var(--color-opacity)) !important;
+}
+
+.bg-green-600 {
+ background-color: rgba(5, 122, 85, var(--bg-opacity)) !important;
+}
+
+.text-green-600 {
+ border-color: rgba(5, 122, 85, var(--color-opacity)) !important;
+ color: rgba(5, 122, 85, var(--color-opacity)) !important;
+}
+
+.bg-green-700 {
+ background-color: rgba(4, 108, 78, var(--bg-opacity)) !important;
+}
+
+.text-green-700 {
+ border-color: rgba(4, 108, 78, var(--color-opacity)) !important;
+ color: rgba(4, 108, 78, var(--color-opacity)) !important;
+}
+
+.bg-green-800 {
+ background-color: rgba(3, 84, 63, var(--bg-opacity)) !important;
+}
+
+.text-green-800 {
+ border-color: rgba(3, 84, 63, var(--color-opacity)) !important;
+ color: rgba(3, 84, 63, var(--color-opacity)) !important;
+}
+
+.bg-green-900 {
+ background-color: rgba(1, 71, 55, var(--bg-opacity)) !important;
+}
+
+.text-green-900 {
+ border-color: rgba(1, 71, 55, var(--color-opacity)) !important;
+ color: rgba(1, 71, 55, var(--color-opacity)) !important;
+}
+
+.bg-teal-100 {
+ background-color: rgba(213, 245, 246, var(--bg-opacity)) !important;
+}
+
+.text-teal-100 {
+ border-color: rgba(213, 245, 246, var(--color-opacity)) !important;
+ color: rgba(213, 245, 246, var(--color-opacity)) !important;
+}
+
+.bg-teal-200 {
+ background-color: rgba(175, 236, 239, var(--bg-opacity)) !important;
+}
+
+.text-teal-200 {
+ border-color: rgba(175, 236, 239, var(--color-opacity)) !important;
+ color: rgba(175, 236, 239, var(--color-opacity)) !important;
+}
+
+.bg-teal-300 {
+ background-color: rgba(126, 220, 226, var(--bg-opacity)) !important;
+}
+
+.text-teal-300 {
+ border-color: rgba(126, 220, 226, var(--color-opacity)) !important;
+ color: rgba(126, 220, 226, var(--color-opacity)) !important;
+}
+
+.bg-teal-400 {
+ background-color: rgba(22, 189, 202, var(--bg-opacity)) !important;
+}
+
+.text-teal-400 {
+ border-color: rgba(22, 189, 202, var(--color-opacity)) !important;
+ color: rgba(22, 189, 202, var(--color-opacity)) !important;
+}
+
+.bg-teal-500 {
+ background-color: rgba(6, 148, 162, var(--bg-opacity)) !important;
+}
+
+.text-teal-500 {
+ border-color: rgba(6, 148, 162, var(--color-opacity)) !important;
+ color: rgba(6, 148, 162, var(--color-opacity)) !important;
+}
+
+.bg-teal-600 {
+ background-color: rgba(4, 116, 129, var(--bg-opacity)) !important;
+}
+
+.text-teal-600 {
+ border-color: rgba(4, 116, 129, var(--color-opacity)) !important;
+ color: rgba(4, 116, 129, var(--color-opacity)) !important;
+}
+
+.bg-teal-700 {
+ background-color: rgba(3, 102, 114, var(--bg-opacity)) !important;
+}
+
+.text-teal-700 {
+ border-color: rgba(3, 102, 114, var(--color-opacity)) !important;
+ color: rgba(3, 102, 114, var(--color-opacity)) !important;
+}
+
+.bg-teal-800 {
+ background-color: rgba(5, 80, 92, var(--bg-opacity)) !important;
+}
+
+.text-teal-800 {
+ border-color: rgba(5, 80, 92, var(--color-opacity)) !important;
+ color: rgba(5, 80, 92, var(--color-opacity)) !important;
+}
+
+.bg-teal-900 {
+ background-color: rgba(1, 68, 81, var(--bg-opacity)) !important;
+}
+
+.text-teal-900 {
+ border-color: rgba(1, 68, 81, var(--color-opacity)) !important;
+ color: rgba(1, 68, 81, var(--color-opacity)) !important;
+}
+
+.bg-blue-100 {
+ background-color: rgba(225, 239, 254, var(--bg-opacity)) !important;
+}
+
+.text-blue-100 {
+ border-color: rgba(225, 239, 254, var(--color-opacity)) !important;
+ color: rgba(225, 239, 254, var(--color-opacity)) !important;
+}
+
+.bg-blue-200 {
+ background-color: rgba(195, 221, 253, var(--bg-opacity)) !important;
+}
+
+.text-blue-200 {
+ border-color: rgba(195, 221, 253, var(--color-opacity)) !important;
+ color: rgba(195, 221, 253, var(--color-opacity)) !important;
+}
+
+.bg-blue-300 {
+ background-color: rgba(164, 202, 254, var(--bg-opacity)) !important;
+}
+
+.text-blue-300 {
+ border-color: rgba(164, 202, 254, var(--color-opacity)) !important;
+ color: rgba(164, 202, 254, var(--color-opacity)) !important;
+}
+
+.bg-blue-400 {
+ background-color: rgba(118, 169, 250, var(--bg-opacity)) !important;
+}
+
+.text-blue-400 {
+ border-color: rgba(118, 169, 250, var(--color-opacity)) !important;
+ color: rgba(118, 169, 250, var(--color-opacity)) !important;
+}
+
+.bg-blue-500 {
+ background-color: rgba(63, 131, 248, var(--bg-opacity)) !important;
+}
+
+.text-blue-500 {
+ border-color: rgba(63, 131, 248, var(--color-opacity)) !important;
+ color: rgba(63, 131, 248, var(--color-opacity)) !important;
+}
+
+.bg-blue-600 {
+ background-color: rgba(28, 100, 242, var(--bg-opacity)) !important;
+}
+
+.text-blue-600 {
+ border-color: rgba(28, 100, 242, var(--color-opacity)) !important;
+ color: rgba(28, 100, 242, var(--color-opacity)) !important;
+}
+
+.bg-blue-700 {
+ background-color: rgba(26, 86, 219, var(--bg-opacity)) !important;
+}
+
+.text-blue-700 {
+ border-color: rgba(26, 86, 219, var(--color-opacity)) !important;
+ color: rgba(26, 86, 219, var(--color-opacity)) !important;
+}
+
+.bg-blue-800 {
+ background-color: rgba(30, 66, 159, var(--bg-opacity)) !important;
+}
+
+.text-blue-800 {
+ border-color: rgba(30, 66, 159, var(--color-opacity)) !important;
+ color: rgba(30, 66, 159, var(--color-opacity)) !important;
+}
+
+.bg-blue-900 {
+ background-color: rgba(35, 56, 118, var(--bg-opacity)) !important;
+}
+
+.text-blue-900 {
+ border-color: rgba(35, 56, 118, var(--color-opacity)) !important;
+ color: rgba(35, 56, 118, var(--color-opacity)) !important;
+}
+
+.bg-indigo-100 {
+ background-color: rgba(229, 237, 255, var(--bg-opacity)) !important;
+}
+
+.text-indigo-100 {
+ border-color: rgba(229, 237, 255, var(--color-opacity)) !important;
+ color: rgba(229, 237, 255, var(--color-opacity)) !important;
+}
+
+.bg-indigo-200 {
+ background-color: rgba(205, 219, 254, var(--bg-opacity)) !important;
+}
+
+.text-indigo-200 {
+ border-color: rgba(205, 219, 254, var(--color-opacity)) !important;
+ color: rgba(205, 219, 254, var(--color-opacity)) !important;
+}
+
+.bg-indigo-300 {
+ background-color: rgba(180, 198, 252, var(--bg-opacity)) !important;
+}
+
+.text-indigo-300 {
+ border-color: rgba(180, 198, 252, var(--color-opacity)) !important;
+ color: rgba(180, 198, 252, var(--color-opacity)) !important;
+}
+
+.bg-indigo-400 {
+ background-color: rgba(141, 162, 251, var(--bg-opacity)) !important;
+}
+
+.text-indigo-400 {
+ border-color: rgba(141, 162, 251, var(--color-opacity)) !important;
+ color: rgba(141, 162, 251, var(--color-opacity)) !important;
+}
+
+.bg-indigo-500 {
+ background-color: rgba(104, 117, 245, var(--bg-opacity)) !important;
+}
+
+.text-indigo-500 {
+ border-color: rgba(104, 117, 245, var(--color-opacity)) !important;
+ color: rgba(104, 117, 245, var(--color-opacity)) !important;
+}
+
+.bg-indigo-600 {
+ background-color: rgba(88, 80, 236, var(--bg-opacity)) !important;
+}
+
+.text-indigo-600 {
+ border-color: rgba(88, 80, 236, var(--color-opacity)) !important;
+ color: rgba(88, 80, 236, var(--color-opacity)) !important;
+}
+
+.bg-indigo-700 {
+ background-color: rgba(81, 69, 205, var(--bg-opacity)) !important;
+}
+
+.text-indigo-700 {
+ border-color: rgba(81, 69, 205, var(--color-opacity)) !important;
+ color: rgba(81, 69, 205, var(--color-opacity)) !important;
+}
+
+.bg-indigo-800 {
+ background-color: rgba(66, 56, 157, var(--bg-opacity)) !important;
+}
+
+.text-indigo-800 {
+ border-color: rgba(66, 56, 157, var(--color-opacity)) !important;
+ color: rgba(66, 56, 157, var(--color-opacity)) !important;
+}
+
+.bg-indigo-900 {
+ background-color: rgba(54, 47, 120, var(--bg-opacity)) !important;
+}
+
+.text-indigo-900 {
+ border-color: rgba(54, 47, 120, var(--color-opacity)) !important;
+ color: rgba(54, 47, 120, var(--color-opacity)) !important;
+}
+
+.bg-purple-100 {
+ background-color: rgba(237, 235, 254, var(--bg-opacity)) !important;
+}
+
+.text-purple-100 {
+ border-color: rgba(237, 235, 254, var(--color-opacity)) !important;
+ color: rgba(237, 235, 254, var(--color-opacity)) !important;
+}
+
+.bg-purple-200 {
+ background-color: rgba(220, 215, 254, var(--bg-opacity)) !important;
+}
+
+.text-purple-200 {
+ border-color: rgba(220, 215, 254, var(--color-opacity)) !important;
+ color: rgba(220, 215, 254, var(--color-opacity)) !important;
+}
+
+.bg-purple-300 {
+ background-color: rgba(202, 191, 253, var(--bg-opacity)) !important;
+}
+
+.text-purple-300 {
+ border-color: rgba(202, 191, 253, var(--color-opacity)) !important;
+ color: rgba(202, 191, 253, var(--color-opacity)) !important;
+}
+
+.bg-purple-400 {
+ background-color: rgba(172, 148, 250, var(--bg-opacity)) !important;
+}
+
+.text-purple-400 {
+ border-color: rgba(172, 148, 250, var(--color-opacity)) !important;
+ color: rgba(172, 148, 250, var(--color-opacity)) !important;
+}
+
+.bg-purple-500 {
+ background-color: rgba(144, 97, 249, var(--bg-opacity)) !important;
+}
+
+.text-purple-500 {
+ border-color: rgba(144, 97, 249, var(--color-opacity)) !important;
+ color: rgba(144, 97, 249, var(--color-opacity)) !important;
+}
+
+.bg-purple-600 {
+ background-color: rgba(126, 58, 242, var(--bg-opacity)) !important;
+}
+
+.text-purple-600 {
+ border-color: rgba(126, 58, 242, var(--color-opacity)) !important;
+ color: rgba(126, 58, 242, var(--color-opacity)) !important;
+}
+
+.bg-purple-700 {
+ background-color: rgba(108, 43, 217, var(--bg-opacity)) !important;
+}
+
+.text-purple-700 {
+ border-color: rgba(108, 43, 217, var(--color-opacity)) !important;
+ color: rgba(108, 43, 217, var(--color-opacity)) !important;
+}
+
+.bg-purple-800 {
+ background-color: rgba(85, 33, 181, var(--bg-opacity)) !important;
+}
+
+.text-purple-800 {
+ border-color: rgba(85, 33, 181, var(--color-opacity)) !important;
+ color: rgba(85, 33, 181, var(--color-opacity)) !important;
+}
+
+.bg-purple-900 {
+ background-color: rgba(74, 29, 150, var(--bg-opacity)) !important;
+}
+
+.text-purple-900 {
+ border-color: rgba(74, 29, 150, var(--color-opacity)) !important;
+ color: rgba(74, 29, 150, var(--color-opacity)) !important;
+}
+
+.bg-gray-000 {
+ background-color: rgba(248, 249, 250, var(--bg-opacity)) !important;
+}
+
+.text-gray-000 {
+ border-color: rgba(248, 249, 250, var(--color-opacity)) !important;
+ color: rgba(248, 249, 250, var(--color-opacity)) !important;
+}
+
+.bg-gray-100 {
+ background-color: rgba(241, 243, 245, var(--bg-opacity)) !important;
+}
+
+.text-gray-100 {
+ border-color: rgba(241, 243, 245, var(--color-opacity)) !important;
+ color: rgba(241, 243, 245, var(--color-opacity)) !important;
+}
+
+.bg-gray-200 {
+ background-color: rgba(233, 236, 239, var(--bg-opacity)) !important;
+}
+
+.text-gray-200 {
+ border-color: rgba(233, 236, 239, var(--color-opacity)) !important;
+ color: rgba(233, 236, 239, var(--color-opacity)) !important;
+}
+
+.bg-gray-300 {
+ background-color: rgba(222, 226, 230, var(--bg-opacity)) !important;
+}
+
+.text-gray-300 {
+ border-color: rgba(222, 226, 230, var(--color-opacity)) !important;
+ color: rgba(222, 226, 230, var(--color-opacity)) !important;
+}
+
+.bg-gray-400 {
+ background-color: rgba(206, 212, 218, var(--bg-opacity)) !important;
+}
+
+.text-gray-400 {
+ border-color: rgba(206, 212, 218, var(--color-opacity)) !important;
+ color: rgba(206, 212, 218, var(--color-opacity)) !important;
+}
+
+.bg-gray-500 {
+ background-color: rgba(173, 181, 189, var(--bg-opacity)) !important;
+}
+
+.text-gray-500 {
+ border-color: rgba(173, 181, 189, var(--color-opacity)) !important;
+ color: rgba(173, 181, 189, var(--color-opacity)) !important;
+}
+
+.bg-gray-600 {
+ background-color: rgba(134, 142, 150, var(--bg-opacity)) !important;
+}
+
+.text-gray-600 {
+ border-color: rgba(134, 142, 150, var(--color-opacity)) !important;
+ color: rgba(134, 142, 150, var(--color-opacity)) !important;
+}
+
+.bg-gray-700 {
+ background-color: rgba(73, 80, 87, var(--bg-opacity)) !important;
+}
+
+.text-gray-700 {
+ border-color: rgba(73, 80, 87, var(--color-opacity)) !important;
+ color: rgba(73, 80, 87, var(--color-opacity)) !important;
+}
+
+.bg-gray-800 {
+ background-color: rgba(52, 58, 64, var(--bg-opacity)) !important;
+}
+
+.text-gray-800 {
+ border-color: rgba(52, 58, 64, var(--color-opacity)) !important;
+ color: rgba(52, 58, 64, var(--color-opacity)) !important;
+}
+
+.bg-gray-900 {
+ background-color: rgba(33, 37, 41, var(--bg-opacity)) !important;
+}
+
+.text-gray-900 {
+ border-color: rgba(33, 37, 41, var(--color-opacity)) !important;
+ color: rgba(33, 37, 41, var(--color-opacity)) !important;
+}
+
+/* Margin */
+.m-0 {
+ margin: 0rem !important;
+}
+
+.mt-0,
+.my-0 {
+ margin-top: 0rem !important;
+}
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0rem !important;
+}
+
+.ml-0,
+.mx-0 {
+ margin-left: 0rem !important;
+}
+
+.mr-0,
+.mx-0 {
+ margin-right: 0rem !important;
+}
+
+/* Spacing */
+.p-0 {
+ padding: 0rem !important;
+}
+
+.pt-0,
+.py-0 {
+ padding-top: 0rem !important;
+}
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0rem !important;
+}
+
+.pl-0,
+.px-0 {
+ padding-left: 0rem !important;
+}
+
+.pr-0,
+.px-0 {
+ padding-right: 0rem !important;
+}
+
+/* Margin */
+.m-1 {
+ margin: 0.5rem !important;
+}
+
+.mt-1,
+.my-1 {
+ margin-top: 0.5rem !important;
+}
+
+.mb-1,
+.my-1 {
+ margin-bottom: 0.5rem !important;
+}
+
+.ml-1,
+.mx-1 {
+ margin-left: 0.5rem !important;
+}
+
+.mr-1,
+.mx-1 {
+ margin-right: 0.5rem !important;
+}
+
+/* Spacing */
+.p-1 {
+ padding: 0.5rem !important;
+}
+
+.pt-1,
+.py-1 {
+ padding-top: 0.5rem !important;
+}
+
+.pb-1,
+.py-1 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pl-1,
+.px-1 {
+ padding-left: 0.5rem !important;
+}
+
+.pr-1,
+.px-1 {
+ padding-right: 0.5rem !important;
+}
+
+/* Margin */
+.m-2 {
+ margin: 1rem !important;
+}
+
+.mt-2,
+.my-2 {
+ margin-top: 1rem !important;
+}
+
+.mb-2,
+.my-2 {
+ margin-bottom: 1rem !important;
+}
+
+.ml-2,
+.mx-2 {
+ margin-left: 1rem !important;
+}
+
+.mr-2,
+.mx-2 {
+ margin-right: 1rem !important;
+}
+
+/* Spacing */
+.p-2 {
+ padding: 1rem !important;
+}
+
+.pt-2,
+.py-2 {
+ padding-top: 1rem !important;
+}
+
+.pb-2,
+.py-2 {
+ padding-bottom: 1rem !important;
+}
+
+.pl-2,
+.px-2 {
+ padding-left: 1rem !important;
+}
+
+.pr-2,
+.px-2 {
+ padding-right: 1rem !important;
+}
+
+/* Margin */
+.m-3 {
+ margin: 1.5rem !important;
+}
+
+.mt-3,
+.my-3 {
+ margin-top: 1.5rem !important;
+}
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1.5rem !important;
+}
+
+.ml-3,
+.mx-3 {
+ margin-left: 1.5rem !important;
+}
+
+.mr-3,
+.mx-3 {
+ margin-right: 1.5rem !important;
+}
+
+/* Spacing */
+.p-3 {
+ padding: 1.5rem !important;
+}
+
+.pt-3,
+.py-3 {
+ padding-top: 1.5rem !important;
+}
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pl-3,
+.px-3 {
+ padding-left: 1.5rem !important;
+}
+
+.pr-3,
+.px-3 {
+ padding-right: 1.5rem !important;
+}
+
+/* Margin */
+.m-4 {
+ margin: 2rem !important;
+}
+
+.mt-4,
+.my-4 {
+ margin-top: 2rem !important;
+}
+
+.mb-4,
+.my-4 {
+ margin-bottom: 2rem !important;
+}
+
+.ml-4,
+.mx-4 {
+ margin-left: 2rem !important;
+}
+
+.mr-4,
+.mx-4 {
+ margin-right: 2rem !important;
+}
+
+/* Spacing */
+.p-4 {
+ padding: 2rem !important;
+}
+
+.pt-4,
+.py-4 {
+ padding-top: 2rem !important;
+}
+
+.pb-4,
+.py-4 {
+ padding-bottom: 2rem !important;
+}
+
+.pl-4,
+.px-4 {
+ padding-left: 2rem !important;
+}
+
+.pr-4,
+.px-4 {
+ padding-right: 2rem !important;
+}
+
+/* Margin */
+.m-5 {
+ margin: 2.5rem !important;
+}
+
+.mt-5,
+.my-5 {
+ margin-top: 2.5rem !important;
+}
+
+.mb-5,
+.my-5 {
+ margin-bottom: 2.5rem !important;
+}
+
+.ml-5,
+.mx-5 {
+ margin-left: 2.5rem !important;
+}
+
+.mr-5,
+.mx-5 {
+ margin-right: 2.5rem !important;
+}
+
+/* Spacing */
+.p-5 {
+ padding: 2.5rem !important;
+}
+
+.pt-5,
+.py-5 {
+ padding-top: 2.5rem !important;
+}
+
+.pb-5,
+.py-5 {
+ padding-bottom: 2.5rem !important;
+}
+
+.pl-5,
+.px-5 {
+ padding-left: 2.5rem !important;
+}
+
+.pr-5,
+.px-5 {
+ padding-right: 2.5rem !important;
+}
+
+/* Margin */
+.m-6 {
+ margin: 3rem !important;
+}
+
+.mt-6,
+.my-6 {
+ margin-top: 3rem !important;
+}
+
+.mb-6,
+.my-6 {
+ margin-bottom: 3rem !important;
+}
+
+.ml-6,
+.mx-6 {
+ margin-left: 3rem !important;
+}
+
+.mr-6,
+.mx-6 {
+ margin-right: 3rem !important;
+}
+
+/* Spacing */
+.p-6 {
+ padding: 3rem !important;
+}
+
+.pt-6,
+.py-6 {
+ padding-top: 3rem !important;
+}
+
+.pb-6,
+.py-6 {
+ padding-bottom: 3rem !important;
+}
+
+.pl-6,
+.px-6 {
+ padding-left: 3rem !important;
+}
+
+.pr-6,
+.px-6 {
+ padding-right: 3rem !important;
+}
+
+/* Margin */
+.m-8 {
+ margin: 4rem !important;
+}
+
+.mt-8,
+.my-8 {
+ margin-top: 4rem !important;
+}
+
+.mb-8,
+.my-8 {
+ margin-bottom: 4rem !important;
+}
+
+.ml-8,
+.mx-8 {
+ margin-left: 4rem !important;
+}
+
+.mr-8,
+.mx-8 {
+ margin-right: 4rem !important;
+}
+
+/* Spacing */
+.p-8 {
+ padding: 4rem !important;
+}
+
+.pt-8,
+.py-8 {
+ padding-top: 4rem !important;
+}
+
+.pb-8,
+.py-8 {
+ padding-bottom: 4rem !important;
+}
+
+.pl-8,
+.px-8 {
+ padding-left: 4rem !important;
+}
+
+.pr-8,
+.px-8 {
+ padding-right: 4rem !important;
+}
+
+/* Margin */
+.m-10 {
+ margin: 5rem !important;
+}
+
+.mt-10,
+.my-10 {
+ margin-top: 5rem !important;
+}
+
+.mb-10,
+.my-10 {
+ margin-bottom: 5rem !important;
+}
+
+.ml-10,
+.mx-10 {
+ margin-left: 5rem !important;
+}
+
+.mr-10,
+.mx-10 {
+ margin-right: 5rem !important;
+}
+
+/* Spacing */
+.p-10 {
+ padding: 5rem !important;
+}
+
+.pt-10,
+.py-10 {
+ padding-top: 5rem !important;
+}
+
+.pb-10,
+.py-10 {
+ padding-bottom: 5rem !important;
+}
+
+.pl-10,
+.px-10 {
+ padding-left: 5rem !important;
+}
+
+.pr-10,
+.px-10 {
+ padding-right: 5rem !important;
+}
+
+/* Margin */
+.m-12 {
+ margin: 6rem !important;
+}
+
+.mt-12,
+.my-12 {
+ margin-top: 6rem !important;
+}
+
+.mb-12,
+.my-12 {
+ margin-bottom: 6rem !important;
+}
+
+.ml-12,
+.mx-12 {
+ margin-left: 6rem !important;
+}
+
+.mr-12,
+.mx-12 {
+ margin-right: 6rem !important;
+}
+
+/* Spacing */
+.p-12 {
+ padding: 6rem !important;
+}
+
+.pt-12,
+.py-12 {
+ padding-top: 6rem !important;
+}
+
+.pb-12,
+.py-12 {
+ padding-bottom: 6rem !important;
+}
+
+.pl-12,
+.px-12 {
+ padding-left: 6rem !important;
+}
+
+.pr-12,
+.px-12 {
+ padding-right: 6rem !important;
+}
+
+/* Margin */
+.m-16 {
+ margin: 8rem !important;
+}
+
+.mt-16,
+.my-16 {
+ margin-top: 8rem !important;
+}
+
+.mb-16,
+.my-16 {
+ margin-bottom: 8rem !important;
+}
+
+.ml-16,
+.mx-16 {
+ margin-left: 8rem !important;
+}
+
+.mr-16,
+.mx-16 {
+ margin-right: 8rem !important;
+}
+
+/* Spacing */
+.p-16 {
+ padding: 8rem !important;
+}
+
+.pt-16,
+.py-16 {
+ padding-top: 8rem !important;
+}
+
+.pb-16,
+.py-16 {
+ padding-bottom: 8rem !important;
+}
+
+.pl-16,
+.px-16 {
+ padding-left: 8rem !important;
+}
+
+.pr-16,
+.px-16 {
+ padding-right: 8rem !important;
+}
+
+/* Margin */
+.m-20 {
+ margin: 10rem !important;
+}
+
+.mt-20,
+.my-20 {
+ margin-top: 10rem !important;
+}
+
+.mb-20,
+.my-20 {
+ margin-bottom: 10rem !important;
+}
+
+.ml-20,
+.mx-20 {
+ margin-left: 10rem !important;
+}
+
+.mr-20,
+.mx-20 {
+ margin-right: 10rem !important;
+}
+
+/* Spacing */
+.p-20 {
+ padding: 10rem !important;
+}
+
+.pt-20,
+.py-20 {
+ padding-top: 10rem !important;
+}
+
+.pb-20,
+.py-20 {
+ padding-bottom: 10rem !important;
+}
+
+.pl-20,
+.px-20 {
+ padding-left: 10rem !important;
+}
+
+.pr-20,
+.px-20 {
+ padding-right: 10rem !important;
+}
+
+/* Margin */
+.m-24 {
+ margin: 12rem !important;
+}
+
+.mt-24,
+.my-24 {
+ margin-top: 12rem !important;
+}
+
+.mb-24,
+.my-24 {
+ margin-bottom: 12rem !important;
+}
+
+.ml-24,
+.mx-24 {
+ margin-left: 12rem !important;
+}
+
+.mr-24,
+.mx-24 {
+ margin-right: 12rem !important;
+}
+
+/* Spacing */
+.p-24 {
+ padding: 12rem !important;
+}
+
+.pt-24,
+.py-24 {
+ padding-top: 12rem !important;
+}
+
+.pb-24,
+.py-24 {
+ padding-bottom: 12rem !important;
+}
+
+.pl-24,
+.px-24 {
+ padding-left: 12rem !important;
+}
+
+.pr-24,
+.px-24 {
+ padding-right: 12rem !important;
+}
+
+/* Margin */
+.m-32 {
+ margin: 16rem !important;
+}
+
+.mt-32,
+.my-32 {
+ margin-top: 16rem !important;
+}
+
+.mb-32,
+.my-32 {
+ margin-bottom: 16rem !important;
+}
+
+.ml-32,
+.mx-32 {
+ margin-left: 16rem !important;
+}
+
+.mr-32,
+.mx-32 {
+ margin-right: 16rem !important;
+}
+
+/* Spacing */
+.p-32 {
+ padding: 16rem !important;
+}
+
+.pt-32,
+.py-32 {
+ padding-top: 16rem !important;
+}
+
+.pb-32,
+.py-32 {
+ padding-bottom: 16rem !important;
+}
+
+.pl-32,
+.px-32 {
+ padding-left: 16rem !important;
+}
+
+.pr-32,
+.px-32 {
+ padding-right: 16rem !important;
+}
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important;
+}
+
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-0-sm {
+ margin: 0rem !important;
+ }
+
+ .mt-0-sm,
+.my-0-sm {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-sm,
+.my-0-sm {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-sm,
+.mx-0-sm {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-sm,
+.mx-0-sm {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-sm {
+ padding: 0rem !important;
+ }
+
+ .pt-0-sm,
+.py-0-sm {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-sm,
+.py-0-sm {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-sm,
+.px-0-sm {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-sm,
+.px-0-sm {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-1-sm {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-sm,
+.my-1-sm {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-sm,
+.my-1-sm {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-sm,
+.mx-1-sm {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-sm,
+.mx-1-sm {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-sm {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-sm,
+.py-1-sm {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-sm,
+.py-1-sm {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-sm,
+.px-1-sm {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-sm,
+.px-1-sm {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-2-sm {
+ margin: 1rem !important;
+ }
+
+ .mt-2-sm,
+.my-2-sm {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-sm,
+.my-2-sm {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-sm,
+.mx-2-sm {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-sm,
+.mx-2-sm {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-sm {
+ padding: 1rem !important;
+ }
+
+ .pt-2-sm,
+.py-2-sm {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-sm,
+.py-2-sm {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-sm,
+.px-2-sm {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-sm,
+.px-2-sm {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-3-sm {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-sm,
+.my-3-sm {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-sm,
+.my-3-sm {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-sm,
+.mx-3-sm {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-sm,
+.mx-3-sm {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-sm {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-sm,
+.py-3-sm {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-sm,
+.py-3-sm {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-sm,
+.px-3-sm {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-sm,
+.px-3-sm {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-4-sm {
+ margin: 2rem !important;
+ }
+
+ .mt-4-sm,
+.my-4-sm {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-sm,
+.my-4-sm {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-sm,
+.mx-4-sm {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-sm,
+.mx-4-sm {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-sm {
+ padding: 2rem !important;
+ }
+
+ .pt-4-sm,
+.py-4-sm {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-sm,
+.py-4-sm {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-sm,
+.px-4-sm {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-sm,
+.px-4-sm {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-5-sm {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-sm,
+.my-5-sm {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-sm,
+.my-5-sm {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-sm,
+.mx-5-sm {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-sm,
+.mx-5-sm {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-sm {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-sm,
+.py-5-sm {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-sm,
+.py-5-sm {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-sm,
+.px-5-sm {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-sm,
+.px-5-sm {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-6-sm {
+ margin: 3rem !important;
+ }
+
+ .mt-6-sm,
+.my-6-sm {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-sm,
+.my-6-sm {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-sm,
+.mx-6-sm {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-sm,
+.mx-6-sm {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-sm {
+ padding: 3rem !important;
+ }
+
+ .pt-6-sm,
+.py-6-sm {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-sm,
+.py-6-sm {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-sm,
+.px-6-sm {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-sm,
+.px-6-sm {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-8-sm {
+ margin: 4rem !important;
+ }
+
+ .mt-8-sm,
+.my-8-sm {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-sm,
+.my-8-sm {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-sm,
+.mx-8-sm {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-sm,
+.mx-8-sm {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-sm {
+ padding: 4rem !important;
+ }
+
+ .pt-8-sm,
+.py-8-sm {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-sm,
+.py-8-sm {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-sm,
+.px-8-sm {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-sm,
+.px-8-sm {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-10-sm {
+ margin: 5rem !important;
+ }
+
+ .mt-10-sm,
+.my-10-sm {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-sm,
+.my-10-sm {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-sm,
+.mx-10-sm {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-sm,
+.mx-10-sm {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-sm {
+ padding: 5rem !important;
+ }
+
+ .pt-10-sm,
+.py-10-sm {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-sm,
+.py-10-sm {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-sm,
+.px-10-sm {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-sm,
+.px-10-sm {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-12-sm {
+ margin: 6rem !important;
+ }
+
+ .mt-12-sm,
+.my-12-sm {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-sm,
+.my-12-sm {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-sm,
+.mx-12-sm {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-sm,
+.mx-12-sm {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-sm {
+ padding: 6rem !important;
+ }
+
+ .pt-12-sm,
+.py-12-sm {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-sm,
+.py-12-sm {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-sm,
+.px-12-sm {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-sm,
+.px-12-sm {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-16-sm {
+ margin: 8rem !important;
+ }
+
+ .mt-16-sm,
+.my-16-sm {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-sm,
+.my-16-sm {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-sm,
+.mx-16-sm {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-sm,
+.mx-16-sm {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-sm {
+ padding: 8rem !important;
+ }
+
+ .pt-16-sm,
+.py-16-sm {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-sm,
+.py-16-sm {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-sm,
+.px-16-sm {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-sm,
+.px-16-sm {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-20-sm {
+ margin: 10rem !important;
+ }
+
+ .mt-20-sm,
+.my-20-sm {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-sm,
+.my-20-sm {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-sm,
+.mx-20-sm {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-sm,
+.mx-20-sm {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-sm {
+ padding: 10rem !important;
+ }
+
+ .pt-20-sm,
+.py-20-sm {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-sm,
+.py-20-sm {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-sm,
+.px-20-sm {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-sm,
+.px-20-sm {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-24-sm {
+ margin: 12rem !important;
+ }
+
+ .mt-24-sm,
+.my-24-sm {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-sm,
+.my-24-sm {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-sm,
+.mx-24-sm {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-sm,
+.mx-24-sm {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-sm {
+ padding: 12rem !important;
+ }
+
+ .pt-24-sm,
+.py-24-sm {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-sm,
+.py-24-sm {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-sm,
+.px-24-sm {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-sm,
+.px-24-sm {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-32-sm {
+ margin: 16rem !important;
+ }
+
+ .mt-32-sm,
+.my-32-sm {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-sm,
+.my-32-sm {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-sm,
+.mx-32-sm {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-sm,
+.mx-32-sm {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-sm {
+ padding: 16rem !important;
+ }
+
+ .pt-32-sm,
+.py-32-sm {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-sm,
+.py-32-sm {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-sm,
+.px-32-sm {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-sm,
+.px-32-sm {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-0-md {
+ margin: 0rem !important;
+ }
+
+ .mt-0-md,
+.my-0-md {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-md,
+.my-0-md {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-md,
+.mx-0-md {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-md,
+.mx-0-md {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-md {
+ padding: 0rem !important;
+ }
+
+ .pt-0-md,
+.py-0-md {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-md,
+.py-0-md {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-md,
+.px-0-md {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-md,
+.px-0-md {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-1-md {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-md,
+.my-1-md {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-md,
+.my-1-md {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-md,
+.mx-1-md {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-md,
+.mx-1-md {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-md {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-md,
+.py-1-md {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-md,
+.py-1-md {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-md,
+.px-1-md {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-md,
+.px-1-md {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-2-md {
+ margin: 1rem !important;
+ }
+
+ .mt-2-md,
+.my-2-md {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-md,
+.my-2-md {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-md,
+.mx-2-md {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-md,
+.mx-2-md {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-md {
+ padding: 1rem !important;
+ }
+
+ .pt-2-md,
+.py-2-md {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-md,
+.py-2-md {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-md,
+.px-2-md {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-md,
+.px-2-md {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-3-md {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-md,
+.my-3-md {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-md,
+.my-3-md {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-md,
+.mx-3-md {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-md,
+.mx-3-md {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-md {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-md,
+.py-3-md {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-md,
+.py-3-md {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-md,
+.px-3-md {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-md,
+.px-3-md {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-4-md {
+ margin: 2rem !important;
+ }
+
+ .mt-4-md,
+.my-4-md {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-md,
+.my-4-md {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-md,
+.mx-4-md {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-md,
+.mx-4-md {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-md {
+ padding: 2rem !important;
+ }
+
+ .pt-4-md,
+.py-4-md {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-md,
+.py-4-md {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-md,
+.px-4-md {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-md,
+.px-4-md {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-5-md {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-md,
+.my-5-md {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-md,
+.my-5-md {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-md,
+.mx-5-md {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-md,
+.mx-5-md {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-md {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-md,
+.py-5-md {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-md,
+.py-5-md {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-md,
+.px-5-md {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-md,
+.px-5-md {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-6-md {
+ margin: 3rem !important;
+ }
+
+ .mt-6-md,
+.my-6-md {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-md,
+.my-6-md {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-md,
+.mx-6-md {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-md,
+.mx-6-md {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-md {
+ padding: 3rem !important;
+ }
+
+ .pt-6-md,
+.py-6-md {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-md,
+.py-6-md {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-md,
+.px-6-md {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-md,
+.px-6-md {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-8-md {
+ margin: 4rem !important;
+ }
+
+ .mt-8-md,
+.my-8-md {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-md,
+.my-8-md {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-md,
+.mx-8-md {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-md,
+.mx-8-md {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-md {
+ padding: 4rem !important;
+ }
+
+ .pt-8-md,
+.py-8-md {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-md,
+.py-8-md {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-md,
+.px-8-md {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-md,
+.px-8-md {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-10-md {
+ margin: 5rem !important;
+ }
+
+ .mt-10-md,
+.my-10-md {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-md,
+.my-10-md {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-md,
+.mx-10-md {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-md,
+.mx-10-md {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-md {
+ padding: 5rem !important;
+ }
+
+ .pt-10-md,
+.py-10-md {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-md,
+.py-10-md {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-md,
+.px-10-md {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-md,
+.px-10-md {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-12-md {
+ margin: 6rem !important;
+ }
+
+ .mt-12-md,
+.my-12-md {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-md,
+.my-12-md {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-md,
+.mx-12-md {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-md,
+.mx-12-md {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-md {
+ padding: 6rem !important;
+ }
+
+ .pt-12-md,
+.py-12-md {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-md,
+.py-12-md {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-md,
+.px-12-md {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-md,
+.px-12-md {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-16-md {
+ margin: 8rem !important;
+ }
+
+ .mt-16-md,
+.my-16-md {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-md,
+.my-16-md {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-md,
+.mx-16-md {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-md,
+.mx-16-md {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-md {
+ padding: 8rem !important;
+ }
+
+ .pt-16-md,
+.py-16-md {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-md,
+.py-16-md {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-md,
+.px-16-md {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-md,
+.px-16-md {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-20-md {
+ margin: 10rem !important;
+ }
+
+ .mt-20-md,
+.my-20-md {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-md,
+.my-20-md {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-md,
+.mx-20-md {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-md,
+.mx-20-md {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-md {
+ padding: 10rem !important;
+ }
+
+ .pt-20-md,
+.py-20-md {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-md,
+.py-20-md {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-md,
+.px-20-md {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-md,
+.px-20-md {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-24-md {
+ margin: 12rem !important;
+ }
+
+ .mt-24-md,
+.my-24-md {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-md,
+.my-24-md {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-md,
+.mx-24-md {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-md,
+.mx-24-md {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-md {
+ padding: 12rem !important;
+ }
+
+ .pt-24-md,
+.py-24-md {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-md,
+.py-24-md {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-md,
+.px-24-md {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-md,
+.px-24-md {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-32-md {
+ margin: 16rem !important;
+ }
+
+ .mt-32-md,
+.my-32-md {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-md,
+.my-32-md {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-md,
+.mx-32-md {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-md,
+.mx-32-md {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-md {
+ padding: 16rem !important;
+ }
+
+ .pt-32-md,
+.py-32-md {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-md,
+.py-32-md {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-md,
+.px-32-md {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-md,
+.px-32-md {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-0-lg {
+ margin: 0rem !important;
+ }
+
+ .mt-0-lg,
+.my-0-lg {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-lg,
+.my-0-lg {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-lg,
+.mx-0-lg {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-lg,
+.mx-0-lg {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-lg {
+ padding: 0rem !important;
+ }
+
+ .pt-0-lg,
+.py-0-lg {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-lg,
+.py-0-lg {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-lg,
+.px-0-lg {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-lg,
+.px-0-lg {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-1-lg {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-lg,
+.my-1-lg {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-lg,
+.my-1-lg {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-lg,
+.mx-1-lg {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-lg,
+.mx-1-lg {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-lg {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-lg,
+.py-1-lg {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-lg,
+.py-1-lg {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-lg,
+.px-1-lg {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-lg,
+.px-1-lg {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-2-lg {
+ margin: 1rem !important;
+ }
+
+ .mt-2-lg,
+.my-2-lg {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-lg,
+.my-2-lg {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-lg,
+.mx-2-lg {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-lg,
+.mx-2-lg {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-lg {
+ padding: 1rem !important;
+ }
+
+ .pt-2-lg,
+.py-2-lg {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-lg,
+.py-2-lg {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-lg,
+.px-2-lg {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-lg,
+.px-2-lg {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-3-lg {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-lg,
+.my-3-lg {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-lg,
+.my-3-lg {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-lg,
+.mx-3-lg {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-lg,
+.mx-3-lg {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-lg {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-lg,
+.py-3-lg {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-lg,
+.py-3-lg {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-lg,
+.px-3-lg {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-lg,
+.px-3-lg {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-4-lg {
+ margin: 2rem !important;
+ }
+
+ .mt-4-lg,
+.my-4-lg {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-lg,
+.my-4-lg {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-lg,
+.mx-4-lg {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-lg,
+.mx-4-lg {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-lg {
+ padding: 2rem !important;
+ }
+
+ .pt-4-lg,
+.py-4-lg {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-lg,
+.py-4-lg {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-lg,
+.px-4-lg {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-lg,
+.px-4-lg {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-5-lg {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-lg,
+.my-5-lg {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-lg,
+.my-5-lg {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-lg,
+.mx-5-lg {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-lg,
+.mx-5-lg {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-lg {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-lg,
+.py-5-lg {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-lg,
+.py-5-lg {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-lg,
+.px-5-lg {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-lg,
+.px-5-lg {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-6-lg {
+ margin: 3rem !important;
+ }
+
+ .mt-6-lg,
+.my-6-lg {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-lg,
+.my-6-lg {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-lg,
+.mx-6-lg {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-lg,
+.mx-6-lg {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-lg {
+ padding: 3rem !important;
+ }
+
+ .pt-6-lg,
+.py-6-lg {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-lg,
+.py-6-lg {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-lg,
+.px-6-lg {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-lg,
+.px-6-lg {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-8-lg {
+ margin: 4rem !important;
+ }
+
+ .mt-8-lg,
+.my-8-lg {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-lg,
+.my-8-lg {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-lg,
+.mx-8-lg {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-lg,
+.mx-8-lg {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-lg {
+ padding: 4rem !important;
+ }
+
+ .pt-8-lg,
+.py-8-lg {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-lg,
+.py-8-lg {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-lg,
+.px-8-lg {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-lg,
+.px-8-lg {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-10-lg {
+ margin: 5rem !important;
+ }
+
+ .mt-10-lg,
+.my-10-lg {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-lg,
+.my-10-lg {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-lg,
+.mx-10-lg {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-lg,
+.mx-10-lg {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-lg {
+ padding: 5rem !important;
+ }
+
+ .pt-10-lg,
+.py-10-lg {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-lg,
+.py-10-lg {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-lg,
+.px-10-lg {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-lg,
+.px-10-lg {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-12-lg {
+ margin: 6rem !important;
+ }
+
+ .mt-12-lg,
+.my-12-lg {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-lg,
+.my-12-lg {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-lg,
+.mx-12-lg {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-lg,
+.mx-12-lg {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-lg {
+ padding: 6rem !important;
+ }
+
+ .pt-12-lg,
+.py-12-lg {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-lg,
+.py-12-lg {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-lg,
+.px-12-lg {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-lg,
+.px-12-lg {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-16-lg {
+ margin: 8rem !important;
+ }
+
+ .mt-16-lg,
+.my-16-lg {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-lg,
+.my-16-lg {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-lg,
+.mx-16-lg {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-lg,
+.mx-16-lg {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-lg {
+ padding: 8rem !important;
+ }
+
+ .pt-16-lg,
+.py-16-lg {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-lg,
+.py-16-lg {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-lg,
+.px-16-lg {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-lg,
+.px-16-lg {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-20-lg {
+ margin: 10rem !important;
+ }
+
+ .mt-20-lg,
+.my-20-lg {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-lg,
+.my-20-lg {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-lg,
+.mx-20-lg {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-lg,
+.mx-20-lg {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-lg {
+ padding: 10rem !important;
+ }
+
+ .pt-20-lg,
+.py-20-lg {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-lg,
+.py-20-lg {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-lg,
+.px-20-lg {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-lg,
+.px-20-lg {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-24-lg {
+ margin: 12rem !important;
+ }
+
+ .mt-24-lg,
+.my-24-lg {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-lg,
+.my-24-lg {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-lg,
+.mx-24-lg {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-lg,
+.mx-24-lg {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-lg {
+ padding: 12rem !important;
+ }
+
+ .pt-24-lg,
+.py-24-lg {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-lg,
+.py-24-lg {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-lg,
+.px-24-lg {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-lg,
+.px-24-lg {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-32-lg {
+ margin: 16rem !important;
+ }
+
+ .mt-32-lg,
+.my-32-lg {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-lg,
+.my-32-lg {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-lg,
+.mx-32-lg {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-lg,
+.mx-32-lg {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-lg {
+ padding: 16rem !important;
+ }
+
+ .pt-32-lg,
+.py-32-lg {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-lg,
+.py-32-lg {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-lg,
+.px-32-lg {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-lg,
+.px-32-lg {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-0-xl {
+ margin: 0rem !important;
+ }
+
+ .mt-0-xl,
+.my-0-xl {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-xl,
+.my-0-xl {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-xl,
+.mx-0-xl {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-xl,
+.mx-0-xl {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-xl {
+ padding: 0rem !important;
+ }
+
+ .pt-0-xl,
+.py-0-xl {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-xl,
+.py-0-xl {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-xl,
+.px-0-xl {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-xl,
+.px-0-xl {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-1-xl {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-xl,
+.my-1-xl {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-xl,
+.my-1-xl {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-xl,
+.mx-1-xl {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-xl,
+.mx-1-xl {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-xl {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-xl,
+.py-1-xl {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-xl,
+.py-1-xl {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-xl,
+.px-1-xl {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-xl,
+.px-1-xl {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-2-xl {
+ margin: 1rem !important;
+ }
+
+ .mt-2-xl,
+.my-2-xl {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-xl,
+.my-2-xl {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-xl,
+.mx-2-xl {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-xl,
+.mx-2-xl {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-xl {
+ padding: 1rem !important;
+ }
+
+ .pt-2-xl,
+.py-2-xl {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-xl,
+.py-2-xl {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-xl,
+.px-2-xl {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-xl,
+.px-2-xl {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-3-xl {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-xl,
+.my-3-xl {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-xl,
+.my-3-xl {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-xl,
+.mx-3-xl {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-xl,
+.mx-3-xl {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-xl {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-xl,
+.py-3-xl {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-xl,
+.py-3-xl {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-xl,
+.px-3-xl {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-xl,
+.px-3-xl {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-4-xl {
+ margin: 2rem !important;
+ }
+
+ .mt-4-xl,
+.my-4-xl {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-xl,
+.my-4-xl {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-xl,
+.mx-4-xl {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-xl,
+.mx-4-xl {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-xl {
+ padding: 2rem !important;
+ }
+
+ .pt-4-xl,
+.py-4-xl {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-xl,
+.py-4-xl {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-xl,
+.px-4-xl {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-xl,
+.px-4-xl {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-5-xl {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-xl,
+.my-5-xl {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-xl,
+.my-5-xl {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-xl,
+.mx-5-xl {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-xl,
+.mx-5-xl {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-xl {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-xl,
+.py-5-xl {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-xl,
+.py-5-xl {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-xl,
+.px-5-xl {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-xl,
+.px-5-xl {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-6-xl {
+ margin: 3rem !important;
+ }
+
+ .mt-6-xl,
+.my-6-xl {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-xl,
+.my-6-xl {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-xl,
+.mx-6-xl {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-xl,
+.mx-6-xl {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-xl {
+ padding: 3rem !important;
+ }
+
+ .pt-6-xl,
+.py-6-xl {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-xl,
+.py-6-xl {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-xl,
+.px-6-xl {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-xl,
+.px-6-xl {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-8-xl {
+ margin: 4rem !important;
+ }
+
+ .mt-8-xl,
+.my-8-xl {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-xl,
+.my-8-xl {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-xl,
+.mx-8-xl {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-xl,
+.mx-8-xl {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-xl {
+ padding: 4rem !important;
+ }
+
+ .pt-8-xl,
+.py-8-xl {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-xl,
+.py-8-xl {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-xl,
+.px-8-xl {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-xl,
+.px-8-xl {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-10-xl {
+ margin: 5rem !important;
+ }
+
+ .mt-10-xl,
+.my-10-xl {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-xl,
+.my-10-xl {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-xl,
+.mx-10-xl {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-xl,
+.mx-10-xl {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-xl {
+ padding: 5rem !important;
+ }
+
+ .pt-10-xl,
+.py-10-xl {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-xl,
+.py-10-xl {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-xl,
+.px-10-xl {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-xl,
+.px-10-xl {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-12-xl {
+ margin: 6rem !important;
+ }
+
+ .mt-12-xl,
+.my-12-xl {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-xl,
+.my-12-xl {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-xl,
+.mx-12-xl {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-xl,
+.mx-12-xl {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-xl {
+ padding: 6rem !important;
+ }
+
+ .pt-12-xl,
+.py-12-xl {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-xl,
+.py-12-xl {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-xl,
+.px-12-xl {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-xl,
+.px-12-xl {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-16-xl {
+ margin: 8rem !important;
+ }
+
+ .mt-16-xl,
+.my-16-xl {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-xl,
+.my-16-xl {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-xl,
+.mx-16-xl {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-xl,
+.mx-16-xl {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-xl {
+ padding: 8rem !important;
+ }
+
+ .pt-16-xl,
+.py-16-xl {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-xl,
+.py-16-xl {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-xl,
+.px-16-xl {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-xl,
+.px-16-xl {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-20-xl {
+ margin: 10rem !important;
+ }
+
+ .mt-20-xl,
+.my-20-xl {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-xl,
+.my-20-xl {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-xl,
+.mx-20-xl {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-xl,
+.mx-20-xl {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-xl {
+ padding: 10rem !important;
+ }
+
+ .pt-20-xl,
+.py-20-xl {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-xl,
+.py-20-xl {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-xl,
+.px-20-xl {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-xl,
+.px-20-xl {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-24-xl {
+ margin: 12rem !important;
+ }
+
+ .mt-24-xl,
+.my-24-xl {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-xl,
+.my-24-xl {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-xl,
+.mx-24-xl {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-xl,
+.mx-24-xl {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-xl {
+ padding: 12rem !important;
+ }
+
+ .pt-24-xl,
+.py-24-xl {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-xl,
+.py-24-xl {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-xl,
+.px-24-xl {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-xl,
+.px-24-xl {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-32-xl {
+ margin: 16rem !important;
+ }
+
+ .mt-32-xl,
+.my-32-xl {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-xl,
+.my-32-xl {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-xl,
+.mx-32-xl {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-xl,
+.mx-32-xl {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-xl {
+ padding: 16rem !important;
+ }
+
+ .pt-32-xl,
+.py-32-xl {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-xl,
+.py-32-xl {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-xl,
+.px-32-xl {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-xl,
+.px-32-xl {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+/* Render the x in the close button */
+/* BUTTONS */
+/* Button styling */
+/* Un-themed */
+.btn, button, [type=submit], [type=reset], [type=button] {
+ line-height: 2rem;
+ overflow: hidden;
+ padding: 0.5rem 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ cursor: pointer;
+ text-align: center;
+ transition: all var(--animation-duration);
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border-color: rgba(var(--btn-border-color), var(--color-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ font-size: 0.75rem;
+ font-weight: inherit;
+ letter-spacing: 0.03rem;
+ text-transform: uppercase;
+ font-family: Montserrat;
+ min-width: 2rem;
+ user-select: none;
+ margin-bottom: 1rem;
+ outline: none;
+ --btn-color: 248, 249, 250;
+ --btn-fg: 73, 80, 87;
+ --btn-border-color: 233, 236, 239;
+ /* Base States */
+ /* Loading Button*/
+ /* Make the loading circle, if present, white when button is active */
+ /* Animated Button */
+ /* Close Button */
+ /* BUTTON STYLES */
+ /* Regular */
+ /* GLYPHS */
+ /* Alternatives to pad-left and pad-right */
+}
+
+.btn:hover, button:hover, [type=submit]:hover, [type=reset]:hover, [type=button]:hover {
+ transition: all var(--animation-duration);
+ --btn-color: 241, 243, 245;
+ color: rgba(var(--btn-fg), var(--color-opacity));
+}
+
+.btn:active, button:active, [type=submit]:active, [type=reset]:active, [type=button]:active {
+ transition: var(--animation-duration) ease;
+}
+
+.btn:focus, button:focus, [type=submit]:focus, [type=reset]:focus, [type=button]:focus {
+ outline: none;
+}
+
+.btn:disabled, button:disabled, [type=submit]:disabled, [type=reset]:disabled, [type=button]:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+.btn:disabled:active, button:disabled:active, [type=submit]:disabled:active, [type=reset]:disabled:active, [type=button]:disabled:active {
+ pointer-events: none;
+}
+
+.btn.outline, button.outline, [type=submit].outline, [type=reset].outline, [type=button].outline {
+ --btn-color: transparent;
+}
+
+.btn.outline:hover, button.outline:hover, [type=submit].outline:hover, [type=reset].outline:hover, [type=button].outline:hover {
+ --btn-color: 233, 236, 239;
+}
+
+.btn.loading:active::after, button.loading:active::after, [type=submit].loading:active::after, [type=reset].loading:active::after, [type=button].loading:active::after {
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ transition: var(--animation-duration) ease;
+}
+
+.btn.btn-animated, button.btn-animated, [type=submit].btn-animated, [type=reset].btn-animated, [type=button].btn-animated {
+ transition: calc(var(--animation-duration) / 2) ease;
+}
+
+.btn.btn-animated:active, button.btn-animated:active, [type=submit].btn-animated:active, [type=reset].btn-animated:active, [type=button].btn-animated:active {
+ transform: scale(0.95);
+ transition: calc(var(--animation-duration) / 2) ease;
+}
+
+.btn.btn-close, button.btn-close, [type=submit].btn-close, [type=reset].btn-close, [type=button].btn-close {
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ display: inline-block;
+ flex-grow: 0;
+ flex-shrink: 0;
+ font-size: 0;
+ height: 20px;
+ outline: 0;
+ position: relative;
+ vertical-align: top;
width: 20px;
+ padding: 0;
+ min-width: 20px;
+}
+
+.btn.btn-close:hover, button.btn-close:hover, [type=submit].btn-close:hover, [type=reset].btn-close:hover, [type=button].btn-close:hover {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.btn.btn-close::before, button.btn-close::before, [type=submit].btn-close::before, [type=reset].btn-close::before, [type=button].btn-close::before {
+ background-color: var(--cirrus-bg);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+ height: 2px;
+ width: 50%;
+}
+
+.btn.btn-close::after, button.btn-close::after, [type=submit].btn-close::after, [type=reset].btn-close::after, [type=button].btn-close::after {
+ background-color: var(--cirrus-bg);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+ height: 50%;
+ width: 2px;
+}
+
+.btn.btn-transparent, button.btn-transparent, [type=submit].btn-transparent, [type=reset].btn-transparent, [type=button].btn-transparent {
+ --btn-color: transparent;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: transparent;
+}
+
+.btn.btn-transparent:focus, button.btn-transparent:focus, [type=submit].btn-transparent:focus, [type=reset].btn-transparent:focus, [type=button].btn-transparent:focus {
+ box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
+}
+
+.btn.btn-transparent:hover, button.btn-transparent:hover, [type=submit].btn-transparent:hover, [type=reset].btn-transparent:hover, [type=button].btn-transparent:hover {
+ --bg-opacity: 0.1;
+ --btn-color: 0, 0, 0;
+}
+
+.btn.btn-transparent.outline, button.btn-transparent.outline, [type=submit].btn-transparent.outline, [type=reset].btn-transparent.outline, [type=button].btn-transparent.outline {
+ --btn-fg: 54, 54, 54;
+}
+
+.btn.btn-light, button.btn-light, [type=submit].btn-light, [type=reset].btn-light, [type=button].btn-light {
+ --btn-color: 246, 249, 252;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: 246, 249, 252;
+}
+
+.btn.btn-light:hover, button.btn-light:hover, [type=submit].btn-light:hover, [type=reset].btn-light:hover, [type=button].btn-light:hover {
+ --btn-color: 208, 224, 239;
+}
+
+.btn.btn-light:focus, button.btn-light:focus, [type=submit].btn-light:focus, [type=reset].btn-light:focus, [type=button].btn-light:focus {
+ box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
+}
+
+.btn.btn-dark, button.btn-dark, [type=submit].btn-dark, [type=reset].btn-dark, [type=button].btn-dark {
+ --btn-color: 54, 54, 54;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 54, 54, 54;
+}
+
+.btn.btn-dark:focus, button.btn-dark:focus, [type=submit].btn-dark:focus, [type=reset].btn-dark:focus, [type=button].btn-dark:focus {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
+}
+
+.btn.btn-dark:hover, button.btn-dark:hover, [type=submit].btn-dark:hover, [type=reset].btn-dark:hover, [type=button].btn-dark:hover {
+ --btn-color: 80, 80, 80;
+}
+
+.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 {
+ --btn-color: 54, 54, 54;
+}
+
+.btn.btn-black, button.btn-black, [type=submit].btn-black, [type=reset].btn-black, [type=button].btn-black {
+ --btn-color: 0, 0, 0;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 0, 0, 0;
+}
+
+.btn.btn-black:focus, button.btn-black:focus, [type=submit].btn-black:focus, [type=reset].btn-black:focus, [type=button].btn-black:focus {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
+}
+
+.btn.btn-black:hover, button.btn-black:hover, [type=submit].btn-black:hover, [type=reset].btn-black:hover, [type=button].btn-black:hover {
+ --btn-color: 0, 0, 0;
+}
+
+.btn.btn-primary, button.btn-primary, [type=submit].btn-primary, [type=reset].btn-primary, [type=button].btn-primary {
+ --btn-color: 240, 61, 77;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 194, 27, 43;
+}
+
+.btn.btn-primary:focus, button.btn-primary:focus, [type=submit].btn-primary:focus, [type=reset].btn-primary:focus, [type=button].btn-primary:focus {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.5);
+}
+
+.btn.btn-primary:hover, button.btn-primary:hover, [type=submit].btn-primary:hover, [type=reset].btn-primary:hover, [type=button].btn-primary:hover {
+ --btn-color: 214, 41, 57;
+}
+
+.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 {
+ --btn-color: 240, 61, 77;
+}
+
+.btn.btn-info, button.btn-info, [type=submit].btn-info, [type=reset].btn-info, [type=button].btn-info {
+ --btn-color: 41, 114, 250;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 41, 114, 250;
+}
+
+.btn.btn-info:focus, button.btn-info:focus, [type=submit].btn-info:focus, [type=reset].btn-info:focus, [type=button].btn-info:focus {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5);
+}
+
+.btn.btn-info:hover, button.btn-info:hover, [type=submit].btn-info:hover, [type=reset].btn-info:hover, [type=button].btn-info:hover {
+ --btn-color: 16, 98, 249;
+}
+
+.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 {
+ --btn-color: 41, 114, 250;
+}
+
+.btn.btn-link, button.btn-link, [type=submit].btn-link, [type=reset].btn-link, [type=button].btn-link {
+ --btn-color: 94, 92, 199;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 94, 92, 199;
+}
+
+.btn.btn-link:focus, button.btn-link:focus, [type=submit].btn-link:focus, [type=reset].btn-link:focus, [type=button].btn-link:focus {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5);
+}
+
+.btn.btn-link:hover, button.btn-link:hover, [type=submit].btn-link:hover, [type=reset].btn-link:hover, [type=button].btn-link:hover {
+ --btn-color: 70, 67, 226;
+}
+
+.btn.btn-link.outline, button.btn-link.outline, [type=submit].btn-link.outline, [type=reset].btn-link.outline, [type=button].btn-link.outline {
+ --btn-fg: 94, 92, 199;
+ border: 1px solid transparent;
+}
+
+.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 {
+ --btn-color: 248, 247, 255;
+ border: 1px solid transparent;
+ text-decoration: underline;
+}
+
+.btn.btn-success, button.btn-success, [type=submit].btn-success, [type=reset].btn-success, [type=button].btn-success {
+ --btn-color: 13, 209, 87;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 13, 209, 87;
+}
+
+.btn.btn-success:focus, button.btn-success:focus, [type=submit].btn-success:focus, [type=reset].btn-success:focus, [type=button].btn-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.5);
+}
+
+.btn.btn-success:hover, button.btn-success:hover, [type=submit].btn-success:hover, [type=reset].btn-success:hover, [type=button].btn-success:hover {
+ --btn-color: 12, 185, 77;
+}
+
+.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 {
+ --btn-color: 13, 209, 87;
+}
+
+.btn.btn-warning, button.btn-warning, [type=submit].btn-warning, [type=reset].btn-warning, [type=button].btn-warning {
+ --btn-color: 250, 182, 51;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: 250, 182, 51;
+}
+
+.btn.btn-warning:focus, button.btn-warning:focus, [type=submit].btn-warning:focus, [type=reset].btn-warning:focus, [type=button].btn-warning:focus {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.5);
+}
+
+.btn.btn-warning:hover, button.btn-warning:hover, [type=submit].btn-warning:hover, [type=reset].btn-warning:hover, [type=button].btn-warning:hover {
+ --btn-color: 249, 173, 26;
+}
+
+.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 {
+ --btn-color: 250, 182, 51;
+}
+
+.btn.btn-danger, button.btn-danger, [type=submit].btn-danger, [type=reset].btn-danger, [type=button].btn-danger {
+ --btn-color: 251, 65, 67;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 251, 65, 67;
+}
+
+.btn.btn-danger:focus, button.btn-danger:focus, [type=submit].btn-danger:focus, [type=reset].btn-danger:focus, [type=button].btn-danger:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.5);
+}
+
+.btn.btn-danger:hover, button.btn-danger:hover, [type=submit].btn-danger:hover, [type=reset].btn-danger:hover, [type=button].btn-danger:hover {
+ --btn-color: 235, 5, 7;
+}
+
+.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 {
+ --btn-color: 251, 65, 67;
+}
+
+.btn.btn--xs, button.btn--xs, [type=submit].btn--xs, [type=reset].btn--xs, [type=button].btn--xs {
+ padding: 0 0.5rem;
+ font-size: 50%;
+}
+
+.btn.btn--sm, button.btn--sm, [type=submit].btn--sm, [type=reset].btn--sm, [type=button].btn--sm {
+ padding: 0.25rem 1rem;
+ font-size: 70%;
+}
+
+.btn.btn--md, button.btn--md, [type=submit].btn--md, [type=reset].btn--md, [type=button].btn--md {
+ padding: 0.5rem 1.5rem;
+ font-size: 90%;
+}
+
+.btn.btn--lg, button.btn--lg, [type=submit].btn--lg, [type=reset].btn--lg, [type=button].btn--lg {
+ padding: 0.75rem 2rem;
+ font-size: 110%;
+}
+
+.btn.btn--xl, button.btn--xl, [type=submit].btn--xl, [type=reset].btn--xl, [type=button].btn--xl {
+ padding: 1rem 2.5rem;
+ font-size: 130%;
+}
+
+.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 {
+ margin-right: 0.4rem;
+}
+
+.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 {
+ margin-left: 0.4rem;
+}
+
+.btn span:first-child, button span:first-child, [type=submit] span:first-child, [type=reset] span:first-child, [type=button] span:first-child {
+ margin-right: 0.2rem;
+}
+
+.btn span:last-child, button span:last-child, [type=submit] span:last-child, [type=reset] span:last-child, [type=button] span:last-child {
+ margin-left: 0.2rem;
+}
+
+/* Links as Buttons */
+a.btn {
+ display: inline-flex;
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close),
+[class*=" btn-"]:not(.btn-container):not(.btn-close) {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border: 1px solid rgba(var(--btn-border-color), var(--color-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ transition: all var(--animation-duration);
+ /* Outline Variants */
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close):hover,
+[class*=" btn-"]:not(.btn-container):not(.btn-close):hover {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border-color: rgba(var(--btn-border-color), var(--color-opacity));
+ transition: all var(--animation-duration);
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline {
+ background-color: transparent;
+ color: rgba(var(--btn-color), var(--color-opacity));
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ transition: all var(--animation-duration);
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent {
+ color: 73, 80, 87 !important;
+}
+
+/* Make the loader white so it is visible */
+.loading.btn-accent:after {
+ border: 2px solid #fff;
+ border-right-color: transparent;
+ border-top-color: transparent;
+}
+
+/* BUTTON GROUPS */
+/* Will group buttons with components in a single component */
+.btn-group {
+ display: inline-flex;
+}
+
+.btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
+ flex: 1 0 auto;
+ margin: 0;
+}
+
+.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) {
+ /* Style the first child in group > 1 buttons */
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.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) {
+ /* Style the last child in group > 1 buttons */
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+.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) {
+ /* Style button in middle of group */
+ border-radius: 0;
+ /* Remove roundness from center buttons */
+ margin-left: -1px;
+}
+
+.btn-group .btn:focus, .btn-group button:focus, .btn-group [type=submit]:focus, .btn-group [type=reset]:focus, .btn-group [type=button]:focus {
+ z-index: 1;
+}
+
+.btn-group.btn-group-fill {
+ /* Makes the button group fill the width and proportion the buttons to fill the space */
+ display: flex;
+}
+
+.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] {
+ flex: 1 0;
+ /* Make the buttons fill the available width and proportion themselves */
+}
+
+.btn-group.btn-group-fill:focus {
+ z-index: 1;
+}
+
+@media screen and (max-width: 767px) {
+ .btn-group {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
+ margin-bottom: -1px;
+ }
+
+ .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) {
+ border-radius: 0.25rem 0.25rem 0 0;
+ }
+
+ .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) {
+ margin-left: 0;
+ }
+
+ .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) {
+ border-radius: 0 0 0.25rem 0.25rem;
+ margin-left: 0;
+ }
+}
+/* CODE */
+code {
+ --cirrus-code-label-fg: #868e96;
+ padding: 0.3rem;
+ margin: 0.5em 0;
+ overflow: auto;
+ background-color: var(--cirrus-code-bg);
+ color: var(--cirrus-code-fg);
+ border-radius: 3px;
+ /* Dark theme for code */
+}
+
+code:before {
+ color: var(--cirrus-code-label-fg);
+ content: attr(data-lang);
+ font-size: 0.9rem;
+ position: absolute;
+ right: 1rem;
+ top: 0.7rem;
+}
+
+code.dark {
+ --cirrus-code-bg: #343a40;
+ --cirrus-code-fg: #f8f9fa;
+ --cirrus-border-left-bg: #212529;
+ --cirrus-code-label-fg: #ced4da;
+}
+
+pre > code {
+ --cirrus-code-bg: #f8f9fa;
+ --cirrus-code-fg: #343a40;
+ --cirrus-border-left-bg: #e9ecef;
+ background-color: var(--cirrus-code-bg);
+ font-size: 14px;
+ display: block;
+ padding: 1rem;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ text-align: left;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ tab-size: 4;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ border-left: 0.3rem solid var(--cirrus-border-left-bg);
+ margin: 0;
+ position: relative;
+ color: var(--cirrus-code-fg);
+}
+
+pre > code[data-lang]:not([data-lang=""]) {
+ padding: 2rem 1.5rem 1rem;
+}
+
+/* FOOTER */
+.footer {
+ background-color: #343a40;
+ padding: 6rem 0;
+ text-align: center;
+ margin-top: 5rem;
+ width: 100%;
+}
+
+.footer.footer--fixed {
+ bottom: 0;
+ position: fixed;
+}
+
+.footer p {
+ color: #868e96;
+}
+
+.footer ul {
+ margin: 0.5rem 0;
+ /* Remove the left margin seen in global style */
+}
+
+.footer .footer__title {
+ text-align: center;
+ letter-spacing: 6px;
+ position: relative;
+ padding-bottom: 10px;
+}
+
+.footer .footer__list-title {
+ color: #ced4da;
+ font-size: 75%;
+ text-transform: uppercase;
+ font-weight: bolder;
+}
+
+.footer .footer__list-title::after {
+ content: "";
+ display: block;
+ width: 10%;
+ margin: auto;
+ border-bottom: 2px solid;
+ border-color: #343b49;
+}
+
+.footer ul a .footer__list-item,
+.footer .footer__list-item {
+ margin: 0.1rem;
+ color: #868e96;
+ transition: all var(--animation-duration);
+ font-size: 75%;
+ text-transform: uppercase;
+}
+
+/*
+ Mixins
+*/
+/* This is just an extended portion of an input which is just like a label and is read only */
+/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */
+/* FORMS */
+/*
+ Styles
+*/
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
+select {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ /* Search field */
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,
+select.input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,
+select.input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,
+select.input--lg {
+ font-size: 1.25rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,
+select.input--xl {
+ font-size: 1.5rem;
+}
+
+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,
+select.input-contains-icon,
+select.input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,
+select.input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+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,
+select.input-contains-icon.input--xs,
+select.input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+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,
+select.input-contains-icon.input--sm,
+select.input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+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,
+select.input-contains-icon.input--lg,
+select.input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+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,
+select.input-contains-icon.input--xl,
+select.input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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,
+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 {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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,
+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 {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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,
+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 {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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,
+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 {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+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,
+select[type=search],
+select.search {
+ background-repeat: no-repeat;
+ background-position: left 0.6rem center;
+ background-image: url('data:image/svg+xml;utf8,');
+ /* NEEDS FIXING */
+ padding-left: 2rem !important;
+ -webkit-appearance: none;
+ /* Fix Safari issue */
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],
+select[type=color] {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-sizing: border-box;
+ transition: 0.3s;
+ outline: 0;
+ position: relative;
+ height: 3rem;
+ background-color: #fff;
+ padding: 0.55rem 0.8rem !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,
+select.input-success {
+ border-color: #0dd157;
+ background-color: rgba(0, 224, 0, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,
+select.input-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,
+select.input-error {
+ border-color: #fb4143;
+ background-color: rgba(244, 67, 54, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,
+select.input-error:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+textarea,
+textarea[type=text] {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ min-height: 8rem;
+ line-height: 1.5rem;
+ resize: vertical;
+}
+
+textarea.input--xs,
+textarea[type=text].input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+textarea.input--sm,
+textarea[type=text].input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+textarea.input--lg,
+textarea[type=text].input--lg {
+ font-size: 1.25rem;
+}
+
+textarea.input--xl,
+textarea[type=text].input--xl {
+ font-size: 1.5rem;
+}
+
+textarea.input-contains-icon, textarea.input-contains-icon-left,
+textarea[type=text].input-contains-icon,
+textarea[type=text].input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+textarea.input-contains-icon-right,
+textarea[type=text].input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+textarea.input-contains-icon.input--xs, textarea.input-contains-icon-right.input-xs,
+textarea[type=text].input-contains-icon.input--xs,
+textarea[type=text].input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+textarea.input-contains-icon.input--sm, textarea.input-contains-icon-right.input-sm,
+textarea[type=text].input-contains-icon.input--sm,
+textarea[type=text].input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+textarea.input-contains-icon.input--lg, textarea.input-contains-icon-right.input-lg,
+textarea[type=text].input-contains-icon.input--lg,
+textarea[type=text].input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+textarea.input-contains-icon.input--xl, textarea.input-contains-icon-right.input-xl,
+textarea[type=text].input-contains-icon.input--xl,
+textarea[type=text].input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--xs ~ .icon,
+textarea[type=text].input-contains-icon-left.input--xs ~ .icon,
+textarea[type=text].input-contains-icon-right.input--xs ~ .icon.icon-right {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--sm ~ .icon,
+textarea[type=text].input-contains-icon-left.input--sm ~ .icon,
+textarea[type=text].input-contains-icon-right.input--sm ~ .icon.icon-right {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--lg ~ .icon,
+textarea[type=text].input-contains-icon-left.input--lg ~ .icon,
+textarea[type=text].input-contains-icon-right.input--lg ~ .icon.icon-right {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--xl ~ .icon,
+textarea[type=text].input-contains-icon-left.input--xl ~ .icon,
+textarea[type=text].input-contains-icon-right.input--xl ~ .icon.icon-right {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,
+select:focus,
+textarea:focus,
+textarea[type=text]:focus,
+input[type=text].input-focused,
+.input-focused {
+ border-color: #3dabf0;
+ box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, 0.45), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,
+select:focus.input-success,
+textarea:focus.input-success,
+textarea[type=text]:focus.input-success,
+input[type=text].input-focused.input-success,
+.input-focused.input-success {
+ border-color: #0dd157;
+ background-color: rgba(0, 224, 0, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,
+select:focus.input-success:focus,
+textarea:focus.input-success:focus,
+textarea[type=text]:focus.input-success:focus,
+input[type=text].input-focused.input-success:focus,
+.input-focused.input-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,
+select:focus.input-error,
+textarea:focus.input-error,
+textarea[type=text]:focus.input-error,
+input[type=text].input-focused.input-error,
+.input-focused.input-error {
+ border-color: #fb4143;
+ background-color: rgba(244, 67, 54, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,
+select:focus.input-error:focus,
+textarea:focus.input-error:focus,
+textarea[type=text]:focus.input-error:focus,
+input[type=text].input-focused.input-error:focus,
+.input-focused.input-error:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+select {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ background-color: #fff;
+ border: 1px solid #ddd;
+ /* Fixes for Safari and other browsers for consistent UI */
+}
+
+select.input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+select.input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+select.input--lg {
+ font-size: 1.25rem;
+}
+
+select.input--xl {
+ font-size: 1.5rem;
+}
+
+select.input-contains-icon, select.input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+select.input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+select.input-contains-icon.input--xs, select.input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+select.input-contains-icon.input--sm, select.input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+select.input-contains-icon.input--lg, select.input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+select.input-contains-icon.input--xl, select.input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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 {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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 {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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 {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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 {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+select[multiple] option {
+ padding: 0.2rem 0.4rem;
+}
+
+select.select:not([size]):not([multiple]) {
+ 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;
+ -webkit-appearance: none;
+}
+
+input:not([class*=btn-]):disabled,
+input:not([class*=" btn-"]):disabled:hover,
+select:disabled,
+textarea:disabled {
+ background-color: #f1f3f5;
+ cursor: not-allowed;
+ border: 1px solid #f1f3f5;
+}
+
+label.label {
+ color: #495057;
+ display: inline-block;
+ /* changed from block */
+ font-weight: bold;
+ margin-top: 0.8rem;
+}
+
+label + .input-control {
+ margin-top: 0;
+}
+
+label.label:not(:last-child) {
+ margin-bottom: 0;
+}
+
+label:first-child:not(:last-child):not(.form-group-label) {
+ margin-right: 0.5rem;
+}
+
+label:not(:first-child):not(:last-child):not(.form-group-label) {
+ margin: 0 0.5rem;
+}
+
+label:last-child:not(:first-child):not(.form-group-label) {
+ margin-left: 0.5rem;
+}
+
+/* Required asterisk */
+.required {
+ /* Use this in a span or a div */
+ position: relative;
+ top: 1px;
+ font-weight: bold;
+ color: #c81e1e;
+ padding-left: 0.1rem;
+}
+
+/* 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. */
+.input-control {
+ position: relative;
+ margin: 0.5rem 0;
+}
+
+.input-contains-icon ~ .icon,
+.input-contains-icon-left ~ .icon,
+.input-contains-icon-right ~ .icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+}
+
+.input-contains-icon ~ .icon:not(.icon-right),
+.input-contains-icon-left ~ .icon.icon-left {
+ /* Nomral input only */
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 3rem;
+ z-index: 1;
+}
+
+.input-contains-icon-right ~ .icon.icon-right {
+ position: absolute;
+ pointer-events: none;
+ line-height: 2.75rem;
+ vertical-align: baseline;
+ top: 0;
+ right: 0;
+ width: 3rem;
+ z-index: 1;
+}
+
+/* Form groups that group inputs with other controls. */
+.form-group {
+ display: flex;
+ display: -ms-flexbox;
+ margin: 0.5rem 0;
+ /* Add margin to the container since they have been removed from children */
+ /* Fixes the text width being cut off */
+ /* Form group controls */
+ /* Keeps inputs in form group above other components */
+}
+
+.form-group .form-group-btn {
+ flex: 1 0 auto;
+ margin-bottom: 0;
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-btn:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-btn:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-btn:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-btn:focus {
+ z-index: 1;
+}
+
+.form-group .form-group-label {
+ background-color: var(--cirrus-form-group-bg);
+ border: 1px solid #dee2e6;
+ border-radius: 0.2rem;
+ color: var(--cirrus-form-group-fg);
+ margin: 0;
+ padding: 0.8rem;
+ user-select: none;
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-label:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-label:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-label:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-label.label--xs {
+ font-size: 0.75rem;
+}
+
+.form-group .form-group-label.label--sm {
+ font-size: 0.875rem;
+}
+
+.form-group .form-group-label.label--lg {
+ font-size: 1.25rem;
+}
+
+.form-group .form-group-label.label--xl {
+ font-size: 1.5rem;
+}
+
+.form-group .form-group-input {
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-input:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-input:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-input:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-input:focus {
+ z-index: 1;
+}
+
+/* Change place holder color */
+::-moz-placeholder {
+ color: #a9a9a9;
+ /* Lighter than the default */
+}
+
+::-webkit-input-placeholder {
+ color: #a9a9a9;
+ /* Lighter than the default */
+}
+
+/* Separate CSS file, but same part as Layout */
+/* The base container that is similar in structure to a card but more flexible */
+.frame {
+ border-radius: 3px;
+ box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
+ display: flex;
+ flex-direction: column;
+ /* For the frame header and footer, use flex display */
+ /* The frame navbar can be used with level or header classes to create a navigation menu */
+}
+
+.frame .frame__header,
+.frame .frame__footer {
+ flex: 0 0 auto;
+ padding: 1rem;
+}
+
+.frame .frame__nav {
+ flex: 0 0 auto;
+}
+
+.frame .frame__body {
+ flex: 1 1 auto;
+ overflow-y: auto;
+ /* Show the scrollbar when needed */
+ padding: 0 1rem;
+}
+
+.frame .frame__title {
+ color: #0f172a;
+ font-size: 1rem;
+ margin: 0.75rem auto 0;
+}
+
+.frame .frame__subtitle {
+ color: rgba(15, 23, 42, 0.6);
+ font-size: 1rem;
+ margin: 0 auto 0.75rem;
+}
+
+/* These styles can also be used on menus in the body */
+/* HEADER */
+.header {
+ flex-grow: 1;
+ width: 100%;
+ z-index: 100;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1);
+ background-color: var(--cirrus-bg);
+ max-height: 100vh;
+ padding: 0 2rem;
+ transition: all 0.3s;
+ display: flex;
+ --header-link-color: #495057;
+ --header-link-color-hover: #606a73;
+ /* Remove any padding set for headers in default.scss */
+ /* Header dark theme */
+ /* Add transition to nav menu when it drops down */
+ /* The container that contains all the header menu components. Child of header */
+ /* Static header at the top of the screen */
+ /* Hover effect for header elements when appropriate */
+}
+
+.header h1 {
+ margin: 0;
+}
+
+.header h2 {
+ margin: 0;
+}
+
+.header h3 {
+ margin: 0;
+}
+
+.header h4 {
+ margin: 0;
+}
+
+.header h5 {
+ margin: 0;
+}
+
+.header h6 {
+ margin: 0;
+}
+
+.header a {
+ color: var(--header-link-color);
+}
+
+.header a:hover {
+ color: var(--header-link-color-hover);
+}
+
+.header.header-dark {
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #fff;
+ --header-link-color: #fff;
+ --header-link-color-hover: #fff;
+ /* Theme for dark menu */
+}
+
+.header.header-clear {
+ background-color: transparent;
+ box-shadow: none;
+ /* Add border radius to whole menu with clear header */
+}
+
+.header.header-clear .nav-item .dropdown-menu {
+ border-radius: 4px;
+}
+
+.header.header-animated .header-nav {
+ transition: all 0.3s;
+}
+
+.header .header-nav {
+ /* Flex display 768px and higher */
+ overflow: auto;
+}
+
+.header .header-brand {
+ align-items: stretch;
+ display: flex;
+ flex-shrink: 0;
+ max-width: 100vw;
+ min-height: 3.25rem;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.header.header-fixed {
+ position: fixed;
+ top: 0;
+ /* Change this if you want to float the header somewhere else */
+}
+
+.header:not(.header-clear) .nav-item:not(.no-hover):hover, .header:not(.header-clear) .nav-item:not(.no-hover).hovered {
+ background-color: rgba(216, 216, 216, 0.15);
+ transition: all 0.3s;
+}
+
+.header:not(.header-clear) .nav-item.active, .header:not(.header-clear) .nav-item.active:hover {
+ background-color: rgba(216, 216, 216, 0.35);
+}
+
+.header .nav-btn {
+ cursor: pointer;
+ display: block;
+ height: 3.5rem;
+ position: relative;
+ width: 3.5rem;
+}
+
+.header .btn, .header button, .header [type=submit], .header [type=reset], .header [type=button] {
+ margin: 0;
+}
+
+/* Styles for header menu (aka the nav bar) */
+.nav-menu {
+ transition: all 0.3s;
+}
+
+.nav-menu .has-sub {
+ position: relative;
+}
+
+/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */
+.nav-overflow-x {
+ justify-content: inherit;
+ overflow-x: scroll;
+}
+
+/* Wrapper to vertically center header items */
+.nav-item {
+ align-items: center;
+ display: flex;
+ position: relative;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ transition: all 0.3s;
+ padding: 0 0.3rem;
+ cursor: pointer;
+ /* HEADER DROP DOWN MENU */
+ /* Add room for the dropdown chevron pseudoelement */
+}
+
+.nav-item a {
+ align-items: center;
+ display: flex;
+}
+
+.nav-item .dropdown-menu {
+ background-color: var(--cirrus-bg);
+ position: absolute;
+ top: 95%;
+ /*right: 0; /* Unable to solve problem when we have multiple drop down menus */
+ z-index: 1000;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ font-size: 14px;
+ text-align: left;
+ list-style: none;
+ background-clip: padding-box;
+ border: 1px solid #e9ecef;
+ border-radius: 0 0 4px 4px;
+ box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1);
+ /* Just add a transition in general */
+}
+
+.nav-item .dropdown-menu.dropdown-animated {
+ transition: all var(--animation-duration);
+}
+
+.nav-item .dropdown-menu > li > a {
+ display: block;
+ padding: 0.5rem 1rem;
+ clear: both;
+ line-height: 1.42857143;
+ white-space: nowrap;
+}
+
+.nav-item .dropdown-menu > li {
+ margin: 0;
+ transition: all 0.3s;
+}
+
+.nav-item .dropdown-menu > li:hover {
+ transition: all 0.3s;
+ background-color: rgba(216, 216, 216, 0.15);
+}
+
+.nav-item .dropdown-menu > li:active {
+ transition: all 0.3s;
+ background-color: rgba(216, 216, 216, 0.25);
+}
+
+.nav-item .dropdown-menu > li:last-child {
+ margin-bottom: 0;
+}
+
+.nav-item .dropdown-menu .dropdown-menu-divider {
+ border: none;
+ background-color: rgba(216, 216, 216, 0.15);
+ height: 1px;
+ margin: 0.5rem 0;
+}
+
+.nav-item.has-sub .nav-dropdown-link {
+ padding-right: 2.5rem;
+ position: relative;
+ /* Needed for hiding glyphs in mobile header */
+ /* Dropdown menu location adjustment located below for sizes above phones */
+ /* Dropdown menu indicator */
+}
+
+.nav-item.has-sub .nav-dropdown-link::after {
+ border: 2px solid #f03d4d;
+ /* Must be first to create the triangle shape */
+ border-right: 0;
+ /* Create the triangle effect */
+ border-top: 0;
+ display: block;
+ height: 0.5em;
+ width: 0.5em;
+ content: " ";
+ transform: rotate(-45deg);
+ pointer-events: none;
+ margin-top: -0.435em;
+ right: 1.125em;
+ top: 50%;
+ position: absolute;
+}
+
+/* Dark dropdown menu theme */
+.nav-item .dropdown-menu.dropdown-dark,
+.header.header-dark .dropdown-menu {
+ background-color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #343a40;
+ color: #fff;
+}
+
+.dropdown-menu.dropdown-shown,
+.nav-item.active {
+ opacity: 1;
+}
+
+@media screen and (min-width: 768px) {
+ .header {
+ align-items: stretch;
+ display: flex;
+ /* Align items to the left */
+ /* Align items to the right */
+ /* Centering items, best used when nav-brand is not used to prevent offset */
+ /* Hide hamburger button */
+ }
+
+ .header .header-nav {
+ flex-grow: 1;
+ align-items: stretch;
+ /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */
+ display: flex;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ top: 0;
+ overflow: visible;
+ /* Only visible for showing dropdown menus, hidden for mobile */
+ }
+
+ .header .nav-left {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-start;
+ white-space: nowrap;
+ /* Align dropdown menu to the left side of the parent nav-item for header-left */
+ }
+
+ .header .nav-left .has-sub .dropdown-menu {
+ left: 0;
+ right: auto;
+ }
+
+ .header .nav-right {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-end;
+ white-space: nowrap;
+ /* Align dropdown menu to the right side of the parent nav-item for header-right */
+ }
+
+ .header .nav-right .has-sub .dropdown-menu {
+ left: auto;
+ right: 0;
+ }
+
+ .header .nav-center {
+ align-items: stretch;
+ display: flex;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .header .nav-btn {
+ display: none;
+ }
+
+ .header .nav-item {
+ /* Expand link area for desktop views so it is easier to click */
+ }
+
+ .header .nav-item a {
+ padding: 0.5rem 1rem;
+ }
+
+ .header .nav-item .dropdown-menu {
+ opacity: 0;
+ pointer-events: none;
+ /* Make cursor not respond to menu links when not displayed */
+ }
+
+ .header .nav-item .dropdown-menu.dropdown-animated {
+ transform: translateY(-5px);
+ }
+
+ .header .nav-item .dropdown-menu.dropdown-shown, .header .nav-item.toggle-hover:hover .dropdown-menu,
+.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown {
+ opacity: 1;
+ transform: none;
+ pointer-events: auto;
+ }
+}
+@media screen and (max-width: 767px) {
+ /* Add scrolling support in header */
+ .header {
+ flex-direction: column;
+ /* Hide dropdown menu on mobile */
+ }
+
+ .header .header-brand .nav-item:first-child {
+ padding: 0 1rem;
+ /* Add padding to the first child, usually the logo */
+ }
+
+ .header .header-nav {
+ height: 0;
+ /* Show the dropdown */
+ /* Make the menu items larger in the dropdown menu */
+ /* Get rid of extra spaces */
+ }
+
+ .header .header-nav.active {
+ height: 100vh;
+ }
+
+ .header .header-nav .nav-item {
+ padding: 1rem;
+ }
+
+ .header .header-nav .nav-item > a {
+ padding: 0;
+ width: 100%;
+ /* Stretch the link to span the entire list item */
+ }
+
+ /* Remove flex for mobile devices */
+ .nav-item.has-sub {
+ display: block;
+ }
+
+ .nav-item.has-sub .dropdown-menu {
+ /* Hide the menu by default in mobile view (overflow on header-right can expose it) */
+ display: none;
+ }
+
+ .nav-item.has-sub .dropdown-menu.dropdown-shown {
+ border-radius: 0;
+ box-shadow: none;
+ display: block;
+ position: relative;
+ top: 1rem;
+ float: none;
+ border: none;
+ background-color: transparent;
+ margin-bottom: 1rem;
+ }
+
+ .nav-item.has-sub .dropdown-menu.dropdown-dark {
+ background-color: rgba(0, 0, 0, 0.17);
+ border: 0;
+ }
+
+ /* Hamburger button */
+ .nav-btn {
+ cursor: pointer;
+ display: block;
+ position: relative;
+ margin-left: auto;
+ /* Hamburger button on active */
+ }
+
+ .nav-btn span {
+ background-color: var(--header-link-color);
+ display: block;
+ height: 2px;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ top: 50%;
+ transition: all 86ms ease-out;
+ width: 15px;
+ /* Line spacing in hamburger button */
+ }
+
+ .nav-btn span:nth-child(1) {
+ margin-top: -6px;
+ }
+
+ .nav-btn span:nth-child(2) {
+ margin-top: -1px;
+ }
+
+ .nav-btn span:nth-child(3) {
+ margin-top: 4px;
+ }
+
+ .nav-btn.active span:nth-child(1) {
+ margin-left: -5px;
+ transform: rotate(45deg);
+ transform-origin: left top;
+ }
+
+ .nav-btn.active span:nth-child(2) {
+ opacity: 0;
+ }
+
+ .nav-btn.active span:nth-child(3) {
+ margin-left: -5px;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
+ }
+
+ /* Hide drop down menu items */
+ .nav-left,
+.nav-center,
+.nav-right {
+ overflow: hidden;
+ }
+
+ /* No need for JS to show dropdown menu on mobile devices now */
+ .header .nav-item.has-sub.toggle-hover:not(.no-hover):hover > .dropdown-menu {
+ border-radius: 0;
+ box-shadow: none;
+ display: block;
+ position: relative;
+ top: 1rem;
+ float: none;
+ border: none;
+ background-color: transparent;
+ margin-bottom: 1rem;
+ }
+}
+/* LINKS */
+a {
+ color: #5e5cc7;
+ font-weight: 600;
+ padding: 2px;
+ text-decoration: none;
+ transition: all 0.3s;
+}
+
+a:hover {
+ color: #4643e2;
+ transition: all 0.3s;
+}
+
+a.underline {
+ text-decoration: underline;
+}
+
+.subtitle a {
+ padding: 0;
+ /* Removes weird offset in subtitle links */
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
+article a,
+blockquote a {
+ display: inline;
+}
+
+/* Remove uneeded space since buttons have their own padding */
+a .btn,
+a button,
+[type=submit] a {
+ margin-bottom: 0;
+}
+
+/* LISTS */
+ul,
+ol {
+ margin: 1rem 0 1rem 1rem;
+ padding-inline-start: 0.5rem;
+ /* Handle nesting */
+}
+
+ul ul, ul ol,
+ol ul,
+ol ol {
+ margin: 0 0 0 1rem;
+}
+
+ul {
+ list-style: disc;
+ /* Nested list bullet types */
+}
+
+ul ul {
+ list-style-type: circle;
+}
+
+ul ul ul {
+ list-style-type: square;
+}
+
+ol ol {
+ list-style: lower-alpha;
+}
+
+ol ol ol {
+ list-style: upper-roman;
+}
+
+/* Description lists */
+dl {
+ margin: 1rem 0;
+}
+
+/* Detail title */
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+}
+
+li {
+ margin: 0.25rem 0;
+}
+
+/* MISC */
+ul {
+ /* MENU LISTS */
+ /* Style headers to have even space distribution. */
+ /* Style menu items */
+ /* Style sub menus inside a menu */
+ /* Menu item divider */
+ /* Title for the section separated by the divider */
+}
+
+ul.no-bullets {
+ list-style: none;
+}
+
+ul.menu {
+ font-size: 1rem;
+ list-style: none;
+ margin: 0.5rem 0;
+}
+
+ul .menu-title:not(:first-child) {
+ margin-bottom: 1rem;
+}
+
+ul .menu-title:not(:last-child) {
+ margin-top: 1rem;
+}
+
+ul .menu-item a {
+ color: #495057;
+ display: block;
+ padding: 0.5em 0.75em;
+ border-radius: 3px;
+ font-size: var(--font-size-s);
+ cursor: pointer;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item:hover > a {
+ background-color: rgba(208, 208, 208, 0.3);
+ color: #f03d4d;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item.selected > a {
+ color: #fff;
+ background-color: #f03d4d;
+}
+
+ul .menu-item .menu-addon {
+ padding: 0.3rem;
+ z-index: 1;
+ position: relative;
+ color: var(--cirrus-fg);
+ cursor: pointer;
+ float: left;
+ margin-right: 0.1rem;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item .menu-addon .icon {
+ font-size: inherit;
+ vertical-align: auto;
+}
+
+ul .menu-item .menu-addon:hover {
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item .menu-addon.right {
+ float: right;
+ margin-right: 0;
+ margin-left: 0.1rem;
+}
+
+ul .menu-item.selected .menu-addon {
+ color: #fff;
+}
+
+ul .menu-item ul {
+ border-left: 1px solid #dee2e6;
+ margin: 0.75rem;
+ padding-left: 0.75rem;
+}
+
+ul .divider {
+ border-top: 0.1rem solid #e9ecef;
+ height: 0.1rem;
+ margin: 1rem 0;
+}
+
+ul .divider::after {
+ content: attr(data-label);
+ /* Text that will be displayed */
+ background-color: var(--cirrus-bg);
+ color: #adb5bd;
+ display: inline-block;
+ padding: 0 0.7rem;
+ margin: 0.5rem;
+ font-size: 0.7rem;
+ transform: translateY(-1.1rem);
+}
+
+/* Dropdown menu for dropdown buttons */
+.list-dropdown {
+ display: inline-block;
+ position: relative;
+ /* Allow for shown and :focus selectors for JS and native CSS transitions */
+}
+
+.list-dropdown .menu {
+ position: absolute;
+ top: 75%;
+ left: 0;
+ animation: slide-down var(--animation-duration) ease 1;
+ background-color: var(--cirrus-bg);
+ border-radius: 0.2rem;
+ box-shadow: 0 1rem 3rem rgba(149, 157, 165, 0.3);
+ margin: 0;
+ opacity: 0;
+ min-width: 15rem;
+ padding: 0.25rem 0.5rem;
+ transform: translateY(0.5rem);
+ z-index: 10;
+ pointer-events: none;
+ /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */
+ overflow: hidden;
+ transition: all var(--animation-duration);
+}
+
+@media screen and (max-width: 767px) {
+ .list-dropdown .menu {
+ height: 0;
+ padding: 0 !important;
+ position: relative;
+ }
+}
+.list-dropdown.dropdown-right .menu {
+ left: auto;
+ right: 0;
+}
+
+.list-dropdown.shown .menu,
+.list-dropdown .btn-dropdown:focus + .menu,
+.list-dropdown .menu:hover {
+ display: block;
+ opacity: 1;
+ top: 100%;
+ z-index: 100;
+ pointer-events: auto;
+ /* Restore pointer events */
+ height: auto;
+ transition: all var(--animation-duration);
+}
+
+.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* TREE */
+/* Tree Navigation Menu */
+.tree {
+ margin: 0;
+}
+
+.tree .tree-item {
+ /* The title of the tree menu */
+ /* The dropdown glyph of the tree menu */
+ /* Expand the tree-item-body (has menu-items) */
+ /* Rotate the dropdown glyph */
+ /* Container for the menu-items of the tree menu */
+}
+
+.tree .tree-item .tree-item-header {
+ display: block;
+ padding: 0.25rem 0.5rem;
+ cursor: pointer;
+ font-weight: 700;
+ /* Keep styling consistent with menu-items */
+}
+
+.tree .tree-item .tree-item-header .icon {
+ transition: all var(--animation-duration);
+}
+
+.tree .tree-item input:checked ~ .tree-item-body {
+ max-height: 100vh;
+}
+
+.tree .tree-item input:checked ~ .tree-item-header .icon {
+ transform: rotate(90deg);
+}
+
+.tree .tree-item .tree-item-body {
+ max-height: 0;
+ /* Hidden at first */
+ margin-left: 1.5rem;
+ overflow: hidden;
+ transition: all var(--animation-duration);
+}
+
+/* The body that will encompass the tree-nav and tree-nav-content */
+.tree-nav-body {
+ display: flex;
+ height: 100vh;
+ flex-wrap: nowrap;
+ /* A fixed menu on the side with a tree component */
+ /* The container for the tree component to prevent it from overflowing */
+ /* Darkened area that will close the navbar when clicked for mobile only */
+ /* Push document body further right to account for sidebar space */
+ /* The body where all other HTML components are entered if a tree-nav is used */
+}
+
+.tree-nav-body .tree-nav {
+ flex-grow: 0;
+ flex-shrink: 1;
+ padding: 2rem 1rem 2rem 2rem;
+ min-width: 15rem;
+ height: 100vh;
+ overflow: auto;
+}
+
+.tree-nav-body .tree-nav-container {
+ overflow-y: auto;
+ top: 4rem;
+ bottom: 1rem;
+}
+
+.tree-nav-body + .tree-nav-close {
+ display: none;
+ /* Not needed in desktop */
+}
+
+.tree-nav-body + .tree-nav-content {
+ max-width: 100%;
+ padding: 2rem;
+ flex: 1 0 auto;
+ overflow: auto;
+ margin: 0;
+}
+
+.tree-nav-body .tree-nav-content {
+ width: 100%;
+ overflow: auto;
+ margin: 0;
+ padding: 2rem;
+}
+
+@media screen and (max-width: 767px) {
+ /* Hide the menu to the side by default */
+ .tree-nav {
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ padding: 3rem 1.5rem;
+ position: fixed;
+ top: 0;
+ transform: translateX(-100%);
+ transition: transform var(--animation-duration) ease;
+ z-index: 400;
+ /* Open the menu from the side */
+ /* Use a link and add the id of this element as the url */
+ /* Create the area to click to close the menu */
+ /* Reset max-width in mobile */
+ }
+
+ .tree-nav:target {
+ transform: translateX(0);
+ transition: transform var(--animation-duration) ease;
+ /* Show the darkened area when the tree nav menu is clicked */
+ }
+
+ .tree-nav:target + .tree-nav-close {
+ display: block;
+ background-color: rgba(0, 0, 0, 0.15);
+ height: 100%;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 300;
+ }
+
+ .tree-nav .tree-nav-close {
+ background-color: rgba(0, 0, 0, 0.15);
+ display: none;
+ height: 100%;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 300;
+ }
+
+ .tree-nav + .tree-nav-body {
+ max-width: inherit;
+ }
+
+ /* Header bar for mobile websites with the tree-nav */
+ .tree-nav-header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(248, 249, 250, 0.8);
+ height: 3.5rem;
+ padding: 0.75rem 0.5rem;
+ text-align: center;
+ z-index: 300;
+ }
+
+ /* For dropdown menu used in header (different from header dropdown) */
+ .nav-item.has-sub .list-dropdown {
+ width: 100%;
+ }
+
+ .nav-item.has-sub .list-dropdown .btn-group {
+ width: 100%;
+ }
+
+ .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
+ flex-grow: 0;
+ }
+
+ /* Show the dropdown menu in mobile hamburger menu relative with the header menu */
+ .list-dropdown .btn-dropdown:focus + .menu {
+ position: relative;
+ width: 100%;
+ }
+}
+.progress {
+ --progress-color: #f03d4d;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: #e9ecef;
+ border: none;
+ border-radius: 0.25rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+ height: 0.75rem;
+}
+
+.progress::-webkit-progress-bar {
+ background-color: transparent;
+}
+
+.progress::-webkit-progress-value {
+ background-color: var(--progress-color);
+}
+
+.progress::-moz-progress-bar {
+ background-color: var(--progress-color);
+}
+
+.progress::-ms-fill {
+ background-color: var(--progress-color);
+ border: none;
+}
+
+.progress.progress--xs {
+ height: 0.25rem;
+}
+
+.progress.progress--sm {
+ height: 0.5rem;
+}
+
+.progress.progress--md {
+ height: 0.75rem;
+}
+
+.progress.progress--lg {
+ height: 1rem;
+}
+
+.progress.progress--xl {
+ height: 1.25rem;
+}
+
+.progress.progress--primary {
+ --progress-color: #f03d4d;
+}
+
+.progress.progress--dark {
+ --progress-color: #363636;
+}
+
+.progress.progress--link {
+ --progress-color: #5e5cc7;
+}
+
+.progress.progress--info {
+ --progress-color: #2972fa;
+}
+
+.progress.progress--success {
+ --progress-color: #0dd157;
+}
+
+.progress.progress--warning {
+ --progress-color: #fab633;
+}
+
+.progress.progress--danger {
+ --progress-color: #fb4143;
+}
+
+.progress:indeterminate {
+ animation: progress-indeterminate 1.5s linear infinite;
+ background: #e9ecef linear-gradient(to right, var(--progress-color) 30%, #e9ecef 30%) top left/150% 150% no-repeat;
+}
+
+.progress:indeterminate::-webkit-progress-bar {
+ --progress-color: transparent;
+}
+
+.progress:indeterminate::-moz-progress-bar {
+ --progress-color: transparent;
+}
+
+.progress:indeterminate::-ms-fill {
+ animation-name: none;
+}
+
+@keyframes progress-indeterminate {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+}
+/* TABLE */
+.table-container {
+ overflow: auto;
+ overflow-y: hidden;
+ max-width: 100%;
+}
+
+.table {
+ margin-bottom: 1.5rem;
+ width: 100%;
+ border-collapse: collapse;
+ /* Allows us to set 0 margin in table cells */
+ border-spacing: 0;
+ text-align: center;
+ /* Text center by default */
+ /* Thicker border for table header */
+ /* CUSTOM STYLES */
+ /* All borders */
+ /* Striped table */
+ /* Decrease padding */
+ /* Fixed title table */
+ /* Borderless Table (for inner cells) */
+}
+
+.table td,
+.table th {
+ border: 1px solid rgba(222, 226, 230, 0.5);
+ border-width: 0 0 1px;
+ padding: 0.75rem;
+ vertical-align: top;
+ text-align: inherit;
+ margin: 0;
+}
+
+.table tr {
+ transition: all 0.3s;
+}
+
+.table tr.selected {
+ /* Style a selected row */
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.table .table caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #dee2e6;
+ text-align: left;
+ caption-side: bottom;
+}
+
+.table tr:not(.selected):hover, .table.striped tbody tr:not(.selected):nth-child(even):hover {
+ background-color: rgba(222, 226, 230, 0.15);
+}
+
+.table thead th,
+.table thead {
+ border-bottom: 2px solid rgba(222, 226, 230, 0.5);
+}
+
+.table thead th,
+.table tfoot th {
+ padding: 1rem;
+}
+
+.table tfoot th {
+ border-top: 2px solid rgba(222, 226, 230, 0.5);
+ border-bottom: none;
+}
+
+.table.bordered thead th,
+.table.bordered thead {
+ border-bottom: 1px solid rgba(222, 226, 230, 0.5);
+}
+
+.table.bordered td,
+.table.bordered th {
+ border: 1px solid rgba(219, 219, 219, 0.5);
+}
+
+.table.bordered thead td,
+.table.bordered thead {
+ border-width: 1px;
+}
+
+.table.striped tbody tr:nth-child(even) {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table.small td, .table.small th {
+ padding: 0.25rem 0.75rem;
+}
+
+.table.fixed-head thead {
+ position: relative;
+ display: block;
+}
+
+.table.fixed-head tbody {
+ min-height: 200px;
+ /* Set the height you want */
+ display: block;
+ /* Needed */
+ overflow: auto;
+ /* Shows scrollbars */
+}
+
+.table.fixed-head tr {
+ display: table;
+ width: 100%;
+ /* Forces row to span container */
+}
+
+.table.borderless thead th, .table.borderless th, .table.borderless td {
+ border: none;
+}
+
+.u-top-auto {
+ top: auto !important;
+}
+
+.u-top-0 {
+ top: 0 !important;
+}
+
+.u-top-50p {
+ top: 50% !important;
+}
+
+.u-top-100p {
+ top: 100% !important;
+}
+
+.u-top-n50p {
+ top: -50% !important;
+}
+
+.u-top-n100p {
+ top: -100% !important;
+}
+
+.u-left-auto {
+ left: auto !important;
+}
+
+.u-left-0 {
+ left: 0 !important;
+}
+
+.u-left-50p {
+ left: 50% !important;
+}
+
+.u-left-100p {
+ left: 100% !important;
+}
+
+.u-left-n50p {
+ left: -50% !important;
+}
+
+.u-left-n100p {
+ left: -100% !important;
+}
+
+.u-right-auto {
+ right: auto !important;
+}
+
+.u-right-0 {
+ right: 0 !important;
+}
+
+.u-right-50p {
+ right: 50% !important;
+}
+
+.u-right-100p {
+ right: 100% !important;
+}
+
+.u-right-n50p {
+ right: -50% !important;
+}
+
+.u-right-n100p {
+ right: -100% !important;
+}
+
+.u-bottom-auto {
+ bottom: auto !important;
+}
+
+.u-bottom-0 {
+ bottom: 0 !important;
+}
+
+.u-bottom-50p {
+ bottom: 50% !important;
+}
+
+.u-bottom-100p {
+ bottom: 100% !important;
+}
+
+.u-bottom-n50p {
+ bottom: -50% !important;
+}
+
+.u-bottom-n100p {
+ bottom: -100% !important;
+}
+
+.u-clear-left {
+ clear: left !important;
+}
+
+.u-clear-right {
+ clear: right !important;
+}
+
+.u-clear-both {
+ clear: both !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-clear-left-sm {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-clear-right-sm {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-clear-both-sm {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-left-md {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-right-md {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-both-md {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-left-lg {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-right-lg {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-both-lg {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-left-xl {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-right-xl {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-both-xl {
+ clear: both !important;
+ }
+}
+/*
+ When using floats, clearfix allows the container to automatically resize so that
+ other elements are not blocked by children.
+*/
+.u-clearfix:after {
+ clear: both !important;
+ content: " ";
+ display: table !important;
+}
+
+.u-none {
+ display: none !important;
+}
+
+.u-inline {
+ display: inline !important;
+}
+
+.u-inline-block {
+ display: inline-block !important;
+}
+
+.u-block {
+ display: block !important;
+}
+
+.u-flex {
+ display: flex !important;
+}
+
+.u-inline-flex {
+ display: inline-flex !important;
+}
+
+.u-table {
+ display: table !important;
+}
+
+.u-table-row {
+ display: table-row !important;
+}
+
+.u-table-column {
+ display: table-column !important;
+}
+
+.u-table-cell {
+ display: table-cell !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-none-sm {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-sm {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-block-sm {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-block-sm {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-sm {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-flex-sm {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-sm {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-row-sm {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-column-sm {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-cell-sm {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-none-md {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-md {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-block-md {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-block-md {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-md {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-flex-md {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-md {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-row-md {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-column-md {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-cell-md {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-none-lg {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-lg {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-block-lg {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-block-lg {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-lg {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-flex-lg {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-lg {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-row-lg {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-column-lg {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-cell-lg {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-none-xl {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-xl {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-block-xl {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-block-xl {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-xl {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-flex-xl {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-xl {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-row-xl {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-column-xl {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-cell-xl {
+ display: table-cell !important;
+ }
+}
+.u-flex-row {
+ flex-direction: row !important;
+}
+
+.u-flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.u-flex-column {
+ flex-direction: column !important;
+}
+
+.u-flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-row-sm {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-row-reverse-sm {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-column-sm {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-column-reverse-sm {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-row-md {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-row-reverse-md {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-column-md {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-column-reverse-md {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-row-lg {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-row-reverse-lg {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-column-lg {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-column-reverse-lg {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-row-xl {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-row-reverse-xl {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-column-xl {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-column-reverse-xl {
+ flex-direction: column-reverse !important;
+ }
+}
+.u-justify-flex-start {
+ justify-content: flex-start !important;
+}
+
+.u-justify-center {
+ justify-content: center !important;
+}
+
+.u-justify-flex-end {
+ justify-content: flex-end !important;
+}
+
+.u-justify-space-between {
+ justify-content: space-between !important;
+}
+
+.u-justify-space-around {
+ justify-content: space-around !important;
+}
+
+.u-justify-space-evenly {
+ justify-content: space-evenly !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-justify-flex-start-sm {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-center-sm {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-flex-end-sm {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-between-sm {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-around-sm {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-evenly-sm {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-flex-start-md {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-center-md {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-flex-end-md {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-between-md {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-around-md {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-evenly-md {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-flex-start-lg {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-center-lg {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-flex-end-lg {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-between-lg {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-around-lg {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-evenly-lg {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-flex-start-xl {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-center-xl {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-flex-end-xl {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-between-xl {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-around-xl {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-evenly-xl {
+ justify-content: space-evenly !important;
+ }
+}
+.u-items-stretch {
+ align-items: stretch !important;
+}
+
+.u-items-flex-start {
+ align-items: flex-start !important;
+}
+
+.u-items-center {
+ align-items: center !important;
+}
+
+.u-items-flex-end {
+ align-items: flex-end !important;
+}
+
+.u-items-baseline {
+ align-items: baseline !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-items-stretch-sm {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-flex-start-sm {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-center-sm {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-flex-end-sm {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-baseline-sm {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-stretch-md {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-flex-start-md {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-center-md {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-flex-end-md {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-baseline-md {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-stretch-lg {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-flex-start-lg {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-center-lg {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-flex-end-lg {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-baseline-lg {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-stretch-xl {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-flex-start-xl {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-center-xl {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-flex-end-xl {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-baseline-xl {
+ align-items: baseline !important;
+ }
+}
+.u-flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.u-flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-grow-0-sm {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-grow-1-sm {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-grow-0-md {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-grow-1-md {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-grow-0-lg {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-grow-1-lg {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-grow-0-xl {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-grow-1-xl {
+ flex-grow: 1 !important;
+ }
+}
+.u-flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.u-flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-shrink-0-sm {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-shrink-1-sm {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-shrink-0-md {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-shrink-1-md {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-shrink-0-lg {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-shrink-1-lg {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-shrink-0-xl {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-shrink-1-xl {
+ flex-shrink: 1 !important;
+ }
+}
+.u-flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.u-flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.u-flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-wrap-sm {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-wrap-reverse-sm {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-nowrap-sm {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-wrap-md {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-wrap-reverse-md {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-nowrap-md {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-wrap-lg {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-wrap-reverse-lg {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-nowrap-lg {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-wrap-xl {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-wrap-reverse-xl {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-nowrap-xl {
+ flex-wrap: nowrap !important;
+ }
+}
+.u-gap-0 {
+ gap: 0rem !important;
+}
+
+.u-gap-1 {
+ gap: 0.5rem !important;
+}
+
+.u-gap-2 {
+ gap: 1rem !important;
+}
+
+.u-gap-3 {
+ gap: 1.5rem !important;
+}
+
+.u-gap-4 {
+ gap: 2rem !important;
+}
+
+.u-gap-5 {
+ gap: 2.5rem !important;
+}
+
+.u-gap-6 {
+ gap: 3rem !important;
+}
+
+.u-gap-8 {
+ gap: 4rem !important;
+}
+
+.u-gap-10 {
+ gap: 5rem !important;
+}
+
+.u-gap-12 {
+ gap: 6rem !important;
+}
+
+.u-gap-16 {
+ gap: 8rem !important;
+}
+
+.u-gap-20 {
+ gap: 10rem !important;
+}
+
+.u-gap-24 {
+ gap: 12rem !important;
+}
+
+.u-gap-32 {
+ gap: 16rem !important;
+}
+
+/* UTILS */
+/* Utility classes to help solve some very annoying issues */
+.u-pull-left {
+ float: left !important;
+}
+
+.u-pull-right {
+ float: right !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-pull-left-sm {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-pull-right-sm {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-pull-left-md {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-pull-right-md {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-pull-left-lg {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-pull-right-lg {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-pull-left-xl {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-pull-right-xl {
+ float: right !important;
+ }
+}
+.u-text-justify {
+ text-align: justify !important;
+}
+
+.u-text-left {
+ text-align: left !important;
+}
+
+.u-text-right {
+ text-align: right !important;
+}
+
+.u-text-center {
+ text-align: center !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-text-justify-sm {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-left-sm {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-right-sm {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-center-sm {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-justify-md {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-left-md {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-right-md {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-center-md {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-justify-lg {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-left-lg {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-right-lg {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-center-lg {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-justify-xl {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-left-xl {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-right-xl {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-center-xl {
+ text-align: center !important;
+ }
+}
+.u-text-ellipsis {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.u-text-break {
+ hyphens: auto;
+ word-break: break-word;
+ word-wrap: break-word;
+}
+
+/* Center element - best used for hero bodies or text */
+.u-center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto;
+ flex-wrap: wrap;
+}
+
+.u-center-alt,
+.u-center-alt:hover,
+.u-center-alt:active {
+ /* If flexbox method fails, this works for elements with unknown dimensions */
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.u-overlay {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ position: absolute;
+}
+
+.u-disabled {
+ cursor: not-allowed !important;
+ pointer-events: none !important;
+}
+
+.u-unselectable {
+ user-select: none !important;
+}
+
+.u-no-outline {
+ outline: 0px !important;
+}
+
+.u-opacity-0 {
+ opacity: 0 !important;
+}
+
+.u-opacity-10 {
+ opacity: 0.1 !important;
+}
+
+.u-opacity-20 {
+ opacity: 0.2 !important;
+}
+
+.u-opacity-30 {
+ opacity: 0.3 !important;
+}
+
+.u-opacity-40 {
+ opacity: 0.4 !important;
+}
+
+.u-opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.u-opacity-60 {
+ opacity: 0.6 !important;
+}
+
+.u-opacity-70 {
+ opacity: 0.7 !important;
+}
+
+.u-opacity-80 {
+ opacity: 0.8 !important;
+}
+
+.u-opacity-90 {
+ opacity: 0.9 !important;
+}
+
+.u-opacity-100 {
+ opacity: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-opacity-0-sm {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-10-sm {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-20-sm {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-30-sm {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-40-sm {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-50-sm {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-60-sm {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-70-sm {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-80-sm {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-90-sm {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-100-sm {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-0-md {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-10-md {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-20-md {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-30-md {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-40-md {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-50-md {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-60-md {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-70-md {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-80-md {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-90-md {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-100-md {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-0-lg {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-10-lg {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-20-lg {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-30-lg {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-40-lg {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-50-lg {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-60-lg {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-70-lg {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-80-lg {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-90-lg {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-100-lg {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-0-xl {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-10-xl {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-20-xl {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-30-xl {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-40-xl {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-50-xl {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-60-xl {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-70-xl {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-80-xl {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-90-xl {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-100-xl {
+ opacity: 1 !important;
+ }
+}
+.u-bg-opacity-0 {
+ --bg-opacity: 0;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output {
- height: 10px;
+.u-bg-opacity-10 {
+ --bg-opacity: 0.1;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Contains nested selector block */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 20px;
+.u-bg-opacity-20 {
+ --bg-opacity: 0.2;
}
-.test-output .class {
- height: 10px;
+
+.u-bg-opacity-30 {
+ --bg-opacity: 0.3;
}
-.test-output .other-class {
- height: 10px;
+
+.u-bg-opacity-40 {
+ --bg-opacity: 0.4;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .class {
- height: 10px;
+.u-bg-opacity-50 {
+ --bg-opacity: 0.5;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with nested classes */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 20px;
+.u-bg-opacity-60 {
+ --bg-opacity: 0.6;
+}
+
+.u-bg-opacity-70 {
+ --bg-opacity: 0.7;
}
-.test-output .class {
- height: 10px;
+
+.u-bg-opacity-80 {
+ --bg-opacity: 0.8;
}
-.test-output .class .other-class {
- height: 10px;
+
+.u-bg-opacity-90 {
+ --bg-opacity: 0.9;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .class .other-class {
- height: 10px;
+.u-bg-opacity-100 {
+ --bg-opacity: 1;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with nested @media queries */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .class {
- height: 20px;
+.u-color-opacity-0 {
+ --color-opacity: 0;
+}
+
+.u-color-opacity-10 {
+ --color-opacity: 0.1;
+}
+
+.u-color-opacity-20 {
+ --color-opacity: 0.2;
+}
+
+.u-color-opacity-30 {
+ --color-opacity: 0.3;
+}
+
+.u-color-opacity-40 {
+ --color-opacity: 0.4;
+}
+
+.u-color-opacity-50 {
+ --color-opacity: 0.5;
+}
+
+.u-color-opacity-60 {
+ --color-opacity: 0.6;
+}
+
+.u-color-opacity-70 {
+ --color-opacity: 0.7;
+}
+
+.u-color-opacity-80 {
+ --color-opacity: 0.8;
+}
+
+.u-color-opacity-90 {
+ --color-opacity: 0.9;
+}
+
+.u-color-opacity-100 {
+ --color-opacity: 1;
+}
+
+.u-overflow-auto {
+ overflow: auto !important;
+}
+
+.u-overflow-hidden {
+ overflow: hidden !important;
+}
+
+.u-overflow-visible {
+ overflow: visible !important;
+}
+
+.u-overflow-scroll {
+ overflow: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-auto-sm {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-hidden-sm {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-visible-sm {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-scroll-sm {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-auto-md {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-hidden-md {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-visible-md {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-scroll-md {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-auto-lg {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-hidden-lg {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-visible-lg {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-scroll-lg {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-auto-xl {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-hidden-xl {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-visible-xl {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-scroll-xl {
+ overflow: scroll !important;
+ }
+}
+.u-overflow-x-auto {
+ overflow-x: auto !important;
+}
+
+.u-overflow-x-hidden {
+ overflow-x: hidden !important;
+}
+
+.u-overflow-x-visible {
+ overflow-x: visible !important;
+}
+
+.u-overflow-x-scroll {
+ overflow-x: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-x-auto-sm {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-hidden-sm {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-visible-sm {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-scroll-sm {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-auto-md {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-hidden-md {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-visible-md {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-scroll-md {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-auto-lg {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-hidden-lg {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-visible-lg {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-scroll-lg {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-auto-xl {
+ overflow-x: auto !important;
+ }
}
-@media (min-width: 30em) and (min-width: 40em) {
- .test-output .selector {
- height: 10px;
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-hidden-xl {
+ overflow-x: hidden !important;
}
- .test-output .selector2 {
- height: 10px;
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-visible-xl {
+ overflow-x: visible !important;
}
}
-@media (min-width: 30em) {
- .test-output .selector3 {
- height: 10px;
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-scroll-xl {
+ overflow-x: scroll !important;
}
}
+.u-overflow-y-auto {
+ overflow-y: auto !important;
+}
+
+.u-overflow-y-hidden {
+ overflow-y: hidden !important;
+}
+
+.u-overflow-y-visible {
+ overflow-y: visible !important;
+}
+
+.u-overflow-y-scroll {
+ overflow-y: scroll !important;
+}
-/* END_OUTPUT */
-/* CONTAINED */
-@media (min-width: 30em) and (min-width: 40em) {
- .test-output .selector2 {
- height: 10px;
+@media screen and (min-width: 640px) {
+ .u-overflow-y-auto-sm {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-hidden-sm {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-visible-sm {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-scroll-sm {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-auto-md {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-hidden-md {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-visible-md {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-scroll-md {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-auto-lg {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-hidden-lg {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-visible-lg {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-scroll-lg {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-auto-xl {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-hidden-xl {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-visible-xl {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-scroll-xl {
+ overflow-y: scroll !important;
}
}
+.u-static {
+ position: static !important;
+}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with @at-root */
-/* ASSERT: */
-/* OUTPUT */
-.selector {
- height: 10px;
+.u-fixed {
+ position: fixed !important;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.selector {
- height: 10px;
+.u-absolute {
+ position: absolute !important;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used for all selector types */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .selector {
- -prop: val;
+.u-relative {
+ position: relative !important;
}
-.test-output #id {
- -prop: value1;
+
+.u-sticky {
+ position: sticky !important;
}
-.test-output div {
- -prop: value2;
- min-height: 20px;
- max-height: 30px;
+
+@media screen and (min-width: 640px) {
+ .u-static-sm {
+ position: static !important;
+ }
}
-.test-output input[type=text] {
- color: rebeccapurple;
+@media screen and (min-width: 640px) {
+ .u-fixed-sm {
+ position: fixed !important;
+ }
}
-.test-output * + * {
- color: red;
- display: none;
+@media screen and (min-width: 640px) {
+ .u-absolute-sm {
+ position: absolute !important;
+ }
}
-.test-output body > h1 {
- font-weight: bold;
+@media screen and (min-width: 640px) {
+ .u-relative-sm {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-sticky-sm {
+ position: sticky !important;
+ }
}
-.test-output i::before {
- -prop: value3;
+@media screen and (min-width: 768px) {
+ .u-static-md {
+ position: static !important;
+ }
}
-.test-output div ~ p {
- color: green;
+@media screen and (min-width: 768px) {
+ .u-fixed-md {
+ position: fixed !important;
+ }
}
-.test-output i:not(.italic) {
- text-decoration: underline;
- --custom: val;
+@media screen and (min-width: 768px) {
+ .u-absolute-md {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-relative-md {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-sticky-md {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-static-lg {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-fixed-lg {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-absolute-lg {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-relative-lg {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-sticky-lg {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-static-xl {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-fixed-xl {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-absolute-xl {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-relative-xl {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-sticky-xl {
+ position: sticky !important;
+ }
+}
+.u-round-none {
+ border-radius: 0px;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .selector {
- -prop: val;
+.u-round-xs {
+ border-radius: 0.25rem;
}
-.test-output div {
- max-height: 30px;
+
+.u-round-sm {
+ border-radius: 0.5rem;
}
-.test-output body > h1 {
- font-weight: bold;
+
+.u-round-md {
+ border-radius: 0.75rem;
}
-.test-output * + * {
- display: none;
+
+.u-round-lg {
+ border-radius: 1rem;
}
-.test-output i:not(.italic) {
- text-decoration: underline;
+
+.u-round-xl {
+ border-radius: 1.25rem;
+}
+
+.u-round-full {
+ border-radius: 9001px;
+}
+
+.u-shadow-none {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-xs {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-sm {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-md {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-lg {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-xl {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-inset {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-z-n1 {
+ z-index: -1 !important;
+}
+
+.u-z-0 {
+ z-index: 0 !important;
+}
+
+.u-z-1 {
+ z-index: 1 !important;
+}
+
+.u-z-10 {
+ z-index: 10 !important;
+}
+
+.u-z-20 {
+ z-index: 20 !important;
+}
+
+.u-z-30 {
+ z-index: 30 !important;
+}
+
+.u-z-40 {
+ z-index: 40 !important;
+}
+
+.u-z-50 {
+ z-index: 50 !important;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can assert multiple properties within a selector */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .selector {
- width: 10px;
- min-height: 5px;
- max-height: 20px;
-}
-
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .selector {
- width: 10px;
- max-height: 20px;
-}
-
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Module Title */
-/* ---------------------- */
-/* Test: Returns the current module name, prefixed */
-/* ✔ [assert-equal] Returns the current module name, prefixed */
-/* */
-/* # Module: Module Title :: Module Title [Nested] */
-/* ----------------------------------------------- */
-/* Test: Returns a concatenated title of current modules */
-/* ✔ [assert-equal] Returns a concatenated title of current modules */
-/* */
-/* */
-/* */
-/* # Module: Underline */
-/* ------------------- */
-/* Test: Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* */
-/* */
-/* # Module: Test Module */
-/* --------------------- */
-/* Test: Changes the current module context */
-/* ✔ [assert-equal] Changes the current module context */
-/* */
-/* # Module: Test Module :: Nested Unquoted Module Name */
-/* ---------------------------------------------------- */
-/* Test: Don’t barf on unquoted names */
-/* ✔ [assert-true] Please don’t barf on me */
-/* */
-/* */
-/* */
-/* # Module: Describe */
-/* ------------------ */
-/* Test: Changes the current module context */
-/* ✔ [assert-equal] Changes the current module context */
-/* */
-/* */
-/* # Module: Tests */
-/* --------------- */
-/* Test: Test */
-/* ✔ [assert-equal] Changes the current test context */
-/* */
-/* Test: It [alias] */
-/* ✔ [assert-equal] Changes the current test context */
-/* */
-/* */
-/* # Module: Report */
-/* ---------------- */
-/* Test: Output Message */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Fail on Error */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* 1 test failed */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* 1 test failed */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Bad results */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 4 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* The results don’t add up. Are all your tests properly structured? */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 4 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* The results don’t add up. Are all your tests properly structured? */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Report Message */
-/* ------------------------ */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* */
-.not-a-test {
- break: please-no;
-}
-
-/* # Module: Imported $terminal-output setting */
-/* ------------------------------------------- */
-/* Test: Is prefixed as $true-terminal-output */
-/* ✔ [assert-true] Is prefixed as $true-terminal-output */
-/* */
-/* */
-/* # SUMMARY ---------- */
-/* 101 Tests: */
-/* - 84 Passed */
-/* - 0 Failed */
-/* - 17 Output to CSS */
-/* Stats: */
-/* - 39 Modules */
-/* - 101 Tests */
-/* - 129 Assertions */
-/* -------------------- */
\ No newline at end of file
+.u-z-auto {
+ z-index: auto !important;
+}
\ No newline at end of file
diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
index b5673920..78b52e29 100644
--- a/dist/cirrus-core.min.css
+++ b/dist/cirrus-core.min.css
@@ -1,6 +1,6 @@
/*
-* Cirrus 0.7.0
+* Cirrus 0.7.0-patch.1
* Stanley Lim, Copyright 2022
* https://spiderpig86.github.io/Cirrus
*/
-@charset "UTF-8";.test-output{-property1:.3;-property2:.3333333333;-property:value;height:10px;width:20px;height:10px;height:20px}.test-output .other-class{height:10px}.test-output .class{height:10px;height:20px}.test-output .class .other-class{height:10px}@media (min-width:30em){.selector,.test-output{-prop:val}.test-output .selector3{height:10px}}@media (min-width:30em) and (min-width:40em){.test-output .selector,.test-output .selector2{height:10px}}.selector{height:10px}.test-output #id{-prop:value1}.test-output div{-prop:value2;min-height:20px;max-height:30px;max-height:30px}.test-output input[type=text]{color:#663399}.test-output *+*{color:red;display:none;display:none}.test-output i::before{-prop:value3}.test-output div~p{color:green}.test-output i:not(.italic){text-decoration:underline;--custom:val;text-decoration:underline}.test-output .selector{-prop:val;width:10px;min-height:5px;max-height:20px;width:10px;max-height:20px}.test-output body>h1{font-weight:700}.not-a-test{break:please-no}
\ No newline at end of file
+@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700);@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);:root{--cirrus-fg:#0f172a;--cirrus-bg:#ffffff;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:rgba(255, 218, 221, 1);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:rgba(248, 249, 250, 1);--cirrus-form-group-fg:rgba(144, 144, 144, 1);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:0.2s;--focus-opacity:0.55;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.5rem;--cirrus-focus-size:0 0 0.1rem 0.15rem;--cirrus-focus-color:rgba(240, 61, 77, 0.13);--bg-opacity:1;--color-opacity:1;--grid-template-column:repeat(12, minmax(0, 1fr));--grid-column-start:auto;--grid-column-end:auto;--grid-row-start:auto;--grid-row-end:auto}*,::after,::before{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}body,html{border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%;height:auto}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}fieldset{padding:1rem}fieldset legend{font-weight:700}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:var(--cirrus-focus-size) var(--cirrus-focus-color);outline:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes pound{to{transform:scale(1.1)}}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.5}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:80ms}.animated{animation-duration:1s;animation-fill-mode:both}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ced4da;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1rem;width:1rem;left:calc(50% - .8em);top:calc(50% - .7407407407em);position:absolute;animation:.5s linear infinite loading}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left{padding-left:3rem}.animated.loading.loading-left::after{left:1rem;right:auto}.animated.loading.loading-right{padding-right:3rem}.animated.loading.loading-right::after{left:auto;right:1rem}.animated.loading.hide-text{color:transparent!important}.animated.pound{animation:.35s infinite alternate pound;vertical-align:baseline}.animated.bounce{animation-name:bounce;transform-origin:center bottom}.animated.bounceIn{animation-name:bounceIn}.animated.fadeIn{animation-name:fadeIn}.animated.infinite{animation-iteration-count:infinite}.animated.infinite.alternate{animation-direction:alternate}.animated.paused{animation-play-state:paused!important}.animated.pulse{animation:1.25s cubic-bezier(.4,0,.6,1) infinite pulse}.animated.ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}h6{font-size:1.25rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h5{font-size:1.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h4{font-size:1.75rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h3{font-size:2rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:2.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem;letter-spacing:.025rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}.headline-4{font-size:3.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.text-xs{font-size:.75rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.75rem!important}.text-md{font-size:1rem!important;line-height:2rem!important}.text-lg{font-size:1.25rem!important;line-height:2.25rem!important}.text-xl{font-size:1.5rem!important;line-height:2.25rem!important}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{background-color:#f8f9fa;border-left:5px solid #e9ecef;border-radius:3px;margin-bottom:1rem;padding:1rem 2rem}blockquote.text--large{font-size:1.15rem}blockquote p{margin:0}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-primary{font-family:Montserrat}.font-alt,.font-secondary{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:700}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}.font-extrathin{font-weight:100}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.rtl{direction:rtl}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.icon .fa-wrapper{font-size:inherit}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#868e96}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}.tracking-tightest{letter-spacing:-.075em!important}.tracking-tighter{letter-spacing:-.05em!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-normal{letter-spacing:0!important}.tracking-loose{letter-spacing:.025em!important}.tracking-looser{letter-spacing:.05em!important}.tracking-loosest{letter-spacing:.1em!important}@media screen and (max-width:639px){h6{font-size:1rem}h5{font-size:1.25rem}h4{font-size:1.5rem}h3{font-size:1.75rem}h2{font-size:2rem}h1{font-size:2.25rem}.headline-4{font-size:3rem}.headline-3{font-size:3.25rem}.headline-2{font-size:3.5rem}.headline-1{font-size:3.75rem}article,blockquote,p{margin:1rem 0}}.grid{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1{grid-column:span 1/span 1}.grid-r-1{grid-row:span 1/span 1}.grid-cs-1{grid-column-start:1}.grid-ce-1{grid-column-end:2}.grid-rs-1{grid-row-start:1}.grid-re-1{grid-row-end:2}.grid-cols-2{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2{grid-column:span 2/span 2}.grid-r-2{grid-row:span 2/span 2}.grid-cs-2{grid-column-start:2}.grid-ce-2{grid-column-end:3}.grid-rs-2{grid-row-start:2}.grid-re-2{grid-row-end:3}.grid-cols-3{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3{grid-column:span 3/span 3}.grid-r-3{grid-row:span 3/span 3}.grid-cs-3{grid-column-start:3}.grid-ce-3{grid-column-end:4}.grid-rs-3{grid-row-start:3}.grid-re-3{grid-row-end:4}.grid-cols-4{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4{grid-column:span 4/span 4}.grid-r-4{grid-row:span 4/span 4}.grid-cs-4{grid-column-start:4}.grid-ce-4{grid-column-end:5}.grid-rs-4{grid-row-start:4}.grid-re-4{grid-row-end:5}.grid-cols-5{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5{grid-column:span 5/span 5}.grid-r-5{grid-row:span 5/span 5}.grid-cs-5{grid-column-start:5}.grid-ce-5{grid-column-end:6}.grid-rs-5{grid-row-start:5}.grid-re-5{grid-row-end:6}.grid-cols-6{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6{grid-column:span 6/span 6}.grid-r-6{grid-row:span 6/span 6}.grid-cs-6{grid-column-start:6}.grid-ce-6{grid-column-end:7}.grid-rs-6{grid-row-start:6}.grid-re-6{grid-row-end:7}.grid-cols-7{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7{grid-column:span 7/span 7}.grid-r-7{grid-row:span 7/span 7}.grid-cs-7{grid-column-start:7}.grid-ce-7{grid-column-end:8}.grid-rs-7{grid-row-start:7}.grid-re-7{grid-row-end:8}.grid-cols-8{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8{grid-column:span 8/span 8}.grid-r-8{grid-row:span 8/span 8}.grid-cs-8{grid-column-start:8}.grid-ce-8{grid-column-end:9}.grid-rs-8{grid-row-start:8}.grid-re-8{grid-row-end:9}.grid-cols-9{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9{grid-column:span 9/span 9}.grid-r-9{grid-row:span 9/span 9}.grid-cs-9{grid-column-start:9}.grid-ce-9{grid-column-end:10}.grid-rs-9{grid-row-start:9}.grid-re-9{grid-row-end:10}.grid-cols-10{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10{grid-column:span 10/span 10}.grid-r-10{grid-row:span 10/span 10}.grid-cs-10{grid-column-start:10}.grid-ce-10{grid-column-end:11}.grid-rs-10{grid-row-start:10}.grid-re-10{grid-row-end:11}.grid-cols-11{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11{grid-column:span 11/span 11}.grid-r-11{grid-row:span 11/span 11}.grid-cs-11{grid-column-start:11}.grid-ce-11{grid-column-end:12}.grid-rs-11{grid-row-start:11}.grid-re-11{grid-row-end:12}.grid-cols-12{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12{grid-column:span 12/span 12}.grid-r-12{grid-row:span 12/span 12}.grid-cs-12{grid-column-start:12}.grid-ce-12{grid-column-end:13}.grid-rs-12{grid-row-start:12}.grid-re-12{grid-row-end:13}.grid-ce-end{grid-column-end:-1}.grid-re-end{grid-row-end:-1}.grid-ce-auto{grid-column-end:auto}.grid-re-auto{grid-row-end:auto}@media screen and (min-width:640px){.grid-sm{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-sm{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-sm{grid-column:span 1/span 1}.grid-r-1-sm{grid-row:span 1/span 1}.grid-cs-1-sm{grid-column-start:1}.grid-ce-1-sm{grid-column-end:2}.grid-rs-1-sm{grid-row-start:1}.grid-re-1-sm{grid-row-end:2}.grid-cols-2-sm{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-sm{grid-column:span 2/span 2}.grid-r-2-sm{grid-row:span 2/span 2}.grid-cs-2-sm{grid-column-start:2}.grid-ce-2-sm{grid-column-end:3}.grid-rs-2-sm{grid-row-start:2}.grid-re-2-sm{grid-row-end:3}.grid-cols-3-sm{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-sm{grid-column:span 3/span 3}.grid-r-3-sm{grid-row:span 3/span 3}.grid-cs-3-sm{grid-column-start:3}.grid-ce-3-sm{grid-column-end:4}.grid-rs-3-sm{grid-row-start:3}.grid-re-3-sm{grid-row-end:4}.grid-cols-4-sm{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-sm{grid-column:span 4/span 4}.grid-r-4-sm{grid-row:span 4/span 4}.grid-cs-4-sm{grid-column-start:4}.grid-ce-4-sm{grid-column-end:5}.grid-rs-4-sm{grid-row-start:4}.grid-re-4-sm{grid-row-end:5}.grid-cols-5-sm{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-sm{grid-column:span 5/span 5}.grid-r-5-sm{grid-row:span 5/span 5}.grid-cs-5-sm{grid-column-start:5}.grid-ce-5-sm{grid-column-end:6}.grid-rs-5-sm{grid-row-start:5}.grid-re-5-sm{grid-row-end:6}.grid-cols-6-sm{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-sm{grid-column:span 6/span 6}.grid-r-6-sm{grid-row:span 6/span 6}.grid-cs-6-sm{grid-column-start:6}.grid-ce-6-sm{grid-column-end:7}.grid-rs-6-sm{grid-row-start:6}.grid-re-6-sm{grid-row-end:7}.grid-cols-7-sm{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-sm{grid-column:span 7/span 7}.grid-r-7-sm{grid-row:span 7/span 7}.grid-cs-7-sm{grid-column-start:7}.grid-ce-7-sm{grid-column-end:8}.grid-rs-7-sm{grid-row-start:7}.grid-re-7-sm{grid-row-end:8}.grid-cols-8-sm{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-sm{grid-column:span 8/span 8}.grid-r-8-sm{grid-row:span 8/span 8}.grid-cs-8-sm{grid-column-start:8}.grid-ce-8-sm{grid-column-end:9}.grid-rs-8-sm{grid-row-start:8}.grid-re-8-sm{grid-row-end:9}.grid-cols-9-sm{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-sm{grid-column:span 9/span 9}.grid-r-9-sm{grid-row:span 9/span 9}.grid-cs-9-sm{grid-column-start:9}.grid-ce-9-sm{grid-column-end:10}.grid-rs-9-sm{grid-row-start:9}.grid-re-9-sm{grid-row-end:10}.grid-cols-10-sm{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-sm{grid-column:span 10/span 10}.grid-r-10-sm{grid-row:span 10/span 10}.grid-cs-10-sm{grid-column-start:10}.grid-ce-10-sm{grid-column-end:11}.grid-rs-10-sm{grid-row-start:10}.grid-re-10-sm{grid-row-end:11}.grid-cols-11-sm{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-sm{grid-column:span 11/span 11}.grid-r-11-sm{grid-row:span 11/span 11}.grid-cs-11-sm{grid-column-start:11}.grid-ce-11-sm{grid-column-end:12}.grid-rs-11-sm{grid-row-start:11}.grid-re-11-sm{grid-row-end:12}.grid-cols-12-sm{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-sm{grid-column:span 12/span 12}.grid-r-12-sm{grid-row:span 12/span 12}.grid-cs-12-sm{grid-column-start:12}.grid-ce-12-sm{grid-column-end:13}.grid-rs-12-sm{grid-row-start:12}.grid-re-12-sm{grid-row-end:13}.grid-ce-end-sm{grid-column-end:-1}.grid-re-end-sm{grid-row-end:-1}.grid-ce-auto-sm{grid-column-end:auto}.grid-re-auto-sm{grid-row-end:auto}}@media screen and (min-width:768px){.grid-md{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-md{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-md{grid-column:span 1/span 1}.grid-r-1-md{grid-row:span 1/span 1}.grid-cs-1-md{grid-column-start:1}.grid-ce-1-md{grid-column-end:2}.grid-rs-1-md{grid-row-start:1}.grid-re-1-md{grid-row-end:2}.grid-cols-2-md{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-md{grid-column:span 2/span 2}.grid-r-2-md{grid-row:span 2/span 2}.grid-cs-2-md{grid-column-start:2}.grid-ce-2-md{grid-column-end:3}.grid-rs-2-md{grid-row-start:2}.grid-re-2-md{grid-row-end:3}.grid-cols-3-md{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-md{grid-column:span 3/span 3}.grid-r-3-md{grid-row:span 3/span 3}.grid-cs-3-md{grid-column-start:3}.grid-ce-3-md{grid-column-end:4}.grid-rs-3-md{grid-row-start:3}.grid-re-3-md{grid-row-end:4}.grid-cols-4-md{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-md{grid-column:span 4/span 4}.grid-r-4-md{grid-row:span 4/span 4}.grid-cs-4-md{grid-column-start:4}.grid-ce-4-md{grid-column-end:5}.grid-rs-4-md{grid-row-start:4}.grid-re-4-md{grid-row-end:5}.grid-cols-5-md{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-md{grid-column:span 5/span 5}.grid-r-5-md{grid-row:span 5/span 5}.grid-cs-5-md{grid-column-start:5}.grid-ce-5-md{grid-column-end:6}.grid-rs-5-md{grid-row-start:5}.grid-re-5-md{grid-row-end:6}.grid-cols-6-md{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-md{grid-column:span 6/span 6}.grid-r-6-md{grid-row:span 6/span 6}.grid-cs-6-md{grid-column-start:6}.grid-ce-6-md{grid-column-end:7}.grid-rs-6-md{grid-row-start:6}.grid-re-6-md{grid-row-end:7}.grid-cols-7-md{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-md{grid-column:span 7/span 7}.grid-r-7-md{grid-row:span 7/span 7}.grid-cs-7-md{grid-column-start:7}.grid-ce-7-md{grid-column-end:8}.grid-rs-7-md{grid-row-start:7}.grid-re-7-md{grid-row-end:8}.grid-cols-8-md{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-md{grid-column:span 8/span 8}.grid-r-8-md{grid-row:span 8/span 8}.grid-cs-8-md{grid-column-start:8}.grid-ce-8-md{grid-column-end:9}.grid-rs-8-md{grid-row-start:8}.grid-re-8-md{grid-row-end:9}.grid-cols-9-md{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-md{grid-column:span 9/span 9}.grid-r-9-md{grid-row:span 9/span 9}.grid-cs-9-md{grid-column-start:9}.grid-ce-9-md{grid-column-end:10}.grid-rs-9-md{grid-row-start:9}.grid-re-9-md{grid-row-end:10}.grid-cols-10-md{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-md{grid-column:span 10/span 10}.grid-r-10-md{grid-row:span 10/span 10}.grid-cs-10-md{grid-column-start:10}.grid-ce-10-md{grid-column-end:11}.grid-rs-10-md{grid-row-start:10}.grid-re-10-md{grid-row-end:11}.grid-cols-11-md{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-md{grid-column:span 11/span 11}.grid-r-11-md{grid-row:span 11/span 11}.grid-cs-11-md{grid-column-start:11}.grid-ce-11-md{grid-column-end:12}.grid-rs-11-md{grid-row-start:11}.grid-re-11-md{grid-row-end:12}.grid-cols-12-md{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-md{grid-column:span 12/span 12}.grid-r-12-md{grid-row:span 12/span 12}.grid-cs-12-md{grid-column-start:12}.grid-ce-12-md{grid-column-end:13}.grid-rs-12-md{grid-row-start:12}.grid-re-12-md{grid-row-end:13}.grid-ce-end-md{grid-column-end:-1}.grid-re-end-md{grid-row-end:-1}.grid-ce-auto-md{grid-column-end:auto}.grid-re-auto-md{grid-row-end:auto}}section{display:block}.content{max-width:48em;margin:0 auto 1.5em;width:100%}@media screen and (min-width:1024px){.grid-lg{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-lg{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-lg{grid-column:span 1/span 1}.grid-r-1-lg{grid-row:span 1/span 1}.grid-cs-1-lg{grid-column-start:1}.grid-ce-1-lg{grid-column-end:2}.grid-rs-1-lg{grid-row-start:1}.grid-re-1-lg{grid-row-end:2}.grid-cols-2-lg{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-lg{grid-column:span 2/span 2}.grid-r-2-lg{grid-row:span 2/span 2}.grid-cs-2-lg{grid-column-start:2}.grid-ce-2-lg{grid-column-end:3}.grid-rs-2-lg{grid-row-start:2}.grid-re-2-lg{grid-row-end:3}.grid-cols-3-lg{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-lg{grid-column:span 3/span 3}.grid-r-3-lg{grid-row:span 3/span 3}.grid-cs-3-lg{grid-column-start:3}.grid-ce-3-lg{grid-column-end:4}.grid-rs-3-lg{grid-row-start:3}.grid-re-3-lg{grid-row-end:4}.grid-cols-4-lg{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-lg{grid-column:span 4/span 4}.grid-r-4-lg{grid-row:span 4/span 4}.grid-cs-4-lg{grid-column-start:4}.grid-ce-4-lg{grid-column-end:5}.grid-rs-4-lg{grid-row-start:4}.grid-re-4-lg{grid-row-end:5}.grid-cols-5-lg{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-lg{grid-column:span 5/span 5}.grid-r-5-lg{grid-row:span 5/span 5}.grid-cs-5-lg{grid-column-start:5}.grid-ce-5-lg{grid-column-end:6}.grid-rs-5-lg{grid-row-start:5}.grid-re-5-lg{grid-row-end:6}.grid-cols-6-lg{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-lg{grid-column:span 6/span 6}.grid-r-6-lg{grid-row:span 6/span 6}.grid-cs-6-lg{grid-column-start:6}.grid-ce-6-lg{grid-column-end:7}.grid-rs-6-lg{grid-row-start:6}.grid-re-6-lg{grid-row-end:7}.grid-cols-7-lg{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-lg{grid-column:span 7/span 7}.grid-r-7-lg{grid-row:span 7/span 7}.grid-cs-7-lg{grid-column-start:7}.grid-ce-7-lg{grid-column-end:8}.grid-rs-7-lg{grid-row-start:7}.grid-re-7-lg{grid-row-end:8}.grid-cols-8-lg{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-lg{grid-column:span 8/span 8}.grid-r-8-lg{grid-row:span 8/span 8}.grid-cs-8-lg{grid-column-start:8}.grid-ce-8-lg{grid-column-end:9}.grid-rs-8-lg{grid-row-start:8}.grid-re-8-lg{grid-row-end:9}.grid-cols-9-lg{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-lg{grid-column:span 9/span 9}.grid-r-9-lg{grid-row:span 9/span 9}.grid-cs-9-lg{grid-column-start:9}.grid-ce-9-lg{grid-column-end:10}.grid-rs-9-lg{grid-row-start:9}.grid-re-9-lg{grid-row-end:10}.grid-cols-10-lg{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-lg{grid-column:span 10/span 10}.grid-r-10-lg{grid-row:span 10/span 10}.grid-cs-10-lg{grid-column-start:10}.grid-ce-10-lg{grid-column-end:11}.grid-rs-10-lg{grid-row-start:10}.grid-re-10-lg{grid-row-end:11}.grid-cols-11-lg{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-lg{grid-column:span 11/span 11}.grid-r-11-lg{grid-row:span 11/span 11}.grid-cs-11-lg{grid-column-start:11}.grid-ce-11-lg{grid-column-end:12}.grid-rs-11-lg{grid-row-start:11}.grid-re-11-lg{grid-row-end:12}.grid-cols-12-lg{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-lg{grid-column:span 12/span 12}.grid-r-12-lg{grid-row:span 12/span 12}.grid-cs-12-lg{grid-column-start:12}.grid-ce-12-lg{grid-column-end:13}.grid-rs-12-lg{grid-row-start:12}.grid-re-12-lg{grid-row-end:13}.grid-ce-end-lg{grid-column-end:-1}.grid-re-end-lg{grid-row-end:-1}.grid-ce-auto-lg{grid-column-end:auto}.grid-re-auto-lg{grid-row-end:auto}.content{max-width:64em}}@media screen and (min-width:1280px){.grid-xl{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-xl{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-xl{grid-column:span 1/span 1}.grid-r-1-xl{grid-row:span 1/span 1}.grid-cs-1-xl{grid-column-start:1}.grid-ce-1-xl{grid-column-end:2}.grid-rs-1-xl{grid-row-start:1}.grid-re-1-xl{grid-row-end:2}.grid-cols-2-xl{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-xl{grid-column:span 2/span 2}.grid-r-2-xl{grid-row:span 2/span 2}.grid-cs-2-xl{grid-column-start:2}.grid-ce-2-xl{grid-column-end:3}.grid-rs-2-xl{grid-row-start:2}.grid-re-2-xl{grid-row-end:3}.grid-cols-3-xl{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-xl{grid-column:span 3/span 3}.grid-r-3-xl{grid-row:span 3/span 3}.grid-cs-3-xl{grid-column-start:3}.grid-ce-3-xl{grid-column-end:4}.grid-rs-3-xl{grid-row-start:3}.grid-re-3-xl{grid-row-end:4}.grid-cols-4-xl{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-xl{grid-column:span 4/span 4}.grid-r-4-xl{grid-row:span 4/span 4}.grid-cs-4-xl{grid-column-start:4}.grid-ce-4-xl{grid-column-end:5}.grid-rs-4-xl{grid-row-start:4}.grid-re-4-xl{grid-row-end:5}.grid-cols-5-xl{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-xl{grid-column:span 5/span 5}.grid-r-5-xl{grid-row:span 5/span 5}.grid-cs-5-xl{grid-column-start:5}.grid-ce-5-xl{grid-column-end:6}.grid-rs-5-xl{grid-row-start:5}.grid-re-5-xl{grid-row-end:6}.grid-cols-6-xl{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-xl{grid-column:span 6/span 6}.grid-r-6-xl{grid-row:span 6/span 6}.grid-cs-6-xl{grid-column-start:6}.grid-ce-6-xl{grid-column-end:7}.grid-rs-6-xl{grid-row-start:6}.grid-re-6-xl{grid-row-end:7}.grid-cols-7-xl{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-xl{grid-column:span 7/span 7}.grid-r-7-xl{grid-row:span 7/span 7}.grid-cs-7-xl{grid-column-start:7}.grid-ce-7-xl{grid-column-end:8}.grid-rs-7-xl{grid-row-start:7}.grid-re-7-xl{grid-row-end:8}.grid-cols-8-xl{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-xl{grid-column:span 8/span 8}.grid-r-8-xl{grid-row:span 8/span 8}.grid-cs-8-xl{grid-column-start:8}.grid-ce-8-xl{grid-column-end:9}.grid-rs-8-xl{grid-row-start:8}.grid-re-8-xl{grid-row-end:9}.grid-cols-9-xl{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-xl{grid-column:span 9/span 9}.grid-r-9-xl{grid-row:span 9/span 9}.grid-cs-9-xl{grid-column-start:9}.grid-ce-9-xl{grid-column-end:10}.grid-rs-9-xl{grid-row-start:9}.grid-re-9-xl{grid-row-end:10}.grid-cols-10-xl{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-xl{grid-column:span 10/span 10}.grid-r-10-xl{grid-row:span 10/span 10}.grid-cs-10-xl{grid-column-start:10}.grid-ce-10-xl{grid-column-end:11}.grid-rs-10-xl{grid-row-start:10}.grid-re-10-xl{grid-row-end:11}.grid-cols-11-xl{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-xl{grid-column:span 11/span 11}.grid-r-11-xl{grid-row:span 11/span 11}.grid-cs-11-xl{grid-column-start:11}.grid-ce-11-xl{grid-column-end:12}.grid-rs-11-xl{grid-row-start:11}.grid-re-11-xl{grid-row-end:12}.grid-cols-12-xl{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-xl{grid-column:span 12/span 12}.grid-r-12-xl{grid-row:span 12/span 12}.grid-cs-12-xl{grid-column-start:12}.grid-ce-12-xl{grid-column-end:13}.grid-rs-12-xl{grid-row-start:12}.grid-re-12-xl{grid-row-end:13}.grid-ce-end-xl{grid-column-end:-1}.grid-re-end-xl{grid-row-end:-1}.grid-ce-auto-xl{grid-column-end:auto}.grid-re-auto-xl{grid-row-end:auto}.content{max-width:80em}}.fullscreen{top:0;right:0;bottom:0;left:0;min-height:100vh}.divider{border-top:.05rem solid rgba(173,181,189,.5);height:.1rem;margin:1.8rem 0 1.6rem;position:relative}.divider[data-content]{margin:.8rem 0}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#adb5bd;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v,.divider--v[data-content]{display:block;padding:.8rem}.divider--v::before,.divider--v[data-content]::before{border-left:.05rem solid rgba(173,181,189,.5);bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{align-items:stretch;display:flex;justify-content:space-between}.hero .hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.space--lg{padding:1rem 0}.space.space--xl{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0;display:flex}.row::after{content:"";clear:both;display:table}.row.row--no-wrap{flex-wrap:nowrap;overflow-x:auto}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row.divided [class*=" col"],.row.divided [class^=col]{box-shadow:0 -1px 0 0 rgba(173,181,189,.5)}.row [class*=" col-"],.row [class^=col-]{width:100%;margin-left:0;padding:0 .5rem}@media screen and (min-width:768px){.row .col-1{width:8.3333333333%}.row .col-2{width:16.6666666667%}.row .col-3{width:25%}.row .col-4{width:33.3333333333%}.row .col-5{width:41.6666666667%}.row .col-6{width:50%}.row .col-7{width:58.3333333333%}.row .col-8{width:66.6666666667%}.row .col-9{width:75%}.row .col-10{width:83.3333333333%}.row .col-11{width:91.6666666667%}.row .col-12{width:100%}}@media screen and (min-width:640px){.row .col-xs-1{width:8.3333333333%}.row .col-xs-2{width:16.6666666667%}.row .col-xs-3{width:25%}.row .col-xs-4{width:33.3333333333%}.row .col-xs-5{width:41.6666666667%}.row .col-xs-6{width:50%}.row .col-xs-7{width:58.3333333333%}.row .col-xs-8{width:66.6666666667%}.row .col-xs-9{width:75%}.row .col-xs-10{width:83.3333333333%}.row .col-xs-11{width:91.6666666667%}.row .col-xs-12{width:100%}.row .offset-1{margin-left:8.3333333333%}}@media screen and (min-width:768px){.row .col-sm-1{width:8.3333333333%}.row .col-sm-2{width:16.6666666667%}.row .col-sm-3{width:25%}.row .col-sm-4{width:33.3333333333%}.row .col-sm-5{width:41.6666666667%}.row .col-sm-6{width:50%}.row .col-sm-7{width:58.3333333333%}.row .col-sm-8{width:66.6666666667%}.row .col-sm-9{width:75%}.row .col-sm-10{width:83.3333333333%}.row .col-sm-11{width:91.6666666667%}.row .col-sm-12{width:100%}}@media screen and (min-width:1024px){.row .col-md-1{width:8.3333333333%}.row .col-md-2{width:16.6666666667%}.row .col-md-3{width:25%}.row .col-md-4{width:33.3333333333%}.row .col-md-5{width:41.6666666667%}.row .col-md-6{width:50%}.row .col-md-7{width:58.3333333333%}.row .col-md-8{width:66.6666666667%}.row .col-md-9{width:75%}.row .col-md-10{width:83.3333333333%}.row .col-md-11{width:91.6666666667%}.row .col-md-12{width:100%}}@media screen and (min-width:1280px){.row .col-lg-1{width:8.3333333333%}.row .col-lg-2{width:16.6666666667%}.row .col-lg-3{width:25%}.row .col-lg-4{width:33.3333333333%}.row .col-lg-5{width:41.6666666667%}.row .col-lg-6{width:50%}.row .col-lg-7{width:58.3333333333%}.row .col-lg-8{width:66.6666666667%}.row .col-lg-9{width:75%}.row .col-lg-10{width:83.3333333333%}.row .col-lg-11{width:91.6666666667%}.row .col-lg-12{width:100%}}@media screen and (min-width:1536px){.content{max-width:96em}.row .col-xl-1{width:8.3333333333%}.row .col-xl-2{width:16.6666666667%}.row .col-xl-3{width:25%}.row .col-xl-4{width:33.3333333333%}.row .col-xl-5{width:41.6666666667%}.row .col-xl-6{width:50%}.row .col-xl-7{width:58.3333333333%}.row .col-xl-8{width:66.6666666667%}.row .col-xl-9{width:75%}.row .col-xl-10{width:83.3333333333%}.row .col-xl-11{width:91.6666666667%}.row .col-xl-12{width:100%}}.row.no-space [class*=" col-"],.row.no-space [class^=col-]{padding:0}.r{max-width:100%;padding:.5rem}.level{align-items:center;justify-content:space-between}.level .level-item{align-items:center;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.level .level-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:left;width:100%}.h-0{height:0!important}.h-10p{height:10%!important}.h-20p{height:20%!important}.h-30p{height:30%!important}.h-40p{height:40%!important}.h-50p{height:50%!important}.h-60p{height:60%!important}.h-70p{height:70%!important}.h-80p{height:80%!important}.h-90p{height:90%!important}.h-100p{height:100%!important}.h-auto{height:auto!important}.h-screen{height:100vh!important}.w-0{width:0!important}.w-10p{width:10%!important}.w-20p{width:20%!important}.w-30p{width:30%!important}.w-40p{width:40%!important}.w-50p{width:50%!important}.w-60p{width:60%!important}.w-70p{width:70%!important}.w-80p{width:80%!important}.w-90p{width:90%!important}.w-100p{width:100%!important}.w-auto{width:auto!important}.w-screen{width:100vw!important}@media screen and (min-width:640px){.row .offset-2{margin-left:16.6666666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.3333333333%}.row .offset-5{margin-left:41.6666666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.3333333333%}.row .offset-8{margin-left:66.6666666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.3333333333%}.row .offset-11{margin-left:91.6666666667%}.row .offset-12{margin-left:100%}.h-0-sm{height:0!important}.h-10p-sm{height:10%!important}.h-20p-sm{height:20%!important}.h-30p-sm{height:30%!important}.h-40p-sm{height:40%!important}.h-50p-sm{height:50%!important}.h-60p-sm{height:60%!important}.h-70p-sm{height:70%!important}.h-80p-sm{height:80%!important}.h-90p-sm{height:90%!important}.h-100p-sm{height:100%!important}.h-auto-sm{height:auto!important}.h-screen-sm{height:100vh!important}.w-0-sm{width:0!important}.w-10p-sm{width:10%!important}.w-20p-sm{width:20%!important}.w-30p-sm{width:30%!important}.w-40p-sm{width:40%!important}.w-50p-sm{width:50%!important}.w-60p-sm{width:60%!important}.w-70p-sm{width:70%!important}.w-80p-sm{width:80%!important}.w-90p-sm{width:90%!important}.w-100p-sm{width:100%!important}.w-auto-sm{width:auto!important}.w-screen-sm{width:100vw!important}}@media screen and (min-width:768px){.h-0-md{height:0!important}.h-10p-md{height:10%!important}.h-20p-md{height:20%!important}.h-30p-md{height:30%!important}.h-40p-md{height:40%!important}.h-50p-md{height:50%!important}.h-60p-md{height:60%!important}.h-70p-md{height:70%!important}.h-80p-md{height:80%!important}.h-90p-md{height:90%!important}.h-100p-md{height:100%!important}.h-auto-md{height:auto!important}.h-screen-md{height:100vh!important}.w-0-md{width:0!important}.w-10p-md{width:10%!important}.w-20p-md{width:20%!important}.w-30p-md{width:30%!important}.w-40p-md{width:40%!important}.w-50p-md{width:50%!important}.w-60p-md{width:60%!important}.w-70p-md{width:70%!important}.w-80p-md{width:80%!important}.w-90p-md{width:90%!important}.w-100p-md{width:100%!important}.w-auto-md{width:auto!important}.w-screen-md{width:100vw!important}.level,.level-left,.level-right{display:flex}}@media screen and (min-width:1024px){.h-0-lg{height:0!important}.h-10p-lg{height:10%!important}.h-20p-lg{height:20%!important}.h-30p-lg{height:30%!important}.h-40p-lg{height:40%!important}.h-50p-lg{height:50%!important}.h-60p-lg{height:60%!important}.h-70p-lg{height:70%!important}.h-80p-lg{height:80%!important}.h-90p-lg{height:90%!important}.h-100p-lg{height:100%!important}.h-auto-lg{height:auto!important}.h-screen-lg{height:100vh!important}.w-0-lg{width:0!important}.w-10p-lg{width:10%!important}.w-20p-lg{width:20%!important}.w-30p-lg{width:30%!important}.w-40p-lg{width:40%!important}.w-50p-lg{width:50%!important}.w-60p-lg{width:60%!important}.w-70p-lg{width:70%!important}.w-80p-lg{width:80%!important}.w-90p-lg{width:90%!important}.w-100p-lg{width:100%!important}.w-auto-lg{width:auto!important}.w-screen-lg{width:100vw!important}}@media screen and (min-width:1280px){.h-0-xl{height:0!important}.h-10p-xl{height:10%!important}.h-20p-xl{height:20%!important}.h-30p-xl{height:30%!important}.h-40p-xl{height:40%!important}.h-50p-xl{height:50%!important}.h-60p-xl{height:60%!important}.h-70p-xl{height:70%!important}.h-80p-xl{height:80%!important}.h-90p-xl{height:90%!important}.h-100p-xl{height:100%!important}.h-auto-xl{height:auto!important}.h-screen-xl{height:100vh!important}.w-0-xl{width:0!important}.w-10p-xl{width:10%!important}.w-20p-xl{width:20%!important}.w-30p-xl{width:30%!important}.w-40p-xl{width:40%!important}.w-50p-xl{width:50%!important}.w-60p-xl{width:60%!important}.w-70p-xl{width:70%!important}.w-80p-xl{width:80%!important}.w-90p-xl{width:90%!important}.w-100p-xl{width:100%!important}.w-auto-xl{width:auto!important}.w-screen-xl{width:100vw!important}}.min-h-0{min-height:0!important}.min-h-10p{min-height:10%!important}.min-h-20p{min-height:20%!important}.min-h-30p{min-height:30%!important}.min-h-40p{min-height:40%!important}.min-h-50p{min-height:50%!important}.min-h-60p{min-height:60%!important}.min-h-70p{min-height:70%!important}.min-h-80p{min-height:80%!important}.min-h-90p{min-height:90%!important}.min-h-100p{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-10p{min-width:10%!important}.min-w-20p{min-width:20%!important}.min-w-30p{min-width:30%!important}.min-w-40p{min-width:40%!important}.min-w-50p{min-width:50%!important}.min-w-60p{min-width:60%!important}.min-w-70p{min-width:70%!important}.min-w-80p{min-width:80%!important}.min-w-90p{min-width:90%!important}.min-w-100p{min-width:100%!important}.min-w-screen{min-width:100vw!important}.max-h-none{max-height:none!important}.max-h-10p{max-height:10%!important}.max-h-20p{max-height:20%!important}.max-h-30p{max-height:30%!important}.max-h-40p{max-height:40%!important}.max-h-50p{max-height:50%!important}.max-h-60p{max-height:60%!important}.max-h-70p{max-height:70%!important}.max-h-80p{max-height:80%!important}.max-h-90p{max-height:90%!important}.max-h-100p{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-none{max-width:none!important}.max-w-10p{max-width:10%!important}.max-w-20p{max-width:20%!important}.max-w-30p{max-width:30%!important}.max-w-40p{max-width:40%!important}.max-w-50p{max-width:50%!important}.max-w-60p{max-width:60%!important}.max-w-70p{max-width:70%!important}.max-w-80p{max-width:80%!important}.max-w-90p{max-width:90%!important}.max-w-100p{max-width:100%!important}.max-w-screen{max-width:100vw!important}@media screen and (max-width:767px){.level-right{margin-left:1rem}.level.fill-height{align-items:stretch;display:flex;display:inherit}.container{width:100%}.row{margin-top:0}.divided>.row [class*=" col-"],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.hero-body{padding:0}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.btn.btn--pilled,[type=button].btn--pilled,[type=reset].btn--pilled,[type=submit].btn--pilled,button.btn--pilled{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn.btn--circle,[type=button].btn--circle,[type=reset].btn--circle,[type=submit].btn--circle,button.btn--circle{border-radius:100%;min-width:60px;overflow:hidden;padding:0;text-align:center}.btn.btn--circle:before,[type=button].btn--circle:before,[type=reset].btn--circle:before,[type=submit].btn--circle:before,button.btn--circle:before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}.btn.btn--circle *,[type=button].btn--circle *,[type=reset].btn--circle *,[type=submit].btn--circle *,button.btn--circle *{display:inline;max-width:90%;vertical-align:middle;white-space:pre-wrap}.input-control--pilled{border-radius:6.25rem!important}.bg-primary{background-color:rgba(240,61,77,var(--bg-opacity))!important}.text-primary{border-color:rgba(240,61,77,var(--color-opacity))!important;color:rgba(240,61,77,var(--color-opacity))!important}.bg-success{background-color:rgba(13,209,87,var(--bg-opacity))!important}.text-success{border-color:rgba(13,209,87,var(--color-opacity))!important;color:rgba(13,209,87,var(--color-opacity))!important}.bg-warning{background-color:rgba(250,182,51,var(--bg-opacity))!important}.text-warning{border-color:rgba(250,182,51,var(--color-opacity))!important;color:rgba(250,182,51,var(--color-opacity))!important}.bg-danger{background-color:rgba(251,65,67,var(--bg-opacity))!important}.text-danger{border-color:rgba(251,65,67,var(--color-opacity))!important;color:rgba(251,65,67,var(--color-opacity))!important}.bg-light{background-color:rgba(246,249,252,var(--bg-opacity))!important}.text-light{border-color:rgba(246,249,252,var(--color-opacity))!important;color:rgba(246,249,252,var(--color-opacity))!important}.bg-dark{background-color:rgba(54,54,54,var(--bg-opacity))!important}.text-dark{border-color:rgba(54,54,54,var(--color-opacity))!important;color:rgba(54,54,54,var(--color-opacity))!important}.bg-link{background-color:rgba(94,92,199,var(--bg-opacity))!important}.text-link{border-color:rgba(94,92,199,var(--color-opacity))!important;color:rgba(94,92,199,var(--color-opacity))!important}.bg-link-dark{background-color:rgba(70,67,226,var(--bg-opacity))!important}.text-link-dark{border-color:rgba(70,67,226,var(--color-opacity))!important;color:rgba(70,67,226,var(--color-opacity))!important}.bg-info{background-color:rgba(41,114,250,var(--bg-opacity))!important}.text-info{border-color:rgba(41,114,250,var(--color-opacity))!important;color:rgba(41,114,250,var(--color-opacity))!important}.bg-black{background-color:rgba(0,0,0,var(--bg-opacity))!important}.text-black{border-color:rgba(0,0,0,var(--color-opacity))!important;color:rgba(0,0,0,var(--color-opacity))!important}.bg-white{background-color:rgba(255,255,255,var(--bg-opacity))!important}.text-white{border-color:rgba(255,255,255,var(--color-opacity))!important;color:rgba(255,255,255,var(--color-opacity))!important}.bg-transparent{background-color:transparent!important}.text-transparent{border-color:transparent!important;color:transparent!important}.bg-pink-100{background-color:rgba(252,232,243,var(--bg-opacity))!important}.text-pink-100{border-color:rgba(252,232,243,var(--color-opacity))!important;color:rgba(252,232,243,var(--color-opacity))!important}.bg-pink-200{background-color:rgba(250,209,232,var(--bg-opacity))!important}.text-pink-200{border-color:rgba(250,209,232,var(--color-opacity))!important;color:rgba(250,209,232,var(--color-opacity))!important}.bg-pink-300{background-color:rgba(248,180,217,var(--bg-opacity))!important}.text-pink-300{border-color:rgba(248,180,217,var(--color-opacity))!important;color:rgba(248,180,217,var(--color-opacity))!important}.bg-pink-400{background-color:rgba(241,126,184,var(--bg-opacity))!important}.text-pink-400{border-color:rgba(241,126,184,var(--color-opacity))!important;color:rgba(241,126,184,var(--color-opacity))!important}.bg-pink-500{background-color:rgba(231,70,148,var(--bg-opacity))!important}.text-pink-500{border-color:rgba(231,70,148,var(--color-opacity))!important;color:rgba(231,70,148,var(--color-opacity))!important}.bg-pink-600{background-color:rgba(214,31,105,var(--bg-opacity))!important}.text-pink-600{border-color:rgba(214,31,105,var(--color-opacity))!important;color:rgba(214,31,105,var(--color-opacity))!important}.bg-pink-700{background-color:rgba(191,18,93,var(--bg-opacity))!important}.text-pink-700{border-color:rgba(191,18,93,var(--color-opacity))!important;color:rgba(191,18,93,var(--color-opacity))!important}.bg-pink-800{background-color:rgba(153,21,75,var(--bg-opacity))!important}.text-pink-800{border-color:rgba(153,21,75,var(--color-opacity))!important;color:rgba(153,21,75,var(--color-opacity))!important}.bg-pink-900{background-color:rgba(117,26,61,var(--bg-opacity))!important}.text-pink-900{border-color:rgba(117,26,61,var(--color-opacity))!important;color:rgba(117,26,61,var(--color-opacity))!important}.bg-red-100{background-color:rgba(253,232,232,var(--bg-opacity))!important}.text-red-100{border-color:rgba(253,232,232,var(--color-opacity))!important;color:rgba(253,232,232,var(--color-opacity))!important}.bg-red-200{background-color:rgba(251,213,213,var(--bg-opacity))!important}.text-red-200{border-color:rgba(251,213,213,var(--color-opacity))!important;color:rgba(251,213,213,var(--color-opacity))!important}.bg-red-300{background-color:rgba(248,180,180,var(--bg-opacity))!important}.text-red-300{border-color:rgba(248,180,180,var(--color-opacity))!important;color:rgba(248,180,180,var(--color-opacity))!important}.bg-red-400{background-color:rgba(249,128,128,var(--bg-opacity))!important}.text-red-400{border-color:rgba(249,128,128,var(--color-opacity))!important;color:rgba(249,128,128,var(--color-opacity))!important}.bg-red-500{background-color:rgba(240,82,82,var(--bg-opacity))!important}.text-red-500{border-color:rgba(240,82,82,var(--color-opacity))!important;color:rgba(240,82,82,var(--color-opacity))!important}.bg-red-600{background-color:rgba(224,36,36,var(--bg-opacity))!important}.text-red-600{border-color:rgba(224,36,36,var(--color-opacity))!important;color:rgba(224,36,36,var(--color-opacity))!important}.bg-red-700{background-color:rgba(200,30,30,var(--bg-opacity))!important}.text-red-700{border-color:rgba(200,30,30,var(--color-opacity))!important;color:rgba(200,30,30,var(--color-opacity))!important}.bg-red-800{background-color:rgba(155,28,28,var(--bg-opacity))!important}.text-red-800{border-color:rgba(155,28,28,var(--color-opacity))!important;color:rgba(155,28,28,var(--color-opacity))!important}.bg-red-900{background-color:rgba(119,29,29,var(--bg-opacity))!important}.text-red-900{border-color:rgba(119,29,29,var(--color-opacity))!important;color:rgba(119,29,29,var(--color-opacity))!important}.bg-orange-100{background-color:rgba(254,236,220,var(--bg-opacity))!important}.text-orange-100{border-color:rgba(254,236,220,var(--color-opacity))!important;color:rgba(254,236,220,var(--color-opacity))!important}.bg-orange-200{background-color:rgba(252,217,189,var(--bg-opacity))!important}.text-orange-200{border-color:rgba(252,217,189,var(--color-opacity))!important;color:rgba(252,217,189,var(--color-opacity))!important}.bg-orange-300{background-color:rgba(253,186,140,var(--bg-opacity))!important}.text-orange-300{border-color:rgba(253,186,140,var(--color-opacity))!important;color:rgba(253,186,140,var(--color-opacity))!important}.bg-orange-400{background-color:rgba(255,138,76,var(--bg-opacity))!important}.text-orange-400{border-color:rgba(255,138,76,var(--color-opacity))!important;color:rgba(255,138,76,var(--color-opacity))!important}.bg-orange-500{background-color:rgba(255,90,31,var(--bg-opacity))!important}.text-orange-500{border-color:rgba(255,90,31,var(--color-opacity))!important;color:rgba(255,90,31,var(--color-opacity))!important}.bg-orange-600{background-color:rgba(208,56,1,var(--bg-opacity))!important}.text-orange-600{border-color:rgba(208,56,1,var(--color-opacity))!important;color:rgba(208,56,1,var(--color-opacity))!important}.bg-orange-700{background-color:rgba(180,52,3,var(--bg-opacity))!important}.text-orange-700{border-color:rgba(180,52,3,var(--color-opacity))!important;color:rgba(180,52,3,var(--color-opacity))!important}.bg-orange-800{background-color:rgba(138,44,13,var(--bg-opacity))!important}.text-orange-800{border-color:rgba(138,44,13,var(--color-opacity))!important;color:rgba(138,44,13,var(--color-opacity))!important}.bg-orange-900{background-color:rgba(115,35,13,var(--bg-opacity))!important}.text-orange-900{border-color:rgba(115,35,13,var(--color-opacity))!important;color:rgba(115,35,13,var(--color-opacity))!important}.bg-yellow-100{background-color:rgba(253,246,178,var(--bg-opacity))!important}.text-yellow-100{border-color:rgba(253,246,178,var(--color-opacity))!important;color:rgba(253,246,178,var(--color-opacity))!important}.bg-yellow-200{background-color:rgba(252,233,106,var(--bg-opacity))!important}.text-yellow-200{border-color:rgba(252,233,106,var(--color-opacity))!important;color:rgba(252,233,106,var(--color-opacity))!important}.bg-yellow-300{background-color:rgba(250,202,21,var(--bg-opacity))!important}.text-yellow-300{border-color:rgba(250,202,21,var(--color-opacity))!important;color:rgba(250,202,21,var(--color-opacity))!important}.bg-yellow-400{background-color:rgba(227,160,8,var(--bg-opacity))!important}.text-yellow-400{border-color:rgba(227,160,8,var(--color-opacity))!important;color:rgba(227,160,8,var(--color-opacity))!important}.bg-yellow-500{background-color:rgba(194,120,3,var(--bg-opacity))!important}.text-yellow-500{border-color:rgba(194,120,3,var(--color-opacity))!important;color:rgba(194,120,3,var(--color-opacity))!important}.bg-yellow-600{background-color:rgba(159,88,10,var(--bg-opacity))!important}.text-yellow-600{border-color:rgba(159,88,10,var(--color-opacity))!important;color:rgba(159,88,10,var(--color-opacity))!important}.bg-yellow-700{background-color:rgba(142,75,16,var(--bg-opacity))!important}.text-yellow-700{border-color:rgba(142,75,16,var(--color-opacity))!important;color:rgba(142,75,16,var(--color-opacity))!important}.bg-yellow-800{background-color:rgba(114,59,19,var(--bg-opacity))!important}.text-yellow-800{border-color:rgba(114,59,19,var(--color-opacity))!important;color:rgba(114,59,19,var(--color-opacity))!important}.bg-yellow-900{background-color:rgba(99,49,18,var(--bg-opacity))!important}.text-yellow-900{border-color:rgba(99,49,18,var(--color-opacity))!important;color:rgba(99,49,18,var(--color-opacity))!important}.bg-green-100{background-color:rgba(222,247,236,var(--bg-opacity))!important}.text-green-100{border-color:rgba(222,247,236,var(--color-opacity))!important;color:rgba(222,247,236,var(--color-opacity))!important}.bg-green-200{background-color:rgba(188,240,218,var(--bg-opacity))!important}.text-green-200{border-color:rgba(188,240,218,var(--color-opacity))!important;color:rgba(188,240,218,var(--color-opacity))!important}.bg-green-300{background-color:rgba(132,225,188,var(--bg-opacity))!important}.text-green-300{border-color:rgba(132,225,188,var(--color-opacity))!important;color:rgba(132,225,188,var(--color-opacity))!important}.bg-green-400{background-color:rgba(49,196,141,var(--bg-opacity))!important}.text-green-400{border-color:rgba(49,196,141,var(--color-opacity))!important;color:rgba(49,196,141,var(--color-opacity))!important}.bg-green-500{background-color:rgba(14,159,110,var(--bg-opacity))!important}.text-green-500{border-color:rgba(14,159,110,var(--color-opacity))!important;color:rgba(14,159,110,var(--color-opacity))!important}.bg-green-600{background-color:rgba(5,122,85,var(--bg-opacity))!important}.text-green-600{border-color:rgba(5,122,85,var(--color-opacity))!important;color:rgba(5,122,85,var(--color-opacity))!important}.bg-green-700{background-color:rgba(4,108,78,var(--bg-opacity))!important}.text-green-700{border-color:rgba(4,108,78,var(--color-opacity))!important;color:rgba(4,108,78,var(--color-opacity))!important}.bg-green-800{background-color:rgba(3,84,63,var(--bg-opacity))!important}.text-green-800{border-color:rgba(3,84,63,var(--color-opacity))!important;color:rgba(3,84,63,var(--color-opacity))!important}.bg-green-900{background-color:rgba(1,71,55,var(--bg-opacity))!important}.text-green-900{border-color:rgba(1,71,55,var(--color-opacity))!important;color:rgba(1,71,55,var(--color-opacity))!important}.bg-teal-100{background-color:rgba(213,245,246,var(--bg-opacity))!important}.text-teal-100{border-color:rgba(213,245,246,var(--color-opacity))!important;color:rgba(213,245,246,var(--color-opacity))!important}.bg-teal-200{background-color:rgba(175,236,239,var(--bg-opacity))!important}.text-teal-200{border-color:rgba(175,236,239,var(--color-opacity))!important;color:rgba(175,236,239,var(--color-opacity))!important}.bg-teal-300{background-color:rgba(126,220,226,var(--bg-opacity))!important}.text-teal-300{border-color:rgba(126,220,226,var(--color-opacity))!important;color:rgba(126,220,226,var(--color-opacity))!important}.bg-teal-400{background-color:rgba(22,189,202,var(--bg-opacity))!important}.text-teal-400{border-color:rgba(22,189,202,var(--color-opacity))!important;color:rgba(22,189,202,var(--color-opacity))!important}.bg-teal-500{background-color:rgba(6,148,162,var(--bg-opacity))!important}.text-teal-500{border-color:rgba(6,148,162,var(--color-opacity))!important;color:rgba(6,148,162,var(--color-opacity))!important}.bg-teal-600{background-color:rgba(4,116,129,var(--bg-opacity))!important}.text-teal-600{border-color:rgba(4,116,129,var(--color-opacity))!important;color:rgba(4,116,129,var(--color-opacity))!important}.bg-teal-700{background-color:rgba(3,102,114,var(--bg-opacity))!important}.text-teal-700{border-color:rgba(3,102,114,var(--color-opacity))!important;color:rgba(3,102,114,var(--color-opacity))!important}.bg-teal-800{background-color:rgba(5,80,92,var(--bg-opacity))!important}.text-teal-800{border-color:rgba(5,80,92,var(--color-opacity))!important;color:rgba(5,80,92,var(--color-opacity))!important}.bg-teal-900{background-color:rgba(1,68,81,var(--bg-opacity))!important}.text-teal-900{border-color:rgba(1,68,81,var(--color-opacity))!important;color:rgba(1,68,81,var(--color-opacity))!important}.bg-blue-100{background-color:rgba(225,239,254,var(--bg-opacity))!important}.text-blue-100{border-color:rgba(225,239,254,var(--color-opacity))!important;color:rgba(225,239,254,var(--color-opacity))!important}.bg-blue-200{background-color:rgba(195,221,253,var(--bg-opacity))!important}.text-blue-200{border-color:rgba(195,221,253,var(--color-opacity))!important;color:rgba(195,221,253,var(--color-opacity))!important}.bg-blue-300{background-color:rgba(164,202,254,var(--bg-opacity))!important}.text-blue-300{border-color:rgba(164,202,254,var(--color-opacity))!important;color:rgba(164,202,254,var(--color-opacity))!important}.bg-blue-400{background-color:rgba(118,169,250,var(--bg-opacity))!important}.text-blue-400{border-color:rgba(118,169,250,var(--color-opacity))!important;color:rgba(118,169,250,var(--color-opacity))!important}.bg-blue-500{background-color:rgba(63,131,248,var(--bg-opacity))!important}.text-blue-500{border-color:rgba(63,131,248,var(--color-opacity))!important;color:rgba(63,131,248,var(--color-opacity))!important}.bg-blue-600{background-color:rgba(28,100,242,var(--bg-opacity))!important}.text-blue-600{border-color:rgba(28,100,242,var(--color-opacity))!important;color:rgba(28,100,242,var(--color-opacity))!important}.bg-blue-700{background-color:rgba(26,86,219,var(--bg-opacity))!important}.text-blue-700{border-color:rgba(26,86,219,var(--color-opacity))!important;color:rgba(26,86,219,var(--color-opacity))!important}.bg-blue-800{background-color:rgba(30,66,159,var(--bg-opacity))!important}.text-blue-800{border-color:rgba(30,66,159,var(--color-opacity))!important;color:rgba(30,66,159,var(--color-opacity))!important}.bg-blue-900{background-color:rgba(35,56,118,var(--bg-opacity))!important}.text-blue-900{border-color:rgba(35,56,118,var(--color-opacity))!important;color:rgba(35,56,118,var(--color-opacity))!important}.bg-indigo-100{background-color:rgba(229,237,255,var(--bg-opacity))!important}.text-indigo-100{border-color:rgba(229,237,255,var(--color-opacity))!important;color:rgba(229,237,255,var(--color-opacity))!important}.bg-indigo-200{background-color:rgba(205,219,254,var(--bg-opacity))!important}.text-indigo-200{border-color:rgba(205,219,254,var(--color-opacity))!important;color:rgba(205,219,254,var(--color-opacity))!important}.bg-indigo-300{background-color:rgba(180,198,252,var(--bg-opacity))!important}.text-indigo-300{border-color:rgba(180,198,252,var(--color-opacity))!important;color:rgba(180,198,252,var(--color-opacity))!important}.bg-indigo-400{background-color:rgba(141,162,251,var(--bg-opacity))!important}.text-indigo-400{border-color:rgba(141,162,251,var(--color-opacity))!important;color:rgba(141,162,251,var(--color-opacity))!important}.bg-indigo-500{background-color:rgba(104,117,245,var(--bg-opacity))!important}.text-indigo-500{border-color:rgba(104,117,245,var(--color-opacity))!important;color:rgba(104,117,245,var(--color-opacity))!important}.bg-indigo-600{background-color:rgba(88,80,236,var(--bg-opacity))!important}.text-indigo-600{border-color:rgba(88,80,236,var(--color-opacity))!important;color:rgba(88,80,236,var(--color-opacity))!important}.bg-indigo-700{background-color:rgba(81,69,205,var(--bg-opacity))!important}.text-indigo-700{border-color:rgba(81,69,205,var(--color-opacity))!important;color:rgba(81,69,205,var(--color-opacity))!important}.bg-indigo-800{background-color:rgba(66,56,157,var(--bg-opacity))!important}.text-indigo-800{border-color:rgba(66,56,157,var(--color-opacity))!important;color:rgba(66,56,157,var(--color-opacity))!important}.bg-indigo-900{background-color:rgba(54,47,120,var(--bg-opacity))!important}.text-indigo-900{border-color:rgba(54,47,120,var(--color-opacity))!important;color:rgba(54,47,120,var(--color-opacity))!important}.bg-purple-100{background-color:rgba(237,235,254,var(--bg-opacity))!important}.text-purple-100{border-color:rgba(237,235,254,var(--color-opacity))!important;color:rgba(237,235,254,var(--color-opacity))!important}.bg-purple-200{background-color:rgba(220,215,254,var(--bg-opacity))!important}.text-purple-200{border-color:rgba(220,215,254,var(--color-opacity))!important;color:rgba(220,215,254,var(--color-opacity))!important}.bg-purple-300{background-color:rgba(202,191,253,var(--bg-opacity))!important}.text-purple-300{border-color:rgba(202,191,253,var(--color-opacity))!important;color:rgba(202,191,253,var(--color-opacity))!important}.bg-purple-400{background-color:rgba(172,148,250,var(--bg-opacity))!important}.text-purple-400{border-color:rgba(172,148,250,var(--color-opacity))!important;color:rgba(172,148,250,var(--color-opacity))!important}.bg-purple-500{background-color:rgba(144,97,249,var(--bg-opacity))!important}.text-purple-500{border-color:rgba(144,97,249,var(--color-opacity))!important;color:rgba(144,97,249,var(--color-opacity))!important}.bg-purple-600{background-color:rgba(126,58,242,var(--bg-opacity))!important}.text-purple-600{border-color:rgba(126,58,242,var(--color-opacity))!important;color:rgba(126,58,242,var(--color-opacity))!important}.bg-purple-700{background-color:rgba(108,43,217,var(--bg-opacity))!important}.text-purple-700{border-color:rgba(108,43,217,var(--color-opacity))!important;color:rgba(108,43,217,var(--color-opacity))!important}.bg-purple-800{background-color:rgba(85,33,181,var(--bg-opacity))!important}.text-purple-800{border-color:rgba(85,33,181,var(--color-opacity))!important;color:rgba(85,33,181,var(--color-opacity))!important}.bg-purple-900{background-color:rgba(74,29,150,var(--bg-opacity))!important}.text-purple-900{border-color:rgba(74,29,150,var(--color-opacity))!important;color:rgba(74,29,150,var(--color-opacity))!important}.bg-gray-000{background-color:rgba(248,249,250,var(--bg-opacity))!important}.text-gray-000{border-color:rgba(248,249,250,var(--color-opacity))!important;color:rgba(248,249,250,var(--color-opacity))!important}.bg-gray-100{background-color:rgba(241,243,245,var(--bg-opacity))!important}.text-gray-100{border-color:rgba(241,243,245,var(--color-opacity))!important;color:rgba(241,243,245,var(--color-opacity))!important}.bg-gray-200{background-color:rgba(233,236,239,var(--bg-opacity))!important}.text-gray-200{border-color:rgba(233,236,239,var(--color-opacity))!important;color:rgba(233,236,239,var(--color-opacity))!important}.bg-gray-300{background-color:rgba(222,226,230,var(--bg-opacity))!important}.text-gray-300{border-color:rgba(222,226,230,var(--color-opacity))!important;color:rgba(222,226,230,var(--color-opacity))!important}.bg-gray-400{background-color:rgba(206,212,218,var(--bg-opacity))!important}.text-gray-400{border-color:rgba(206,212,218,var(--color-opacity))!important;color:rgba(206,212,218,var(--color-opacity))!important}.bg-gray-500{background-color:rgba(173,181,189,var(--bg-opacity))!important}.text-gray-500{border-color:rgba(173,181,189,var(--color-opacity))!important;color:rgba(173,181,189,var(--color-opacity))!important}.bg-gray-600{background-color:rgba(134,142,150,var(--bg-opacity))!important}.text-gray-600{border-color:rgba(134,142,150,var(--color-opacity))!important;color:rgba(134,142,150,var(--color-opacity))!important}.bg-gray-700{background-color:rgba(73,80,87,var(--bg-opacity))!important}.text-gray-700{border-color:rgba(73,80,87,var(--color-opacity))!important;color:rgba(73,80,87,var(--color-opacity))!important}.bg-gray-800{background-color:rgba(52,58,64,var(--bg-opacity))!important}.text-gray-800{border-color:rgba(52,58,64,var(--color-opacity))!important;color:rgba(52,58,64,var(--color-opacity))!important}.bg-gray-900{background-color:rgba(33,37,41,var(--bg-opacity))!important}.text-gray-900{border-color:rgba(33,37,41,var(--color-opacity))!important;color:rgba(33,37,41,var(--color-opacity))!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mr-0,.mx-0{margin-right:0!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.pr-0,.px-0{padding-right:0!important}.m-1{margin:.5rem!important}.mt-1,.my-1{margin-top:.5rem!important}.mb-1,.my-1{margin-bottom:.5rem!important}.ml-1,.mx-1{margin-left:.5rem!important}.mr-1,.mx-1{margin-right:.5rem!important}.p-1{padding:.5rem!important}.pt-1,.py-1{padding-top:.5rem!important}.pb-1,.py-1{padding-bottom:.5rem!important}.pl-1,.px-1{padding-left:.5rem!important}.pr-1,.px-1{padding-right:.5rem!important}.m-2{margin:1rem!important}.mt-2,.my-2{margin-top:1rem!important}.mb-2,.my-2{margin-bottom:1rem!important}.ml-2,.mx-2{margin-left:1rem!important}.mr-2,.mx-2{margin-right:1rem!important}.p-2{padding:1rem!important}.pt-2,.py-2{padding-top:1rem!important}.pb-2,.py-2{padding-bottom:1rem!important}.pl-2,.px-2{padding-left:1rem!important}.pr-2,.px-2{padding-right:1rem!important}.m-3{margin:1.5rem!important}.mt-3,.my-3{margin-top:1.5rem!important}.mb-3,.my-3{margin-bottom:1.5rem!important}.ml-3,.mx-3{margin-left:1.5rem!important}.mr-3,.mx-3{margin-right:1.5rem!important}.p-3{padding:1.5rem!important}.pt-3,.py-3{padding-top:1.5rem!important}.pb-3,.py-3{padding-bottom:1.5rem!important}.pl-3,.px-3{padding-left:1.5rem!important}.pr-3,.px-3{padding-right:1.5rem!important}.m-4{margin:2rem!important}.mt-4,.my-4{margin-top:2rem!important}.mb-4,.my-4{margin-bottom:2rem!important}.ml-4,.mx-4{margin-left:2rem!important}.mr-4,.mx-4{margin-right:2rem!important}.p-4{padding:2rem!important}.pt-4,.py-4{padding-top:2rem!important}.pb-4,.py-4{padding-bottom:2rem!important}.pl-4,.px-4{padding-left:2rem!important}.pr-4,.px-4{padding-right:2rem!important}.m-5{margin:2.5rem!important}.mt-5,.my-5{margin-top:2.5rem!important}.mb-5,.my-5{margin-bottom:2.5rem!important}.ml-5,.mx-5{margin-left:2.5rem!important}.mr-5,.mx-5{margin-right:2.5rem!important}.p-5{padding:2.5rem!important}.pt-5,.py-5{padding-top:2.5rem!important}.pb-5,.py-5{padding-bottom:2.5rem!important}.pl-5,.px-5{padding-left:2.5rem!important}.pr-5,.px-5{padding-right:2.5rem!important}.m-6{margin:3rem!important}.mt-6,.my-6{margin-top:3rem!important}.mb-6,.my-6{margin-bottom:3rem!important}.ml-6,.mx-6{margin-left:3rem!important}.mr-6,.mx-6{margin-right:3rem!important}.p-6{padding:3rem!important}.pt-6,.py-6{padding-top:3rem!important}.pb-6,.py-6{padding-bottom:3rem!important}.pl-6,.px-6{padding-left:3rem!important}.pr-6,.px-6{padding-right:3rem!important}.m-8{margin:4rem!important}.mt-8,.my-8{margin-top:4rem!important}.mb-8,.my-8{margin-bottom:4rem!important}.ml-8,.mx-8{margin-left:4rem!important}.mr-8,.mx-8{margin-right:4rem!important}.p-8{padding:4rem!important}.pt-8,.py-8{padding-top:4rem!important}.pb-8,.py-8{padding-bottom:4rem!important}.pl-8,.px-8{padding-left:4rem!important}.pr-8,.px-8{padding-right:4rem!important}.m-10{margin:5rem!important}.mt-10,.my-10{margin-top:5rem!important}.mb-10,.my-10{margin-bottom:5rem!important}.ml-10,.mx-10{margin-left:5rem!important}.mr-10,.mx-10{margin-right:5rem!important}.p-10{padding:5rem!important}.pt-10,.py-10{padding-top:5rem!important}.pb-10,.py-10{padding-bottom:5rem!important}.pl-10,.px-10{padding-left:5rem!important}.pr-10,.px-10{padding-right:5rem!important}.m-12{margin:6rem!important}.mt-12,.my-12{margin-top:6rem!important}.mb-12,.my-12{margin-bottom:6rem!important}.ml-12,.mx-12{margin-left:6rem!important}.mr-12,.mx-12{margin-right:6rem!important}.p-12{padding:6rem!important}.pt-12,.py-12{padding-top:6rem!important}.pb-12,.py-12{padding-bottom:6rem!important}.pl-12,.px-12{padding-left:6rem!important}.pr-12,.px-12{padding-right:6rem!important}.m-16{margin:8rem!important}.mt-16,.my-16{margin-top:8rem!important}.mb-16,.my-16{margin-bottom:8rem!important}.ml-16,.mx-16{margin-left:8rem!important}.mr-16,.mx-16{margin-right:8rem!important}.p-16{padding:8rem!important}.pt-16,.py-16{padding-top:8rem!important}.pb-16,.py-16{padding-bottom:8rem!important}.pl-16,.px-16{padding-left:8rem!important}.pr-16,.px-16{padding-right:8rem!important}.m-20{margin:10rem!important}.mt-20,.my-20{margin-top:10rem!important}.mb-20,.my-20{margin-bottom:10rem!important}.ml-20,.mx-20{margin-left:10rem!important}.mr-20,.mx-20{margin-right:10rem!important}.p-20{padding:10rem!important}.pt-20,.py-20{padding-top:10rem!important}.pb-20,.py-20{padding-bottom:10rem!important}.pl-20,.px-20{padding-left:10rem!important}.pr-20,.px-20{padding-right:10rem!important}.m-24{margin:12rem!important}.mt-24,.my-24{margin-top:12rem!important}.mb-24,.my-24{margin-bottom:12rem!important}.ml-24,.mx-24{margin-left:12rem!important}.mr-24,.mx-24{margin-right:12rem!important}.p-24{padding:12rem!important}.pt-24,.py-24{padding-top:12rem!important}.pb-24,.py-24{padding-bottom:12rem!important}.pl-24,.px-24{padding-left:12rem!important}.pr-24,.px-24{padding-right:12rem!important}.m-32{margin:16rem!important}.mt-32,.my-32{margin-top:16rem!important}.mb-32,.my-32{margin-bottom:16rem!important}.ml-32,.mx-32{margin-left:16rem!important}.mr-32,.mx-32{margin-right:16rem!important}.p-32{padding:16rem!important}.pt-32,.py-32{padding-top:16rem!important}.pb-32,.py-32{padding-bottom:16rem!important}.pl-32,.px-32{padding-left:16rem!important}.pr-32,.px-32{padding-right:16rem!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}@media screen and (min-width:640px){.m-0-sm{margin:0!important}.mt-0-sm,.my-0-sm{margin-top:0!important}.mb-0-sm,.my-0-sm{margin-bottom:0!important}.ml-0-sm,.mx-0-sm{margin-left:0!important}.mr-0-sm,.mx-0-sm{margin-right:0!important}.p-0-sm{padding:0!important}.pt-0-sm,.py-0-sm{padding-top:0!important}.pb-0-sm,.py-0-sm{padding-bottom:0!important}.pl-0-sm,.px-0-sm{padding-left:0!important}.pr-0-sm,.px-0-sm{padding-right:0!important}.m-1-sm{margin:.5rem!important}.mt-1-sm,.my-1-sm{margin-top:.5rem!important}.mb-1-sm,.my-1-sm{margin-bottom:.5rem!important}.ml-1-sm,.mx-1-sm{margin-left:.5rem!important}.mr-1-sm,.mx-1-sm{margin-right:.5rem!important}.p-1-sm{padding:.5rem!important}.pt-1-sm,.py-1-sm{padding-top:.5rem!important}.pb-1-sm,.py-1-sm{padding-bottom:.5rem!important}.pl-1-sm,.px-1-sm{padding-left:.5rem!important}.pr-1-sm,.px-1-sm{padding-right:.5rem!important}.m-2-sm{margin:1rem!important}.mt-2-sm,.my-2-sm{margin-top:1rem!important}.mb-2-sm,.my-2-sm{margin-bottom:1rem!important}.ml-2-sm,.mx-2-sm{margin-left:1rem!important}.mr-2-sm,.mx-2-sm{margin-right:1rem!important}.p-2-sm{padding:1rem!important}.pt-2-sm,.py-2-sm{padding-top:1rem!important}.pb-2-sm,.py-2-sm{padding-bottom:1rem!important}.pl-2-sm,.px-2-sm{padding-left:1rem!important}.pr-2-sm,.px-2-sm{padding-right:1rem!important}.m-3-sm{margin:1.5rem!important}.mt-3-sm,.my-3-sm{margin-top:1.5rem!important}.mb-3-sm,.my-3-sm{margin-bottom:1.5rem!important}.ml-3-sm,.mx-3-sm{margin-left:1.5rem!important}.mr-3-sm,.mx-3-sm{margin-right:1.5rem!important}.p-3-sm{padding:1.5rem!important}.pt-3-sm,.py-3-sm{padding-top:1.5rem!important}.pb-3-sm,.py-3-sm{padding-bottom:1.5rem!important}.pl-3-sm,.px-3-sm{padding-left:1.5rem!important}.pr-3-sm,.px-3-sm{padding-right:1.5rem!important}.m-4-sm{margin:2rem!important}.mt-4-sm,.my-4-sm{margin-top:2rem!important}.mb-4-sm,.my-4-sm{margin-bottom:2rem!important}.ml-4-sm,.mx-4-sm{margin-left:2rem!important}.mr-4-sm,.mx-4-sm{margin-right:2rem!important}.p-4-sm{padding:2rem!important}.pt-4-sm,.py-4-sm{padding-top:2rem!important}.pb-4-sm,.py-4-sm{padding-bottom:2rem!important}.pl-4-sm,.px-4-sm{padding-left:2rem!important}.pr-4-sm,.px-4-sm{padding-right:2rem!important}.m-5-sm{margin:2.5rem!important}.mt-5-sm,.my-5-sm{margin-top:2.5rem!important}.mb-5-sm,.my-5-sm{margin-bottom:2.5rem!important}.ml-5-sm,.mx-5-sm{margin-left:2.5rem!important}.mr-5-sm,.mx-5-sm{margin-right:2.5rem!important}.p-5-sm{padding:2.5rem!important}.pt-5-sm,.py-5-sm{padding-top:2.5rem!important}.pb-5-sm,.py-5-sm{padding-bottom:2.5rem!important}.pl-5-sm,.px-5-sm{padding-left:2.5rem!important}.pr-5-sm,.px-5-sm{padding-right:2.5rem!important}.m-6-sm{margin:3rem!important}.mt-6-sm,.my-6-sm{margin-top:3rem!important}.mb-6-sm,.my-6-sm{margin-bottom:3rem!important}.ml-6-sm,.mx-6-sm{margin-left:3rem!important}.mr-6-sm,.mx-6-sm{margin-right:3rem!important}.p-6-sm{padding:3rem!important}.pt-6-sm,.py-6-sm{padding-top:3rem!important}.pb-6-sm,.py-6-sm{padding-bottom:3rem!important}.pl-6-sm,.px-6-sm{padding-left:3rem!important}.pr-6-sm,.px-6-sm{padding-right:3rem!important}.m-8-sm{margin:4rem!important}.mt-8-sm,.my-8-sm{margin-top:4rem!important}.mb-8-sm,.my-8-sm{margin-bottom:4rem!important}.ml-8-sm,.mx-8-sm{margin-left:4rem!important}.mr-8-sm,.mx-8-sm{margin-right:4rem!important}.p-8-sm{padding:4rem!important}.pt-8-sm,.py-8-sm{padding-top:4rem!important}.pb-8-sm,.py-8-sm{padding-bottom:4rem!important}.pl-8-sm,.px-8-sm{padding-left:4rem!important}.pr-8-sm,.px-8-sm{padding-right:4rem!important}.m-10-sm{margin:5rem!important}.mt-10-sm,.my-10-sm{margin-top:5rem!important}.mb-10-sm,.my-10-sm{margin-bottom:5rem!important}.ml-10-sm,.mx-10-sm{margin-left:5rem!important}.mr-10-sm,.mx-10-sm{margin-right:5rem!important}.p-10-sm{padding:5rem!important}.pt-10-sm,.py-10-sm{padding-top:5rem!important}.pb-10-sm,.py-10-sm{padding-bottom:5rem!important}.pl-10-sm,.px-10-sm{padding-left:5rem!important}.pr-10-sm,.px-10-sm{padding-right:5rem!important}.m-12-sm{margin:6rem!important}.mt-12-sm,.my-12-sm{margin-top:6rem!important}.mb-12-sm,.my-12-sm{margin-bottom:6rem!important}.ml-12-sm,.mx-12-sm{margin-left:6rem!important}.mr-12-sm,.mx-12-sm{margin-right:6rem!important}.p-12-sm{padding:6rem!important}.pt-12-sm,.py-12-sm{padding-top:6rem!important}.pb-12-sm,.py-12-sm{padding-bottom:6rem!important}.pl-12-sm,.px-12-sm{padding-left:6rem!important}.pr-12-sm,.px-12-sm{padding-right:6rem!important}.m-16-sm{margin:8rem!important}.mt-16-sm,.my-16-sm{margin-top:8rem!important}.mb-16-sm,.my-16-sm{margin-bottom:8rem!important}.ml-16-sm,.mx-16-sm{margin-left:8rem!important}.mr-16-sm,.mx-16-sm{margin-right:8rem!important}.p-16-sm{padding:8rem!important}.pt-16-sm,.py-16-sm{padding-top:8rem!important}.pb-16-sm,.py-16-sm{padding-bottom:8rem!important}.pl-16-sm,.px-16-sm{padding-left:8rem!important}.pr-16-sm,.px-16-sm{padding-right:8rem!important}.m-20-sm{margin:10rem!important}.mt-20-sm,.my-20-sm{margin-top:10rem!important}.mb-20-sm,.my-20-sm{margin-bottom:10rem!important}.ml-20-sm,.mx-20-sm{margin-left:10rem!important}.mr-20-sm,.mx-20-sm{margin-right:10rem!important}.p-20-sm{padding:10rem!important}.pt-20-sm,.py-20-sm{padding-top:10rem!important}.pb-20-sm,.py-20-sm{padding-bottom:10rem!important}.pl-20-sm,.px-20-sm{padding-left:10rem!important}.pr-20-sm,.px-20-sm{padding-right:10rem!important}.m-24-sm{margin:12rem!important}.mt-24-sm,.my-24-sm{margin-top:12rem!important}.mb-24-sm,.my-24-sm{margin-bottom:12rem!important}.ml-24-sm,.mx-24-sm{margin-left:12rem!important}.mr-24-sm,.mx-24-sm{margin-right:12rem!important}.p-24-sm{padding:12rem!important}.pt-24-sm,.py-24-sm{padding-top:12rem!important}.pb-24-sm,.py-24-sm{padding-bottom:12rem!important}.pl-24-sm,.px-24-sm{padding-left:12rem!important}.pr-24-sm,.px-24-sm{padding-right:12rem!important}.m-32-sm{margin:16rem!important}.mt-32-sm,.my-32-sm{margin-top:16rem!important}.mb-32-sm,.my-32-sm{margin-bottom:16rem!important}.ml-32-sm,.mx-32-sm{margin-left:16rem!important}.mr-32-sm,.mx-32-sm{margin-right:16rem!important}.p-32-sm{padding:16rem!important}.pt-32-sm,.py-32-sm{padding-top:16rem!important}.pb-32-sm,.py-32-sm{padding-bottom:16rem!important}.pl-32-sm,.px-32-sm{padding-left:16rem!important}.pr-32-sm,.px-32-sm{padding-right:16rem!important}.ml-auto-sm,.mx-auto-sm{margin-left:auto!important}.mr-auto-sm,.mx-auto-sm{margin-right:auto!important}.mt-auto-sm,.my-auto-sm{margin-top:auto!important}.mb-auto-sm,.my-auto-sm{margin-bottom:auto!important}}@media screen and (min-width:768px){.m-0-md{margin:0!important}.mt-0-md,.my-0-md{margin-top:0!important}.mb-0-md,.my-0-md{margin-bottom:0!important}.ml-0-md,.mx-0-md{margin-left:0!important}.mr-0-md,.mx-0-md{margin-right:0!important}.p-0-md{padding:0!important}.pt-0-md,.py-0-md{padding-top:0!important}.pb-0-md,.py-0-md{padding-bottom:0!important}.pl-0-md,.px-0-md{padding-left:0!important}.pr-0-md,.px-0-md{padding-right:0!important}.m-1-md{margin:.5rem!important}.mt-1-md,.my-1-md{margin-top:.5rem!important}.mb-1-md,.my-1-md{margin-bottom:.5rem!important}.ml-1-md,.mx-1-md{margin-left:.5rem!important}.mr-1-md,.mx-1-md{margin-right:.5rem!important}.p-1-md{padding:.5rem!important}.pt-1-md,.py-1-md{padding-top:.5rem!important}.pb-1-md,.py-1-md{padding-bottom:.5rem!important}.pl-1-md,.px-1-md{padding-left:.5rem!important}.pr-1-md,.px-1-md{padding-right:.5rem!important}.m-2-md{margin:1rem!important}.mt-2-md,.my-2-md{margin-top:1rem!important}.mb-2-md,.my-2-md{margin-bottom:1rem!important}.ml-2-md,.mx-2-md{margin-left:1rem!important}.mr-2-md,.mx-2-md{margin-right:1rem!important}.p-2-md{padding:1rem!important}.pt-2-md,.py-2-md{padding-top:1rem!important}.pb-2-md,.py-2-md{padding-bottom:1rem!important}.pl-2-md,.px-2-md{padding-left:1rem!important}.pr-2-md,.px-2-md{padding-right:1rem!important}.m-3-md{margin:1.5rem!important}.mt-3-md,.my-3-md{margin-top:1.5rem!important}.mb-3-md,.my-3-md{margin-bottom:1.5rem!important}.ml-3-md,.mx-3-md{margin-left:1.5rem!important}.mr-3-md,.mx-3-md{margin-right:1.5rem!important}.p-3-md{padding:1.5rem!important}.pt-3-md,.py-3-md{padding-top:1.5rem!important}.pb-3-md,.py-3-md{padding-bottom:1.5rem!important}.pl-3-md,.px-3-md{padding-left:1.5rem!important}.pr-3-md,.px-3-md{padding-right:1.5rem!important}.m-4-md{margin:2rem!important}.mt-4-md,.my-4-md{margin-top:2rem!important}.mb-4-md,.my-4-md{margin-bottom:2rem!important}.ml-4-md,.mx-4-md{margin-left:2rem!important}.mr-4-md,.mx-4-md{margin-right:2rem!important}.p-4-md{padding:2rem!important}.pt-4-md,.py-4-md{padding-top:2rem!important}.pb-4-md,.py-4-md{padding-bottom:2rem!important}.pl-4-md,.px-4-md{padding-left:2rem!important}.pr-4-md,.px-4-md{padding-right:2rem!important}.m-5-md{margin:2.5rem!important}.mt-5-md,.my-5-md{margin-top:2.5rem!important}.mb-5-md,.my-5-md{margin-bottom:2.5rem!important}.ml-5-md,.mx-5-md{margin-left:2.5rem!important}.mr-5-md,.mx-5-md{margin-right:2.5rem!important}.p-5-md{padding:2.5rem!important}.pt-5-md,.py-5-md{padding-top:2.5rem!important}.pb-5-md,.py-5-md{padding-bottom:2.5rem!important}.pl-5-md,.px-5-md{padding-left:2.5rem!important}.pr-5-md,.px-5-md{padding-right:2.5rem!important}.m-6-md{margin:3rem!important}.mt-6-md,.my-6-md{margin-top:3rem!important}.mb-6-md,.my-6-md{margin-bottom:3rem!important}.ml-6-md,.mx-6-md{margin-left:3rem!important}.mr-6-md,.mx-6-md{margin-right:3rem!important}.p-6-md{padding:3rem!important}.pt-6-md,.py-6-md{padding-top:3rem!important}.pb-6-md,.py-6-md{padding-bottom:3rem!important}.pl-6-md,.px-6-md{padding-left:3rem!important}.pr-6-md,.px-6-md{padding-right:3rem!important}.m-8-md{margin:4rem!important}.mt-8-md,.my-8-md{margin-top:4rem!important}.mb-8-md,.my-8-md{margin-bottom:4rem!important}.ml-8-md,.mx-8-md{margin-left:4rem!important}.mr-8-md,.mx-8-md{margin-right:4rem!important}.p-8-md{padding:4rem!important}.pt-8-md,.py-8-md{padding-top:4rem!important}.pb-8-md,.py-8-md{padding-bottom:4rem!important}.pl-8-md,.px-8-md{padding-left:4rem!important}.pr-8-md,.px-8-md{padding-right:4rem!important}.m-10-md{margin:5rem!important}.mt-10-md,.my-10-md{margin-top:5rem!important}.mb-10-md,.my-10-md{margin-bottom:5rem!important}.ml-10-md,.mx-10-md{margin-left:5rem!important}.mr-10-md,.mx-10-md{margin-right:5rem!important}.p-10-md{padding:5rem!important}.pt-10-md,.py-10-md{padding-top:5rem!important}.pb-10-md,.py-10-md{padding-bottom:5rem!important}.pl-10-md,.px-10-md{padding-left:5rem!important}.pr-10-md,.px-10-md{padding-right:5rem!important}.m-12-md{margin:6rem!important}.mt-12-md,.my-12-md{margin-top:6rem!important}.mb-12-md,.my-12-md{margin-bottom:6rem!important}.ml-12-md,.mx-12-md{margin-left:6rem!important}.mr-12-md,.mx-12-md{margin-right:6rem!important}.p-12-md{padding:6rem!important}.pt-12-md,.py-12-md{padding-top:6rem!important}.pb-12-md,.py-12-md{padding-bottom:6rem!important}.pl-12-md,.px-12-md{padding-left:6rem!important}.pr-12-md,.px-12-md{padding-right:6rem!important}.m-16-md{margin:8rem!important}.mt-16-md,.my-16-md{margin-top:8rem!important}.mb-16-md,.my-16-md{margin-bottom:8rem!important}.ml-16-md,.mx-16-md{margin-left:8rem!important}.mr-16-md,.mx-16-md{margin-right:8rem!important}.p-16-md{padding:8rem!important}.pt-16-md,.py-16-md{padding-top:8rem!important}.pb-16-md,.py-16-md{padding-bottom:8rem!important}.pl-16-md,.px-16-md{padding-left:8rem!important}.pr-16-md,.px-16-md{padding-right:8rem!important}.m-20-md{margin:10rem!important}.mt-20-md,.my-20-md{margin-top:10rem!important}.mb-20-md,.my-20-md{margin-bottom:10rem!important}.ml-20-md,.mx-20-md{margin-left:10rem!important}.mr-20-md,.mx-20-md{margin-right:10rem!important}.p-20-md{padding:10rem!important}.pt-20-md,.py-20-md{padding-top:10rem!important}.pb-20-md,.py-20-md{padding-bottom:10rem!important}.pl-20-md,.px-20-md{padding-left:10rem!important}.pr-20-md,.px-20-md{padding-right:10rem!important}.m-24-md{margin:12rem!important}.mt-24-md,.my-24-md{margin-top:12rem!important}.mb-24-md,.my-24-md{margin-bottom:12rem!important}.ml-24-md,.mx-24-md{margin-left:12rem!important}.mr-24-md,.mx-24-md{margin-right:12rem!important}.p-24-md{padding:12rem!important}.pt-24-md,.py-24-md{padding-top:12rem!important}.pb-24-md,.py-24-md{padding-bottom:12rem!important}.pl-24-md,.px-24-md{padding-left:12rem!important}.pr-24-md,.px-24-md{padding-right:12rem!important}.m-32-md{margin:16rem!important}.mt-32-md,.my-32-md{margin-top:16rem!important}.mb-32-md,.my-32-md{margin-bottom:16rem!important}.ml-32-md,.mx-32-md{margin-left:16rem!important}.mr-32-md,.mx-32-md{margin-right:16rem!important}.p-32-md{padding:16rem!important}.pt-32-md,.py-32-md{padding-top:16rem!important}.pb-32-md,.py-32-md{padding-bottom:16rem!important}.pl-32-md,.px-32-md{padding-left:16rem!important}.pr-32-md,.px-32-md{padding-right:16rem!important}.ml-auto-md,.mx-auto-md{margin-left:auto!important}.mr-auto-md,.mx-auto-md{margin-right:auto!important}.mt-auto-md,.my-auto-md{margin-top:auto!important}.mb-auto-md,.my-auto-md{margin-bottom:auto!important}}@media screen and (min-width:1024px){.m-0-lg{margin:0!important}.mt-0-lg,.my-0-lg{margin-top:0!important}.mb-0-lg,.my-0-lg{margin-bottom:0!important}.ml-0-lg,.mx-0-lg{margin-left:0!important}.mr-0-lg,.mx-0-lg{margin-right:0!important}.p-0-lg{padding:0!important}.pt-0-lg,.py-0-lg{padding-top:0!important}.pb-0-lg,.py-0-lg{padding-bottom:0!important}.pl-0-lg,.px-0-lg{padding-left:0!important}.pr-0-lg,.px-0-lg{padding-right:0!important}.m-1-lg{margin:.5rem!important}.mt-1-lg,.my-1-lg{margin-top:.5rem!important}.mb-1-lg,.my-1-lg{margin-bottom:.5rem!important}.ml-1-lg,.mx-1-lg{margin-left:.5rem!important}.mr-1-lg,.mx-1-lg{margin-right:.5rem!important}.p-1-lg{padding:.5rem!important}.pt-1-lg,.py-1-lg{padding-top:.5rem!important}.pb-1-lg,.py-1-lg{padding-bottom:.5rem!important}.pl-1-lg,.px-1-lg{padding-left:.5rem!important}.pr-1-lg,.px-1-lg{padding-right:.5rem!important}.m-2-lg{margin:1rem!important}.mt-2-lg,.my-2-lg{margin-top:1rem!important}.mb-2-lg,.my-2-lg{margin-bottom:1rem!important}.ml-2-lg,.mx-2-lg{margin-left:1rem!important}.mr-2-lg,.mx-2-lg{margin-right:1rem!important}.p-2-lg{padding:1rem!important}.pt-2-lg,.py-2-lg{padding-top:1rem!important}.pb-2-lg,.py-2-lg{padding-bottom:1rem!important}.pl-2-lg,.px-2-lg{padding-left:1rem!important}.pr-2-lg,.px-2-lg{padding-right:1rem!important}.m-3-lg{margin:1.5rem!important}.mt-3-lg,.my-3-lg{margin-top:1.5rem!important}.mb-3-lg,.my-3-lg{margin-bottom:1.5rem!important}.ml-3-lg,.mx-3-lg{margin-left:1.5rem!important}.mr-3-lg,.mx-3-lg{margin-right:1.5rem!important}.p-3-lg{padding:1.5rem!important}.pt-3-lg,.py-3-lg{padding-top:1.5rem!important}.pb-3-lg,.py-3-lg{padding-bottom:1.5rem!important}.pl-3-lg,.px-3-lg{padding-left:1.5rem!important}.pr-3-lg,.px-3-lg{padding-right:1.5rem!important}.m-4-lg{margin:2rem!important}.mt-4-lg,.my-4-lg{margin-top:2rem!important}.mb-4-lg,.my-4-lg{margin-bottom:2rem!important}.ml-4-lg,.mx-4-lg{margin-left:2rem!important}.mr-4-lg,.mx-4-lg{margin-right:2rem!important}.p-4-lg{padding:2rem!important}.pt-4-lg,.py-4-lg{padding-top:2rem!important}.pb-4-lg,.py-4-lg{padding-bottom:2rem!important}.pl-4-lg,.px-4-lg{padding-left:2rem!important}.pr-4-lg,.px-4-lg{padding-right:2rem!important}.m-5-lg{margin:2.5rem!important}.mt-5-lg,.my-5-lg{margin-top:2.5rem!important}.mb-5-lg,.my-5-lg{margin-bottom:2.5rem!important}.ml-5-lg,.mx-5-lg{margin-left:2.5rem!important}.mr-5-lg,.mx-5-lg{margin-right:2.5rem!important}.p-5-lg{padding:2.5rem!important}.pt-5-lg,.py-5-lg{padding-top:2.5rem!important}.pb-5-lg,.py-5-lg{padding-bottom:2.5rem!important}.pl-5-lg,.px-5-lg{padding-left:2.5rem!important}.pr-5-lg,.px-5-lg{padding-right:2.5rem!important}.m-6-lg{margin:3rem!important}.mt-6-lg,.my-6-lg{margin-top:3rem!important}.mb-6-lg,.my-6-lg{margin-bottom:3rem!important}.ml-6-lg,.mx-6-lg{margin-left:3rem!important}.mr-6-lg,.mx-6-lg{margin-right:3rem!important}.p-6-lg{padding:3rem!important}.pt-6-lg,.py-6-lg{padding-top:3rem!important}.pb-6-lg,.py-6-lg{padding-bottom:3rem!important}.pl-6-lg,.px-6-lg{padding-left:3rem!important}.pr-6-lg,.px-6-lg{padding-right:3rem!important}.m-8-lg{margin:4rem!important}.mt-8-lg,.my-8-lg{margin-top:4rem!important}.mb-8-lg,.my-8-lg{margin-bottom:4rem!important}.ml-8-lg,.mx-8-lg{margin-left:4rem!important}.mr-8-lg,.mx-8-lg{margin-right:4rem!important}.p-8-lg{padding:4rem!important}.pt-8-lg,.py-8-lg{padding-top:4rem!important}.pb-8-lg,.py-8-lg{padding-bottom:4rem!important}.pl-8-lg,.px-8-lg{padding-left:4rem!important}.pr-8-lg,.px-8-lg{padding-right:4rem!important}.m-10-lg{margin:5rem!important}.mt-10-lg,.my-10-lg{margin-top:5rem!important}.mb-10-lg,.my-10-lg{margin-bottom:5rem!important}.ml-10-lg,.mx-10-lg{margin-left:5rem!important}.mr-10-lg,.mx-10-lg{margin-right:5rem!important}.p-10-lg{padding:5rem!important}.pt-10-lg,.py-10-lg{padding-top:5rem!important}.pb-10-lg,.py-10-lg{padding-bottom:5rem!important}.pl-10-lg,.px-10-lg{padding-left:5rem!important}.pr-10-lg,.px-10-lg{padding-right:5rem!important}.m-12-lg{margin:6rem!important}.mt-12-lg,.my-12-lg{margin-top:6rem!important}.mb-12-lg,.my-12-lg{margin-bottom:6rem!important}.ml-12-lg,.mx-12-lg{margin-left:6rem!important}.mr-12-lg,.mx-12-lg{margin-right:6rem!important}.p-12-lg{padding:6rem!important}.pt-12-lg,.py-12-lg{padding-top:6rem!important}.pb-12-lg,.py-12-lg{padding-bottom:6rem!important}.pl-12-lg,.px-12-lg{padding-left:6rem!important}.pr-12-lg,.px-12-lg{padding-right:6rem!important}.m-16-lg{margin:8rem!important}.mt-16-lg,.my-16-lg{margin-top:8rem!important}.mb-16-lg,.my-16-lg{margin-bottom:8rem!important}.ml-16-lg,.mx-16-lg{margin-left:8rem!important}.mr-16-lg,.mx-16-lg{margin-right:8rem!important}.p-16-lg{padding:8rem!important}.pt-16-lg,.py-16-lg{padding-top:8rem!important}.pb-16-lg,.py-16-lg{padding-bottom:8rem!important}.pl-16-lg,.px-16-lg{padding-left:8rem!important}.pr-16-lg,.px-16-lg{padding-right:8rem!important}.m-20-lg{margin:10rem!important}.mt-20-lg,.my-20-lg{margin-top:10rem!important}.mb-20-lg,.my-20-lg{margin-bottom:10rem!important}.ml-20-lg,.mx-20-lg{margin-left:10rem!important}.mr-20-lg,.mx-20-lg{margin-right:10rem!important}.p-20-lg{padding:10rem!important}.pt-20-lg,.py-20-lg{padding-top:10rem!important}.pb-20-lg,.py-20-lg{padding-bottom:10rem!important}.pl-20-lg,.px-20-lg{padding-left:10rem!important}.pr-20-lg,.px-20-lg{padding-right:10rem!important}.m-24-lg{margin:12rem!important}.mt-24-lg,.my-24-lg{margin-top:12rem!important}.mb-24-lg,.my-24-lg{margin-bottom:12rem!important}.ml-24-lg,.mx-24-lg{margin-left:12rem!important}.mr-24-lg,.mx-24-lg{margin-right:12rem!important}.p-24-lg{padding:12rem!important}.pt-24-lg,.py-24-lg{padding-top:12rem!important}.pb-24-lg,.py-24-lg{padding-bottom:12rem!important}.pl-24-lg,.px-24-lg{padding-left:12rem!important}.pr-24-lg,.px-24-lg{padding-right:12rem!important}.m-32-lg{margin:16rem!important}.mt-32-lg,.my-32-lg{margin-top:16rem!important}.mb-32-lg,.my-32-lg{margin-bottom:16rem!important}.ml-32-lg,.mx-32-lg{margin-left:16rem!important}.mr-32-lg,.mx-32-lg{margin-right:16rem!important}.p-32-lg{padding:16rem!important}.pt-32-lg,.py-32-lg{padding-top:16rem!important}.pb-32-lg,.py-32-lg{padding-bottom:16rem!important}.pl-32-lg,.px-32-lg{padding-left:16rem!important}.pr-32-lg,.px-32-lg{padding-right:16rem!important}.ml-auto-lg,.mx-auto-lg{margin-left:auto!important}.mr-auto-lg,.mx-auto-lg{margin-right:auto!important}.mt-auto-lg,.my-auto-lg{margin-top:auto!important}.mb-auto-lg,.my-auto-lg{margin-bottom:auto!important}}@media screen and (min-width:1280px){.m-0-xl{margin:0!important}.mt-0-xl,.my-0-xl{margin-top:0!important}.mb-0-xl,.my-0-xl{margin-bottom:0!important}.ml-0-xl,.mx-0-xl{margin-left:0!important}.mr-0-xl,.mx-0-xl{margin-right:0!important}.p-0-xl{padding:0!important}.pt-0-xl,.py-0-xl{padding-top:0!important}.pb-0-xl,.py-0-xl{padding-bottom:0!important}.pl-0-xl,.px-0-xl{padding-left:0!important}.pr-0-xl,.px-0-xl{padding-right:0!important}.m-1-xl{margin:.5rem!important}.mt-1-xl,.my-1-xl{margin-top:.5rem!important}.mb-1-xl,.my-1-xl{margin-bottom:.5rem!important}.ml-1-xl,.mx-1-xl{margin-left:.5rem!important}.mr-1-xl,.mx-1-xl{margin-right:.5rem!important}.p-1-xl{padding:.5rem!important}.pt-1-xl,.py-1-xl{padding-top:.5rem!important}.pb-1-xl,.py-1-xl{padding-bottom:.5rem!important}.pl-1-xl,.px-1-xl{padding-left:.5rem!important}.pr-1-xl,.px-1-xl{padding-right:.5rem!important}.m-2-xl{margin:1rem!important}.mt-2-xl,.my-2-xl{margin-top:1rem!important}.mb-2-xl,.my-2-xl{margin-bottom:1rem!important}.ml-2-xl,.mx-2-xl{margin-left:1rem!important}.mr-2-xl,.mx-2-xl{margin-right:1rem!important}.p-2-xl{padding:1rem!important}.pt-2-xl,.py-2-xl{padding-top:1rem!important}.pb-2-xl,.py-2-xl{padding-bottom:1rem!important}.pl-2-xl,.px-2-xl{padding-left:1rem!important}.pr-2-xl,.px-2-xl{padding-right:1rem!important}.m-3-xl{margin:1.5rem!important}.mt-3-xl,.my-3-xl{margin-top:1.5rem!important}.mb-3-xl,.my-3-xl{margin-bottom:1.5rem!important}.ml-3-xl,.mx-3-xl{margin-left:1.5rem!important}.mr-3-xl,.mx-3-xl{margin-right:1.5rem!important}.p-3-xl{padding:1.5rem!important}.pt-3-xl,.py-3-xl{padding-top:1.5rem!important}.pb-3-xl,.py-3-xl{padding-bottom:1.5rem!important}.pl-3-xl,.px-3-xl{padding-left:1.5rem!important}.pr-3-xl,.px-3-xl{padding-right:1.5rem!important}.m-4-xl{margin:2rem!important}.mt-4-xl,.my-4-xl{margin-top:2rem!important}.mb-4-xl,.my-4-xl{margin-bottom:2rem!important}.ml-4-xl,.mx-4-xl{margin-left:2rem!important}.mr-4-xl,.mx-4-xl{margin-right:2rem!important}.p-4-xl{padding:2rem!important}.pt-4-xl,.py-4-xl{padding-top:2rem!important}.pb-4-xl,.py-4-xl{padding-bottom:2rem!important}.pl-4-xl,.px-4-xl{padding-left:2rem!important}.pr-4-xl,.px-4-xl{padding-right:2rem!important}.m-5-xl{margin:2.5rem!important}.mt-5-xl,.my-5-xl{margin-top:2.5rem!important}.mb-5-xl,.my-5-xl{margin-bottom:2.5rem!important}.ml-5-xl,.mx-5-xl{margin-left:2.5rem!important}.mr-5-xl,.mx-5-xl{margin-right:2.5rem!important}.p-5-xl{padding:2.5rem!important}.pt-5-xl,.py-5-xl{padding-top:2.5rem!important}.pb-5-xl,.py-5-xl{padding-bottom:2.5rem!important}.pl-5-xl,.px-5-xl{padding-left:2.5rem!important}.pr-5-xl,.px-5-xl{padding-right:2.5rem!important}.m-6-xl{margin:3rem!important}.mt-6-xl,.my-6-xl{margin-top:3rem!important}.mb-6-xl,.my-6-xl{margin-bottom:3rem!important}.ml-6-xl,.mx-6-xl{margin-left:3rem!important}.mr-6-xl,.mx-6-xl{margin-right:3rem!important}.p-6-xl{padding:3rem!important}.pt-6-xl,.py-6-xl{padding-top:3rem!important}.pb-6-xl,.py-6-xl{padding-bottom:3rem!important}.pl-6-xl,.px-6-xl{padding-left:3rem!important}.pr-6-xl,.px-6-xl{padding-right:3rem!important}.m-8-xl{margin:4rem!important}.mt-8-xl,.my-8-xl{margin-top:4rem!important}.mb-8-xl,.my-8-xl{margin-bottom:4rem!important}.ml-8-xl,.mx-8-xl{margin-left:4rem!important}.mr-8-xl,.mx-8-xl{margin-right:4rem!important}.p-8-xl{padding:4rem!important}.pt-8-xl,.py-8-xl{padding-top:4rem!important}.pb-8-xl,.py-8-xl{padding-bottom:4rem!important}.pl-8-xl,.px-8-xl{padding-left:4rem!important}.pr-8-xl,.px-8-xl{padding-right:4rem!important}.m-10-xl{margin:5rem!important}.mt-10-xl,.my-10-xl{margin-top:5rem!important}.mb-10-xl,.my-10-xl{margin-bottom:5rem!important}.ml-10-xl,.mx-10-xl{margin-left:5rem!important}.mr-10-xl,.mx-10-xl{margin-right:5rem!important}.p-10-xl{padding:5rem!important}.pt-10-xl,.py-10-xl{padding-top:5rem!important}.pb-10-xl,.py-10-xl{padding-bottom:5rem!important}.pl-10-xl,.px-10-xl{padding-left:5rem!important}.pr-10-xl,.px-10-xl{padding-right:5rem!important}.m-12-xl{margin:6rem!important}.mt-12-xl,.my-12-xl{margin-top:6rem!important}.mb-12-xl,.my-12-xl{margin-bottom:6rem!important}.ml-12-xl,.mx-12-xl{margin-left:6rem!important}.mr-12-xl,.mx-12-xl{margin-right:6rem!important}.p-12-xl{padding:6rem!important}.pt-12-xl,.py-12-xl{padding-top:6rem!important}.pb-12-xl,.py-12-xl{padding-bottom:6rem!important}.pl-12-xl,.px-12-xl{padding-left:6rem!important}.pr-12-xl,.px-12-xl{padding-right:6rem!important}.m-16-xl{margin:8rem!important}.mt-16-xl,.my-16-xl{margin-top:8rem!important}.mb-16-xl,.my-16-xl{margin-bottom:8rem!important}.ml-16-xl,.mx-16-xl{margin-left:8rem!important}.mr-16-xl,.mx-16-xl{margin-right:8rem!important}.p-16-xl{padding:8rem!important}.pt-16-xl,.py-16-xl{padding-top:8rem!important}.pb-16-xl,.py-16-xl{padding-bottom:8rem!important}.pl-16-xl,.px-16-xl{padding-left:8rem!important}.pr-16-xl,.px-16-xl{padding-right:8rem!important}.m-20-xl{margin:10rem!important}.mt-20-xl,.my-20-xl{margin-top:10rem!important}.mb-20-xl,.my-20-xl{margin-bottom:10rem!important}.ml-20-xl,.mx-20-xl{margin-left:10rem!important}.mr-20-xl,.mx-20-xl{margin-right:10rem!important}.p-20-xl{padding:10rem!important}.pt-20-xl,.py-20-xl{padding-top:10rem!important}.pb-20-xl,.py-20-xl{padding-bottom:10rem!important}.pl-20-xl,.px-20-xl{padding-left:10rem!important}.pr-20-xl,.px-20-xl{padding-right:10rem!important}.m-24-xl{margin:12rem!important}.mt-24-xl,.my-24-xl{margin-top:12rem!important}.mb-24-xl,.my-24-xl{margin-bottom:12rem!important}.ml-24-xl,.mx-24-xl{margin-left:12rem!important}.mr-24-xl,.mx-24-xl{margin-right:12rem!important}.p-24-xl{padding:12rem!important}.pt-24-xl,.py-24-xl{padding-top:12rem!important}.pb-24-xl,.py-24-xl{padding-bottom:12rem!important}.pl-24-xl,.px-24-xl{padding-left:12rem!important}.pr-24-xl,.px-24-xl{padding-right:12rem!important}.m-32-xl{margin:16rem!important}.mt-32-xl,.my-32-xl{margin-top:16rem!important}.mb-32-xl,.my-32-xl{margin-bottom:16rem!important}.ml-32-xl,.mx-32-xl{margin-left:16rem!important}.mr-32-xl,.mx-32-xl{margin-right:16rem!important}.p-32-xl{padding:16rem!important}.pt-32-xl,.py-32-xl{padding-top:16rem!important}.pb-32-xl,.py-32-xl{padding-bottom:16rem!important}.pl-32-xl,.px-32-xl{padding-left:16rem!important}.pr-32-xl,.px-32-xl{padding-right:16rem!important}.ml-auto-xl,.mx-auto-xl{margin-left:auto!important}.mr-auto-xl,.mx-auto-xl{margin-right:auto!important}.mt-auto-xl,.my-auto-xl{margin-top:auto!important}.mb-auto-xl,.my-auto-xl{margin-bottom:auto!important}}.btn,[type=button],[type=reset],[type=submit],button{line-height:2rem;overflow:hidden;padding:.5rem 1rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;transition:all var(--animation-duration);background-color:rgba(var(--btn-color),var(--bg-opacity));border-color:rgba(var(--btn-border-color),var(--color-opacity));color:rgba(var(--btn-fg),var(--color-opacity));font-size:.75rem;font-weight:inherit;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:248,249,250;--btn-fg:73,80,87;--btn-border-color:233,236,239}.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);--btn-color:241,243,245;color:rgba(var(--btn-fg),var(--color-opacity))}.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn:focus,[type=button]:focus,[type=reset]:focus,[type=submit]:focus,button:focus{outline:0}.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:active,[type=button]:disabled:active,[type=reset]:disabled:active,[type=submit]:disabled:active,button:disabled:active{pointer-events:none}.btn.outline,[type=button].outline,[type=reset].outline,[type=submit].outline,button.outline{--btn-color:transparent}.btn.outline:hover,[type=button].outline:hover,[type=reset].outline:hover,[type=submit].outline:hover,button.outline:hover{--btn-color:233,236,239}.btn.loading:active::after,[type=button].loading:active::after,[type=reset].loading:active::after,[type=submit].loading:active::after,button.loading:active::after{border-radius:50%;border-right-color:transparent;border-top-color:transparent;transition:var(--animation-duration) ease}.btn.btn-animated,[type=button].btn-animated,[type=reset].btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=button].btn-animated:active,[type=reset].btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{transform:scale(.95);transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-close,[type=button].btn-close,[type=reset].btn-close,[type=submit].btn-close,button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}.btn.btn-close:hover,[type=button].btn-close:hover,[type=reset].btn-close:hover,[type=submit].btn-close:hover,button.btn-close:hover{background-color:rgba(10,10,10,.3)}.btn.btn-close::before,[type=button].btn-close::before,[type=reset].btn-close::before,[type=submit].btn-close::before,button.btn-close::before{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;height:2px;width:50%}.btn.btn-close::after,[type=button].btn-close::after,[type=reset].btn-close::after,[type=submit].btn-close::after,button.btn-close::after{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;height:50%;width:2px}.btn.btn-transparent,[type=button].btn-transparent,[type=reset].btn-transparent,[type=submit].btn-transparent,button.btn-transparent{--btn-color:transparent;--btn-fg:54,54,54;--btn-border-color:transparent}.btn.btn-transparent:focus,[type=button].btn-transparent:focus,[type=reset].btn-transparent:focus,[type=submit].btn-transparent:focus,button.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-transparent:hover,[type=button].btn-transparent:hover,[type=reset].btn-transparent:hover,[type=submit].btn-transparent:hover,button.btn-transparent:hover{--bg-opacity:0.1;--btn-color:0,0,0}.btn.btn-transparent.outline,[type=button].btn-transparent.outline,[type=reset].btn-transparent.outline,[type=submit].btn-transparent.outline,button.btn-transparent.outline{--btn-fg:54,54,54}.btn.btn-light,[type=button].btn-light,[type=reset].btn-light,[type=submit].btn-light,button.btn-light{--btn-color:246,249,252;--btn-fg:54,54,54;--btn-border-color:246,249,252}.btn.btn-light:hover,[type=button].btn-light:hover,[type=reset].btn-light:hover,[type=submit].btn-light:hover,button.btn-light:hover{--btn-color:208,224,239}.btn.btn-light:focus,[type=button].btn-light:focus,[type=reset].btn-light:focus,[type=submit].btn-light:focus,button.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-dark,[type=button].btn-dark,[type=reset].btn-dark,[type=submit].btn-dark,button.btn-dark{--btn-color:54,54,54;--btn-fg:246,249,252;--btn-border-color:54,54,54}.btn.btn-dark:focus,[type=button].btn-dark:focus,[type=reset].btn-dark:focus,[type=submit].btn-dark:focus,button.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-dark:hover,[type=button].btn-dark:hover,[type=reset].btn-dark:hover,[type=submit].btn-dark:hover,button.btn-dark:hover{--btn-color:80,80,80}.btn.btn-dark.outline:hover,[type=button].btn-dark.outline:hover,[type=reset].btn-dark.outline:hover,[type=submit].btn-dark.outline:hover,button.btn-dark.outline:hover{--btn-color:54,54,54}.btn.btn-black,[type=button].btn-black,[type=reset].btn-black,[type=submit].btn-black,button.btn-black{--btn-color:0,0,0;--btn-fg:246,249,252;--btn-border-color:0,0,0}.btn.btn-black:focus,[type=button].btn-black:focus,[type=reset].btn-black:focus,[type=submit].btn-black:focus,button.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-black:hover,[type=button].btn-black:hover,[type=reset].btn-black:hover,[type=submit].btn-black:hover,button.btn-black:hover{--btn-color:0,0,0}.btn.btn-primary,[type=button].btn-primary,[type=reset].btn-primary,[type=submit].btn-primary,button.btn-primary{--btn-color:240,61,77;--btn-fg:246,249,252;--btn-border-color:194,27,43}.btn.btn-primary:focus,[type=button].btn-primary:focus,[type=reset].btn-primary:focus,[type=submit].btn-primary:focus,button.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,77,.5)}.btn.btn-primary:hover,[type=button].btn-primary:hover,[type=reset].btn-primary:hover,[type=submit].btn-primary:hover,button.btn-primary:hover{--btn-color:214,41,57}.btn.btn-primary.outline:hover,[type=button].btn-primary.outline:hover,[type=reset].btn-primary.outline:hover,[type=submit].btn-primary.outline:hover,button.btn-primary.outline:hover{--btn-color:240,61,77}.btn.btn-info,[type=button].btn-info,[type=reset].btn-info,[type=submit].btn-info,button.btn-info{--btn-color:41,114,250;--btn-fg:246,249,252;--btn-border-color:41,114,250}.btn.btn-info:focus,[type=button].btn-info:focus,[type=reset].btn-info:focus,[type=submit].btn-info:focus,button.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn.btn-info:hover,[type=button].btn-info:hover,[type=reset].btn-info:hover,[type=submit].btn-info:hover,button.btn-info:hover{--btn-color:16,98,249}.btn.btn-info.outline:hover,[type=button].btn-info.outline:hover,[type=reset].btn-info.outline:hover,[type=submit].btn-info.outline:hover,button.btn-info.outline:hover{--btn-color:41,114,250}.btn.btn-link,[type=button].btn-link,[type=reset].btn-link,[type=submit].btn-link,button.btn-link{--btn-color:94,92,199;--btn-fg:246,249,252;--btn-border-color:94,92,199}.btn.btn-link:focus,[type=button].btn-link:focus,[type=reset].btn-link:focus,[type=submit].btn-link:focus,button.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn.btn-link:hover,[type=button].btn-link:hover,[type=reset].btn-link:hover,[type=submit].btn-link:hover,button.btn-link:hover{--btn-color:70,67,226}.btn.btn-link.outline,[type=button].btn-link.outline,[type=reset].btn-link.outline,[type=submit].btn-link.outline,button.btn-link.outline{--btn-fg:94,92,199;border:1px solid transparent}.btn.btn-link.outline:hover,[type=button].btn-link.outline:hover,[type=reset].btn-link.outline:hover,[type=submit].btn-link.outline:hover,button.btn-link.outline:hover{--btn-color:248,247,255;border:1px solid transparent;text-decoration:underline}.btn.btn-success,[type=button].btn-success,[type=reset].btn-success,[type=submit].btn-success,button.btn-success{--btn-color:13,209,87;--btn-fg:246,249,252;--btn-border-color:13,209,87}.btn.btn-success:focus,[type=button].btn-success:focus,[type=reset].btn-success:focus,[type=submit].btn-success:focus,button.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.5)}.btn.btn-success:hover,[type=button].btn-success:hover,[type=reset].btn-success:hover,[type=submit].btn-success:hover,button.btn-success:hover{--btn-color:12,185,77}.btn.btn-success.outline:hover,[type=button].btn-success.outline:hover,[type=reset].btn-success.outline:hover,[type=submit].btn-success.outline:hover,button.btn-success.outline:hover{--btn-color:13,209,87}.btn.btn-warning,[type=button].btn-warning,[type=reset].btn-warning,[type=submit].btn-warning,button.btn-warning{--btn-color:250,182,51;--btn-fg:54,54,54;--btn-border-color:250,182,51}.btn.btn-warning:focus,[type=button].btn-warning:focus,[type=reset].btn-warning:focus,[type=submit].btn-warning:focus,button.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,182,51,.5)}.btn.btn-warning:hover,[type=button].btn-warning:hover,[type=reset].btn-warning:hover,[type=submit].btn-warning:hover,button.btn-warning:hover{--btn-color:249,173,26}.btn.btn-warning.outline:hover,[type=button].btn-warning.outline:hover,[type=reset].btn-warning.outline:hover,[type=submit].btn-warning.outline:hover,button.btn-warning.outline:hover{--btn-color:250,182,51}.btn.btn-danger,[type=button].btn-danger,[type=reset].btn-danger,[type=submit].btn-danger,button.btn-danger{--btn-color:251,65,67;--btn-fg:246,249,252;--btn-border-color:251,65,67}.btn.btn-danger:focus,[type=button].btn-danger:focus,[type=reset].btn-danger:focus,[type=submit].btn-danger:focus,button.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.5)}.btn.btn-danger:hover,[type=button].btn-danger:hover,[type=reset].btn-danger:hover,[type=submit].btn-danger:hover,button.btn-danger:hover{--btn-color:235,5,7}.btn.btn-danger.outline:hover,[type=button].btn-danger.outline:hover,[type=reset].btn-danger.outline:hover,[type=submit].btn-danger.outline:hover,button.btn-danger.outline:hover{--btn-color:251,65,67}.btn.btn--xs,[type=button].btn--xs,[type=reset].btn--xs,[type=submit].btn--xs,button.btn--xs{padding:0 .5rem;font-size:50%}.btn.btn--sm,[type=button].btn--sm,[type=reset].btn--sm,[type=submit].btn--sm,button.btn--sm{padding:.25rem 1rem;font-size:70%}.btn.btn--md,[type=button].btn--md,[type=reset].btn--md,[type=submit].btn--md,button.btn--md{padding:.5rem 1.5rem;font-size:90%}.btn.btn--lg,[type=button].btn--lg,[type=reset].btn--lg,[type=submit].btn--lg,button.btn--lg{padding:.75rem 2rem;font-size:110%}.btn.btn--xl,[type=button].btn--xl,[type=reset].btn--xl,[type=submit].btn--xl,button.btn--xl{padding:1rem 2.5rem;font-size:130%}.btn .fa-wrapper.pad-right,[type=button] .fa-wrapper.pad-right,[type=reset] .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=button] .fa-wrapper.pad-left,[type=reset] .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=button] span:first-child,[type=reset] span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=button] span:last-child,[type=reset] span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}a.btn{display:inline-flex}[class*=" btn-"]:not(.btn-container):not(.btn-close),[class^=btn-]:not(.btn-container):not(.btn-close){background-color:rgba(var(--btn-color),var(--bg-opacity));border:1px solid rgba(var(--btn-border-color),var(--color-opacity));color:rgba(var(--btn-fg),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close):hover,[class^=btn-]:not(.btn-container):not(.btn-close):hover{background-color:rgba(var(--btn-color),var(--bg-opacity));border-color:rgba(var(--btn-border-color),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline,[class^=btn-]:not(.btn-container):not(.btn-close).outline{background-color:transparent;color:rgba(var(--btn-color),var(--color-opacity))}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover,[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover{background-color:rgba(var(--btn-color),var(--bg-opacity));color:rgba(var(--btn-fg),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent,[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent{color:73,80,87!important}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn-group{display:inline-flex}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{flex:1 0 auto;margin:0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=button]:last-child:not(:first-child),.btn-group [type=reset]:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-1px}.btn-group .btn:focus,.btn-group [type=button]:focus,.btn-group [type=reset]:focus,.btn-group [type=submit]:focus,.btn-group button:focus{z-index:1}.btn-group.btn-group-fill{display:flex}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=button],.btn-group.btn-group-fill [type=reset],.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{flex:1 0}.btn-group.btn-group-fill:focus{z-index:1}@media screen and (max-width:767px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=button]:last-child:not(:first-child),.btn-group [type=reset]:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{--cirrus-code-label-fg:#868e96;padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code:before{color:var(--cirrus-code-label-fg);content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}code.dark{--cirrus-code-bg:#343a40;--cirrus-code-fg:#f8f9fa;--cirrus-border-left-bg:#212529;--cirrus-code-label-fg:#ced4da}pre>code{--cirrus-code-bg:#f8f9fa;--cirrus-code-fg:#343a40;--cirrus-border-left-bg:#e9ecef;background-color:var(--cirrus-code-bg);font-size:14px;display:block;padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-border-left-bg);margin:0;position:relative;color:var(--cirrus-code-fg)}pre>code[data-lang]:not([data-lang=""]){padding:2rem 1.5rem 1rem}.footer{background-color:#343a40;padding:6rem 0;text-align:center;margin-top:5rem;width:100%}.footer.footer--fixed{bottom:0;position:fixed}.footer p{color:#868e96}.footer ul{margin:.5rem 0}.footer .footer__title{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}.footer .footer__list-title{color:#ced4da;font-size:75%;text-transform:uppercase;font-weight:bolder}.footer .footer__list-title::after{content:"";display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}.footer .footer__list-item,.footer ul a .footer__list-item{margin:.1rem;color:#868e96;transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,select.input--xs{font-size:.75rem;padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,select.input--sm{font-size:.875rem;padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,select.input--lg{font-size:1.25rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,select.input--xl{font-size:1.5rem}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,select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,select.input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xs,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs,select.input-contains-icon-right.input-xs,select.input-contains-icon.input--xs{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-sm,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm,select.input-contains-icon-right.input-sm,select.input-contains-icon.input--sm{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-lg,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg,select.input-contains-icon-right.input-lg,select.input-contains-icon.input--lg{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xl,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl,select.input-contains-icon-right.input-xl,select.input-contains-icon.input--xl{padding-left:4rem}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs~.icon,select.input-contains-icon-left.input--xs~.icon,select.input-contains-icon-right.input--xs~.icon.icon-right,select.input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm~.icon,select.input-contains-icon-left.input--sm~.icon,select.input-contains-icon-right.input--sm~.icon.icon-right,select.input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg~.icon,select.input-contains-icon-left.input--lg~.icon,select.input-contains-icon-right.input--lg~.icon.icon-right,select.input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl~.icon,select.input-contains-icon-left.input--xl~.icon,select.input-contains-icon-right.input--xl~.icon.icon-right,select.input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).search,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=search],select.search,select[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,');padding-left:2rem!important;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],select[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,select.input-success{border-color:#0dd157;background-color:rgba(0,224,0,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,select.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,select.input-error{border-color:#fb4143;background-color:rgba(244,67,54,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,select.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}textarea,textarea[type=text]{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;min-height:8rem;line-height:1.5rem;resize:vertical}textarea.input--xs,textarea[type=text].input--xs{font-size:.75rem;padding:.35rem .9rem}textarea.input--sm,textarea[type=text].input--sm{font-size:.875rem;padding:.55rem 1rem}textarea.input--lg,textarea[type=text].input--lg{font-size:1.25rem}textarea.input--xl,textarea[type=text].input--xl{font-size:1.5rem}textarea.input-contains-icon,textarea.input-contains-icon-left,textarea[type=text].input-contains-icon,textarea[type=text].input-contains-icon-left{padding-left:2.75rem}textarea.input-contains-icon-right,textarea[type=text].input-contains-icon-right{padding-right:2.75rem}textarea.input-contains-icon-right.input-xs,textarea.input-contains-icon.input--xs,textarea[type=text].input-contains-icon-right.input-xs,textarea[type=text].input-contains-icon.input--xs{padding-left:2rem}textarea.input-contains-icon-right.input-sm,textarea.input-contains-icon.input--sm,textarea[type=text].input-contains-icon-right.input-sm,textarea[type=text].input-contains-icon.input--sm{padding-left:2.5rem}textarea.input-contains-icon-right.input-lg,textarea.input-contains-icon.input--lg,textarea[type=text].input-contains-icon-right.input-lg,textarea[type=text].input-contains-icon.input--lg{padding-left:3.5rem}textarea.input-contains-icon-right.input-xl,textarea.input-contains-icon.input--xl,textarea[type=text].input-contains-icon-right.input-xl,textarea[type=text].input-contains-icon.input--xl{padding-left:4rem}textarea.input-contains-icon-left.input--xs~.icon,textarea.input-contains-icon-right.input--xs~.icon.icon-right,textarea.input-contains-icon.input--xs~.icon,textarea[type=text].input-contains-icon-left.input--xs~.icon,textarea[type=text].input-contains-icon-right.input--xs~.icon.icon-right,textarea[type=text].input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}textarea.input-contains-icon-left.input--sm~.icon,textarea.input-contains-icon-right.input--sm~.icon.icon-right,textarea.input-contains-icon.input--sm~.icon,textarea[type=text].input-contains-icon-left.input--sm~.icon,textarea[type=text].input-contains-icon-right.input--sm~.icon.icon-right,textarea[type=text].input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}textarea.input-contains-icon-left.input--lg~.icon,textarea.input-contains-icon-right.input--lg~.icon.icon-right,textarea.input-contains-icon.input--lg~.icon,textarea[type=text].input-contains-icon-left.input--lg~.icon,textarea[type=text].input-contains-icon-right.input--lg~.icon.icon-right,textarea[type=text].input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}textarea.input-contains-icon-left.input--xl~.icon,textarea.input-contains-icon-right.input--xl~.icon.icon-right,textarea.input-contains-icon.input--xl~.icon,textarea[type=text].input-contains-icon-left.input--xl~.icon,textarea[type=text].input-contains-icon-right.input--xl~.icon.icon-right,textarea[type=text].input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,.45),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-success,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,input[type=text].input-focused.input-success,select:focus.input-success,textarea:focus.input-success,textarea[type=text]:focus.input-success{border-color:#0dd157;background-color:rgba(0,224,0,.05)!important}.input-focused.input-success:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,input[type=text].input-focused.input-success:focus,select:focus.input-success:focus,textarea:focus.input-success:focus,textarea[type=text]:focus.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-error,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,input[type=text].input-focused.input-error,select:focus.input-error,textarea:focus.input-error,textarea[type=text]:focus.input-error{border-color:#fb4143;background-color:rgba(244,67,54,.05)!important}.input-focused.input-error:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,input[type=text].input-focused.input-error:focus,select:focus.input-error:focus,textarea:focus.input-error:focus,textarea[type=text]:focus.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;background-color:#fff;border:1px solid #ddd}select.input--xs{font-size:.75rem;padding:.35rem .9rem}select.input--sm{font-size:.875rem;padding:.55rem 1rem}select.input--lg{font-size:1.25rem}select.input--xl{font-size:1.5rem}select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}select.input-contains-icon-right{padding-right:2.75rem}select.input-contains-icon-right.input-xs,select.input-contains-icon.input--xs{padding-left:2rem}select.input-contains-icon-right.input-sm,select.input-contains-icon.input--sm{padding-left:2.5rem}select.input-contains-icon-right.input-lg,select.input-contains-icon.input--lg{padding-left:3.5rem}select.input-contains-icon-right.input-xl,select.input-contains-icon.input--xl{padding-left:4rem}select.input-contains-icon-left.input--xs~.icon,select.input-contains-icon-right.input--xs~.icon.icon-right,select.input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}select.input-contains-icon-left.input--sm~.icon,select.input-contains-icon-right.input--sm~.icon.icon-right,select.input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}select.input-contains-icon-left.input--lg~.icon,select.input-contains-icon-right.input--lg~.icon.icon-right,select.input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}select.input-contains-icon-left.input--xl~.icon,select.input-contains-icon-right.input--xl~.icon.icon-right,select.input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){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") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f1f3f5;cursor:not-allowed;border:1px solid #f1f3f5}label.label{color:#495057;display:inline-block;font-weight:700;margin-top:.8rem}label+.input-control{margin-top:0}label.label:not(:last-child){margin-bottom:0}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#c81e1e;padding-left:.1rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon-left~.icon,.input-contains-icon-right~.icon,.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-btn:focus{z-index:1}.form-group .form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #dee2e6;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-label.label--xs{font-size:.75rem}.form-group .form-group-label.label--sm{font-size:.875rem}.form-group .form-group-label.label--lg{font-size:1.25rem}.form-group .form-group-label.label--xl{font-size:1.5rem}.form-group .form-group-input:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-input:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-input:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-input:focus{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07);display:flex;flex-direction:column}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto}.frame .frame__body{flex:1 1 auto;overflow-y:auto;padding:0 1rem}.frame .frame__title{color:#0f172a;font-size:1rem;margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(15,23,42,.6);font-size:1rem;margin:0 auto .75rem}.header{flex-grow:1;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s;display:flex;--header-link-color:#495057;--header-link-color-hover:#606a73}.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:0}.header a{color:var(--header-link-color)}.header a:hover{color:var(--header-link-color-hover)}.header.header-dark{background-color:rgba(0,0,0,.87);color:#fff;--header-link-color:#fff;--header-link-color-hover:#fff}.header.header-clear{background-color:transparent;box-shadow:none}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.header.header-animated .header-nav{transition:.3s}.header .header-nav{overflow:auto}.header .header-brand{align-items:stretch;display:flex;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header.header-fixed{position:fixed;top:0}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{background-color:rgba(216,216,216,.15);transition:.3s}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.header .nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header [type=button],.header [type=reset],.header [type=submit],.header button{margin:0}.nav-menu{transition:.3s}.nav-menu .has-sub{position:relative}.nav-overflow-x{justify-content:inherit;overflow-x:scroll}.nav-item{align-items:center;display:flex;position:relative;flex-grow:0;flex-shrink:0;justify-content:center;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #e9ecef;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.nav-item .dropdown-menu.dropdown-animated{transition:all var(--animation-duration)}.nav-item .dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.nav-item .dropdown-menu>li{margin:0;transition:.3s}.nav-item .dropdown-menu>li:hover{transition:.3s;background-color:rgba(216,216,216,.15)}.nav-item .dropdown-menu>li:active{transition:.3s;background-color:rgba(216,216,216,.25)}.nav-item .dropdown-menu>li:last-child{margin-bottom:0}.nav-item .dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid #f03d4d;border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.header.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #343a40;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}@media screen and (min-width:768px){.header{align-items:stretch;display:flex}.header .header-nav{flex-grow:1;align-items:stretch;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.header .nav-left{align-items:stretch;flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-start;white-space:nowrap}.header .nav-left .has-sub .dropdown-menu{left:0;right:auto}.header .nav-right{align-items:stretch;flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;white-space:nowrap}.header .nav-right .has-sub .dropdown-menu{left:auto;right:0}.header .nav-center{align-items:stretch;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-left:auto;margin-right:auto}.header .nav-btn{display:none}.header .nav-item a{padding:.5rem 1rem}.header .nav-item .dropdown-menu{opacity:0;pointer-events:none}.header .nav-item .dropdown-menu.dropdown-animated{transform:translateY(-5px)}.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.header .nav-item .dropdown-menu.dropdown-shown,.header .nav-item.toggle-hover:hover .dropdown-menu{opacity:1;transform:none;pointer-events:auto}}@media screen and (max-width:767px){.header{flex-direction:column}.header .header-brand .nav-item:first-child{padding:0 1rem}.header .header-nav{height:0}.header .header-nav.active{height:100vh}.header .header-nav .nav-item{padding:1rem}.header .header-nav .nav-item>a{padding:0;width:100%}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu{display:none}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:var(--header-link-color);display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;transition:86ms ease-out;width:15px}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}.header .nav-item.has-sub.toggle-hover:not(.no-hover):hover>.dropdown-menu{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}}a{color:#5e5cc7;font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:#4643e2;transition:.3s}a.underline{text-decoration:underline}.subtitle a{padding:0}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}ul.no-bullets{list-style:none}ul.menu{font-size:1rem;list-style:none;margin:.5rem 0}ul .menu-title:not(:first-child){margin-bottom:1rem}ul .menu-title:not(:last-child){margin-top:1rem}ul .menu-item a{color:#495057;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;transition:all var(--animation-duration)}ul .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#f03d4d;transition:all var(--animation-duration)}ul .menu-item.selected>a{color:#fff;background-color:#f03d4d}ul .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;transition:all var(--animation-duration)}ul .menu-item .menu-addon .icon{font-size:inherit;vertical-align:auto}ul .menu-item .menu-addon:hover{transition:all var(--animation-duration)}ul .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}ul .menu-item.selected .menu-addon{color:#fff}ul .menu-item ul{border-left:1px solid #dee2e6;margin:.75rem;padding-left:.75rem}ul .divider{border-top:.1rem solid #e9ecef;height:.1rem;margin:1rem 0}ul .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#adb5bd;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;animation:slide-down var(--animation-duration) ease 1;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 1rem 3rem rgba(149,157,165,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;transition:all var(--animation-duration)}@media screen and (max-width:767px){.list-dropdown .menu{height:0;padding:0!important;position:relative}}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-weight:700}.tree .tree-item .tree-item-header .icon{transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;transition:all var(--animation-duration)}.tree-nav-body{display:flex;height:100vh;flex-wrap:nowrap}.tree-nav-body .tree-nav{flex-grow:0;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav-body .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav-body+.tree-nav-close{display:none}.tree-nav-body+.tree-nav-content{max-width:100%;padding:2rem;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-body .tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}@media screen and (max-width:767px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--animation-duration) ease;z-index:400}.tree-nav:target{transform:translateX(0);transition:transform var(--animation-duration) ease}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}.progress{--progress-color:#f03d4d;-moz-appearance:none;-webkit-appearance:none;background-color:#e9ecef;border:none;border-radius:.25rem;overflow:hidden;padding:0;width:100%;height:.75rem}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:var(--progress-color)}.progress::-moz-progress-bar{background-color:var(--progress-color)}.progress::-ms-fill{background-color:var(--progress-color);border:none}.progress.progress--xs{height:.25rem}.progress.progress--sm{height:.5rem}.progress.progress--md{height:.75rem}.progress.progress--lg{height:1rem}.progress.progress--xl{height:1.25rem}.progress.progress--primary{--progress-color:#f03d4d}.progress.progress--dark{--progress-color:#363636}.progress.progress--link{--progress-color:#5e5cc7}.progress.progress--info{--progress-color:#2972fa}.progress.progress--success{--progress-color:#0dd157}.progress.progress--warning{--progress-color:#fab633}.progress.progress--danger{--progress-color:#fb4143}.progress:indeterminate{animation:1.5s linear infinite progress-indeterminate;background:#e9ecef linear-gradient(to right,var(--progress-color) 30%,#e9ecef 30%) top left/150% 150% no-repeat}.progress:indeterminate::-webkit-progress-bar{--progress-color:transparent}.progress:indeterminate::-moz-progress-bar{--progress-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.table-container{overflow:auto;overflow-y:hidden;max-width:100%}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(222,226,230,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table tr.selected{background-color:#f03d4d;color:#fff}.table .table caption{padding-top:.75rem;padding-bottom:.75rem;color:#dee2e6;text-align:left;caption-side:bottom}.table tr:not(.selected):hover,.table.striped tbody tr:not(.selected):nth-child(even):hover{background-color:rgba(222,226,230,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(222,226,230,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(222,226,230,.5);border-bottom:none}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(222,226,230,.5)}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.bordered thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{min-height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}.u-top-auto{top:auto!important}.u-top-0{top:0!important}.u-top-50p{top:50%!important}.u-top-100p{top:100%!important}.u-top-n50p{top:-50%!important}.u-top-n100p{top:-100%!important}.u-left-auto{left:auto!important}.u-left-0{left:0!important}.u-left-50p{left:50%!important}.u-left-100p{left:100%!important}.u-left-n50p{left:-50%!important}.u-left-n100p{left:-100%!important}.u-right-auto{right:auto!important}.u-right-0{right:0!important}.u-right-50p{right:50%!important}.u-right-100p{right:100%!important}.u-right-n50p{right:-50%!important}.u-right-n100p{right:-100%!important}.u-bottom-auto{bottom:auto!important}.u-bottom-0{bottom:0!important}.u-bottom-50p{bottom:50%!important}.u-bottom-100p{bottom:100%!important}.u-bottom-n50p{bottom:-50%!important}.u-bottom-n100p{bottom:-100%!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-none{display:none!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-table-column{display:table-column!important}.u-table-cell{display:table-cell!important}.u-flex-row{flex-direction:row!important}.u-flex-row-reverse{flex-direction:row-reverse!important}.u-flex-column{flex-direction:column!important}.u-flex-column-reverse{flex-direction:column-reverse!important}@media screen and (min-width:640px){.u-clear-left-sm{clear:left!important}.u-clear-right-sm{clear:right!important}.u-clear-both-sm{clear:both!important}.u-none-sm{display:none!important}.u-inline-sm{display:inline!important}.u-inline-block-sm{display:inline-block!important}.u-block-sm{display:block!important}.u-flex-sm{display:flex!important}.u-inline-flex-sm{display:inline-flex!important}.u-table-sm{display:table!important}.u-table-row-sm{display:table-row!important}.u-table-column-sm{display:table-column!important}.u-table-cell-sm{display:table-cell!important}.u-flex-row-sm{flex-direction:row!important}.u-flex-row-reverse-sm{flex-direction:row-reverse!important}.u-flex-column-sm{flex-direction:column!important}.u-flex-column-reverse-sm{flex-direction:column-reverse!important}}@media screen and (min-width:768px){.u-clear-left-md{clear:left!important}.u-clear-right-md{clear:right!important}.u-clear-both-md{clear:both!important}.u-none-md{display:none!important}.u-inline-md{display:inline!important}.u-inline-block-md{display:inline-block!important}.u-block-md{display:block!important}.u-flex-md{display:flex!important}.u-inline-flex-md{display:inline-flex!important}.u-table-md{display:table!important}.u-table-row-md{display:table-row!important}.u-table-column-md{display:table-column!important}.u-table-cell-md{display:table-cell!important}.u-flex-row-md{flex-direction:row!important}.u-flex-row-reverse-md{flex-direction:row-reverse!important}.u-flex-column-md{flex-direction:column!important}.u-flex-column-reverse-md{flex-direction:column-reverse!important}}@media screen and (min-width:1024px){.u-clear-left-lg{clear:left!important}.u-clear-right-lg{clear:right!important}.u-clear-both-lg{clear:both!important}.u-none-lg{display:none!important}.u-inline-lg{display:inline!important}.u-inline-block-lg{display:inline-block!important}.u-block-lg{display:block!important}.u-flex-lg{display:flex!important}.u-inline-flex-lg{display:inline-flex!important}.u-table-lg{display:table!important}.u-table-row-lg{display:table-row!important}.u-table-column-lg{display:table-column!important}.u-table-cell-lg{display:table-cell!important}.u-flex-row-lg{flex-direction:row!important}.u-flex-row-reverse-lg{flex-direction:row-reverse!important}.u-flex-column-lg{flex-direction:column!important}.u-flex-column-reverse-lg{flex-direction:column-reverse!important}}@media screen and (min-width:1280px){.u-clear-left-xl{clear:left!important}.u-clear-right-xl{clear:right!important}.u-clear-both-xl{clear:both!important}.u-none-xl{display:none!important}.u-inline-xl{display:inline!important}.u-inline-block-xl{display:inline-block!important}.u-block-xl{display:block!important}.u-flex-xl{display:flex!important}.u-inline-flex-xl{display:inline-flex!important}.u-table-xl{display:table!important}.u-table-row-xl{display:table-row!important}.u-table-column-xl{display:table-column!important}.u-table-cell-xl{display:table-cell!important}.u-flex-row-xl{flex-direction:row!important}.u-flex-row-reverse-xl{flex-direction:row-reverse!important}.u-flex-column-xl{flex-direction:column!important}.u-flex-column-reverse-xl{flex-direction:column-reverse!important}}.u-justify-flex-start{justify-content:flex-start!important}.u-justify-center{justify-content:center!important}.u-justify-flex-end{justify-content:flex-end!important}.u-justify-space-between{justify-content:space-between!important}.u-justify-space-around{justify-content:space-around!important}.u-justify-space-evenly{justify-content:space-evenly!important}@media screen and (min-width:640px){.u-justify-flex-start-sm{justify-content:flex-start!important}.u-justify-center-sm{justify-content:center!important}.u-justify-flex-end-sm{justify-content:flex-end!important}.u-justify-space-between-sm{justify-content:space-between!important}.u-justify-space-around-sm{justify-content:space-around!important}.u-justify-space-evenly-sm{justify-content:space-evenly!important}}@media screen and (min-width:768px){.u-justify-flex-start-md{justify-content:flex-start!important}.u-justify-center-md{justify-content:center!important}.u-justify-flex-end-md{justify-content:flex-end!important}.u-justify-space-between-md{justify-content:space-between!important}.u-justify-space-around-md{justify-content:space-around!important}.u-justify-space-evenly-md{justify-content:space-evenly!important}}@media screen and (min-width:1024px){.u-justify-flex-start-lg{justify-content:flex-start!important}.u-justify-center-lg{justify-content:center!important}.u-justify-flex-end-lg{justify-content:flex-end!important}.u-justify-space-between-lg{justify-content:space-between!important}.u-justify-space-around-lg{justify-content:space-around!important}.u-justify-space-evenly-lg{justify-content:space-evenly!important}}@media screen and (min-width:1280px){.u-justify-flex-start-xl{justify-content:flex-start!important}.u-justify-center-xl{justify-content:center!important}.u-justify-flex-end-xl{justify-content:flex-end!important}.u-justify-space-between-xl{justify-content:space-between!important}.u-justify-space-around-xl{justify-content:space-around!important}.u-justify-space-evenly-xl{justify-content:space-evenly!important}}.u-items-stretch{align-items:stretch!important}.u-items-flex-start{align-items:flex-start!important}.u-items-center{align-items:center!important}.u-items-flex-end{align-items:flex-end!important}.u-items-baseline{align-items:baseline!important}@media screen and (min-width:640px){.u-items-stretch-sm{align-items:stretch!important}.u-items-flex-start-sm{align-items:flex-start!important}.u-items-center-sm{align-items:center!important}.u-items-flex-end-sm{align-items:flex-end!important}.u-items-baseline-sm{align-items:baseline!important}}@media screen and (min-width:768px){.u-items-stretch-md{align-items:stretch!important}.u-items-flex-start-md{align-items:flex-start!important}.u-items-center-md{align-items:center!important}.u-items-flex-end-md{align-items:flex-end!important}.u-items-baseline-md{align-items:baseline!important}}@media screen and (min-width:1024px){.u-items-stretch-lg{align-items:stretch!important}.u-items-flex-start-lg{align-items:flex-start!important}.u-items-center-lg{align-items:center!important}.u-items-flex-end-lg{align-items:flex-end!important}.u-items-baseline-lg{align-items:baseline!important}}@media screen and (min-width:1280px){.u-items-stretch-xl{align-items:stretch!important}.u-items-flex-start-xl{align-items:flex-start!important}.u-items-center-xl{align-items:center!important}.u-items-flex-end-xl{align-items:flex-end!important}.u-items-baseline-xl{align-items:baseline!important}}.u-flex-grow-0{flex-grow:0!important}.u-flex-grow-1{flex-grow:1!important}@media screen and (min-width:640px){.u-flex-grow-0-sm{flex-grow:0!important}.u-flex-grow-1-sm{flex-grow:1!important}}@media screen and (min-width:768px){.u-flex-grow-0-md{flex-grow:0!important}.u-flex-grow-1-md{flex-grow:1!important}}@media screen and (min-width:1024px){.u-flex-grow-0-lg{flex-grow:0!important}.u-flex-grow-1-lg{flex-grow:1!important}}@media screen and (min-width:1280px){.u-flex-grow-0-xl{flex-grow:0!important}.u-flex-grow-1-xl{flex-grow:1!important}}.u-flex-shrink-0{flex-shrink:0!important}.u-flex-shrink-1{flex-shrink:1!important}@media screen and (min-width:640px){.u-flex-shrink-0-sm{flex-shrink:0!important}.u-flex-shrink-1-sm{flex-shrink:1!important}}@media screen and (min-width:768px){.u-flex-shrink-0-md{flex-shrink:0!important}.u-flex-shrink-1-md{flex-shrink:1!important}}@media screen and (min-width:1024px){.u-flex-shrink-0-lg{flex-shrink:0!important}.u-flex-shrink-1-lg{flex-shrink:1!important}}@media screen and (min-width:1280px){.u-flex-shrink-0-xl{flex-shrink:0!important}.u-flex-shrink-1-xl{flex-shrink:1!important}}.u-flex-wrap{flex-wrap:wrap!important}.u-flex-wrap-reverse{flex-wrap:wrap-reverse!important}.u-flex-nowrap{flex-wrap:nowrap!important}.u-gap-0{gap:0!important}.u-gap-1{gap:.5rem!important}.u-gap-2{gap:1rem!important}.u-gap-3{gap:1.5rem!important}.u-gap-4{gap:2rem!important}.u-gap-5{gap:2.5rem!important}.u-gap-6{gap:3rem!important}.u-gap-8{gap:4rem!important}.u-gap-10{gap:5rem!important}.u-gap-12{gap:6rem!important}.u-gap-16{gap:8rem!important}.u-gap-20{gap:10rem!important}.u-gap-24{gap:12rem!important}.u-gap-32{gap:16rem!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-text-center{text-align:center!important}@media screen and (min-width:640px){.u-flex-wrap-sm{flex-wrap:wrap!important}.u-flex-wrap-reverse-sm{flex-wrap:wrap-reverse!important}.u-flex-nowrap-sm{flex-wrap:nowrap!important}.u-pull-left-sm{float:left!important}.u-pull-right-sm{float:right!important}.u-text-justify-sm{text-align:justify!important}.u-text-left-sm{text-align:left!important}.u-text-right-sm{text-align:right!important}.u-text-center-sm{text-align:center!important}}@media screen and (min-width:768px){.u-flex-wrap-md{flex-wrap:wrap!important}.u-flex-wrap-reverse-md{flex-wrap:wrap-reverse!important}.u-flex-nowrap-md{flex-wrap:nowrap!important}.u-pull-left-md{float:left!important}.u-pull-right-md{float:right!important}.u-text-justify-md{text-align:justify!important}.u-text-left-md{text-align:left!important}.u-text-right-md{text-align:right!important}.u-text-center-md{text-align:center!important}}@media screen and (min-width:1024px){.u-flex-wrap-lg{flex-wrap:wrap!important}.u-flex-wrap-reverse-lg{flex-wrap:wrap-reverse!important}.u-flex-nowrap-lg{flex-wrap:nowrap!important}.u-pull-left-lg{float:left!important}.u-pull-right-lg{float:right!important}.u-text-justify-lg{text-align:justify!important}.u-text-left-lg{text-align:left!important}.u-text-right-lg{text-align:right!important}.u-text-center-lg{text-align:center!important}}@media screen and (min-width:1280px){.u-flex-wrap-xl{flex-wrap:wrap!important}.u-flex-wrap-reverse-xl{flex-wrap:wrap-reverse!important}.u-flex-nowrap-xl{flex-wrap:nowrap!important}.u-pull-left-xl{float:left!important}.u-pull-right-xl{float:right!important}.u-text-justify-xl{text-align:justify!important}.u-text-left-xl{text-align:left!important}.u-text-right-xl{text-align:right!important}.u-text-center-xl{text-align:center!important}}.u-text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:flex;align-items:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-disabled{cursor:not-allowed!important;pointer-events:none!important}.u-unselectable{user-select:none!important}.u-no-outline{outline:0!important}.u-opacity-0{opacity:0!important}.u-opacity-10{opacity:.1!important}.u-opacity-20{opacity:.2!important}.u-opacity-30{opacity:.3!important}.u-opacity-40{opacity:.4!important}.u-opacity-50{opacity:.5!important}.u-opacity-60{opacity:.6!important}.u-opacity-70{opacity:.7!important}.u-opacity-80{opacity:.8!important}.u-opacity-90{opacity:.9!important}.u-opacity-100{opacity:1!important}.u-bg-opacity-0{--bg-opacity:0}.u-bg-opacity-10{--bg-opacity:0.1}.u-bg-opacity-20{--bg-opacity:0.2}.u-bg-opacity-30{--bg-opacity:0.3}.u-bg-opacity-40{--bg-opacity:0.4}.u-bg-opacity-50{--bg-opacity:0.5}.u-bg-opacity-60{--bg-opacity:0.6}.u-bg-opacity-70{--bg-opacity:0.7}.u-bg-opacity-80{--bg-opacity:0.8}.u-bg-opacity-90{--bg-opacity:0.9}.u-bg-opacity-100{--bg-opacity:1}.u-color-opacity-0{--color-opacity:0}.u-color-opacity-10{--color-opacity:0.1}.u-color-opacity-20{--color-opacity:0.2}.u-color-opacity-30{--color-opacity:0.3}.u-color-opacity-40{--color-opacity:0.4}.u-color-opacity-50{--color-opacity:0.5}.u-color-opacity-60{--color-opacity:0.6}.u-color-opacity-70{--color-opacity:0.7}.u-color-opacity-80{--color-opacity:0.8}.u-color-opacity-90{--color-opacity:0.9}.u-color-opacity-100{--color-opacity:1}.u-overflow-auto{overflow:auto!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-visible{overflow:visible!important}.u-overflow-scroll{overflow:scroll!important}@media screen and (min-width:640px){.u-opacity-0-sm{opacity:0!important}.u-opacity-10-sm{opacity:.1!important}.u-opacity-20-sm{opacity:.2!important}.u-opacity-30-sm{opacity:.3!important}.u-opacity-40-sm{opacity:.4!important}.u-opacity-50-sm{opacity:.5!important}.u-opacity-60-sm{opacity:.6!important}.u-opacity-70-sm{opacity:.7!important}.u-opacity-80-sm{opacity:.8!important}.u-opacity-90-sm{opacity:.9!important}.u-opacity-100-sm{opacity:1!important}.u-overflow-auto-sm{overflow:auto!important}.u-overflow-hidden-sm{overflow:hidden!important}.u-overflow-visible-sm{overflow:visible!important}.u-overflow-scroll-sm{overflow:scroll!important}}@media screen and (min-width:768px){.u-opacity-0-md{opacity:0!important}.u-opacity-10-md{opacity:.1!important}.u-opacity-20-md{opacity:.2!important}.u-opacity-30-md{opacity:.3!important}.u-opacity-40-md{opacity:.4!important}.u-opacity-50-md{opacity:.5!important}.u-opacity-60-md{opacity:.6!important}.u-opacity-70-md{opacity:.7!important}.u-opacity-80-md{opacity:.8!important}.u-opacity-90-md{opacity:.9!important}.u-opacity-100-md{opacity:1!important}.u-overflow-auto-md{overflow:auto!important}.u-overflow-hidden-md{overflow:hidden!important}.u-overflow-visible-md{overflow:visible!important}.u-overflow-scroll-md{overflow:scroll!important}}@media screen and (min-width:1024px){.u-opacity-0-lg{opacity:0!important}.u-opacity-10-lg{opacity:.1!important}.u-opacity-20-lg{opacity:.2!important}.u-opacity-30-lg{opacity:.3!important}.u-opacity-40-lg{opacity:.4!important}.u-opacity-50-lg{opacity:.5!important}.u-opacity-60-lg{opacity:.6!important}.u-opacity-70-lg{opacity:.7!important}.u-opacity-80-lg{opacity:.8!important}.u-opacity-90-lg{opacity:.9!important}.u-opacity-100-lg{opacity:1!important}.u-overflow-auto-lg{overflow:auto!important}.u-overflow-hidden-lg{overflow:hidden!important}.u-overflow-visible-lg{overflow:visible!important}.u-overflow-scroll-lg{overflow:scroll!important}}@media screen and (min-width:1280px){.u-opacity-0-xl{opacity:0!important}.u-opacity-10-xl{opacity:.1!important}.u-opacity-20-xl{opacity:.2!important}.u-opacity-30-xl{opacity:.3!important}.u-opacity-40-xl{opacity:.4!important}.u-opacity-50-xl{opacity:.5!important}.u-opacity-60-xl{opacity:.6!important}.u-opacity-70-xl{opacity:.7!important}.u-opacity-80-xl{opacity:.8!important}.u-opacity-90-xl{opacity:.9!important}.u-opacity-100-xl{opacity:1!important}.u-overflow-auto-xl{overflow:auto!important}.u-overflow-hidden-xl{overflow:hidden!important}.u-overflow-visible-xl{overflow:visible!important}.u-overflow-scroll-xl{overflow:scroll!important}}.u-overflow-x-auto{overflow-x:auto!important}.u-overflow-x-hidden{overflow-x:hidden!important}.u-overflow-x-visible{overflow-x:visible!important}.u-overflow-x-scroll{overflow-x:scroll!important}.u-overflow-y-auto{overflow-y:auto!important}.u-overflow-y-hidden{overflow-y:hidden!important}.u-overflow-y-visible{overflow-y:visible!important}.u-overflow-y-scroll{overflow-y:scroll!important}.u-static{position:static!important}.u-fixed{position:fixed!important}.u-absolute{position:absolute!important}.u-relative{position:relative!important}.u-sticky{position:sticky!important}@media screen and (min-width:640px){.u-overflow-x-auto-sm{overflow-x:auto!important}.u-overflow-x-hidden-sm{overflow-x:hidden!important}.u-overflow-x-visible-sm{overflow-x:visible!important}.u-overflow-x-scroll-sm{overflow-x:scroll!important}.u-overflow-y-auto-sm{overflow-y:auto!important}.u-overflow-y-hidden-sm{overflow-y:hidden!important}.u-overflow-y-visible-sm{overflow-y:visible!important}.u-overflow-y-scroll-sm{overflow-y:scroll!important}.u-static-sm{position:static!important}.u-fixed-sm{position:fixed!important}.u-absolute-sm{position:absolute!important}.u-relative-sm{position:relative!important}.u-sticky-sm{position:sticky!important}}@media screen and (min-width:768px){.u-overflow-x-auto-md{overflow-x:auto!important}.u-overflow-x-hidden-md{overflow-x:hidden!important}.u-overflow-x-visible-md{overflow-x:visible!important}.u-overflow-x-scroll-md{overflow-x:scroll!important}.u-overflow-y-auto-md{overflow-y:auto!important}.u-overflow-y-hidden-md{overflow-y:hidden!important}.u-overflow-y-visible-md{overflow-y:visible!important}.u-overflow-y-scroll-md{overflow-y:scroll!important}.u-static-md{position:static!important}.u-fixed-md{position:fixed!important}.u-absolute-md{position:absolute!important}.u-relative-md{position:relative!important}.u-sticky-md{position:sticky!important}}@media screen and (min-width:1024px){.u-overflow-x-auto-lg{overflow-x:auto!important}.u-overflow-x-hidden-lg{overflow-x:hidden!important}.u-overflow-x-visible-lg{overflow-x:visible!important}.u-overflow-x-scroll-lg{overflow-x:scroll!important}.u-overflow-y-auto-lg{overflow-y:auto!important}.u-overflow-y-hidden-lg{overflow-y:hidden!important}.u-overflow-y-visible-lg{overflow-y:visible!important}.u-overflow-y-scroll-lg{overflow-y:scroll!important}.u-static-lg{position:static!important}.u-fixed-lg{position:fixed!important}.u-absolute-lg{position:absolute!important}.u-relative-lg{position:relative!important}.u-sticky-lg{position:sticky!important}}@media screen and (min-width:1280px){.u-overflow-x-auto-xl{overflow-x:auto!important}.u-overflow-x-hidden-xl{overflow-x:hidden!important}.u-overflow-x-visible-xl{overflow-x:visible!important}.u-overflow-x-scroll-xl{overflow-x:scroll!important}.u-overflow-y-auto-xl{overflow-y:auto!important}.u-overflow-y-hidden-xl{overflow-y:hidden!important}.u-overflow-y-visible-xl{overflow-y:visible!important}.u-overflow-y-scroll-xl{overflow-y:scroll!important}.u-static-xl{position:static!important}.u-fixed-xl{position:fixed!important}.u-absolute-xl{position:absolute!important}.u-relative-xl{position:relative!important}.u-sticky-xl{position:sticky!important}}.u-round-none{border-radius:0}.u-round-xs{border-radius:.25rem}.u-round-sm{border-radius:.5rem}.u-round-md{border-radius:.75rem}.u-round-lg{border-radius:1rem}.u-round-xl{border-radius:1.25rem}.u-round-full{border-radius:9001px}.u-shadow-none{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1{z-index:-1!important}.u-z-0{z-index:0!important}.u-z-1{z-index:1!important}.u-z-10{z-index:10!important}.u-z-20{z-index:20!important}.u-z-30{z-index:30!important}.u-z-40{z-index:40!important}.u-z-50{z-index:50!important}.u-z-auto{z-index:auto!important}
\ No newline at end of file
diff --git a/dist/cirrus.css b/dist/cirrus.css
index 8314757a..a89908f5 100644
--- a/dist/cirrus.css
+++ b/dist/cirrus.css
@@ -1,830 +1,16535 @@
/*
-* Cirrus 0.7.0
+* Cirrus 0.7.0-patch.1
* Stanley Lim, Copyright 2022
* https://spiderpig86.github.io/Cirrus
*/
@charset "UTF-8";
-/* # Module: Message */
-/* ----------------- */
-/* Test: Renders messages as CSS comments */
-/* ASSERT: */
-/* OUTPUT */
-/* This is a simple message */
-/* END_OUTPUT */
-/* EXPECTED */
-/* This is a simple message */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Renders lists as multiple CSS comments */
-/* ASSERT: */
-/* OUTPUT */
-/* This is a */
-/* multiline message */
-/* END_OUTPUT */
-/* EXPECTED */
-/* This is a */
-/* multiline message */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: True Error [function] */
-/* ------------------------------- */
-/* Test: Allow errors to return without blocking compilation */
-/* ✔ [assert-equal] Allow errors to return without blocking compilation */
-/* */
-/* */
-/* # Module: True Error [mixin] */
-/* ---------------------------- */
-/* Test: Allow errors to output without blocking compilation */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* ERROR [error test]: */
- /* This is a test error message */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* ERROR [error test]: */
- /* This is a test error message */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Map Increment */
-/* ----------------------- */
-/* Test: Returns a map with the sum-values of two numeric maps */
-/* ✔ [assert-equal] Returns a map with the sum-values of two numeric maps */
-/* */
-/* */
-/* # Module: Join Multiple */
-/* ----------------------- */
-/* Test: Combines multiple lists */
-/* ✔ [assert-equal] Combines multiple lists */
-/* */
-/* Test: Sets new list-separator */
-/* ✔ [assert-equal] Sets new list-separator */
-/* */
-/* */
-/* # Module: Context [mixin] & Context-Pop */
-/* --------------------------------------- */
-/* Test: Adds scope and name to context */
-/* ✔ [assert-unequal] Confirm that there is currently no "fake" scope */
-/* ✔ [assert-unequal] Confirm that there is currently no "fake" scope */
-/* ✔ [assert-equal] Sets the value of scope "fake" to "this scope is not real" */
-/* ✔ [assert-unequal] Confirm that "fake" scope has been removed */
-/* ✔ [assert-unequal] Confirm that "fake" scope has been removed */
-/* */
-/* */
-/* # Module: Output Context */
-/* ------------------------ */
-/* Test: Appends new context */
-/* ✔ [assert-equal] Check initial value */
-/* ✔ [assert-equal] Appends new context */
-/* ✔ [assert-equal] Appends new context */
-/* ✔ [assert-equal] Appends new context */
-/* */
-/* Test: Resets context */
-/* ✔ [assert-equal] Resets context */
-/* */
-/* */
-/* # Module: Validate Output Context */
-/* --------------------------------- */
-/* Test: unknown context name */
-/* ✔ [assert-equal] unknown context name */
-/* */
-/* Test: duplicate assert */
-/* ✔ [assert-equal] duplicate assert */
-/* */
-/* Test: duplicate output/expect */
-/* ✔ [assert-equal] duplicate output/expect */
-/* */
-/* Test: missing assert */
-/* ✔ [assert-equal] missing assert */
-/* */
-/* Test: wrong length */
-/* ✔ [assert-equal] wrong length */
-/* */
-/* Test: missing context */
-/* ✔ [assert-equal] missing context */
-/* */
-/* */
-/* # Module: Context [function] & Context All */
-/* ------------------------------------------ */
-/* Test: Returns current module context */
-/* ✔ [assert-equal] Returns current module context */
-/* */
-/* Test: Returns current test context */
-/* ✔ [assert-equal] Returns current test context */
-/* */
-/* # Module: Context [function] & Context All :: Context [Nested] */
-/* -------------------------------------------------------------- */
-/* Test: Returns the innermost module name */
-/* ✔ [assert-equal] Returns the innermost module name */
-/* */
-/* */
-/* # Module: Context [function] & Context All :: Context All [Nested] */
-/* ------------------------------------------------------------------ */
-/* Test: Returns the current stack of module names */
-/* ✔ [assert-equal] Returns the current stack of module names */
-/* */
-/* */
-/* */
-/* # Module: Pass Details */
-/* ---------------------- */
-/* Test: Properly output a passing assertion result */
-/* ASSERT: passing test */
-/* OUTPUT */
-.test-output {
- /* ✔ [output] passing test */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* ✔ [output] passing test */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Fail Details */
-/* ---------------------- */
-/* Test: Compiles full failure details */
-/* ASSERT: */
-/* OUTPUT */
-/* ✖ FAILED: [assert-equal] Test Assertion */
-/* - Output: [number] 0.3333333333 */
-/* - Expected: [number] 0.3333333333 */
-/* - Details: numbers may need to be rounded before comparison (set `$inspect: true` to compare output values) */
-/* - Module: Fail Details */
-/* - Test: Compiles full failure details */
-/* END_OUTPUT */
-/* EXPECTED */
-/* ✖ FAILED: [assert-equal] Test Assertion */
-/* - Output: [number] 0.3333333333 */
-/* - Expected: [number] 0.3333333333 */
-/* - Details: numbers may need to be rounded before comparison (set `$inspect: true` to compare output values) */
-/* - Module: Fail Details */
-/* - Test: Compiles full failure details */
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Variable Details */
-/* -------------------------- */
-/* Test: Number */
-/* ✔ [assert-equal] Number */
-/* */
-/* Test: Color */
-/* ✔ [assert-equal] Color */
-/* */
-/* Test: Map */
-/* ✔ [assert-equal] Map */
-/* */
-/* Test: Bracketed List */
-/* ✔ [assert-equal] Bracketed List */
-/* */
-/* */
-/* # Module: Edgefail Notes */
-/* ------------------------ */
-/* Test: Type mismatch */
-/* ✔ [assert-equal] Type mismatch */
-/* ✔ [assert-equal] Type mismatch */
-/* */
-/* Test: Number Rounding */
-/* ✔ [assert-equal] Number Rounding */
-/* */
-/* Test: Color rounding */
-/* ✔ [assert-equal] Color rounding */
-/* */
-/* Test: List Separators */
-/* ✔ [assert-equal] List Separators */
-/* */
-/* */
-/* # Module: Get Result */
-/* -------------------- */
-/* Test: Equal Pass */
-/* ✔ [assert-equal] Equal Pass */
-/* */
-/* Test: Equal Fail */
-/* ✔ [assert-equal] Equal Fail */
-/* */
-/* Test: Unequal pass */
-/* ✔ [assert-equal] Unequal pass */
-/* */
-/* Test: Unequal fail */
-/* ✔ [assert-equal] Unequal fail */
-/* */
-/* */
-/* # Module: Update Results */
-/* ------------------------ */
-/* Test: Add one run */
-/* ✔ [assert-equal] Add one run */
-/* */
-/* Test: Add one pass */
-/* ✔ [assert-equal] Add one pass */
-/* */
-/* Test: Fail counts are left as-is */
-/* ✔ [assert-equal] Fail counts are left as-is */
-/* */
-/* Test: Output counts are left as-is */
-/* ✔ [assert-equal] Output counts are left as-is */
-/* */
-/* */
-/* # Module: Update Test */
-/* --------------------- */
-/* Test: Updates global test-result */
-/* ✔ [assert-equal] confirm the default state */
-/* ✔ [assert-equal] confirm updated test-result */
-/* */
-/* Test: Output-to-css overrides pass */
-/* ✔ [assert-equal] Output-to-css overrides pass */
-/* */
-/* Test: Pass does not override output-to-css */
-/* ✔ [assert-equal] Pass does not override output-to-css */
-/* */
-/* Test: Fail overrides everything */
-/* ✔ [assert-equal] Fail overrides everything */
-/* */
-/* Test: Nothing overrides fail */
-/* ✔ [assert-equal] Nothing overrides fail */
-/* */
-/* */
-/* # Module: Results Message */
-/* ------------------------- */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* Test: No output tests */
-/* ✔ [assert-equal] No output tests */
-/* */
-/* Test: Single test */
-/* ✔ [assert-equal] Single test */
-/* */
-/* */
-/* # Module: Update Stats Count */
-/* ---------------------------- */
-/* Test: Assertions counts are updated */
-/* ✔ [assert-equal] Assertions counts are updated */
-/* */
-/* Test: Modules counts are left as-is */
-/* ✔ [assert-equal] Modules counts are left as-is */
-/* */
-/* Test: Tests counts are left as-is */
-/* ✔ [assert-equal] Tests counts are left as-is */
-/* */
-/* */
-/* # Module: Stats Message */
-/* ----------------------- */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* */
-/* # Module: Setup */
-/* --------------- */
-/* Test: Updates context based on current assertions */
-/* ✔ [assert-equal] Updates context based on current assertions */
-/* */
-/* */
-/* # Module: Is Truthy */
-/* ------------------- */
-/* Test: True is truthy */
-/* ✔ [assert-equal] True is truthy */
-/* */
-/* Test: String is truthy */
-/* ✔ [assert-equal] String is truthy */
-/* */
-/* Test: List is truthy */
-/* ✔ [assert-equal] List is truthy */
-/* */
-/* Test: False is not truthy */
-/* ✔ [assert-equal] False is not truthy */
-/* */
-/* Test: Null is not truthy */
-/* ✔ [assert-equal] Null is not truthy */
-/* */
-/* Test: Empty string is not truthy */
-/* ✔ [assert-equal] Empty string is not truthy */
-/* */
-/* Test: Empty list is not truthy */
-/* ✔ [assert-equal] Empty list is not truthy */
-/* */
-/* */
-/* # Module: Assert True */
-/* --------------------- */
-/* Test: Non-false properties return true */
-/* ✔ [assert-true] Non-false properties return true */
-/* */
-/* Test: Supports is-truthy alias */
-/* ✔ [assert-true] Supports is-truthy alias */
-/* */
-/* */
-/* # Module: Assert False */
-/* ---------------------- */
-/* Test: Falsiness */
-/* ✔ [assert-false] Negated properties return false. */
-/* */
-/* Test: null */
-/* ✔ [assert-false] Null properties return false. */
-/* */
-/* Test: Empty string */
-/* ✔ [assert-false] Empty string return false. */
-/* */
-/* Test: empty list */
-/* ✔ [assert-false] Empty lists return false. */
-/* */
-/* Test: Supports is-falsy alias */
-/* ✔ [assert-false] Supports is-falsy alias */
-/* */
-/* */
-/* # Module: Assert Equal */
-/* ---------------------- */
-/* Test: Equality */
-/* ✔ [assert-equal] 2 - 1 should equal 1. */
-/* */
-/* Test: Empty description */
-/* ✔ [assert-equal] Empty description */
-/* */
-/* Test: Adding floats */
-/* ✔ [assert-equal] Adding floats */
-/* */
-/* Test: Rounded numbers with $inspect */
-/* ✔ [assert-equal] Rounded numbers with $inspect */
-/* */
-/* Test: Rounded colors with $inspect */
-/* ✔ [assert-equal] Rounded colors with $inspect */
-/* */
-/* Test: Mismatched types with $inspect */
-/* ✔ [assert-unequal] normally unequal */
-/* ✔ [assert-equal] Mismatched types with $inspect */
-/* */
-/* Test: Supports is-equal alias */
-/* ✔ [assert-equal] Supports is-equal alias */
-/* */
-/* */
-/* # Module: Assert UnEqual */
-/* ------------------------ */
-/* Test: Inequality */
-/* ✔ [assert-unequal] 3 - 1 is not equal to 3. */
-/* */
-/* Test: Mismatched types */
-/* ✔ [assert-unequal] Mismatched types */
-/* */
-/* Test: Mismatched units no longer needs $inspect */
-/* ✔ [assert-unequal] Mismatched units no longer needs $inspect */
-/* */
-/* Test: Supports not-equal alias */
-/* ✔ [assert-unequal] Supports not-equal alias */
-/* */
-/* */
-/* # Module: Output Expect */
-/* ----------------------- */
-/* Test: Compares math output properly */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- -property1: 0.3;
- -property2: 0.3333333333;
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- -property1: 0.3;
- -property2: 0.3333333333;
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Matches output and expected selector patterns */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- -property: value;
-}
-@media (min-width: 30em) {
- .test-output {
- -prop: val;
- }
- .selector {
- -prop: val;
- }
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- -property: value;
-}
-@media (min-width: 30em) {
- .test-output {
- -prop: val;
- }
- .selector {
- -prop: val;
- }
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Output Contains */
-/* ------------------------- */
-/* Test: Contains sub-string */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 10px;
- width: 20px;
+/* BASE STYLING + RESET FOR CIRRUS */
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700");
+@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
+/* v1 Color scheme for Cirrus */
+/*
+ Functions
+ TODO Refactor to different categories
+*/
+/*
+ Converts a given hex value to RGB.
+*/
+/*
+ Generates delimited class name prefix.
+*/
+/*
+ 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.
+ Use case is that if we have somthing like this:
+
+ $config: (
+ opacity: null, // Disable default opacity classes
+ extends: (
+ // Framework will now extend with your config and generate .u-opacity-42
+ opacity: (
+ 42: .42
+ )
+ )
+ );
+
+*/
+/*
+ Group selectors that share common styling.
+*/
+/*
+ Global Mixins
+*/
+/*
+ Mixin that returns a property map as a series of CSS class properties.
+
+ E.g. $xs: (color: #fff, opacity: 0.5), $sm... =>
+
+ --xs {
+ color: #fff;
+ opacity: 0.5;
+ }
+*/
+/*
+ Bring to front on focus.
+*/
+/* Breakpoints */
+/* Fonts */
+/*
+ Fetch feature flag for different utility class types for generating viewport classes (e.g., u-flex-sm, u-flex-md, etc.).
+*/
+/*
+ Helper function to determine if a set of classes should be generated based on given include/exclude configuration.
+*/
+/* Media Queries */
+/* Variant of mixin that takes in mapping of class name to value */
+/**
+ * DART SASS ONLY: Generates viewport classes given styles in a @content mixin
+ *
+ * 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.
+ *
+ * Example usage (pretend \ is $):
+ *
+ * @include generate-styles-with-viewports('true') using ($viewport) {
+ * $suffix: if($viewport != '', '-viewport', '');
+ * .outersuffix {
+ * background: #222;
+ * .innersuffix {
+ * color: #fff;
+ * }
+ * }
+ * }
+ */
+/* VALUE APIS */
+:root {
+ /* v1 Colors */
+ --cirrus-fg: #0f172a;
+ --cirrus-bg: #ffffff;
+ --cirrus-select-bg: rgba(0, 161, 255, 0.2);
+ --cirrus-code-bg: rgba(255, 218, 221, 1);
+ --cirrus-code-fg: #dc4753;
+ --cirrus-form-group-bg: rgba(248, 249, 250, 1);
+ --cirrus-form-group-fg: rgba(144, 144, 144, 1);
+ --toast-primary-bg: rgba(49, 59, 80, 0.9);
+ --animation-duration: 0.2s;
+ --focus-opacity: 0.55;
+ --font-size-xs: 0.75rem;
+ --font-size-s: 0.875rem;
+ --font-size-m: 1rem;
+ --font-size-l: 1.25rem;
+ --font-size-xl: 1.5rem;
+ --cirrus-focus-size: 0 0 0.1rem 0.15rem;
+ --cirrus-focus-color: rgba(240, 61, 77, 0.13);
+ --bg-opacity: 1;
+ --color-opacity: 1;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output {
- height: 10px;
+/* RESET */
+/* Box Sizing */
+*,
+*::before,
+*::after {
+ /* Prevent setting borders from increasing the size of an element */
+ box-sizing: border-box;
+ text-rendering: optimizeLegibility;
+ -webkit-tap-highlight-color: transparent;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Contains nested selector block */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 20px;
+/* Remove default margin and padding */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0;
+ padding: 0;
}
-.test-output .class {
- height: 10px;
+
+/* Allow % styles to work on page */
+html,
+body {
+ border: none;
+ height: 100%;
}
-.test-output .other-class {
- height: 10px;
+
+/* Nunito Sans for the font */
+body {
+ letter-spacing: 0.01rem;
+ line-height: 1.8;
+ /* Globally adjust line height */
+ font-size: 1rem;
+ font-weight: 400;
+ font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ color: var(--cirrus-fg);
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .class {
- height: 10px;
+/* Remove bullets from unordered lists */
+ul {
+ list-style: none;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with nested classes */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- height: 20px;
+/* Setting up embedded content */
+audio,
+canvas,
+iframe,
+img,
+embed,
+object,
+svg,
+video {
+ display: block;
+ max-width: 100%;
+ height: auto;
}
-.test-output .class {
- height: 10px;
+
+iframe {
+ outline: 0;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
-.test-output .class .other-class {
- height: 10px;
+
+/* Page sections set to block */
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+ display: block;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .class .other-class {
- height: 10px;
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with nested @media queries */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .class {
- height: 20px;
+/* Base styling for labels */
+label {
+ display: inline-block;
+ margin: 0.25rem 0;
}
-@media (min-width: 30em) and (min-width: 40em) {
- .test-output .selector {
- height: 10px;
+
+/* Base styling for fieldsets */
+fieldset {
+ padding: 1rem;
+}
+
+fieldset legend {
+ font-weight: bold;
+}
+
+/* Hidden elements must not show */
+[hidden] {
+ display: none !important;
+}
+
+/* Selection Color */
+::selection {
+ background-color: var(--cirrus-select-bg);
+}
+
+/* When focusing any element */
+:focus {
+ box-shadow: var(--cirrus-focus-size) var(--cirrus-focus-color);
+ outline: none;
+}
+
+/* Remove all animations based on preference */
+@media (prefers-reduced-motion: reduce) {
+ html:focus-within {
+ scroll-behavior: auto;
}
- .test-output .selector2 {
- height: 10px;
+
+ *,
+*::before,
+*::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
+ scroll-behavior: auto !important;
}
}
-@media (min-width: 30em) {
- .test-output .selector3 {
- height: 10px;
+/* ANIMATIONS */
+/* Keyframes */
+/* Spinning loading animation */
+@keyframes loading {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
}
}
-
-/* END_OUTPUT */
-/* CONTAINED */
-@media (min-width: 30em) and (min-width: 40em) {
- .test-output .selector2 {
- height: 10px;
+/* Heart animation */
+@keyframes pound {
+ to {
+ transform: scale(1.1);
+ }
+}
+/* Bounce animations */
+@keyframes bounce {
+ from, 20%, 53%, 80%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transform: translate3d(0, 0, 0);
+ }
+ 40%, 43% {
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transform: translate3d(0, -30px, 0);
+ }
+ 70% {
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transform: translate3d(0, -15px, 0);
+ }
+ 90% {
+ transform: translate3d(0, -4px, 0);
+ }
+}
+@keyframes bounceIn {
+ from, 20%, 40%, 60%, 80%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+ 0% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ 20% {
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+ 40% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+ 60% {
+ opacity: 1;
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+ 80% {
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
+ to {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes pulse {
+ 50% {
+ opacity: 0.5;
+ }
+}
+@keyframes ping {
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
}
}
+/* Hover animation */
+.hover-grow {
+ /* Mouse leave */
+ transition-duration: 0.32s;
+}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used with @at-root */
-/* ASSERT: */
-/* OUTPUT */
-.selector {
- height: 10px;
+.hover-grow:hover {
+ /* Mouse enter */
+ transform: scale(1.1);
+ transition-duration: 0.08s;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.selector {
- height: 10px;
+.animated {
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ /* Loading button position relatively for loading spinner location */
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can be used for all selector types */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .selector {
- -prop: val;
+.animated.loading {
+ display: block;
+ position: relative;
+ /* Loading Spinner, align center by default */
+ /* Hide text in loading button */
}
-.test-output #id {
- -prop: value1;
+
+.animated.loading::after {
+ border: 2px solid #ced4da;
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1rem;
+ width: 1rem;
+ left: calc(50% - 0.8em);
+ top: calc(50% - 0.7407407407em);
+ position: absolute;
+ animation: loading 500ms infinite linear;
}
-.test-output div {
- -prop: value2;
- min-height: 20px;
- max-height: 30px;
+
+.animated.loading.loading-white::after {
+ border-left-color: #fff;
+ border-bottom-color: #fff;
}
-.test-output input[type=text] {
- color: rebeccapurple;
+
+.animated.loading.loading-left {
+ padding-left: 3rem;
+ /* Align spinner left */
}
-.test-output * + * {
- color: red;
- display: none;
+
+.animated.loading.loading-left::after {
+ left: 1rem;
+ right: auto;
}
-.test-output body > h1 {
- font-weight: bold;
+
+.animated.loading.loading-right {
+ padding-right: 3rem;
+ /* Align spinner right */
+}
+
+.animated.loading.loading-right::after {
+ left: auto;
+ right: 1rem;
}
-.test-output i::before {
- -prop: value3;
+
+.animated.loading.hide-text {
+ color: transparent !important;
}
-.test-output div ~ p {
- color: green;
+
+.animated.pound {
+ animation: pound 0.35s infinite alternate;
+ vertical-align: baseline;
}
-.test-output i:not(.italic) {
- text-decoration: underline;
- --custom: val;
+
+.animated.bounce {
+ animation-name: bounce;
+ transform-origin: center bottom;
+}
+
+.animated.bounceIn {
+ animation-name: bounceIn;
+}
+
+.animated.fadeIn {
+ animation-name: fadeIn;
+}
+
+.animated.infinite {
+ animation-iteration-count: infinite;
+}
+
+.animated.infinite.alternate {
+ animation-direction: alternate;
+}
+
+.animated.paused {
+ animation-play-state: paused !important;
+}
+
+.animated.pulse {
+ animation: pulse 1.25s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animated.ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+/* FONT */
+/* Constants */
+/* Headers */
+h6 {
+ font-size: 1.25rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h5 {
+ font-size: 1.5rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h4 {
+ font-size: 1.75rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h3 {
+ font-size: 2rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h2 {
+ font-size: 2.5rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+h1 {
+ font-size: 3rem;
+ letter-spacing: 0.025rem;
+ font-family: "Montserrat", sans-serif;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 1rem;
+}
+
+/* Headlines (for larger titles) */
+.headline-4 {
+ font-size: 3.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-3 {
+ font-size: 4.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-2 {
+ font-size: 5.5rem;
+ letter-spacing: 0.05rem;
+}
+
+.headline-1 {
+ font-size: 6.5rem;
+ letter-spacing: 0.05rem;
+}
+
+/* Regular text sizes */
+.text-xs {
+ font-size: 0.75rem !important;
+ line-height: 1.5rem !important;
+}
+
+.text-sm {
+ font-size: 0.875rem !important;
+ line-height: 1.75rem !important;
+}
+
+.text-md {
+ font-size: 1rem !important;
+ line-height: 2rem !important;
+}
+
+.text-lg {
+ font-size: 1.25rem !important;
+ line-height: 2.25rem !important;
+}
+
+.text-xl {
+ font-size: 1.5rem !important;
+ line-height: 2.25rem !important;
+}
+
+p,
+article,
+blockquote {
+ font-size: 1rem;
+ line-height: 2;
+ margin-bottom: 1rem;
+}
+
+p.lead {
+ font-size: 1.2rem;
+}
+
+blockquote {
+ background-color: #f8f9fa;
+ border-left: 5px solid #e9ecef;
+ border-radius: 3px;
+ margin-bottom: 1rem;
+ padding: 1rem 2rem;
+}
+
+blockquote.text--large {
+ font-size: 1.15rem;
+}
+
+blockquote p {
+ margin: 0;
+}
+
+cite {
+ opacity: 0.7;
+}
+
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: #f0e8c4;
+}
+
+.font-primary {
+ font-family: "Montserrat";
+}
+
+.font-alt, .font-secondary {
+ font-family: "Nunito Sans";
+}
+
+.content h1 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h2 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h3 {
+ line-height: 1.125em;
+ margin: 1rem 0;
+}
+
+.content h4 {
+ line-height: 1.125em;
+ margin: 1rem 0;
}
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .selector {
- -prop: val;
+.content h5 {
+ line-height: 1.125em;
+ margin: 1rem 0;
}
-.test-output div {
- max-height: 30px;
+
+.content h6 {
+ line-height: 1.125em;
+ margin: 1rem 0;
}
-.test-output body > h1 {
+
+/* TODO: To deprecate */
+.title {
font-weight: bold;
}
-.test-output * + * {
- display: none;
+
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+ margin-bottom: 1rem;
}
-.test-output i:not(.italic) {
- text-decoration: underline;
+
+.title + .subtitle {
+ /* Make the subtitlte closer to the title */
+ margin-top: -0.75rem;
+}
+
+/* Use default line-height for these texts and when line-height-inherit is specified */
+.card-tile p,
+.card-tile article,
+.card-tile blockquote {
+ line-height: inherit;
+}
+
+/* Weights */
+.font-extrathin {
+ font-weight: 100;
+}
+
+.font-thin {
+ font-weight: 200;
+}
+
+.font-light {
+ font-weight: 300;
+}
+
+.font-normal {
+ font-weight: 400;
+}
+
+.font-medium {
+ font-weight: 500;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+.font-bold {
+ font-weight: 700;
+}
+
+.font-extrabold {
+ font-weight: 800;
+}
+
+.font-black {
+ font-weight: 900;
+}
+
+/* Text Transformations */
+.uppercase {
+ text-transform: uppercase;
+}
+
+.lowercase {
+ text-transform: lowercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+.rtl {
+ direction: rtl;
+}
+
+/* Font Awesome */
+.icon {
+ /* Usually used in spans */
+ display: inline-block;
+ /* font-size: 21px; Allow font sizes for icons to be overwritten */
+ /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
+ text-align: center;
+ width: 1.5rem;
+ vertical-align: baseline;
+}
+
+.icon.x-small {
+ margin: 0.55rem 0 0 0.1rem;
+}
+
+.icon.small {
+ margin: 0.95rem 0 0 0.1rem;
+}
+
+.icon .fa-wrapper {
+ font-size: inherit;
+}
+
+.info {
+ display: block;
+ font-size: var(--font-size-s);
+ margin-top: 0.25rem;
+ color: #868e96;
+}
+
+.info.inline {
+ /* Keeps the extra info inline */
+ display: inline-block;
+ margin-left: 0.5rem;
+}
+
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px dashed;
+ border-top: 4px solid\9 ;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
+}
+
+/* Other text elements */
+abbr[title] {
+ border-bottom: 0.1rem dotted;
+ cursor: help;
+ text-decoration: none;
+}
+
+kbd {
+ background-color: var(--cirrus-fg);
+ border-radius: 0.2rem;
+ color: #fff;
+ display: inline-block;
+ line-height: 1;
+ padding: 0.5rem;
+ vertical-align: baseline;
+}
+
+/* Letter spacing */
+.tracking-tightest {
+ letter-spacing: -0.075em !important;
+}
+
+.tracking-tighter {
+ letter-spacing: -0.05em !important;
+}
+
+.tracking-tight {
+ letter-spacing: -0.025em !important;
+}
+
+.tracking-normal {
+ letter-spacing: 0 !important;
+}
+
+.tracking-loose {
+ letter-spacing: 0.025em !important;
+}
+
+.tracking-looser {
+ letter-spacing: 0.05em !important;
+}
+
+.tracking-loosest {
+ letter-spacing: 0.1em !important;
+}
+
+/* MOBILE */
+@media screen and (max-width: 639px) {
+ h6 {
+ font-size: 1rem;
+ }
+
+ h5 {
+ font-size: 1.25rem;
+ }
+
+ h4 {
+ font-size: 1.5rem;
+ }
+
+ h3 {
+ font-size: 1.75rem;
+ }
+
+ h2 {
+ font-size: 2rem;
+ }
+
+ h1 {
+ font-size: 2.25rem;
+ }
+
+ /* Headlines (for larger titles) */
+ .headline-4 {
+ font-size: 3rem;
+ }
+
+ .headline-3 {
+ font-size: 3.25rem;
+ }
+
+ .headline-2 {
+ font-size: 3.5rem;
+ }
+
+ .headline-1 {
+ font-size: 3.75rem;
+ }
+
+ p,
+article,
+blockquote {
+ margin: 1rem 0;
+ }
+}
+/* GRID */
+:root {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ --grid-column-start: auto;
+ --grid-column-end: auto;
+ --grid-row-start: auto;
+ --grid-row-end: auto;
+}
+
+.grid {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+}
+
+/* Templates */
+.grid-cols-1 {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-1 {
+ grid-column: span 1/span 1;
+}
+
+/* Row expansion */
+.grid-r-1 {
+ grid-row: span 1/span 1;
+}
+
+/* Cell Column Start/End */
+.grid-cs-1 {
+ grid-column-start: 1;
+}
+
+.grid-ce-1 {
+ grid-column-end: 2;
+}
+
+/* Cell Row Start/End */
+.grid-rs-1 {
+ grid-row-start: 1;
+}
+
+.grid-re-1 {
+ grid-row-end: 2;
+}
+
+/* Templates */
+.grid-cols-2 {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-2 {
+ grid-column: span 2/span 2;
+}
+
+/* Row expansion */
+.grid-r-2 {
+ grid-row: span 2/span 2;
+}
+
+/* Cell Column Start/End */
+.grid-cs-2 {
+ grid-column-start: 2;
+}
+
+.grid-ce-2 {
+ grid-column-end: 3;
+}
+
+/* Cell Row Start/End */
+.grid-rs-2 {
+ grid-row-start: 2;
+}
+
+.grid-re-2 {
+ grid-row-end: 3;
+}
+
+/* Templates */
+.grid-cols-3 {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-3 {
+ grid-column: span 3/span 3;
+}
+
+/* Row expansion */
+.grid-r-3 {
+ grid-row: span 3/span 3;
+}
+
+/* Cell Column Start/End */
+.grid-cs-3 {
+ grid-column-start: 3;
+}
+
+.grid-ce-3 {
+ grid-column-end: 4;
+}
+
+/* Cell Row Start/End */
+.grid-rs-3 {
+ grid-row-start: 3;
+}
+
+.grid-re-3 {
+ grid-row-end: 4;
+}
+
+/* Templates */
+.grid-cols-4 {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-4 {
+ grid-column: span 4/span 4;
+}
+
+/* Row expansion */
+.grid-r-4 {
+ grid-row: span 4/span 4;
+}
+
+/* Cell Column Start/End */
+.grid-cs-4 {
+ grid-column-start: 4;
+}
+
+.grid-ce-4 {
+ grid-column-end: 5;
+}
+
+/* Cell Row Start/End */
+.grid-rs-4 {
+ grid-row-start: 4;
+}
+
+.grid-re-4 {
+ grid-row-end: 5;
+}
+
+/* Templates */
+.grid-cols-5 {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-5 {
+ grid-column: span 5/span 5;
+}
+
+/* Row expansion */
+.grid-r-5 {
+ grid-row: span 5/span 5;
+}
+
+/* Cell Column Start/End */
+.grid-cs-5 {
+ grid-column-start: 5;
+}
+
+.grid-ce-5 {
+ grid-column-end: 6;
+}
+
+/* Cell Row Start/End */
+.grid-rs-5 {
+ grid-row-start: 5;
+}
+
+.grid-re-5 {
+ grid-row-end: 6;
+}
+
+/* Templates */
+.grid-cols-6 {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-6 {
+ grid-column: span 6/span 6;
+}
+
+/* Row expansion */
+.grid-r-6 {
+ grid-row: span 6/span 6;
+}
+
+/* Cell Column Start/End */
+.grid-cs-6 {
+ grid-column-start: 6;
+}
+
+.grid-ce-6 {
+ grid-column-end: 7;
+}
+
+/* Cell Row Start/End */
+.grid-rs-6 {
+ grid-row-start: 6;
+}
+
+.grid-re-6 {
+ grid-row-end: 7;
+}
+
+/* Templates */
+.grid-cols-7 {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-7 {
+ grid-column: span 7/span 7;
+}
+
+/* Row expansion */
+.grid-r-7 {
+ grid-row: span 7/span 7;
+}
+
+/* Cell Column Start/End */
+.grid-cs-7 {
+ grid-column-start: 7;
+}
+
+.grid-ce-7 {
+ grid-column-end: 8;
+}
+
+/* Cell Row Start/End */
+.grid-rs-7 {
+ grid-row-start: 7;
+}
+
+.grid-re-7 {
+ grid-row-end: 8;
+}
+
+/* Templates */
+.grid-cols-8 {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-8 {
+ grid-column: span 8/span 8;
+}
+
+/* Row expansion */
+.grid-r-8 {
+ grid-row: span 8/span 8;
+}
+
+/* Cell Column Start/End */
+.grid-cs-8 {
+ grid-column-start: 8;
+}
+
+.grid-ce-8 {
+ grid-column-end: 9;
+}
+
+/* Cell Row Start/End */
+.grid-rs-8 {
+ grid-row-start: 8;
+}
+
+.grid-re-8 {
+ grid-row-end: 9;
+}
+
+/* Templates */
+.grid-cols-9 {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-9 {
+ grid-column: span 9/span 9;
+}
+
+/* Row expansion */
+.grid-r-9 {
+ grid-row: span 9/span 9;
+}
+
+/* Cell Column Start/End */
+.grid-cs-9 {
+ grid-column-start: 9;
+}
+
+.grid-ce-9 {
+ grid-column-end: 10;
+}
+
+/* Cell Row Start/End */
+.grid-rs-9 {
+ grid-row-start: 9;
+}
+
+.grid-re-9 {
+ grid-row-end: 10;
+}
+
+/* Templates */
+.grid-cols-10 {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-10 {
+ grid-column: span 10/span 10;
+}
+
+/* Row expansion */
+.grid-r-10 {
+ grid-row: span 10/span 10;
+}
+
+/* Cell Column Start/End */
+.grid-cs-10 {
+ grid-column-start: 10;
+}
+
+.grid-ce-10 {
+ grid-column-end: 11;
+}
+
+/* Cell Row Start/End */
+.grid-rs-10 {
+ grid-row-start: 10;
+}
+
+.grid-re-10 {
+ grid-row-end: 11;
+}
+
+/* Templates */
+.grid-cols-11 {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-11 {
+ grid-column: span 11/span 11;
+}
+
+/* Row expansion */
+.grid-r-11 {
+ grid-row: span 11/span 11;
+}
+
+/* Cell Column Start/End */
+.grid-cs-11 {
+ grid-column-start: 11;
+}
+
+.grid-ce-11 {
+ grid-column-end: 12;
+}
+
+/* Cell Row Start/End */
+.grid-rs-11 {
+ grid-row-start: 11;
+}
+
+.grid-re-11 {
+ grid-row-end: 12;
+}
+
+/* Templates */
+.grid-cols-12 {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+}
+
+/* Column expansion */
+.grid-c-12 {
+ grid-column: span 12/span 12;
+}
+
+/* Row expansion */
+.grid-r-12 {
+ grid-row: span 12/span 12;
+}
+
+/* Cell Column Start/End */
+.grid-cs-12 {
+ grid-column-start: 12;
+}
+
+.grid-ce-12 {
+ grid-column-end: 13;
+}
+
+/* Cell Row Start/End */
+.grid-rs-12 {
+ grid-row-start: 12;
+}
+
+.grid-re-12 {
+ grid-row-end: 13;
+}
+
+.grid-ce-end {
+ grid-column-end: -1;
+}
+
+.grid-re-end {
+ grid-row-end: -1;
+}
+
+.grid-ce-auto {
+ grid-column-end: auto;
+}
+
+.grid-re-auto {
+ grid-row-end: auto;
+}
+
+@media screen and (min-width: 640px) {
+ .grid-sm {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-sm {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-sm {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-sm {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-sm {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-sm {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-sm {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-sm {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-sm {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-sm {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-sm {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-sm {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-sm {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-sm {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-sm {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-sm {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-sm {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-sm {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-sm {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-sm {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-sm {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-sm {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-sm {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-sm {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-sm {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-sm {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-sm {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-sm {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-sm {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-sm {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-sm {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-sm {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-sm {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-sm {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-sm {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-sm {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-sm {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-sm {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-sm {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-sm {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-sm {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-sm {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-sm {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-sm {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-sm {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-sm {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-sm {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-sm {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-sm {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-sm {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-sm {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-sm {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-sm {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-sm {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-sm {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-sm {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-sm {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-sm {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-sm {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-sm {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-sm {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-sm {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-sm {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-sm {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-sm {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-sm {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-sm {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-sm {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-sm {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-sm {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-sm {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-sm {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-sm {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-sm {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-sm {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-sm {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-sm {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-sm {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-sm {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-sm {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-sm {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-sm {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-sm {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-sm {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-sm {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-sm {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-sm {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-sm {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-sm {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 768px) {
+ .grid-md {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-md {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-md {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-md {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-md {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-md {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-md {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-md {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-md {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-md {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-md {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-md {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-md {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-md {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-md {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-md {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-md {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-md {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-md {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-md {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-md {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-md {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-md {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-md {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-md {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-md {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-md {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-md {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-md {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-md {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-md {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-md {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-md {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-md {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-md {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-md {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-md {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-md {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-md {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-md {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-md {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-md {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-md {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-md {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-md {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-md {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-md {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-md {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-md {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-md {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-md {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-md {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-md {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-md {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-md {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-md {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-md {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-md {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-md {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-md {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-md {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-md {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-md {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-md {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-md {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-md {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-md {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-md {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-md {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-md {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-md {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-md {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-md {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-md {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-md {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-md {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-md {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-md {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-md {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-md {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-md {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-md {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-md {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-md {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-md {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-md {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-md {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-md {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-md {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .grid-lg {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-lg {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-lg {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-lg {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-lg {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-lg {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-lg {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-lg {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-lg {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-lg {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-lg {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-lg {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-lg {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-lg {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-lg {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-lg {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-lg {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-lg {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-lg {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-lg {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-lg {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-lg {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-lg {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-lg {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-lg {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-lg {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-lg {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-lg {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-lg {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-lg {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-lg {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-lg {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-lg {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-lg {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-lg {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-lg {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-lg {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-lg {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-lg {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-lg {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-lg {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-lg {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-lg {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-lg {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-lg {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-lg {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-lg {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-lg {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-lg {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-lg {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-lg {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-lg {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-lg {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-lg {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-lg {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-lg {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-lg {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-lg {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-lg {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-lg {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-lg {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-lg {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-lg {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-lg {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-lg {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-lg {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-lg {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-lg {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-lg {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-lg {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-lg {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-lg {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-lg {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-lg {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-lg {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-lg {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-lg {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-lg {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-lg {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-lg {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-lg {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-lg {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-lg {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-lg {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-lg {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-lg {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-lg {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-lg {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-lg {
+ grid-row-end: auto;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .grid-xl {
+ display: grid;
+ grid-gap: var(--grid-gap);
+ grid-template-columns: var(--grid-template-column);
+ }
+
+ /* Templates */
+ .grid-cols-1-xl {
+ --grid-template-column: repeat(1, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-1-xl {
+ grid-column: span 1/span 1;
+ }
+
+ /* Row expansion */
+ .grid-r-1-xl {
+ grid-row: span 1/span 1;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-1-xl {
+ grid-column-start: 1;
+ }
+
+ .grid-ce-1-xl {
+ grid-column-end: 2;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-1-xl {
+ grid-row-start: 1;
+ }
+
+ .grid-re-1-xl {
+ grid-row-end: 2;
+ }
+
+ /* Templates */
+ .grid-cols-2-xl {
+ --grid-template-column: repeat(2, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-2-xl {
+ grid-column: span 2/span 2;
+ }
+
+ /* Row expansion */
+ .grid-r-2-xl {
+ grid-row: span 2/span 2;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-2-xl {
+ grid-column-start: 2;
+ }
+
+ .grid-ce-2-xl {
+ grid-column-end: 3;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-2-xl {
+ grid-row-start: 2;
+ }
+
+ .grid-re-2-xl {
+ grid-row-end: 3;
+ }
+
+ /* Templates */
+ .grid-cols-3-xl {
+ --grid-template-column: repeat(3, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-3-xl {
+ grid-column: span 3/span 3;
+ }
+
+ /* Row expansion */
+ .grid-r-3-xl {
+ grid-row: span 3/span 3;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-3-xl {
+ grid-column-start: 3;
+ }
+
+ .grid-ce-3-xl {
+ grid-column-end: 4;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-3-xl {
+ grid-row-start: 3;
+ }
+
+ .grid-re-3-xl {
+ grid-row-end: 4;
+ }
+
+ /* Templates */
+ .grid-cols-4-xl {
+ --grid-template-column: repeat(4, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-4-xl {
+ grid-column: span 4/span 4;
+ }
+
+ /* Row expansion */
+ .grid-r-4-xl {
+ grid-row: span 4/span 4;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-4-xl {
+ grid-column-start: 4;
+ }
+
+ .grid-ce-4-xl {
+ grid-column-end: 5;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-4-xl {
+ grid-row-start: 4;
+ }
+
+ .grid-re-4-xl {
+ grid-row-end: 5;
+ }
+
+ /* Templates */
+ .grid-cols-5-xl {
+ --grid-template-column: repeat(5, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-5-xl {
+ grid-column: span 5/span 5;
+ }
+
+ /* Row expansion */
+ .grid-r-5-xl {
+ grid-row: span 5/span 5;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-5-xl {
+ grid-column-start: 5;
+ }
+
+ .grid-ce-5-xl {
+ grid-column-end: 6;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-5-xl {
+ grid-row-start: 5;
+ }
+
+ .grid-re-5-xl {
+ grid-row-end: 6;
+ }
+
+ /* Templates */
+ .grid-cols-6-xl {
+ --grid-template-column: repeat(6, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-6-xl {
+ grid-column: span 6/span 6;
+ }
+
+ /* Row expansion */
+ .grid-r-6-xl {
+ grid-row: span 6/span 6;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-6-xl {
+ grid-column-start: 6;
+ }
+
+ .grid-ce-6-xl {
+ grid-column-end: 7;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-6-xl {
+ grid-row-start: 6;
+ }
+
+ .grid-re-6-xl {
+ grid-row-end: 7;
+ }
+
+ /* Templates */
+ .grid-cols-7-xl {
+ --grid-template-column: repeat(7, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-7-xl {
+ grid-column: span 7/span 7;
+ }
+
+ /* Row expansion */
+ .grid-r-7-xl {
+ grid-row: span 7/span 7;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-7-xl {
+ grid-column-start: 7;
+ }
+
+ .grid-ce-7-xl {
+ grid-column-end: 8;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-7-xl {
+ grid-row-start: 7;
+ }
+
+ .grid-re-7-xl {
+ grid-row-end: 8;
+ }
+
+ /* Templates */
+ .grid-cols-8-xl {
+ --grid-template-column: repeat(8, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-8-xl {
+ grid-column: span 8/span 8;
+ }
+
+ /* Row expansion */
+ .grid-r-8-xl {
+ grid-row: span 8/span 8;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-8-xl {
+ grid-column-start: 8;
+ }
+
+ .grid-ce-8-xl {
+ grid-column-end: 9;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-8-xl {
+ grid-row-start: 8;
+ }
+
+ .grid-re-8-xl {
+ grid-row-end: 9;
+ }
+
+ /* Templates */
+ .grid-cols-9-xl {
+ --grid-template-column: repeat(9, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-9-xl {
+ grid-column: span 9/span 9;
+ }
+
+ /* Row expansion */
+ .grid-r-9-xl {
+ grid-row: span 9/span 9;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-9-xl {
+ grid-column-start: 9;
+ }
+
+ .grid-ce-9-xl {
+ grid-column-end: 10;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-9-xl {
+ grid-row-start: 9;
+ }
+
+ .grid-re-9-xl {
+ grid-row-end: 10;
+ }
+
+ /* Templates */
+ .grid-cols-10-xl {
+ --grid-template-column: repeat(10, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-10-xl {
+ grid-column: span 10/span 10;
+ }
+
+ /* Row expansion */
+ .grid-r-10-xl {
+ grid-row: span 10/span 10;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-10-xl {
+ grid-column-start: 10;
+ }
+
+ .grid-ce-10-xl {
+ grid-column-end: 11;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-10-xl {
+ grid-row-start: 10;
+ }
+
+ .grid-re-10-xl {
+ grid-row-end: 11;
+ }
+
+ /* Templates */
+ .grid-cols-11-xl {
+ --grid-template-column: repeat(11, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-11-xl {
+ grid-column: span 11/span 11;
+ }
+
+ /* Row expansion */
+ .grid-r-11-xl {
+ grid-row: span 11/span 11;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-11-xl {
+ grid-column-start: 11;
+ }
+
+ .grid-ce-11-xl {
+ grid-column-end: 12;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-11-xl {
+ grid-row-start: 11;
+ }
+
+ .grid-re-11-xl {
+ grid-row-end: 12;
+ }
+
+ /* Templates */
+ .grid-cols-12-xl {
+ --grid-template-column: repeat(12, minmax(0, 1fr));
+ }
+
+ /* Column expansion */
+ .grid-c-12-xl {
+ grid-column: span 12/span 12;
+ }
+
+ /* Row expansion */
+ .grid-r-12-xl {
+ grid-row: span 12/span 12;
+ }
+
+ /* Cell Column Start/End */
+ .grid-cs-12-xl {
+ grid-column-start: 12;
+ }
+
+ .grid-ce-12-xl {
+ grid-column-end: 13;
+ }
+
+ /* Cell Row Start/End */
+ .grid-rs-12-xl {
+ grid-row-start: 12;
+ }
+
+ .grid-re-12-xl {
+ grid-row-end: 13;
+ }
+
+ .grid-ce-end-xl {
+ grid-column-end: -1;
+ }
+
+ .grid-re-end-xl {
+ grid-row-end: -1;
+ }
+
+ .grid-ce-auto-xl {
+ grid-column-end: auto;
+ }
+
+ .grid-re-auto-xl {
+ grid-row-end: auto;
+ }
+}
+/* HEADER */
+/* This works well with panel */
+section {
+ display: block;
+}
+
+.content {
+ max-width: 48em;
+ margin: 0 auto 1.5em;
+ width: 100%;
+}
+
+@media screen and (min-width: 1024px) {
+ .content {
+ max-width: 64em;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .content {
+ max-width: 80em;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .content {
+ max-width: 96em;
+ }
+}
+.fullscreen {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ min-height: 100vh;
+}
+
+/* This works well with spans and maybe even hr */
+.divider {
+ border-top: 0.05rem solid rgba(173, 181, 189, 0.5);
+ height: 0.1rem;
+ margin: 1.8rem 0 1.6rem;
+ position: relative;
+}
+
+.divider[data-content] {
+ margin: 0.8rem 0;
+}
+
+.divider--v[data-content]::after, .divider[data-content]::after {
+ background: #fff;
+ color: #adb5bd;
+ content: attr(data-content);
+ left: 50%;
+ display: inline-block;
+ padding: 0 0.4rem;
+ position: absolute;
+ transform: translate(-50%, -50%);
+ top: 50%;
+}
+
+.divider--v, .divider--v[data-content] {
+ display: block;
+ padding: 0.8rem;
+}
+
+.divider--v::before, .divider--v[data-content]::before {
+ border-left: 0.05rem solid rgba(173, 181, 189, 0.5);
+ bottom: 0.4rem;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 0;
+ transform: translateX(-50%);
+}
+
+.divider--v[data-content] {
+ left: 50%;
+ padding: 0.2rem 0;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/* Hero image div */
+.hero-img {
+ /* Specify the backgroud image yourself */
+ background-size: cover;
+}
+
+.parallax-img {
+ background-attachment: fixed !important;
+}
+
+.hero {
+ /* Parent of hero-body */
+ align-items: stretch;
+ display: flex;
+ /* Important to stretch height of hero-body */
+ justify-content: space-between;
+}
+
+.hero .hero-body {
+ flex-grow: 1;
+ /* Tells the hero-body to take up the entire space */
+ flex-shrink: 0;
+ padding: 3rem 1.5rem;
+ align-items: center;
+ display: flex;
+ width: 100%;
+}
+
+.space {
+ display: block;
+ width: 100%;
+ height: 1rem;
+}
+
+.space.space--lg {
+ padding: 1rem 0;
+}
+
+.space.space--xl {
+ padding: 2rem 0;
+}
+
+/* Use for spacing out elements vertically */
+.row {
+ -ms-flex: 1;
+ flex: 1;
+ flex-wrap: wrap;
+ padding: 0.5rem 0;
+ display: flex;
+ /* GRID */
+ /* Auto align col to left in row */
+ /* Auto align col to middle in row */
+ /* Auto align col to right in row */
+ /* Dividers for mobile layout */
+ /* Base sizing where everything is 100% width */
+ /* Column sizes for various viewports */
+ /* Columns without the spacing */
+}
+
+.row::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+.row.row--no-wrap {
+ flex-wrap: nowrap;
+ overflow-x: auto;
+ /* Can be disabled to remove scroll bar */
+}
+
+.row .col {
+ display: block;
+ flex: 1;
+ padding: 0.15rem 0.75rem;
+}
+
+.row .offset-right {
+ margin-left: 0;
+ margin-right: auto;
+}
+
+.row .offset-center {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.row .offset-left {
+ margin-left: auto;
+ margin-right: 0;
+}
+
+.row.divided [class^=col], .row.divided [class*=" col"] {
+ box-shadow: 0 -1px 0 0 rgba(173, 181, 189, 0.5);
+}
+
+.row [class^=col-],
+.row [class*=" col-"] {
+ width: 100%;
+ margin-left: 0;
+ padding: 0 0.5rem;
+}
+
+@media screen and (min-width: 768px) {
+ .row .col-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .col-xs-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 768px) {
+ .row .col-sm-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .row .col-md-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .row .col-lg-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-1 {
+ width: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-2 {
+ width: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-3 {
+ width: 25%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-4 {
+ width: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-5 {
+ width: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-6 {
+ width: 50%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-7 {
+ width: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-8 {
+ width: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-9 {
+ width: 75%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-10 {
+ width: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-11 {
+ width: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 1536px) {
+ .row .col-xl-12 {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-1 {
+ margin-left: 8.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-2 {
+ margin-left: 16.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-3 {
+ margin-left: 25%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-4 {
+ margin-left: 33.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-5 {
+ margin-left: 41.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-6 {
+ margin-left: 50%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-7 {
+ margin-left: 58.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-8 {
+ margin-left: 66.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-9 {
+ margin-left: 75%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-10 {
+ margin-left: 83.3333333333%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-11 {
+ margin-left: 91.6666666667%;
+ }
+}
+@media screen and (min-width: 640px) {
+ .row .offset-12 {
+ margin-left: 100%;
+ }
+}
+.row.no-space [class^=col-], .row.no-space [class*=" col-"] {
+ padding: 0;
+}
+
+.r {
+ /* Legacy row pre 0.5.5 */
+ max-width: 100%;
+ padding: 0.5rem;
+}
+
+.level {
+ align-items: center;
+ justify-content: space-between;
+ /* Used to stretch the contents of div in level to fill */
+}
+
+.level .level-item {
+ /* Centers items */
+ align-items: center;
+ display: flex;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+}
+
+.level .level-content {
+ flex-basis: auto;
+ flex-grow: 1;
+ flex-shrink: 1;
+ text-align: left;
+ width: 100%;
+}
+
+/* Width/Height CSS */
+.h-0 {
+ height: 0 !important;
+}
+
+.h-10p {
+ height: 10% !important;
+}
+
+.h-20p {
+ height: 20% !important;
+}
+
+.h-30p {
+ height: 30% !important;
+}
+
+.h-40p {
+ height: 40% !important;
+}
+
+.h-50p {
+ height: 50% !important;
+}
+
+.h-60p {
+ height: 60% !important;
+}
+
+.h-70p {
+ height: 70% !important;
+}
+
+.h-80p {
+ height: 80% !important;
+}
+
+.h-90p {
+ height: 90% !important;
+}
+
+.h-100p {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.h-screen {
+ height: 100vh !important;
+}
+
+@media screen and (min-width: 640px) {
+ .h-0-sm {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-10p-sm {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-20p-sm {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-30p-sm {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-40p-sm {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-50p-sm {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-60p-sm {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-70p-sm {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-80p-sm {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-90p-sm {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-100p-sm {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-auto-sm {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .h-screen-sm {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-0-md {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-10p-md {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-20p-md {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-30p-md {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-40p-md {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-50p-md {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-60p-md {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-70p-md {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-80p-md {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-90p-md {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-100p-md {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-auto-md {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .h-screen-md {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-0-lg {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-10p-lg {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-20p-lg {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-30p-lg {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-40p-lg {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-50p-lg {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-60p-lg {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-70p-lg {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-80p-lg {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-90p-lg {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-100p-lg {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-auto-lg {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .h-screen-lg {
+ height: 100vh !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-0-xl {
+ height: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-10p-xl {
+ height: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-20p-xl {
+ height: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-30p-xl {
+ height: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-40p-xl {
+ height: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-50p-xl {
+ height: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-60p-xl {
+ height: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-70p-xl {
+ height: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-80p-xl {
+ height: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-90p-xl {
+ height: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-100p-xl {
+ height: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-auto-xl {
+ height: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .h-screen-xl {
+ height: 100vh !important;
+ }
+}
+.w-0 {
+ width: 0 !important;
+}
+
+.w-10p {
+ width: 10% !important;
+}
+
+.w-20p {
+ width: 20% !important;
+}
+
+.w-30p {
+ width: 30% !important;
+}
+
+.w-40p {
+ width: 40% !important;
+}
+
+.w-50p {
+ width: 50% !important;
+}
+
+.w-60p {
+ width: 60% !important;
+}
+
+.w-70p {
+ width: 70% !important;
+}
+
+.w-80p {
+ width: 80% !important;
+}
+
+.w-90p {
+ width: 90% !important;
+}
+
+.w-100p {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.w-screen {
+ width: 100vw !important;
+}
+
+@media screen and (min-width: 640px) {
+ .w-0-sm {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-10p-sm {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-20p-sm {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-30p-sm {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-40p-sm {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-50p-sm {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-60p-sm {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-70p-sm {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-80p-sm {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-90p-sm {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-100p-sm {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-auto-sm {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .w-screen-sm {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-0-md {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-10p-md {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-20p-md {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-30p-md {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-40p-md {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-50p-md {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-60p-md {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-70p-md {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-80p-md {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-90p-md {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-100p-md {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-auto-md {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .w-screen-md {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-0-lg {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-10p-lg {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-20p-lg {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-30p-lg {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-40p-lg {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-50p-lg {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-60p-lg {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-70p-lg {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-80p-lg {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-90p-lg {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-100p-lg {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-auto-lg {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .w-screen-lg {
+ width: 100vw !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-0-xl {
+ width: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-10p-xl {
+ width: 10% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-20p-xl {
+ width: 20% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-30p-xl {
+ width: 30% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-40p-xl {
+ width: 40% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-50p-xl {
+ width: 50% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-60p-xl {
+ width: 60% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-70p-xl {
+ width: 70% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-80p-xl {
+ width: 80% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-90p-xl {
+ width: 90% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-100p-xl {
+ width: 100% !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-auto-xl {
+ width: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .w-screen-xl {
+ width: 100vw !important;
+ }
+}
+.min-h-0 {
+ min-height: 0 !important;
+}
+
+.min-h-10p {
+ min-height: 10% !important;
+}
+
+.min-h-20p {
+ min-height: 20% !important;
+}
+
+.min-h-30p {
+ min-height: 30% !important;
+}
+
+.min-h-40p {
+ min-height: 40% !important;
+}
+
+.min-h-50p {
+ min-height: 50% !important;
+}
+
+.min-h-60p {
+ min-height: 60% !important;
+}
+
+.min-h-70p {
+ min-height: 70% !important;
+}
+
+.min-h-80p {
+ min-height: 80% !important;
+}
+
+.min-h-90p {
+ min-height: 90% !important;
+}
+
+.min-h-100p {
+ min-height: 100% !important;
+}
+
+.min-h-screen {
+ min-height: 100vh !important;
+}
+
+.min-w-0 {
+ min-width: 0 !important;
+}
+
+.min-w-10p {
+ min-width: 10% !important;
+}
+
+.min-w-20p {
+ min-width: 20% !important;
+}
+
+.min-w-30p {
+ min-width: 30% !important;
+}
+
+.min-w-40p {
+ min-width: 40% !important;
+}
+
+.min-w-50p {
+ min-width: 50% !important;
+}
+
+.min-w-60p {
+ min-width: 60% !important;
+}
+
+.min-w-70p {
+ min-width: 70% !important;
+}
+
+.min-w-80p {
+ min-width: 80% !important;
+}
+
+.min-w-90p {
+ min-width: 90% !important;
+}
+
+.min-w-100p {
+ min-width: 100% !important;
+}
+
+.min-w-screen {
+ min-width: 100vw !important;
+}
+
+.max-h-none {
+ max-height: none !important;
+}
+
+.max-h-10p {
+ max-height: 10% !important;
+}
+
+.max-h-20p {
+ max-height: 20% !important;
+}
+
+.max-h-30p {
+ max-height: 30% !important;
+}
+
+.max-h-40p {
+ max-height: 40% !important;
+}
+
+.max-h-50p {
+ max-height: 50% !important;
+}
+
+.max-h-60p {
+ max-height: 60% !important;
+}
+
+.max-h-70p {
+ max-height: 70% !important;
+}
+
+.max-h-80p {
+ max-height: 80% !important;
+}
+
+.max-h-90p {
+ max-height: 90% !important;
+}
+
+.max-h-100p {
+ max-height: 100% !important;
+}
+
+.max-h-screen {
+ max-height: 100vh !important;
+}
+
+.max-w-none {
+ max-width: none !important;
+}
+
+.max-w-10p {
+ max-width: 10% !important;
+}
+
+.max-w-20p {
+ max-width: 20% !important;
+}
+
+.max-w-30p {
+ max-width: 30% !important;
+}
+
+.max-w-40p {
+ max-width: 40% !important;
+}
+
+.max-w-50p {
+ max-width: 50% !important;
+}
+
+.max-w-60p {
+ max-width: 60% !important;
+}
+
+.max-w-70p {
+ max-width: 70% !important;
+}
+
+.max-w-80p {
+ max-width: 80% !important;
+}
+
+.max-w-90p {
+ max-width: 90% !important;
+}
+
+.max-w-100p {
+ max-width: 100% !important;
+}
+
+.max-w-screen {
+ max-width: 100vw !important;
+}
+
+/* Do the actual balancing only on larger screens */
+@media screen and (min-width: 768px) {
+ .level,
+.level-left,
+.level-right {
+ display: flex;
+ }
+}
+@media screen and (max-width: 767px) {
+ .level-right {
+ margin-left: 1rem;
+ }
+
+ /* Keep all level children the same height */
+ .level.fill-height {
+ align-items: stretch;
+ display: flex;
+ }
+}
+/* MOBILE */
+@media screen and (max-width: 767px) {
+ .container {
+ width: 100%;
+ }
+
+ .row {
+ margin-top: 0;
+ }
+
+ /* Dividers for mobile layout */
+ .divided > .row [class^=col-],
+.divided > .row [class*=" col-"] {
+ box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+ }
+
+ .level.fill-height {
+ display: inherit;
+ /* Allow children to expand */
+ }
+
+ .hero-body {
+ padding: 0;
+ }
+}
+/* MEDIA CSS */
+/* Handles images, videos, figures, etc */
+video.video-fullscreen {
+ position: absolute;
+ height: 100vh;
+ object-fit: cover;
+ width: 100%;
+ z-index: -1;
+}
+
+.hero.fullscreen video {
+ height: 100%;
+ object-fit: fill;
+ position: absolute;
+ width: 100%;
+ z-index: -1;
+}
+
+/* Add to parent container to make media child fill container */
+.media-stretch {
+ display: block;
+ padding: 0;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ /* Add pseudoclass to allow media to have height (default height is 0) */
+ /* Force media embed to fill parent container */
+ /* Alternate media ratios */
+ /* For HTML5 video objects */
+}
+
+.media-stretch::before {
+ content: "";
+ display: block;
+ padding-bottom: 56.25%;
+ /* 9 / 16 for 16:9 ratio */
+}
+
+.media-stretch iframe,
+.media-stretch embed,
+.media-stretch object {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ /* Make sure media does exceed or go under boundary limit */
+ height: 100%;
+}
+
+.media-stretch.rat-4-3::before {
+ padding-bottom: 75%;
+}
+
+.media-stretch.rat-1-1::before {
+ padding-bottom: 100%;
+}
+
+.media-stretch video {
+ height: auto;
+ max-width: 100%;
+ width: 100%;
+}
+
+/* FIGURES */
+/* For flexible media display */
+.fig {
+ margin: 0 0 0.5rem 0;
+ /* Small margin at the bottom */
+}
+
+.fig .fig-caption {
+ margin-top: 1rem;
+}
+
+/* IMAGES */
+.img-stretch {
+ max-width: 100%;
+ height: auto;
+ display: block;
+}
+
+.img-cover {
+ object-fit: cover;
+}
+
+.img-contain {
+ object-fit: contain;
+}
+
+/* A collection of modifiers that extend control styling */
+.btn, button, [type=submit], [type=reset], [type=button] {
+ /* btn--circle: contents must be placed inside child element */
+}
+
+.btn.btn--pilled, button.btn--pilled, [type=submit].btn--pilled, [type=reset].btn--pilled, [type=button].btn--pilled {
+ border-radius: 6.25rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.btn.btn--circle, button.btn--circle, [type=submit].btn--circle, [type=reset].btn--circle, [type=button].btn--circle {
+ border-radius: 100%;
+ min-width: 60px;
+ overflow: hidden;
+ padding: 0;
+ text-align: center;
+}
+
+.btn.btn--circle:before, button.btn--circle:before, [type=submit].btn--circle:before, [type=reset].btn--circle:before, [type=button].btn--circle:before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ padding-top: 100%;
+}
+
+.btn.btn--circle *, button.btn--circle *, [type=submit].btn--circle *, [type=reset].btn--circle *, [type=button].btn--circle * {
+ display: inline;
+ max-width: 90%;
+ vertical-align: middle;
+ white-space: pre-wrap;
+}
+
+/* Input (primary text-based) controls apply to inputs */
+.input-control--pilled {
+ border-radius: 6.25rem !important;
+}
+
+/* Theme modifiers */
+/* GLOBAL THEME SELECTORS */
+/* v1 */
+.bg-primary {
+ background-color: rgba(240, 61, 77, var(--bg-opacity)) !important;
+}
+
+.text-primary {
+ border-color: rgba(240, 61, 77, var(--color-opacity)) !important;
+ color: rgba(240, 61, 77, var(--color-opacity)) !important;
+}
+
+.bg-success {
+ background-color: rgba(13, 209, 87, var(--bg-opacity)) !important;
+}
+
+.text-success {
+ border-color: rgba(13, 209, 87, var(--color-opacity)) !important;
+ color: rgba(13, 209, 87, var(--color-opacity)) !important;
+}
+
+.bg-warning {
+ background-color: rgba(250, 182, 51, var(--bg-opacity)) !important;
+}
+
+.text-warning {
+ border-color: rgba(250, 182, 51, var(--color-opacity)) !important;
+ color: rgba(250, 182, 51, var(--color-opacity)) !important;
+}
+
+.bg-danger {
+ background-color: rgba(251, 65, 67, var(--bg-opacity)) !important;
+}
+
+.text-danger {
+ border-color: rgba(251, 65, 67, var(--color-opacity)) !important;
+ color: rgba(251, 65, 67, var(--color-opacity)) !important;
+}
+
+.bg-light {
+ background-color: rgba(246, 249, 252, var(--bg-opacity)) !important;
+}
+
+.text-light {
+ border-color: rgba(246, 249, 252, var(--color-opacity)) !important;
+ color: rgba(246, 249, 252, var(--color-opacity)) !important;
+}
+
+.bg-dark {
+ background-color: rgba(54, 54, 54, var(--bg-opacity)) !important;
+}
+
+.text-dark {
+ border-color: rgba(54, 54, 54, var(--color-opacity)) !important;
+ color: rgba(54, 54, 54, var(--color-opacity)) !important;
+}
+
+.bg-link {
+ background-color: rgba(94, 92, 199, var(--bg-opacity)) !important;
+}
+
+.text-link {
+ border-color: rgba(94, 92, 199, var(--color-opacity)) !important;
+ color: rgba(94, 92, 199, var(--color-opacity)) !important;
+}
+
+.bg-link-dark {
+ background-color: rgba(70, 67, 226, var(--bg-opacity)) !important;
+}
+
+.text-link-dark {
+ border-color: rgba(70, 67, 226, var(--color-opacity)) !important;
+ color: rgba(70, 67, 226, var(--color-opacity)) !important;
+}
+
+.bg-info {
+ background-color: rgba(41, 114, 250, var(--bg-opacity)) !important;
+}
+
+.text-info {
+ border-color: rgba(41, 114, 250, var(--color-opacity)) !important;
+ color: rgba(41, 114, 250, var(--color-opacity)) !important;
+}
+
+.bg-black {
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+}
+
+.text-black {
+ border-color: rgba(0, 0, 0, var(--color-opacity)) !important;
+ color: rgba(0, 0, 0, var(--color-opacity)) !important;
+}
+
+.bg-white {
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+}
+
+.text-white {
+ border-color: rgba(255, 255, 255, var(--color-opacity)) !important;
+ color: rgba(255, 255, 255, var(--color-opacity)) !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.text-transparent {
+ border-color: transparent !important;
+ color: transparent !important;
+}
+
+/* v2 */
+.bg-pink-100 {
+ background-color: rgba(252, 232, 243, var(--bg-opacity)) !important;
+}
+
+.text-pink-100 {
+ border-color: rgba(252, 232, 243, var(--color-opacity)) !important;
+ color: rgba(252, 232, 243, var(--color-opacity)) !important;
+}
+
+.bg-pink-200 {
+ background-color: rgba(250, 209, 232, var(--bg-opacity)) !important;
+}
+
+.text-pink-200 {
+ border-color: rgba(250, 209, 232, var(--color-opacity)) !important;
+ color: rgba(250, 209, 232, var(--color-opacity)) !important;
+}
+
+.bg-pink-300 {
+ background-color: rgba(248, 180, 217, var(--bg-opacity)) !important;
+}
+
+.text-pink-300 {
+ border-color: rgba(248, 180, 217, var(--color-opacity)) !important;
+ color: rgba(248, 180, 217, var(--color-opacity)) !important;
+}
+
+.bg-pink-400 {
+ background-color: rgba(241, 126, 184, var(--bg-opacity)) !important;
+}
+
+.text-pink-400 {
+ border-color: rgba(241, 126, 184, var(--color-opacity)) !important;
+ color: rgba(241, 126, 184, var(--color-opacity)) !important;
+}
+
+.bg-pink-500 {
+ background-color: rgba(231, 70, 148, var(--bg-opacity)) !important;
+}
+
+.text-pink-500 {
+ border-color: rgba(231, 70, 148, var(--color-opacity)) !important;
+ color: rgba(231, 70, 148, var(--color-opacity)) !important;
+}
+
+.bg-pink-600 {
+ background-color: rgba(214, 31, 105, var(--bg-opacity)) !important;
+}
+
+.text-pink-600 {
+ border-color: rgba(214, 31, 105, var(--color-opacity)) !important;
+ color: rgba(214, 31, 105, var(--color-opacity)) !important;
+}
+
+.bg-pink-700 {
+ background-color: rgba(191, 18, 93, var(--bg-opacity)) !important;
+}
+
+.text-pink-700 {
+ border-color: rgba(191, 18, 93, var(--color-opacity)) !important;
+ color: rgba(191, 18, 93, var(--color-opacity)) !important;
+}
+
+.bg-pink-800 {
+ background-color: rgba(153, 21, 75, var(--bg-opacity)) !important;
+}
+
+.text-pink-800 {
+ border-color: rgba(153, 21, 75, var(--color-opacity)) !important;
+ color: rgba(153, 21, 75, var(--color-opacity)) !important;
+}
+
+.bg-pink-900 {
+ background-color: rgba(117, 26, 61, var(--bg-opacity)) !important;
+}
+
+.text-pink-900 {
+ border-color: rgba(117, 26, 61, var(--color-opacity)) !important;
+ color: rgba(117, 26, 61, var(--color-opacity)) !important;
+}
+
+.bg-red-100 {
+ background-color: rgba(253, 232, 232, var(--bg-opacity)) !important;
+}
+
+.text-red-100 {
+ border-color: rgba(253, 232, 232, var(--color-opacity)) !important;
+ color: rgba(253, 232, 232, var(--color-opacity)) !important;
+}
+
+.bg-red-200 {
+ background-color: rgba(251, 213, 213, var(--bg-opacity)) !important;
+}
+
+.text-red-200 {
+ border-color: rgba(251, 213, 213, var(--color-opacity)) !important;
+ color: rgba(251, 213, 213, var(--color-opacity)) !important;
+}
+
+.bg-red-300 {
+ background-color: rgba(248, 180, 180, var(--bg-opacity)) !important;
+}
+
+.text-red-300 {
+ border-color: rgba(248, 180, 180, var(--color-opacity)) !important;
+ color: rgba(248, 180, 180, var(--color-opacity)) !important;
+}
+
+.bg-red-400 {
+ background-color: rgba(249, 128, 128, var(--bg-opacity)) !important;
+}
+
+.text-red-400 {
+ border-color: rgba(249, 128, 128, var(--color-opacity)) !important;
+ color: rgba(249, 128, 128, var(--color-opacity)) !important;
+}
+
+.bg-red-500 {
+ background-color: rgba(240, 82, 82, var(--bg-opacity)) !important;
+}
+
+.text-red-500 {
+ border-color: rgba(240, 82, 82, var(--color-opacity)) !important;
+ color: rgba(240, 82, 82, var(--color-opacity)) !important;
+}
+
+.bg-red-600 {
+ background-color: rgba(224, 36, 36, var(--bg-opacity)) !important;
+}
+
+.text-red-600 {
+ border-color: rgba(224, 36, 36, var(--color-opacity)) !important;
+ color: rgba(224, 36, 36, var(--color-opacity)) !important;
+}
+
+.bg-red-700 {
+ background-color: rgba(200, 30, 30, var(--bg-opacity)) !important;
+}
+
+.text-red-700 {
+ border-color: rgba(200, 30, 30, var(--color-opacity)) !important;
+ color: rgba(200, 30, 30, var(--color-opacity)) !important;
+}
+
+.bg-red-800 {
+ background-color: rgba(155, 28, 28, var(--bg-opacity)) !important;
+}
+
+.text-red-800 {
+ border-color: rgba(155, 28, 28, var(--color-opacity)) !important;
+ color: rgba(155, 28, 28, var(--color-opacity)) !important;
+}
+
+.bg-red-900 {
+ background-color: rgba(119, 29, 29, var(--bg-opacity)) !important;
+}
+
+.text-red-900 {
+ border-color: rgba(119, 29, 29, var(--color-opacity)) !important;
+ color: rgba(119, 29, 29, var(--color-opacity)) !important;
+}
+
+.bg-orange-100 {
+ background-color: rgba(254, 236, 220, var(--bg-opacity)) !important;
+}
+
+.text-orange-100 {
+ border-color: rgba(254, 236, 220, var(--color-opacity)) !important;
+ color: rgba(254, 236, 220, var(--color-opacity)) !important;
+}
+
+.bg-orange-200 {
+ background-color: rgba(252, 217, 189, var(--bg-opacity)) !important;
+}
+
+.text-orange-200 {
+ border-color: rgba(252, 217, 189, var(--color-opacity)) !important;
+ color: rgba(252, 217, 189, var(--color-opacity)) !important;
+}
+
+.bg-orange-300 {
+ background-color: rgba(253, 186, 140, var(--bg-opacity)) !important;
+}
+
+.text-orange-300 {
+ border-color: rgba(253, 186, 140, var(--color-opacity)) !important;
+ color: rgba(253, 186, 140, var(--color-opacity)) !important;
+}
+
+.bg-orange-400 {
+ background-color: rgba(255, 138, 76, var(--bg-opacity)) !important;
+}
+
+.text-orange-400 {
+ border-color: rgba(255, 138, 76, var(--color-opacity)) !important;
+ color: rgba(255, 138, 76, var(--color-opacity)) !important;
+}
+
+.bg-orange-500 {
+ background-color: rgba(255, 90, 31, var(--bg-opacity)) !important;
+}
+
+.text-orange-500 {
+ border-color: rgba(255, 90, 31, var(--color-opacity)) !important;
+ color: rgba(255, 90, 31, var(--color-opacity)) !important;
+}
+
+.bg-orange-600 {
+ background-color: rgba(208, 56, 1, var(--bg-opacity)) !important;
+}
+
+.text-orange-600 {
+ border-color: rgba(208, 56, 1, var(--color-opacity)) !important;
+ color: rgba(208, 56, 1, var(--color-opacity)) !important;
+}
+
+.bg-orange-700 {
+ background-color: rgba(180, 52, 3, var(--bg-opacity)) !important;
+}
+
+.text-orange-700 {
+ border-color: rgba(180, 52, 3, var(--color-opacity)) !important;
+ color: rgba(180, 52, 3, var(--color-opacity)) !important;
+}
+
+.bg-orange-800 {
+ background-color: rgba(138, 44, 13, var(--bg-opacity)) !important;
+}
+
+.text-orange-800 {
+ border-color: rgba(138, 44, 13, var(--color-opacity)) !important;
+ color: rgba(138, 44, 13, var(--color-opacity)) !important;
+}
+
+.bg-orange-900 {
+ background-color: rgba(115, 35, 13, var(--bg-opacity)) !important;
+}
+
+.text-orange-900 {
+ border-color: rgba(115, 35, 13, var(--color-opacity)) !important;
+ color: rgba(115, 35, 13, var(--color-opacity)) !important;
+}
+
+.bg-yellow-100 {
+ background-color: rgba(253, 246, 178, var(--bg-opacity)) !important;
+}
+
+.text-yellow-100 {
+ border-color: rgba(253, 246, 178, var(--color-opacity)) !important;
+ color: rgba(253, 246, 178, var(--color-opacity)) !important;
+}
+
+.bg-yellow-200 {
+ background-color: rgba(252, 233, 106, var(--bg-opacity)) !important;
+}
+
+.text-yellow-200 {
+ border-color: rgba(252, 233, 106, var(--color-opacity)) !important;
+ color: rgba(252, 233, 106, var(--color-opacity)) !important;
+}
+
+.bg-yellow-300 {
+ background-color: rgba(250, 202, 21, var(--bg-opacity)) !important;
+}
+
+.text-yellow-300 {
+ border-color: rgba(250, 202, 21, var(--color-opacity)) !important;
+ color: rgba(250, 202, 21, var(--color-opacity)) !important;
+}
+
+.bg-yellow-400 {
+ background-color: rgba(227, 160, 8, var(--bg-opacity)) !important;
+}
+
+.text-yellow-400 {
+ border-color: rgba(227, 160, 8, var(--color-opacity)) !important;
+ color: rgba(227, 160, 8, var(--color-opacity)) !important;
+}
+
+.bg-yellow-500 {
+ background-color: rgba(194, 120, 3, var(--bg-opacity)) !important;
+}
+
+.text-yellow-500 {
+ border-color: rgba(194, 120, 3, var(--color-opacity)) !important;
+ color: rgba(194, 120, 3, var(--color-opacity)) !important;
+}
+
+.bg-yellow-600 {
+ background-color: rgba(159, 88, 10, var(--bg-opacity)) !important;
+}
+
+.text-yellow-600 {
+ border-color: rgba(159, 88, 10, var(--color-opacity)) !important;
+ color: rgba(159, 88, 10, var(--color-opacity)) !important;
+}
+
+.bg-yellow-700 {
+ background-color: rgba(142, 75, 16, var(--bg-opacity)) !important;
+}
+
+.text-yellow-700 {
+ border-color: rgba(142, 75, 16, var(--color-opacity)) !important;
+ color: rgba(142, 75, 16, var(--color-opacity)) !important;
+}
+
+.bg-yellow-800 {
+ background-color: rgba(114, 59, 19, var(--bg-opacity)) !important;
+}
+
+.text-yellow-800 {
+ border-color: rgba(114, 59, 19, var(--color-opacity)) !important;
+ color: rgba(114, 59, 19, var(--color-opacity)) !important;
+}
+
+.bg-yellow-900 {
+ background-color: rgba(99, 49, 18, var(--bg-opacity)) !important;
+}
+
+.text-yellow-900 {
+ border-color: rgba(99, 49, 18, var(--color-opacity)) !important;
+ color: rgba(99, 49, 18, var(--color-opacity)) !important;
+}
+
+.bg-green-100 {
+ background-color: rgba(222, 247, 236, var(--bg-opacity)) !important;
+}
+
+.text-green-100 {
+ border-color: rgba(222, 247, 236, var(--color-opacity)) !important;
+ color: rgba(222, 247, 236, var(--color-opacity)) !important;
+}
+
+.bg-green-200 {
+ background-color: rgba(188, 240, 218, var(--bg-opacity)) !important;
+}
+
+.text-green-200 {
+ border-color: rgba(188, 240, 218, var(--color-opacity)) !important;
+ color: rgba(188, 240, 218, var(--color-opacity)) !important;
+}
+
+.bg-green-300 {
+ background-color: rgba(132, 225, 188, var(--bg-opacity)) !important;
+}
+
+.text-green-300 {
+ border-color: rgba(132, 225, 188, var(--color-opacity)) !important;
+ color: rgba(132, 225, 188, var(--color-opacity)) !important;
+}
+
+.bg-green-400 {
+ background-color: rgba(49, 196, 141, var(--bg-opacity)) !important;
+}
+
+.text-green-400 {
+ border-color: rgba(49, 196, 141, var(--color-opacity)) !important;
+ color: rgba(49, 196, 141, var(--color-opacity)) !important;
+}
+
+.bg-green-500 {
+ background-color: rgba(14, 159, 110, var(--bg-opacity)) !important;
+}
+
+.text-green-500 {
+ border-color: rgba(14, 159, 110, var(--color-opacity)) !important;
+ color: rgba(14, 159, 110, var(--color-opacity)) !important;
+}
+
+.bg-green-600 {
+ background-color: rgba(5, 122, 85, var(--bg-opacity)) !important;
+}
+
+.text-green-600 {
+ border-color: rgba(5, 122, 85, var(--color-opacity)) !important;
+ color: rgba(5, 122, 85, var(--color-opacity)) !important;
+}
+
+.bg-green-700 {
+ background-color: rgba(4, 108, 78, var(--bg-opacity)) !important;
+}
+
+.text-green-700 {
+ border-color: rgba(4, 108, 78, var(--color-opacity)) !important;
+ color: rgba(4, 108, 78, var(--color-opacity)) !important;
+}
+
+.bg-green-800 {
+ background-color: rgba(3, 84, 63, var(--bg-opacity)) !important;
+}
+
+.text-green-800 {
+ border-color: rgba(3, 84, 63, var(--color-opacity)) !important;
+ color: rgba(3, 84, 63, var(--color-opacity)) !important;
+}
+
+.bg-green-900 {
+ background-color: rgba(1, 71, 55, var(--bg-opacity)) !important;
+}
+
+.text-green-900 {
+ border-color: rgba(1, 71, 55, var(--color-opacity)) !important;
+ color: rgba(1, 71, 55, var(--color-opacity)) !important;
+}
+
+.bg-teal-100 {
+ background-color: rgba(213, 245, 246, var(--bg-opacity)) !important;
+}
+
+.text-teal-100 {
+ border-color: rgba(213, 245, 246, var(--color-opacity)) !important;
+ color: rgba(213, 245, 246, var(--color-opacity)) !important;
+}
+
+.bg-teal-200 {
+ background-color: rgba(175, 236, 239, var(--bg-opacity)) !important;
+}
+
+.text-teal-200 {
+ border-color: rgba(175, 236, 239, var(--color-opacity)) !important;
+ color: rgba(175, 236, 239, var(--color-opacity)) !important;
+}
+
+.bg-teal-300 {
+ background-color: rgba(126, 220, 226, var(--bg-opacity)) !important;
+}
+
+.text-teal-300 {
+ border-color: rgba(126, 220, 226, var(--color-opacity)) !important;
+ color: rgba(126, 220, 226, var(--color-opacity)) !important;
+}
+
+.bg-teal-400 {
+ background-color: rgba(22, 189, 202, var(--bg-opacity)) !important;
+}
+
+.text-teal-400 {
+ border-color: rgba(22, 189, 202, var(--color-opacity)) !important;
+ color: rgba(22, 189, 202, var(--color-opacity)) !important;
+}
+
+.bg-teal-500 {
+ background-color: rgba(6, 148, 162, var(--bg-opacity)) !important;
+}
+
+.text-teal-500 {
+ border-color: rgba(6, 148, 162, var(--color-opacity)) !important;
+ color: rgba(6, 148, 162, var(--color-opacity)) !important;
+}
+
+.bg-teal-600 {
+ background-color: rgba(4, 116, 129, var(--bg-opacity)) !important;
+}
+
+.text-teal-600 {
+ border-color: rgba(4, 116, 129, var(--color-opacity)) !important;
+ color: rgba(4, 116, 129, var(--color-opacity)) !important;
+}
+
+.bg-teal-700 {
+ background-color: rgba(3, 102, 114, var(--bg-opacity)) !important;
+}
+
+.text-teal-700 {
+ border-color: rgba(3, 102, 114, var(--color-opacity)) !important;
+ color: rgba(3, 102, 114, var(--color-opacity)) !important;
+}
+
+.bg-teal-800 {
+ background-color: rgba(5, 80, 92, var(--bg-opacity)) !important;
+}
+
+.text-teal-800 {
+ border-color: rgba(5, 80, 92, var(--color-opacity)) !important;
+ color: rgba(5, 80, 92, var(--color-opacity)) !important;
+}
+
+.bg-teal-900 {
+ background-color: rgba(1, 68, 81, var(--bg-opacity)) !important;
+}
+
+.text-teal-900 {
+ border-color: rgba(1, 68, 81, var(--color-opacity)) !important;
+ color: rgba(1, 68, 81, var(--color-opacity)) !important;
+}
+
+.bg-blue-100 {
+ background-color: rgba(225, 239, 254, var(--bg-opacity)) !important;
+}
+
+.text-blue-100 {
+ border-color: rgba(225, 239, 254, var(--color-opacity)) !important;
+ color: rgba(225, 239, 254, var(--color-opacity)) !important;
+}
+
+.bg-blue-200 {
+ background-color: rgba(195, 221, 253, var(--bg-opacity)) !important;
+}
+
+.text-blue-200 {
+ border-color: rgba(195, 221, 253, var(--color-opacity)) !important;
+ color: rgba(195, 221, 253, var(--color-opacity)) !important;
+}
+
+.bg-blue-300 {
+ background-color: rgba(164, 202, 254, var(--bg-opacity)) !important;
+}
+
+.text-blue-300 {
+ border-color: rgba(164, 202, 254, var(--color-opacity)) !important;
+ color: rgba(164, 202, 254, var(--color-opacity)) !important;
+}
+
+.bg-blue-400 {
+ background-color: rgba(118, 169, 250, var(--bg-opacity)) !important;
+}
+
+.text-blue-400 {
+ border-color: rgba(118, 169, 250, var(--color-opacity)) !important;
+ color: rgba(118, 169, 250, var(--color-opacity)) !important;
+}
+
+.bg-blue-500 {
+ background-color: rgba(63, 131, 248, var(--bg-opacity)) !important;
+}
+
+.text-blue-500 {
+ border-color: rgba(63, 131, 248, var(--color-opacity)) !important;
+ color: rgba(63, 131, 248, var(--color-opacity)) !important;
+}
+
+.bg-blue-600 {
+ background-color: rgba(28, 100, 242, var(--bg-opacity)) !important;
+}
+
+.text-blue-600 {
+ border-color: rgba(28, 100, 242, var(--color-opacity)) !important;
+ color: rgba(28, 100, 242, var(--color-opacity)) !important;
+}
+
+.bg-blue-700 {
+ background-color: rgba(26, 86, 219, var(--bg-opacity)) !important;
+}
+
+.text-blue-700 {
+ border-color: rgba(26, 86, 219, var(--color-opacity)) !important;
+ color: rgba(26, 86, 219, var(--color-opacity)) !important;
+}
+
+.bg-blue-800 {
+ background-color: rgba(30, 66, 159, var(--bg-opacity)) !important;
+}
+
+.text-blue-800 {
+ border-color: rgba(30, 66, 159, var(--color-opacity)) !important;
+ color: rgba(30, 66, 159, var(--color-opacity)) !important;
+}
+
+.bg-blue-900 {
+ background-color: rgba(35, 56, 118, var(--bg-opacity)) !important;
+}
+
+.text-blue-900 {
+ border-color: rgba(35, 56, 118, var(--color-opacity)) !important;
+ color: rgba(35, 56, 118, var(--color-opacity)) !important;
+}
+
+.bg-indigo-100 {
+ background-color: rgba(229, 237, 255, var(--bg-opacity)) !important;
+}
+
+.text-indigo-100 {
+ border-color: rgba(229, 237, 255, var(--color-opacity)) !important;
+ color: rgba(229, 237, 255, var(--color-opacity)) !important;
+}
+
+.bg-indigo-200 {
+ background-color: rgba(205, 219, 254, var(--bg-opacity)) !important;
+}
+
+.text-indigo-200 {
+ border-color: rgba(205, 219, 254, var(--color-opacity)) !important;
+ color: rgba(205, 219, 254, var(--color-opacity)) !important;
+}
+
+.bg-indigo-300 {
+ background-color: rgba(180, 198, 252, var(--bg-opacity)) !important;
+}
+
+.text-indigo-300 {
+ border-color: rgba(180, 198, 252, var(--color-opacity)) !important;
+ color: rgba(180, 198, 252, var(--color-opacity)) !important;
+}
+
+.bg-indigo-400 {
+ background-color: rgba(141, 162, 251, var(--bg-opacity)) !important;
+}
+
+.text-indigo-400 {
+ border-color: rgba(141, 162, 251, var(--color-opacity)) !important;
+ color: rgba(141, 162, 251, var(--color-opacity)) !important;
+}
+
+.bg-indigo-500 {
+ background-color: rgba(104, 117, 245, var(--bg-opacity)) !important;
+}
+
+.text-indigo-500 {
+ border-color: rgba(104, 117, 245, var(--color-opacity)) !important;
+ color: rgba(104, 117, 245, var(--color-opacity)) !important;
+}
+
+.bg-indigo-600 {
+ background-color: rgba(88, 80, 236, var(--bg-opacity)) !important;
+}
+
+.text-indigo-600 {
+ border-color: rgba(88, 80, 236, var(--color-opacity)) !important;
+ color: rgba(88, 80, 236, var(--color-opacity)) !important;
+}
+
+.bg-indigo-700 {
+ background-color: rgba(81, 69, 205, var(--bg-opacity)) !important;
+}
+
+.text-indigo-700 {
+ border-color: rgba(81, 69, 205, var(--color-opacity)) !important;
+ color: rgba(81, 69, 205, var(--color-opacity)) !important;
+}
+
+.bg-indigo-800 {
+ background-color: rgba(66, 56, 157, var(--bg-opacity)) !important;
+}
+
+.text-indigo-800 {
+ border-color: rgba(66, 56, 157, var(--color-opacity)) !important;
+ color: rgba(66, 56, 157, var(--color-opacity)) !important;
+}
+
+.bg-indigo-900 {
+ background-color: rgba(54, 47, 120, var(--bg-opacity)) !important;
+}
+
+.text-indigo-900 {
+ border-color: rgba(54, 47, 120, var(--color-opacity)) !important;
+ color: rgba(54, 47, 120, var(--color-opacity)) !important;
+}
+
+.bg-purple-100 {
+ background-color: rgba(237, 235, 254, var(--bg-opacity)) !important;
+}
+
+.text-purple-100 {
+ border-color: rgba(237, 235, 254, var(--color-opacity)) !important;
+ color: rgba(237, 235, 254, var(--color-opacity)) !important;
+}
+
+.bg-purple-200 {
+ background-color: rgba(220, 215, 254, var(--bg-opacity)) !important;
+}
+
+.text-purple-200 {
+ border-color: rgba(220, 215, 254, var(--color-opacity)) !important;
+ color: rgba(220, 215, 254, var(--color-opacity)) !important;
+}
+
+.bg-purple-300 {
+ background-color: rgba(202, 191, 253, var(--bg-opacity)) !important;
+}
+
+.text-purple-300 {
+ border-color: rgba(202, 191, 253, var(--color-opacity)) !important;
+ color: rgba(202, 191, 253, var(--color-opacity)) !important;
+}
+
+.bg-purple-400 {
+ background-color: rgba(172, 148, 250, var(--bg-opacity)) !important;
+}
+
+.text-purple-400 {
+ border-color: rgba(172, 148, 250, var(--color-opacity)) !important;
+ color: rgba(172, 148, 250, var(--color-opacity)) !important;
+}
+
+.bg-purple-500 {
+ background-color: rgba(144, 97, 249, var(--bg-opacity)) !important;
+}
+
+.text-purple-500 {
+ border-color: rgba(144, 97, 249, var(--color-opacity)) !important;
+ color: rgba(144, 97, 249, var(--color-opacity)) !important;
+}
+
+.bg-purple-600 {
+ background-color: rgba(126, 58, 242, var(--bg-opacity)) !important;
+}
+
+.text-purple-600 {
+ border-color: rgba(126, 58, 242, var(--color-opacity)) !important;
+ color: rgba(126, 58, 242, var(--color-opacity)) !important;
+}
+
+.bg-purple-700 {
+ background-color: rgba(108, 43, 217, var(--bg-opacity)) !important;
+}
+
+.text-purple-700 {
+ border-color: rgba(108, 43, 217, var(--color-opacity)) !important;
+ color: rgba(108, 43, 217, var(--color-opacity)) !important;
+}
+
+.bg-purple-800 {
+ background-color: rgba(85, 33, 181, var(--bg-opacity)) !important;
+}
+
+.text-purple-800 {
+ border-color: rgba(85, 33, 181, var(--color-opacity)) !important;
+ color: rgba(85, 33, 181, var(--color-opacity)) !important;
+}
+
+.bg-purple-900 {
+ background-color: rgba(74, 29, 150, var(--bg-opacity)) !important;
+}
+
+.text-purple-900 {
+ border-color: rgba(74, 29, 150, var(--color-opacity)) !important;
+ color: rgba(74, 29, 150, var(--color-opacity)) !important;
+}
+
+.bg-gray-000 {
+ background-color: rgba(248, 249, 250, var(--bg-opacity)) !important;
+}
+
+.text-gray-000 {
+ border-color: rgba(248, 249, 250, var(--color-opacity)) !important;
+ color: rgba(248, 249, 250, var(--color-opacity)) !important;
+}
+
+.bg-gray-100 {
+ background-color: rgba(241, 243, 245, var(--bg-opacity)) !important;
+}
+
+.text-gray-100 {
+ border-color: rgba(241, 243, 245, var(--color-opacity)) !important;
+ color: rgba(241, 243, 245, var(--color-opacity)) !important;
+}
+
+.bg-gray-200 {
+ background-color: rgba(233, 236, 239, var(--bg-opacity)) !important;
+}
+
+.text-gray-200 {
+ border-color: rgba(233, 236, 239, var(--color-opacity)) !important;
+ color: rgba(233, 236, 239, var(--color-opacity)) !important;
+}
+
+.bg-gray-300 {
+ background-color: rgba(222, 226, 230, var(--bg-opacity)) !important;
+}
+
+.text-gray-300 {
+ border-color: rgba(222, 226, 230, var(--color-opacity)) !important;
+ color: rgba(222, 226, 230, var(--color-opacity)) !important;
+}
+
+.bg-gray-400 {
+ background-color: rgba(206, 212, 218, var(--bg-opacity)) !important;
+}
+
+.text-gray-400 {
+ border-color: rgba(206, 212, 218, var(--color-opacity)) !important;
+ color: rgba(206, 212, 218, var(--color-opacity)) !important;
+}
+
+.bg-gray-500 {
+ background-color: rgba(173, 181, 189, var(--bg-opacity)) !important;
+}
+
+.text-gray-500 {
+ border-color: rgba(173, 181, 189, var(--color-opacity)) !important;
+ color: rgba(173, 181, 189, var(--color-opacity)) !important;
+}
+
+.bg-gray-600 {
+ background-color: rgba(134, 142, 150, var(--bg-opacity)) !important;
+}
+
+.text-gray-600 {
+ border-color: rgba(134, 142, 150, var(--color-opacity)) !important;
+ color: rgba(134, 142, 150, var(--color-opacity)) !important;
+}
+
+.bg-gray-700 {
+ background-color: rgba(73, 80, 87, var(--bg-opacity)) !important;
+}
+
+.text-gray-700 {
+ border-color: rgba(73, 80, 87, var(--color-opacity)) !important;
+ color: rgba(73, 80, 87, var(--color-opacity)) !important;
+}
+
+.bg-gray-800 {
+ background-color: rgba(52, 58, 64, var(--bg-opacity)) !important;
+}
+
+.text-gray-800 {
+ border-color: rgba(52, 58, 64, var(--color-opacity)) !important;
+ color: rgba(52, 58, 64, var(--color-opacity)) !important;
+}
+
+.bg-gray-900 {
+ background-color: rgba(33, 37, 41, var(--bg-opacity)) !important;
+}
+
+.text-gray-900 {
+ border-color: rgba(33, 37, 41, var(--color-opacity)) !important;
+ color: rgba(33, 37, 41, var(--color-opacity)) !important;
+}
+
+/* Margin */
+.m-0 {
+ margin: 0rem !important;
+}
+
+.mt-0,
+.my-0 {
+ margin-top: 0rem !important;
+}
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0rem !important;
+}
+
+.ml-0,
+.mx-0 {
+ margin-left: 0rem !important;
+}
+
+.mr-0,
+.mx-0 {
+ margin-right: 0rem !important;
+}
+
+/* Spacing */
+.p-0 {
+ padding: 0rem !important;
+}
+
+.pt-0,
+.py-0 {
+ padding-top: 0rem !important;
+}
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0rem !important;
+}
+
+.pl-0,
+.px-0 {
+ padding-left: 0rem !important;
+}
+
+.pr-0,
+.px-0 {
+ padding-right: 0rem !important;
+}
+
+/* Margin */
+.m-1 {
+ margin: 0.5rem !important;
+}
+
+.mt-1,
+.my-1 {
+ margin-top: 0.5rem !important;
+}
+
+.mb-1,
+.my-1 {
+ margin-bottom: 0.5rem !important;
+}
+
+.ml-1,
+.mx-1 {
+ margin-left: 0.5rem !important;
+}
+
+.mr-1,
+.mx-1 {
+ margin-right: 0.5rem !important;
+}
+
+/* Spacing */
+.p-1 {
+ padding: 0.5rem !important;
+}
+
+.pt-1,
+.py-1 {
+ padding-top: 0.5rem !important;
+}
+
+.pb-1,
+.py-1 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pl-1,
+.px-1 {
+ padding-left: 0.5rem !important;
+}
+
+.pr-1,
+.px-1 {
+ padding-right: 0.5rem !important;
+}
+
+/* Margin */
+.m-2 {
+ margin: 1rem !important;
+}
+
+.mt-2,
+.my-2 {
+ margin-top: 1rem !important;
+}
+
+.mb-2,
+.my-2 {
+ margin-bottom: 1rem !important;
+}
+
+.ml-2,
+.mx-2 {
+ margin-left: 1rem !important;
+}
+
+.mr-2,
+.mx-2 {
+ margin-right: 1rem !important;
+}
+
+/* Spacing */
+.p-2 {
+ padding: 1rem !important;
+}
+
+.pt-2,
+.py-2 {
+ padding-top: 1rem !important;
+}
+
+.pb-2,
+.py-2 {
+ padding-bottom: 1rem !important;
+}
+
+.pl-2,
+.px-2 {
+ padding-left: 1rem !important;
+}
+
+.pr-2,
+.px-2 {
+ padding-right: 1rem !important;
+}
+
+/* Margin */
+.m-3 {
+ margin: 1.5rem !important;
+}
+
+.mt-3,
+.my-3 {
+ margin-top: 1.5rem !important;
+}
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1.5rem !important;
+}
+
+.ml-3,
+.mx-3 {
+ margin-left: 1.5rem !important;
+}
+
+.mr-3,
+.mx-3 {
+ margin-right: 1.5rem !important;
+}
+
+/* Spacing */
+.p-3 {
+ padding: 1.5rem !important;
+}
+
+.pt-3,
+.py-3 {
+ padding-top: 1.5rem !important;
+}
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pl-3,
+.px-3 {
+ padding-left: 1.5rem !important;
+}
+
+.pr-3,
+.px-3 {
+ padding-right: 1.5rem !important;
+}
+
+/* Margin */
+.m-4 {
+ margin: 2rem !important;
+}
+
+.mt-4,
+.my-4 {
+ margin-top: 2rem !important;
+}
+
+.mb-4,
+.my-4 {
+ margin-bottom: 2rem !important;
+}
+
+.ml-4,
+.mx-4 {
+ margin-left: 2rem !important;
+}
+
+.mr-4,
+.mx-4 {
+ margin-right: 2rem !important;
+}
+
+/* Spacing */
+.p-4 {
+ padding: 2rem !important;
+}
+
+.pt-4,
+.py-4 {
+ padding-top: 2rem !important;
+}
+
+.pb-4,
+.py-4 {
+ padding-bottom: 2rem !important;
+}
+
+.pl-4,
+.px-4 {
+ padding-left: 2rem !important;
+}
+
+.pr-4,
+.px-4 {
+ padding-right: 2rem !important;
+}
+
+/* Margin */
+.m-5 {
+ margin: 2.5rem !important;
+}
+
+.mt-5,
+.my-5 {
+ margin-top: 2.5rem !important;
+}
+
+.mb-5,
+.my-5 {
+ margin-bottom: 2.5rem !important;
+}
+
+.ml-5,
+.mx-5 {
+ margin-left: 2.5rem !important;
+}
+
+.mr-5,
+.mx-5 {
+ margin-right: 2.5rem !important;
+}
+
+/* Spacing */
+.p-5 {
+ padding: 2.5rem !important;
+}
+
+.pt-5,
+.py-5 {
+ padding-top: 2.5rem !important;
+}
+
+.pb-5,
+.py-5 {
+ padding-bottom: 2.5rem !important;
+}
+
+.pl-5,
+.px-5 {
+ padding-left: 2.5rem !important;
+}
+
+.pr-5,
+.px-5 {
+ padding-right: 2.5rem !important;
+}
+
+/* Margin */
+.m-6 {
+ margin: 3rem !important;
+}
+
+.mt-6,
+.my-6 {
+ margin-top: 3rem !important;
+}
+
+.mb-6,
+.my-6 {
+ margin-bottom: 3rem !important;
+}
+
+.ml-6,
+.mx-6 {
+ margin-left: 3rem !important;
+}
+
+.mr-6,
+.mx-6 {
+ margin-right: 3rem !important;
+}
+
+/* Spacing */
+.p-6 {
+ padding: 3rem !important;
+}
+
+.pt-6,
+.py-6 {
+ padding-top: 3rem !important;
+}
+
+.pb-6,
+.py-6 {
+ padding-bottom: 3rem !important;
+}
+
+.pl-6,
+.px-6 {
+ padding-left: 3rem !important;
+}
+
+.pr-6,
+.px-6 {
+ padding-right: 3rem !important;
+}
+
+/* Margin */
+.m-8 {
+ margin: 4rem !important;
+}
+
+.mt-8,
+.my-8 {
+ margin-top: 4rem !important;
+}
+
+.mb-8,
+.my-8 {
+ margin-bottom: 4rem !important;
+}
+
+.ml-8,
+.mx-8 {
+ margin-left: 4rem !important;
+}
+
+.mr-8,
+.mx-8 {
+ margin-right: 4rem !important;
+}
+
+/* Spacing */
+.p-8 {
+ padding: 4rem !important;
+}
+
+.pt-8,
+.py-8 {
+ padding-top: 4rem !important;
+}
+
+.pb-8,
+.py-8 {
+ padding-bottom: 4rem !important;
+}
+
+.pl-8,
+.px-8 {
+ padding-left: 4rem !important;
+}
+
+.pr-8,
+.px-8 {
+ padding-right: 4rem !important;
+}
+
+/* Margin */
+.m-10 {
+ margin: 5rem !important;
+}
+
+.mt-10,
+.my-10 {
+ margin-top: 5rem !important;
+}
+
+.mb-10,
+.my-10 {
+ margin-bottom: 5rem !important;
+}
+
+.ml-10,
+.mx-10 {
+ margin-left: 5rem !important;
+}
+
+.mr-10,
+.mx-10 {
+ margin-right: 5rem !important;
+}
+
+/* Spacing */
+.p-10 {
+ padding: 5rem !important;
+}
+
+.pt-10,
+.py-10 {
+ padding-top: 5rem !important;
+}
+
+.pb-10,
+.py-10 {
+ padding-bottom: 5rem !important;
+}
+
+.pl-10,
+.px-10 {
+ padding-left: 5rem !important;
+}
+
+.pr-10,
+.px-10 {
+ padding-right: 5rem !important;
+}
+
+/* Margin */
+.m-12 {
+ margin: 6rem !important;
+}
+
+.mt-12,
+.my-12 {
+ margin-top: 6rem !important;
+}
+
+.mb-12,
+.my-12 {
+ margin-bottom: 6rem !important;
+}
+
+.ml-12,
+.mx-12 {
+ margin-left: 6rem !important;
+}
+
+.mr-12,
+.mx-12 {
+ margin-right: 6rem !important;
+}
+
+/* Spacing */
+.p-12 {
+ padding: 6rem !important;
+}
+
+.pt-12,
+.py-12 {
+ padding-top: 6rem !important;
+}
+
+.pb-12,
+.py-12 {
+ padding-bottom: 6rem !important;
+}
+
+.pl-12,
+.px-12 {
+ padding-left: 6rem !important;
+}
+
+.pr-12,
+.px-12 {
+ padding-right: 6rem !important;
+}
+
+/* Margin */
+.m-16 {
+ margin: 8rem !important;
+}
+
+.mt-16,
+.my-16 {
+ margin-top: 8rem !important;
+}
+
+.mb-16,
+.my-16 {
+ margin-bottom: 8rem !important;
+}
+
+.ml-16,
+.mx-16 {
+ margin-left: 8rem !important;
+}
+
+.mr-16,
+.mx-16 {
+ margin-right: 8rem !important;
+}
+
+/* Spacing */
+.p-16 {
+ padding: 8rem !important;
+}
+
+.pt-16,
+.py-16 {
+ padding-top: 8rem !important;
+}
+
+.pb-16,
+.py-16 {
+ padding-bottom: 8rem !important;
+}
+
+.pl-16,
+.px-16 {
+ padding-left: 8rem !important;
+}
+
+.pr-16,
+.px-16 {
+ padding-right: 8rem !important;
+}
+
+/* Margin */
+.m-20 {
+ margin: 10rem !important;
+}
+
+.mt-20,
+.my-20 {
+ margin-top: 10rem !important;
+}
+
+.mb-20,
+.my-20 {
+ margin-bottom: 10rem !important;
+}
+
+.ml-20,
+.mx-20 {
+ margin-left: 10rem !important;
+}
+
+.mr-20,
+.mx-20 {
+ margin-right: 10rem !important;
+}
+
+/* Spacing */
+.p-20 {
+ padding: 10rem !important;
+}
+
+.pt-20,
+.py-20 {
+ padding-top: 10rem !important;
+}
+
+.pb-20,
+.py-20 {
+ padding-bottom: 10rem !important;
+}
+
+.pl-20,
+.px-20 {
+ padding-left: 10rem !important;
+}
+
+.pr-20,
+.px-20 {
+ padding-right: 10rem !important;
+}
+
+/* Margin */
+.m-24 {
+ margin: 12rem !important;
+}
+
+.mt-24,
+.my-24 {
+ margin-top: 12rem !important;
+}
+
+.mb-24,
+.my-24 {
+ margin-bottom: 12rem !important;
+}
+
+.ml-24,
+.mx-24 {
+ margin-left: 12rem !important;
+}
+
+.mr-24,
+.mx-24 {
+ margin-right: 12rem !important;
+}
+
+/* Spacing */
+.p-24 {
+ padding: 12rem !important;
+}
+
+.pt-24,
+.py-24 {
+ padding-top: 12rem !important;
+}
+
+.pb-24,
+.py-24 {
+ padding-bottom: 12rem !important;
+}
+
+.pl-24,
+.px-24 {
+ padding-left: 12rem !important;
+}
+
+.pr-24,
+.px-24 {
+ padding-right: 12rem !important;
+}
+
+/* Margin */
+.m-32 {
+ margin: 16rem !important;
+}
+
+.mt-32,
+.my-32 {
+ margin-top: 16rem !important;
+}
+
+.mb-32,
+.my-32 {
+ margin-bottom: 16rem !important;
+}
+
+.ml-32,
+.mx-32 {
+ margin-left: 16rem !important;
+}
+
+.mr-32,
+.mx-32 {
+ margin-right: 16rem !important;
+}
+
+/* Spacing */
+.p-32 {
+ padding: 16rem !important;
+}
+
+.pt-32,
+.py-32 {
+ padding-top: 16rem !important;
+}
+
+.pb-32,
+.py-32 {
+ padding-bottom: 16rem !important;
+}
+
+.pl-32,
+.px-32 {
+ padding-left: 16rem !important;
+}
+
+.pr-32,
+.px-32 {
+ padding-right: 16rem !important;
+}
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important;
+}
+
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-0-sm {
+ margin: 0rem !important;
+ }
+
+ .mt-0-sm,
+.my-0-sm {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-sm,
+.my-0-sm {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-sm,
+.mx-0-sm {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-sm,
+.mx-0-sm {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-sm {
+ padding: 0rem !important;
+ }
+
+ .pt-0-sm,
+.py-0-sm {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-sm,
+.py-0-sm {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-sm,
+.px-0-sm {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-sm,
+.px-0-sm {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-1-sm {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-sm,
+.my-1-sm {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-sm,
+.my-1-sm {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-sm,
+.mx-1-sm {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-sm,
+.mx-1-sm {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-sm {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-sm,
+.py-1-sm {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-sm,
+.py-1-sm {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-sm,
+.px-1-sm {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-sm,
+.px-1-sm {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-2-sm {
+ margin: 1rem !important;
+ }
+
+ .mt-2-sm,
+.my-2-sm {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-sm,
+.my-2-sm {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-sm,
+.mx-2-sm {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-sm,
+.mx-2-sm {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-sm {
+ padding: 1rem !important;
+ }
+
+ .pt-2-sm,
+.py-2-sm {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-sm,
+.py-2-sm {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-sm,
+.px-2-sm {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-sm,
+.px-2-sm {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-3-sm {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-sm,
+.my-3-sm {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-sm,
+.my-3-sm {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-sm,
+.mx-3-sm {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-sm,
+.mx-3-sm {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-sm {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-sm,
+.py-3-sm {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-sm,
+.py-3-sm {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-sm,
+.px-3-sm {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-sm,
+.px-3-sm {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-4-sm {
+ margin: 2rem !important;
+ }
+
+ .mt-4-sm,
+.my-4-sm {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-sm,
+.my-4-sm {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-sm,
+.mx-4-sm {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-sm,
+.mx-4-sm {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-sm {
+ padding: 2rem !important;
+ }
+
+ .pt-4-sm,
+.py-4-sm {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-sm,
+.py-4-sm {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-sm,
+.px-4-sm {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-sm,
+.px-4-sm {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-5-sm {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-sm,
+.my-5-sm {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-sm,
+.my-5-sm {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-sm,
+.mx-5-sm {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-sm,
+.mx-5-sm {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-sm {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-sm,
+.py-5-sm {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-sm,
+.py-5-sm {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-sm,
+.px-5-sm {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-sm,
+.px-5-sm {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-6-sm {
+ margin: 3rem !important;
+ }
+
+ .mt-6-sm,
+.my-6-sm {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-sm,
+.my-6-sm {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-sm,
+.mx-6-sm {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-sm,
+.mx-6-sm {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-sm {
+ padding: 3rem !important;
+ }
+
+ .pt-6-sm,
+.py-6-sm {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-sm,
+.py-6-sm {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-sm,
+.px-6-sm {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-sm,
+.px-6-sm {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-8-sm {
+ margin: 4rem !important;
+ }
+
+ .mt-8-sm,
+.my-8-sm {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-sm,
+.my-8-sm {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-sm,
+.mx-8-sm {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-sm,
+.mx-8-sm {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-sm {
+ padding: 4rem !important;
+ }
+
+ .pt-8-sm,
+.py-8-sm {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-sm,
+.py-8-sm {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-sm,
+.px-8-sm {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-sm,
+.px-8-sm {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-10-sm {
+ margin: 5rem !important;
+ }
+
+ .mt-10-sm,
+.my-10-sm {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-sm,
+.my-10-sm {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-sm,
+.mx-10-sm {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-sm,
+.mx-10-sm {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-sm {
+ padding: 5rem !important;
+ }
+
+ .pt-10-sm,
+.py-10-sm {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-sm,
+.py-10-sm {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-sm,
+.px-10-sm {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-sm,
+.px-10-sm {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-12-sm {
+ margin: 6rem !important;
+ }
+
+ .mt-12-sm,
+.my-12-sm {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-sm,
+.my-12-sm {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-sm,
+.mx-12-sm {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-sm,
+.mx-12-sm {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-sm {
+ padding: 6rem !important;
+ }
+
+ .pt-12-sm,
+.py-12-sm {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-sm,
+.py-12-sm {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-sm,
+.px-12-sm {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-sm,
+.px-12-sm {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-16-sm {
+ margin: 8rem !important;
+ }
+
+ .mt-16-sm,
+.my-16-sm {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-sm,
+.my-16-sm {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-sm,
+.mx-16-sm {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-sm,
+.mx-16-sm {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-sm {
+ padding: 8rem !important;
+ }
+
+ .pt-16-sm,
+.py-16-sm {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-sm,
+.py-16-sm {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-sm,
+.px-16-sm {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-sm,
+.px-16-sm {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-20-sm {
+ margin: 10rem !important;
+ }
+
+ .mt-20-sm,
+.my-20-sm {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-sm,
+.my-20-sm {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-sm,
+.mx-20-sm {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-sm,
+.mx-20-sm {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-sm {
+ padding: 10rem !important;
+ }
+
+ .pt-20-sm,
+.py-20-sm {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-sm,
+.py-20-sm {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-sm,
+.px-20-sm {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-sm,
+.px-20-sm {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-24-sm {
+ margin: 12rem !important;
+ }
+
+ .mt-24-sm,
+.my-24-sm {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-sm,
+.my-24-sm {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-sm,
+.mx-24-sm {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-sm,
+.mx-24-sm {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-sm {
+ padding: 12rem !important;
+ }
+
+ .pt-24-sm,
+.py-24-sm {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-sm,
+.py-24-sm {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-sm,
+.px-24-sm {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-sm,
+.px-24-sm {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ /* Margin */
+ .m-32-sm {
+ margin: 16rem !important;
+ }
+
+ .mt-32-sm,
+.my-32-sm {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-sm,
+.my-32-sm {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-sm,
+.mx-32-sm {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-sm,
+.mx-32-sm {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-sm {
+ padding: 16rem !important;
+ }
+
+ .pt-32-sm,
+.py-32-sm {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-sm,
+.py-32-sm {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-sm,
+.px-32-sm {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-sm,
+.px-32-sm {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-sm,
+.mx-auto-sm {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-sm,
+.mx-auto-sm {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-sm,
+.my-auto-sm {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-sm,
+.my-auto-sm {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-0-md {
+ margin: 0rem !important;
+ }
+
+ .mt-0-md,
+.my-0-md {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-md,
+.my-0-md {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-md,
+.mx-0-md {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-md,
+.mx-0-md {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-md {
+ padding: 0rem !important;
+ }
+
+ .pt-0-md,
+.py-0-md {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-md,
+.py-0-md {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-md,
+.px-0-md {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-md,
+.px-0-md {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-1-md {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-md,
+.my-1-md {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-md,
+.my-1-md {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-md,
+.mx-1-md {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-md,
+.mx-1-md {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-md {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-md,
+.py-1-md {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-md,
+.py-1-md {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-md,
+.px-1-md {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-md,
+.px-1-md {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-2-md {
+ margin: 1rem !important;
+ }
+
+ .mt-2-md,
+.my-2-md {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-md,
+.my-2-md {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-md,
+.mx-2-md {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-md,
+.mx-2-md {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-md {
+ padding: 1rem !important;
+ }
+
+ .pt-2-md,
+.py-2-md {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-md,
+.py-2-md {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-md,
+.px-2-md {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-md,
+.px-2-md {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-3-md {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-md,
+.my-3-md {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-md,
+.my-3-md {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-md,
+.mx-3-md {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-md,
+.mx-3-md {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-md {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-md,
+.py-3-md {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-md,
+.py-3-md {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-md,
+.px-3-md {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-md,
+.px-3-md {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-4-md {
+ margin: 2rem !important;
+ }
+
+ .mt-4-md,
+.my-4-md {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-md,
+.my-4-md {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-md,
+.mx-4-md {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-md,
+.mx-4-md {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-md {
+ padding: 2rem !important;
+ }
+
+ .pt-4-md,
+.py-4-md {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-md,
+.py-4-md {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-md,
+.px-4-md {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-md,
+.px-4-md {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-5-md {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-md,
+.my-5-md {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-md,
+.my-5-md {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-md,
+.mx-5-md {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-md,
+.mx-5-md {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-md {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-md,
+.py-5-md {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-md,
+.py-5-md {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-md,
+.px-5-md {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-md,
+.px-5-md {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-6-md {
+ margin: 3rem !important;
+ }
+
+ .mt-6-md,
+.my-6-md {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-md,
+.my-6-md {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-md,
+.mx-6-md {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-md,
+.mx-6-md {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-md {
+ padding: 3rem !important;
+ }
+
+ .pt-6-md,
+.py-6-md {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-md,
+.py-6-md {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-md,
+.px-6-md {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-md,
+.px-6-md {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-8-md {
+ margin: 4rem !important;
+ }
+
+ .mt-8-md,
+.my-8-md {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-md,
+.my-8-md {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-md,
+.mx-8-md {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-md,
+.mx-8-md {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-md {
+ padding: 4rem !important;
+ }
+
+ .pt-8-md,
+.py-8-md {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-md,
+.py-8-md {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-md,
+.px-8-md {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-md,
+.px-8-md {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-10-md {
+ margin: 5rem !important;
+ }
+
+ .mt-10-md,
+.my-10-md {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-md,
+.my-10-md {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-md,
+.mx-10-md {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-md,
+.mx-10-md {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-md {
+ padding: 5rem !important;
+ }
+
+ .pt-10-md,
+.py-10-md {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-md,
+.py-10-md {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-md,
+.px-10-md {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-md,
+.px-10-md {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-12-md {
+ margin: 6rem !important;
+ }
+
+ .mt-12-md,
+.my-12-md {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-md,
+.my-12-md {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-md,
+.mx-12-md {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-md,
+.mx-12-md {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-md {
+ padding: 6rem !important;
+ }
+
+ .pt-12-md,
+.py-12-md {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-md,
+.py-12-md {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-md,
+.px-12-md {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-md,
+.px-12-md {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-16-md {
+ margin: 8rem !important;
+ }
+
+ .mt-16-md,
+.my-16-md {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-md,
+.my-16-md {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-md,
+.mx-16-md {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-md,
+.mx-16-md {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-md {
+ padding: 8rem !important;
+ }
+
+ .pt-16-md,
+.py-16-md {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-md,
+.py-16-md {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-md,
+.px-16-md {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-md,
+.px-16-md {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-20-md {
+ margin: 10rem !important;
+ }
+
+ .mt-20-md,
+.my-20-md {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-md,
+.my-20-md {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-md,
+.mx-20-md {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-md,
+.mx-20-md {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-md {
+ padding: 10rem !important;
+ }
+
+ .pt-20-md,
+.py-20-md {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-md,
+.py-20-md {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-md,
+.px-20-md {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-md,
+.px-20-md {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-24-md {
+ margin: 12rem !important;
+ }
+
+ .mt-24-md,
+.my-24-md {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-md,
+.my-24-md {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-md,
+.mx-24-md {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-md,
+.mx-24-md {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-md {
+ padding: 12rem !important;
+ }
+
+ .pt-24-md,
+.py-24-md {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-md,
+.py-24-md {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-md,
+.px-24-md {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-md,
+.px-24-md {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ /* Margin */
+ .m-32-md {
+ margin: 16rem !important;
+ }
+
+ .mt-32-md,
+.my-32-md {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-md,
+.my-32-md {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-md,
+.mx-32-md {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-md,
+.mx-32-md {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-md {
+ padding: 16rem !important;
+ }
+
+ .pt-32-md,
+.py-32-md {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-md,
+.py-32-md {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-md,
+.px-32-md {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-md,
+.px-32-md {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-md,
+.mx-auto-md {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-md,
+.mx-auto-md {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-md,
+.my-auto-md {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-md,
+.my-auto-md {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-0-lg {
+ margin: 0rem !important;
+ }
+
+ .mt-0-lg,
+.my-0-lg {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-lg,
+.my-0-lg {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-lg,
+.mx-0-lg {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-lg,
+.mx-0-lg {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-lg {
+ padding: 0rem !important;
+ }
+
+ .pt-0-lg,
+.py-0-lg {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-lg,
+.py-0-lg {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-lg,
+.px-0-lg {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-lg,
+.px-0-lg {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-1-lg {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-lg,
+.my-1-lg {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-lg,
+.my-1-lg {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-lg,
+.mx-1-lg {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-lg,
+.mx-1-lg {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-lg {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-lg,
+.py-1-lg {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-lg,
+.py-1-lg {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-lg,
+.px-1-lg {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-lg,
+.px-1-lg {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-2-lg {
+ margin: 1rem !important;
+ }
+
+ .mt-2-lg,
+.my-2-lg {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-lg,
+.my-2-lg {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-lg,
+.mx-2-lg {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-lg,
+.mx-2-lg {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-lg {
+ padding: 1rem !important;
+ }
+
+ .pt-2-lg,
+.py-2-lg {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-lg,
+.py-2-lg {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-lg,
+.px-2-lg {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-lg,
+.px-2-lg {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-3-lg {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-lg,
+.my-3-lg {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-lg,
+.my-3-lg {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-lg,
+.mx-3-lg {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-lg,
+.mx-3-lg {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-lg {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-lg,
+.py-3-lg {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-lg,
+.py-3-lg {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-lg,
+.px-3-lg {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-lg,
+.px-3-lg {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-4-lg {
+ margin: 2rem !important;
+ }
+
+ .mt-4-lg,
+.my-4-lg {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-lg,
+.my-4-lg {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-lg,
+.mx-4-lg {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-lg,
+.mx-4-lg {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-lg {
+ padding: 2rem !important;
+ }
+
+ .pt-4-lg,
+.py-4-lg {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-lg,
+.py-4-lg {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-lg,
+.px-4-lg {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-lg,
+.px-4-lg {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-5-lg {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-lg,
+.my-5-lg {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-lg,
+.my-5-lg {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-lg,
+.mx-5-lg {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-lg,
+.mx-5-lg {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-lg {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-lg,
+.py-5-lg {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-lg,
+.py-5-lg {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-lg,
+.px-5-lg {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-lg,
+.px-5-lg {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-6-lg {
+ margin: 3rem !important;
+ }
+
+ .mt-6-lg,
+.my-6-lg {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-lg,
+.my-6-lg {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-lg,
+.mx-6-lg {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-lg,
+.mx-6-lg {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-lg {
+ padding: 3rem !important;
+ }
+
+ .pt-6-lg,
+.py-6-lg {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-lg,
+.py-6-lg {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-lg,
+.px-6-lg {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-lg,
+.px-6-lg {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-8-lg {
+ margin: 4rem !important;
+ }
+
+ .mt-8-lg,
+.my-8-lg {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-lg,
+.my-8-lg {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-lg,
+.mx-8-lg {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-lg,
+.mx-8-lg {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-lg {
+ padding: 4rem !important;
+ }
+
+ .pt-8-lg,
+.py-8-lg {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-lg,
+.py-8-lg {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-lg,
+.px-8-lg {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-lg,
+.px-8-lg {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-10-lg {
+ margin: 5rem !important;
+ }
+
+ .mt-10-lg,
+.my-10-lg {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-lg,
+.my-10-lg {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-lg,
+.mx-10-lg {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-lg,
+.mx-10-lg {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-lg {
+ padding: 5rem !important;
+ }
+
+ .pt-10-lg,
+.py-10-lg {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-lg,
+.py-10-lg {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-lg,
+.px-10-lg {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-lg,
+.px-10-lg {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-12-lg {
+ margin: 6rem !important;
+ }
+
+ .mt-12-lg,
+.my-12-lg {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-lg,
+.my-12-lg {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-lg,
+.mx-12-lg {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-lg,
+.mx-12-lg {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-lg {
+ padding: 6rem !important;
+ }
+
+ .pt-12-lg,
+.py-12-lg {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-lg,
+.py-12-lg {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-lg,
+.px-12-lg {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-lg,
+.px-12-lg {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-16-lg {
+ margin: 8rem !important;
+ }
+
+ .mt-16-lg,
+.my-16-lg {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-lg,
+.my-16-lg {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-lg,
+.mx-16-lg {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-lg,
+.mx-16-lg {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-lg {
+ padding: 8rem !important;
+ }
+
+ .pt-16-lg,
+.py-16-lg {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-lg,
+.py-16-lg {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-lg,
+.px-16-lg {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-lg,
+.px-16-lg {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-20-lg {
+ margin: 10rem !important;
+ }
+
+ .mt-20-lg,
+.my-20-lg {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-lg,
+.my-20-lg {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-lg,
+.mx-20-lg {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-lg,
+.mx-20-lg {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-lg {
+ padding: 10rem !important;
+ }
+
+ .pt-20-lg,
+.py-20-lg {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-lg,
+.py-20-lg {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-lg,
+.px-20-lg {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-lg,
+.px-20-lg {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-24-lg {
+ margin: 12rem !important;
+ }
+
+ .mt-24-lg,
+.my-24-lg {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-lg,
+.my-24-lg {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-lg,
+.mx-24-lg {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-lg,
+.mx-24-lg {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-lg {
+ padding: 12rem !important;
+ }
+
+ .pt-24-lg,
+.py-24-lg {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-lg,
+.py-24-lg {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-lg,
+.px-24-lg {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-lg,
+.px-24-lg {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ /* Margin */
+ .m-32-lg {
+ margin: 16rem !important;
+ }
+
+ .mt-32-lg,
+.my-32-lg {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-lg,
+.my-32-lg {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-lg,
+.mx-32-lg {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-lg,
+.mx-32-lg {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-lg {
+ padding: 16rem !important;
+ }
+
+ .pt-32-lg,
+.py-32-lg {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-lg,
+.py-32-lg {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-lg,
+.px-32-lg {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-lg,
+.px-32-lg {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-lg,
+.mx-auto-lg {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-lg,
+.mx-auto-lg {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-lg,
+.my-auto-lg {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-lg,
+.my-auto-lg {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-0-xl {
+ margin: 0rem !important;
+ }
+
+ .mt-0-xl,
+.my-0-xl {
+ margin-top: 0rem !important;
+ }
+
+ .mb-0-xl,
+.my-0-xl {
+ margin-bottom: 0rem !important;
+ }
+
+ .ml-0-xl,
+.mx-0-xl {
+ margin-left: 0rem !important;
+ }
+
+ .mr-0-xl,
+.mx-0-xl {
+ margin-right: 0rem !important;
+ }
+
+ /* Spacing */
+ .p-0-xl {
+ padding: 0rem !important;
+ }
+
+ .pt-0-xl,
+.py-0-xl {
+ padding-top: 0rem !important;
+ }
+
+ .pb-0-xl,
+.py-0-xl {
+ padding-bottom: 0rem !important;
+ }
+
+ .pl-0-xl,
+.px-0-xl {
+ padding-left: 0rem !important;
+ }
+
+ .pr-0-xl,
+.px-0-xl {
+ padding-right: 0rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-1-xl {
+ margin: 0.5rem !important;
+ }
+
+ .mt-1-xl,
+.my-1-xl {
+ margin-top: 0.5rem !important;
+ }
+
+ .mb-1-xl,
+.my-1-xl {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .ml-1-xl,
+.mx-1-xl {
+ margin-left: 0.5rem !important;
+ }
+
+ .mr-1-xl,
+.mx-1-xl {
+ margin-right: 0.5rem !important;
+ }
+
+ /* Spacing */
+ .p-1-xl {
+ padding: 0.5rem !important;
+ }
+
+ .pt-1-xl,
+.py-1-xl {
+ padding-top: 0.5rem !important;
+ }
+
+ .pb-1-xl,
+.py-1-xl {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pl-1-xl,
+.px-1-xl {
+ padding-left: 0.5rem !important;
+ }
+
+ .pr-1-xl,
+.px-1-xl {
+ padding-right: 0.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-2-xl {
+ margin: 1rem !important;
+ }
+
+ .mt-2-xl,
+.my-2-xl {
+ margin-top: 1rem !important;
+ }
+
+ .mb-2-xl,
+.my-2-xl {
+ margin-bottom: 1rem !important;
+ }
+
+ .ml-2-xl,
+.mx-2-xl {
+ margin-left: 1rem !important;
+ }
+
+ .mr-2-xl,
+.mx-2-xl {
+ margin-right: 1rem !important;
+ }
+
+ /* Spacing */
+ .p-2-xl {
+ padding: 1rem !important;
+ }
+
+ .pt-2-xl,
+.py-2-xl {
+ padding-top: 1rem !important;
+ }
+
+ .pb-2-xl,
+.py-2-xl {
+ padding-bottom: 1rem !important;
+ }
+
+ .pl-2-xl,
+.px-2-xl {
+ padding-left: 1rem !important;
+ }
+
+ .pr-2-xl,
+.px-2-xl {
+ padding-right: 1rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-3-xl {
+ margin: 1.5rem !important;
+ }
+
+ .mt-3-xl,
+.my-3-xl {
+ margin-top: 1.5rem !important;
+ }
+
+ .mb-3-xl,
+.my-3-xl {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .ml-3-xl,
+.mx-3-xl {
+ margin-left: 1.5rem !important;
+ }
+
+ .mr-3-xl,
+.mx-3-xl {
+ margin-right: 1.5rem !important;
+ }
+
+ /* Spacing */
+ .p-3-xl {
+ padding: 1.5rem !important;
+ }
+
+ .pt-3-xl,
+.py-3-xl {
+ padding-top: 1.5rem !important;
+ }
+
+ .pb-3-xl,
+.py-3-xl {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pl-3-xl,
+.px-3-xl {
+ padding-left: 1.5rem !important;
+ }
+
+ .pr-3-xl,
+.px-3-xl {
+ padding-right: 1.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-4-xl {
+ margin: 2rem !important;
+ }
+
+ .mt-4-xl,
+.my-4-xl {
+ margin-top: 2rem !important;
+ }
+
+ .mb-4-xl,
+.my-4-xl {
+ margin-bottom: 2rem !important;
+ }
+
+ .ml-4-xl,
+.mx-4-xl {
+ margin-left: 2rem !important;
+ }
+
+ .mr-4-xl,
+.mx-4-xl {
+ margin-right: 2rem !important;
+ }
+
+ /* Spacing */
+ .p-4-xl {
+ padding: 2rem !important;
+ }
+
+ .pt-4-xl,
+.py-4-xl {
+ padding-top: 2rem !important;
+ }
+
+ .pb-4-xl,
+.py-4-xl {
+ padding-bottom: 2rem !important;
+ }
+
+ .pl-4-xl,
+.px-4-xl {
+ padding-left: 2rem !important;
+ }
+
+ .pr-4-xl,
+.px-4-xl {
+ padding-right: 2rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-5-xl {
+ margin: 2.5rem !important;
+ }
+
+ .mt-5-xl,
+.my-5-xl {
+ margin-top: 2.5rem !important;
+ }
+
+ .mb-5-xl,
+.my-5-xl {
+ margin-bottom: 2.5rem !important;
+ }
+
+ .ml-5-xl,
+.mx-5-xl {
+ margin-left: 2.5rem !important;
+ }
+
+ .mr-5-xl,
+.mx-5-xl {
+ margin-right: 2.5rem !important;
+ }
+
+ /* Spacing */
+ .p-5-xl {
+ padding: 2.5rem !important;
+ }
+
+ .pt-5-xl,
+.py-5-xl {
+ padding-top: 2.5rem !important;
+ }
+
+ .pb-5-xl,
+.py-5-xl {
+ padding-bottom: 2.5rem !important;
+ }
+
+ .pl-5-xl,
+.px-5-xl {
+ padding-left: 2.5rem !important;
+ }
+
+ .pr-5-xl,
+.px-5-xl {
+ padding-right: 2.5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-6-xl {
+ margin: 3rem !important;
+ }
+
+ .mt-6-xl,
+.my-6-xl {
+ margin-top: 3rem !important;
+ }
+
+ .mb-6-xl,
+.my-6-xl {
+ margin-bottom: 3rem !important;
+ }
+
+ .ml-6-xl,
+.mx-6-xl {
+ margin-left: 3rem !important;
+ }
+
+ .mr-6-xl,
+.mx-6-xl {
+ margin-right: 3rem !important;
+ }
+
+ /* Spacing */
+ .p-6-xl {
+ padding: 3rem !important;
+ }
+
+ .pt-6-xl,
+.py-6-xl {
+ padding-top: 3rem !important;
+ }
+
+ .pb-6-xl,
+.py-6-xl {
+ padding-bottom: 3rem !important;
+ }
+
+ .pl-6-xl,
+.px-6-xl {
+ padding-left: 3rem !important;
+ }
+
+ .pr-6-xl,
+.px-6-xl {
+ padding-right: 3rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-8-xl {
+ margin: 4rem !important;
+ }
+
+ .mt-8-xl,
+.my-8-xl {
+ margin-top: 4rem !important;
+ }
+
+ .mb-8-xl,
+.my-8-xl {
+ margin-bottom: 4rem !important;
+ }
+
+ .ml-8-xl,
+.mx-8-xl {
+ margin-left: 4rem !important;
+ }
+
+ .mr-8-xl,
+.mx-8-xl {
+ margin-right: 4rem !important;
+ }
+
+ /* Spacing */
+ .p-8-xl {
+ padding: 4rem !important;
+ }
+
+ .pt-8-xl,
+.py-8-xl {
+ padding-top: 4rem !important;
+ }
+
+ .pb-8-xl,
+.py-8-xl {
+ padding-bottom: 4rem !important;
+ }
+
+ .pl-8-xl,
+.px-8-xl {
+ padding-left: 4rem !important;
+ }
+
+ .pr-8-xl,
+.px-8-xl {
+ padding-right: 4rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-10-xl {
+ margin: 5rem !important;
+ }
+
+ .mt-10-xl,
+.my-10-xl {
+ margin-top: 5rem !important;
+ }
+
+ .mb-10-xl,
+.my-10-xl {
+ margin-bottom: 5rem !important;
+ }
+
+ .ml-10-xl,
+.mx-10-xl {
+ margin-left: 5rem !important;
+ }
+
+ .mr-10-xl,
+.mx-10-xl {
+ margin-right: 5rem !important;
+ }
+
+ /* Spacing */
+ .p-10-xl {
+ padding: 5rem !important;
+ }
+
+ .pt-10-xl,
+.py-10-xl {
+ padding-top: 5rem !important;
+ }
+
+ .pb-10-xl,
+.py-10-xl {
+ padding-bottom: 5rem !important;
+ }
+
+ .pl-10-xl,
+.px-10-xl {
+ padding-left: 5rem !important;
+ }
+
+ .pr-10-xl,
+.px-10-xl {
+ padding-right: 5rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-12-xl {
+ margin: 6rem !important;
+ }
+
+ .mt-12-xl,
+.my-12-xl {
+ margin-top: 6rem !important;
+ }
+
+ .mb-12-xl,
+.my-12-xl {
+ margin-bottom: 6rem !important;
+ }
+
+ .ml-12-xl,
+.mx-12-xl {
+ margin-left: 6rem !important;
+ }
+
+ .mr-12-xl,
+.mx-12-xl {
+ margin-right: 6rem !important;
+ }
+
+ /* Spacing */
+ .p-12-xl {
+ padding: 6rem !important;
+ }
+
+ .pt-12-xl,
+.py-12-xl {
+ padding-top: 6rem !important;
+ }
+
+ .pb-12-xl,
+.py-12-xl {
+ padding-bottom: 6rem !important;
+ }
+
+ .pl-12-xl,
+.px-12-xl {
+ padding-left: 6rem !important;
+ }
+
+ .pr-12-xl,
+.px-12-xl {
+ padding-right: 6rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-16-xl {
+ margin: 8rem !important;
+ }
+
+ .mt-16-xl,
+.my-16-xl {
+ margin-top: 8rem !important;
+ }
+
+ .mb-16-xl,
+.my-16-xl {
+ margin-bottom: 8rem !important;
+ }
+
+ .ml-16-xl,
+.mx-16-xl {
+ margin-left: 8rem !important;
+ }
+
+ .mr-16-xl,
+.mx-16-xl {
+ margin-right: 8rem !important;
+ }
+
+ /* Spacing */
+ .p-16-xl {
+ padding: 8rem !important;
+ }
+
+ .pt-16-xl,
+.py-16-xl {
+ padding-top: 8rem !important;
+ }
+
+ .pb-16-xl,
+.py-16-xl {
+ padding-bottom: 8rem !important;
+ }
+
+ .pl-16-xl,
+.px-16-xl {
+ padding-left: 8rem !important;
+ }
+
+ .pr-16-xl,
+.px-16-xl {
+ padding-right: 8rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-20-xl {
+ margin: 10rem !important;
+ }
+
+ .mt-20-xl,
+.my-20-xl {
+ margin-top: 10rem !important;
+ }
+
+ .mb-20-xl,
+.my-20-xl {
+ margin-bottom: 10rem !important;
+ }
+
+ .ml-20-xl,
+.mx-20-xl {
+ margin-left: 10rem !important;
+ }
+
+ .mr-20-xl,
+.mx-20-xl {
+ margin-right: 10rem !important;
+ }
+
+ /* Spacing */
+ .p-20-xl {
+ padding: 10rem !important;
+ }
+
+ .pt-20-xl,
+.py-20-xl {
+ padding-top: 10rem !important;
+ }
+
+ .pb-20-xl,
+.py-20-xl {
+ padding-bottom: 10rem !important;
+ }
+
+ .pl-20-xl,
+.px-20-xl {
+ padding-left: 10rem !important;
+ }
+
+ .pr-20-xl,
+.px-20-xl {
+ padding-right: 10rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-24-xl {
+ margin: 12rem !important;
+ }
+
+ .mt-24-xl,
+.my-24-xl {
+ margin-top: 12rem !important;
+ }
+
+ .mb-24-xl,
+.my-24-xl {
+ margin-bottom: 12rem !important;
+ }
+
+ .ml-24-xl,
+.mx-24-xl {
+ margin-left: 12rem !important;
+ }
+
+ .mr-24-xl,
+.mx-24-xl {
+ margin-right: 12rem !important;
+ }
+
+ /* Spacing */
+ .p-24-xl {
+ padding: 12rem !important;
+ }
+
+ .pt-24-xl,
+.py-24-xl {
+ padding-top: 12rem !important;
+ }
+
+ .pb-24-xl,
+.py-24-xl {
+ padding-bottom: 12rem !important;
+ }
+
+ .pl-24-xl,
+.px-24-xl {
+ padding-left: 12rem !important;
+ }
+
+ .pr-24-xl,
+.px-24-xl {
+ padding-right: 12rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ /* Margin */
+ .m-32-xl {
+ margin: 16rem !important;
+ }
+
+ .mt-32-xl,
+.my-32-xl {
+ margin-top: 16rem !important;
+ }
+
+ .mb-32-xl,
+.my-32-xl {
+ margin-bottom: 16rem !important;
+ }
+
+ .ml-32-xl,
+.mx-32-xl {
+ margin-left: 16rem !important;
+ }
+
+ .mr-32-xl,
+.mx-32-xl {
+ margin-right: 16rem !important;
+ }
+
+ /* Spacing */
+ .p-32-xl {
+ padding: 16rem !important;
+ }
+
+ .pt-32-xl,
+.py-32-xl {
+ padding-top: 16rem !important;
+ }
+
+ .pb-32-xl,
+.py-32-xl {
+ padding-bottom: 16rem !important;
+ }
+
+ .pl-32-xl,
+.px-32-xl {
+ padding-left: 16rem !important;
+ }
+
+ .pr-32-xl,
+.px-32-xl {
+ padding-right: 16rem !important;
+ }
+
+ .ml-auto-xl,
+.mx-auto-xl {
+ margin-left: auto !important;
+ }
+
+ .mr-auto-xl,
+.mx-auto-xl {
+ margin-right: auto !important;
+ }
+
+ .mt-auto-xl,
+.my-auto-xl {
+ margin-top: auto !important;
+ }
+
+ .mb-auto-xl,
+.my-auto-xl {
+ margin-bottom: auto !important;
+ }
+}
+/* Render the x in the close button */
+/* BUTTONS */
+/* Button styling */
+/* Un-themed */
+.btn, button, [type=submit], [type=reset], [type=button] {
+ line-height: 2rem;
+ overflow: hidden;
+ padding: 0.5rem 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ cursor: pointer;
+ text-align: center;
+ transition: all var(--animation-duration);
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border-color: rgba(var(--btn-border-color), var(--color-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ font-size: 0.75rem;
+ font-weight: inherit;
+ letter-spacing: 0.03rem;
+ text-transform: uppercase;
+ font-family: Montserrat;
+ min-width: 2rem;
+ user-select: none;
+ margin-bottom: 1rem;
+ outline: none;
+ --btn-color: 248, 249, 250;
+ --btn-fg: 73, 80, 87;
+ --btn-border-color: 233, 236, 239;
+ /* Base States */
+ /* Loading Button*/
+ /* Make the loading circle, if present, white when button is active */
+ /* Animated Button */
+ /* Close Button */
+ /* BUTTON STYLES */
+ /* Regular */
+ /* GLYPHS */
+ /* Alternatives to pad-left and pad-right */
+}
+
+.btn:hover, button:hover, [type=submit]:hover, [type=reset]:hover, [type=button]:hover {
+ transition: all var(--animation-duration);
+ --btn-color: 241, 243, 245;
+ color: rgba(var(--btn-fg), var(--color-opacity));
+}
+
+.btn:active, button:active, [type=submit]:active, [type=reset]:active, [type=button]:active {
+ transition: var(--animation-duration) ease;
+}
+
+.btn:focus, button:focus, [type=submit]:focus, [type=reset]:focus, [type=button]:focus {
+ outline: none;
+}
+
+.btn:disabled, button:disabled, [type=submit]:disabled, [type=reset]:disabled, [type=button]:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+.btn:disabled:active, button:disabled:active, [type=submit]:disabled:active, [type=reset]:disabled:active, [type=button]:disabled:active {
+ pointer-events: none;
+}
+
+.btn.outline, button.outline, [type=submit].outline, [type=reset].outline, [type=button].outline {
+ --btn-color: transparent;
+}
+
+.btn.outline:hover, button.outline:hover, [type=submit].outline:hover, [type=reset].outline:hover, [type=button].outline:hover {
+ --btn-color: 233, 236, 239;
+}
+
+.btn.loading:active::after, button.loading:active::after, [type=submit].loading:active::after, [type=reset].loading:active::after, [type=button].loading:active::after {
+ border-radius: 50%;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ transition: var(--animation-duration) ease;
+}
+
+.btn.btn-animated, button.btn-animated, [type=submit].btn-animated, [type=reset].btn-animated, [type=button].btn-animated {
+ transition: calc(var(--animation-duration) / 2) ease;
+}
+
+.btn.btn-animated:active, button.btn-animated:active, [type=submit].btn-animated:active, [type=reset].btn-animated:active, [type=button].btn-animated:active {
+ transform: scale(0.95);
+ transition: calc(var(--animation-duration) / 2) ease;
+}
+
+.btn.btn-close, button.btn-close, [type=submit].btn-close, [type=reset].btn-close, [type=button].btn-close {
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ display: inline-block;
+ flex-grow: 0;
+ flex-shrink: 0;
+ font-size: 0;
+ height: 20px;
+ outline: 0;
+ position: relative;
+ vertical-align: top;
+ width: 20px;
+ padding: 0;
+ min-width: 20px;
+}
+
+.btn.btn-close:hover, button.btn-close:hover, [type=submit].btn-close:hover, [type=reset].btn-close:hover, [type=button].btn-close:hover {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.btn.btn-close::before, button.btn-close::before, [type=submit].btn-close::before, [type=reset].btn-close::before, [type=button].btn-close::before {
+ background-color: var(--cirrus-bg);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+ height: 2px;
+ width: 50%;
+}
+
+.btn.btn-close::after, button.btn-close::after, [type=submit].btn-close::after, [type=reset].btn-close::after, [type=button].btn-close::after {
+ background-color: var(--cirrus-bg);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+ height: 50%;
+ width: 2px;
+}
+
+.btn.btn-transparent, button.btn-transparent, [type=submit].btn-transparent, [type=reset].btn-transparent, [type=button].btn-transparent {
+ --btn-color: transparent;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: transparent;
+}
+
+.btn.btn-transparent:focus, button.btn-transparent:focus, [type=submit].btn-transparent:focus, [type=reset].btn-transparent:focus, [type=button].btn-transparent:focus {
+ box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
+}
+
+.btn.btn-transparent:hover, button.btn-transparent:hover, [type=submit].btn-transparent:hover, [type=reset].btn-transparent:hover, [type=button].btn-transparent:hover {
+ --bg-opacity: 0.1;
+ --btn-color: 0, 0, 0;
+}
+
+.btn.btn-transparent.outline, button.btn-transparent.outline, [type=submit].btn-transparent.outline, [type=reset].btn-transparent.outline, [type=button].btn-transparent.outline {
+ --btn-fg: 54, 54, 54;
+}
+
+.btn.btn-light, button.btn-light, [type=submit].btn-light, [type=reset].btn-light, [type=button].btn-light {
+ --btn-color: 246, 249, 252;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: 246, 249, 252;
+}
+
+.btn.btn-light:hover, button.btn-light:hover, [type=submit].btn-light:hover, [type=reset].btn-light:hover, [type=button].btn-light:hover {
+ --btn-color: 208, 224, 239;
+}
+
+.btn.btn-light:focus, button.btn-light:focus, [type=submit].btn-light:focus, [type=reset].btn-light:focus, [type=button].btn-light:focus {
+ box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5);
+}
+
+.btn.btn-dark, button.btn-dark, [type=submit].btn-dark, [type=reset].btn-dark, [type=button].btn-dark {
+ --btn-color: 54, 54, 54;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 54, 54, 54;
+}
+
+.btn.btn-dark:focus, button.btn-dark:focus, [type=submit].btn-dark:focus, [type=reset].btn-dark:focus, [type=button].btn-dark:focus {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
+}
+
+.btn.btn-dark:hover, button.btn-dark:hover, [type=submit].btn-dark:hover, [type=reset].btn-dark:hover, [type=button].btn-dark:hover {
+ --btn-color: 80, 80, 80;
+}
+
+.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 {
+ --btn-color: 54, 54, 54;
+}
+
+.btn.btn-black, button.btn-black, [type=submit].btn-black, [type=reset].btn-black, [type=button].btn-black {
+ --btn-color: 0, 0, 0;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 0, 0, 0;
+}
+
+.btn.btn-black:focus, button.btn-black:focus, [type=submit].btn-black:focus, [type=reset].btn-black:focus, [type=button].btn-black:focus {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5);
+}
+
+.btn.btn-black:hover, button.btn-black:hover, [type=submit].btn-black:hover, [type=reset].btn-black:hover, [type=button].btn-black:hover {
+ --btn-color: 0, 0, 0;
+}
+
+.btn.btn-primary, button.btn-primary, [type=submit].btn-primary, [type=reset].btn-primary, [type=button].btn-primary {
+ --btn-color: 240, 61, 77;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 194, 27, 43;
+}
+
+.btn.btn-primary:focus, button.btn-primary:focus, [type=submit].btn-primary:focus, [type=reset].btn-primary:focus, [type=button].btn-primary:focus {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.5);
+}
+
+.btn.btn-primary:hover, button.btn-primary:hover, [type=submit].btn-primary:hover, [type=reset].btn-primary:hover, [type=button].btn-primary:hover {
+ --btn-color: 214, 41, 57;
+}
+
+.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 {
+ --btn-color: 240, 61, 77;
+}
+
+.btn.btn-info, button.btn-info, [type=submit].btn-info, [type=reset].btn-info, [type=button].btn-info {
+ --btn-color: 41, 114, 250;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 41, 114, 250;
+}
+
+.btn.btn-info:focus, button.btn-info:focus, [type=submit].btn-info:focus, [type=reset].btn-info:focus, [type=button].btn-info:focus {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5);
+}
+
+.btn.btn-info:hover, button.btn-info:hover, [type=submit].btn-info:hover, [type=reset].btn-info:hover, [type=button].btn-info:hover {
+ --btn-color: 16, 98, 249;
+}
+
+.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 {
+ --btn-color: 41, 114, 250;
+}
+
+.btn.btn-link, button.btn-link, [type=submit].btn-link, [type=reset].btn-link, [type=button].btn-link {
+ --btn-color: 94, 92, 199;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 94, 92, 199;
+}
+
+.btn.btn-link:focus, button.btn-link:focus, [type=submit].btn-link:focus, [type=reset].btn-link:focus, [type=button].btn-link:focus {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5);
+}
+
+.btn.btn-link:hover, button.btn-link:hover, [type=submit].btn-link:hover, [type=reset].btn-link:hover, [type=button].btn-link:hover {
+ --btn-color: 70, 67, 226;
+}
+
+.btn.btn-link.outline, button.btn-link.outline, [type=submit].btn-link.outline, [type=reset].btn-link.outline, [type=button].btn-link.outline {
+ --btn-fg: 94, 92, 199;
+ border: 1px solid transparent;
+}
+
+.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 {
+ --btn-color: 248, 247, 255;
+ border: 1px solid transparent;
+ text-decoration: underline;
+}
+
+.btn.btn-success, button.btn-success, [type=submit].btn-success, [type=reset].btn-success, [type=button].btn-success {
+ --btn-color: 13, 209, 87;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 13, 209, 87;
+}
+
+.btn.btn-success:focus, button.btn-success:focus, [type=submit].btn-success:focus, [type=reset].btn-success:focus, [type=button].btn-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.5);
+}
+
+.btn.btn-success:hover, button.btn-success:hover, [type=submit].btn-success:hover, [type=reset].btn-success:hover, [type=button].btn-success:hover {
+ --btn-color: 12, 185, 77;
+}
+
+.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 {
+ --btn-color: 13, 209, 87;
+}
+
+.btn.btn-warning, button.btn-warning, [type=submit].btn-warning, [type=reset].btn-warning, [type=button].btn-warning {
+ --btn-color: 250, 182, 51;
+ --btn-fg: 54, 54, 54;
+ --btn-border-color: 250, 182, 51;
+}
+
+.btn.btn-warning:focus, button.btn-warning:focus, [type=submit].btn-warning:focus, [type=reset].btn-warning:focus, [type=button].btn-warning:focus {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.5);
+}
+
+.btn.btn-warning:hover, button.btn-warning:hover, [type=submit].btn-warning:hover, [type=reset].btn-warning:hover, [type=button].btn-warning:hover {
+ --btn-color: 249, 173, 26;
+}
+
+.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 {
+ --btn-color: 250, 182, 51;
+}
+
+.btn.btn-danger, button.btn-danger, [type=submit].btn-danger, [type=reset].btn-danger, [type=button].btn-danger {
+ --btn-color: 251, 65, 67;
+ --btn-fg: 246, 249, 252;
+ --btn-border-color: 251, 65, 67;
+}
+
+.btn.btn-danger:focus, button.btn-danger:focus, [type=submit].btn-danger:focus, [type=reset].btn-danger:focus, [type=button].btn-danger:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.5);
+}
+
+.btn.btn-danger:hover, button.btn-danger:hover, [type=submit].btn-danger:hover, [type=reset].btn-danger:hover, [type=button].btn-danger:hover {
+ --btn-color: 235, 5, 7;
+}
+
+.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 {
+ --btn-color: 251, 65, 67;
+}
+
+.btn.btn--xs, button.btn--xs, [type=submit].btn--xs, [type=reset].btn--xs, [type=button].btn--xs {
+ padding: 0 0.5rem;
+ font-size: 50%;
+}
+
+.btn.btn--sm, button.btn--sm, [type=submit].btn--sm, [type=reset].btn--sm, [type=button].btn--sm {
+ padding: 0.25rem 1rem;
+ font-size: 70%;
+}
+
+.btn.btn--md, button.btn--md, [type=submit].btn--md, [type=reset].btn--md, [type=button].btn--md {
+ padding: 0.5rem 1.5rem;
+ font-size: 90%;
+}
+
+.btn.btn--lg, button.btn--lg, [type=submit].btn--lg, [type=reset].btn--lg, [type=button].btn--lg {
+ padding: 0.75rem 2rem;
+ font-size: 110%;
+}
+
+.btn.btn--xl, button.btn--xl, [type=submit].btn--xl, [type=reset].btn--xl, [type=button].btn--xl {
+ padding: 1rem 2.5rem;
+ font-size: 130%;
+}
+
+.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 {
+ margin-right: 0.4rem;
+}
+
+.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 {
+ margin-left: 0.4rem;
+}
+
+.btn span:first-child, button span:first-child, [type=submit] span:first-child, [type=reset] span:first-child, [type=button] span:first-child {
+ margin-right: 0.2rem;
+}
+
+.btn span:last-child, button span:last-child, [type=submit] span:last-child, [type=reset] span:last-child, [type=button] span:last-child {
+ margin-left: 0.2rem;
+}
+
+/* Links as Buttons */
+a.btn {
+ display: inline-flex;
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close),
+[class*=" btn-"]:not(.btn-container):not(.btn-close) {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border: 1px solid rgba(var(--btn-border-color), var(--color-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ transition: all var(--animation-duration);
+ /* Outline Variants */
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close):hover,
+[class*=" btn-"]:not(.btn-container):not(.btn-close):hover {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ border-color: rgba(var(--btn-border-color), var(--color-opacity));
+ transition: all var(--animation-duration);
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline {
+ background-color: transparent;
+ color: rgba(var(--btn-color), var(--color-opacity));
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover {
+ background-color: rgba(var(--btn-color), var(--bg-opacity));
+ color: rgba(var(--btn-fg), var(--color-opacity));
+ transition: all var(--animation-duration);
+}
+
+[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent,
+[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent {
+ color: 73, 80, 87 !important;
+}
+
+/* Make the loader white so it is visible */
+.loading.btn-accent:after {
+ border: 2px solid #fff;
+ border-right-color: transparent;
+ border-top-color: transparent;
+}
+
+/* BUTTON GROUPS */
+/* Will group buttons with components in a single component */
+.btn-group {
+ display: inline-flex;
+}
+
+.btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
+ flex: 1 0 auto;
+ margin: 0;
+}
+
+.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) {
+ /* Style the first child in group > 1 buttons */
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.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) {
+ /* Style the last child in group > 1 buttons */
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+.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) {
+ /* Style button in middle of group */
+ border-radius: 0;
+ /* Remove roundness from center buttons */
+ margin-left: -1px;
+}
+
+.btn-group .btn:focus, .btn-group button:focus, .btn-group [type=submit]:focus, .btn-group [type=reset]:focus, .btn-group [type=button]:focus {
+ z-index: 1;
+}
+
+.btn-group.btn-group-fill {
+ /* Makes the button group fill the width and proportion the buttons to fill the space */
+ display: flex;
+}
+
+.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] {
+ flex: 1 0;
+ /* Make the buttons fill the available width and proportion themselves */
+}
+
+.btn-group.btn-group-fill:focus {
+ z-index: 1;
+}
+
+@media screen and (max-width: 767px) {
+ .btn-group {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .btn-group .btn, .btn-group button, .btn-group [type=submit], .btn-group [type=reset], .btn-group [type=button] {
+ margin-bottom: -1px;
+ }
+
+ .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) {
+ border-radius: 0.25rem 0.25rem 0 0;
+ }
+
+ .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) {
+ margin-left: 0;
+ }
+
+ .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) {
+ border-radius: 0 0 0.25rem 0.25rem;
+ margin-left: 0;
+ }
+}
+/* CODE */
+code {
+ --cirrus-code-label-fg: #868e96;
+ padding: 0.3rem;
+ margin: 0.5em 0;
+ overflow: auto;
+ background-color: var(--cirrus-code-bg);
+ color: var(--cirrus-code-fg);
+ border-radius: 3px;
+ /* Dark theme for code */
+}
+
+code:before {
+ color: var(--cirrus-code-label-fg);
+ content: attr(data-lang);
+ font-size: 0.9rem;
+ position: absolute;
+ right: 1rem;
+ top: 0.7rem;
+}
+
+code.dark {
+ --cirrus-code-bg: #343a40;
+ --cirrus-code-fg: #f8f9fa;
+ --cirrus-border-left-bg: #212529;
+ --cirrus-code-label-fg: #ced4da;
+}
+
+pre > code {
+ --cirrus-code-bg: #f8f9fa;
+ --cirrus-code-fg: #343a40;
+ --cirrus-border-left-bg: #e9ecef;
+ background-color: var(--cirrus-code-bg);
+ font-size: 14px;
+ display: block;
+ padding: 1rem;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ text-align: left;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ tab-size: 4;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ border-left: 0.3rem solid var(--cirrus-border-left-bg);
+ margin: 0;
+ position: relative;
+ color: var(--cirrus-code-fg);
+}
+
+pre > code[data-lang]:not([data-lang=""]) {
+ padding: 2rem 1.5rem 1rem;
+}
+
+/* FOOTER */
+.footer {
+ background-color: #343a40;
+ padding: 6rem 0;
+ text-align: center;
+ margin-top: 5rem;
+ width: 100%;
+}
+
+.footer.footer--fixed {
+ bottom: 0;
+ position: fixed;
+}
+
+.footer p {
+ color: #868e96;
+}
+
+.footer ul {
+ margin: 0.5rem 0;
+ /* Remove the left margin seen in global style */
+}
+
+.footer .footer__title {
+ text-align: center;
+ letter-spacing: 6px;
+ position: relative;
+ padding-bottom: 10px;
+}
+
+.footer .footer__list-title {
+ color: #ced4da;
+ font-size: 75%;
+ text-transform: uppercase;
+ font-weight: bolder;
+}
+
+.footer .footer__list-title::after {
+ content: "";
+ display: block;
+ width: 10%;
+ margin: auto;
+ border-bottom: 2px solid;
+ border-color: #343b49;
+}
+
+.footer ul a .footer__list-item,
+.footer .footer__list-item {
+ margin: 0.1rem;
+ color: #868e96;
+ transition: all var(--animation-duration);
+ font-size: 75%;
+ text-transform: uppercase;
+}
+
+/*
+ Mixins
+*/
+/* This is just an extended portion of an input which is just like a label and is read only */
+/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */
+/* FORMS */
+/*
+ Styles
+*/
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
+select {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ /* Search field */
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,
+select.input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,
+select.input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,
+select.input--lg {
+ font-size: 1.25rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,
+select.input--xl {
+ font-size: 1.5rem;
+}
+
+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,
+select.input-contains-icon,
+select.input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,
+select.input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+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,
+select.input-contains-icon.input--xs,
+select.input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+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,
+select.input-contains-icon.input--sm,
+select.input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+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,
+select.input-contains-icon.input--lg,
+select.input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+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,
+select.input-contains-icon.input--xl,
+select.input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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,
+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 {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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,
+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 {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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,
+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 {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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,
+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 {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+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,
+select[type=search],
+select.search {
+ background-repeat: no-repeat;
+ background-position: left 0.6rem center;
+ background-image: url('data:image/svg+xml;utf8,');
+ /* NEEDS FIXING */
+ padding-left: 2rem !important;
+ -webkit-appearance: none;
+ /* Fix Safari issue */
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],
+select[type=color] {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-sizing: border-box;
+ transition: 0.3s;
+ outline: 0;
+ position: relative;
+ height: 3rem;
+ background-color: #fff;
+ padding: 0.55rem 0.8rem !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,
+select.input-success {
+ border-color: #0dd157;
+ background-color: rgba(0, 224, 0, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,
+select.input-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,
+select.input-error {
+ border-color: #fb4143;
+ background-color: rgba(244, 67, 54, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,
+select.input-error:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+textarea,
+textarea[type=text] {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ min-height: 8rem;
+ line-height: 1.5rem;
+ resize: vertical;
+}
+
+textarea.input--xs,
+textarea[type=text].input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+textarea.input--sm,
+textarea[type=text].input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+textarea.input--lg,
+textarea[type=text].input--lg {
+ font-size: 1.25rem;
+}
+
+textarea.input--xl,
+textarea[type=text].input--xl {
+ font-size: 1.5rem;
+}
+
+textarea.input-contains-icon, textarea.input-contains-icon-left,
+textarea[type=text].input-contains-icon,
+textarea[type=text].input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+textarea.input-contains-icon-right,
+textarea[type=text].input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+textarea.input-contains-icon.input--xs, textarea.input-contains-icon-right.input-xs,
+textarea[type=text].input-contains-icon.input--xs,
+textarea[type=text].input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+textarea.input-contains-icon.input--sm, textarea.input-contains-icon-right.input-sm,
+textarea[type=text].input-contains-icon.input--sm,
+textarea[type=text].input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+textarea.input-contains-icon.input--lg, textarea.input-contains-icon-right.input-lg,
+textarea[type=text].input-contains-icon.input--lg,
+textarea[type=text].input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+textarea.input-contains-icon.input--xl, textarea.input-contains-icon-right.input-xl,
+textarea[type=text].input-contains-icon.input--xl,
+textarea[type=text].input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--xs ~ .icon,
+textarea[type=text].input-contains-icon-left.input--xs ~ .icon,
+textarea[type=text].input-contains-icon-right.input--xs ~ .icon.icon-right {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--sm ~ .icon,
+textarea[type=text].input-contains-icon-left.input--sm ~ .icon,
+textarea[type=text].input-contains-icon-right.input--sm ~ .icon.icon-right {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--lg ~ .icon,
+textarea[type=text].input-contains-icon-left.input--lg ~ .icon,
+textarea[type=text].input-contains-icon-right.input--lg ~ .icon.icon-right {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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,
+textarea[type=text].input-contains-icon.input--xl ~ .icon,
+textarea[type=text].input-contains-icon-left.input--xl ~ .icon,
+textarea[type=text].input-contains-icon-right.input--xl ~ .icon.icon-right {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,
+select:focus,
+textarea:focus,
+textarea[type=text]:focus,
+input[type=text].input-focused,
+.input-focused {
+ border-color: #3dabf0;
+ box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, 0.45), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,
+select:focus.input-success,
+textarea:focus.input-success,
+textarea[type=text]:focus.input-success,
+input[type=text].input-focused.input-success,
+.input-focused.input-success {
+ border-color: #0dd157;
+ background-color: rgba(0, 224, 0, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,
+select:focus.input-success:focus,
+textarea:focus.input-success:focus,
+textarea[type=text]:focus.input-success:focus,
+input[type=text].input-focused.input-success:focus,
+.input-focused.input-success:focus {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,
+select:focus.input-error,
+textarea:focus.input-error,
+textarea[type=text]:focus.input-error,
+input[type=text].input-focused.input-error,
+.input-focused.input-error {
+ border-color: #fb4143;
+ background-color: rgba(244, 67, 54, 0.05) !important;
+}
+
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,
+select:focus.input-error:focus,
+textarea:focus.input-error:focus,
+textarea[type=text]:focus.input-error:focus,
+input[type=text].input-focused.input-error:focus,
+.input-focused.input-error:focus {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+select {
+ width: 100%;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ font-family: "Nunito Sans";
+ font-size: var(--font-size-m);
+ letter-spacing: 0.02rem;
+ transition: all 0.3s;
+ outline: none;
+ padding: 0.85rem 1.1rem;
+ /* Input Field Sizes */
+ /* Hold Font Awesome glyphs inside input fields */
+ /* More sizes coming soon */
+ background-color: #fff;
+ border: 1px solid #ddd;
+ /* Fixes for Safari and other browsers for consistent UI */
+}
+
+select.input--xs {
+ font-size: 0.75rem;
+ padding: 0.35rem 0.9rem;
+}
+
+select.input--sm {
+ font-size: 0.875rem;
+ padding: 0.55rem 1rem;
+}
+
+select.input--lg {
+ font-size: 1.25rem;
+}
+
+select.input--xl {
+ font-size: 1.5rem;
+}
+
+select.input-contains-icon, select.input-contains-icon-left {
+ padding-left: 2.75rem;
+}
+
+select.input-contains-icon-right {
+ padding-right: 2.75rem;
+}
+
+select.input-contains-icon.input--xs, select.input-contains-icon-right.input-xs {
+ padding-left: 2rem;
+}
+
+select.input-contains-icon.input--sm, select.input-contains-icon-right.input-sm {
+ padding-left: 2.5rem;
+}
+
+select.input-contains-icon.input--lg, select.input-contains-icon-right.input-lg {
+ padding-left: 3.5rem;
+}
+
+select.input-contains-icon.input--xl, select.input-contains-icon-right.input-xl {
+ padding-left: 4rem;
+}
+
+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 {
+ line-height: 1.75rem;
+ width: 1.75rem;
+ font-size: 7px;
+}
+
+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 {
+ width: 2.5rem;
+ font-size: 14px;
+}
+
+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 {
+ line-height: 3.5rem;
+ width: 3.5rem;
+ font-size: 28px;
+}
+
+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 {
+ line-height: 2.5rem;
+ width: 3.75rem;
+ font-size: 35px;
+}
+
+select[multiple] option {
+ padding: 0.2rem 0.4rem;
+}
+
+select.select:not([size]):not([multiple]) {
+ 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;
+ -webkit-appearance: none;
+}
+
+input:not([class*=btn-]):disabled,
+input:not([class*=" btn-"]):disabled:hover,
+select:disabled,
+textarea:disabled {
+ background-color: #f1f3f5;
+ cursor: not-allowed;
+ border: 1px solid #f1f3f5;
+}
+
+label.label {
+ color: #495057;
+ display: inline-block;
+ /* changed from block */
+ font-weight: bold;
+ margin-top: 0.8rem;
+}
+
+label + .input-control {
+ margin-top: 0;
+}
+
+label.label:not(:last-child) {
+ margin-bottom: 0;
+}
+
+label:first-child:not(:last-child):not(.form-group-label) {
+ margin-right: 0.5rem;
+}
+
+label:not(:first-child):not(:last-child):not(.form-group-label) {
+ margin: 0 0.5rem;
+}
+
+label:last-child:not(:first-child):not(.form-group-label) {
+ margin-left: 0.5rem;
+}
+
+/* Required asterisk */
+.required {
+ /* Use this in a span or a div */
+ position: relative;
+ top: 1px;
+ font-weight: bold;
+ color: #c81e1e;
+ padding-left: 0.1rem;
+}
+
+/* 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. */
+.input-control {
+ position: relative;
+ margin: 0.5rem 0;
+}
+
+.input-contains-icon ~ .icon,
+.input-contains-icon-left ~ .icon,
+.input-contains-icon-right ~ .icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+}
+
+.input-contains-icon ~ .icon:not(.icon-right),
+.input-contains-icon-left ~ .icon.icon-left {
+ /* Nomral input only */
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 3rem;
+ z-index: 1;
+}
+
+.input-contains-icon-right ~ .icon.icon-right {
+ position: absolute;
+ pointer-events: none;
+ line-height: 2.75rem;
+ vertical-align: baseline;
+ top: 0;
+ right: 0;
+ width: 3rem;
+ z-index: 1;
+}
+
+/* Form groups that group inputs with other controls. */
+.form-group {
+ display: flex;
+ display: -ms-flexbox;
+ margin: 0.5rem 0;
+ /* Add margin to the container since they have been removed from children */
+ /* Fixes the text width being cut off */
+ /* Form group controls */
+ /* Keeps inputs in form group above other components */
+}
+
+.form-group .form-group-btn {
+ flex: 1 0 auto;
+ margin-bottom: 0;
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-btn:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-btn:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-btn:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-btn:focus {
+ z-index: 1;
+}
+
+.form-group .form-group-label {
+ background-color: var(--cirrus-form-group-bg);
+ border: 1px solid #dee2e6;
+ border-radius: 0.2rem;
+ color: var(--cirrus-form-group-fg);
+ margin: 0;
+ padding: 0.8rem;
+ user-select: none;
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-label:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-label:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-label:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-label.label--xs {
+ font-size: 0.75rem;
+}
+
+.form-group .form-group-label.label--sm {
+ font-size: 0.875rem;
+}
+
+.form-group .form-group-label.label--lg {
+ font-size: 1.25rem;
+}
+
+.form-group .form-group-label.label--xl {
+ font-size: 1.5rem;
+}
+
+.form-group .form-group-input {
+ /* Style the front controls */
+ /* Style the middle controls */
+ /* Handles right most control in form group */
+}
+
+.form-group .form-group-input:first-child:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.form-group .form-group-input:not(:first-child):not(:last-child) {
+ border-radius: 0 !important;
+ margin-left: -1px;
+ margin-right: -1px;
+ /* Remove spacing in middle controls */
+}
+
+.form-group .form-group-input:last-child:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ margin-left: -1px;
+ z-index: 0;
+}
+
+.form-group .form-group-input:focus {
+ z-index: 1;
+}
+
+/* Change place holder color */
+::-moz-placeholder {
+ color: #a9a9a9;
+ /* Lighter than the default */
+}
+
+::-webkit-input-placeholder {
+ color: #a9a9a9;
+ /* Lighter than the default */
+}
+
+/* Separate CSS file, but same part as Layout */
+/* The base container that is similar in structure to a card but more flexible */
+.frame {
+ border-radius: 3px;
+ box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
+ display: flex;
+ flex-direction: column;
+ /* For the frame header and footer, use flex display */
+ /* The frame navbar can be used with level or header classes to create a navigation menu */
+}
+
+.frame .frame__header,
+.frame .frame__footer {
+ flex: 0 0 auto;
+ padding: 1rem;
+}
+
+.frame .frame__nav {
+ flex: 0 0 auto;
+}
+
+.frame .frame__body {
+ flex: 1 1 auto;
+ overflow-y: auto;
+ /* Show the scrollbar when needed */
+ padding: 0 1rem;
+}
+
+.frame .frame__title {
+ color: #0f172a;
+ font-size: 1rem;
+ margin: 0.75rem auto 0;
+}
+
+.frame .frame__subtitle {
+ color: rgba(15, 23, 42, 0.6);
+ font-size: 1rem;
+ margin: 0 auto 0.75rem;
+}
+
+/* These styles can also be used on menus in the body */
+/* HEADER */
+.header {
+ flex-grow: 1;
+ width: 100%;
+ z-index: 100;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1);
+ background-color: var(--cirrus-bg);
+ max-height: 100vh;
+ padding: 0 2rem;
+ transition: all 0.3s;
+ display: flex;
+ --header-link-color: #495057;
+ --header-link-color-hover: #606a73;
+ /* Remove any padding set for headers in default.scss */
+ /* Header dark theme */
+ /* Add transition to nav menu when it drops down */
+ /* The container that contains all the header menu components. Child of header */
+ /* Static header at the top of the screen */
+ /* Hover effect for header elements when appropriate */
+}
+
+.header h1 {
+ margin: 0;
+}
+
+.header h2 {
+ margin: 0;
+}
+
+.header h3 {
+ margin: 0;
+}
+
+.header h4 {
+ margin: 0;
+}
+
+.header h5 {
+ margin: 0;
+}
+
+.header h6 {
+ margin: 0;
+}
+
+.header a {
+ color: var(--header-link-color);
+}
+
+.header a:hover {
+ color: var(--header-link-color-hover);
+}
+
+.header.header-dark {
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #fff;
+ --header-link-color: #fff;
+ --header-link-color-hover: #fff;
+ /* Theme for dark menu */
+}
+
+.header.header-clear {
+ background-color: transparent;
+ box-shadow: none;
+ /* Add border radius to whole menu with clear header */
+}
+
+.header.header-clear .nav-item .dropdown-menu {
+ border-radius: 4px;
+}
+
+.header.header-animated .header-nav {
+ transition: all 0.3s;
+}
+
+.header .header-nav {
+ /* Flex display 768px and higher */
+ overflow: auto;
+}
+
+.header .header-brand {
+ align-items: stretch;
+ display: flex;
+ flex-shrink: 0;
+ max-width: 100vw;
+ min-height: 3.25rem;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.header.header-fixed {
+ position: fixed;
+ top: 0;
+ /* Change this if you want to float the header somewhere else */
+}
+
+.header:not(.header-clear) .nav-item:not(.no-hover):hover, .header:not(.header-clear) .nav-item:not(.no-hover).hovered {
+ background-color: rgba(216, 216, 216, 0.15);
+ transition: all 0.3s;
+}
+
+.header:not(.header-clear) .nav-item.active, .header:not(.header-clear) .nav-item.active:hover {
+ background-color: rgba(216, 216, 216, 0.35);
+}
+
+.header .nav-btn {
+ cursor: pointer;
+ display: block;
+ height: 3.5rem;
+ position: relative;
+ width: 3.5rem;
+}
+
+.header .btn, .header button, .header [type=submit], .header [type=reset], .header [type=button] {
+ margin: 0;
+}
+
+/* Styles for header menu (aka the nav bar) */
+.nav-menu {
+ transition: all 0.3s;
+}
+
+.nav-menu .has-sub {
+ position: relative;
+}
+
+/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */
+.nav-overflow-x {
+ justify-content: inherit;
+ overflow-x: scroll;
+}
+
+/* Wrapper to vertically center header items */
+.nav-item {
+ align-items: center;
+ display: flex;
+ position: relative;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ transition: all 0.3s;
+ padding: 0 0.3rem;
+ cursor: pointer;
+ /* HEADER DROP DOWN MENU */
+ /* Add room for the dropdown chevron pseudoelement */
+}
+
+.nav-item a {
+ align-items: center;
+ display: flex;
+}
+
+.nav-item .dropdown-menu {
+ background-color: var(--cirrus-bg);
+ position: absolute;
+ top: 95%;
+ /*right: 0; /* Unable to solve problem when we have multiple drop down menus */
+ z-index: 1000;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ font-size: 14px;
+ text-align: left;
+ list-style: none;
+ background-clip: padding-box;
+ border: 1px solid #e9ecef;
+ border-radius: 0 0 4px 4px;
+ box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1);
+ /* Just add a transition in general */
+}
+
+.nav-item .dropdown-menu.dropdown-animated {
+ transition: all var(--animation-duration);
+}
+
+.nav-item .dropdown-menu > li > a {
+ display: block;
+ padding: 0.5rem 1rem;
+ clear: both;
+ line-height: 1.42857143;
+ white-space: nowrap;
+}
+
+.nav-item .dropdown-menu > li {
+ margin: 0;
+ transition: all 0.3s;
+}
+
+.nav-item .dropdown-menu > li:hover {
+ transition: all 0.3s;
+ background-color: rgba(216, 216, 216, 0.15);
+}
+
+.nav-item .dropdown-menu > li:active {
+ transition: all 0.3s;
+ background-color: rgba(216, 216, 216, 0.25);
+}
+
+.nav-item .dropdown-menu > li:last-child {
+ margin-bottom: 0;
+}
+
+.nav-item .dropdown-menu .dropdown-menu-divider {
+ border: none;
+ background-color: rgba(216, 216, 216, 0.15);
+ height: 1px;
+ margin: 0.5rem 0;
+}
+
+.nav-item.has-sub .nav-dropdown-link {
+ padding-right: 2.5rem;
+ position: relative;
+ /* Needed for hiding glyphs in mobile header */
+ /* Dropdown menu location adjustment located below for sizes above phones */
+ /* Dropdown menu indicator */
+}
+
+.nav-item.has-sub .nav-dropdown-link::after {
+ border: 2px solid #f03d4d;
+ /* Must be first to create the triangle shape */
+ border-right: 0;
+ /* Create the triangle effect */
+ border-top: 0;
+ display: block;
+ height: 0.5em;
+ width: 0.5em;
+ content: " ";
+ transform: rotate(-45deg);
+ pointer-events: none;
+ margin-top: -0.435em;
+ right: 1.125em;
+ top: 50%;
+ position: absolute;
+}
+
+/* Dark dropdown menu theme */
+.nav-item .dropdown-menu.dropdown-dark,
+.header.header-dark .dropdown-menu {
+ background-color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #343a40;
+ color: #fff;
+}
+
+.dropdown-menu.dropdown-shown,
+.nav-item.active {
+ opacity: 1;
+}
+
+@media screen and (min-width: 768px) {
+ .header {
+ align-items: stretch;
+ display: flex;
+ /* Align items to the left */
+ /* Align items to the right */
+ /* Centering items, best used when nav-brand is not used to prevent offset */
+ /* Hide hamburger button */
+ }
+
+ .header .header-nav {
+ flex-grow: 1;
+ align-items: stretch;
+ /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */
+ display: flex;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ top: 0;
+ overflow: visible;
+ /* Only visible for showing dropdown menus, hidden for mobile */
+ }
+
+ .header .nav-left {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-start;
+ white-space: nowrap;
+ /* Align dropdown menu to the left side of the parent nav-item for header-left */
+ }
+
+ .header .nav-left .has-sub .dropdown-menu {
+ left: 0;
+ right: auto;
+ }
+
+ .header .nav-right {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-end;
+ white-space: nowrap;
+ /* Align dropdown menu to the right side of the parent nav-item for header-right */
+ }
+
+ .header .nav-right .has-sub .dropdown-menu {
+ left: auto;
+ right: 0;
+ }
+
+ .header .nav-center {
+ align-items: stretch;
+ display: flex;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .header .nav-btn {
+ display: none;
+ }
+
+ .header .nav-item {
+ /* Expand link area for desktop views so it is easier to click */
+ }
+
+ .header .nav-item a {
+ padding: 0.5rem 1rem;
+ }
+
+ .header .nav-item .dropdown-menu {
+ opacity: 0;
+ pointer-events: none;
+ /* Make cursor not respond to menu links when not displayed */
+ }
+
+ .header .nav-item .dropdown-menu.dropdown-animated {
+ transform: translateY(-5px);
+ }
+
+ .header .nav-item .dropdown-menu.dropdown-shown, .header .nav-item.toggle-hover:hover .dropdown-menu,
+.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown {
+ opacity: 1;
+ transform: none;
+ pointer-events: auto;
+ }
+}
+@media screen and (max-width: 767px) {
+ /* Add scrolling support in header */
+ .header {
+ flex-direction: column;
+ /* Hide dropdown menu on mobile */
+ }
+
+ .header .header-brand .nav-item:first-child {
+ padding: 0 1rem;
+ /* Add padding to the first child, usually the logo */
+ }
+
+ .header .header-nav {
+ height: 0;
+ /* Show the dropdown */
+ /* Make the menu items larger in the dropdown menu */
+ /* Get rid of extra spaces */
+ }
+
+ .header .header-nav.active {
+ height: 100vh;
+ }
+
+ .header .header-nav .nav-item {
+ padding: 1rem;
+ }
+
+ .header .header-nav .nav-item > a {
+ padding: 0;
+ width: 100%;
+ /* Stretch the link to span the entire list item */
+ }
+
+ /* Remove flex for mobile devices */
+ .nav-item.has-sub {
+ display: block;
+ }
+
+ .nav-item.has-sub .dropdown-menu {
+ /* Hide the menu by default in mobile view (overflow on header-right can expose it) */
+ display: none;
+ }
+
+ .nav-item.has-sub .dropdown-menu.dropdown-shown {
+ border-radius: 0;
+ box-shadow: none;
+ display: block;
+ position: relative;
+ top: 1rem;
+ float: none;
+ border: none;
+ background-color: transparent;
+ margin-bottom: 1rem;
+ }
+
+ .nav-item.has-sub .dropdown-menu.dropdown-dark {
+ background-color: rgba(0, 0, 0, 0.17);
+ border: 0;
+ }
+
+ /* Hamburger button */
+ .nav-btn {
+ cursor: pointer;
+ display: block;
+ position: relative;
+ margin-left: auto;
+ /* Hamburger button on active */
+ }
+
+ .nav-btn span {
+ background-color: var(--header-link-color);
+ display: block;
+ height: 2px;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ top: 50%;
+ transition: all 86ms ease-out;
+ width: 15px;
+ /* Line spacing in hamburger button */
+ }
+
+ .nav-btn span:nth-child(1) {
+ margin-top: -6px;
+ }
+
+ .nav-btn span:nth-child(2) {
+ margin-top: -1px;
+ }
+
+ .nav-btn span:nth-child(3) {
+ margin-top: 4px;
+ }
+
+ .nav-btn.active span:nth-child(1) {
+ margin-left: -5px;
+ transform: rotate(45deg);
+ transform-origin: left top;
+ }
+
+ .nav-btn.active span:nth-child(2) {
+ opacity: 0;
+ }
+
+ .nav-btn.active span:nth-child(3) {
+ margin-left: -5px;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
+ }
+
+ /* Hide drop down menu items */
+ .nav-left,
+.nav-center,
+.nav-right {
+ overflow: hidden;
+ }
+
+ /* No need for JS to show dropdown menu on mobile devices now */
+ .header .nav-item.has-sub.toggle-hover:not(.no-hover):hover > .dropdown-menu {
+ border-radius: 0;
+ box-shadow: none;
+ display: block;
+ position: relative;
+ top: 1rem;
+ float: none;
+ border: none;
+ background-color: transparent;
+ margin-bottom: 1rem;
+ }
+}
+/* LINKS */
+a {
+ color: #5e5cc7;
+ font-weight: 600;
+ padding: 2px;
+ text-decoration: none;
+ transition: all 0.3s;
+}
+
+a:hover {
+ color: #4643e2;
+ transition: all 0.3s;
+}
+
+a.underline {
+ text-decoration: underline;
+}
+
+.subtitle a {
+ padding: 0;
+ /* Removes weird offset in subtitle links */
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
+article a,
+blockquote a {
+ display: inline;
+}
+
+/* Remove uneeded space since buttons have their own padding */
+a .btn,
+a button,
+[type=submit] a {
+ margin-bottom: 0;
+}
+
+/* LISTS */
+ul,
+ol {
+ margin: 1rem 0 1rem 1rem;
+ padding-inline-start: 0.5rem;
+ /* Handle nesting */
+}
+
+ul ul, ul ol,
+ol ul,
+ol ol {
+ margin: 0 0 0 1rem;
+}
+
+ul {
+ list-style: disc;
+ /* Nested list bullet types */
+}
+
+ul ul {
+ list-style-type: circle;
+}
+
+ul ul ul {
+ list-style-type: square;
+}
+
+ol ol {
+ list-style: lower-alpha;
+}
+
+ol ol ol {
+ list-style: upper-roman;
+}
+
+/* Description lists */
+dl {
+ margin: 1rem 0;
+}
+
+/* Detail title */
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+}
+
+li {
+ margin: 0.25rem 0;
+}
+
+/* MISC */
+ul {
+ /* MENU LISTS */
+ /* Style headers to have even space distribution. */
+ /* Style menu items */
+ /* Style sub menus inside a menu */
+ /* Menu item divider */
+ /* Title for the section separated by the divider */
+}
+
+ul.no-bullets {
+ list-style: none;
+}
+
+ul.menu {
+ font-size: 1rem;
+ list-style: none;
+ margin: 0.5rem 0;
+}
+
+ul .menu-title:not(:first-child) {
+ margin-bottom: 1rem;
+}
+
+ul .menu-title:not(:last-child) {
+ margin-top: 1rem;
+}
+
+ul .menu-item a {
+ color: #495057;
+ display: block;
+ padding: 0.5em 0.75em;
+ border-radius: 3px;
+ font-size: var(--font-size-s);
+ cursor: pointer;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item:hover > a {
+ background-color: rgba(208, 208, 208, 0.3);
+ color: #f03d4d;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item.selected > a {
+ color: #fff;
+ background-color: #f03d4d;
+}
+
+ul .menu-item .menu-addon {
+ padding: 0.3rem;
+ z-index: 1;
+ position: relative;
+ color: var(--cirrus-fg);
+ cursor: pointer;
+ float: left;
+ margin-right: 0.1rem;
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item .menu-addon .icon {
+ font-size: inherit;
+ vertical-align: auto;
+}
+
+ul .menu-item .menu-addon:hover {
+ transition: all var(--animation-duration);
+}
+
+ul .menu-item .menu-addon.right {
+ float: right;
+ margin-right: 0;
+ margin-left: 0.1rem;
+}
+
+ul .menu-item.selected .menu-addon {
+ color: #fff;
+}
+
+ul .menu-item ul {
+ border-left: 1px solid #dee2e6;
+ margin: 0.75rem;
+ padding-left: 0.75rem;
+}
+
+ul .divider {
+ border-top: 0.1rem solid #e9ecef;
+ height: 0.1rem;
+ margin: 1rem 0;
+}
+
+ul .divider::after {
+ content: attr(data-label);
+ /* Text that will be displayed */
+ background-color: var(--cirrus-bg);
+ color: #adb5bd;
+ display: inline-block;
+ padding: 0 0.7rem;
+ margin: 0.5rem;
+ font-size: 0.7rem;
+ transform: translateY(-1.1rem);
+}
+
+/* Dropdown menu for dropdown buttons */
+.list-dropdown {
+ display: inline-block;
+ position: relative;
+ /* Allow for shown and :focus selectors for JS and native CSS transitions */
+}
+
+.list-dropdown .menu {
+ position: absolute;
+ top: 75%;
+ left: 0;
+ animation: slide-down var(--animation-duration) ease 1;
+ background-color: var(--cirrus-bg);
+ border-radius: 0.2rem;
+ box-shadow: 0 1rem 3rem rgba(149, 157, 165, 0.3);
+ margin: 0;
+ opacity: 0;
+ min-width: 15rem;
+ padding: 0.25rem 0.5rem;
+ transform: translateY(0.5rem);
+ z-index: 10;
+ pointer-events: none;
+ /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */
+ overflow: hidden;
+ transition: all var(--animation-duration);
+}
+
+@media screen and (max-width: 767px) {
+ .list-dropdown .menu {
+ height: 0;
+ padding: 0 !important;
+ position: relative;
+ }
+}
+.list-dropdown.dropdown-right .menu {
+ left: auto;
+ right: 0;
+}
+
+.list-dropdown.shown .menu,
+.list-dropdown .btn-dropdown:focus + .menu,
+.list-dropdown .menu:hover {
+ display: block;
+ opacity: 1;
+ top: 100%;
+ z-index: 100;
+ pointer-events: auto;
+ /* Restore pointer events */
+ height: auto;
+ transition: all var(--animation-duration);
+}
+
+.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* TREE */
+/* Tree Navigation Menu */
+.tree {
+ margin: 0;
+}
+
+.tree .tree-item {
+ /* The title of the tree menu */
+ /* The dropdown glyph of the tree menu */
+ /* Expand the tree-item-body (has menu-items) */
+ /* Rotate the dropdown glyph */
+ /* Container for the menu-items of the tree menu */
+}
+
+.tree .tree-item .tree-item-header {
+ display: block;
+ padding: 0.25rem 0.5rem;
+ cursor: pointer;
+ font-weight: 700;
+ /* Keep styling consistent with menu-items */
+}
+
+.tree .tree-item .tree-item-header .icon {
+ transition: all var(--animation-duration);
+}
+
+.tree .tree-item input:checked ~ .tree-item-body {
+ max-height: 100vh;
+}
+
+.tree .tree-item input:checked ~ .tree-item-header .icon {
+ transform: rotate(90deg);
+}
+
+.tree .tree-item .tree-item-body {
+ max-height: 0;
+ /* Hidden at first */
+ margin-left: 1.5rem;
+ overflow: hidden;
+ transition: all var(--animation-duration);
+}
+
+/* The body that will encompass the tree-nav and tree-nav-content */
+.tree-nav-body {
+ display: flex;
+ height: 100vh;
+ flex-wrap: nowrap;
+ /* A fixed menu on the side with a tree component */
+ /* The container for the tree component to prevent it from overflowing */
+ /* Darkened area that will close the navbar when clicked for mobile only */
+ /* Push document body further right to account for sidebar space */
+ /* The body where all other HTML components are entered if a tree-nav is used */
+}
+
+.tree-nav-body .tree-nav {
+ flex-grow: 0;
+ flex-shrink: 1;
+ padding: 2rem 1rem 2rem 2rem;
+ min-width: 15rem;
+ height: 100vh;
+ overflow: auto;
+}
+
+.tree-nav-body .tree-nav-container {
+ overflow-y: auto;
+ top: 4rem;
+ bottom: 1rem;
+}
+
+.tree-nav-body + .tree-nav-close {
+ display: none;
+ /* Not needed in desktop */
+}
+
+.tree-nav-body + .tree-nav-content {
+ max-width: 100%;
+ padding: 2rem;
+ flex: 1 0 auto;
+ overflow: auto;
+ margin: 0;
+}
+
+.tree-nav-body .tree-nav-content {
+ width: 100%;
+ overflow: auto;
+ margin: 0;
+ padding: 2rem;
+}
+
+@media screen and (max-width: 767px) {
+ /* Hide the menu to the side by default */
+ .tree-nav {
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ padding: 3rem 1.5rem;
+ position: fixed;
+ top: 0;
+ transform: translateX(-100%);
+ transition: transform var(--animation-duration) ease;
+ z-index: 400;
+ /* Open the menu from the side */
+ /* Use a link and add the id of this element as the url */
+ /* Create the area to click to close the menu */
+ /* Reset max-width in mobile */
+ }
+
+ .tree-nav:target {
+ transform: translateX(0);
+ transition: transform var(--animation-duration) ease;
+ /* Show the darkened area when the tree nav menu is clicked */
+ }
+
+ .tree-nav:target + .tree-nav-close {
+ display: block;
+ background-color: rgba(0, 0, 0, 0.15);
+ height: 100%;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 300;
+ }
+
+ .tree-nav .tree-nav-close {
+ background-color: rgba(0, 0, 0, 0.15);
+ display: none;
+ height: 100%;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 300;
+ }
+
+ .tree-nav + .tree-nav-body {
+ max-width: inherit;
+ }
+
+ /* Header bar for mobile websites with the tree-nav */
+ .tree-nav-header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(248, 249, 250, 0.8);
+ height: 3.5rem;
+ padding: 0.75rem 0.5rem;
+ text-align: center;
+ z-index: 300;
+ }
+
+ /* For dropdown menu used in header (different from header dropdown) */
+ .nav-item.has-sub .list-dropdown {
+ width: 100%;
+ }
+
+ .nav-item.has-sub .list-dropdown .btn-group {
+ width: 100%;
+ }
+
+ .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
+ flex-grow: 0;
+ }
+
+ /* Show the dropdown menu in mobile hamburger menu relative with the header menu */
+ .list-dropdown .btn-dropdown:focus + .menu {
+ position: relative;
+ width: 100%;
+ }
+}
+.progress {
+ --progress-color: #f03d4d;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: #e9ecef;
+ border: none;
+ border-radius: 0.25rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+ height: 0.75rem;
+}
+
+.progress::-webkit-progress-bar {
+ background-color: transparent;
+}
+
+.progress::-webkit-progress-value {
+ background-color: var(--progress-color);
+}
+
+.progress::-moz-progress-bar {
+ background-color: var(--progress-color);
+}
+
+.progress::-ms-fill {
+ background-color: var(--progress-color);
+ border: none;
+}
+
+.progress.progress--xs {
+ height: 0.25rem;
+}
+
+.progress.progress--sm {
+ height: 0.5rem;
+}
+
+.progress.progress--md {
+ height: 0.75rem;
+}
+
+.progress.progress--lg {
+ height: 1rem;
+}
+
+.progress.progress--xl {
+ height: 1.25rem;
+}
+
+.progress.progress--primary {
+ --progress-color: #f03d4d;
+}
+
+.progress.progress--dark {
+ --progress-color: #363636;
+}
+
+.progress.progress--link {
+ --progress-color: #5e5cc7;
+}
+
+.progress.progress--info {
+ --progress-color: #2972fa;
+}
+
+.progress.progress--success {
+ --progress-color: #0dd157;
+}
+
+.progress.progress--warning {
+ --progress-color: #fab633;
+}
+
+.progress.progress--danger {
+ --progress-color: #fb4143;
+}
+
+.progress:indeterminate {
+ animation: progress-indeterminate 1.5s linear infinite;
+ background: #e9ecef linear-gradient(to right, var(--progress-color) 30%, #e9ecef 30%) top left/150% 150% no-repeat;
+}
+
+.progress:indeterminate::-webkit-progress-bar {
+ --progress-color: transparent;
+}
+
+.progress:indeterminate::-moz-progress-bar {
+ --progress-color: transparent;
+}
+
+.progress:indeterminate::-ms-fill {
+ animation-name: none;
+}
+
+@keyframes progress-indeterminate {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+}
+/* TABLE */
+.table-container {
+ overflow: auto;
+ overflow-y: hidden;
+ max-width: 100%;
+}
+
+.table {
+ margin-bottom: 1.5rem;
+ width: 100%;
+ border-collapse: collapse;
+ /* Allows us to set 0 margin in table cells */
+ border-spacing: 0;
+ text-align: center;
+ /* Text center by default */
+ /* Thicker border for table header */
+ /* CUSTOM STYLES */
+ /* All borders */
+ /* Striped table */
+ /* Decrease padding */
+ /* Fixed title table */
+ /* Borderless Table (for inner cells) */
+}
+
+.table td,
+.table th {
+ border: 1px solid rgba(222, 226, 230, 0.5);
+ border-width: 0 0 1px;
+ padding: 0.75rem;
+ vertical-align: top;
+ text-align: inherit;
+ margin: 0;
+}
+
+.table tr {
+ transition: all 0.3s;
+}
+
+.table tr.selected {
+ /* Style a selected row */
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.table .table caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #dee2e6;
+ text-align: left;
+ caption-side: bottom;
+}
+
+.table tr:not(.selected):hover, .table.striped tbody tr:not(.selected):nth-child(even):hover {
+ background-color: rgba(222, 226, 230, 0.15);
+}
+
+.table thead th,
+.table thead {
+ border-bottom: 2px solid rgba(222, 226, 230, 0.5);
+}
+
+.table thead th,
+.table tfoot th {
+ padding: 1rem;
+}
+
+.table tfoot th {
+ border-top: 2px solid rgba(222, 226, 230, 0.5);
+ border-bottom: none;
+}
+
+.table.bordered thead th,
+.table.bordered thead {
+ border-bottom: 1px solid rgba(222, 226, 230, 0.5);
+}
+
+.table.bordered td,
+.table.bordered th {
+ border: 1px solid rgba(219, 219, 219, 0.5);
+}
+
+.table.bordered thead td,
+.table.bordered thead {
+ border-width: 1px;
+}
+
+.table.striped tbody tr:nth-child(even) {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table.small td, .table.small th {
+ padding: 0.25rem 0.75rem;
+}
+
+.table.fixed-head thead {
+ position: relative;
+ display: block;
+}
+
+.table.fixed-head tbody {
+ min-height: 200px;
+ /* Set the height you want */
+ display: block;
+ /* Needed */
+ overflow: auto;
+ /* Shows scrollbars */
+}
+
+.table.fixed-head tr {
+ display: table;
+ width: 100%;
+ /* Forces row to span container */
+}
+
+.table.borderless thead th, .table.borderless th, .table.borderless td {
+ border: none;
+}
+
+.u-top-auto {
+ top: auto !important;
+}
+
+.u-top-0 {
+ top: 0 !important;
+}
+
+.u-top-50p {
+ top: 50% !important;
+}
+
+.u-top-100p {
+ top: 100% !important;
+}
+
+.u-top-n50p {
+ top: -50% !important;
+}
+
+.u-top-n100p {
+ top: -100% !important;
+}
+
+.u-left-auto {
+ left: auto !important;
+}
+
+.u-left-0 {
+ left: 0 !important;
+}
+
+.u-left-50p {
+ left: 50% !important;
+}
+
+.u-left-100p {
+ left: 100% !important;
+}
+
+.u-left-n50p {
+ left: -50% !important;
+}
+
+.u-left-n100p {
+ left: -100% !important;
+}
+
+.u-right-auto {
+ right: auto !important;
+}
+
+.u-right-0 {
+ right: 0 !important;
+}
+
+.u-right-50p {
+ right: 50% !important;
+}
+
+.u-right-100p {
+ right: 100% !important;
+}
+
+.u-right-n50p {
+ right: -50% !important;
+}
+
+.u-right-n100p {
+ right: -100% !important;
+}
+
+.u-bottom-auto {
+ bottom: auto !important;
+}
+
+.u-bottom-0 {
+ bottom: 0 !important;
+}
+
+.u-bottom-50p {
+ bottom: 50% !important;
+}
+
+.u-bottom-100p {
+ bottom: 100% !important;
+}
+
+.u-bottom-n50p {
+ bottom: -50% !important;
+}
+
+.u-bottom-n100p {
+ bottom: -100% !important;
+}
+
+.u-clear-left {
+ clear: left !important;
+}
+
+.u-clear-right {
+ clear: right !important;
+}
+
+.u-clear-both {
+ clear: both !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-clear-left-sm {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-clear-right-sm {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-clear-both-sm {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-left-md {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-right-md {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-clear-both-md {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-left-lg {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-right-lg {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-clear-both-lg {
+ clear: both !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-left-xl {
+ clear: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-right-xl {
+ clear: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-clear-both-xl {
+ clear: both !important;
+ }
+}
+/*
+ When using floats, clearfix allows the container to automatically resize so that
+ other elements are not blocked by children.
+*/
+.u-clearfix:after {
+ clear: both !important;
+ content: " ";
+ display: table !important;
+}
+
+.u-none {
+ display: none !important;
+}
+
+.u-inline {
+ display: inline !important;
+}
+
+.u-inline-block {
+ display: inline-block !important;
+}
+
+.u-block {
+ display: block !important;
+}
+
+.u-flex {
+ display: flex !important;
+}
+
+.u-inline-flex {
+ display: inline-flex !important;
+}
+
+.u-table {
+ display: table !important;
+}
+
+.u-table-row {
+ display: table-row !important;
+}
+
+.u-table-column {
+ display: table-column !important;
+}
+
+.u-table-cell {
+ display: table-cell !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-none-sm {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-sm {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-block-sm {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-block-sm {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-sm {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-inline-flex-sm {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-sm {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-row-sm {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-column-sm {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-table-cell-sm {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-none-md {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-md {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-block-md {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-block-md {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-md {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-inline-flex-md {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-md {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-row-md {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-column-md {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-table-cell-md {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-none-lg {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-lg {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-block-lg {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-block-lg {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-lg {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-inline-flex-lg {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-lg {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-row-lg {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-column-lg {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-table-cell-lg {
+ display: table-cell !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-none-xl {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-xl {
+ display: inline !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-block-xl {
+ display: inline-block !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-block-xl {
+ display: block !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-xl {
+ display: flex !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-inline-flex-xl {
+ display: inline-flex !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-xl {
+ display: table !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-row-xl {
+ display: table-row !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-column-xl {
+ display: table-column !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-table-cell-xl {
+ display: table-cell !important;
+ }
+}
+.u-flex-row {
+ flex-direction: row !important;
+}
+
+.u-flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.u-flex-column {
+ flex-direction: column !important;
+}
+
+.u-flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-row-sm {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-row-reverse-sm {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-column-sm {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-column-reverse-sm {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-row-md {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-row-reverse-md {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-column-md {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-column-reverse-md {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-row-lg {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-row-reverse-lg {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-column-lg {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-column-reverse-lg {
+ flex-direction: column-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-row-xl {
+ flex-direction: row !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-row-reverse-xl {
+ flex-direction: row-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-column-xl {
+ flex-direction: column !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-column-reverse-xl {
+ flex-direction: column-reverse !important;
+ }
+}
+.u-justify-flex-start {
+ justify-content: flex-start !important;
+}
+
+.u-justify-center {
+ justify-content: center !important;
+}
+
+.u-justify-flex-end {
+ justify-content: flex-end !important;
+}
+
+.u-justify-space-between {
+ justify-content: space-between !important;
+}
+
+.u-justify-space-around {
+ justify-content: space-around !important;
+}
+
+.u-justify-space-evenly {
+ justify-content: space-evenly !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-justify-flex-start-sm {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-center-sm {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-flex-end-sm {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-between-sm {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-around-sm {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-justify-space-evenly-sm {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-flex-start-md {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-center-md {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-flex-end-md {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-between-md {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-around-md {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-justify-space-evenly-md {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-flex-start-lg {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-center-lg {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-flex-end-lg {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-between-lg {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-around-lg {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-justify-space-evenly-lg {
+ justify-content: space-evenly !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-flex-start-xl {
+ justify-content: flex-start !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-center-xl {
+ justify-content: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-flex-end-xl {
+ justify-content: flex-end !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-between-xl {
+ justify-content: space-between !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-around-xl {
+ justify-content: space-around !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-justify-space-evenly-xl {
+ justify-content: space-evenly !important;
+ }
+}
+.u-items-stretch {
+ align-items: stretch !important;
+}
+
+.u-items-flex-start {
+ align-items: flex-start !important;
+}
+
+.u-items-center {
+ align-items: center !important;
+}
+
+.u-items-flex-end {
+ align-items: flex-end !important;
+}
+
+.u-items-baseline {
+ align-items: baseline !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-items-stretch-sm {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-flex-start-sm {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-center-sm {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-flex-end-sm {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-items-baseline-sm {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-stretch-md {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-flex-start-md {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-center-md {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-flex-end-md {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-items-baseline-md {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-stretch-lg {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-flex-start-lg {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-center-lg {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-flex-end-lg {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-items-baseline-lg {
+ align-items: baseline !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-stretch-xl {
+ align-items: stretch !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-flex-start-xl {
+ align-items: flex-start !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-center-xl {
+ align-items: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-flex-end-xl {
+ align-items: flex-end !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-items-baseline-xl {
+ align-items: baseline !important;
+ }
+}
+.u-flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.u-flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-grow-0-sm {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-grow-1-sm {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-grow-0-md {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-grow-1-md {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-grow-0-lg {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-grow-1-lg {
+ flex-grow: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-grow-0-xl {
+ flex-grow: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-grow-1-xl {
+ flex-grow: 1 !important;
+ }
+}
+.u-flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.u-flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-shrink-0-sm {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-shrink-1-sm {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-shrink-0-md {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-shrink-1-md {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-shrink-0-lg {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-shrink-1-lg {
+ flex-shrink: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-shrink-0-xl {
+ flex-shrink: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-shrink-1-xl {
+ flex-shrink: 1 !important;
+ }
+}
+.u-flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.u-flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.u-flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-flex-wrap-sm {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-wrap-reverse-sm {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-flex-nowrap-sm {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-wrap-md {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-wrap-reverse-md {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-flex-nowrap-md {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-wrap-lg {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-wrap-reverse-lg {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-flex-nowrap-lg {
+ flex-wrap: nowrap !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-wrap-xl {
+ flex-wrap: wrap !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-wrap-reverse-xl {
+ flex-wrap: wrap-reverse !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-flex-nowrap-xl {
+ flex-wrap: nowrap !important;
+ }
+}
+.u-gap-0 {
+ gap: 0rem !important;
+}
+
+.u-gap-1 {
+ gap: 0.5rem !important;
+}
+
+.u-gap-2 {
+ gap: 1rem !important;
+}
+
+.u-gap-3 {
+ gap: 1.5rem !important;
+}
+
+.u-gap-4 {
+ gap: 2rem !important;
+}
+
+.u-gap-5 {
+ gap: 2.5rem !important;
+}
+
+.u-gap-6 {
+ gap: 3rem !important;
+}
+
+.u-gap-8 {
+ gap: 4rem !important;
+}
+
+.u-gap-10 {
+ gap: 5rem !important;
+}
+
+.u-gap-12 {
+ gap: 6rem !important;
+}
+
+.u-gap-16 {
+ gap: 8rem !important;
+}
+
+.u-gap-20 {
+ gap: 10rem !important;
+}
+
+.u-gap-24 {
+ gap: 12rem !important;
+}
+
+.u-gap-32 {
+ gap: 16rem !important;
+}
+
+/* UTILS */
+/* Utility classes to help solve some very annoying issues */
+.u-pull-left {
+ float: left !important;
+}
+
+.u-pull-right {
+ float: right !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-pull-left-sm {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-pull-right-sm {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-pull-left-md {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-pull-right-md {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-pull-left-lg {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-pull-right-lg {
+ float: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-pull-left-xl {
+ float: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-pull-right-xl {
+ float: right !important;
+ }
+}
+.u-text-justify {
+ text-align: justify !important;
+}
+
+.u-text-left {
+ text-align: left !important;
+}
+
+.u-text-right {
+ text-align: right !important;
+}
+
+.u-text-center {
+ text-align: center !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-text-justify-sm {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-left-sm {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-right-sm {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-text-center-sm {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-justify-md {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-left-md {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-right-md {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-text-center-md {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-justify-lg {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-left-lg {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-right-lg {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-text-center-lg {
+ text-align: center !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-justify-xl {
+ text-align: justify !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-left-xl {
+ text-align: left !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-right-xl {
+ text-align: right !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-text-center-xl {
+ text-align: center !important;
+ }
+}
+.u-text-ellipsis {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.u-text-break {
+ hyphens: auto;
+ word-break: break-word;
+ word-wrap: break-word;
+}
+
+/* Center element - best used for hero bodies or text */
+.u-center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto;
+ flex-wrap: wrap;
+}
+
+.u-center-alt,
+.u-center-alt:hover,
+.u-center-alt:active {
+ /* If flexbox method fails, this works for elements with unknown dimensions */
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.u-overlay {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ position: absolute;
+}
+
+.u-disabled {
+ cursor: not-allowed !important;
+ pointer-events: none !important;
+}
+
+.u-unselectable {
+ user-select: none !important;
+}
+
+.u-no-outline {
+ outline: 0px !important;
+}
+
+.u-opacity-0 {
+ opacity: 0 !important;
+}
+
+.u-opacity-10 {
+ opacity: 0.1 !important;
+}
+
+.u-opacity-20 {
+ opacity: 0.2 !important;
+}
+
+.u-opacity-30 {
+ opacity: 0.3 !important;
+}
+
+.u-opacity-40 {
+ opacity: 0.4 !important;
+}
+
+.u-opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.u-opacity-60 {
+ opacity: 0.6 !important;
+}
+
+.u-opacity-70 {
+ opacity: 0.7 !important;
+}
+
+.u-opacity-80 {
+ opacity: 0.8 !important;
+}
+
+.u-opacity-90 {
+ opacity: 0.9 !important;
+}
+
+.u-opacity-100 {
+ opacity: 1 !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-opacity-0-sm {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-10-sm {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-20-sm {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-30-sm {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-40-sm {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-50-sm {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-60-sm {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-70-sm {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-80-sm {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-90-sm {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-opacity-100-sm {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-0-md {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-10-md {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-20-md {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-30-md {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-40-md {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-50-md {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-60-md {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-70-md {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-80-md {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-90-md {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-opacity-100-md {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-0-lg {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-10-lg {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-20-lg {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-30-lg {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-40-lg {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-50-lg {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-60-lg {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-70-lg {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-80-lg {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-90-lg {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-opacity-100-lg {
+ opacity: 1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-0-xl {
+ opacity: 0 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-10-xl {
+ opacity: 0.1 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-20-xl {
+ opacity: 0.2 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-30-xl {
+ opacity: 0.3 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-40-xl {
+ opacity: 0.4 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-50-xl {
+ opacity: 0.5 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-60-xl {
+ opacity: 0.6 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-70-xl {
+ opacity: 0.7 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-80-xl {
+ opacity: 0.8 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-90-xl {
+ opacity: 0.9 !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-opacity-100-xl {
+ opacity: 1 !important;
+ }
+}
+.u-bg-opacity-0 {
+ --bg-opacity: 0;
+}
+
+.u-bg-opacity-10 {
+ --bg-opacity: 0.1;
+}
+
+.u-bg-opacity-20 {
+ --bg-opacity: 0.2;
+}
+
+.u-bg-opacity-30 {
+ --bg-opacity: 0.3;
+}
+
+.u-bg-opacity-40 {
+ --bg-opacity: 0.4;
+}
+
+.u-bg-opacity-50 {
+ --bg-opacity: 0.5;
+}
+
+.u-bg-opacity-60 {
+ --bg-opacity: 0.6;
+}
+
+.u-bg-opacity-70 {
+ --bg-opacity: 0.7;
+}
+
+.u-bg-opacity-80 {
+ --bg-opacity: 0.8;
+}
+
+.u-bg-opacity-90 {
+ --bg-opacity: 0.9;
+}
+
+.u-bg-opacity-100 {
+ --bg-opacity: 1;
+}
+
+.u-color-opacity-0 {
+ --color-opacity: 0;
+}
+
+.u-color-opacity-10 {
+ --color-opacity: 0.1;
+}
+
+.u-color-opacity-20 {
+ --color-opacity: 0.2;
+}
+
+.u-color-opacity-30 {
+ --color-opacity: 0.3;
+}
+
+.u-color-opacity-40 {
+ --color-opacity: 0.4;
+}
+
+.u-color-opacity-50 {
+ --color-opacity: 0.5;
+}
+
+.u-color-opacity-60 {
+ --color-opacity: 0.6;
+}
+
+.u-color-opacity-70 {
+ --color-opacity: 0.7;
+}
+
+.u-color-opacity-80 {
+ --color-opacity: 0.8;
+}
+
+.u-color-opacity-90 {
+ --color-opacity: 0.9;
+}
+
+.u-color-opacity-100 {
+ --color-opacity: 1;
+}
+
+.u-overflow-auto {
+ overflow: auto !important;
+}
+
+.u-overflow-hidden {
+ overflow: hidden !important;
+}
+
+.u-overflow-visible {
+ overflow: visible !important;
+}
+
+.u-overflow-scroll {
+ overflow: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-auto-sm {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-hidden-sm {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-visible-sm {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-scroll-sm {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-auto-md {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-hidden-md {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-visible-md {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-scroll-md {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-auto-lg {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-hidden-lg {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-visible-lg {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-scroll-lg {
+ overflow: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-auto-xl {
+ overflow: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-hidden-xl {
+ overflow: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-visible-xl {
+ overflow: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-scroll-xl {
+ overflow: scroll !important;
+ }
+}
+.u-overflow-x-auto {
+ overflow-x: auto !important;
+}
+
+.u-overflow-x-hidden {
+ overflow-x: hidden !important;
+}
+
+.u-overflow-x-visible {
+ overflow-x: visible !important;
+}
+
+.u-overflow-x-scroll {
+ overflow-x: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-x-auto-sm {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-hidden-sm {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-visible-sm {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-x-scroll-sm {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-auto-md {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-hidden-md {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-visible-md {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-x-scroll-md {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-auto-lg {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-hidden-lg {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-visible-lg {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-x-scroll-lg {
+ overflow-x: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-auto-xl {
+ overflow-x: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-hidden-xl {
+ overflow-x: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-visible-xl {
+ overflow-x: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-x-scroll-xl {
+ overflow-x: scroll !important;
+ }
+}
+.u-overflow-y-auto {
+ overflow-y: auto !important;
+}
+
+.u-overflow-y-hidden {
+ overflow-y: hidden !important;
+}
+
+.u-overflow-y-visible {
+ overflow-y: visible !important;
+}
+
+.u-overflow-y-scroll {
+ overflow-y: scroll !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-overflow-y-auto-sm {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-hidden-sm {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-visible-sm {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-overflow-y-scroll-sm {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-auto-md {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-hidden-md {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-visible-md {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-overflow-y-scroll-md {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-auto-lg {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-hidden-lg {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-visible-lg {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-overflow-y-scroll-lg {
+ overflow-y: scroll !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-auto-xl {
+ overflow-y: auto !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-hidden-xl {
+ overflow-y: hidden !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-visible-xl {
+ overflow-y: visible !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-overflow-y-scroll-xl {
+ overflow-y: scroll !important;
+ }
+}
+.u-static {
+ position: static !important;
+}
+
+.u-fixed {
+ position: fixed !important;
+}
+
+.u-absolute {
+ position: absolute !important;
+}
+
+.u-relative {
+ position: relative !important;
+}
+
+.u-sticky {
+ position: sticky !important;
+}
+
+@media screen and (min-width: 640px) {
+ .u-static-sm {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-fixed-sm {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-absolute-sm {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-relative-sm {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 640px) {
+ .u-sticky-sm {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-static-md {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-fixed-md {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-absolute-md {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-relative-md {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 768px) {
+ .u-sticky-md {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-static-lg {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-fixed-lg {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-absolute-lg {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-relative-lg {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 1024px) {
+ .u-sticky-lg {
+ position: sticky !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-static-xl {
+ position: static !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-fixed-xl {
+ position: fixed !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-absolute-xl {
+ position: absolute !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-relative-xl {
+ position: relative !important;
+ }
+}
+@media screen and (min-width: 1280px) {
+ .u-sticky-xl {
+ position: sticky !important;
+ }
+}
+.u-round-none {
+ border-radius: 0px;
+}
+
+.u-round-xs {
+ border-radius: 0.25rem;
+}
+
+.u-round-sm {
+ border-radius: 0.5rem;
+}
+
+.u-round-md {
+ border-radius: 0.75rem;
+}
+
+.u-round-lg {
+ border-radius: 1rem;
+}
+
+.u-round-xl {
+ border-radius: 1.25rem;
+}
+
+.u-round-full {
+ border-radius: 9001px;
+}
+
+.u-shadow-none {
+ --cirrus-shadow: 0 0 #000;
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-xs {
+ --cirrus-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-sm {
+ --cirrus-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-md {
+ --cirrus-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-lg {
+ --cirrus-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-xl {
+ --cirrus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-shadow-inset {
+ --cirrus-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ box-shadow: var(--cirrus-shadow);
+}
+
+.u-z-n1 {
+ z-index: -1 !important;
+}
+
+.u-z-0 {
+ z-index: 0 !important;
+}
+
+.u-z-1 {
+ z-index: 1 !important;
+}
+
+.u-z-10 {
+ z-index: 10 !important;
+}
+
+.u-z-20 {
+ z-index: 20 !important;
+}
+
+.u-z-30 {
+ z-index: 30 !important;
+}
+
+.u-z-40 {
+ z-index: 40 !important;
+}
+
+.u-z-50 {
+ z-index: 50 !important;
+}
+
+.u-z-auto {
+ z-index: auto !important;
+}
+
+/* Avatar */
+.avatar {
+ border-radius: 50%;
+ position: relative;
+ display: block;
+ margin: auto;
+ font-size: 1.5rem;
+ font-weight: lighter;
+ width: 3.2rem;
+ height: 3.2rem;
+ background-color: #f03d4d;
+ overflow: hidden;
+ /* Draw text on image just like in Gmail */
+}
+
+.avatar::before {
+ content: attr(data-text);
+ color: currentColor;
+ left: 50%;
+ top: 50%;
+ position: absolute;
+ transform: translate(-50%, -50%);
+}
+
+.avatar.avatar--xs {
+ font-size: 0.8rem;
+ width: 1.6rem;
+ height: 1.6rem;
+}
+
+.avatar.avatar--sm {
+ font-size: 1rem;
+ width: 2.4rem;
+ height: 2.4rem;
+}
+
+.avatar.avatar--lg {
+ font-size: 2rem;
+ width: 4.8rem;
+ height: 4.8rem;
+}
+
+.avatar.avatar--xl {
+ font-size: 3rem;
+ width: 6.4rem;
+ height: 6.4rem;
+}
+
+.avatar img.padded {
+ padding: 0.5rem;
+ width: 100%;
+}
+
+.breadcrumb {
+ margin: 0.5rem 0;
+ padding: 0.5rem 0;
+ align-items: flex-start;
+ display: flex;
+ justify-content: flex-start;
+ list-style: none;
+ white-space: nowrap;
+}
+
+.breadcrumb.breadcrumb--center {
+ justify-content: center;
+}
+
+.breadcrumb.breadcrumb--right {
+ justify-content: flex-end;
+}
+
+.breadcrumb.breadcrumb--arrow .breadcrumb__item:not(:first-child)::before {
+ content: "→";
+}
+
+.breadcrumb.breadcrumb--bullet .breadcrumb__item:not(:first-child)::before {
+ content: "•";
+}
+
+.breadcrumb.breadcrumb--dot .breadcrumb__item:not(:first-child)::before {
+ content: "·";
+}
+
+.breadcrumb.breadcrumb--gt .breadcrumb__item:not(:first-child)::before {
+ content: "≻";
+}
+
+.breadcrumb .breadcrumb__item {
+ margin: 0;
+}
+
+.breadcrumb .breadcrumb__item:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.breadcrumb .breadcrumb__item:not(:first-child)::before {
+ content: "/";
+ padding-right: 0.5rem;
+}
+
+.breadcrumb .breadcrumb__item.breadcrumb__item--active {
+ cursor: default;
+ pointer-events: none;
+}
+
+.breadcrumb .breadcrumb__item.breadcrumb__item--active a {
+ color: #0f172a;
+}
+
+/* CARDS */
+.card {
+ background-color: #fff;
+ backface-visibility: hidden;
+ border-radius: 5px;
+ box-shadow: 0px 5px 12px 0 rgba(42, 51, 83, 0.12), 0px 0px 5px rgba(0, 0, 0, 0.06);
+ margin-bottom: 1rem;
+ overflow: hidden;
+ position: relative;
+ transition: all 0.3s;
+ /* Allow for the cards to have the same height when u-flex is used on the card */
+ /*
+ NOTE: To have cards with the same height, place the card class with col-x classes and have the parent have fluid-container.
+ */
+ /* Card Title Bar */
+}
+
+.card:hover {
+ transition: all 0.3s;
+ box-shadow: 0px 8px 20px 0 rgba(42, 51, 83, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06);
+}
+
+.card:hover .card-image::after {
+ opacity: 0;
+}
+
+.card.slide-up, .card.card--slide-up {
+ display: flex;
+ flex-direction: column;
+ max-height: 550px;
+ /* More card components in second example */
+}
+
+.card.slide-up:hover .card-body,
+.card.slide-up:hover .card__body, .card.card--slide-up:hover .card-body,
+.card.card--slide-up:hover .card__body {
+ opacity: 1;
+}
+
+.card.slide-up:hover .card-image,
+.card.slide-up:hover .card__image, .card.card--slide-up:hover .card-image,
+.card.card--slide-up:hover .card__image {
+ transform: translateY(-40px);
+}
+
+.card.slide-up:hover .mobile-title,
+.card.slide-up:hover .card__mobile-title, .card.card--slide-up:hover .mobile-title,
+.card.card--slide-up:hover .card__mobile-title {
+ bottom: 35%;
+ transition: all 0.3s ease-in-out;
+}
+
+.card.slide-up .mobile-title,
+.card.slide-up .card__mobile-title, .card.card--slide-up .mobile-title,
+.card.card--slide-up .card__mobile-title {
+ position: absolute;
+ left: 0;
+ bottom: 5rem;
+ background-color: var(--cirrus-bg);
+ -moz-transition: 0.3s ease-in-out;
+ -ms-transition: all 0.3s ease-in-out;
+ transition: 0.3s ease-in-out;
+ width: 100%;
+ padding: 1.5rem 0 0 0;
+ backface-visibility: hidden;
+}
+
+.card.slide-up .card-body,
+.card.slide-up .card__body, .card.card--slide-up .card-body,
+.card.card--slide-up .card__body {
+ opacity: 0;
+ overflow: auto;
+ transition: all var(--animation-duration) ease-in-out;
+}
+
+.card.u-flex .content {
+ flex-grow: 1;
+}
+
+.card p {
+ margin: 1rem 0;
+}
+
+.card .card-image,
+.card .card__image {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-radius: 5px 5px 0 0;
+ background-size: cover;
+ background-repeat: no-repeat;
+ transition: all 0.3s ease-in-out;
+}
+
+.card .card-image::after,
+.card .card__image::after {
+ content: "";
+ display: block;
+ position: absolute;
+ background-color: rgba(0, 0, 0, 0.1);
+ top: 0;
+ left: 0;
+ right: 0;
+ transition: all 500ms;
+ bottom: 0;
+}
+
+.card .card-container,
+.card .card__container {
+ display: block;
+ position: relative;
+ height: 40%;
+ min-height: 21rem;
+ /* So it appears in html5 standards mode */
+}
+
+.card .title-container,
+.card .card__title-container {
+ position: absolute;
+ bottom: 1rem;
+ width: 100%;
+ padding: 0 1rem;
+}
+
+.card .title-container .title,
+.card .title-container .subtitle,
+.card .card__title-container .title,
+.card .card__title-container .subtitle {
+ color: #fff;
+ margin: 1rem auto;
+}
+
+.card .title-container .title,
+.card .card__title-container .title {
+ font-weight: 300;
+ font-size: 1.5rem;
+ margin-bottom: 0;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+}
+
+.card .action-bar,
+.card .card__action-bar {
+ user-select: none;
+ padding: 0.5rem;
+ margin: 0;
+ border-top: 1px solid #e9ecef;
+ box-sizing: border-box;
+ transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
+ /* Add some padding to the buttons */
+}
+
+.card .action-bar .btn, .card .action-bar button, .card .action-bar [type=submit], .card .action-bar [type=reset], .card .action-bar [type=button],
+.card .card__action-bar .btn,
+.card .card__action-bar button,
+.card .card__action-bar [type=submit],
+.card .card__action-bar [type=reset],
+.card .card__action-bar [type=button] {
+ margin: 0 0.5rem;
+}
+
+.card .action-bar + .card-footer, .card .action-bar + .card__footer,
+.card .card__action-bar + .card-footer,
+.card .card__action-bar + .card__footer {
+ padding: 1rem 0;
+ border-top: 1px solid #e9ecef;
+}
+
+.card .card-footer,
+.card .card__footer {
+ position: relative;
+ font-size: 0.875rem;
+ color: #868e96;
+}
+
+.card .card-head,
+.card .card__header {
+ align-items: stretch;
+ display: flex;
+ border-bottom: 1px solid #e9ecef;
+}
+
+/* Mixins */
+/* EXTENDED FORM */
+/* Base class layout for extended form */
+.form-ext-control {
+ padding-left: 1.5rem;
+ position: relative;
+ /* Checkbox */
+ /* Radio Button */
+ /* Hides the original input */
+ /* Toggle Switches */
+}
+
+.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after {
+ 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");
+}
+
+.form-ext-control.form-ext-checkbox .form-ext-label:before {
+ border-radius: 0.25rem;
+}
+
+.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after {
+ 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");
+}
+
+.form-ext-control.form-ext-radio .form-ext-label:before {
+ border-radius: 50%;
+}
+
+.form-ext-control .form-ext-input {
+ opacity: 0;
+ position: absolute;
+ z-index: -1;
+ /* Checked state */
+}
+
+.form-ext-control .form-ext-input:disabled ~ .form-ext-label {
+ opacity: 0.4;
+}
+
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
+ background-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--primary:checked ~ .form-ext-label {
+ color: #f03d4d;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--primary:checked ~ .form-ext-label:before {
+ background-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--primary:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label {
+ color: #363636;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label:before {
+ background-color: #363636;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--dark:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label {
+ color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label:before {
+ background-color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--link:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label {
+ color: #2972fa;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label:before {
+ background-color: #2972fa;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--info:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label {
+ color: #0dd157;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before {
+ background-color: #0dd157;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label {
+ color: #fab633;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label:before {
+ background-color: #fab633;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--warning:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label {
+ color: #fb4143;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label:before {
+ background-color: #fb4143;
+}
+
+.form-ext-control .form-ext-input.form-ext-input--danger:focus ~ .form-ext-label:before {
+ border-color: inherit;
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-input:disabled ~ .form-ext-toggle__toggler {
+ opacity: 0.5;
+}
+
+.form-ext-control .form-ext-toggle__label {
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+}
+
+.form-ext-control .form-ext-toggle {
+ cursor: pointer;
+ position: relative;
+ /* Toggle themes */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+ /**
+ * Accessibility
+ */
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox],
+.form-ext-control .form-ext-toggle input[type=radio] {
+ opacity: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler {
+ border: 1px solid #d5d7dc;
+ border-radius: 6.25rem;
+ color: #d5d7dc;
+ display: block;
+ font-size: 9px;
+ height: 1.5rem;
+ position: relative;
+ width: 3rem;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i {
+ display: inline-block;
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+ color: #fff;
+ position: relative;
+ transition: all 0.4s ease;
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler i::after,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler i::after {
+ background-color: #fff;
+ left: calc(100% - 20px);
+}
+
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle input[type=checkbox]:checked + * .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle input[type=radio]:checked + * .form-ext-toggle__toggler i::before {
+ color: #fff;
+ content: attr(data-check-icon);
+ text-align: left;
+}
+
+.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 {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler {
+ border-color: #f03d4d;
+ color: #f03d4d;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler i::after {
+ background-color: #f03d4d;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--primary .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #363636;
+ border-color: #363636;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler {
+ border-color: #363636;
+ color: #363636;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler i::after {
+ background-color: #363636;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #5e5cc7;
+ border-color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler {
+ border-color: #5e5cc7;
+ color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler i::after {
+ background-color: #5e5cc7;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #2972fa;
+ border-color: #2972fa;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler {
+ border-color: #2972fa;
+ color: #2972fa;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler i::after {
+ background-color: #2972fa;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #0dd157;
+ border-color: #0dd157;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler {
+ border-color: #0dd157;
+ color: #0dd157;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler i::after {
+ background-color: #0dd157;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #fab633;
+ border-color: #fab633;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler {
+ border-color: #fab633;
+ color: #fab633;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler i::after {
+ background-color: #fab633;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.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 {
+ background-color: #fb4143;
+ border-color: #fb4143;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler {
+ border-color: #fb4143;
+ color: #fb4143;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler i::after {
+ background-color: #fb4143;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus + .form-ext-toggle__toggler {
+ box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07);
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before,
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
+ content: "";
+ display: block;
+ position: absolute;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before {
+ content: attr(data-uncheck-icon);
+ padding: 2px 7px;
+ line-height: 18px;
+ text-align: right;
+ top: 0;
+ width: 55%;
+ font-size: 12px;
+}
+
+.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
+ background-color: #d5d7dc;
+ border-radius: 50%;
+ height: 16px;
+ left: 4px;
+ width: 16px;
+ transform: translateY(-50%);
+ transition: left var(--animation-duration) ease;
+ text-align: left;
+}
+
+.form-ext-control .form-ext-label {
+ margin-bottom: 0;
+ position: relative;
+ /* Base of custom form inputs */
+}
+
+.form-ext-control .form-ext-label:before, .form-ext-control .form-ext-label:after {
+ content: "";
+ display: block;
+ height: 1rem;
+ left: -1.5rem;
+ position: absolute;
+ top: 0.3rem;
+ transition: all var(--animation-duration);
+ width: 1rem;
+}
+
+.form-ext-control .form-ext-label:before {
+ background-color: #f6f9fc;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ pointer-events: none;
+ user-select: none;
+ box-sizing: border-box;
+}
+
+.form-ext-control .form-ext-label:after {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 50% 50%;
+}
+
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
+ border: none;
+}
+
+/* EXTENDED LINKS */
+/* Animated links */
+.u,
+.utb {
+ display: inline;
+ position: relative;
+ /* So the psuedo-elements are positioned correctly */
+}
+
+/* Underline */
+.u::after {
+ content: "";
+ transition: all 0.3s;
+ backface-visibility: hidden;
+ position: absolute;
+ height: 2px;
+ width: 0;
+ background: #4643e2;
+ bottom: -0.25em;
+}
+
+.u:hover::after {
+ width: 100%;
+}
+
+.u.u-LR::after {
+ /* Left to Right */
+ left: 0;
+}
+
+.u.u-LR::after {
+ /* Left to Right */
+ left: 0;
+}
+
+.u.u-RL::after {
+ /* Right to Left */
+ right: 0;
+}
+
+.u.u-RL:hover::after {
+ width: 100%;
+}
+
+.u.u-C::after {
+ /* Center Outwards */
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+/* Underline top and bottom */
+.utb {
+ /* Opposite start */
+}
+
+.utb::before, .utb::after {
+ content: "";
+ transition: all 0.3s;
+ backface-visibility: hidden;
+ position: absolute;
+ height: 2px;
+ width: 0;
+ background: #4643e2;
+}
+
+.utb::before {
+ top: -0.25em;
+}
+
+.utb::after {
+ bottom: -0.25em;
+}
+
+.utb:hover::before, .utb:hover::after {
+ width: 100%;
+}
+
+.utb.utb-LR::before, .utb.utb-LR::after {
+ left: 0;
+}
+
+.utb.utb-RL::before, .utb.utb-RL::after {
+ right: 0;
+}
+
+.utb.utb-C::before, .utb.utb-C::after {
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+.utb.utb-OLR::before {
+ /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */
+ left: 0;
+}
+
+.utb.utb-OLR::after {
+ right: 0;
+}
+
+.utb.utb-ORL::before {
+ right: 0;
+}
+
+.utb.utb-ORL::after {
+ left: 0;
+}
+
+/* Links with square borders */
+/* 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 */
+.usquare {
+ margin-left: 0.4rem;
+ position: relative;
+ overflow: hidden;
+}
+
+.usquare::before, .usquare::after {
+ content: "";
+ transition: 0.25s all ease;
+ backface-visibility: hidden;
+ position: absolute;
+ width: 2px;
+ width: 0.1 rem;
+ height: 0;
+ background: #4643e2;
+}
+
+.usquare::before {
+ left: 0;
+ bottom: -0.2rem;
+}
+
+.usquare::after {
+ right: 0;
+ top: -0.2rem;
+}
+
+.usquare:hover::before, .usquare:hover::after {
+ height: calc(100% + 0.4rem);
+ /* Makes the left and right borders */
+}
+
+.usquare:hover a::before,
+.usquare:hover a::after {
+ width: 100%;
+}
+
+.usquare.delay::before {
+ transition-delay: 0.6s;
+}
+
+.usquare.delay::after {
+ transition-delay: var(--animation-duration);
+}
+
+.usquare.delay a::after {
+ transition: 0.25s all ease 0.4s;
+}
+
+.usquare a {
+ position: static;
+ padding: 0.2rem 0.4rem;
+ transition: 0.25s all ease;
+}
+
+.usquare a::before {
+ left: 0;
+}
+
+.usquare a::after {
+ right: 0;
+}
+
+/* The base of the modal dialog, which is an overlay of the webpage */
+.modal {
+ position: fixed;
+ /* Scrolls with the user */
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0;
+ /* Initially hidden */
+ padding: 1rem;
+ display: none;
+ /* Doesn't block the elements underneath */
+ align-items: center;
+ justify-content: center;
+ /* Vertical centering */
+ pointer-events: none;
+ /* Prevent any pointer events made to modal while hidden */
+ /* When the modal dialog is visible */
+ /* Different size modals */
+ /* The modal dialog body with the text itself */
+ /* MODAL ANIMATIONS */
+ /* Visible state */
+}
+
+.modal:target, .modal.shown {
+ display: flex;
+ opacity: 1;
+ z-index: 999;
+ pointer-events: auto;
+ /* Re-enable pointer events */
+ /* The div in the modal dialpog used to create the translucent background */
+}
+
+.modal:target .modal-overlay, .modal.shown .modal-overlay {
+ position: absolute;
+ /* Absolute inside of the modal container */
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ display: block;
+ background-color: rgba(54, 54, 54, 0.5);
+}
+
+.modal:target .modal-container,
+.modal:target .modal-container, .modal.shown .modal-container,
+.modal.shown .modal-container {
+ animation: slide-down var(--animation-duration) ease 1;
+ z-index: 1;
+}
+
+.modal.modal-small .modal-content {
+ max-width: 20rem;
+ /* 320px */
+}
+
+.modal.modal-large .modal-content {
+ max-width: 60rem;
+ /* 960px */
+}
+
+.modal .modal-content {
+ background-color: var(--cirrus-bg);
+ padding: 0;
+ display: block;
+ border-radius: 3px;
+ box-shadow: 0 0.4rem 1rem rgba(54, 54, 54, 0.3);
+ z-index: 1;
+ color: var(--cirrus-fg);
+ max-width: 40rem;
+ /* 640px */
+ /* Restrict width */
+}
+
+.modal .modal-content.small {
+ max-width: 32rem;
+}
+
+.modal .modal-content h1, .modal .modal-content h2, .modal .modal-content h3, .modal .modal-content h4, .modal .modal-content h5, .modal .modal-content h6 {
+ color: var(--cirrus-fg);
+}
+
+.modal .modal-content .modal-header {
+ padding: 1rem 2.5rem;
+}
+
+.modal .modal-content .modal-header .modal-title {
+ font-weight: bolder;
+ font-size: 1.4rem;
+}
+
+.modal .modal-content .modal-body {
+ padding: 1rem 2.5rem;
+ overflow-y: auto;
+ max-height: 50vh;
+ /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */
+ position: relative;
+}
+
+.modal .modal-content .modal-footer {
+ padding: 1rem 2.5rem;
+}
+
+@media screen and (max-width: 767px) {
+ .modal .modal-content {
+ max-width: 90%;
+ }
+}
+.modal.modal-animated--dropdown {
+ animation: slide-down var(--animation-duration) ease 1;
+}
+
+.modal.modal-animated--zoom-in, .modal.modal-animated--zoom-out {
+ display: flex;
+ opacity: 0;
+ transition: 300ms all ease;
+}
+
+.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out {
+ opacity: 1;
+ transition: 300ms all ease;
+}
+
+.modal.modal-animated--zoom-in .modal-content {
+ transform: scale(0.8);
+ transition: 300ms all ease;
+}
+
+.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content {
+ transform: scale(1);
+ transition: 300ms all ease;
+}
+
+.modal.modal-animated--zoom-out .modal-content {
+ transform: scale(1.2);
+ transition: 300ms all ease;
+}
+
+/* Keyframes for slide down animation */
+@keyframes slide-down {
+ 0% {
+ opacity: 0;
+ transform: translateY(-3rem);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@media screen and (max-width: 767px) {
+ .modal-content {
+ max-width: 90%;
+ }
+}
+/* PAGINATION */
+/* Parent contianer for page navigation */
+.pagination {
+ display: flex;
+ display: -ms-flexbox;
+ /* Use for the major pagination meant to display about 2 items */
+ /* Bordered pagination */
+}
+
+.pagination .pagination-item {
+ flex: 1 0 50%;
+ /* Flex to fill */
+ margin: 1rem 0.1rem;
+ transition: all 0.3s;
+ /* Pagination Item */
+ /* Used to display many pagination items */
+}
+
+.pagination .pagination-item:hover p,
+.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 {
+ transition: all 0.3s;
+ color: #f03d4d;
+}
+
+.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.disabled):not(.ellipses) {
+ transition: all 0.3s;
+ color: #f03d4d;
+}
+
+.pagination .pagination-item.pagination-next {
+ text-align: right;
+}
+
+.pagination .pagination-item.pagination-prev {
+ text-align: left;
+}
+
+.pagination .pagination-item a {
+ color: #495057;
+}
+
+.pagination .pagination-item a[disabled], .pagination .pagination-item a.disabled {
+ cursor: pointer;
+ opacity: 0.5;
+ pointer-events: none;
+ user-select: none;
+}
+
+.pagination .pagination-item .pagination-item-subtitle {
+ opacity: 0.7;
+ margin: 0;
+ /* Needed to override style after formatting paragraph update */
+}
+
+.pagination .pagination-item.short {
+ border-radius: 0.1rem;
+ margin: 0.2rem 0;
+ flex: 0;
+ /* Flex to fill */
+ /* Color the selected pagination item with accent color */
+}
+
+.pagination .pagination-item.short:first-child a {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.pagination .pagination-item.short:last-child a {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.pagination .pagination-item.short:not([disabled]):not(.disabled):not(.selected):hover {
+ background-color: rgba(0, 0, 0, 0.07);
+}
+
+.pagination .pagination-item.short.selected {
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.pagination .pagination-item.short.selected a {
+ color: #fff;
+}
+
+.pagination .pagination-item.short.ellipses {
+ color: #adb5bd;
+ pointer-events: none;
+}
+
+.pagination .pagination-item.short a {
+ display: inline-block;
+ line-height: 1.25;
+ padding: 0.5rem 0.75rem;
+}
+
+.pagination.pagination-bordered .pagination-item.short a {
+ border: 1px solid #dee2e6;
+ border-radius: 0;
+ margin-left: -1px;
+}
+
+/* PLACEHOLDER */
+/* Designed to be embedded in any parent container as placeholder when content is absent. */
+.placeholder {
+ background-color: rgba(222, 226, 230, 0.5);
+ border-radius: 3px;
+ text-align: center;
+ padding: 3rem 2rem;
+ color: #495057;
+ /* Lighter than original text color */
+ display: block;
+ /* Place buttons here for the placeholder */
+}
+
+.placeholder .placeholder-icon {
+ text-align: center;
+}
+
+.placeholder .placeholder-title,
+.placeholder .placeholder-subtitle {
+ margin: 1rem auto;
+}
+
+.placeholder .placeholder-subtitle {
+ opacity: 0.7;
+ margin: 0;
+}
+
+.placeholder .placeholder-commands {
+ margin-top: 1rem;
+}
+
+/* TABS AND TAB CONTAINER */
+.tab-container {
+ display: flex;
+ justify-content: space-between;
+ overflow: hidden;
+ overflow-x: auto;
+ /* Allow scrollbar to be visible if the width of the tabs exceeds container */
+ user-select: none;
+ white-space: nowrap;
+ align-items: stretch;
+ font-size: 1rem;
+ /* Shift tabs to the left */
+ /* Shift tabs to the center */
+ /* Shift tabs to the right */
+ /* Depth tab styles */
+ /* Classic tab styles */
+ /* Tabs that fill the width */
+ /* Different tab sizes */
+ /* Tabs are embedded inside an unordered list */
+ /* Font Awesome Integration */
+ /* Left icon */
+ /* Right icon */
+}
+
+.tab-container.tabs--left ul {
+ justify-content: flex-start;
+}
+
+.tab-container.tabs--center ul {
+ justify-content: center;
+}
+
+.tab-container.tabs--right ul {
+ justify-content: flex-end;
+}
+
+.tab-container.tabs-depth ul {
+ box-shadow: 0 2px 3px rgba(134, 142, 150, 0.15);
+ border-bottom: 0;
+}
+
+.tab-container.tabs-classic ul {
+ border-bottom-color: #dee2e6;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ border-radius: 3px 3px 0 0;
+ /* Only round the top left and right corners */
+ transition: all 0.3s;
+}
+
+.tab-container.tabs-classic ul li:not(.selected) a:hover, .tab-container.tabs-classic ul li:not(.selected) .tab-item-content:hover {
+ background-color: #f1f3f5;
+ transition: all 0.3s;
+}
+
+.tab-container.tabs-classic ul li.selected a, .tab-container.tabs-classic ul li.selected .tab-item-content {
+ color: #f03d4d;
+ border-color: #dee2e6;
+ border-bottom-color: transparent !important;
+}
+
+.tab-container.tabs-classic ul li a,
+.tab-container.tabs-classic ul li .tab-item-content {
+ border: 1px solid transparent;
+ border-bottom-color: #dee2e6;
+ border-radius: 3px 3px 0 0;
+ cursor: pointer;
+ transition: all 0.3s;
+}
+
+.tab-container.tabs-fill {
+ /* Override the -webkit-box display that sizes tab items based on text */
+}
+
+.tab-container.tabs-fill ul {
+ display: flex;
+ /* Equal size tabs */
+}
+
+.tab-container.tabs-fill li {
+ flex-grow: 1;
+ flex-shrink: 0;
+ /* Disable shrinking to original width */
+ flex-basis: 0;
+}
+
+.tab-container ul {
+ display: flex;
+ justify-content: flex-start;
+ /* Move tab items to left side */
+ margin: 0.5rem;
+ /* Override the behavior for standard ul and add equal padding */
+ border-bottom: 1px solid #e9ecef;
+ /* Bottom border of tabs */
+ flex-grow: 1;
+ list-style: none;
+ padding-inline-start: 0;
+}
+
+.tab-container li {
+ display: block;
+ /* Keep the tabs from extending too far */
+ cursor: pointer;
+ margin: 0;
+ text-align: center;
+}
+
+.tab-container li:hover a, .tab-container li:hover .tab-item-content {
+ border-bottom-color: rgba(240, 61, 77, 0.6);
+ transition: all 0.3s;
+}
+
+.tab-container li.selected a, .tab-container li.selected .tab-item-content {
+ border-bottom-color: #f03d4d;
+ color: #f03d4d;
+ border-width: 2px;
+ transition: all 0.3s;
+}
+
+.tab-container li a,
+.tab-container li .tab-item-content {
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid #e9ecef;
+ justify-content: center;
+ padding: 0.5rem 1rem;
+ transition: all 0.3s;
+ color: var(--cirrus-fg);
+ border-width: 2px;
+ margin-bottom: -1px;
+ /* Get rid of any remaining border lines */
+ background-color: var(--cirrus-bg);
+}
+
+.tab-container .icon:first-child {
+ margin-right: 0.75rem;
+}
+
+.tab-container .icon:last-child {
+ margin-left: 0.75rem;
+}
+
+/* TAGS */
+.tag {
+ align-items: center;
+ background-color: #f6f9fc;
+ border-radius: 0.25rem;
+ color: currentColor;
+ display: inline-flex;
+ height: 2em;
+ line-height: 1.5;
+ font-size: 0.875rem;
+ padding: 0.625rem 0.625rem;
+ white-space: nowrap;
+ /* Delete button for tag */
+ /* Draw the delete button */
+ /* TAG THEMES */
+ /* Tag close button */
+}
+
+.tag.tag--xs {
+ font-size: 0.75rem;
+ padding: 0.5rem 0.5rem;
+}
+
+.tag.tag--sm {
+ font-size: 0.875rem;
+ padding: 0.625rem 0.625rem;
+}
+
+.tag.tag--md {
+ font-size: 1rem;
+ padding: 0.75rem 0.75rem;
+}
+
+.tag.tag--lg {
+ font-size: 1.25rem;
+ padding: 0.875rem 0.875rem;
+}
+
+.tag.tag--xl {
+ font-size: 1.5rem;
+ padding: 1rem 1rem;
+}
+
+.tag.tag--rounded {
+ border-radius: 290486px;
+}
+
+.tag.tag__delete {
+ aspect-ratio: 1/1;
+ background-color: rgba(10, 10, 10, 0.2);
+ border-radius: 290486px;
+ cursor: pointer;
+ pointer-events: auto;
+ display: inline-block;
+ height: auto;
+ position: relative;
+ width: auto;
+}
+
+.tag.tag__delete:hover {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.tag.tag__delete::before, .tag.tag__delete::after {
+ background-color: #f6f9fc;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+}
+
+.tag.tag__delete::before {
+ height: 1px;
+ width: 50%;
+}
+
+.tag.tag__delete::after {
+ height: 50%;
+ width: 1px;
+}
+
+.tag.tag__delete {
+ margin-left: 0.25rem;
+ margin-right: -0.125rem;
+}
+
+.tag.tag--white {
+ background-color: #fff;
+ color: #363636;
+}
+
+.tag.tag--black {
+ background-color: #000;
+ color: #fff;
+}
+
+.tag.tag--primary {
+ background-color: #f03d4d;
+ color: #fff;
+}
+
+.tag.tag--primary {
+ background-color: #f03d4d;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--primary.tag__close-btn:hover {
+ background-color: #ee2537;
+}
+
+.tag.tag--primary.tag__close-btn:active {
+ background-color: #e81225;
+}
+
+.tag.tag--dark {
+ background-color: #363636;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--dark.tag__close-btn:hover {
+ background-color: #292929;
+}
+
+.tag.tag--dark.tag__close-btn:active {
+ background-color: #1d1d1d;
+}
+
+.tag.tag--link {
+ background-color: #5e5cc7;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--link.tag__close-btn:hover {
+ background-color: #4b49c0;
+}
+
+.tag.tag--link.tag__close-btn:active {
+ background-color: #403db3;
+}
+
+.tag.tag--info {
+ background-color: #2972fa;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--info.tag__close-btn:hover {
+ background-color: #1062f9;
+}
+
+.tag.tag--info.tag__close-btn:active {
+ background-color: #0555eb;
+}
+
+.tag.tag--success {
+ background-color: #0dd157;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--success.tag__close-btn:hover {
+ background-color: #0cb94d;
+}
+
+.tag.tag--success.tag__close-btn:active {
+ background-color: #0aa143;
+}
+
+.tag.tag--warning {
+ background-color: #fab633;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--warning.tag__close-btn:hover {
+ background-color: #f9ad1a;
+}
+
+.tag.tag--warning.tag__close-btn:active {
+ background-color: #f4a306;
+}
+
+.tag.tag--danger {
+ background-color: #fb4143;
+ color: #fff;
+ cursor: pointer;
+}
+
+.tag.tag--danger.tag__close-btn:hover {
+ background-color: #fa282a;
+}
+
+.tag.tag--danger.tag__close-btn:active {
+ background-color: #fa0f12;
+}
+
+.tag.tag__close-btn {
+ position: relative;
+ width: 2em;
+}
+
+.tag.tag__close-btn::before, .tag.tag__close-btn::after {
+ background-color: currentColor;
+ content: "";
+ display: block;
+ left: 50%;
+ top: 50%;
+ position: absolute;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+}
+
+.tag.tag__close-btn::before {
+ height: 1px;
+ width: 50%;
+}
+
+.tag.tag__close-btn::after {
+ height: 50%;
+ width: 1px;
+}
+
+/* TAG CONTAINER */
+.tag-container {
+ /* Add margin in between tag containers */
+ /* Used for grouping tags together */
+ /* Tag positioning */
+}
+
+.tag-container:not(:last-child) {
+ margin-bottom: 1rem;
+}
+
+.tag-container.group-tags {
+ --tag-first-border-radius: 0.25rem 0 0 0.25rem;
+ --tag-last-border-radius: 0 0.25rem 0.25rem 0;
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.tag-container.group-tags .tag {
+ margin-right: 0 !important;
+}
+
+.tag-container.group-tags .tag:first-child {
+ border-radius: var(--tag-first-border-radius);
+}
+
+.tag-container.group-tags .tag:not(:first-child):not(:last-child) {
+ border-radius: 0;
+}
+
+.tag-container.group-tags .tag:last-child {
+ border-radius: var(--tag-last-border-radius);
+}
+
+.tag-container.group-tags.group-tags--rounded {
+ --tag-first-border-radius: 290486px 0 0 290486px;
+ --tag-last-border-radius: 0 290486px 290486px 0;
+}
+
+.tag-container.tag-container--centered {
+ justify-content: center;
+}
+
+.tag-container.tag-container--centered .tag {
+ margin: 0 0.25rem;
+}
+
+.tag-container.tag-container--right {
+ justify-content: flex-end;
+}
+
+.tag-container.tag-container--right .tag:not(:first-child) {
+ margin-left: 0.5rem;
+}
+
+.tag-container.tag-container--right .tag:not(:last-child) {
+ margin-right: 0;
+}
+
+.tag-container .tag {
+ margin-bottom: 0.5rem;
+}
+
+.tag-container .tag:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+/* MISC */
+a.tag:hover {
+ text-decoration: underline;
+}
+
+/* TILES */
+.tile {
+ display: flex;
+ display: -ms-flexbox;
+ align-content: space-between;
+ /* Ensure space between child elements of card tile */
+ overflow: inherit;
+ /* Prevent overflowing when unnecessary */
+ /* Override the default behavior where buttons display as blocks */
+ /* Add spacing between the elements in between */
+}
+
+.tile p {
+ font-size: 0.95rem;
+ /* Base font size is 1rem */
+}
+
+.tile .tile__icon,
+.tile .tile__buttons {
+ flex: 0 0 auto;
+}
+
+.tile .tile__buttons button,
+.tile .tile__buttons .btn,
+.tile .tile__buttons [type=submit] {
+ display: inline-block;
+ margin: 0.1rem;
+ /* Reduce space used by buttons, default .5rem */
+}
+
+.tile .tile__container {
+ flex: 1 1 auto;
+}
+
+.tile .tile__container:not(:first-child) {
+ padding-left: 1rem;
+}
+
+.tile .tile__container:not(:last-child) {
+ padding-right: 1rem;
+}
+
+.tile .tile__title {
+ line-height: 1.5rem;
+ font-weight: bolder;
+ margin: 0.1rem auto;
+}
+
+.tile .tile__subtitle {
+ line-height: 1.25rem;
+ opacity: 0.7;
+ margin: 0.1rem auto;
+}
+
+.toast {
+ display: block;
+ width: 100%;
+ padding: 0.75rem 1.25rem;
+ background-color: var(--toast-primary-bg);
+ border: 1px solid var(--toast-primary-bg);
+ border-radius: 2px;
+ color: #fff;
+ position: relative;
+ margin: 0.5rem;
+ /* TOAST TYPES */
+}
+
+.toast.toast--translucent {
+ opacity: 0.5;
+}
+
+.toast.toast--translucent:hover {
+ opacity: 1;
+}
+
+.toast p {
+ margin: 0;
+}
+
+.toast a {
+ color: #f6f9fc;
+ transition: all 0.3s;
+}
+
+.toast a:hover {
+ opacity: 0.8;
+ transition: all 0.3s;
+}
+
+.toast .toast__title {
+ margin: 0;
+ margin-top: 1rem;
+}
+
+.toast .btn-close {
+ position: absolute;
+ right: 1rem;
+ top: 1rem;
+}
+
+.toast.toast--primary {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+}
+
+.toast.toast--primary {
+ background-color: #f03d4d;
+ border-color: #f03d4d;
+}
+
+.toast.toast--dark {
+ background-color: #363636;
+ border-color: #363636;
+}
+
+.toast.toast--link {
+ background-color: #5e5cc7;
+ border-color: #5e5cc7;
+}
+
+.toast.toast--info {
+ background-color: #2972fa;
+ border-color: #2972fa;
+}
+
+.toast.toast--success {
+ background-color: #0dd157;
+ border-color: #0dd157;
+}
+
+.toast.toast--warning {
+ background-color: #fab633;
+ border-color: #fab633;
+}
+
+.toast.toast--danger {
+ background-color: #fb4143;
+ border-color: #fb4143;
+}
+
+/* TOOLTIPS */
+.tooltip {
+ position: relative;
+ /* let's the pseudoelement that we are displaying relative to the button. */
+ overflow: visible;
+ /* Allows the pseudoelement to be shown */
+ white-space: nowrap;
+ /* Keeps the button text from wrapping and getting too large */
+ /* This is the psuedoelement that creates the tooltip */
+ /* Handles the on hover event of the button and then modifies the associated tooltip accordingly. */
+ /* Tooltip top left */
+ /* Tooltip top right */
+ /* Tooltip bottom */
+ /* Tooltip bottom left */
+ /* Tooltip bottom right */
+ /* Tooltip right */
+ /* Tooltip Left */
+}
+
+.tooltip::after {
+ position: absolute;
+ color: #fff;
+ font-size: 0.6rem;
+ background-color: rgba(69, 77, 93, 0.9);
+ content: attr(data-tooltip);
+ /* Retrieves the data specified in this element property and displays it as text */
+ display: block;
+ line-height: 1rem;
+ text-transform: none;
+ overflow: hidden;
+ padding: 0.4rem 0.8rem;
+ opacity: 0;
+ /* Hide the element */
+ text-overflow: ellipsis;
+ max-width: 15rem;
+ transform: translate(-50%, 0);
+ transition: all var(--animation-duration) ease;
+ z-index: 200;
+ pointer-events: none;
+ bottom: 100%;
+ /* Pushes the tooltip above the button */
+ left: 50%;
+ /* Horizontally center it */
+ border-radius: 0.2rem;
+}
+
+.tooltip:focus::after, .tooltip:hover::after {
+ opacity: 1;
+ transform: translate(-50%, -0.5rem);
+ transition: all var(--animation-duration) ease;
+}
+
+.tooltip.tooltip--top-left::after {
+ transform: translate(-50%, 0);
+}
+
+.tooltip.tooltip--top-left:hover::after, .tooltip.tooltip--top-left:focus::after {
+ left: 0;
+ transform: translate(-100%, -0.5rem);
+}
+
+.tooltip.tooltip--top-right::after {
+ left: auto;
+ transform: translate(15%, 0);
+}
+
+.tooltip.tooltip--top-right:hover::after, .tooltip.tooltip--top-right:focus::after {
+ right: 0;
+ transform: translate(100%, -0.5rem);
+}
+
+.tooltip.tooltip--bottom::after {
+ top: 100%;
+ transform: translate(-50%, -1rem);
+ /* Moves tooltip to the center horizontally and shifts tooltip down */
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom:hover::after, .tooltip.tooltip--bottom:focus::after {
+ transform: translate(-50%, 0.5rem);
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom-left::after {
+ top: 100%;
+ transform: translate(-65%, -1rem);
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom-left:hover::after, .tooltip.tooltip--bottom-left:focus::after {
+ left: 0;
+ transform: translate(-100%, 0.5rem);
+}
+
+.tooltip.tooltip--bottom-right::after {
+ left: auto;
+ top: 100%;
+ transform: translate(0%, -1rem);
+ bottom: auto;
+}
+
+.tooltip.tooltip--bottom-right:hover::after, .tooltip.tooltip--bottom-right:focus::after {
+ right: 0;
+ transform: translate(100%, 0.5rem);
+}
+
+.tooltip.tooltip--right::after {
+ left: 100%;
+ bottom: 50%;
+ transform: translate(-1rem, 50%);
+}
+
+.tooltip.tooltip--right:hover::after, .tooltip.tooltip--right:focus::after {
+ transform: translate(0.5rem, 50%);
+}
+
+.tooltip.tooltip--left::after {
+ right: 100%;
+ bottom: 50%;
+ left: auto;
+ /* Needed to work */
+ transform: translate(1rem, 50%);
}
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* Test: Can assert multiple properties within a selector */
-/* ASSERT: */
-/* OUTPUT */
-.test-output .selector {
- width: 10px;
- min-height: 5px;
- max-height: 20px;
-}
-
-/* END_OUTPUT */
-/* CONTAINED */
-.test-output .selector {
- width: 10px;
- max-height: 20px;
-}
-
-/* END_CONTAINED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Module Title */
-/* ---------------------- */
-/* Test: Returns the current module name, prefixed */
-/* ✔ [assert-equal] Returns the current module name, prefixed */
-/* */
-/* # Module: Module Title :: Module Title [Nested] */
-/* ----------------------------------------------- */
-/* Test: Returns a concatenated title of current modules */
-/* ✔ [assert-equal] Returns a concatenated title of current modules */
-/* */
-/* */
-/* */
-/* # Module: Underline */
-/* ------------------- */
-/* Test: Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* ✔ [assert-equal] Returns a string of dashes, the same length as the input */
-/* */
-/* */
-/* # Module: Test Module */
-/* --------------------- */
-/* Test: Changes the current module context */
-/* ✔ [assert-equal] Changes the current module context */
-/* */
-/* # Module: Test Module :: Nested Unquoted Module Name */
-/* ---------------------------------------------------- */
-/* Test: Don’t barf on unquoted names */
-/* ✔ [assert-true] Please don’t barf on me */
-/* */
-/* */
-/* */
-/* # Module: Describe */
-/* ------------------ */
-/* Test: Changes the current module context */
-/* ✔ [assert-equal] Changes the current module context */
-/* */
-/* */
-/* # Module: Tests */
-/* --------------- */
-/* Test: Test */
-/* ✔ [assert-equal] Changes the current test context */
-/* */
-/* Test: It [alias] */
-/* ✔ [assert-equal] Changes the current test context */
-/* */
-/* */
-/* # Module: Report */
-/* ---------------- */
-/* Test: Output Message */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Fail on Error */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* 1 test failed */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 5 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* 1 test failed */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* Test: Bad results */
-/* ASSERT: */
-/* OUTPUT */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 4 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* The results don’t add up. Are all your tests properly structured? */
-}
-
-/* END_OUTPUT */
-/* EXPECTED */
-.test-output {
- /* # SUMMARY ---------- */
- /* 6 Tests: */
- /* - 4 Passed */
- /* - 1 Failed */
- /* Stats: */
- /* - 4 Modules */
- /* - 6 Tests */
- /* - 25 Assertions */
- /* -------------------- */
- /* ERROR [report]: */
- /* The results don’t add up. Are all your tests properly structured? */
-}
-
-/* END_EXPECTED */
-/* END_ASSERT */
-/* */
-/* */
-/* # Module: Report Message */
-/* ------------------------ */
-/* Test: Single Line */
-/* ✔ [assert-equal] Single Line */
-/* */
-/* Test: Linebreaks */
-/* ✔ [assert-equal] Linebreaks */
-/* */
-/* */
-.not-a-test {
- break: please-no;
-}
-
-/* # Module: Imported $terminal-output setting */
-/* ------------------------------------------- */
-/* Test: Is prefixed as $true-terminal-output */
-/* ✔ [assert-true] Is prefixed as $true-terminal-output */
-/* */
-/* */
-/* # SUMMARY ---------- */
-/* 101 Tests: */
-/* - 84 Passed */
-/* - 0 Failed */
-/* - 17 Output to CSS */
-/* Stats: */
-/* - 39 Modules */
-/* - 101 Tests */
-/* - 129 Assertions */
-/* -------------------- */
\ No newline at end of file
+.tooltip.tooltip--left:hover::after, .tooltip.tooltip--left:focus::after {
+ transform: translate(-0.5rem, 50%);
+}
\ No newline at end of file
diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
index b5673920..018963ba 100644
--- a/dist/cirrus.min.css
+++ b/dist/cirrus.min.css
@@ -1,6 +1,6 @@
/*
-* Cirrus 0.7.0
+* Cirrus 0.7.0-patch.1
* Stanley Lim, Copyright 2022
* https://spiderpig86.github.io/Cirrus
*/
-@charset "UTF-8";.test-output{-property1:.3;-property2:.3333333333;-property:value;height:10px;width:20px;height:10px;height:20px}.test-output .other-class{height:10px}.test-output .class{height:10px;height:20px}.test-output .class .other-class{height:10px}@media (min-width:30em){.selector,.test-output{-prop:val}.test-output .selector3{height:10px}}@media (min-width:30em) and (min-width:40em){.test-output .selector,.test-output .selector2{height:10px}}.selector{height:10px}.test-output #id{-prop:value1}.test-output div{-prop:value2;min-height:20px;max-height:30px;max-height:30px}.test-output input[type=text]{color:#663399}.test-output *+*{color:red;display:none;display:none}.test-output i::before{-prop:value3}.test-output div~p{color:green}.test-output i:not(.italic){text-decoration:underline;--custom:val;text-decoration:underline}.test-output .selector{-prop:val;width:10px;min-height:5px;max-height:20px;width:10px;max-height:20px}.test-output body>h1{font-weight:700}.not-a-test{break:please-no}
\ No newline at end of file
+@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700);@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);:root{--cirrus-fg:#0f172a;--cirrus-bg:#ffffff;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:rgba(255, 218, 221, 1);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:rgba(248, 249, 250, 1);--cirrus-form-group-fg:rgba(144, 144, 144, 1);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:0.2s;--focus-opacity:0.55;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.5rem;--cirrus-focus-size:0 0 0.1rem 0.15rem;--cirrus-focus-color:rgba(240, 61, 77, 0.13);--bg-opacity:1;--color-opacity:1;--grid-template-column:repeat(12, minmax(0, 1fr));--grid-column-start:auto;--grid-column-end:auto;--grid-row-start:auto;--grid-row-end:auto}*,::after,::before{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}body,html{border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%;height:auto}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}fieldset{padding:1rem}fieldset legend{font-weight:700}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:var(--cirrus-focus-size) var(--cirrus-focus-color);outline:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes pound{to{transform:scale(1.1)}}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.5}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:80ms}.animated{animation-duration:1s;animation-fill-mode:both}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ced4da;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1rem;width:1rem;left:calc(50% - .8em);top:calc(50% - .7407407407em);position:absolute;animation:.5s linear infinite loading}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left{padding-left:3rem}.animated.loading.loading-left::after{left:1rem;right:auto}.animated.loading.loading-right{padding-right:3rem}.animated.loading.loading-right::after{left:auto;right:1rem}.animated.loading.hide-text{color:transparent!important}.animated.pound{animation:.35s infinite alternate pound;vertical-align:baseline}.animated.bounce{animation-name:bounce;transform-origin:center bottom}.animated.bounceIn{animation-name:bounceIn}.animated.fadeIn{animation-name:fadeIn}.animated.infinite{animation-iteration-count:infinite}.animated.infinite.alternate{animation-direction:alternate}.animated.paused{animation-play-state:paused!important}.animated.pulse{animation:1.25s cubic-bezier(.4,0,.6,1) infinite pulse}.animated.ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}h6{font-size:1.25rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h5{font-size:1.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h4{font-size:1.75rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h3{font-size:2rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:2.5rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem;letter-spacing:.025rem;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}.headline-4{font-size:3.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.text-xs{font-size:.75rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.75rem!important}.text-md{font-size:1rem!important;line-height:2rem!important}.text-lg{font-size:1.25rem!important;line-height:2.25rem!important}.text-xl{font-size:1.5rem!important;line-height:2.25rem!important}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{background-color:#f8f9fa;border-left:5px solid #e9ecef;border-radius:3px;margin-bottom:1rem;padding:1rem 2rem}blockquote.text--large{font-size:1.15rem}blockquote p{margin:0}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-primary{font-family:Montserrat}.font-alt,.font-secondary{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:700}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}.font-extrathin{font-weight:100}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.rtl{direction:rtl}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.icon .fa-wrapper{font-size:inherit}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#868e96}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}.tracking-tightest{letter-spacing:-.075em!important}.tracking-tighter{letter-spacing:-.05em!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-normal{letter-spacing:0!important}.tracking-loose{letter-spacing:.025em!important}.tracking-looser{letter-spacing:.05em!important}.tracking-loosest{letter-spacing:.1em!important}@media screen and (max-width:639px){h6{font-size:1rem}h5{font-size:1.25rem}h4{font-size:1.5rem}h3{font-size:1.75rem}h2{font-size:2rem}h1{font-size:2.25rem}.headline-4{font-size:3rem}.headline-3{font-size:3.25rem}.headline-2{font-size:3.5rem}.headline-1{font-size:3.75rem}article,blockquote,p{margin:1rem 0}}.grid{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1{grid-column:span 1/span 1}.grid-r-1{grid-row:span 1/span 1}.grid-cs-1{grid-column-start:1}.grid-ce-1{grid-column-end:2}.grid-rs-1{grid-row-start:1}.grid-re-1{grid-row-end:2}.grid-cols-2{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2{grid-column:span 2/span 2}.grid-r-2{grid-row:span 2/span 2}.grid-cs-2{grid-column-start:2}.grid-ce-2{grid-column-end:3}.grid-rs-2{grid-row-start:2}.grid-re-2{grid-row-end:3}.grid-cols-3{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3{grid-column:span 3/span 3}.grid-r-3{grid-row:span 3/span 3}.grid-cs-3{grid-column-start:3}.grid-ce-3{grid-column-end:4}.grid-rs-3{grid-row-start:3}.grid-re-3{grid-row-end:4}.grid-cols-4{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4{grid-column:span 4/span 4}.grid-r-4{grid-row:span 4/span 4}.grid-cs-4{grid-column-start:4}.grid-ce-4{grid-column-end:5}.grid-rs-4{grid-row-start:4}.grid-re-4{grid-row-end:5}.grid-cols-5{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5{grid-column:span 5/span 5}.grid-r-5{grid-row:span 5/span 5}.grid-cs-5{grid-column-start:5}.grid-ce-5{grid-column-end:6}.grid-rs-5{grid-row-start:5}.grid-re-5{grid-row-end:6}.grid-cols-6{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6{grid-column:span 6/span 6}.grid-r-6{grid-row:span 6/span 6}.grid-cs-6{grid-column-start:6}.grid-ce-6{grid-column-end:7}.grid-rs-6{grid-row-start:6}.grid-re-6{grid-row-end:7}.grid-cols-7{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7{grid-column:span 7/span 7}.grid-r-7{grid-row:span 7/span 7}.grid-cs-7{grid-column-start:7}.grid-ce-7{grid-column-end:8}.grid-rs-7{grid-row-start:7}.grid-re-7{grid-row-end:8}.grid-cols-8{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8{grid-column:span 8/span 8}.grid-r-8{grid-row:span 8/span 8}.grid-cs-8{grid-column-start:8}.grid-ce-8{grid-column-end:9}.grid-rs-8{grid-row-start:8}.grid-re-8{grid-row-end:9}.grid-cols-9{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9{grid-column:span 9/span 9}.grid-r-9{grid-row:span 9/span 9}.grid-cs-9{grid-column-start:9}.grid-ce-9{grid-column-end:10}.grid-rs-9{grid-row-start:9}.grid-re-9{grid-row-end:10}.grid-cols-10{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10{grid-column:span 10/span 10}.grid-r-10{grid-row:span 10/span 10}.grid-cs-10{grid-column-start:10}.grid-ce-10{grid-column-end:11}.grid-rs-10{grid-row-start:10}.grid-re-10{grid-row-end:11}.grid-cols-11{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11{grid-column:span 11/span 11}.grid-r-11{grid-row:span 11/span 11}.grid-cs-11{grid-column-start:11}.grid-ce-11{grid-column-end:12}.grid-rs-11{grid-row-start:11}.grid-re-11{grid-row-end:12}.grid-cols-12{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12{grid-column:span 12/span 12}.grid-r-12{grid-row:span 12/span 12}.grid-cs-12{grid-column-start:12}.grid-ce-12{grid-column-end:13}.grid-rs-12{grid-row-start:12}.grid-re-12{grid-row-end:13}.grid-ce-end{grid-column-end:-1}.grid-re-end{grid-row-end:-1}.grid-ce-auto{grid-column-end:auto}.grid-re-auto{grid-row-end:auto}@media screen and (min-width:640px){.grid-sm{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-sm{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-sm{grid-column:span 1/span 1}.grid-r-1-sm{grid-row:span 1/span 1}.grid-cs-1-sm{grid-column-start:1}.grid-ce-1-sm{grid-column-end:2}.grid-rs-1-sm{grid-row-start:1}.grid-re-1-sm{grid-row-end:2}.grid-cols-2-sm{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-sm{grid-column:span 2/span 2}.grid-r-2-sm{grid-row:span 2/span 2}.grid-cs-2-sm{grid-column-start:2}.grid-ce-2-sm{grid-column-end:3}.grid-rs-2-sm{grid-row-start:2}.grid-re-2-sm{grid-row-end:3}.grid-cols-3-sm{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-sm{grid-column:span 3/span 3}.grid-r-3-sm{grid-row:span 3/span 3}.grid-cs-3-sm{grid-column-start:3}.grid-ce-3-sm{grid-column-end:4}.grid-rs-3-sm{grid-row-start:3}.grid-re-3-sm{grid-row-end:4}.grid-cols-4-sm{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-sm{grid-column:span 4/span 4}.grid-r-4-sm{grid-row:span 4/span 4}.grid-cs-4-sm{grid-column-start:4}.grid-ce-4-sm{grid-column-end:5}.grid-rs-4-sm{grid-row-start:4}.grid-re-4-sm{grid-row-end:5}.grid-cols-5-sm{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-sm{grid-column:span 5/span 5}.grid-r-5-sm{grid-row:span 5/span 5}.grid-cs-5-sm{grid-column-start:5}.grid-ce-5-sm{grid-column-end:6}.grid-rs-5-sm{grid-row-start:5}.grid-re-5-sm{grid-row-end:6}.grid-cols-6-sm{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-sm{grid-column:span 6/span 6}.grid-r-6-sm{grid-row:span 6/span 6}.grid-cs-6-sm{grid-column-start:6}.grid-ce-6-sm{grid-column-end:7}.grid-rs-6-sm{grid-row-start:6}.grid-re-6-sm{grid-row-end:7}.grid-cols-7-sm{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-sm{grid-column:span 7/span 7}.grid-r-7-sm{grid-row:span 7/span 7}.grid-cs-7-sm{grid-column-start:7}.grid-ce-7-sm{grid-column-end:8}.grid-rs-7-sm{grid-row-start:7}.grid-re-7-sm{grid-row-end:8}.grid-cols-8-sm{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-sm{grid-column:span 8/span 8}.grid-r-8-sm{grid-row:span 8/span 8}.grid-cs-8-sm{grid-column-start:8}.grid-ce-8-sm{grid-column-end:9}.grid-rs-8-sm{grid-row-start:8}.grid-re-8-sm{grid-row-end:9}.grid-cols-9-sm{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-sm{grid-column:span 9/span 9}.grid-r-9-sm{grid-row:span 9/span 9}.grid-cs-9-sm{grid-column-start:9}.grid-ce-9-sm{grid-column-end:10}.grid-rs-9-sm{grid-row-start:9}.grid-re-9-sm{grid-row-end:10}.grid-cols-10-sm{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-sm{grid-column:span 10/span 10}.grid-r-10-sm{grid-row:span 10/span 10}.grid-cs-10-sm{grid-column-start:10}.grid-ce-10-sm{grid-column-end:11}.grid-rs-10-sm{grid-row-start:10}.grid-re-10-sm{grid-row-end:11}.grid-cols-11-sm{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-sm{grid-column:span 11/span 11}.grid-r-11-sm{grid-row:span 11/span 11}.grid-cs-11-sm{grid-column-start:11}.grid-ce-11-sm{grid-column-end:12}.grid-rs-11-sm{grid-row-start:11}.grid-re-11-sm{grid-row-end:12}.grid-cols-12-sm{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-sm{grid-column:span 12/span 12}.grid-r-12-sm{grid-row:span 12/span 12}.grid-cs-12-sm{grid-column-start:12}.grid-ce-12-sm{grid-column-end:13}.grid-rs-12-sm{grid-row-start:12}.grid-re-12-sm{grid-row-end:13}.grid-ce-end-sm{grid-column-end:-1}.grid-re-end-sm{grid-row-end:-1}.grid-ce-auto-sm{grid-column-end:auto}.grid-re-auto-sm{grid-row-end:auto}}@media screen and (min-width:768px){.grid-md{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-md{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-md{grid-column:span 1/span 1}.grid-r-1-md{grid-row:span 1/span 1}.grid-cs-1-md{grid-column-start:1}.grid-ce-1-md{grid-column-end:2}.grid-rs-1-md{grid-row-start:1}.grid-re-1-md{grid-row-end:2}.grid-cols-2-md{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-md{grid-column:span 2/span 2}.grid-r-2-md{grid-row:span 2/span 2}.grid-cs-2-md{grid-column-start:2}.grid-ce-2-md{grid-column-end:3}.grid-rs-2-md{grid-row-start:2}.grid-re-2-md{grid-row-end:3}.grid-cols-3-md{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-md{grid-column:span 3/span 3}.grid-r-3-md{grid-row:span 3/span 3}.grid-cs-3-md{grid-column-start:3}.grid-ce-3-md{grid-column-end:4}.grid-rs-3-md{grid-row-start:3}.grid-re-3-md{grid-row-end:4}.grid-cols-4-md{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-md{grid-column:span 4/span 4}.grid-r-4-md{grid-row:span 4/span 4}.grid-cs-4-md{grid-column-start:4}.grid-ce-4-md{grid-column-end:5}.grid-rs-4-md{grid-row-start:4}.grid-re-4-md{grid-row-end:5}.grid-cols-5-md{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-md{grid-column:span 5/span 5}.grid-r-5-md{grid-row:span 5/span 5}.grid-cs-5-md{grid-column-start:5}.grid-ce-5-md{grid-column-end:6}.grid-rs-5-md{grid-row-start:5}.grid-re-5-md{grid-row-end:6}.grid-cols-6-md{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-md{grid-column:span 6/span 6}.grid-r-6-md{grid-row:span 6/span 6}.grid-cs-6-md{grid-column-start:6}.grid-ce-6-md{grid-column-end:7}.grid-rs-6-md{grid-row-start:6}.grid-re-6-md{grid-row-end:7}.grid-cols-7-md{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-md{grid-column:span 7/span 7}.grid-r-7-md{grid-row:span 7/span 7}.grid-cs-7-md{grid-column-start:7}.grid-ce-7-md{grid-column-end:8}.grid-rs-7-md{grid-row-start:7}.grid-re-7-md{grid-row-end:8}.grid-cols-8-md{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-md{grid-column:span 8/span 8}.grid-r-8-md{grid-row:span 8/span 8}.grid-cs-8-md{grid-column-start:8}.grid-ce-8-md{grid-column-end:9}.grid-rs-8-md{grid-row-start:8}.grid-re-8-md{grid-row-end:9}.grid-cols-9-md{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-md{grid-column:span 9/span 9}.grid-r-9-md{grid-row:span 9/span 9}.grid-cs-9-md{grid-column-start:9}.grid-ce-9-md{grid-column-end:10}.grid-rs-9-md{grid-row-start:9}.grid-re-9-md{grid-row-end:10}.grid-cols-10-md{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-md{grid-column:span 10/span 10}.grid-r-10-md{grid-row:span 10/span 10}.grid-cs-10-md{grid-column-start:10}.grid-ce-10-md{grid-column-end:11}.grid-rs-10-md{grid-row-start:10}.grid-re-10-md{grid-row-end:11}.grid-cols-11-md{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-md{grid-column:span 11/span 11}.grid-r-11-md{grid-row:span 11/span 11}.grid-cs-11-md{grid-column-start:11}.grid-ce-11-md{grid-column-end:12}.grid-rs-11-md{grid-row-start:11}.grid-re-11-md{grid-row-end:12}.grid-cols-12-md{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-md{grid-column:span 12/span 12}.grid-r-12-md{grid-row:span 12/span 12}.grid-cs-12-md{grid-column-start:12}.grid-ce-12-md{grid-column-end:13}.grid-rs-12-md{grid-row-start:12}.grid-re-12-md{grid-row-end:13}.grid-ce-end-md{grid-column-end:-1}.grid-re-end-md{grid-row-end:-1}.grid-ce-auto-md{grid-column-end:auto}.grid-re-auto-md{grid-row-end:auto}}section{display:block}.content{max-width:48em;margin:0 auto 1.5em;width:100%}@media screen and (min-width:1024px){.grid-lg{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-lg{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-lg{grid-column:span 1/span 1}.grid-r-1-lg{grid-row:span 1/span 1}.grid-cs-1-lg{grid-column-start:1}.grid-ce-1-lg{grid-column-end:2}.grid-rs-1-lg{grid-row-start:1}.grid-re-1-lg{grid-row-end:2}.grid-cols-2-lg{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-lg{grid-column:span 2/span 2}.grid-r-2-lg{grid-row:span 2/span 2}.grid-cs-2-lg{grid-column-start:2}.grid-ce-2-lg{grid-column-end:3}.grid-rs-2-lg{grid-row-start:2}.grid-re-2-lg{grid-row-end:3}.grid-cols-3-lg{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-lg{grid-column:span 3/span 3}.grid-r-3-lg{grid-row:span 3/span 3}.grid-cs-3-lg{grid-column-start:3}.grid-ce-3-lg{grid-column-end:4}.grid-rs-3-lg{grid-row-start:3}.grid-re-3-lg{grid-row-end:4}.grid-cols-4-lg{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-lg{grid-column:span 4/span 4}.grid-r-4-lg{grid-row:span 4/span 4}.grid-cs-4-lg{grid-column-start:4}.grid-ce-4-lg{grid-column-end:5}.grid-rs-4-lg{grid-row-start:4}.grid-re-4-lg{grid-row-end:5}.grid-cols-5-lg{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-lg{grid-column:span 5/span 5}.grid-r-5-lg{grid-row:span 5/span 5}.grid-cs-5-lg{grid-column-start:5}.grid-ce-5-lg{grid-column-end:6}.grid-rs-5-lg{grid-row-start:5}.grid-re-5-lg{grid-row-end:6}.grid-cols-6-lg{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-lg{grid-column:span 6/span 6}.grid-r-6-lg{grid-row:span 6/span 6}.grid-cs-6-lg{grid-column-start:6}.grid-ce-6-lg{grid-column-end:7}.grid-rs-6-lg{grid-row-start:6}.grid-re-6-lg{grid-row-end:7}.grid-cols-7-lg{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-lg{grid-column:span 7/span 7}.grid-r-7-lg{grid-row:span 7/span 7}.grid-cs-7-lg{grid-column-start:7}.grid-ce-7-lg{grid-column-end:8}.grid-rs-7-lg{grid-row-start:7}.grid-re-7-lg{grid-row-end:8}.grid-cols-8-lg{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-lg{grid-column:span 8/span 8}.grid-r-8-lg{grid-row:span 8/span 8}.grid-cs-8-lg{grid-column-start:8}.grid-ce-8-lg{grid-column-end:9}.grid-rs-8-lg{grid-row-start:8}.grid-re-8-lg{grid-row-end:9}.grid-cols-9-lg{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-lg{grid-column:span 9/span 9}.grid-r-9-lg{grid-row:span 9/span 9}.grid-cs-9-lg{grid-column-start:9}.grid-ce-9-lg{grid-column-end:10}.grid-rs-9-lg{grid-row-start:9}.grid-re-9-lg{grid-row-end:10}.grid-cols-10-lg{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-lg{grid-column:span 10/span 10}.grid-r-10-lg{grid-row:span 10/span 10}.grid-cs-10-lg{grid-column-start:10}.grid-ce-10-lg{grid-column-end:11}.grid-rs-10-lg{grid-row-start:10}.grid-re-10-lg{grid-row-end:11}.grid-cols-11-lg{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-lg{grid-column:span 11/span 11}.grid-r-11-lg{grid-row:span 11/span 11}.grid-cs-11-lg{grid-column-start:11}.grid-ce-11-lg{grid-column-end:12}.grid-rs-11-lg{grid-row-start:11}.grid-re-11-lg{grid-row-end:12}.grid-cols-12-lg{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-lg{grid-column:span 12/span 12}.grid-r-12-lg{grid-row:span 12/span 12}.grid-cs-12-lg{grid-column-start:12}.grid-ce-12-lg{grid-column-end:13}.grid-rs-12-lg{grid-row-start:12}.grid-re-12-lg{grid-row-end:13}.grid-ce-end-lg{grid-column-end:-1}.grid-re-end-lg{grid-row-end:-1}.grid-ce-auto-lg{grid-column-end:auto}.grid-re-auto-lg{grid-row-end:auto}.content{max-width:64em}}@media screen and (min-width:1280px){.grid-xl{display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid-cols-1-xl{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid-c-1-xl{grid-column:span 1/span 1}.grid-r-1-xl{grid-row:span 1/span 1}.grid-cs-1-xl{grid-column-start:1}.grid-ce-1-xl{grid-column-end:2}.grid-rs-1-xl{grid-row-start:1}.grid-re-1-xl{grid-row-end:2}.grid-cols-2-xl{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid-c-2-xl{grid-column:span 2/span 2}.grid-r-2-xl{grid-row:span 2/span 2}.grid-cs-2-xl{grid-column-start:2}.grid-ce-2-xl{grid-column-end:3}.grid-rs-2-xl{grid-row-start:2}.grid-re-2-xl{grid-row-end:3}.grid-cols-3-xl{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid-c-3-xl{grid-column:span 3/span 3}.grid-r-3-xl{grid-row:span 3/span 3}.grid-cs-3-xl{grid-column-start:3}.grid-ce-3-xl{grid-column-end:4}.grid-rs-3-xl{grid-row-start:3}.grid-re-3-xl{grid-row-end:4}.grid-cols-4-xl{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid-c-4-xl{grid-column:span 4/span 4}.grid-r-4-xl{grid-row:span 4/span 4}.grid-cs-4-xl{grid-column-start:4}.grid-ce-4-xl{grid-column-end:5}.grid-rs-4-xl{grid-row-start:4}.grid-re-4-xl{grid-row-end:5}.grid-cols-5-xl{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid-c-5-xl{grid-column:span 5/span 5}.grid-r-5-xl{grid-row:span 5/span 5}.grid-cs-5-xl{grid-column-start:5}.grid-ce-5-xl{grid-column-end:6}.grid-rs-5-xl{grid-row-start:5}.grid-re-5-xl{grid-row-end:6}.grid-cols-6-xl{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid-c-6-xl{grid-column:span 6/span 6}.grid-r-6-xl{grid-row:span 6/span 6}.grid-cs-6-xl{grid-column-start:6}.grid-ce-6-xl{grid-column-end:7}.grid-rs-6-xl{grid-row-start:6}.grid-re-6-xl{grid-row-end:7}.grid-cols-7-xl{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid-c-7-xl{grid-column:span 7/span 7}.grid-r-7-xl{grid-row:span 7/span 7}.grid-cs-7-xl{grid-column-start:7}.grid-ce-7-xl{grid-column-end:8}.grid-rs-7-xl{grid-row-start:7}.grid-re-7-xl{grid-row-end:8}.grid-cols-8-xl{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid-c-8-xl{grid-column:span 8/span 8}.grid-r-8-xl{grid-row:span 8/span 8}.grid-cs-8-xl{grid-column-start:8}.grid-ce-8-xl{grid-column-end:9}.grid-rs-8-xl{grid-row-start:8}.grid-re-8-xl{grid-row-end:9}.grid-cols-9-xl{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid-c-9-xl{grid-column:span 9/span 9}.grid-r-9-xl{grid-row:span 9/span 9}.grid-cs-9-xl{grid-column-start:9}.grid-ce-9-xl{grid-column-end:10}.grid-rs-9-xl{grid-row-start:9}.grid-re-9-xl{grid-row-end:10}.grid-cols-10-xl{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid-c-10-xl{grid-column:span 10/span 10}.grid-r-10-xl{grid-row:span 10/span 10}.grid-cs-10-xl{grid-column-start:10}.grid-ce-10-xl{grid-column-end:11}.grid-rs-10-xl{grid-row-start:10}.grid-re-10-xl{grid-row-end:11}.grid-cols-11-xl{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid-c-11-xl{grid-column:span 11/span 11}.grid-r-11-xl{grid-row:span 11/span 11}.grid-cs-11-xl{grid-column-start:11}.grid-ce-11-xl{grid-column-end:12}.grid-rs-11-xl{grid-row-start:11}.grid-re-11-xl{grid-row-end:12}.grid-cols-12-xl{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid-c-12-xl{grid-column:span 12/span 12}.grid-r-12-xl{grid-row:span 12/span 12}.grid-cs-12-xl{grid-column-start:12}.grid-ce-12-xl{grid-column-end:13}.grid-rs-12-xl{grid-row-start:12}.grid-re-12-xl{grid-row-end:13}.grid-ce-end-xl{grid-column-end:-1}.grid-re-end-xl{grid-row-end:-1}.grid-ce-auto-xl{grid-column-end:auto}.grid-re-auto-xl{grid-row-end:auto}.content{max-width:80em}}.fullscreen{top:0;right:0;bottom:0;left:0;min-height:100vh}.divider{border-top:.05rem solid rgba(173,181,189,.5);height:.1rem;margin:1.8rem 0 1.6rem;position:relative}.divider[data-content]{margin:.8rem 0}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#adb5bd;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v,.divider--v[data-content]{display:block;padding:.8rem}.divider--v::before,.divider--v[data-content]::before{border-left:.05rem solid rgba(173,181,189,.5);bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{align-items:stretch;display:flex;justify-content:space-between}.hero .hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.space--lg{padding:1rem 0}.space.space--xl{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0;display:flex}.row::after{content:"";clear:both;display:table}.row.row--no-wrap{flex-wrap:nowrap;overflow-x:auto}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row.divided [class*=" col"],.row.divided [class^=col]{box-shadow:0 -1px 0 0 rgba(173,181,189,.5)}.row [class*=" col-"],.row [class^=col-]{width:100%;margin-left:0;padding:0 .5rem}@media screen and (min-width:768px){.row .col-1{width:8.3333333333%}.row .col-2{width:16.6666666667%}.row .col-3{width:25%}.row .col-4{width:33.3333333333%}.row .col-5{width:41.6666666667%}.row .col-6{width:50%}.row .col-7{width:58.3333333333%}.row .col-8{width:66.6666666667%}.row .col-9{width:75%}.row .col-10{width:83.3333333333%}.row .col-11{width:91.6666666667%}.row .col-12{width:100%}}@media screen and (min-width:640px){.row .col-xs-1{width:8.3333333333%}.row .col-xs-2{width:16.6666666667%}.row .col-xs-3{width:25%}.row .col-xs-4{width:33.3333333333%}.row .col-xs-5{width:41.6666666667%}.row .col-xs-6{width:50%}.row .col-xs-7{width:58.3333333333%}.row .col-xs-8{width:66.6666666667%}.row .col-xs-9{width:75%}.row .col-xs-10{width:83.3333333333%}.row .col-xs-11{width:91.6666666667%}.row .col-xs-12{width:100%}.row .offset-1{margin-left:8.3333333333%}}@media screen and (min-width:768px){.row .col-sm-1{width:8.3333333333%}.row .col-sm-2{width:16.6666666667%}.row .col-sm-3{width:25%}.row .col-sm-4{width:33.3333333333%}.row .col-sm-5{width:41.6666666667%}.row .col-sm-6{width:50%}.row .col-sm-7{width:58.3333333333%}.row .col-sm-8{width:66.6666666667%}.row .col-sm-9{width:75%}.row .col-sm-10{width:83.3333333333%}.row .col-sm-11{width:91.6666666667%}.row .col-sm-12{width:100%}}@media screen and (min-width:1024px){.row .col-md-1{width:8.3333333333%}.row .col-md-2{width:16.6666666667%}.row .col-md-3{width:25%}.row .col-md-4{width:33.3333333333%}.row .col-md-5{width:41.6666666667%}.row .col-md-6{width:50%}.row .col-md-7{width:58.3333333333%}.row .col-md-8{width:66.6666666667%}.row .col-md-9{width:75%}.row .col-md-10{width:83.3333333333%}.row .col-md-11{width:91.6666666667%}.row .col-md-12{width:100%}}@media screen and (min-width:1280px){.row .col-lg-1{width:8.3333333333%}.row .col-lg-2{width:16.6666666667%}.row .col-lg-3{width:25%}.row .col-lg-4{width:33.3333333333%}.row .col-lg-5{width:41.6666666667%}.row .col-lg-6{width:50%}.row .col-lg-7{width:58.3333333333%}.row .col-lg-8{width:66.6666666667%}.row .col-lg-9{width:75%}.row .col-lg-10{width:83.3333333333%}.row .col-lg-11{width:91.6666666667%}.row .col-lg-12{width:100%}}@media screen and (min-width:1536px){.content{max-width:96em}.row .col-xl-1{width:8.3333333333%}.row .col-xl-2{width:16.6666666667%}.row .col-xl-3{width:25%}.row .col-xl-4{width:33.3333333333%}.row .col-xl-5{width:41.6666666667%}.row .col-xl-6{width:50%}.row .col-xl-7{width:58.3333333333%}.row .col-xl-8{width:66.6666666667%}.row .col-xl-9{width:75%}.row .col-xl-10{width:83.3333333333%}.row .col-xl-11{width:91.6666666667%}.row .col-xl-12{width:100%}}.row.no-space [class*=" col-"],.row.no-space [class^=col-]{padding:0}.r{max-width:100%;padding:.5rem}.level{align-items:center;justify-content:space-between}.level .level-item{align-items:center;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.level .level-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:left;width:100%}.h-0{height:0!important}.h-10p{height:10%!important}.h-20p{height:20%!important}.h-30p{height:30%!important}.h-40p{height:40%!important}.h-50p{height:50%!important}.h-60p{height:60%!important}.h-70p{height:70%!important}.h-80p{height:80%!important}.h-90p{height:90%!important}.h-100p{height:100%!important}.h-auto{height:auto!important}.h-screen{height:100vh!important}.w-0{width:0!important}.w-10p{width:10%!important}.w-20p{width:20%!important}.w-30p{width:30%!important}.w-40p{width:40%!important}.w-50p{width:50%!important}.w-60p{width:60%!important}.w-70p{width:70%!important}.w-80p{width:80%!important}.w-90p{width:90%!important}.w-100p{width:100%!important}.w-auto{width:auto!important}.w-screen{width:100vw!important}@media screen and (min-width:640px){.row .offset-2{margin-left:16.6666666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.3333333333%}.row .offset-5{margin-left:41.6666666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.3333333333%}.row .offset-8{margin-left:66.6666666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.3333333333%}.row .offset-11{margin-left:91.6666666667%}.row .offset-12{margin-left:100%}.h-0-sm{height:0!important}.h-10p-sm{height:10%!important}.h-20p-sm{height:20%!important}.h-30p-sm{height:30%!important}.h-40p-sm{height:40%!important}.h-50p-sm{height:50%!important}.h-60p-sm{height:60%!important}.h-70p-sm{height:70%!important}.h-80p-sm{height:80%!important}.h-90p-sm{height:90%!important}.h-100p-sm{height:100%!important}.h-auto-sm{height:auto!important}.h-screen-sm{height:100vh!important}.w-0-sm{width:0!important}.w-10p-sm{width:10%!important}.w-20p-sm{width:20%!important}.w-30p-sm{width:30%!important}.w-40p-sm{width:40%!important}.w-50p-sm{width:50%!important}.w-60p-sm{width:60%!important}.w-70p-sm{width:70%!important}.w-80p-sm{width:80%!important}.w-90p-sm{width:90%!important}.w-100p-sm{width:100%!important}.w-auto-sm{width:auto!important}.w-screen-sm{width:100vw!important}}@media screen and (min-width:768px){.h-0-md{height:0!important}.h-10p-md{height:10%!important}.h-20p-md{height:20%!important}.h-30p-md{height:30%!important}.h-40p-md{height:40%!important}.h-50p-md{height:50%!important}.h-60p-md{height:60%!important}.h-70p-md{height:70%!important}.h-80p-md{height:80%!important}.h-90p-md{height:90%!important}.h-100p-md{height:100%!important}.h-auto-md{height:auto!important}.h-screen-md{height:100vh!important}.w-0-md{width:0!important}.w-10p-md{width:10%!important}.w-20p-md{width:20%!important}.w-30p-md{width:30%!important}.w-40p-md{width:40%!important}.w-50p-md{width:50%!important}.w-60p-md{width:60%!important}.w-70p-md{width:70%!important}.w-80p-md{width:80%!important}.w-90p-md{width:90%!important}.w-100p-md{width:100%!important}.w-auto-md{width:auto!important}.w-screen-md{width:100vw!important}.level,.level-left,.level-right{display:flex}}@media screen and (min-width:1024px){.h-0-lg{height:0!important}.h-10p-lg{height:10%!important}.h-20p-lg{height:20%!important}.h-30p-lg{height:30%!important}.h-40p-lg{height:40%!important}.h-50p-lg{height:50%!important}.h-60p-lg{height:60%!important}.h-70p-lg{height:70%!important}.h-80p-lg{height:80%!important}.h-90p-lg{height:90%!important}.h-100p-lg{height:100%!important}.h-auto-lg{height:auto!important}.h-screen-lg{height:100vh!important}.w-0-lg{width:0!important}.w-10p-lg{width:10%!important}.w-20p-lg{width:20%!important}.w-30p-lg{width:30%!important}.w-40p-lg{width:40%!important}.w-50p-lg{width:50%!important}.w-60p-lg{width:60%!important}.w-70p-lg{width:70%!important}.w-80p-lg{width:80%!important}.w-90p-lg{width:90%!important}.w-100p-lg{width:100%!important}.w-auto-lg{width:auto!important}.w-screen-lg{width:100vw!important}}@media screen and (min-width:1280px){.h-0-xl{height:0!important}.h-10p-xl{height:10%!important}.h-20p-xl{height:20%!important}.h-30p-xl{height:30%!important}.h-40p-xl{height:40%!important}.h-50p-xl{height:50%!important}.h-60p-xl{height:60%!important}.h-70p-xl{height:70%!important}.h-80p-xl{height:80%!important}.h-90p-xl{height:90%!important}.h-100p-xl{height:100%!important}.h-auto-xl{height:auto!important}.h-screen-xl{height:100vh!important}.w-0-xl{width:0!important}.w-10p-xl{width:10%!important}.w-20p-xl{width:20%!important}.w-30p-xl{width:30%!important}.w-40p-xl{width:40%!important}.w-50p-xl{width:50%!important}.w-60p-xl{width:60%!important}.w-70p-xl{width:70%!important}.w-80p-xl{width:80%!important}.w-90p-xl{width:90%!important}.w-100p-xl{width:100%!important}.w-auto-xl{width:auto!important}.w-screen-xl{width:100vw!important}}.min-h-0{min-height:0!important}.min-h-10p{min-height:10%!important}.min-h-20p{min-height:20%!important}.min-h-30p{min-height:30%!important}.min-h-40p{min-height:40%!important}.min-h-50p{min-height:50%!important}.min-h-60p{min-height:60%!important}.min-h-70p{min-height:70%!important}.min-h-80p{min-height:80%!important}.min-h-90p{min-height:90%!important}.min-h-100p{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-10p{min-width:10%!important}.min-w-20p{min-width:20%!important}.min-w-30p{min-width:30%!important}.min-w-40p{min-width:40%!important}.min-w-50p{min-width:50%!important}.min-w-60p{min-width:60%!important}.min-w-70p{min-width:70%!important}.min-w-80p{min-width:80%!important}.min-w-90p{min-width:90%!important}.min-w-100p{min-width:100%!important}.min-w-screen{min-width:100vw!important}.max-h-none{max-height:none!important}.max-h-10p{max-height:10%!important}.max-h-20p{max-height:20%!important}.max-h-30p{max-height:30%!important}.max-h-40p{max-height:40%!important}.max-h-50p{max-height:50%!important}.max-h-60p{max-height:60%!important}.max-h-70p{max-height:70%!important}.max-h-80p{max-height:80%!important}.max-h-90p{max-height:90%!important}.max-h-100p{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-none{max-width:none!important}.max-w-10p{max-width:10%!important}.max-w-20p{max-width:20%!important}.max-w-30p{max-width:30%!important}.max-w-40p{max-width:40%!important}.max-w-50p{max-width:50%!important}.max-w-60p{max-width:60%!important}.max-w-70p{max-width:70%!important}.max-w-80p{max-width:80%!important}.max-w-90p{max-width:90%!important}.max-w-100p{max-width:100%!important}.max-w-screen{max-width:100vw!important}@media screen and (max-width:767px){.level-right{margin-left:1rem}.level.fill-height{align-items:stretch;display:flex;display:inherit}.container{width:100%}.row{margin-top:0}.divided>.row [class*=" col-"],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.hero-body{padding:0}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.btn.btn--pilled,[type=button].btn--pilled,[type=reset].btn--pilled,[type=submit].btn--pilled,button.btn--pilled{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn.btn--circle,[type=button].btn--circle,[type=reset].btn--circle,[type=submit].btn--circle,button.btn--circle{border-radius:100%;min-width:60px;overflow:hidden;padding:0;text-align:center}.btn.btn--circle:before,[type=button].btn--circle:before,[type=reset].btn--circle:before,[type=submit].btn--circle:before,button.btn--circle:before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}.btn.btn--circle *,[type=button].btn--circle *,[type=reset].btn--circle *,[type=submit].btn--circle *,button.btn--circle *{display:inline;max-width:90%;vertical-align:middle;white-space:pre-wrap}.input-control--pilled{border-radius:6.25rem!important}.bg-primary{background-color:rgba(240,61,77,var(--bg-opacity))!important}.text-primary{border-color:rgba(240,61,77,var(--color-opacity))!important;color:rgba(240,61,77,var(--color-opacity))!important}.bg-success{background-color:rgba(13,209,87,var(--bg-opacity))!important}.text-success{border-color:rgba(13,209,87,var(--color-opacity))!important;color:rgba(13,209,87,var(--color-opacity))!important}.bg-warning{background-color:rgba(250,182,51,var(--bg-opacity))!important}.text-warning{border-color:rgba(250,182,51,var(--color-opacity))!important;color:rgba(250,182,51,var(--color-opacity))!important}.bg-danger{background-color:rgba(251,65,67,var(--bg-opacity))!important}.text-danger{border-color:rgba(251,65,67,var(--color-opacity))!important;color:rgba(251,65,67,var(--color-opacity))!important}.bg-light{background-color:rgba(246,249,252,var(--bg-opacity))!important}.text-light{border-color:rgba(246,249,252,var(--color-opacity))!important;color:rgba(246,249,252,var(--color-opacity))!important}.bg-dark{background-color:rgba(54,54,54,var(--bg-opacity))!important}.text-dark{border-color:rgba(54,54,54,var(--color-opacity))!important;color:rgba(54,54,54,var(--color-opacity))!important}.bg-link{background-color:rgba(94,92,199,var(--bg-opacity))!important}.text-link{border-color:rgba(94,92,199,var(--color-opacity))!important;color:rgba(94,92,199,var(--color-opacity))!important}.bg-link-dark{background-color:rgba(70,67,226,var(--bg-opacity))!important}.text-link-dark{border-color:rgba(70,67,226,var(--color-opacity))!important;color:rgba(70,67,226,var(--color-opacity))!important}.bg-info{background-color:rgba(41,114,250,var(--bg-opacity))!important}.text-info{border-color:rgba(41,114,250,var(--color-opacity))!important;color:rgba(41,114,250,var(--color-opacity))!important}.bg-black{background-color:rgba(0,0,0,var(--bg-opacity))!important}.text-black{border-color:rgba(0,0,0,var(--color-opacity))!important;color:rgba(0,0,0,var(--color-opacity))!important}.bg-white{background-color:rgba(255,255,255,var(--bg-opacity))!important}.text-white{border-color:rgba(255,255,255,var(--color-opacity))!important;color:rgba(255,255,255,var(--color-opacity))!important}.bg-transparent{background-color:transparent!important}.text-transparent{border-color:transparent!important;color:transparent!important}.bg-pink-100{background-color:rgba(252,232,243,var(--bg-opacity))!important}.text-pink-100{border-color:rgba(252,232,243,var(--color-opacity))!important;color:rgba(252,232,243,var(--color-opacity))!important}.bg-pink-200{background-color:rgba(250,209,232,var(--bg-opacity))!important}.text-pink-200{border-color:rgba(250,209,232,var(--color-opacity))!important;color:rgba(250,209,232,var(--color-opacity))!important}.bg-pink-300{background-color:rgba(248,180,217,var(--bg-opacity))!important}.text-pink-300{border-color:rgba(248,180,217,var(--color-opacity))!important;color:rgba(248,180,217,var(--color-opacity))!important}.bg-pink-400{background-color:rgba(241,126,184,var(--bg-opacity))!important}.text-pink-400{border-color:rgba(241,126,184,var(--color-opacity))!important;color:rgba(241,126,184,var(--color-opacity))!important}.bg-pink-500{background-color:rgba(231,70,148,var(--bg-opacity))!important}.text-pink-500{border-color:rgba(231,70,148,var(--color-opacity))!important;color:rgba(231,70,148,var(--color-opacity))!important}.bg-pink-600{background-color:rgba(214,31,105,var(--bg-opacity))!important}.text-pink-600{border-color:rgba(214,31,105,var(--color-opacity))!important;color:rgba(214,31,105,var(--color-opacity))!important}.bg-pink-700{background-color:rgba(191,18,93,var(--bg-opacity))!important}.text-pink-700{border-color:rgba(191,18,93,var(--color-opacity))!important;color:rgba(191,18,93,var(--color-opacity))!important}.bg-pink-800{background-color:rgba(153,21,75,var(--bg-opacity))!important}.text-pink-800{border-color:rgba(153,21,75,var(--color-opacity))!important;color:rgba(153,21,75,var(--color-opacity))!important}.bg-pink-900{background-color:rgba(117,26,61,var(--bg-opacity))!important}.text-pink-900{border-color:rgba(117,26,61,var(--color-opacity))!important;color:rgba(117,26,61,var(--color-opacity))!important}.bg-red-100{background-color:rgba(253,232,232,var(--bg-opacity))!important}.text-red-100{border-color:rgba(253,232,232,var(--color-opacity))!important;color:rgba(253,232,232,var(--color-opacity))!important}.bg-red-200{background-color:rgba(251,213,213,var(--bg-opacity))!important}.text-red-200{border-color:rgba(251,213,213,var(--color-opacity))!important;color:rgba(251,213,213,var(--color-opacity))!important}.bg-red-300{background-color:rgba(248,180,180,var(--bg-opacity))!important}.text-red-300{border-color:rgba(248,180,180,var(--color-opacity))!important;color:rgba(248,180,180,var(--color-opacity))!important}.bg-red-400{background-color:rgba(249,128,128,var(--bg-opacity))!important}.text-red-400{border-color:rgba(249,128,128,var(--color-opacity))!important;color:rgba(249,128,128,var(--color-opacity))!important}.bg-red-500{background-color:rgba(240,82,82,var(--bg-opacity))!important}.text-red-500{border-color:rgba(240,82,82,var(--color-opacity))!important;color:rgba(240,82,82,var(--color-opacity))!important}.bg-red-600{background-color:rgba(224,36,36,var(--bg-opacity))!important}.text-red-600{border-color:rgba(224,36,36,var(--color-opacity))!important;color:rgba(224,36,36,var(--color-opacity))!important}.bg-red-700{background-color:rgba(200,30,30,var(--bg-opacity))!important}.text-red-700{border-color:rgba(200,30,30,var(--color-opacity))!important;color:rgba(200,30,30,var(--color-opacity))!important}.bg-red-800{background-color:rgba(155,28,28,var(--bg-opacity))!important}.text-red-800{border-color:rgba(155,28,28,var(--color-opacity))!important;color:rgba(155,28,28,var(--color-opacity))!important}.bg-red-900{background-color:rgba(119,29,29,var(--bg-opacity))!important}.text-red-900{border-color:rgba(119,29,29,var(--color-opacity))!important;color:rgba(119,29,29,var(--color-opacity))!important}.bg-orange-100{background-color:rgba(254,236,220,var(--bg-opacity))!important}.text-orange-100{border-color:rgba(254,236,220,var(--color-opacity))!important;color:rgba(254,236,220,var(--color-opacity))!important}.bg-orange-200{background-color:rgba(252,217,189,var(--bg-opacity))!important}.text-orange-200{border-color:rgba(252,217,189,var(--color-opacity))!important;color:rgba(252,217,189,var(--color-opacity))!important}.bg-orange-300{background-color:rgba(253,186,140,var(--bg-opacity))!important}.text-orange-300{border-color:rgba(253,186,140,var(--color-opacity))!important;color:rgba(253,186,140,var(--color-opacity))!important}.bg-orange-400{background-color:rgba(255,138,76,var(--bg-opacity))!important}.text-orange-400{border-color:rgba(255,138,76,var(--color-opacity))!important;color:rgba(255,138,76,var(--color-opacity))!important}.bg-orange-500{background-color:rgba(255,90,31,var(--bg-opacity))!important}.text-orange-500{border-color:rgba(255,90,31,var(--color-opacity))!important;color:rgba(255,90,31,var(--color-opacity))!important}.bg-orange-600{background-color:rgba(208,56,1,var(--bg-opacity))!important}.text-orange-600{border-color:rgba(208,56,1,var(--color-opacity))!important;color:rgba(208,56,1,var(--color-opacity))!important}.bg-orange-700{background-color:rgba(180,52,3,var(--bg-opacity))!important}.text-orange-700{border-color:rgba(180,52,3,var(--color-opacity))!important;color:rgba(180,52,3,var(--color-opacity))!important}.bg-orange-800{background-color:rgba(138,44,13,var(--bg-opacity))!important}.text-orange-800{border-color:rgba(138,44,13,var(--color-opacity))!important;color:rgba(138,44,13,var(--color-opacity))!important}.bg-orange-900{background-color:rgba(115,35,13,var(--bg-opacity))!important}.text-orange-900{border-color:rgba(115,35,13,var(--color-opacity))!important;color:rgba(115,35,13,var(--color-opacity))!important}.bg-yellow-100{background-color:rgba(253,246,178,var(--bg-opacity))!important}.text-yellow-100{border-color:rgba(253,246,178,var(--color-opacity))!important;color:rgba(253,246,178,var(--color-opacity))!important}.bg-yellow-200{background-color:rgba(252,233,106,var(--bg-opacity))!important}.text-yellow-200{border-color:rgba(252,233,106,var(--color-opacity))!important;color:rgba(252,233,106,var(--color-opacity))!important}.bg-yellow-300{background-color:rgba(250,202,21,var(--bg-opacity))!important}.text-yellow-300{border-color:rgba(250,202,21,var(--color-opacity))!important;color:rgba(250,202,21,var(--color-opacity))!important}.bg-yellow-400{background-color:rgba(227,160,8,var(--bg-opacity))!important}.text-yellow-400{border-color:rgba(227,160,8,var(--color-opacity))!important;color:rgba(227,160,8,var(--color-opacity))!important}.bg-yellow-500{background-color:rgba(194,120,3,var(--bg-opacity))!important}.text-yellow-500{border-color:rgba(194,120,3,var(--color-opacity))!important;color:rgba(194,120,3,var(--color-opacity))!important}.bg-yellow-600{background-color:rgba(159,88,10,var(--bg-opacity))!important}.text-yellow-600{border-color:rgba(159,88,10,var(--color-opacity))!important;color:rgba(159,88,10,var(--color-opacity))!important}.bg-yellow-700{background-color:rgba(142,75,16,var(--bg-opacity))!important}.text-yellow-700{border-color:rgba(142,75,16,var(--color-opacity))!important;color:rgba(142,75,16,var(--color-opacity))!important}.bg-yellow-800{background-color:rgba(114,59,19,var(--bg-opacity))!important}.text-yellow-800{border-color:rgba(114,59,19,var(--color-opacity))!important;color:rgba(114,59,19,var(--color-opacity))!important}.bg-yellow-900{background-color:rgba(99,49,18,var(--bg-opacity))!important}.text-yellow-900{border-color:rgba(99,49,18,var(--color-opacity))!important;color:rgba(99,49,18,var(--color-opacity))!important}.bg-green-100{background-color:rgba(222,247,236,var(--bg-opacity))!important}.text-green-100{border-color:rgba(222,247,236,var(--color-opacity))!important;color:rgba(222,247,236,var(--color-opacity))!important}.bg-green-200{background-color:rgba(188,240,218,var(--bg-opacity))!important}.text-green-200{border-color:rgba(188,240,218,var(--color-opacity))!important;color:rgba(188,240,218,var(--color-opacity))!important}.bg-green-300{background-color:rgba(132,225,188,var(--bg-opacity))!important}.text-green-300{border-color:rgba(132,225,188,var(--color-opacity))!important;color:rgba(132,225,188,var(--color-opacity))!important}.bg-green-400{background-color:rgba(49,196,141,var(--bg-opacity))!important}.text-green-400{border-color:rgba(49,196,141,var(--color-opacity))!important;color:rgba(49,196,141,var(--color-opacity))!important}.bg-green-500{background-color:rgba(14,159,110,var(--bg-opacity))!important}.text-green-500{border-color:rgba(14,159,110,var(--color-opacity))!important;color:rgba(14,159,110,var(--color-opacity))!important}.bg-green-600{background-color:rgba(5,122,85,var(--bg-opacity))!important}.text-green-600{border-color:rgba(5,122,85,var(--color-opacity))!important;color:rgba(5,122,85,var(--color-opacity))!important}.bg-green-700{background-color:rgba(4,108,78,var(--bg-opacity))!important}.text-green-700{border-color:rgba(4,108,78,var(--color-opacity))!important;color:rgba(4,108,78,var(--color-opacity))!important}.bg-green-800{background-color:rgba(3,84,63,var(--bg-opacity))!important}.text-green-800{border-color:rgba(3,84,63,var(--color-opacity))!important;color:rgba(3,84,63,var(--color-opacity))!important}.bg-green-900{background-color:rgba(1,71,55,var(--bg-opacity))!important}.text-green-900{border-color:rgba(1,71,55,var(--color-opacity))!important;color:rgba(1,71,55,var(--color-opacity))!important}.bg-teal-100{background-color:rgba(213,245,246,var(--bg-opacity))!important}.text-teal-100{border-color:rgba(213,245,246,var(--color-opacity))!important;color:rgba(213,245,246,var(--color-opacity))!important}.bg-teal-200{background-color:rgba(175,236,239,var(--bg-opacity))!important}.text-teal-200{border-color:rgba(175,236,239,var(--color-opacity))!important;color:rgba(175,236,239,var(--color-opacity))!important}.bg-teal-300{background-color:rgba(126,220,226,var(--bg-opacity))!important}.text-teal-300{border-color:rgba(126,220,226,var(--color-opacity))!important;color:rgba(126,220,226,var(--color-opacity))!important}.bg-teal-400{background-color:rgba(22,189,202,var(--bg-opacity))!important}.text-teal-400{border-color:rgba(22,189,202,var(--color-opacity))!important;color:rgba(22,189,202,var(--color-opacity))!important}.bg-teal-500{background-color:rgba(6,148,162,var(--bg-opacity))!important}.text-teal-500{border-color:rgba(6,148,162,var(--color-opacity))!important;color:rgba(6,148,162,var(--color-opacity))!important}.bg-teal-600{background-color:rgba(4,116,129,var(--bg-opacity))!important}.text-teal-600{border-color:rgba(4,116,129,var(--color-opacity))!important;color:rgba(4,116,129,var(--color-opacity))!important}.bg-teal-700{background-color:rgba(3,102,114,var(--bg-opacity))!important}.text-teal-700{border-color:rgba(3,102,114,var(--color-opacity))!important;color:rgba(3,102,114,var(--color-opacity))!important}.bg-teal-800{background-color:rgba(5,80,92,var(--bg-opacity))!important}.text-teal-800{border-color:rgba(5,80,92,var(--color-opacity))!important;color:rgba(5,80,92,var(--color-opacity))!important}.bg-teal-900{background-color:rgba(1,68,81,var(--bg-opacity))!important}.text-teal-900{border-color:rgba(1,68,81,var(--color-opacity))!important;color:rgba(1,68,81,var(--color-opacity))!important}.bg-blue-100{background-color:rgba(225,239,254,var(--bg-opacity))!important}.text-blue-100{border-color:rgba(225,239,254,var(--color-opacity))!important;color:rgba(225,239,254,var(--color-opacity))!important}.bg-blue-200{background-color:rgba(195,221,253,var(--bg-opacity))!important}.text-blue-200{border-color:rgba(195,221,253,var(--color-opacity))!important;color:rgba(195,221,253,var(--color-opacity))!important}.bg-blue-300{background-color:rgba(164,202,254,var(--bg-opacity))!important}.text-blue-300{border-color:rgba(164,202,254,var(--color-opacity))!important;color:rgba(164,202,254,var(--color-opacity))!important}.bg-blue-400{background-color:rgba(118,169,250,var(--bg-opacity))!important}.text-blue-400{border-color:rgba(118,169,250,var(--color-opacity))!important;color:rgba(118,169,250,var(--color-opacity))!important}.bg-blue-500{background-color:rgba(63,131,248,var(--bg-opacity))!important}.text-blue-500{border-color:rgba(63,131,248,var(--color-opacity))!important;color:rgba(63,131,248,var(--color-opacity))!important}.bg-blue-600{background-color:rgba(28,100,242,var(--bg-opacity))!important}.text-blue-600{border-color:rgba(28,100,242,var(--color-opacity))!important;color:rgba(28,100,242,var(--color-opacity))!important}.bg-blue-700{background-color:rgba(26,86,219,var(--bg-opacity))!important}.text-blue-700{border-color:rgba(26,86,219,var(--color-opacity))!important;color:rgba(26,86,219,var(--color-opacity))!important}.bg-blue-800{background-color:rgba(30,66,159,var(--bg-opacity))!important}.text-blue-800{border-color:rgba(30,66,159,var(--color-opacity))!important;color:rgba(30,66,159,var(--color-opacity))!important}.bg-blue-900{background-color:rgba(35,56,118,var(--bg-opacity))!important}.text-blue-900{border-color:rgba(35,56,118,var(--color-opacity))!important;color:rgba(35,56,118,var(--color-opacity))!important}.bg-indigo-100{background-color:rgba(229,237,255,var(--bg-opacity))!important}.text-indigo-100{border-color:rgba(229,237,255,var(--color-opacity))!important;color:rgba(229,237,255,var(--color-opacity))!important}.bg-indigo-200{background-color:rgba(205,219,254,var(--bg-opacity))!important}.text-indigo-200{border-color:rgba(205,219,254,var(--color-opacity))!important;color:rgba(205,219,254,var(--color-opacity))!important}.bg-indigo-300{background-color:rgba(180,198,252,var(--bg-opacity))!important}.text-indigo-300{border-color:rgba(180,198,252,var(--color-opacity))!important;color:rgba(180,198,252,var(--color-opacity))!important}.bg-indigo-400{background-color:rgba(141,162,251,var(--bg-opacity))!important}.text-indigo-400{border-color:rgba(141,162,251,var(--color-opacity))!important;color:rgba(141,162,251,var(--color-opacity))!important}.bg-indigo-500{background-color:rgba(104,117,245,var(--bg-opacity))!important}.text-indigo-500{border-color:rgba(104,117,245,var(--color-opacity))!important;color:rgba(104,117,245,var(--color-opacity))!important}.bg-indigo-600{background-color:rgba(88,80,236,var(--bg-opacity))!important}.text-indigo-600{border-color:rgba(88,80,236,var(--color-opacity))!important;color:rgba(88,80,236,var(--color-opacity))!important}.bg-indigo-700{background-color:rgba(81,69,205,var(--bg-opacity))!important}.text-indigo-700{border-color:rgba(81,69,205,var(--color-opacity))!important;color:rgba(81,69,205,var(--color-opacity))!important}.bg-indigo-800{background-color:rgba(66,56,157,var(--bg-opacity))!important}.text-indigo-800{border-color:rgba(66,56,157,var(--color-opacity))!important;color:rgba(66,56,157,var(--color-opacity))!important}.bg-indigo-900{background-color:rgba(54,47,120,var(--bg-opacity))!important}.text-indigo-900{border-color:rgba(54,47,120,var(--color-opacity))!important;color:rgba(54,47,120,var(--color-opacity))!important}.bg-purple-100{background-color:rgba(237,235,254,var(--bg-opacity))!important}.text-purple-100{border-color:rgba(237,235,254,var(--color-opacity))!important;color:rgba(237,235,254,var(--color-opacity))!important}.bg-purple-200{background-color:rgba(220,215,254,var(--bg-opacity))!important}.text-purple-200{border-color:rgba(220,215,254,var(--color-opacity))!important;color:rgba(220,215,254,var(--color-opacity))!important}.bg-purple-300{background-color:rgba(202,191,253,var(--bg-opacity))!important}.text-purple-300{border-color:rgba(202,191,253,var(--color-opacity))!important;color:rgba(202,191,253,var(--color-opacity))!important}.bg-purple-400{background-color:rgba(172,148,250,var(--bg-opacity))!important}.text-purple-400{border-color:rgba(172,148,250,var(--color-opacity))!important;color:rgba(172,148,250,var(--color-opacity))!important}.bg-purple-500{background-color:rgba(144,97,249,var(--bg-opacity))!important}.text-purple-500{border-color:rgba(144,97,249,var(--color-opacity))!important;color:rgba(144,97,249,var(--color-opacity))!important}.bg-purple-600{background-color:rgba(126,58,242,var(--bg-opacity))!important}.text-purple-600{border-color:rgba(126,58,242,var(--color-opacity))!important;color:rgba(126,58,242,var(--color-opacity))!important}.bg-purple-700{background-color:rgba(108,43,217,var(--bg-opacity))!important}.text-purple-700{border-color:rgba(108,43,217,var(--color-opacity))!important;color:rgba(108,43,217,var(--color-opacity))!important}.bg-purple-800{background-color:rgba(85,33,181,var(--bg-opacity))!important}.text-purple-800{border-color:rgba(85,33,181,var(--color-opacity))!important;color:rgba(85,33,181,var(--color-opacity))!important}.bg-purple-900{background-color:rgba(74,29,150,var(--bg-opacity))!important}.text-purple-900{border-color:rgba(74,29,150,var(--color-opacity))!important;color:rgba(74,29,150,var(--color-opacity))!important}.bg-gray-000{background-color:rgba(248,249,250,var(--bg-opacity))!important}.text-gray-000{border-color:rgba(248,249,250,var(--color-opacity))!important;color:rgba(248,249,250,var(--color-opacity))!important}.bg-gray-100{background-color:rgba(241,243,245,var(--bg-opacity))!important}.text-gray-100{border-color:rgba(241,243,245,var(--color-opacity))!important;color:rgba(241,243,245,var(--color-opacity))!important}.bg-gray-200{background-color:rgba(233,236,239,var(--bg-opacity))!important}.text-gray-200{border-color:rgba(233,236,239,var(--color-opacity))!important;color:rgba(233,236,239,var(--color-opacity))!important}.bg-gray-300{background-color:rgba(222,226,230,var(--bg-opacity))!important}.text-gray-300{border-color:rgba(222,226,230,var(--color-opacity))!important;color:rgba(222,226,230,var(--color-opacity))!important}.bg-gray-400{background-color:rgba(206,212,218,var(--bg-opacity))!important}.text-gray-400{border-color:rgba(206,212,218,var(--color-opacity))!important;color:rgba(206,212,218,var(--color-opacity))!important}.bg-gray-500{background-color:rgba(173,181,189,var(--bg-opacity))!important}.text-gray-500{border-color:rgba(173,181,189,var(--color-opacity))!important;color:rgba(173,181,189,var(--color-opacity))!important}.bg-gray-600{background-color:rgba(134,142,150,var(--bg-opacity))!important}.text-gray-600{border-color:rgba(134,142,150,var(--color-opacity))!important;color:rgba(134,142,150,var(--color-opacity))!important}.bg-gray-700{background-color:rgba(73,80,87,var(--bg-opacity))!important}.text-gray-700{border-color:rgba(73,80,87,var(--color-opacity))!important;color:rgba(73,80,87,var(--color-opacity))!important}.bg-gray-800{background-color:rgba(52,58,64,var(--bg-opacity))!important}.text-gray-800{border-color:rgba(52,58,64,var(--color-opacity))!important;color:rgba(52,58,64,var(--color-opacity))!important}.bg-gray-900{background-color:rgba(33,37,41,var(--bg-opacity))!important}.text-gray-900{border-color:rgba(33,37,41,var(--color-opacity))!important;color:rgba(33,37,41,var(--color-opacity))!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mr-0,.mx-0{margin-right:0!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.pr-0,.px-0{padding-right:0!important}.m-1{margin:.5rem!important}.mt-1,.my-1{margin-top:.5rem!important}.mb-1,.my-1{margin-bottom:.5rem!important}.ml-1,.mx-1{margin-left:.5rem!important}.mr-1,.mx-1{margin-right:.5rem!important}.p-1{padding:.5rem!important}.pt-1,.py-1{padding-top:.5rem!important}.pb-1,.py-1{padding-bottom:.5rem!important}.pl-1,.px-1{padding-left:.5rem!important}.pr-1,.px-1{padding-right:.5rem!important}.m-2{margin:1rem!important}.mt-2,.my-2{margin-top:1rem!important}.mb-2,.my-2{margin-bottom:1rem!important}.ml-2,.mx-2{margin-left:1rem!important}.mr-2,.mx-2{margin-right:1rem!important}.p-2{padding:1rem!important}.pt-2,.py-2{padding-top:1rem!important}.pb-2,.py-2{padding-bottom:1rem!important}.pl-2,.px-2{padding-left:1rem!important}.pr-2,.px-2{padding-right:1rem!important}.m-3{margin:1.5rem!important}.mt-3,.my-3{margin-top:1.5rem!important}.mb-3,.my-3{margin-bottom:1.5rem!important}.ml-3,.mx-3{margin-left:1.5rem!important}.mr-3,.mx-3{margin-right:1.5rem!important}.p-3{padding:1.5rem!important}.pt-3,.py-3{padding-top:1.5rem!important}.pb-3,.py-3{padding-bottom:1.5rem!important}.pl-3,.px-3{padding-left:1.5rem!important}.pr-3,.px-3{padding-right:1.5rem!important}.m-4{margin:2rem!important}.mt-4,.my-4{margin-top:2rem!important}.mb-4,.my-4{margin-bottom:2rem!important}.ml-4,.mx-4{margin-left:2rem!important}.mr-4,.mx-4{margin-right:2rem!important}.p-4{padding:2rem!important}.pt-4,.py-4{padding-top:2rem!important}.pb-4,.py-4{padding-bottom:2rem!important}.pl-4,.px-4{padding-left:2rem!important}.pr-4,.px-4{padding-right:2rem!important}.m-5{margin:2.5rem!important}.mt-5,.my-5{margin-top:2.5rem!important}.mb-5,.my-5{margin-bottom:2.5rem!important}.ml-5,.mx-5{margin-left:2.5rem!important}.mr-5,.mx-5{margin-right:2.5rem!important}.p-5{padding:2.5rem!important}.pt-5,.py-5{padding-top:2.5rem!important}.pb-5,.py-5{padding-bottom:2.5rem!important}.pl-5,.px-5{padding-left:2.5rem!important}.pr-5,.px-5{padding-right:2.5rem!important}.m-6{margin:3rem!important}.mt-6,.my-6{margin-top:3rem!important}.mb-6,.my-6{margin-bottom:3rem!important}.ml-6,.mx-6{margin-left:3rem!important}.mr-6,.mx-6{margin-right:3rem!important}.p-6{padding:3rem!important}.pt-6,.py-6{padding-top:3rem!important}.pb-6,.py-6{padding-bottom:3rem!important}.pl-6,.px-6{padding-left:3rem!important}.pr-6,.px-6{padding-right:3rem!important}.m-8{margin:4rem!important}.mt-8,.my-8{margin-top:4rem!important}.mb-8,.my-8{margin-bottom:4rem!important}.ml-8,.mx-8{margin-left:4rem!important}.mr-8,.mx-8{margin-right:4rem!important}.p-8{padding:4rem!important}.pt-8,.py-8{padding-top:4rem!important}.pb-8,.py-8{padding-bottom:4rem!important}.pl-8,.px-8{padding-left:4rem!important}.pr-8,.px-8{padding-right:4rem!important}.m-10{margin:5rem!important}.mt-10,.my-10{margin-top:5rem!important}.mb-10,.my-10{margin-bottom:5rem!important}.ml-10,.mx-10{margin-left:5rem!important}.mr-10,.mx-10{margin-right:5rem!important}.p-10{padding:5rem!important}.pt-10,.py-10{padding-top:5rem!important}.pb-10,.py-10{padding-bottom:5rem!important}.pl-10,.px-10{padding-left:5rem!important}.pr-10,.px-10{padding-right:5rem!important}.m-12{margin:6rem!important}.mt-12,.my-12{margin-top:6rem!important}.mb-12,.my-12{margin-bottom:6rem!important}.ml-12,.mx-12{margin-left:6rem!important}.mr-12,.mx-12{margin-right:6rem!important}.p-12{padding:6rem!important}.pt-12,.py-12{padding-top:6rem!important}.pb-12,.py-12{padding-bottom:6rem!important}.pl-12,.px-12{padding-left:6rem!important}.pr-12,.px-12{padding-right:6rem!important}.m-16{margin:8rem!important}.mt-16,.my-16{margin-top:8rem!important}.mb-16,.my-16{margin-bottom:8rem!important}.ml-16,.mx-16{margin-left:8rem!important}.mr-16,.mx-16{margin-right:8rem!important}.p-16{padding:8rem!important}.pt-16,.py-16{padding-top:8rem!important}.pb-16,.py-16{padding-bottom:8rem!important}.pl-16,.px-16{padding-left:8rem!important}.pr-16,.px-16{padding-right:8rem!important}.m-20{margin:10rem!important}.mt-20,.my-20{margin-top:10rem!important}.mb-20,.my-20{margin-bottom:10rem!important}.ml-20,.mx-20{margin-left:10rem!important}.mr-20,.mx-20{margin-right:10rem!important}.p-20{padding:10rem!important}.pt-20,.py-20{padding-top:10rem!important}.pb-20,.py-20{padding-bottom:10rem!important}.pl-20,.px-20{padding-left:10rem!important}.pr-20,.px-20{padding-right:10rem!important}.m-24{margin:12rem!important}.mt-24,.my-24{margin-top:12rem!important}.mb-24,.my-24{margin-bottom:12rem!important}.ml-24,.mx-24{margin-left:12rem!important}.mr-24,.mx-24{margin-right:12rem!important}.p-24{padding:12rem!important}.pt-24,.py-24{padding-top:12rem!important}.pb-24,.py-24{padding-bottom:12rem!important}.pl-24,.px-24{padding-left:12rem!important}.pr-24,.px-24{padding-right:12rem!important}.m-32{margin:16rem!important}.mt-32,.my-32{margin-top:16rem!important}.mb-32,.my-32{margin-bottom:16rem!important}.ml-32,.mx-32{margin-left:16rem!important}.mr-32,.mx-32{margin-right:16rem!important}.p-32{padding:16rem!important}.pt-32,.py-32{padding-top:16rem!important}.pb-32,.py-32{padding-bottom:16rem!important}.pl-32,.px-32{padding-left:16rem!important}.pr-32,.px-32{padding-right:16rem!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}@media screen and (min-width:640px){.m-0-sm{margin:0!important}.mt-0-sm,.my-0-sm{margin-top:0!important}.mb-0-sm,.my-0-sm{margin-bottom:0!important}.ml-0-sm,.mx-0-sm{margin-left:0!important}.mr-0-sm,.mx-0-sm{margin-right:0!important}.p-0-sm{padding:0!important}.pt-0-sm,.py-0-sm{padding-top:0!important}.pb-0-sm,.py-0-sm{padding-bottom:0!important}.pl-0-sm,.px-0-sm{padding-left:0!important}.pr-0-sm,.px-0-sm{padding-right:0!important}.m-1-sm{margin:.5rem!important}.mt-1-sm,.my-1-sm{margin-top:.5rem!important}.mb-1-sm,.my-1-sm{margin-bottom:.5rem!important}.ml-1-sm,.mx-1-sm{margin-left:.5rem!important}.mr-1-sm,.mx-1-sm{margin-right:.5rem!important}.p-1-sm{padding:.5rem!important}.pt-1-sm,.py-1-sm{padding-top:.5rem!important}.pb-1-sm,.py-1-sm{padding-bottom:.5rem!important}.pl-1-sm,.px-1-sm{padding-left:.5rem!important}.pr-1-sm,.px-1-sm{padding-right:.5rem!important}.m-2-sm{margin:1rem!important}.mt-2-sm,.my-2-sm{margin-top:1rem!important}.mb-2-sm,.my-2-sm{margin-bottom:1rem!important}.ml-2-sm,.mx-2-sm{margin-left:1rem!important}.mr-2-sm,.mx-2-sm{margin-right:1rem!important}.p-2-sm{padding:1rem!important}.pt-2-sm,.py-2-sm{padding-top:1rem!important}.pb-2-sm,.py-2-sm{padding-bottom:1rem!important}.pl-2-sm,.px-2-sm{padding-left:1rem!important}.pr-2-sm,.px-2-sm{padding-right:1rem!important}.m-3-sm{margin:1.5rem!important}.mt-3-sm,.my-3-sm{margin-top:1.5rem!important}.mb-3-sm,.my-3-sm{margin-bottom:1.5rem!important}.ml-3-sm,.mx-3-sm{margin-left:1.5rem!important}.mr-3-sm,.mx-3-sm{margin-right:1.5rem!important}.p-3-sm{padding:1.5rem!important}.pt-3-sm,.py-3-sm{padding-top:1.5rem!important}.pb-3-sm,.py-3-sm{padding-bottom:1.5rem!important}.pl-3-sm,.px-3-sm{padding-left:1.5rem!important}.pr-3-sm,.px-3-sm{padding-right:1.5rem!important}.m-4-sm{margin:2rem!important}.mt-4-sm,.my-4-sm{margin-top:2rem!important}.mb-4-sm,.my-4-sm{margin-bottom:2rem!important}.ml-4-sm,.mx-4-sm{margin-left:2rem!important}.mr-4-sm,.mx-4-sm{margin-right:2rem!important}.p-4-sm{padding:2rem!important}.pt-4-sm,.py-4-sm{padding-top:2rem!important}.pb-4-sm,.py-4-sm{padding-bottom:2rem!important}.pl-4-sm,.px-4-sm{padding-left:2rem!important}.pr-4-sm,.px-4-sm{padding-right:2rem!important}.m-5-sm{margin:2.5rem!important}.mt-5-sm,.my-5-sm{margin-top:2.5rem!important}.mb-5-sm,.my-5-sm{margin-bottom:2.5rem!important}.ml-5-sm,.mx-5-sm{margin-left:2.5rem!important}.mr-5-sm,.mx-5-sm{margin-right:2.5rem!important}.p-5-sm{padding:2.5rem!important}.pt-5-sm,.py-5-sm{padding-top:2.5rem!important}.pb-5-sm,.py-5-sm{padding-bottom:2.5rem!important}.pl-5-sm,.px-5-sm{padding-left:2.5rem!important}.pr-5-sm,.px-5-sm{padding-right:2.5rem!important}.m-6-sm{margin:3rem!important}.mt-6-sm,.my-6-sm{margin-top:3rem!important}.mb-6-sm,.my-6-sm{margin-bottom:3rem!important}.ml-6-sm,.mx-6-sm{margin-left:3rem!important}.mr-6-sm,.mx-6-sm{margin-right:3rem!important}.p-6-sm{padding:3rem!important}.pt-6-sm,.py-6-sm{padding-top:3rem!important}.pb-6-sm,.py-6-sm{padding-bottom:3rem!important}.pl-6-sm,.px-6-sm{padding-left:3rem!important}.pr-6-sm,.px-6-sm{padding-right:3rem!important}.m-8-sm{margin:4rem!important}.mt-8-sm,.my-8-sm{margin-top:4rem!important}.mb-8-sm,.my-8-sm{margin-bottom:4rem!important}.ml-8-sm,.mx-8-sm{margin-left:4rem!important}.mr-8-sm,.mx-8-sm{margin-right:4rem!important}.p-8-sm{padding:4rem!important}.pt-8-sm,.py-8-sm{padding-top:4rem!important}.pb-8-sm,.py-8-sm{padding-bottom:4rem!important}.pl-8-sm,.px-8-sm{padding-left:4rem!important}.pr-8-sm,.px-8-sm{padding-right:4rem!important}.m-10-sm{margin:5rem!important}.mt-10-sm,.my-10-sm{margin-top:5rem!important}.mb-10-sm,.my-10-sm{margin-bottom:5rem!important}.ml-10-sm,.mx-10-sm{margin-left:5rem!important}.mr-10-sm,.mx-10-sm{margin-right:5rem!important}.p-10-sm{padding:5rem!important}.pt-10-sm,.py-10-sm{padding-top:5rem!important}.pb-10-sm,.py-10-sm{padding-bottom:5rem!important}.pl-10-sm,.px-10-sm{padding-left:5rem!important}.pr-10-sm,.px-10-sm{padding-right:5rem!important}.m-12-sm{margin:6rem!important}.mt-12-sm,.my-12-sm{margin-top:6rem!important}.mb-12-sm,.my-12-sm{margin-bottom:6rem!important}.ml-12-sm,.mx-12-sm{margin-left:6rem!important}.mr-12-sm,.mx-12-sm{margin-right:6rem!important}.p-12-sm{padding:6rem!important}.pt-12-sm,.py-12-sm{padding-top:6rem!important}.pb-12-sm,.py-12-sm{padding-bottom:6rem!important}.pl-12-sm,.px-12-sm{padding-left:6rem!important}.pr-12-sm,.px-12-sm{padding-right:6rem!important}.m-16-sm{margin:8rem!important}.mt-16-sm,.my-16-sm{margin-top:8rem!important}.mb-16-sm,.my-16-sm{margin-bottom:8rem!important}.ml-16-sm,.mx-16-sm{margin-left:8rem!important}.mr-16-sm,.mx-16-sm{margin-right:8rem!important}.p-16-sm{padding:8rem!important}.pt-16-sm,.py-16-sm{padding-top:8rem!important}.pb-16-sm,.py-16-sm{padding-bottom:8rem!important}.pl-16-sm,.px-16-sm{padding-left:8rem!important}.pr-16-sm,.px-16-sm{padding-right:8rem!important}.m-20-sm{margin:10rem!important}.mt-20-sm,.my-20-sm{margin-top:10rem!important}.mb-20-sm,.my-20-sm{margin-bottom:10rem!important}.ml-20-sm,.mx-20-sm{margin-left:10rem!important}.mr-20-sm,.mx-20-sm{margin-right:10rem!important}.p-20-sm{padding:10rem!important}.pt-20-sm,.py-20-sm{padding-top:10rem!important}.pb-20-sm,.py-20-sm{padding-bottom:10rem!important}.pl-20-sm,.px-20-sm{padding-left:10rem!important}.pr-20-sm,.px-20-sm{padding-right:10rem!important}.m-24-sm{margin:12rem!important}.mt-24-sm,.my-24-sm{margin-top:12rem!important}.mb-24-sm,.my-24-sm{margin-bottom:12rem!important}.ml-24-sm,.mx-24-sm{margin-left:12rem!important}.mr-24-sm,.mx-24-sm{margin-right:12rem!important}.p-24-sm{padding:12rem!important}.pt-24-sm,.py-24-sm{padding-top:12rem!important}.pb-24-sm,.py-24-sm{padding-bottom:12rem!important}.pl-24-sm,.px-24-sm{padding-left:12rem!important}.pr-24-sm,.px-24-sm{padding-right:12rem!important}.m-32-sm{margin:16rem!important}.mt-32-sm,.my-32-sm{margin-top:16rem!important}.mb-32-sm,.my-32-sm{margin-bottom:16rem!important}.ml-32-sm,.mx-32-sm{margin-left:16rem!important}.mr-32-sm,.mx-32-sm{margin-right:16rem!important}.p-32-sm{padding:16rem!important}.pt-32-sm,.py-32-sm{padding-top:16rem!important}.pb-32-sm,.py-32-sm{padding-bottom:16rem!important}.pl-32-sm,.px-32-sm{padding-left:16rem!important}.pr-32-sm,.px-32-sm{padding-right:16rem!important}.ml-auto-sm,.mx-auto-sm{margin-left:auto!important}.mr-auto-sm,.mx-auto-sm{margin-right:auto!important}.mt-auto-sm,.my-auto-sm{margin-top:auto!important}.mb-auto-sm,.my-auto-sm{margin-bottom:auto!important}}@media screen and (min-width:768px){.m-0-md{margin:0!important}.mt-0-md,.my-0-md{margin-top:0!important}.mb-0-md,.my-0-md{margin-bottom:0!important}.ml-0-md,.mx-0-md{margin-left:0!important}.mr-0-md,.mx-0-md{margin-right:0!important}.p-0-md{padding:0!important}.pt-0-md,.py-0-md{padding-top:0!important}.pb-0-md,.py-0-md{padding-bottom:0!important}.pl-0-md,.px-0-md{padding-left:0!important}.pr-0-md,.px-0-md{padding-right:0!important}.m-1-md{margin:.5rem!important}.mt-1-md,.my-1-md{margin-top:.5rem!important}.mb-1-md,.my-1-md{margin-bottom:.5rem!important}.ml-1-md,.mx-1-md{margin-left:.5rem!important}.mr-1-md,.mx-1-md{margin-right:.5rem!important}.p-1-md{padding:.5rem!important}.pt-1-md,.py-1-md{padding-top:.5rem!important}.pb-1-md,.py-1-md{padding-bottom:.5rem!important}.pl-1-md,.px-1-md{padding-left:.5rem!important}.pr-1-md,.px-1-md{padding-right:.5rem!important}.m-2-md{margin:1rem!important}.mt-2-md,.my-2-md{margin-top:1rem!important}.mb-2-md,.my-2-md{margin-bottom:1rem!important}.ml-2-md,.mx-2-md{margin-left:1rem!important}.mr-2-md,.mx-2-md{margin-right:1rem!important}.p-2-md{padding:1rem!important}.pt-2-md,.py-2-md{padding-top:1rem!important}.pb-2-md,.py-2-md{padding-bottom:1rem!important}.pl-2-md,.px-2-md{padding-left:1rem!important}.pr-2-md,.px-2-md{padding-right:1rem!important}.m-3-md{margin:1.5rem!important}.mt-3-md,.my-3-md{margin-top:1.5rem!important}.mb-3-md,.my-3-md{margin-bottom:1.5rem!important}.ml-3-md,.mx-3-md{margin-left:1.5rem!important}.mr-3-md,.mx-3-md{margin-right:1.5rem!important}.p-3-md{padding:1.5rem!important}.pt-3-md,.py-3-md{padding-top:1.5rem!important}.pb-3-md,.py-3-md{padding-bottom:1.5rem!important}.pl-3-md,.px-3-md{padding-left:1.5rem!important}.pr-3-md,.px-3-md{padding-right:1.5rem!important}.m-4-md{margin:2rem!important}.mt-4-md,.my-4-md{margin-top:2rem!important}.mb-4-md,.my-4-md{margin-bottom:2rem!important}.ml-4-md,.mx-4-md{margin-left:2rem!important}.mr-4-md,.mx-4-md{margin-right:2rem!important}.p-4-md{padding:2rem!important}.pt-4-md,.py-4-md{padding-top:2rem!important}.pb-4-md,.py-4-md{padding-bottom:2rem!important}.pl-4-md,.px-4-md{padding-left:2rem!important}.pr-4-md,.px-4-md{padding-right:2rem!important}.m-5-md{margin:2.5rem!important}.mt-5-md,.my-5-md{margin-top:2.5rem!important}.mb-5-md,.my-5-md{margin-bottom:2.5rem!important}.ml-5-md,.mx-5-md{margin-left:2.5rem!important}.mr-5-md,.mx-5-md{margin-right:2.5rem!important}.p-5-md{padding:2.5rem!important}.pt-5-md,.py-5-md{padding-top:2.5rem!important}.pb-5-md,.py-5-md{padding-bottom:2.5rem!important}.pl-5-md,.px-5-md{padding-left:2.5rem!important}.pr-5-md,.px-5-md{padding-right:2.5rem!important}.m-6-md{margin:3rem!important}.mt-6-md,.my-6-md{margin-top:3rem!important}.mb-6-md,.my-6-md{margin-bottom:3rem!important}.ml-6-md,.mx-6-md{margin-left:3rem!important}.mr-6-md,.mx-6-md{margin-right:3rem!important}.p-6-md{padding:3rem!important}.pt-6-md,.py-6-md{padding-top:3rem!important}.pb-6-md,.py-6-md{padding-bottom:3rem!important}.pl-6-md,.px-6-md{padding-left:3rem!important}.pr-6-md,.px-6-md{padding-right:3rem!important}.m-8-md{margin:4rem!important}.mt-8-md,.my-8-md{margin-top:4rem!important}.mb-8-md,.my-8-md{margin-bottom:4rem!important}.ml-8-md,.mx-8-md{margin-left:4rem!important}.mr-8-md,.mx-8-md{margin-right:4rem!important}.p-8-md{padding:4rem!important}.pt-8-md,.py-8-md{padding-top:4rem!important}.pb-8-md,.py-8-md{padding-bottom:4rem!important}.pl-8-md,.px-8-md{padding-left:4rem!important}.pr-8-md,.px-8-md{padding-right:4rem!important}.m-10-md{margin:5rem!important}.mt-10-md,.my-10-md{margin-top:5rem!important}.mb-10-md,.my-10-md{margin-bottom:5rem!important}.ml-10-md,.mx-10-md{margin-left:5rem!important}.mr-10-md,.mx-10-md{margin-right:5rem!important}.p-10-md{padding:5rem!important}.pt-10-md,.py-10-md{padding-top:5rem!important}.pb-10-md,.py-10-md{padding-bottom:5rem!important}.pl-10-md,.px-10-md{padding-left:5rem!important}.pr-10-md,.px-10-md{padding-right:5rem!important}.m-12-md{margin:6rem!important}.mt-12-md,.my-12-md{margin-top:6rem!important}.mb-12-md,.my-12-md{margin-bottom:6rem!important}.ml-12-md,.mx-12-md{margin-left:6rem!important}.mr-12-md,.mx-12-md{margin-right:6rem!important}.p-12-md{padding:6rem!important}.pt-12-md,.py-12-md{padding-top:6rem!important}.pb-12-md,.py-12-md{padding-bottom:6rem!important}.pl-12-md,.px-12-md{padding-left:6rem!important}.pr-12-md,.px-12-md{padding-right:6rem!important}.m-16-md{margin:8rem!important}.mt-16-md,.my-16-md{margin-top:8rem!important}.mb-16-md,.my-16-md{margin-bottom:8rem!important}.ml-16-md,.mx-16-md{margin-left:8rem!important}.mr-16-md,.mx-16-md{margin-right:8rem!important}.p-16-md{padding:8rem!important}.pt-16-md,.py-16-md{padding-top:8rem!important}.pb-16-md,.py-16-md{padding-bottom:8rem!important}.pl-16-md,.px-16-md{padding-left:8rem!important}.pr-16-md,.px-16-md{padding-right:8rem!important}.m-20-md{margin:10rem!important}.mt-20-md,.my-20-md{margin-top:10rem!important}.mb-20-md,.my-20-md{margin-bottom:10rem!important}.ml-20-md,.mx-20-md{margin-left:10rem!important}.mr-20-md,.mx-20-md{margin-right:10rem!important}.p-20-md{padding:10rem!important}.pt-20-md,.py-20-md{padding-top:10rem!important}.pb-20-md,.py-20-md{padding-bottom:10rem!important}.pl-20-md,.px-20-md{padding-left:10rem!important}.pr-20-md,.px-20-md{padding-right:10rem!important}.m-24-md{margin:12rem!important}.mt-24-md,.my-24-md{margin-top:12rem!important}.mb-24-md,.my-24-md{margin-bottom:12rem!important}.ml-24-md,.mx-24-md{margin-left:12rem!important}.mr-24-md,.mx-24-md{margin-right:12rem!important}.p-24-md{padding:12rem!important}.pt-24-md,.py-24-md{padding-top:12rem!important}.pb-24-md,.py-24-md{padding-bottom:12rem!important}.pl-24-md,.px-24-md{padding-left:12rem!important}.pr-24-md,.px-24-md{padding-right:12rem!important}.m-32-md{margin:16rem!important}.mt-32-md,.my-32-md{margin-top:16rem!important}.mb-32-md,.my-32-md{margin-bottom:16rem!important}.ml-32-md,.mx-32-md{margin-left:16rem!important}.mr-32-md,.mx-32-md{margin-right:16rem!important}.p-32-md{padding:16rem!important}.pt-32-md,.py-32-md{padding-top:16rem!important}.pb-32-md,.py-32-md{padding-bottom:16rem!important}.pl-32-md,.px-32-md{padding-left:16rem!important}.pr-32-md,.px-32-md{padding-right:16rem!important}.ml-auto-md,.mx-auto-md{margin-left:auto!important}.mr-auto-md,.mx-auto-md{margin-right:auto!important}.mt-auto-md,.my-auto-md{margin-top:auto!important}.mb-auto-md,.my-auto-md{margin-bottom:auto!important}}@media screen and (min-width:1024px){.m-0-lg{margin:0!important}.mt-0-lg,.my-0-lg{margin-top:0!important}.mb-0-lg,.my-0-lg{margin-bottom:0!important}.ml-0-lg,.mx-0-lg{margin-left:0!important}.mr-0-lg,.mx-0-lg{margin-right:0!important}.p-0-lg{padding:0!important}.pt-0-lg,.py-0-lg{padding-top:0!important}.pb-0-lg,.py-0-lg{padding-bottom:0!important}.pl-0-lg,.px-0-lg{padding-left:0!important}.pr-0-lg,.px-0-lg{padding-right:0!important}.m-1-lg{margin:.5rem!important}.mt-1-lg,.my-1-lg{margin-top:.5rem!important}.mb-1-lg,.my-1-lg{margin-bottom:.5rem!important}.ml-1-lg,.mx-1-lg{margin-left:.5rem!important}.mr-1-lg,.mx-1-lg{margin-right:.5rem!important}.p-1-lg{padding:.5rem!important}.pt-1-lg,.py-1-lg{padding-top:.5rem!important}.pb-1-lg,.py-1-lg{padding-bottom:.5rem!important}.pl-1-lg,.px-1-lg{padding-left:.5rem!important}.pr-1-lg,.px-1-lg{padding-right:.5rem!important}.m-2-lg{margin:1rem!important}.mt-2-lg,.my-2-lg{margin-top:1rem!important}.mb-2-lg,.my-2-lg{margin-bottom:1rem!important}.ml-2-lg,.mx-2-lg{margin-left:1rem!important}.mr-2-lg,.mx-2-lg{margin-right:1rem!important}.p-2-lg{padding:1rem!important}.pt-2-lg,.py-2-lg{padding-top:1rem!important}.pb-2-lg,.py-2-lg{padding-bottom:1rem!important}.pl-2-lg,.px-2-lg{padding-left:1rem!important}.pr-2-lg,.px-2-lg{padding-right:1rem!important}.m-3-lg{margin:1.5rem!important}.mt-3-lg,.my-3-lg{margin-top:1.5rem!important}.mb-3-lg,.my-3-lg{margin-bottom:1.5rem!important}.ml-3-lg,.mx-3-lg{margin-left:1.5rem!important}.mr-3-lg,.mx-3-lg{margin-right:1.5rem!important}.p-3-lg{padding:1.5rem!important}.pt-3-lg,.py-3-lg{padding-top:1.5rem!important}.pb-3-lg,.py-3-lg{padding-bottom:1.5rem!important}.pl-3-lg,.px-3-lg{padding-left:1.5rem!important}.pr-3-lg,.px-3-lg{padding-right:1.5rem!important}.m-4-lg{margin:2rem!important}.mt-4-lg,.my-4-lg{margin-top:2rem!important}.mb-4-lg,.my-4-lg{margin-bottom:2rem!important}.ml-4-lg,.mx-4-lg{margin-left:2rem!important}.mr-4-lg,.mx-4-lg{margin-right:2rem!important}.p-4-lg{padding:2rem!important}.pt-4-lg,.py-4-lg{padding-top:2rem!important}.pb-4-lg,.py-4-lg{padding-bottom:2rem!important}.pl-4-lg,.px-4-lg{padding-left:2rem!important}.pr-4-lg,.px-4-lg{padding-right:2rem!important}.m-5-lg{margin:2.5rem!important}.mt-5-lg,.my-5-lg{margin-top:2.5rem!important}.mb-5-lg,.my-5-lg{margin-bottom:2.5rem!important}.ml-5-lg,.mx-5-lg{margin-left:2.5rem!important}.mr-5-lg,.mx-5-lg{margin-right:2.5rem!important}.p-5-lg{padding:2.5rem!important}.pt-5-lg,.py-5-lg{padding-top:2.5rem!important}.pb-5-lg,.py-5-lg{padding-bottom:2.5rem!important}.pl-5-lg,.px-5-lg{padding-left:2.5rem!important}.pr-5-lg,.px-5-lg{padding-right:2.5rem!important}.m-6-lg{margin:3rem!important}.mt-6-lg,.my-6-lg{margin-top:3rem!important}.mb-6-lg,.my-6-lg{margin-bottom:3rem!important}.ml-6-lg,.mx-6-lg{margin-left:3rem!important}.mr-6-lg,.mx-6-lg{margin-right:3rem!important}.p-6-lg{padding:3rem!important}.pt-6-lg,.py-6-lg{padding-top:3rem!important}.pb-6-lg,.py-6-lg{padding-bottom:3rem!important}.pl-6-lg,.px-6-lg{padding-left:3rem!important}.pr-6-lg,.px-6-lg{padding-right:3rem!important}.m-8-lg{margin:4rem!important}.mt-8-lg,.my-8-lg{margin-top:4rem!important}.mb-8-lg,.my-8-lg{margin-bottom:4rem!important}.ml-8-lg,.mx-8-lg{margin-left:4rem!important}.mr-8-lg,.mx-8-lg{margin-right:4rem!important}.p-8-lg{padding:4rem!important}.pt-8-lg,.py-8-lg{padding-top:4rem!important}.pb-8-lg,.py-8-lg{padding-bottom:4rem!important}.pl-8-lg,.px-8-lg{padding-left:4rem!important}.pr-8-lg,.px-8-lg{padding-right:4rem!important}.m-10-lg{margin:5rem!important}.mt-10-lg,.my-10-lg{margin-top:5rem!important}.mb-10-lg,.my-10-lg{margin-bottom:5rem!important}.ml-10-lg,.mx-10-lg{margin-left:5rem!important}.mr-10-lg,.mx-10-lg{margin-right:5rem!important}.p-10-lg{padding:5rem!important}.pt-10-lg,.py-10-lg{padding-top:5rem!important}.pb-10-lg,.py-10-lg{padding-bottom:5rem!important}.pl-10-lg,.px-10-lg{padding-left:5rem!important}.pr-10-lg,.px-10-lg{padding-right:5rem!important}.m-12-lg{margin:6rem!important}.mt-12-lg,.my-12-lg{margin-top:6rem!important}.mb-12-lg,.my-12-lg{margin-bottom:6rem!important}.ml-12-lg,.mx-12-lg{margin-left:6rem!important}.mr-12-lg,.mx-12-lg{margin-right:6rem!important}.p-12-lg{padding:6rem!important}.pt-12-lg,.py-12-lg{padding-top:6rem!important}.pb-12-lg,.py-12-lg{padding-bottom:6rem!important}.pl-12-lg,.px-12-lg{padding-left:6rem!important}.pr-12-lg,.px-12-lg{padding-right:6rem!important}.m-16-lg{margin:8rem!important}.mt-16-lg,.my-16-lg{margin-top:8rem!important}.mb-16-lg,.my-16-lg{margin-bottom:8rem!important}.ml-16-lg,.mx-16-lg{margin-left:8rem!important}.mr-16-lg,.mx-16-lg{margin-right:8rem!important}.p-16-lg{padding:8rem!important}.pt-16-lg,.py-16-lg{padding-top:8rem!important}.pb-16-lg,.py-16-lg{padding-bottom:8rem!important}.pl-16-lg,.px-16-lg{padding-left:8rem!important}.pr-16-lg,.px-16-lg{padding-right:8rem!important}.m-20-lg{margin:10rem!important}.mt-20-lg,.my-20-lg{margin-top:10rem!important}.mb-20-lg,.my-20-lg{margin-bottom:10rem!important}.ml-20-lg,.mx-20-lg{margin-left:10rem!important}.mr-20-lg,.mx-20-lg{margin-right:10rem!important}.p-20-lg{padding:10rem!important}.pt-20-lg,.py-20-lg{padding-top:10rem!important}.pb-20-lg,.py-20-lg{padding-bottom:10rem!important}.pl-20-lg,.px-20-lg{padding-left:10rem!important}.pr-20-lg,.px-20-lg{padding-right:10rem!important}.m-24-lg{margin:12rem!important}.mt-24-lg,.my-24-lg{margin-top:12rem!important}.mb-24-lg,.my-24-lg{margin-bottom:12rem!important}.ml-24-lg,.mx-24-lg{margin-left:12rem!important}.mr-24-lg,.mx-24-lg{margin-right:12rem!important}.p-24-lg{padding:12rem!important}.pt-24-lg,.py-24-lg{padding-top:12rem!important}.pb-24-lg,.py-24-lg{padding-bottom:12rem!important}.pl-24-lg,.px-24-lg{padding-left:12rem!important}.pr-24-lg,.px-24-lg{padding-right:12rem!important}.m-32-lg{margin:16rem!important}.mt-32-lg,.my-32-lg{margin-top:16rem!important}.mb-32-lg,.my-32-lg{margin-bottom:16rem!important}.ml-32-lg,.mx-32-lg{margin-left:16rem!important}.mr-32-lg,.mx-32-lg{margin-right:16rem!important}.p-32-lg{padding:16rem!important}.pt-32-lg,.py-32-lg{padding-top:16rem!important}.pb-32-lg,.py-32-lg{padding-bottom:16rem!important}.pl-32-lg,.px-32-lg{padding-left:16rem!important}.pr-32-lg,.px-32-lg{padding-right:16rem!important}.ml-auto-lg,.mx-auto-lg{margin-left:auto!important}.mr-auto-lg,.mx-auto-lg{margin-right:auto!important}.mt-auto-lg,.my-auto-lg{margin-top:auto!important}.mb-auto-lg,.my-auto-lg{margin-bottom:auto!important}}@media screen and (min-width:1280px){.m-0-xl{margin:0!important}.mt-0-xl,.my-0-xl{margin-top:0!important}.mb-0-xl,.my-0-xl{margin-bottom:0!important}.ml-0-xl,.mx-0-xl{margin-left:0!important}.mr-0-xl,.mx-0-xl{margin-right:0!important}.p-0-xl{padding:0!important}.pt-0-xl,.py-0-xl{padding-top:0!important}.pb-0-xl,.py-0-xl{padding-bottom:0!important}.pl-0-xl,.px-0-xl{padding-left:0!important}.pr-0-xl,.px-0-xl{padding-right:0!important}.m-1-xl{margin:.5rem!important}.mt-1-xl,.my-1-xl{margin-top:.5rem!important}.mb-1-xl,.my-1-xl{margin-bottom:.5rem!important}.ml-1-xl,.mx-1-xl{margin-left:.5rem!important}.mr-1-xl,.mx-1-xl{margin-right:.5rem!important}.p-1-xl{padding:.5rem!important}.pt-1-xl,.py-1-xl{padding-top:.5rem!important}.pb-1-xl,.py-1-xl{padding-bottom:.5rem!important}.pl-1-xl,.px-1-xl{padding-left:.5rem!important}.pr-1-xl,.px-1-xl{padding-right:.5rem!important}.m-2-xl{margin:1rem!important}.mt-2-xl,.my-2-xl{margin-top:1rem!important}.mb-2-xl,.my-2-xl{margin-bottom:1rem!important}.ml-2-xl,.mx-2-xl{margin-left:1rem!important}.mr-2-xl,.mx-2-xl{margin-right:1rem!important}.p-2-xl{padding:1rem!important}.pt-2-xl,.py-2-xl{padding-top:1rem!important}.pb-2-xl,.py-2-xl{padding-bottom:1rem!important}.pl-2-xl,.px-2-xl{padding-left:1rem!important}.pr-2-xl,.px-2-xl{padding-right:1rem!important}.m-3-xl{margin:1.5rem!important}.mt-3-xl,.my-3-xl{margin-top:1.5rem!important}.mb-3-xl,.my-3-xl{margin-bottom:1.5rem!important}.ml-3-xl,.mx-3-xl{margin-left:1.5rem!important}.mr-3-xl,.mx-3-xl{margin-right:1.5rem!important}.p-3-xl{padding:1.5rem!important}.pt-3-xl,.py-3-xl{padding-top:1.5rem!important}.pb-3-xl,.py-3-xl{padding-bottom:1.5rem!important}.pl-3-xl,.px-3-xl{padding-left:1.5rem!important}.pr-3-xl,.px-3-xl{padding-right:1.5rem!important}.m-4-xl{margin:2rem!important}.mt-4-xl,.my-4-xl{margin-top:2rem!important}.mb-4-xl,.my-4-xl{margin-bottom:2rem!important}.ml-4-xl,.mx-4-xl{margin-left:2rem!important}.mr-4-xl,.mx-4-xl{margin-right:2rem!important}.p-4-xl{padding:2rem!important}.pt-4-xl,.py-4-xl{padding-top:2rem!important}.pb-4-xl,.py-4-xl{padding-bottom:2rem!important}.pl-4-xl,.px-4-xl{padding-left:2rem!important}.pr-4-xl,.px-4-xl{padding-right:2rem!important}.m-5-xl{margin:2.5rem!important}.mt-5-xl,.my-5-xl{margin-top:2.5rem!important}.mb-5-xl,.my-5-xl{margin-bottom:2.5rem!important}.ml-5-xl,.mx-5-xl{margin-left:2.5rem!important}.mr-5-xl,.mx-5-xl{margin-right:2.5rem!important}.p-5-xl{padding:2.5rem!important}.pt-5-xl,.py-5-xl{padding-top:2.5rem!important}.pb-5-xl,.py-5-xl{padding-bottom:2.5rem!important}.pl-5-xl,.px-5-xl{padding-left:2.5rem!important}.pr-5-xl,.px-5-xl{padding-right:2.5rem!important}.m-6-xl{margin:3rem!important}.mt-6-xl,.my-6-xl{margin-top:3rem!important}.mb-6-xl,.my-6-xl{margin-bottom:3rem!important}.ml-6-xl,.mx-6-xl{margin-left:3rem!important}.mr-6-xl,.mx-6-xl{margin-right:3rem!important}.p-6-xl{padding:3rem!important}.pt-6-xl,.py-6-xl{padding-top:3rem!important}.pb-6-xl,.py-6-xl{padding-bottom:3rem!important}.pl-6-xl,.px-6-xl{padding-left:3rem!important}.pr-6-xl,.px-6-xl{padding-right:3rem!important}.m-8-xl{margin:4rem!important}.mt-8-xl,.my-8-xl{margin-top:4rem!important}.mb-8-xl,.my-8-xl{margin-bottom:4rem!important}.ml-8-xl,.mx-8-xl{margin-left:4rem!important}.mr-8-xl,.mx-8-xl{margin-right:4rem!important}.p-8-xl{padding:4rem!important}.pt-8-xl,.py-8-xl{padding-top:4rem!important}.pb-8-xl,.py-8-xl{padding-bottom:4rem!important}.pl-8-xl,.px-8-xl{padding-left:4rem!important}.pr-8-xl,.px-8-xl{padding-right:4rem!important}.m-10-xl{margin:5rem!important}.mt-10-xl,.my-10-xl{margin-top:5rem!important}.mb-10-xl,.my-10-xl{margin-bottom:5rem!important}.ml-10-xl,.mx-10-xl{margin-left:5rem!important}.mr-10-xl,.mx-10-xl{margin-right:5rem!important}.p-10-xl{padding:5rem!important}.pt-10-xl,.py-10-xl{padding-top:5rem!important}.pb-10-xl,.py-10-xl{padding-bottom:5rem!important}.pl-10-xl,.px-10-xl{padding-left:5rem!important}.pr-10-xl,.px-10-xl{padding-right:5rem!important}.m-12-xl{margin:6rem!important}.mt-12-xl,.my-12-xl{margin-top:6rem!important}.mb-12-xl,.my-12-xl{margin-bottom:6rem!important}.ml-12-xl,.mx-12-xl{margin-left:6rem!important}.mr-12-xl,.mx-12-xl{margin-right:6rem!important}.p-12-xl{padding:6rem!important}.pt-12-xl,.py-12-xl{padding-top:6rem!important}.pb-12-xl,.py-12-xl{padding-bottom:6rem!important}.pl-12-xl,.px-12-xl{padding-left:6rem!important}.pr-12-xl,.px-12-xl{padding-right:6rem!important}.m-16-xl{margin:8rem!important}.mt-16-xl,.my-16-xl{margin-top:8rem!important}.mb-16-xl,.my-16-xl{margin-bottom:8rem!important}.ml-16-xl,.mx-16-xl{margin-left:8rem!important}.mr-16-xl,.mx-16-xl{margin-right:8rem!important}.p-16-xl{padding:8rem!important}.pt-16-xl,.py-16-xl{padding-top:8rem!important}.pb-16-xl,.py-16-xl{padding-bottom:8rem!important}.pl-16-xl,.px-16-xl{padding-left:8rem!important}.pr-16-xl,.px-16-xl{padding-right:8rem!important}.m-20-xl{margin:10rem!important}.mt-20-xl,.my-20-xl{margin-top:10rem!important}.mb-20-xl,.my-20-xl{margin-bottom:10rem!important}.ml-20-xl,.mx-20-xl{margin-left:10rem!important}.mr-20-xl,.mx-20-xl{margin-right:10rem!important}.p-20-xl{padding:10rem!important}.pt-20-xl,.py-20-xl{padding-top:10rem!important}.pb-20-xl,.py-20-xl{padding-bottom:10rem!important}.pl-20-xl,.px-20-xl{padding-left:10rem!important}.pr-20-xl,.px-20-xl{padding-right:10rem!important}.m-24-xl{margin:12rem!important}.mt-24-xl,.my-24-xl{margin-top:12rem!important}.mb-24-xl,.my-24-xl{margin-bottom:12rem!important}.ml-24-xl,.mx-24-xl{margin-left:12rem!important}.mr-24-xl,.mx-24-xl{margin-right:12rem!important}.p-24-xl{padding:12rem!important}.pt-24-xl,.py-24-xl{padding-top:12rem!important}.pb-24-xl,.py-24-xl{padding-bottom:12rem!important}.pl-24-xl,.px-24-xl{padding-left:12rem!important}.pr-24-xl,.px-24-xl{padding-right:12rem!important}.m-32-xl{margin:16rem!important}.mt-32-xl,.my-32-xl{margin-top:16rem!important}.mb-32-xl,.my-32-xl{margin-bottom:16rem!important}.ml-32-xl,.mx-32-xl{margin-left:16rem!important}.mr-32-xl,.mx-32-xl{margin-right:16rem!important}.p-32-xl{padding:16rem!important}.pt-32-xl,.py-32-xl{padding-top:16rem!important}.pb-32-xl,.py-32-xl{padding-bottom:16rem!important}.pl-32-xl,.px-32-xl{padding-left:16rem!important}.pr-32-xl,.px-32-xl{padding-right:16rem!important}.ml-auto-xl,.mx-auto-xl{margin-left:auto!important}.mr-auto-xl,.mx-auto-xl{margin-right:auto!important}.mt-auto-xl,.my-auto-xl{margin-top:auto!important}.mb-auto-xl,.my-auto-xl{margin-bottom:auto!important}}.btn,[type=button],[type=reset],[type=submit],button{line-height:2rem;overflow:hidden;padding:.5rem 1rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;transition:all var(--animation-duration);background-color:rgba(var(--btn-color),var(--bg-opacity));border-color:rgba(var(--btn-border-color),var(--color-opacity));color:rgba(var(--btn-fg),var(--color-opacity));font-size:.75rem;font-weight:inherit;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:248,249,250;--btn-fg:73,80,87;--btn-border-color:233,236,239}.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);--btn-color:241,243,245;color:rgba(var(--btn-fg),var(--color-opacity))}.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn:focus,[type=button]:focus,[type=reset]:focus,[type=submit]:focus,button:focus{outline:0}.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:active,[type=button]:disabled:active,[type=reset]:disabled:active,[type=submit]:disabled:active,button:disabled:active{pointer-events:none}.btn.outline,[type=button].outline,[type=reset].outline,[type=submit].outline,button.outline{--btn-color:transparent}.btn.outline:hover,[type=button].outline:hover,[type=reset].outline:hover,[type=submit].outline:hover,button.outline:hover{--btn-color:233,236,239}.btn.loading:active::after,[type=button].loading:active::after,[type=reset].loading:active::after,[type=submit].loading:active::after,button.loading:active::after{border-radius:50%;border-right-color:transparent;border-top-color:transparent;transition:var(--animation-duration) ease}.btn.btn-animated,[type=button].btn-animated,[type=reset].btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=button].btn-animated:active,[type=reset].btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{transform:scale(.95);transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-close,[type=button].btn-close,[type=reset].btn-close,[type=submit].btn-close,button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}.btn.btn-close:hover,[type=button].btn-close:hover,[type=reset].btn-close:hover,[type=submit].btn-close:hover,button.btn-close:hover{background-color:rgba(10,10,10,.3)}.btn.btn-close::before,[type=button].btn-close::before,[type=reset].btn-close::before,[type=submit].btn-close::before,button.btn-close::before{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;height:2px;width:50%}.btn.btn-close::after,[type=button].btn-close::after,[type=reset].btn-close::after,[type=submit].btn-close::after,button.btn-close::after{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;height:50%;width:2px}.btn.btn-transparent,[type=button].btn-transparent,[type=reset].btn-transparent,[type=submit].btn-transparent,button.btn-transparent{--btn-color:transparent;--btn-fg:54,54,54;--btn-border-color:transparent}.btn.btn-transparent:focus,[type=button].btn-transparent:focus,[type=reset].btn-transparent:focus,[type=submit].btn-transparent:focus,button.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-transparent:hover,[type=button].btn-transparent:hover,[type=reset].btn-transparent:hover,[type=submit].btn-transparent:hover,button.btn-transparent:hover{--bg-opacity:0.1;--btn-color:0,0,0}.btn.btn-transparent.outline,[type=button].btn-transparent.outline,[type=reset].btn-transparent.outline,[type=submit].btn-transparent.outline,button.btn-transparent.outline{--btn-fg:54,54,54}.btn.btn-light,[type=button].btn-light,[type=reset].btn-light,[type=submit].btn-light,button.btn-light{--btn-color:246,249,252;--btn-fg:54,54,54;--btn-border-color:246,249,252}.btn.btn-light:hover,[type=button].btn-light:hover,[type=reset].btn-light:hover,[type=submit].btn-light:hover,button.btn-light:hover{--btn-color:208,224,239}.btn.btn-light:focus,[type=button].btn-light:focus,[type=reset].btn-light:focus,[type=submit].btn-light:focus,button.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-dark,[type=button].btn-dark,[type=reset].btn-dark,[type=submit].btn-dark,button.btn-dark{--btn-color:54,54,54;--btn-fg:246,249,252;--btn-border-color:54,54,54}.btn.btn-dark:focus,[type=button].btn-dark:focus,[type=reset].btn-dark:focus,[type=submit].btn-dark:focus,button.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-dark:hover,[type=button].btn-dark:hover,[type=reset].btn-dark:hover,[type=submit].btn-dark:hover,button.btn-dark:hover{--btn-color:80,80,80}.btn.btn-dark.outline:hover,[type=button].btn-dark.outline:hover,[type=reset].btn-dark.outline:hover,[type=submit].btn-dark.outline:hover,button.btn-dark.outline:hover{--btn-color:54,54,54}.btn.btn-black,[type=button].btn-black,[type=reset].btn-black,[type=submit].btn-black,button.btn-black{--btn-color:0,0,0;--btn-fg:246,249,252;--btn-border-color:0,0,0}.btn.btn-black:focus,[type=button].btn-black:focus,[type=reset].btn-black:focus,[type=submit].btn-black:focus,button.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-black:hover,[type=button].btn-black:hover,[type=reset].btn-black:hover,[type=submit].btn-black:hover,button.btn-black:hover{--btn-color:0,0,0}.btn.btn-primary,[type=button].btn-primary,[type=reset].btn-primary,[type=submit].btn-primary,button.btn-primary{--btn-color:240,61,77;--btn-fg:246,249,252;--btn-border-color:194,27,43}.btn.btn-primary:focus,[type=button].btn-primary:focus,[type=reset].btn-primary:focus,[type=submit].btn-primary:focus,button.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,77,.5)}.btn.btn-primary:hover,[type=button].btn-primary:hover,[type=reset].btn-primary:hover,[type=submit].btn-primary:hover,button.btn-primary:hover{--btn-color:214,41,57}.btn.btn-primary.outline:hover,[type=button].btn-primary.outline:hover,[type=reset].btn-primary.outline:hover,[type=submit].btn-primary.outline:hover,button.btn-primary.outline:hover{--btn-color:240,61,77}.btn.btn-info,[type=button].btn-info,[type=reset].btn-info,[type=submit].btn-info,button.btn-info{--btn-color:41,114,250;--btn-fg:246,249,252;--btn-border-color:41,114,250}.btn.btn-info:focus,[type=button].btn-info:focus,[type=reset].btn-info:focus,[type=submit].btn-info:focus,button.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn.btn-info:hover,[type=button].btn-info:hover,[type=reset].btn-info:hover,[type=submit].btn-info:hover,button.btn-info:hover{--btn-color:16,98,249}.btn.btn-info.outline:hover,[type=button].btn-info.outline:hover,[type=reset].btn-info.outline:hover,[type=submit].btn-info.outline:hover,button.btn-info.outline:hover{--btn-color:41,114,250}.btn.btn-link,[type=button].btn-link,[type=reset].btn-link,[type=submit].btn-link,button.btn-link{--btn-color:94,92,199;--btn-fg:246,249,252;--btn-border-color:94,92,199}.btn.btn-link:focus,[type=button].btn-link:focus,[type=reset].btn-link:focus,[type=submit].btn-link:focus,button.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn.btn-link:hover,[type=button].btn-link:hover,[type=reset].btn-link:hover,[type=submit].btn-link:hover,button.btn-link:hover{--btn-color:70,67,226}.btn.btn-link.outline,[type=button].btn-link.outline,[type=reset].btn-link.outline,[type=submit].btn-link.outline,button.btn-link.outline{--btn-fg:94,92,199;border:1px solid transparent}.btn.btn-link.outline:hover,[type=button].btn-link.outline:hover,[type=reset].btn-link.outline:hover,[type=submit].btn-link.outline:hover,button.btn-link.outline:hover{--btn-color:248,247,255;border:1px solid transparent;text-decoration:underline}.btn.btn-success,[type=button].btn-success,[type=reset].btn-success,[type=submit].btn-success,button.btn-success{--btn-color:13,209,87;--btn-fg:246,249,252;--btn-border-color:13,209,87}.btn.btn-success:focus,[type=button].btn-success:focus,[type=reset].btn-success:focus,[type=submit].btn-success:focus,button.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.5)}.btn.btn-success:hover,[type=button].btn-success:hover,[type=reset].btn-success:hover,[type=submit].btn-success:hover,button.btn-success:hover{--btn-color:12,185,77}.btn.btn-success.outline:hover,[type=button].btn-success.outline:hover,[type=reset].btn-success.outline:hover,[type=submit].btn-success.outline:hover,button.btn-success.outline:hover{--btn-color:13,209,87}.btn.btn-warning,[type=button].btn-warning,[type=reset].btn-warning,[type=submit].btn-warning,button.btn-warning{--btn-color:250,182,51;--btn-fg:54,54,54;--btn-border-color:250,182,51}.btn.btn-warning:focus,[type=button].btn-warning:focus,[type=reset].btn-warning:focus,[type=submit].btn-warning:focus,button.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,182,51,.5)}.btn.btn-warning:hover,[type=button].btn-warning:hover,[type=reset].btn-warning:hover,[type=submit].btn-warning:hover,button.btn-warning:hover{--btn-color:249,173,26}.btn.btn-warning.outline:hover,[type=button].btn-warning.outline:hover,[type=reset].btn-warning.outline:hover,[type=submit].btn-warning.outline:hover,button.btn-warning.outline:hover{--btn-color:250,182,51}.btn.btn-danger,[type=button].btn-danger,[type=reset].btn-danger,[type=submit].btn-danger,button.btn-danger{--btn-color:251,65,67;--btn-fg:246,249,252;--btn-border-color:251,65,67}.btn.btn-danger:focus,[type=button].btn-danger:focus,[type=reset].btn-danger:focus,[type=submit].btn-danger:focus,button.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.5)}.btn.btn-danger:hover,[type=button].btn-danger:hover,[type=reset].btn-danger:hover,[type=submit].btn-danger:hover,button.btn-danger:hover{--btn-color:235,5,7}.btn.btn-danger.outline:hover,[type=button].btn-danger.outline:hover,[type=reset].btn-danger.outline:hover,[type=submit].btn-danger.outline:hover,button.btn-danger.outline:hover{--btn-color:251,65,67}.btn.btn--xs,[type=button].btn--xs,[type=reset].btn--xs,[type=submit].btn--xs,button.btn--xs{padding:0 .5rem;font-size:50%}.btn.btn--sm,[type=button].btn--sm,[type=reset].btn--sm,[type=submit].btn--sm,button.btn--sm{padding:.25rem 1rem;font-size:70%}.btn.btn--md,[type=button].btn--md,[type=reset].btn--md,[type=submit].btn--md,button.btn--md{padding:.5rem 1.5rem;font-size:90%}.btn.btn--lg,[type=button].btn--lg,[type=reset].btn--lg,[type=submit].btn--lg,button.btn--lg{padding:.75rem 2rem;font-size:110%}.btn.btn--xl,[type=button].btn--xl,[type=reset].btn--xl,[type=submit].btn--xl,button.btn--xl{padding:1rem 2.5rem;font-size:130%}.btn .fa-wrapper.pad-right,[type=button] .fa-wrapper.pad-right,[type=reset] .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=button] .fa-wrapper.pad-left,[type=reset] .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=button] span:first-child,[type=reset] span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=button] span:last-child,[type=reset] span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}a.btn{display:inline-flex}[class*=" btn-"]:not(.btn-container):not(.btn-close),[class^=btn-]:not(.btn-container):not(.btn-close){background-color:rgba(var(--btn-color),var(--bg-opacity));border:1px solid rgba(var(--btn-border-color),var(--color-opacity));color:rgba(var(--btn-fg),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close):hover,[class^=btn-]:not(.btn-container):not(.btn-close):hover{background-color:rgba(var(--btn-color),var(--bg-opacity));border-color:rgba(var(--btn-border-color),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline,[class^=btn-]:not(.btn-container):not(.btn-close).outline{background-color:transparent;color:rgba(var(--btn-color),var(--color-opacity))}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline:hover,[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover{background-color:rgba(var(--btn-color),var(--bg-opacity));color:rgba(var(--btn-fg),var(--color-opacity));transition:all var(--animation-duration)}[class*=" btn-"]:not(.btn-container):not(.btn-close).outline.btn-transparent,[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent{color:73,80,87!important}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn-group{display:inline-flex}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{flex:1 0 auto;margin:0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=button]:last-child:not(:first-child),.btn-group [type=reset]:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-1px}.btn-group .btn:focus,.btn-group [type=button]:focus,.btn-group [type=reset]:focus,.btn-group [type=submit]:focus,.btn-group button:focus{z-index:1}.btn-group.btn-group-fill{display:flex}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=button],.btn-group.btn-group-fill [type=reset],.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{flex:1 0}.btn-group.btn-group-fill:focus{z-index:1}@media screen and (max-width:767px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=button]:last-child:not(:first-child),.btn-group [type=reset]:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{--cirrus-code-label-fg:#868e96;padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code:before{color:var(--cirrus-code-label-fg);content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}code.dark{--cirrus-code-bg:#343a40;--cirrus-code-fg:#f8f9fa;--cirrus-border-left-bg:#212529;--cirrus-code-label-fg:#ced4da}pre>code{--cirrus-code-bg:#f8f9fa;--cirrus-code-fg:#343a40;--cirrus-border-left-bg:#e9ecef;background-color:var(--cirrus-code-bg);font-size:14px;display:block;padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-border-left-bg);margin:0;position:relative;color:var(--cirrus-code-fg)}pre>code[data-lang]:not([data-lang=""]){padding:2rem 1.5rem 1rem}.footer{background-color:#343a40;padding:6rem 0;text-align:center;margin-top:5rem;width:100%}.footer.footer--fixed{bottom:0;position:fixed}.footer p{color:#868e96}.footer ul{margin:.5rem 0}.footer .footer__title{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}.footer .footer__list-title{color:#ced4da;font-size:75%;text-transform:uppercase;font-weight:bolder}.footer .footer__list-title::after{content:"";display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}.footer .footer__list-item,.footer ul a .footer__list-item{margin:.1rem;color:#868e96;transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xs,select.input--xs{font-size:.75rem;padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--sm,select.input--sm{font-size:.875rem;padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--lg,select.input--lg{font-size:1.25rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input--xl,select.input--xl{font-size:1.5rem}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,select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,select.input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xs,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs,select.input-contains-icon-right.input-xs,select.input-contains-icon.input--xs{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-sm,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm,select.input-contains-icon-right.input-sm,select.input-contains-icon.input--sm{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-lg,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg,select.input-contains-icon-right.input-lg,select.input-contains-icon.input--lg{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xl,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl,select.input-contains-icon-right.input-xl,select.input-contains-icon.input--xl{padding-left:4rem}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xs~.icon,select.input-contains-icon-left.input--xs~.icon,select.input-contains-icon-right.input--xs~.icon.icon-right,select.input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--sm~.icon,select.input-contains-icon-left.input--sm~.icon,select.input-contains-icon-right.input--sm~.icon.icon-right,select.input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--lg~.icon,select.input-contains-icon-left.input--lg~.icon,select.input-contains-icon-right.input--lg~.icon.icon-right,select.input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}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,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input--xl~.icon,select.input-contains-icon-left.input--xl~.icon,select.input-contains-icon-right.input--xl~.icon.icon-right,select.input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).search,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=search],select.search,select[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,');padding-left:2rem!important;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],select[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,select.input-success{border-color:#0dd157;background-color:rgba(0,224,0,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,select.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,select.input-error{border-color:#fb4143;background-color:rgba(244,67,54,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,select.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}textarea,textarea[type=text]{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;min-height:8rem;line-height:1.5rem;resize:vertical}textarea.input--xs,textarea[type=text].input--xs{font-size:.75rem;padding:.35rem .9rem}textarea.input--sm,textarea[type=text].input--sm{font-size:.875rem;padding:.55rem 1rem}textarea.input--lg,textarea[type=text].input--lg{font-size:1.25rem}textarea.input--xl,textarea[type=text].input--xl{font-size:1.5rem}textarea.input-contains-icon,textarea.input-contains-icon-left,textarea[type=text].input-contains-icon,textarea[type=text].input-contains-icon-left{padding-left:2.75rem}textarea.input-contains-icon-right,textarea[type=text].input-contains-icon-right{padding-right:2.75rem}textarea.input-contains-icon-right.input-xs,textarea.input-contains-icon.input--xs,textarea[type=text].input-contains-icon-right.input-xs,textarea[type=text].input-contains-icon.input--xs{padding-left:2rem}textarea.input-contains-icon-right.input-sm,textarea.input-contains-icon.input--sm,textarea[type=text].input-contains-icon-right.input-sm,textarea[type=text].input-contains-icon.input--sm{padding-left:2.5rem}textarea.input-contains-icon-right.input-lg,textarea.input-contains-icon.input--lg,textarea[type=text].input-contains-icon-right.input-lg,textarea[type=text].input-contains-icon.input--lg{padding-left:3.5rem}textarea.input-contains-icon-right.input-xl,textarea.input-contains-icon.input--xl,textarea[type=text].input-contains-icon-right.input-xl,textarea[type=text].input-contains-icon.input--xl{padding-left:4rem}textarea.input-contains-icon-left.input--xs~.icon,textarea.input-contains-icon-right.input--xs~.icon.icon-right,textarea.input-contains-icon.input--xs~.icon,textarea[type=text].input-contains-icon-left.input--xs~.icon,textarea[type=text].input-contains-icon-right.input--xs~.icon.icon-right,textarea[type=text].input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}textarea.input-contains-icon-left.input--sm~.icon,textarea.input-contains-icon-right.input--sm~.icon.icon-right,textarea.input-contains-icon.input--sm~.icon,textarea[type=text].input-contains-icon-left.input--sm~.icon,textarea[type=text].input-contains-icon-right.input--sm~.icon.icon-right,textarea[type=text].input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}textarea.input-contains-icon-left.input--lg~.icon,textarea.input-contains-icon-right.input--lg~.icon.icon-right,textarea.input-contains-icon.input--lg~.icon,textarea[type=text].input-contains-icon-left.input--lg~.icon,textarea[type=text].input-contains-icon-right.input--lg~.icon.icon-right,textarea[type=text].input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}textarea.input-contains-icon-left.input--xl~.icon,textarea.input-contains-icon-right.input--xl~.icon.icon-right,textarea.input-contains-icon.input--xl~.icon,textarea[type=text].input-contains-icon-left.input--xl~.icon,textarea[type=text].input-contains-icon-right.input--xl~.icon.icon-right,textarea[type=text].input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,.45),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-success,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,input[type=text].input-focused.input-success,select:focus.input-success,textarea:focus.input-success,textarea[type=text]:focus.input-success{border-color:#0dd157;background-color:rgba(0,224,0,.05)!important}.input-focused.input-success:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,input[type=text].input-focused.input-success:focus,select:focus.input-success:focus,textarea:focus.input-success:focus,textarea[type=text]:focus.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-error,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,input[type=text].input-focused.input-error,select:focus.input-error,textarea:focus.input-error,textarea[type=text]:focus.input-error{border-color:#fb4143;background-color:rgba(244,67,54,.05)!important}.input-focused.input-error:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,input[type=text].input-focused.input-error:focus,select:focus.input-error:focus,textarea:focus.input-error:focus,textarea[type=text]:focus.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;background-color:#fff;border:1px solid #ddd}select.input--xs{font-size:.75rem;padding:.35rem .9rem}select.input--sm{font-size:.875rem;padding:.55rem 1rem}select.input--lg{font-size:1.25rem}select.input--xl{font-size:1.5rem}select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}select.input-contains-icon-right{padding-right:2.75rem}select.input-contains-icon-right.input-xs,select.input-contains-icon.input--xs{padding-left:2rem}select.input-contains-icon-right.input-sm,select.input-contains-icon.input--sm{padding-left:2.5rem}select.input-contains-icon-right.input-lg,select.input-contains-icon.input--lg{padding-left:3.5rem}select.input-contains-icon-right.input-xl,select.input-contains-icon.input--xl{padding-left:4rem}select.input-contains-icon-left.input--xs~.icon,select.input-contains-icon-right.input--xs~.icon.icon-right,select.input-contains-icon.input--xs~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}select.input-contains-icon-left.input--sm~.icon,select.input-contains-icon-right.input--sm~.icon.icon-right,select.input-contains-icon.input--sm~.icon{width:2.5rem;font-size:14px}select.input-contains-icon-left.input--lg~.icon,select.input-contains-icon-right.input--lg~.icon.icon-right,select.input-contains-icon.input--lg~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}select.input-contains-icon-left.input--xl~.icon,select.input-contains-icon-right.input--xl~.icon.icon-right,select.input-contains-icon.input--xl~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){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") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f1f3f5;cursor:not-allowed;border:1px solid #f1f3f5}label.label{color:#495057;display:inline-block;font-weight:700;margin-top:.8rem}label+.input-control{margin-top:0}label.label:not(:last-child){margin-bottom:0}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#c81e1e;padding-left:.1rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon-left~.icon,.input-contains-icon-right~.icon,.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-btn:focus{z-index:1}.form-group .form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #dee2e6;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-label.label--xs{font-size:.75rem}.form-group .form-group-label.label--sm{font-size:.875rem}.form-group .form-group-label.label--lg{font-size:1.25rem}.form-group .form-group-label.label--xl{font-size:1.5rem}.form-group .form-group-input:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-input:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-input:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-input:focus{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07);display:flex;flex-direction:column}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto}.frame .frame__body{flex:1 1 auto;overflow-y:auto;padding:0 1rem}.frame .frame__title{color:#0f172a;font-size:1rem;margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(15,23,42,.6);font-size:1rem;margin:0 auto .75rem}.header{flex-grow:1;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s;display:flex;--header-link-color:#495057;--header-link-color-hover:#606a73}.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:0}.header a{color:var(--header-link-color)}.header a:hover{color:var(--header-link-color-hover)}.header.header-dark{background-color:rgba(0,0,0,.87);color:#fff;--header-link-color:#fff;--header-link-color-hover:#fff}.header.header-clear{background-color:transparent;box-shadow:none}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.header.header-animated .header-nav{transition:.3s}.header .header-nav{overflow:auto}.header .header-brand{align-items:stretch;display:flex;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header.header-fixed{position:fixed;top:0}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{background-color:rgba(216,216,216,.15);transition:.3s}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.header .nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header [type=button],.header [type=reset],.header [type=submit],.header button{margin:0}.nav-menu{transition:.3s}.nav-menu .has-sub{position:relative}.nav-overflow-x{justify-content:inherit;overflow-x:scroll}.nav-item{align-items:center;display:flex;position:relative;flex-grow:0;flex-shrink:0;justify-content:center;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #e9ecef;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.nav-item .dropdown-menu.dropdown-animated{transition:all var(--animation-duration)}.nav-item .dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.nav-item .dropdown-menu>li{margin:0;transition:.3s}.nav-item .dropdown-menu>li:hover{transition:.3s;background-color:rgba(216,216,216,.15)}.nav-item .dropdown-menu>li:active{transition:.3s;background-color:rgba(216,216,216,.25)}.nav-item .dropdown-menu>li:last-child{margin-bottom:0}.nav-item .dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid #f03d4d;border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.header.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #343a40;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}@media screen and (min-width:768px){.header{align-items:stretch;display:flex}.header .header-nav{flex-grow:1;align-items:stretch;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.header .nav-left{align-items:stretch;flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-start;white-space:nowrap}.header .nav-left .has-sub .dropdown-menu{left:0;right:auto}.header .nav-right{align-items:stretch;flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;white-space:nowrap}.header .nav-right .has-sub .dropdown-menu{left:auto;right:0}.header .nav-center{align-items:stretch;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-left:auto;margin-right:auto}.header .nav-btn{display:none}.header .nav-item a{padding:.5rem 1rem}.header .nav-item .dropdown-menu{opacity:0;pointer-events:none}.header .nav-item .dropdown-menu.dropdown-animated{transform:translateY(-5px)}.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.header .nav-item .dropdown-menu.dropdown-shown,.header .nav-item.toggle-hover:hover .dropdown-menu{opacity:1;transform:none;pointer-events:auto}}@media screen and (max-width:767px){.header{flex-direction:column}.header .header-brand .nav-item:first-child{padding:0 1rem}.header .header-nav{height:0}.header .header-nav.active{height:100vh}.header .header-nav .nav-item{padding:1rem}.header .header-nav .nav-item>a{padding:0;width:100%}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu{display:none}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:var(--header-link-color);display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;transition:86ms ease-out;width:15px}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}.header .nav-item.has-sub.toggle-hover:not(.no-hover):hover>.dropdown-menu{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}}a{color:#5e5cc7;font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:#4643e2;transition:.3s}a.underline{text-decoration:underline}.subtitle a{padding:0}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}ul.no-bullets{list-style:none}ul.menu{font-size:1rem;list-style:none;margin:.5rem 0}ul .menu-title:not(:first-child){margin-bottom:1rem}ul .menu-title:not(:last-child){margin-top:1rem}ul .menu-item a{color:#495057;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;transition:all var(--animation-duration)}ul .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#f03d4d;transition:all var(--animation-duration)}ul .menu-item.selected>a{color:#fff;background-color:#f03d4d}ul .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;transition:all var(--animation-duration)}ul .menu-item .menu-addon .icon{font-size:inherit;vertical-align:auto}ul .menu-item .menu-addon:hover{transition:all var(--animation-duration)}ul .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}ul .menu-item.selected .menu-addon{color:#fff}ul .menu-item ul{border-left:1px solid #dee2e6;margin:.75rem;padding-left:.75rem}ul .divider{border-top:.1rem solid #e9ecef;height:.1rem;margin:1rem 0}ul .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#adb5bd;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;animation:slide-down var(--animation-duration) ease 1;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 1rem 3rem rgba(149,157,165,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;transition:all var(--animation-duration)}@media screen and (max-width:767px){.list-dropdown .menu{height:0;padding:0!important;position:relative}}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-weight:700}.tree .tree-item .tree-item-header .icon{transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;transition:all var(--animation-duration)}.tree-nav-body{display:flex;height:100vh;flex-wrap:nowrap}.tree-nav-body .tree-nav{flex-grow:0;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav-body .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav-body+.tree-nav-close{display:none}.tree-nav-body+.tree-nav-content{max-width:100%;padding:2rem;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-body .tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}@media screen and (max-width:767px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--animation-duration) ease;z-index:400}.tree-nav:target{transform:translateX(0);transition:transform var(--animation-duration) ease}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}.progress{--progress-color:#f03d4d;-moz-appearance:none;-webkit-appearance:none;background-color:#e9ecef;border:none;border-radius:.25rem;overflow:hidden;padding:0;width:100%;height:.75rem}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:var(--progress-color)}.progress::-moz-progress-bar{background-color:var(--progress-color)}.progress::-ms-fill{background-color:var(--progress-color);border:none}.progress.progress--xs{height:.25rem}.progress.progress--sm{height:.5rem}.progress.progress--md{height:.75rem}.progress.progress--lg{height:1rem}.progress.progress--xl{height:1.25rem}.progress.progress--primary{--progress-color:#f03d4d}.progress.progress--dark{--progress-color:#363636}.progress.progress--link{--progress-color:#5e5cc7}.progress.progress--info{--progress-color:#2972fa}.progress.progress--success{--progress-color:#0dd157}.progress.progress--warning{--progress-color:#fab633}.progress.progress--danger{--progress-color:#fb4143}.progress:indeterminate{animation:1.5s linear infinite progress-indeterminate;background:#e9ecef linear-gradient(to right,var(--progress-color) 30%,#e9ecef 30%) top left/150% 150% no-repeat}.progress:indeterminate::-webkit-progress-bar{--progress-color:transparent}.progress:indeterminate::-moz-progress-bar{--progress-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.table-container{overflow:auto;overflow-y:hidden;max-width:100%}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(222,226,230,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table tr.selected{background-color:#f03d4d;color:#fff}.table .table caption{padding-top:.75rem;padding-bottom:.75rem;color:#dee2e6;text-align:left;caption-side:bottom}.table tr:not(.selected):hover,.table.striped tbody tr:not(.selected):nth-child(even):hover{background-color:rgba(222,226,230,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(222,226,230,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(222,226,230,.5);border-bottom:none}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(222,226,230,.5)}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.bordered thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{min-height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}.u-top-auto{top:auto!important}.u-top-0{top:0!important}.u-top-50p{top:50%!important}.u-top-100p{top:100%!important}.u-top-n50p{top:-50%!important}.u-top-n100p{top:-100%!important}.u-left-auto{left:auto!important}.u-left-0{left:0!important}.u-left-50p{left:50%!important}.u-left-100p{left:100%!important}.u-left-n50p{left:-50%!important}.u-left-n100p{left:-100%!important}.u-right-auto{right:auto!important}.u-right-0{right:0!important}.u-right-50p{right:50%!important}.u-right-100p{right:100%!important}.u-right-n50p{right:-50%!important}.u-right-n100p{right:-100%!important}.u-bottom-auto{bottom:auto!important}.u-bottom-0{bottom:0!important}.u-bottom-50p{bottom:50%!important}.u-bottom-100p{bottom:100%!important}.u-bottom-n50p{bottom:-50%!important}.u-bottom-n100p{bottom:-100%!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-none{display:none!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-table-column{display:table-column!important}.u-table-cell{display:table-cell!important}.u-flex-row{flex-direction:row!important}.u-flex-row-reverse{flex-direction:row-reverse!important}.u-flex-column{flex-direction:column!important}.u-flex-column-reverse{flex-direction:column-reverse!important}@media screen and (min-width:640px){.u-clear-left-sm{clear:left!important}.u-clear-right-sm{clear:right!important}.u-clear-both-sm{clear:both!important}.u-none-sm{display:none!important}.u-inline-sm{display:inline!important}.u-inline-block-sm{display:inline-block!important}.u-block-sm{display:block!important}.u-flex-sm{display:flex!important}.u-inline-flex-sm{display:inline-flex!important}.u-table-sm{display:table!important}.u-table-row-sm{display:table-row!important}.u-table-column-sm{display:table-column!important}.u-table-cell-sm{display:table-cell!important}.u-flex-row-sm{flex-direction:row!important}.u-flex-row-reverse-sm{flex-direction:row-reverse!important}.u-flex-column-sm{flex-direction:column!important}.u-flex-column-reverse-sm{flex-direction:column-reverse!important}}@media screen and (min-width:768px){.u-clear-left-md{clear:left!important}.u-clear-right-md{clear:right!important}.u-clear-both-md{clear:both!important}.u-none-md{display:none!important}.u-inline-md{display:inline!important}.u-inline-block-md{display:inline-block!important}.u-block-md{display:block!important}.u-flex-md{display:flex!important}.u-inline-flex-md{display:inline-flex!important}.u-table-md{display:table!important}.u-table-row-md{display:table-row!important}.u-table-column-md{display:table-column!important}.u-table-cell-md{display:table-cell!important}.u-flex-row-md{flex-direction:row!important}.u-flex-row-reverse-md{flex-direction:row-reverse!important}.u-flex-column-md{flex-direction:column!important}.u-flex-column-reverse-md{flex-direction:column-reverse!important}}@media screen and (min-width:1024px){.u-clear-left-lg{clear:left!important}.u-clear-right-lg{clear:right!important}.u-clear-both-lg{clear:both!important}.u-none-lg{display:none!important}.u-inline-lg{display:inline!important}.u-inline-block-lg{display:inline-block!important}.u-block-lg{display:block!important}.u-flex-lg{display:flex!important}.u-inline-flex-lg{display:inline-flex!important}.u-table-lg{display:table!important}.u-table-row-lg{display:table-row!important}.u-table-column-lg{display:table-column!important}.u-table-cell-lg{display:table-cell!important}.u-flex-row-lg{flex-direction:row!important}.u-flex-row-reverse-lg{flex-direction:row-reverse!important}.u-flex-column-lg{flex-direction:column!important}.u-flex-column-reverse-lg{flex-direction:column-reverse!important}}@media screen and (min-width:1280px){.u-clear-left-xl{clear:left!important}.u-clear-right-xl{clear:right!important}.u-clear-both-xl{clear:both!important}.u-none-xl{display:none!important}.u-inline-xl{display:inline!important}.u-inline-block-xl{display:inline-block!important}.u-block-xl{display:block!important}.u-flex-xl{display:flex!important}.u-inline-flex-xl{display:inline-flex!important}.u-table-xl{display:table!important}.u-table-row-xl{display:table-row!important}.u-table-column-xl{display:table-column!important}.u-table-cell-xl{display:table-cell!important}.u-flex-row-xl{flex-direction:row!important}.u-flex-row-reverse-xl{flex-direction:row-reverse!important}.u-flex-column-xl{flex-direction:column!important}.u-flex-column-reverse-xl{flex-direction:column-reverse!important}}.u-justify-flex-start{justify-content:flex-start!important}.u-justify-center{justify-content:center!important}.u-justify-flex-end{justify-content:flex-end!important}.u-justify-space-between{justify-content:space-between!important}.u-justify-space-around{justify-content:space-around!important}.u-justify-space-evenly{justify-content:space-evenly!important}@media screen and (min-width:640px){.u-justify-flex-start-sm{justify-content:flex-start!important}.u-justify-center-sm{justify-content:center!important}.u-justify-flex-end-sm{justify-content:flex-end!important}.u-justify-space-between-sm{justify-content:space-between!important}.u-justify-space-around-sm{justify-content:space-around!important}.u-justify-space-evenly-sm{justify-content:space-evenly!important}}@media screen and (min-width:768px){.u-justify-flex-start-md{justify-content:flex-start!important}.u-justify-center-md{justify-content:center!important}.u-justify-flex-end-md{justify-content:flex-end!important}.u-justify-space-between-md{justify-content:space-between!important}.u-justify-space-around-md{justify-content:space-around!important}.u-justify-space-evenly-md{justify-content:space-evenly!important}}@media screen and (min-width:1024px){.u-justify-flex-start-lg{justify-content:flex-start!important}.u-justify-center-lg{justify-content:center!important}.u-justify-flex-end-lg{justify-content:flex-end!important}.u-justify-space-between-lg{justify-content:space-between!important}.u-justify-space-around-lg{justify-content:space-around!important}.u-justify-space-evenly-lg{justify-content:space-evenly!important}}@media screen and (min-width:1280px){.u-justify-flex-start-xl{justify-content:flex-start!important}.u-justify-center-xl{justify-content:center!important}.u-justify-flex-end-xl{justify-content:flex-end!important}.u-justify-space-between-xl{justify-content:space-between!important}.u-justify-space-around-xl{justify-content:space-around!important}.u-justify-space-evenly-xl{justify-content:space-evenly!important}}.u-items-stretch{align-items:stretch!important}.u-items-flex-start{align-items:flex-start!important}.u-items-center{align-items:center!important}.u-items-flex-end{align-items:flex-end!important}.u-items-baseline{align-items:baseline!important}@media screen and (min-width:640px){.u-items-stretch-sm{align-items:stretch!important}.u-items-flex-start-sm{align-items:flex-start!important}.u-items-center-sm{align-items:center!important}.u-items-flex-end-sm{align-items:flex-end!important}.u-items-baseline-sm{align-items:baseline!important}}@media screen and (min-width:768px){.u-items-stretch-md{align-items:stretch!important}.u-items-flex-start-md{align-items:flex-start!important}.u-items-center-md{align-items:center!important}.u-items-flex-end-md{align-items:flex-end!important}.u-items-baseline-md{align-items:baseline!important}}@media screen and (min-width:1024px){.u-items-stretch-lg{align-items:stretch!important}.u-items-flex-start-lg{align-items:flex-start!important}.u-items-center-lg{align-items:center!important}.u-items-flex-end-lg{align-items:flex-end!important}.u-items-baseline-lg{align-items:baseline!important}}@media screen and (min-width:1280px){.u-items-stretch-xl{align-items:stretch!important}.u-items-flex-start-xl{align-items:flex-start!important}.u-items-center-xl{align-items:center!important}.u-items-flex-end-xl{align-items:flex-end!important}.u-items-baseline-xl{align-items:baseline!important}}.u-flex-grow-0{flex-grow:0!important}.u-flex-grow-1{flex-grow:1!important}@media screen and (min-width:640px){.u-flex-grow-0-sm{flex-grow:0!important}.u-flex-grow-1-sm{flex-grow:1!important}}@media screen and (min-width:768px){.u-flex-grow-0-md{flex-grow:0!important}.u-flex-grow-1-md{flex-grow:1!important}}@media screen and (min-width:1024px){.u-flex-grow-0-lg{flex-grow:0!important}.u-flex-grow-1-lg{flex-grow:1!important}}@media screen and (min-width:1280px){.u-flex-grow-0-xl{flex-grow:0!important}.u-flex-grow-1-xl{flex-grow:1!important}}.u-flex-shrink-0{flex-shrink:0!important}.u-flex-shrink-1{flex-shrink:1!important}@media screen and (min-width:640px){.u-flex-shrink-0-sm{flex-shrink:0!important}.u-flex-shrink-1-sm{flex-shrink:1!important}}@media screen and (min-width:768px){.u-flex-shrink-0-md{flex-shrink:0!important}.u-flex-shrink-1-md{flex-shrink:1!important}}@media screen and (min-width:1024px){.u-flex-shrink-0-lg{flex-shrink:0!important}.u-flex-shrink-1-lg{flex-shrink:1!important}}@media screen and (min-width:1280px){.u-flex-shrink-0-xl{flex-shrink:0!important}.u-flex-shrink-1-xl{flex-shrink:1!important}}.u-flex-wrap{flex-wrap:wrap!important}.u-flex-wrap-reverse{flex-wrap:wrap-reverse!important}.u-flex-nowrap{flex-wrap:nowrap!important}.u-gap-0{gap:0!important}.u-gap-1{gap:.5rem!important}.u-gap-2{gap:1rem!important}.u-gap-3{gap:1.5rem!important}.u-gap-4{gap:2rem!important}.u-gap-5{gap:2.5rem!important}.u-gap-6{gap:3rem!important}.u-gap-8{gap:4rem!important}.u-gap-10{gap:5rem!important}.u-gap-12{gap:6rem!important}.u-gap-16{gap:8rem!important}.u-gap-20{gap:10rem!important}.u-gap-24{gap:12rem!important}.u-gap-32{gap:16rem!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-text-center{text-align:center!important}@media screen and (min-width:640px){.u-flex-wrap-sm{flex-wrap:wrap!important}.u-flex-wrap-reverse-sm{flex-wrap:wrap-reverse!important}.u-flex-nowrap-sm{flex-wrap:nowrap!important}.u-pull-left-sm{float:left!important}.u-pull-right-sm{float:right!important}.u-text-justify-sm{text-align:justify!important}.u-text-left-sm{text-align:left!important}.u-text-right-sm{text-align:right!important}.u-text-center-sm{text-align:center!important}}@media screen and (min-width:768px){.u-flex-wrap-md{flex-wrap:wrap!important}.u-flex-wrap-reverse-md{flex-wrap:wrap-reverse!important}.u-flex-nowrap-md{flex-wrap:nowrap!important}.u-pull-left-md{float:left!important}.u-pull-right-md{float:right!important}.u-text-justify-md{text-align:justify!important}.u-text-left-md{text-align:left!important}.u-text-right-md{text-align:right!important}.u-text-center-md{text-align:center!important}}@media screen and (min-width:1024px){.u-flex-wrap-lg{flex-wrap:wrap!important}.u-flex-wrap-reverse-lg{flex-wrap:wrap-reverse!important}.u-flex-nowrap-lg{flex-wrap:nowrap!important}.u-pull-left-lg{float:left!important}.u-pull-right-lg{float:right!important}.u-text-justify-lg{text-align:justify!important}.u-text-left-lg{text-align:left!important}.u-text-right-lg{text-align:right!important}.u-text-center-lg{text-align:center!important}}@media screen and (min-width:1280px){.u-flex-wrap-xl{flex-wrap:wrap!important}.u-flex-wrap-reverse-xl{flex-wrap:wrap-reverse!important}.u-flex-nowrap-xl{flex-wrap:nowrap!important}.u-pull-left-xl{float:left!important}.u-pull-right-xl{float:right!important}.u-text-justify-xl{text-align:justify!important}.u-text-left-xl{text-align:left!important}.u-text-right-xl{text-align:right!important}.u-text-center-xl{text-align:center!important}}.u-text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:flex;align-items:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-disabled{cursor:not-allowed!important;pointer-events:none!important}.u-unselectable{user-select:none!important}.u-no-outline{outline:0!important}.u-opacity-0{opacity:0!important}.u-opacity-10{opacity:.1!important}.u-opacity-20{opacity:.2!important}.u-opacity-30{opacity:.3!important}.u-opacity-40{opacity:.4!important}.u-opacity-50{opacity:.5!important}.u-opacity-60{opacity:.6!important}.u-opacity-70{opacity:.7!important}.u-opacity-80{opacity:.8!important}.u-opacity-90{opacity:.9!important}.u-opacity-100{opacity:1!important}.u-bg-opacity-0{--bg-opacity:0}.u-bg-opacity-10{--bg-opacity:0.1}.u-bg-opacity-20{--bg-opacity:0.2}.u-bg-opacity-30{--bg-opacity:0.3}.u-bg-opacity-40{--bg-opacity:0.4}.u-bg-opacity-50{--bg-opacity:0.5}.u-bg-opacity-60{--bg-opacity:0.6}.u-bg-opacity-70{--bg-opacity:0.7}.u-bg-opacity-80{--bg-opacity:0.8}.u-bg-opacity-90{--bg-opacity:0.9}.u-bg-opacity-100{--bg-opacity:1}.u-color-opacity-0{--color-opacity:0}.u-color-opacity-10{--color-opacity:0.1}.u-color-opacity-20{--color-opacity:0.2}.u-color-opacity-30{--color-opacity:0.3}.u-color-opacity-40{--color-opacity:0.4}.u-color-opacity-50{--color-opacity:0.5}.u-color-opacity-60{--color-opacity:0.6}.u-color-opacity-70{--color-opacity:0.7}.u-color-opacity-80{--color-opacity:0.8}.u-color-opacity-90{--color-opacity:0.9}.u-color-opacity-100{--color-opacity:1}.u-overflow-auto{overflow:auto!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-visible{overflow:visible!important}.u-overflow-scroll{overflow:scroll!important}@media screen and (min-width:640px){.u-opacity-0-sm{opacity:0!important}.u-opacity-10-sm{opacity:.1!important}.u-opacity-20-sm{opacity:.2!important}.u-opacity-30-sm{opacity:.3!important}.u-opacity-40-sm{opacity:.4!important}.u-opacity-50-sm{opacity:.5!important}.u-opacity-60-sm{opacity:.6!important}.u-opacity-70-sm{opacity:.7!important}.u-opacity-80-sm{opacity:.8!important}.u-opacity-90-sm{opacity:.9!important}.u-opacity-100-sm{opacity:1!important}.u-overflow-auto-sm{overflow:auto!important}.u-overflow-hidden-sm{overflow:hidden!important}.u-overflow-visible-sm{overflow:visible!important}.u-overflow-scroll-sm{overflow:scroll!important}}@media screen and (min-width:768px){.u-opacity-0-md{opacity:0!important}.u-opacity-10-md{opacity:.1!important}.u-opacity-20-md{opacity:.2!important}.u-opacity-30-md{opacity:.3!important}.u-opacity-40-md{opacity:.4!important}.u-opacity-50-md{opacity:.5!important}.u-opacity-60-md{opacity:.6!important}.u-opacity-70-md{opacity:.7!important}.u-opacity-80-md{opacity:.8!important}.u-opacity-90-md{opacity:.9!important}.u-opacity-100-md{opacity:1!important}.u-overflow-auto-md{overflow:auto!important}.u-overflow-hidden-md{overflow:hidden!important}.u-overflow-visible-md{overflow:visible!important}.u-overflow-scroll-md{overflow:scroll!important}}@media screen and (min-width:1024px){.u-opacity-0-lg{opacity:0!important}.u-opacity-10-lg{opacity:.1!important}.u-opacity-20-lg{opacity:.2!important}.u-opacity-30-lg{opacity:.3!important}.u-opacity-40-lg{opacity:.4!important}.u-opacity-50-lg{opacity:.5!important}.u-opacity-60-lg{opacity:.6!important}.u-opacity-70-lg{opacity:.7!important}.u-opacity-80-lg{opacity:.8!important}.u-opacity-90-lg{opacity:.9!important}.u-opacity-100-lg{opacity:1!important}.u-overflow-auto-lg{overflow:auto!important}.u-overflow-hidden-lg{overflow:hidden!important}.u-overflow-visible-lg{overflow:visible!important}.u-overflow-scroll-lg{overflow:scroll!important}}@media screen and (min-width:1280px){.u-opacity-0-xl{opacity:0!important}.u-opacity-10-xl{opacity:.1!important}.u-opacity-20-xl{opacity:.2!important}.u-opacity-30-xl{opacity:.3!important}.u-opacity-40-xl{opacity:.4!important}.u-opacity-50-xl{opacity:.5!important}.u-opacity-60-xl{opacity:.6!important}.u-opacity-70-xl{opacity:.7!important}.u-opacity-80-xl{opacity:.8!important}.u-opacity-90-xl{opacity:.9!important}.u-opacity-100-xl{opacity:1!important}.u-overflow-auto-xl{overflow:auto!important}.u-overflow-hidden-xl{overflow:hidden!important}.u-overflow-visible-xl{overflow:visible!important}.u-overflow-scroll-xl{overflow:scroll!important}}.u-overflow-x-auto{overflow-x:auto!important}.u-overflow-x-hidden{overflow-x:hidden!important}.u-overflow-x-visible{overflow-x:visible!important}.u-overflow-x-scroll{overflow-x:scroll!important}.u-overflow-y-auto{overflow-y:auto!important}.u-overflow-y-hidden{overflow-y:hidden!important}.u-overflow-y-visible{overflow-y:visible!important}.u-overflow-y-scroll{overflow-y:scroll!important}.u-static{position:static!important}.u-fixed{position:fixed!important}.u-absolute{position:absolute!important}.u-relative{position:relative!important}.u-sticky{position:sticky!important}@media screen and (min-width:640px){.u-overflow-x-auto-sm{overflow-x:auto!important}.u-overflow-x-hidden-sm{overflow-x:hidden!important}.u-overflow-x-visible-sm{overflow-x:visible!important}.u-overflow-x-scroll-sm{overflow-x:scroll!important}.u-overflow-y-auto-sm{overflow-y:auto!important}.u-overflow-y-hidden-sm{overflow-y:hidden!important}.u-overflow-y-visible-sm{overflow-y:visible!important}.u-overflow-y-scroll-sm{overflow-y:scroll!important}.u-static-sm{position:static!important}.u-fixed-sm{position:fixed!important}.u-absolute-sm{position:absolute!important}.u-relative-sm{position:relative!important}.u-sticky-sm{position:sticky!important}}@media screen and (min-width:768px){.u-overflow-x-auto-md{overflow-x:auto!important}.u-overflow-x-hidden-md{overflow-x:hidden!important}.u-overflow-x-visible-md{overflow-x:visible!important}.u-overflow-x-scroll-md{overflow-x:scroll!important}.u-overflow-y-auto-md{overflow-y:auto!important}.u-overflow-y-hidden-md{overflow-y:hidden!important}.u-overflow-y-visible-md{overflow-y:visible!important}.u-overflow-y-scroll-md{overflow-y:scroll!important}.u-static-md{position:static!important}.u-fixed-md{position:fixed!important}.u-absolute-md{position:absolute!important}.u-relative-md{position:relative!important}.u-sticky-md{position:sticky!important}}@media screen and (min-width:1024px){.u-overflow-x-auto-lg{overflow-x:auto!important}.u-overflow-x-hidden-lg{overflow-x:hidden!important}.u-overflow-x-visible-lg{overflow-x:visible!important}.u-overflow-x-scroll-lg{overflow-x:scroll!important}.u-overflow-y-auto-lg{overflow-y:auto!important}.u-overflow-y-hidden-lg{overflow-y:hidden!important}.u-overflow-y-visible-lg{overflow-y:visible!important}.u-overflow-y-scroll-lg{overflow-y:scroll!important}.u-static-lg{position:static!important}.u-fixed-lg{position:fixed!important}.u-absolute-lg{position:absolute!important}.u-relative-lg{position:relative!important}.u-sticky-lg{position:sticky!important}}@media screen and (min-width:1280px){.u-overflow-x-auto-xl{overflow-x:auto!important}.u-overflow-x-hidden-xl{overflow-x:hidden!important}.u-overflow-x-visible-xl{overflow-x:visible!important}.u-overflow-x-scroll-xl{overflow-x:scroll!important}.u-overflow-y-auto-xl{overflow-y:auto!important}.u-overflow-y-hidden-xl{overflow-y:hidden!important}.u-overflow-y-visible-xl{overflow-y:visible!important}.u-overflow-y-scroll-xl{overflow-y:scroll!important}.u-static-xl{position:static!important}.u-fixed-xl{position:fixed!important}.u-absolute-xl{position:absolute!important}.u-relative-xl{position:relative!important}.u-sticky-xl{position:sticky!important}}.u-round-none{border-radius:0}.u-round-xs{border-radius:.25rem}.u-round-sm{border-radius:.5rem}.u-round-md{border-radius:.75rem}.u-round-lg{border-radius:1rem}.u-round-xl{border-radius:1.25rem}.u-round-full{border-radius:9001px}.u-shadow-none{--cirrus-shadow:0 0 #000;box-shadow:var(--cirrus-shadow)}.u-shadow-xs{--cirrus-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-sm{--cirrus-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-md{--cirrus-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-shadow-lg{--cirrus-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--cirrus-shadow)}.u-shadow-xl{--cirrus-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--cirrus-shadow)}.u-shadow-inset{--cirrus-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--cirrus-shadow)}.u-z-n1{z-index:-1!important}.u-z-0{z-index:0!important}.u-z-1{z-index:1!important}.u-z-10{z-index:10!important}.u-z-20{z-index:20!important}.u-z-30{z-index:30!important}.u-z-40{z-index:40!important}.u-z-50{z-index:50!important}.u-z-auto{z-index:auto!important}.avatar{border-radius:50%;position:relative;display:block;margin:auto;font-size:1.5rem;font-weight:lighter;width:3.2rem;height:3.2rem;background-color:#f03d4d;overflow:hidden}.avatar::before{content:attr(data-text);color:currentColor;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%)}.avatar.avatar--xs{font-size:.8rem;width:1.6rem;height:1.6rem}.avatar.avatar--sm{font-size:1rem;width:2.4rem;height:2.4rem}.avatar.avatar--lg{font-size:2rem;width:4.8rem;height:4.8rem}.avatar.avatar--xl{font-size:3rem;width:6.4rem;height:6.4rem}.avatar img.padded{padding:.5rem;width:100%}.breadcrumb{margin:.5rem 0;padding:.5rem 0;align-items:flex-start;display:flex;justify-content:flex-start;list-style:none;white-space:nowrap}.breadcrumb.breadcrumb--center{justify-content:center}.breadcrumb.breadcrumb--right{justify-content:flex-end}.breadcrumb.breadcrumb--arrow .breadcrumb__item:not(:first-child)::before{content:"→"}.breadcrumb.breadcrumb--bullet .breadcrumb__item:not(:first-child)::before{content:"•"}.breadcrumb.breadcrumb--dot .breadcrumb__item:not(:first-child)::before{content:"·"}.breadcrumb.breadcrumb--gt .breadcrumb__item:not(:first-child)::before{content:"≻"}.breadcrumb .breadcrumb__item{margin:0}.breadcrumb .breadcrumb__item:not(:last-child){margin-right:.5rem}.breadcrumb .breadcrumb__item:not(:first-child)::before{content:"/";padding-right:.5rem}.breadcrumb .breadcrumb__item.breadcrumb__item--active{cursor:default;pointer-events:none}.breadcrumb .breadcrumb__item.breadcrumb__item--active a{color:#0f172a}.card{background-color:#fff;backface-visibility:hidden;border-radius:5px;box-shadow:0 5px 12px 0 rgba(42,51,83,.12),0 0 5px rgba(0,0,0,.06);margin-bottom:1rem;overflow:hidden;position:relative;transition:.3s}.card:hover{transition:.3s;box-shadow:0 8px 20px 0 rgba(42,51,83,.12),0 5px 5px rgba(0,0,0,.06)}.card:hover .card-image::after{opacity:0}.card.card--slide-up,.card.slide-up{display:flex;flex-direction:column;max-height:550px}.card.card--slide-up:hover .card-body,.card.card--slide-up:hover .card__body,.card.slide-up:hover .card-body,.card.slide-up:hover .card__body{opacity:1}.card.card--slide-up:hover .card-image,.card.card--slide-up:hover .card__image,.card.slide-up:hover .card-image,.card.slide-up:hover .card__image{transform:translateY(-40px)}.card.card--slide-up:hover .card__mobile-title,.card.card--slide-up:hover .mobile-title,.card.slide-up:hover .card__mobile-title,.card.slide-up:hover .mobile-title{bottom:35%;transition:.3s ease-in-out}.card.card--slide-up .card__mobile-title,.card.card--slide-up .mobile-title,.card.slide-up .card__mobile-title,.card.slide-up .mobile-title{position:absolute;left:0;bottom:5rem;background-color:var(--cirrus-bg);-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out;width:100%;padding:1.5rem 0 0;backface-visibility:hidden}.card.card--slide-up .card-body,.card.card--slide-up .card__body,.card.slide-up .card-body,.card.slide-up .card__body{opacity:0;overflow:auto;transition:all var(--animation-duration) ease-in-out}.card.u-flex .content{flex-grow:1}.card p{margin:1rem 0}.card .card-image,.card .card__image{bottom:0;left:0;position:absolute;right:0;top:0;border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;transition:.3s ease-in-out}.card .card-image::after,.card .card__image::after{content:"";display:block;position:absolute;background-color:rgba(0,0,0,.1);top:0;left:0;right:0;transition:.5s;bottom:0}.card .card-container,.card .card__container{display:block;position:relative;height:40%;min-height:21rem}.card .card__title-container,.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .card__title-container .subtitle,.card .card__title-container .title,.card .title-container .subtitle,.card .title-container .title{color:#fff;margin:1rem auto}.card .card__title-container .title,.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card .action-bar,.card .card__action-bar{user-select:none;padding:.5rem;margin:0;border-top:1px solid #e9ecef;box-sizing:border-box;transition:left .2s cubic-bezier(.075,.82,.165,1)}.card .action-bar .btn,.card .action-bar [type=button],.card .action-bar [type=reset],.card .action-bar [type=submit],.card .action-bar button,.card .card__action-bar .btn,.card .card__action-bar [type=button],.card .card__action-bar [type=reset],.card .card__action-bar [type=submit],.card .card__action-bar button{margin:0 .5rem}.card .action-bar+.card-footer,.card .action-bar+.card__footer,.card .card__action-bar+.card-footer,.card .card__action-bar+.card__footer{padding:1rem 0;border-top:1px solid #e9ecef}.card .card-footer,.card .card__footer{position:relative;font-size:.875rem;color:#868e96}.card .card-head,.card .card__header{align-items:stretch;display:flex;border-bottom:1px solid #e9ecef}.form-ext-control{padding-left:1.5rem;position:relative}.form-ext-control.form-ext-checkbox .form-ext-input:checked~.form-ext-label:after{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")}.form-ext-control.form-ext-checkbox .form-ext-label:before{border-radius:.25rem}.form-ext-control.form-ext-radio .form-ext-input:checked~.form-ext-label:after{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")}.form-ext-control.form-ext-radio .form-ext-label:before{border-radius:50%}.form-ext-control .form-ext-input{opacity:0;position:absolute;z-index:-1}.form-ext-control .form-ext-input:disabled~.form-ext-label{opacity:.4}.form-ext-control .form-ext-input.form-ext-input--primary:checked~.form-ext-label{color:#f03d4d}.form-ext-control .form-ext-input.form-ext-input--primary:checked~.form-ext-label:before{background-color:#f03d4d}.form-ext-control .form-ext-input.form-ext-input--primary:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(240,61,77,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--dark:checked~.form-ext-label{color:#363636}.form-ext-control .form-ext-input.form-ext-input--dark:checked~.form-ext-label:before{background-color:#363636}.form-ext-control .form-ext-input.form-ext-input--dark:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(54,54,54,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--link:checked~.form-ext-label{color:#5e5cc7}.form-ext-control .form-ext-input.form-ext-input--link:checked~.form-ext-label:before{background-color:#5e5cc7}.form-ext-control .form-ext-input.form-ext-input--link:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(94,92,199,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--info:checked~.form-ext-label{color:#2972fa}.form-ext-control .form-ext-input.form-ext-input--info:checked~.form-ext-label:before{background-color:#2972fa}.form-ext-control .form-ext-input.form-ext-input--info:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(41,114,250,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label{color:#0dd157}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label:before{background-color:#0dd157}.form-ext-control .form-ext-input.form-ext-input--success:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--warning:checked~.form-ext-label{color:#fab633}.form-ext-control .form-ext-input.form-ext-input--warning:checked~.form-ext-label:before{background-color:#fab633}.form-ext-control .form-ext-input.form-ext-input--warning:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(250,182,51,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input.form-ext-input--danger:checked~.form-ext-label{color:#fb4143}.form-ext-control .form-ext-input.form-ext-input--danger:checked~.form-ext-label:before{background-color:#fb4143}.form-ext-control .form-ext-input.form-ext-input--danger:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-input:disabled~.form-ext-toggle__toggler{opacity:.5}.form-ext-control .form-ext-toggle__label{align-items:center;display:flex;justify-content:space-between}.form-ext-control .form-ext-toggle{cursor:pointer;position:relative}.form-ext-control .form-ext-toggle input[type=checkbox],.form-ext-control .form-ext-toggle input[type=radio]{opacity:0;position:absolute;z-index:-1}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler{border:1px solid #d5d7dc;border-radius:6.25rem;color:#d5d7dc;display:block;font-size:9px;height:1.5rem;position:relative;width:3rem}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i{display:inline-block}.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler{background-color:#f03d4d;border-color:#f03d4d;color:#fff;position:relative;transition:.4s}.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::before{color:#fff;content:attr(data-check-icon);text-align:left}.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{background-color:#f03d4d;border-color:#f03d4d}.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler{border-color:#f03d4d;color:#f03d4d}.form-ext-control .form-ext-toggle .form-ext-toggle--primary .form-ext-toggle__toggler i::after{background-color:#f03d4d}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--primary .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(240,61,77,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#363636;border-color:#363636}.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler{border-color:#363636;color:#363636}.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler i::after{background-color:#363636}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(54,54,54,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#5e5cc7;border-color:#5e5cc7}.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler{border-color:#5e5cc7;color:#5e5cc7}.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler i::after{background-color:#5e5cc7}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(94,92,199,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#2972fa;border-color:#2972fa}.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler{border-color:#2972fa;color:#2972fa}.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler i::after{background-color:#2972fa}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(41,114,250,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#0dd157;border-color:#0dd157}.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler{border-color:#0dd157;color:#0dd157}.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler i::after{background-color:#0dd157}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#fab633;border-color:#fab633}.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler{border-color:#fab633;color:#fab633}.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler i::after{background-color:#fab633}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(250,182,51,.55),inset 0 1px 8px rgba(0,0,0,.07)}.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{background-color:#fb4143;border-color:#fb4143}.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler{border-color:#fb4143;color:#fb4143}.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler i::after{background-color:#fb4143}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before{content:"";display:block;position:absolute}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before{content:attr(data-uncheck-icon);padding:2px 7px;line-height:18px;text-align:right;top:0;width:55%;font-size:12px}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after{background-color:#d5d7dc;border-radius:50%;height:16px;left:4px;width:16px;transform:translateY(-50%);transition:left var(--animation-duration) ease;text-align:left}.form-ext-control .form-ext-label{margin-bottom:0;position:relative}.form-ext-control .form-ext-label:after,.form-ext-control .form-ext-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.3rem;transition:all var(--animation-duration);width:1rem}.form-ext-control .form-ext-label:before{background-color:#f6f9fc;border:1px solid #dee2e6;border-radius:.25rem;pointer-events:none;user-select:none;box-sizing:border-box}.form-ext-control .form-ext-label:after{background-position:center;background-repeat:no-repeat;background-size:50% 50%}.form-ext-control .form-ext-input:checked~.form-ext-label:before{background-color:#f03d4d;border:none}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:.3s;backface-visibility:hidden;position:absolute;height:2px;width:0;background:#4643e2;bottom:-.25em}.u:hover::after{width:100%}.u.u-LR::after{left:0}.u.u-RL::after{right:0}.u.u-RL:hover::after{width:100%}.u.u-C::after{left:50%;transform:translateX(-50%)}.utb::after,.utb::before{content:"";transition:.3s;backface-visibility:hidden;position:absolute;height:2px;width:0;background:#4643e2}.utb::before{top:-.25em}.utb::after{bottom:-.25em}.utb:hover::after,.utb:hover::before{width:100%}.utb.utb-LR::after,.utb.utb-LR::before{left:0}.utb.utb-RL::after,.utb.utb-RL::before{right:0}.utb.utb-C::after,.utb.utb-C::before{left:50%;transform:translateX(-50%)}.utb.utb-OLR::before{left:0}.utb.utb-OLR::after,.utb.utb-ORL::before{right:0}.utb.utb-ORL::after{left:0}.usquare{margin-left:.4rem;position:relative;overflow:hidden}.usquare::after,.usquare::before{content:"";transition:.25s;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:#4643e2}.usquare::before{left:0;bottom:-.2rem}.usquare::after{right:0;top:-.2rem}.usquare:hover::after,.usquare:hover::before{height:calc(100% + .4rem)}.usquare:hover a::after,.usquare:hover a::before{width:100%}.usquare.delay::before{transition-delay:.6s}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare.delay a::after{transition:.25s .4s}.usquare a{position:static;padding:.2rem .4rem;transition:.25s}.usquare a::before{left:0}.usquare a::after{right:0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;padding:1rem;display:none;align-items:center;justify-content:center;pointer-events:none}.modal.shown,.modal:target{display:flex;opacity:1;z-index:999;pointer-events:auto}.modal.shown .modal-overlay,.modal:target .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,54,54,.5)}.modal.shown .modal-container,.modal:target .modal-container{animation:slide-down var(--animation-duration) ease 1;z-index:1}.modal.modal-small .modal-content{max-width:20rem}.modal.modal-large .modal-content{max-width:60rem}.modal .modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,54,54,.3);z-index:1;color:var(--cirrus-fg);max-width:40rem}.modal .modal-content.small{max-width:32rem}.modal .modal-content h1,.modal .modal-content h2,.modal .modal-content h3,.modal .modal-content h4,.modal .modal-content h5,.modal .modal-content h6{color:var(--cirrus-fg)}.modal .modal-content .modal-header{padding:1rem 2.5rem}.modal .modal-content .modal-header .modal-title{font-weight:bolder;font-size:1.4rem}.modal .modal-content .modal-body{padding:1rem 2.5rem;overflow-y:auto;max-height:50vh;position:relative}.modal .modal-content .modal-footer{padding:1rem 2.5rem}.modal.modal-animated--dropdown{animation:slide-down var(--animation-duration) ease 1}.modal.modal-animated--zoom-in,.modal.modal-animated--zoom-out{display:flex;opacity:0;transition:.3s}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:.3s}.modal.modal-animated--zoom-in .modal-content{transform:scale(.8);transition:.3s}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:.3s}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:.3s}@keyframes slide-down{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.modal .modal-content,.modal-content{max-width:90%}}.pagination{display:flex;display:-ms-flexbox}.pagination .pagination-item{flex:1 0 50%;margin:1rem .1rem;transition:.3s}.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,.pagination .pagination-item:hover p,.pagination .pagination-item:not(.selected):hover :not([disabled]):not(.disabled):not(.ellipses){transition:.3s;color:#f03d4d}.pagination .pagination-item.pagination-next{text-align:right}.pagination .pagination-item.pagination-prev{text-align:left}.pagination .pagination-item a{color:#495057}.pagination .pagination-item a.disabled,.pagination .pagination-item a[disabled]{cursor:pointer;opacity:.5;pointer-events:none;user-select:none}.pagination .pagination-item .pagination-item-subtitle{opacity:.7;margin:0}.pagination .pagination-item.short{border-radius:.1rem;margin:.2rem 0;flex:0}.pagination .pagination-item.short:first-child a{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .pagination-item.short:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination .pagination-item.short:not([disabled]):not(.disabled):not(.selected):hover{background-color:rgba(0,0,0,.07)}.pagination .pagination-item.short.selected{background-color:#f03d4d;color:#fff}.pagination .pagination-item.short.selected a{color:#fff}.pagination .pagination-item.short.ellipses{color:#adb5bd;pointer-events:none}.pagination .pagination-item.short a{display:inline-block;line-height:1.25;padding:.5rem .75rem}.pagination.pagination-bordered .pagination-item.short a{border:1px solid #dee2e6;border-radius:0;margin-left:-1px}.placeholder{background-color:rgba(222,226,230,.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#495057;display:block}.placeholder .placeholder-icon{text-align:center}.placeholder .placeholder-subtitle,.placeholder .placeholder-title{margin:1rem auto}.placeholder .placeholder-subtitle{opacity:.7;margin:0}.placeholder .placeholder-commands{margin-top:1rem}.tab-container{display:flex;justify-content:space-between;overflow:hidden;overflow-x:auto;user-select:none;white-space:nowrap;align-items:stretch;font-size:1rem}.tab-container.tabs--left ul{justify-content:flex-start}.tab-container.tabs--center ul{justify-content:center}.tab-container.tabs--right ul{justify-content:flex-end}.tab-container.tabs-depth ul{box-shadow:0 2px 3px rgba(134,142,150,.15);border-bottom:0}.tab-container.tabs-classic ul{border-radius:3px 3px 0 0;transition:.3s;border-bottom:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.tab-container.tabs-classic ul li:not(.selected) .tab-item-content:hover,.tab-container.tabs-classic ul li:not(.selected) a:hover{background-color:#f1f3f5;transition:.3s}.tab-container.tabs-classic ul li.selected .tab-item-content,.tab-container.tabs-classic ul li.selected a{color:#f03d4d;border-color:#dee2e6;border-bottom-color:transparent!important}.tab-container.tabs-classic ul li .tab-item-content,.tab-container.tabs-classic ul li a{border:1px solid transparent;border-bottom-color:#dee2e6;border-radius:3px 3px 0 0;cursor:pointer;transition:.3s}.tab-container.tabs-fill ul{display:flex}.tab-container.tabs-fill li{flex-grow:1;flex-shrink:0;flex-basis:0}.tab-container ul{display:flex;justify-content:flex-start;margin:.5rem;border-bottom:1px solid #e9ecef;flex-grow:1;list-style:none;padding-inline-start:0}.tab-container li{display:block;cursor:pointer;margin:0;text-align:center}.tab-container li:hover .tab-item-content,.tab-container li:hover a{border-bottom-color:rgba(240,61,77,.6);transition:.3s}.tab-container li.selected .tab-item-content,.tab-container li.selected a{border-bottom-color:#f03d4d;color:#f03d4d;border-width:2px;transition:.3s}.tab-container li .tab-item-content,.tab-container li a{display:flex;align-items:center;border-bottom:1px solid #e9ecef;justify-content:center;padding:.5rem 1rem;transition:.3s;color:var(--cirrus-fg);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container .icon:first-child{margin-right:.75rem}.tab-container .icon:last-child{margin-left:.75rem}.tag{align-items:center;background-color:#f6f9fc;border-radius:.25rem;color:currentColor;display:inline-flex;height:2em;line-height:1.5;font-size:.875rem;padding:.625rem;white-space:nowrap}.tag.tag--xs{font-size:.75rem;padding:.5rem}.tag.tag--sm{font-size:.875rem;padding:.625rem}.tag.tag--md{font-size:1rem;padding:.75rem}.tag.tag--lg{font-size:1.25rem;padding:.875rem}.tag.tag--xl{font-size:1.5rem;padding:1rem}.tag.tag--rounded{border-radius:290486px}.tag.tag__delete{aspect-ratio:1/1;background-color:rgba(10,10,10,.2);border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;height:auto;position:relative;width:auto;margin-left:.25rem;margin-right:-.125rem}.tag.tag__delete:hover{background-color:rgba(10,10,10,.3)}.tag.tag__delete::after,.tag.tag__delete::before{background-color:#f6f9fc;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag.tag__delete::before{height:1px;width:50%}.tag.tag__delete::after{height:50%;width:1px}.tag.tag--white{background-color:#fff;color:#363636}.tag.tag--black{background-color:#000;color:#fff}.tag.tag--primary{background-color:#f03d4d;color:#fff;background-color:#f03d4d;color:#fff;cursor:pointer}.tag.tag--primary.tag__close-btn:hover{background-color:#ee2537}.tag.tag--primary.tag__close-btn:active{background-color:#e81225}.tag.tag--dark{background-color:#363636;color:#fff;cursor:pointer}.tag.tag--dark.tag__close-btn:hover{background-color:#292929}.tag.tag--dark.tag__close-btn:active{background-color:#1d1d1d}.tag.tag--link{background-color:#5e5cc7;color:#fff;cursor:pointer}.tag.tag--link.tag__close-btn:hover{background-color:#4b49c0}.tag.tag--link.tag__close-btn:active{background-color:#403db3}.tag.tag--info{background-color:#2972fa;color:#fff;cursor:pointer}.tag.tag--info.tag__close-btn:hover{background-color:#1062f9}.tag.tag--info.tag__close-btn:active{background-color:#0555eb}.tag.tag--success{background-color:#0dd157;color:#fff;cursor:pointer}.tag.tag--success.tag__close-btn:hover{background-color:#0cb94d}.tag.tag--success.tag__close-btn:active{background-color:#0aa143}.tag.tag--warning{background-color:#fab633;color:#fff;cursor:pointer}.tag.tag--warning.tag__close-btn:hover{background-color:#f9ad1a}.tag.tag--warning.tag__close-btn:active{background-color:#f4a306}.tag.tag--danger{background-color:#fb4143;color:#fff;cursor:pointer}.tag.tag--danger.tag__close-btn:hover{background-color:#fa282a}.tag.tag--danger.tag__close-btn:active{background-color:#fa0f12}.tag.tag__close-btn{position:relative;width:2em}.tag.tag__close-btn::after,.tag.tag__close-btn::before{background-color:currentColor;content:"";display:block;left:50%;top:50%;position:absolute;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag.tag__close-btn::before{height:1px;width:50%}.tag.tag__close-btn::after{height:50%;width:1px}.tag-container:not(:last-child){margin-bottom:1rem}.tag-container.group-tags{--tag-first-border-radius:0.25rem 0 0 0.25rem;--tag-last-border-radius:0 0.25rem 0.25rem 0;align-items:center;display:flex;flex-wrap:wrap}.tag-container.group-tags .tag{margin-right:0!important}.tag-container.group-tags .tag:first-child{border-radius:var(--tag-first-border-radius)}.tag-container.group-tags .tag:not(:first-child):not(:last-child){border-radius:0}.tag-container.group-tags .tag:last-child{border-radius:var(--tag-last-border-radius)}.tag-container.group-tags.group-tags--rounded{--tag-first-border-radius:290486px 0 0 290486px;--tag-last-border-radius:0 290486px 290486px 0}.tag-container.tag-container--centered{justify-content:center}.tag-container.tag-container--centered .tag{margin:0 .25rem}.tag-container.tag-container--right{justify-content:flex-end}.tag-container.tag-container--right .tag:not(:first-child){margin-left:.5rem}.tag-container.tag-container--right .tag:not(:last-child){margin-right:0}.tag-container .tag{margin-bottom:.5rem}.tag-container .tag:not(:last-child){margin-right:.5rem}a.tag:hover{text-decoration:underline}.tile{display:flex;display:-ms-flexbox;align-content:space-between;overflow:inherit}.tile p{font-size:.95rem}.tile .tile__buttons,.tile .tile__icon{flex:0 0 auto}.tile .tile__buttons .btn,.tile .tile__buttons [type=submit],.tile .tile__buttons button{display:inline-block;margin:.1rem}.tile .tile__container{flex:1 1 auto}.tile .tile__container:not(:first-child){padding-left:1rem}.tile .tile__container:not(:last-child){padding-right:1rem}.tile .tile__title{line-height:1.5rem;font-weight:bolder;margin:.1rem auto}.tile .tile__subtitle{line-height:1.25rem;opacity:.7;margin:.1rem auto}.toast{display:block;width:100%;padding:.75rem 1.25rem;background-color:var(--toast-primary-bg);border:1px solid var(--toast-primary-bg);border-radius:2px;color:#fff;position:relative;margin:.5rem}.toast.toast--translucent{opacity:.5}.toast.toast--translucent:hover{opacity:1}.toast p{margin:0}.toast a{color:#f6f9fc;transition:.3s}.toast a:hover{opacity:.8;transition:.3s}.toast .toast__title{margin:0;margin-top:1rem}.toast .btn-close{position:absolute;right:1rem;top:1rem}.toast.toast--primary{background-color:#f03d4d;border-color:#f03d4d}.toast.toast--dark{background-color:#363636;border-color:#363636}.toast.toast--link{background-color:#5e5cc7;border-color:#5e5cc7}.toast.toast--info{background-color:#2972fa;border-color:#2972fa}.toast.toast--success{background-color:#0dd157;border-color:#0dd157}.toast.toast--warning{background-color:#fab633;border-color:#fab633}.toast.toast--danger{background-color:#fb4143;border-color:#fb4143}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip::after{position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,.9);content:attr(data-tooltip);display:block;line-height:1rem;text-transform:none;overflow:hidden;padding:.4rem .8rem;opacity:0;text-overflow:ellipsis;max-width:15rem;transform:translate(-50%,0);transition:all var(--animation-duration) ease;z-index:200;pointer-events:none;bottom:100%;left:50%;border-radius:.2rem}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.5rem);transition:all var(--animation-duration) ease}.tooltip.tooltip--top-left::after{transform:translate(-50%,0)}.tooltip.tooltip--top-left:focus::after,.tooltip.tooltip--top-left:hover::after{left:0;transform:translate(-100%,-.5rem)}.tooltip.tooltip--top-right::after{left:auto;transform:translate(15%,0)}.tooltip.tooltip--top-right:focus::after,.tooltip.tooltip--top-right:hover::after{right:0;transform:translate(100%,-.5rem)}.tooltip.tooltip--bottom::after{top:100%;transform:translate(-50%,-1rem);bottom:auto}.tooltip.tooltip--bottom:focus::after,.tooltip.tooltip--bottom:hover::after{transform:translate(-50%,.5rem);bottom:auto}.tooltip.tooltip--bottom-left::after{top:100%;transform:translate(-65%,-1rem);bottom:auto}.tooltip.tooltip--bottom-left:focus::after,.tooltip.tooltip--bottom-left:hover::after{left:0;transform:translate(-100%,.5rem)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;transform:translate(0,-1rem);bottom:auto}.tooltip.tooltip--bottom-right:focus::after,.tooltip.tooltip--bottom-right:hover::after{right:0;transform:translate(100%,.5rem)}.tooltip.tooltip--right::after{left:100%;bottom:50%;transform:translate(-1rem,50%)}.tooltip.tooltip--right:focus::after,.tooltip.tooltip--right:hover::after{transform:translate(.5rem,50%)}.tooltip.tooltip--left::after{right:100%;bottom:50%;left:auto;transform:translate(1rem,50%)}.tooltip.tooltip--left:focus::after,.tooltip.tooltip--left:hover::after{transform:translate(-.5rem,50%)}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 51e83f41..aff2ac76 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -21,7 +21,13 @@ generateGulpBuild(`all`, `src/cirrus-all.scss`, `cirrus-all`);
function generateGulpBuild(taskName, sassFilePath, outputName) {
gulp.task(taskName, () => {
return gulp
- .src(['node_modules/sass-true/sass/**/*.scss'], [sassFilePath])
+ .src([sassFilePath])
+ .pipe(
+ sass({
+ includePaths: ['./node_modules'],
+ })
+ )
+ .on('error', sass.logError)
.pipe(
sass.sync().on('error', function (err) {
sass.logError.call(this, err);
diff --git a/package.json b/package.json
index 6bfb21f5..0d8e0d81 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "cirrus-ui",
- "version": "0.7.0",
+ "version": "0.7.0-patch.1",
"description": "A lightweight UI framework written in SCSS",
"main": "./dist/cirrus.min.css",
"filename": "cirrus.min.css",