From 8780c96e594016dd4112f9951d1290266057b8bc Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 13 May 2020 16:22:02 -0700 Subject: [PATCH 01/21] Added pop colors and dark green brand color. --- _sass/leap/_variables.scss | 18 ++++++++++ _sass/leap/atoms/_color.sass | 23 +++++++++++++ _sass/leap/functions/_all.sass | 1 + _sass/leap/functions/_pop-color.sass | 2 ++ colors.html | 35 ++++++++++++++++++++ css/styleguide.sass | 5 +++ js/sass-to-js-custom-functions.js | 49 +++++++++++++++++++++++++++- sass.html | 18 ++++++++++ 8 files changed, 150 insertions(+), 1 deletion(-) create mode 100644 _sass/leap/functions/_pop-color.sass diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index 8885ed0..2ec70de 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -3,6 +3,7 @@ $leap-version: "0.9.2"; // Brand Colors $brand-colors: ( "green": #5fcf80, + "green-dark": #2F9D4F, "gray": #3e474f, "blue-light": #387bab, // AA 4.58 "blue-medium": #2a5d81, @@ -42,6 +43,21 @@ $ui-colors: ( "success": #24793d ); +// Pop Colors +$pop-colors: ( + "blue-pastel": #5185c1, + "blue": #3859a2, + "blue-dark": #323952, + "teal": #0498b1, + "green": #6ac17e, + "golden": #ecc148, + "orange": #e98134, + "red-orange": #e95e31, + "purple-pastel": #8171a0, + "purple": #b15592, + "purple-ux": #4a4290 +); + // Category colors $category-colors: ( "back-end": ( @@ -91,6 +107,8 @@ $category-colors: ( ) ); + + // Spacing Units // 0 = 0px // 0.5 = 8px diff --git a/_sass/leap/atoms/_color.sass b/_sass/leap/atoms/_color.sass index b6f815e..1404638 100644 --- a/_sass/leap/atoms/_color.sass +++ b/_sass/leap/atoms/_color.sass @@ -123,3 +123,26 @@ $properties: fill stroke color border-color background-color @else .category-#{$property}-#{$color-name}-#{$color-value} #{$property}: map-get($color, $color-value) !important + +// Iterate through pop-colors map to create colors for classes +@each $color-name, $color in $pop-colors + + // Iterate through properties var to create properties for classes + @each $property in $properties + + // We want to use 'bg' for the class name when using the + // background-color property + // + // We want to use 'border' for the class name when using the + // border-color property + // + // Else just use the regular property name + @if $property == background-color + .pop-bg-#{$color-name} + #{$property}: pop-color($color-name) !important + @else if $property == border-color + .pop-border-#{$color-name} + #{$property}: pop-color($color-name) !important + @else + .pop-#{$property}-#{$color-name} + #{$property}: pop-color($color-name) !important diff --git a/_sass/leap/functions/_all.sass b/_sass/leap/functions/_all.sass index 259f11a..63187a3 100644 --- a/_sass/leap/functions/_all.sass +++ b/_sass/leap/functions/_all.sass @@ -4,6 +4,7 @@ @import border-vars @import form-feedback-vars @import ui-color +@import pop-color @import text-color @import gray-color @import category-color diff --git a/_sass/leap/functions/_pop-color.sass b/_sass/leap/functions/_pop-color.sass new file mode 100644 index 0000000..8dce098 --- /dev/null +++ b/_sass/leap/functions/_pop-color.sass @@ -0,0 +1,2 @@ +@function pop-color($key) + @return map-get($pop-colors, #{$key}) diff --git a/colors.html b/colors.html index 823edca..ffa22e9 100644 --- a/colors.html +++ b/colors.html @@ -4,6 +4,7 @@ subnav: - Brand - UI + - Pop - Gray - Text - Topics @@ -80,7 +81,40 @@

UI Colors

+
+

Pop Colors

+

These accent colors are used in illustrations and throughout the UI. Each of the UI colors has utility classes you can use to apply the color to different parts of an element. Use the color class for any of these classes, just replace [color] with the name of the color you want.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassProperty
.pop-bg-[color]background-color
.pop-color-[color]color
.pop-border-[color]border-color
.pop-fill-[color]fill (Used for SVGs)
.pop-stroke-[color]stroke (Used for SVGs)
+ +

Gray Colors

@@ -194,6 +228,7 @@

Category Colors

+
diff --git a/css/styleguide.sass b/css/styleguide.sass index b45f1c5..119876d 100644 --- a/css/styleguide.sass +++ b/css/styleguide.sass @@ -10,6 +10,11 @@ height: 0 opacity: 0 font-size: 0 +#popColorData:before + content: sassToJs($pop-colors) + height: 0 + opacity: 0 + font-size: 0 #uiColorData:before content: sassToJs($ui-colors) height: 0 diff --git a/js/sass-to-js-custom-functions.js b/js/sass-to-js-custom-functions.js index e021db4..da393ae 100644 --- a/js/sass-to-js-custom-functions.js +++ b/js/sass-to-js-custom-functions.js @@ -46,7 +46,6 @@ var brandColors = function(elementId, $elementId, guideClass) { brandColors('brandColorData', '#brandColorData', '.guide-colors-brand'); - // Apply automation to elements in the Guide var uiColors = function(elementId, $elementId, guideClass) { @@ -241,3 +240,51 @@ var categoryColors = function(elementId, $elementId, guideClass) { } } categoryColors('categoryColorData', '#categoryColorData', '.guide-colors-category'); + + +// Apply automation to elements in the Guide +var popColors = function(elementId, $elementId, guideClass) { + + var colorDataEl = document.getElementById(elementId); + var colorData = sassToJs(colorDataEl); + var colorString = JSON.parse(window.getComputedStyle ( + document.querySelector($elementId), ':before' + ).getPropertyValue('content')); + var colorJSON = JSON.parse(colorString); + + for (var colorClass in colorJSON) { + var colorObj = colorJSON[colorClass]; + var colorHexValue = colorObj; + + // Create LI and add class name to it + var li = document.createElement("li"); + li.className = 'guide-color-item float-l-xs m-b-3-xs col-100-sm col-50-lg col-33-xl'; + + // Create span to hold color + var colorSpan = document.createElement('span'); + colorSpan.className = 'p-2-xs m-lr-1-xs block-xs round pop-bg-' + colorClass; + + // Create code element to hold var function and hex + var nameSpan = document.createElement('span'); + nameSpan.className = 'block-xs text-6-xs'; + + // Create em to hold hex value + var hexSpan = document.createElement('em'); + hexSpan.className = 'block-xs text-6-xs color-text-color'; + + // Create var function for nameSpan + var colorName = document.createTextNode(colorClass); + var hexValue = document.createTextNode(colorObj); + nameSpan.appendChild(colorName); + hexSpan.appendChild(hexValue); + + // Append everything into the LI + colorSpan.appendChild(nameSpan); + colorSpan.appendChild(hexSpan); + li.appendChild(colorSpan); + + // Append LI's into the color UL + document.querySelector(guideClass).appendChild(li); + } +} +popColors('popColorData', '#popColorData', '.guide-colors-pop'); diff --git a/sass.html b/sass.html index dfdb961..b9cc967 100644 --- a/sass.html +++ b/sass.html @@ -153,6 +153,24 @@

Colors

gray-color(gray-lighter)

+

Pop Colors

+
+
.custom-element
+  background-color: pop-color(golden)
+
+

+ pop-color(blue)
+ pop-color(dark-blue)
+ pop-color(golden)
+ pop-color(purple-pastel)
+ pop-color(blue-pastel)
+ pop-color(orange)
+ pop-color(blue-light)
+ pop-color(purple)
+ pop-color(red-orange)
+ pop-color(purple-ux) +

+

UI Colors

.custom-element

From 06fdd3a1ac809ecbbcffa18772e2d0bb372d9aa1 Mon Sep 17 00:00:00 2001
From: Hope Armstrong 
Date: Wed, 13 May 2020 16:29:02 -0700
Subject: [PATCH 02/21] Upping the version number and adding release note
 placeholder.

---
 README.md                  |  4 ++--
 _sass/leap/_variables.scss |  2 +-
 index.html                 |  2 +-
 release-notes.html         | 14 +++++++++++++-
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 1e1dd6e..6bf2342 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@ Leap is an internal CSS library made for Treehouse. It contains immutable utilit
 ## Quick Start
 Several options are available for installing Leap into your project.
 
-* [Download the latest release](https://github.com/treehouse/project-leap/archive/v0.10.0.zip)
+* [Download the latest release](https://github.com/treehouse/project-leap/archive/v0.11.0.zip)
 
 * Clone the repo: `git clone https://github.com/treehouse/project-leap.git`
 * Install with [Bower](http://bower.io)
@@ -24,4 +24,4 @@ To get Jekyll running follow these steps:
 Way to go, nerd. You should be up and running now!
 
 ## Copyright and license
-Code and documentation copyright 2018 Treehouse Island, Inc. Code released under the [MIT license](https://github.com/treehouse/project-leap/LICENSE).
+Code and documentation copyright 2020 Treehouse Island, Inc. Code released under the [MIT license](https://github.com/treehouse/project-leap/LICENSE).
diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss
index 2ec70de..c77b227 100644
--- a/_sass/leap/_variables.scss
+++ b/_sass/leap/_variables.scss
@@ -1,4 +1,4 @@
-$leap-version: "0.9.2";
+$leap-version: "0.11.0";
 
 // Brand Colors
 $brand-colors: (
diff --git a/index.html b/index.html
index d221995..6338cf5 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@ 

Installation

In your project directory: bower install leap --save

Download

- Source Files + Source Files Compiled CSS Compiled CSS (minified) diff --git a/release-notes.html b/release-notes.html index 844c05d..daf410e 100644 --- a/release-notes.html +++ b/release-notes.html @@ -334,5 +334,17 @@
  • Added variables for category coloring and topic relationships
  • -
    + +
    +
    +

    0.11.0

    +
    +
    +

    Misc. Updates

    +

    Month x, 2020

    +
      +
    • Add details later
    • +
    +
    +
    From 4aae2791336fa7f112d70dfd0a4d0250a3a83c2e Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Thu, 14 May 2020 15:30:48 -0700 Subject: [PATCH 03/21] Updates to type scale, buttons, and Sass page --- _sass/leap/_variables.scss | 14 +++++++------- _sass/leap/atoms/_button.sass | 26 ++++++++++++++++++++++---- buttons.html | 15 ++++++++++++--- sass.html | 2 +- typography.html | 14 +++++++------- 5 files changed, 49 insertions(+), 22 deletions(-) diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index c77b227..6a512a7 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -142,13 +142,13 @@ $spacing-sides: ( // Type Variables $text-size: ( - 0: 3rem, - 1: 2.25rem, - 2: 1.75rem, - 3: 1.25rem, - 4: 1.125rem, - 5: 1rem, - 6: 0.875rem + 0: 3.75rem, + 1: 3rem, + 2: 2.25rem, + 3: 1.5rem, + 4: 1rem, + 5: 0.875rem, + 6: 0.75rem ); $gotham: "Gotham Rounded A", "Gotham Rounded B", "Helvetica", Helvetica, Arial, sans-serif; $bold: 500; diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index 95ea8da..76efaae 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -33,17 +33,35 @@ fill: brand-color(green) - // Primary buttons &--primary - background-color: brand-color(green) !important + background: #50b06c !important + background: -moz-linear-gradient(top, #55ba73 0%, #50b06c 100%) !important + background: -webkit-linear-gradient(top, #55ba73 0%,#50b06c 100%) !important + background: linear-gradient(to bottom, #55ba73 0%,#50b06c 100%) !important + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ba73', endColorstr='#50b06c',GradientType=0 ) !important border-color: brand-color(green) !important color: #fff !important svg fill: #fff !important +selected - background-color: darken(brand-color(green), 15%) !important - border-color: darken(brand-color(green), 15%) !important + background: linear-gradient(#408d56,#408d56) !important + border-color: #408d56 !important + color: #fff !important + + &--primary-teal + background: #008298 !important + background: -moz-linear-gradient(top, #008298 0%, #007589 100%) !important + background: -webkit-linear-gradient(top, #008298 0%,#007589 100%) !important + background: linear-gradient(to bottom, #008298 0%,#007589 100%) !important + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008298', endColorstr='#007589',GradientType=0 ) !important + border-color: #0098B1 !important + color: #fff !important + svg + fill: #fff !important + +selected + background: linear-gradient(#004652,#004652) !important + border-color: #004652 !important color: #fff !important &--primary-blue diff --git a/buttons.html b/buttons.html index 3e4d54f..70a660b 100644 --- a/buttons.html +++ b/buttons.html @@ -42,10 +42,19 @@

    Size Across Breakpoints

    +

    Primary (teal and blue)

    +

    Primary buttons are used to indicate a primary action on the page. Use the class, .button.button--primary-teal or .button.button--primary-blue, to get a primary button on your page. These teal and blue primary buttons meet accessibility standards, so please use them going forward. The brand green ones below are supported, but are considered deprecated since they don't meet contrast ratio standards.

    + Large + Normal + Small + X-Small +
    +
    <a class="m-b-05-xs button button--primary-teal button--large-xs" href>Large</a>
    +<a class="m-b-05-xs button button--primary-teal" href>Normal</a>
    +<a class="m-b-05-xs button button--primary-teal button--small-xs" href>Small</a>
    +<a class="m-b-05-xs button button--primary-teal button--xsmall-xs" href>X-Small</a>
    +
    - -

    Primary (blue)

    -

    Primary buttons are used to indicate a primary action on the page. Use the class, .button.button--primary-blue, to get a primary button on your page. These blue primary buttons meet accessibility standards, so please use them going forward. The brand green ones below are supported, but are considered deprecated since they don't meet contrast ratio standards.

    Large Normal Small diff --git a/sass.html b/sass.html index b9cc967..08614cf 100644 --- a/sass.html +++ b/sass.html @@ -58,7 +58,7 @@

    Grid

    Grid Container

    .custom-element
    -  border-color: $grid-width
    +  width: $grid-width
     

    $grid-width diff --git a/typography.html b/typography.html index 0487839..a6f8975 100644 --- a/typography.html +++ b/typography.html @@ -13,25 +13,25 @@

    Headers and Text Sizing

    Headers are built using typical html elements h1 - h6. To give ourselves a bit more control, we've created utility classes for applying different sizes to the default elements so that we can control markup hierarchy while still applying the sizes we want visually (.text-0-xs, .text-1-xs, .text-2-xs, .text-3-xs, .text-4-xs, .text-5-xs, .text-6-xs). By default, headers have no margin/padding applied to them and are bold.

    -
    h1, .text-0-xs 3rem, 48px
    +
    h1, .text-0-xs 3.75rem, 60px

    Treehouse is an online school that teaches you code

    -
    h1, .text-1-xs 2.25rem, 36px
    +
    h1, .text-1-xs 3rem, 48px

    Treehouse is an online school that teaches you code

    -
    h2, .text-2-xs 1.75rem, 28px
    +
    h2, .text-2-xs 2.25rem, 36px

    Treehouse is an online school that teaches you code

    -
    h3, .text-3-xs 1.25rem, 20px
    +
    h3, .text-3-xs 1.5rem, 24px

    Treehouse is an online school that teaches you code

    -
    h4, .text-4-xs 1.125rem, 18px
    +
    h4, .text-4-xs 1rem, 16px

    Treehouse is an online school that teaches you code

    -
    h5, .text-5-xs 1rem, 16px
    +
    h5, .text-5-xs 0.875rem, 14px
    Treehouse is an online school that teaches you code
    -
    h6, .text-6-xs 0.875rem, 14px
    +
    h6, .text-6-xs 0.75rem, 12px
    Treehouse is an online school that teaches you code
    From d772934f0c6797c509df733912f6d75417440ba4 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Fri, 15 May 2020 09:16:16 -0700 Subject: [PATCH 04/21] Added 18px to type scale, added letter spacing --- _sass/leap/_variables.scss | 17 ++++++++++++++--- _sass/leap/atoms/_typography.sass | 4 ++-- _sass/leap/functions/_all.sass | 1 + _sass/leap/functions/_text-tracking.sass | 3 +++ typography.html | 11 +++++++---- 5 files changed, 27 insertions(+), 9 deletions(-) create mode 100644 _sass/leap/functions/_text-tracking.sass diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index 6a512a7..1eb55b6 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -146,10 +146,21 @@ $text-size: ( 1: 3rem, 2: 2.25rem, 3: 1.5rem, - 4: 1rem, - 5: 0.875rem, - 6: 0.75rem + 4: 1.125rem, + 5: 1rem, + 6: 0.875rem ); + +$text-tracking: ( + 0: 2.5px, + 1: 2px, + 2: 1.5px, + 3: 1px, + 4: 0.75px, + 5: 0.58px, + 6: 0.5px +); + $gotham: "Gotham Rounded A", "Gotham Rounded B", "Helvetica", Helvetica, Arial, sans-serif; $bold: 500; diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 7d67b57..035a0da 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -18,8 +18,7 @@ h1, h2, h3, h4, h5, h6 @for $num from 0 through 6 h#{$num} font-size: text-size($num) !important - - + letter-spacing: text-tracking($num) !important // Create text size classes @mixin header-size($suffix) @@ -74,6 +73,7 @@ hr p color: text-color(base) font-size: 1rem + letter-spacing: 0.58px line-height: 1.5 margin: 0 diff --git a/_sass/leap/functions/_all.sass b/_sass/leap/functions/_all.sass index 63187a3..ad222cc 100644 --- a/_sass/leap/functions/_all.sass +++ b/_sass/leap/functions/_all.sass @@ -1,6 +1,7 @@ @import spacing @import transition @import text-size +@import text-tracking @import border-vars @import form-feedback-vars @import ui-color diff --git a/_sass/leap/functions/_text-tracking.sass b/_sass/leap/functions/_text-tracking.sass new file mode 100644 index 0000000..d8e373a --- /dev/null +++ b/_sass/leap/functions/_text-tracking.sass @@ -0,0 +1,3 @@ +// Easily grab spacing within the $spacing map +@function text-tracking($value) + @return map-get($text-tracking, $value) diff --git a/typography.html b/typography.html index a6f8975..b6ac342 100644 --- a/typography.html +++ b/typography.html @@ -25,15 +25,18 @@

    Headers and Text Sizing

    h3, .text-3-xs 1.5rem, 24px

    Treehouse is an online school that teaches you code

    -
    h4, .text-4-xs 1rem, 16px
    +
    h4, .text-4-xs 1.25rem, 18px

    Treehouse is an online school that teaches you code

    -
    h5, .text-5-xs 0.875rem, 14px
    +
    h5, .text-5-xs 1rem, 16px
    Treehouse is an online school that teaches you code
    -
    h6, .text-6-xs 0.75rem, 12px
    +
    h6, .text-6-xs 0.875rem, 14px
    Treehouse is an online school that teaches you code
    +
    p 1rem, 16px
    +

    Treehouse is an online school that teaches you code

    +
    <h1 class="text-0-xs">Treehouse is an online school that teaches you code</h1>
     <p class="text-0-xs">Treehouse is an online school that teaches you code</p>
    @@ -48,7 +51,7 @@ 

    Headers and Text Sizing

    <h5>Treehouse is an online school that teaches you code</h5> <p class="text-5-xs">Treehouse is an online school that teaches you code</p> <h6>Treehouse is an online school that teaches you code</h6> -<p class="text-6-xs">Treehouse is an online school that teaches you code</p>
    +<p>Treehouse is an online school that teaches you code</p>
    From 372ef3d4c113cb553c0e060b053dd51b60381536 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Fri, 15 May 2020 09:19:51 -0700 Subject: [PATCH 05/21] Letter spacing tweak --- _sass/leap/_variables.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index 1eb55b6..8494402 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -152,9 +152,9 @@ $text-size: ( ); $text-tracking: ( - 0: 2.5px, - 1: 2px, - 2: 1.5px, + 0: 1.4px, + 1: 1.3px, + 2: 1.2px, 3: 1px, 4: 0.75px, 5: 0.58px, From bf691a7388db46ee6e904cfc1efd94dc8853d814 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Mon, 18 May 2020 17:54:07 -0700 Subject: [PATCH 06/21] Added lined list, fixed button borders, fixed variables list. --- _sass/leap/atoms/_button.sass | 8 ++++---- _sass/leap/atoms/_typography.sass | 8 ++++++++ sass.html | 19 ++++++++++++------- typography.html | 17 +++++++++++++++++ 4 files changed, 41 insertions(+), 11 deletions(-) diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index 76efaae..e5af592 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -40,13 +40,13 @@ background: -webkit-linear-gradient(top, #55ba73 0%,#50b06c 100%) !important background: linear-gradient(to bottom, #55ba73 0%,#50b06c 100%) !important filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ba73', endColorstr='#50b06c',GradientType=0 ) !important - border-color: brand-color(green) !important + border-color: transparent !important color: #fff !important svg fill: #fff !important +selected background: linear-gradient(#408d56,#408d56) !important - border-color: #408d56 !important + border-color: transparent !important color: #fff !important &--primary-teal @@ -55,13 +55,13 @@ background: -webkit-linear-gradient(top, #008298 0%,#007589 100%) !important background: linear-gradient(to bottom, #008298 0%,#007589 100%) !important filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008298', endColorstr='#007589',GradientType=0 ) !important - border-color: #0098B1 !important + border-color: transparent !important color: #fff !important svg fill: #fff !important +selected background: linear-gradient(#004652,#004652) !important - border-color: #004652 !important + border-color: transparent !important color: #fff !important &--primary-blue diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 035a0da..41c511f 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -159,3 +159,11 @@ ol .list-unstyled list-style: none padding: 0 + +.list-lined + list-style: none + padding: 0 + li + list-style-type: none + padding: spacing(1) 0 + border-bottom: 1px solid $border-color-normal diff --git a/sass.html b/sass.html index 08614cf..3f3cc36 100644 --- a/sass.html +++ b/sass.html @@ -117,7 +117,7 @@

    Spacing

    Colors

    -

    Used in our color utility classes.

    +

    Used in our color utility classes.

    Brand Colors

    .custom-element
    @@ -125,7 +125,11 @@ 

    Colors

    brand-color(green)
    - brand-color(gray) + brand-color(green-dark)
    + brand-color(gray)
    + brand-color(blue-light)
    + brand-color(blue-medium)
    + brand-color(blue-dark)

    Text Colors

    @@ -159,15 +163,16 @@

    Colors

    background-color: pop-color(golden)

    + pop-color(blue-pastel) pop-color(blue)
    - pop-color(dark-blue)
    + pop-color(blue-dark)
    + pop-color(teal)
    + pop-color(green)
    pop-color(golden)
    - pop-color(purple-pastel)
    - pop-color(blue-pastel)
    pop-color(orange)
    - pop-color(blue-light)
    - pop-color(purple)
    pop-color(red-orange)
    + pop-color(purple-pastel)
    + pop-color(purple)
    pop-color(purple-ux)

    diff --git a/typography.html b/typography.html index b6ac342..1048d15 100644 --- a/typography.html +++ b/typography.html @@ -192,6 +192,16 @@

    Lists

    +
    +
    .list-lined
    +
      +
    • List item 1
    • +
    • List item 2
    • +
    • List item 3
    • +
    • List item 4
    • +
    +
    +
    <ul>
     <li>List item 1</li>
    @@ -212,6 +222,13 @@ 

    Lists

    <li>List item 2 </li> <li>List item 3</li> <li>List item 4</li> +</ul> + +<ul class="list-lined"> +<li>List item 1</li> +<li>List item 2 </li> +<li>List item 3</li> +<li>List item 4</li> </ul>
    From ce5b7921a6da8d11f5a360d98c16f5a385ba4f5b Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Thu, 21 May 2020 14:14:50 -0700 Subject: [PATCH 07/21] Removed letter-spacing for headings 4-6 as well as paragraphs --- _sass/leap/_variables.scss | 5 +---- _sass/leap/atoms/_typography.sass | 9 +++++---- 2 files changed, 6 insertions(+), 8 deletions(-) diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index 8494402..6bbff02 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -155,10 +155,7 @@ $text-tracking: ( 0: 1.4px, 1: 1.3px, 2: 1.2px, - 3: 1px, - 4: 0.75px, - 5: 0.58px, - 6: 0.5px + 3: 1px ); $gotham: "Gotham Rounded A", "Gotham Rounded B", "Helvetica", Helvetica, Arial, sans-serif; diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 41c511f..38f239c 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -12,12 +12,14 @@ h1, h2, h3, h4, h5, h6 line-height: 1.3 !important text-rendering: optimizeLegibility - - -// text sizes for each header +// Text sizes for each header @for $num from 0 through 6 h#{$num} font-size: text-size($num) !important + +// Letter spacing for headers 0 - 3 +@for $num from 0 through 3 + h#{$num} letter-spacing: text-tracking($num) !important // Create text size classes @@ -73,7 +75,6 @@ hr p color: text-color(base) font-size: 1rem - letter-spacing: 0.58px line-height: 1.5 margin: 0 From 540e1bd7c3bfa285b30351be780e5fae4e76b6cf Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 27 May 2020 09:11:47 -0700 Subject: [PATCH 08/21] Added Inverse Primary Teal button --- _sass/leap/atoms/_button.sass | 12 +++++++++++- buttons.html | 4 +++- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index e5af592..cb84ce8 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -140,6 +140,17 @@ +selected opacity: 1 !important + &-primary-teal + background-color: #fff !important + border-color: #fff !important + color: text-color(medium) !important + opacity: 0.88 + svg + fill: pop-color(teal) !important + +selected + color: darken(pop-color(teal), 6%) !important + opacity: 1 !important + &-disabled border-color: #fff !important color: #fff !important @@ -161,7 +172,6 @@ opacity: 0.15 !important - // Inline buttons next to input fields &--inline margin-top: 28px !important diff --git a/buttons.html b/buttons.html index 70a660b..39f4e42 100644 --- a/buttons.html +++ b/buttons.html @@ -110,16 +110,18 @@

    Alert

    Inverse

    -

    Inverse buttons are used when the background color a container is too dark for normal buttons to have enough contrast. Invert the style with the classes, .button--inverse. .button--inverse-primary. .button--inverse-disabled. .button--inverse-primary-disabled.

    +

    Inverse buttons are used when the background color a container is too dark for normal buttons to have enough contrast. Invert the style with the classes, .button--inverse, .button--inverse-primary, .button--inverse-primary-teal, .button--inverse-disabled, .button--inverse-primary-disabled.

    <a class="m-b-05-xs button button--inverse" href>Inverse</a>
     <a class="m-b-05-xs button button--inverse-primary" href>Inverse Primary</a>
    +<a class="m-b-05-xs button button--inverse-primary-teal" href>Inverse Primary</a>
     <a class="m-b-05-xs button button--inverse-disabled" href>Inverse Disabled</a>
     <a class="m-b-05-xs button button--inverse-primary-disabled" href>Inverse Primary Disabled</a>
    From 414784edb6d56373e34c562ab10e4e0a2ea2e1e9 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 10 Jun 2020 16:16:39 -0700 Subject: [PATCH 09/21] Fixed an error regarding inline flexbox --- _sass/leap/atoms/_flexbox.sass | 8 ++++++-- buttons.html | 2 +- flexbox.html | 12 ++++++++++-- 3 files changed, 17 insertions(+), 5 deletions(-) diff --git a/_sass/leap/atoms/_flexbox.sass b/_sass/leap/atoms/_flexbox.sass index a601beb..1166e2f 100644 --- a/_sass/leap/atoms/_flexbox.sass +++ b/_sass/leap/atoms/_flexbox.sass @@ -1,10 +1,10 @@ -// Adds flex and flex-inline classes +// Adds flex and inline-flex classes @mixin flex-container($suffix) .flex &-block-#{$suffix} display: flex !important &-inline-#{$suffix} - display: flex-inline !important + display: inline-flex !important // Adds flex direction classes @mixin flex-direction($suffix) @@ -107,8 +107,12 @@ align-self: auto !important &-start-#{$suffix} align-self: flex-start !important + &-start-flush-#{$suffix} + align-self: start !important &-end-#{$suffix} align-self: flex-end !important + &-end-flush-#{$suffix} + align-self: end !important &-center-#{$suffix} align-self: center !important &-stretch-#{$suffix} diff --git a/buttons.html b/buttons.html index 39f4e42..4b51db0 100644 --- a/buttons.html +++ b/buttons.html @@ -121,7 +121,7 @@

    Inverse

    <a class="m-b-05-xs button button--inverse" href>Inverse</a>
     <a class="m-b-05-xs button button--inverse-primary" href>Inverse Primary</a>
    -<a class="m-b-05-xs button button--inverse-primary-teal" href>Inverse Primary</a>
    +<a class="m-b-05-xs button button--inverse-primary-teal" href>Inverse Primary Teal</a>
     <a class="m-b-05-xs button button--inverse-disabled" href>Inverse Disabled</a>
     <a class="m-b-05-xs button button--inverse-primary-disabled" href>Inverse Primary Disabled</a>
    diff --git a/flexbox.html b/flexbox.html index 450b2aa..548ac4c 100644 --- a/flexbox.html +++ b/flexbox.html @@ -579,11 +579,19 @@

    Align Self

    .flex-self-start-xs - Cross-start margin edge of the items is placed on the cross-start line + Cross-start margin edge of the flex item is placed on the cross-start line (align-self: flex-start) + + + .flex-self-start-flush-xs + Cross-start margin edge of the item is placed on the cross-start line (align-self: start) .flex-self-end-xs - Cross-end margin edge of the items is placed on the cross-end line + Cross-end margin edge of the flex item is placed on the cross-end line (align-self: flex-end) + + + .flex-self-end-flush-xs + Cross-end margin edge of the item is placed on the cross-end line (align-self: end) .flex-self-center-xs From 4f3010868d006bef1a20ae9aa6f18683b05553cc Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Mon, 22 Jun 2020 16:08:24 -0700 Subject: [PATCH 10/21] Fixed bug where primary bg was overriding button bg for topic category buttons --- _sass/leap/atoms/_button.sass | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index cb84ce8..199e7f6 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -243,11 +243,11 @@ svg fill: darken(category-color(#{$category}, base), 10%) !important &.button--primary - background-color: category-color(#{$category}, base) !important + background: category-color(#{$category}, base) !important border-color: category-color(#{$category}, base) !important color: #fff !important +selected - background-color: darken(category-color(#{$category}, base), 10%) !important + background: darken(category-color(#{$category}, base), 10%) !important border-color: darken(category-color(#{$category}, base), 10%) !important svg fill: #fff !important From 58a220c2215bd1793b43a17f9714e10f4d086928 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Mon, 22 Jun 2020 16:21:06 -0700 Subject: [PATCH 11/21] Added white bg to secondary button so it stands out on grey bg --- _sass/leap/atoms/_button.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index 199e7f6..01ad537 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -78,7 +78,7 @@ // Secondary buttons &--secondary - background-color: transparent !important + background-color: #fff !important border-color: $border-color-normal !important color: text-color(base) !important svg From 1c7b1ae630de5d496e89f73df7485a2e71837602 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Tue, 23 Jun 2020 12:19:42 -0700 Subject: [PATCH 12/21] Added special focus styling to buttons and text links --- _sass/leap/mixins/_selected.sass | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/_sass/leap/mixins/_selected.sass b/_sass/leap/mixins/_selected.sass index 1c767ad..e9591ee 100644 --- a/_sass/leap/mixins/_selected.sass +++ b/_sass/leap/mixins/_selected.sass @@ -2,10 +2,16 @@ @mixin selected($focus: true) @if $focus &:hover, - &:active, + &:active + @content &:focus @content + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 4px brand-color(blue-light) + outline: 2px dotted transparent + outline-offset: 2px @else - &:hover, &:active, + &:hover, + &:focus @content + From 563f5f04d44c791b5d5d1068f6f0e2c84e3f6fed Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 24 Jun 2020 14:08:46 -0700 Subject: [PATCH 13/21] Updated focus states for buttons and forms --- _sass/leap/atoms/_button.sass | 10 ++++----- _sass/leap/atoms/_forms.sass | 36 +++++++++++++++++++++++++------- _sass/leap/mixins/_selected.sass | 22 +++++++++++++++++-- 3 files changed, 54 insertions(+), 14 deletions(-) diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index 01ad537..dd78994 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -125,7 +125,7 @@ opacity: 0.88 !important svg fill: #fff !important - +selected + +selected-inverse border-color: #fff !important color: #fff !important opacity: 1 !important @@ -137,7 +137,7 @@ opacity: 0.88 svg fill: text-color(medium) !important - +selected + +selected-inverse opacity: 1 !important &-primary-teal @@ -147,7 +147,7 @@ opacity: 0.88 svg fill: pop-color(teal) !important - +selected + +selected-inverse color: darken(pop-color(teal), 6%) !important opacity: 1 !important @@ -155,7 +155,7 @@ border-color: #fff !important color: #fff !important opacity: 0.15 !important - +selected + +selected-inverse border-color: #fff !important color: #fff !important opacity: 0.15 !important @@ -165,7 +165,7 @@ border-color: #fff !important color: text-color(medium) !important opacity: 0.15 !important - +selected + +selected-inverse background-color: #fff !important border-color: #fff !important color: text-color(medium) !important diff --git a/_sass/leap/atoms/_forms.sass b/_sass/leap/atoms/_forms.sass index b7d1710..447e67f 100644 --- a/_sass/leap/atoms/_forms.sass +++ b/_sass/leap/atoms/_forms.sass @@ -99,9 +99,11 @@ $form-states: success, warning, error &:focus background-color: $form-background-active border-color: $form-border-active + box-shadow: 0 0 0px 2px $form-border-active // Focus & Hover States for Form Feedback +form-feedback-bg-active +form-feedback-active(border-color) + box-shadow: 0 0 0px 2px $form-border-active // Default Hover State &:hover border-color: $form-border-active @@ -141,6 +143,7 @@ $form-states: success, warning, error &:focus background-color: $form-background-active border: 2px solid $form-border-active + box-shadow: 0 0 0px 2px $form-border-active +form-feedback-bg-active +form-feedback-active(border-color) &:hover @@ -189,8 +192,9 @@ $form-states: success, warning, error color: $form-color-active &:before border: 2px solid $form-border-active + box-shadow: 0 0 0px 2px $form-border-active // Hover states for radio and checkboxes - &:hover+.form-label + &:hover+.form-label, &:focus+.form-label cursor: pointer &:before border: 2px solid $form-border-active @@ -199,6 +203,7 @@ $form-states: success, warning, error &:hover+.text-color-white, &:focus+.text-color-white &:before border: 2px solid #fff + box-shadow: 0 0 0px 2px $form-border-active // Default Radio Styles &-radio &+.form-label:before @@ -253,6 +258,7 @@ $form-states: success, warning, error &:focus + .form-label background-color: $form-background-active border: 2px solid $form-border-active + box-shadow: 0 0 0px 2px $form-border-active color: $form-color-active // Form feedback +form-feedback-active(border-color, color) @@ -302,6 +308,9 @@ $form-states: success, warning, error float: left &:focus border: 2px solid #fff + box-shadow: 0 0 0px 4px rgba(0,0,0,.75) + outline: 2px dotted transparent + outline-offset: 2px // Variable width feedback message with top arrow .form-radio ~ .form-feedback, @@ -431,12 +440,15 @@ $form-states: success, warning, error +form-feedback-bg-active +form-feedback-active(border-color) // Default Hover and Focus States - &:hover, &:focus + &:hover -webkit-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) -moz-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) &:focus border: 2px solid #fff + box-shadow: 0 0 0px 4px rgba(0,0,0,.75) + outline: 2px dotted transparent + outline-offset: 2px // Focus & Hover States for Form Feedback +form-feedback-bg-active // Getting rid of extra spacing that appears below textarea; size varies among browsers. @@ -470,9 +482,9 @@ $form-states: success, warning, error &:focus background-color: $form-background-active border: 2px solid #fff - -webkit-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) - -moz-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) - box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) + box-shadow: 0 0 0px 4px rgba(0,0,0,.75) + outline: 2px dotted transparent + outline-offset: 2px &:hover background-color: $form-background-active color: $form-color-active @@ -517,13 +529,20 @@ $form-states: success, warning, error color: #fff // Adding in focus states for accessibility // Hover states for radio and checkboxes - &:hover+.form-label, &:focus+.form-label + &:hover+.form-label &:before border: 2px solid #fff cursor: pointer -webkit-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) -moz-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) + &:focus+.form-label + &:before + border: 2px solid #fff + cursor: pointer + box-shadow: 0 0 0px 4px rgba(0,0,0,.75) + outline: 2px dotted transparent + outline-offset: 2px // Default Radio Styles &-radio &+.form-label:before @@ -576,10 +595,13 @@ $form-states: success, warning, error +form-feedback-bg-active +form-feedback(border-color, color) // Adding in focus & hover states - &:focus + .form-label, & + .form-label:hover -webkit-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) -moz-box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) box-shadow: 0px 0px 0px 3px rgba(45,51,57,0.6) + &:focus + .form-label + box-shadow: 0 0 0px 4px rgba(0,0,0,.75) + outline: 2px dotted transparent + outline-offset: 2px color: $form-color-active // Focused & Hover states for form feedback diff --git a/_sass/leap/mixins/_selected.sass b/_sass/leap/mixins/_selected.sass index e9591ee..ebe8f5a 100644 --- a/_sass/leap/mixins/_selected.sass +++ b/_sass/leap/mixins/_selected.sass @@ -1,4 +1,7 @@ -// Easily create hover, active and focus states with a single mixin +// Easily create hover, active and focus states with a single mixin. +// selected is for buttons on white. selected-inverse is for buttons on dark backgrounds. +// Since box-shadow is invisible in Windows high-contrast mode, the transparent outline is a fallback; it actually does show up in high-contrast mode. + @mixin selected($focus: true) @if $focus &:hover, @@ -6,7 +9,7 @@ @content &:focus @content - box-shadow: 0 0 0 2px #ffffff, 0 0 0px 4px brand-color(blue-light) + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px brand-color(blue-light) outline: 2px dotted transparent outline-offset: 2px @else @@ -15,3 +18,18 @@ &:focus @content +@mixin selected-inverse($focus: true) + @if $focus + &:hover, + &:active + @content + &:focus + @content + box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff + outline: 2px dotted transparent + outline-offset: 2px + @else + &:active, + &:hover, + &:focus + @content From face56d0724015929b014d8826f2fe66c6f91e64 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 24 Jun 2020 15:24:52 -0700 Subject: [PATCH 14/21] Began adding release notes. Updated year in footer. --- _includes/footer.html | 2 +- release-notes.html | 115 +++++++++++++++++++++++++----------------- 2 files changed, 70 insertions(+), 47 deletions(-) diff --git a/_includes/footer.html b/_includes/footer.html index 7f2287e..be0e1b4 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -7,7 +7,7 @@
    - +
    diff --git a/release-notes.html b/release-notes.html index daf410e..8d5bdef 100644 --- a/release-notes.html +++ b/release-notes.html @@ -26,14 +26,14 @@

    Initial feedback release

    September 6, 2016

      -
    • Added in a .text-color-white class
    • -
    • Made sure .col-max had margin: 0 auto
    • -
    • Added !important to grid classes
    • -
    • Added outer padding to .col-max and changed grid width to 1260px to match Treehouse
    • -
    • Added !important to header font sizes
    • -
    • Added in a larger header text class (.text-0-xs) for use in marketing hero units
    • -
    • Refactored inverse button styles
    • -
    • Removed !important form .col-gutters styles
    • +
    • Added in a .text-color-white class.
    • +
    • Made sure .col-max had margin: 0 auto.
    • +
    • Added !important to grid classes.
    • +
    • Added outer padding to .col-max and changed grid width to 1260px to match Treehouse.
    • +
    • Added !important to header font sizes.
    • +
    • Added in a larger header text class (.text-0-xs) for use in marketing hero units.
    • +
    • Refactored inverse button styles.
    • +
    • Removed !important form .col-gutters styles.
    @@ -46,9 +46,9 @@

    Secondary feedback release

    September 8, 2016

    @@ -61,7 +61,7 @@

    Quick button update

    September 13, 2016

    @@ -74,7 +74,7 @@

    Select height update

    September 22, 2016

    @@ -87,8 +87,8 @@

    Select height update for Safari

    September 22, 2016

    @@ -101,7 +101,7 @@

    Select height update for Firefox

    September 22, 2016

    @@ -114,7 +114,7 @@

    Inline button style

    September 28, 2016

    @@ -127,9 +127,9 @@

    Form updates

    October 31, 2016

    @@ -142,8 +142,8 @@

    Radio updates

    October 31, 2016

    @@ -156,8 +156,8 @@

    Adding VR Topic Color

    February 22, 2017

    @@ -170,7 +170,7 @@

    Updating VR variable to full name

    February 22, 2017

    @@ -182,8 +182,8 @@

    Adding APIs Topic Color

    March 30, 2017

    @@ -195,8 +195,8 @@

    Adding Data Analysis Topic Color

    April 12, 2017

    @@ -208,8 +208,8 @@

    Adding Security Topic Color

    June 6, 2017

    @@ -221,8 +221,8 @@

    Adding Go Topic Color

    June 22, 2017

    @@ -234,8 +234,8 @@

    Adding Quality Assurance Topic Color

    August 21, 2017

    @@ -247,7 +247,7 @@

    Added package.json

    September 21, 2017

    @@ -259,8 +259,8 @@

    Adding Machine Learning Topic Color

    March 15, 2018

    @@ -316,7 +316,7 @@

    Adding Learing Resources Topic Color

    May 16, 2018

    @@ -329,9 +329,9 @@

    Adding Topic Categories

    July 30, 2018

    @@ -340,10 +340,33 @@

    0.11.0

    -

    Misc. Updates

    -

    Month x, 2020

    -
    From e1be3a28a405f2e3e34253b09effdde6ba7be0e4 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 15 Jul 2020 11:46:03 -0700 Subject: [PATCH 15/21] Renamed color variables and increased contrast for hex colors on colors page --- _sass/leap/_variables.scss | 4 ++-- _sass/styleguide/_theme.sass | 2 +- sass.html | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index 6bbff02..863126e 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -54,8 +54,8 @@ $pop-colors: ( "orange": #e98134, "red-orange": #e95e31, "purple-pastel": #8171a0, - "purple": #b15592, - "purple-ux": #4a4290 + "purple": #4a4290, + "magenta": #b15592 ); // Category colors diff --git a/_sass/styleguide/_theme.sass b/_sass/styleguide/_theme.sass index f45afb5..da56403 100644 --- a/_sass/styleguide/_theme.sass +++ b/_sass/styleguide/_theme.sass @@ -101,7 +101,7 @@ body color: rgba(#fff, 0.9) font-family: Monaco, monospace em - color: rgba(#fff, 0.5) + color: rgba(#fff, 0.75) font-family: Helvetica, Arial, sans-serif &.topic-bg-python-lightest color: category-color(back-end, base) diff --git a/sass.html b/sass.html index 3f3cc36..0b4608d 100644 --- a/sass.html +++ b/sass.html @@ -163,7 +163,7 @@

    Colors

    background-color: pop-color(golden)

    - pop-color(blue-pastel) + pop-color(blue-pastel)
    pop-color(blue)
    pop-color(blue-dark)
    pop-color(teal)
    @@ -173,7 +173,7 @@

    Colors

    pop-color(red-orange)
    pop-color(purple-pastel)
    pop-color(purple)
    - pop-color(purple-ux) + pop-color(magenta)

    UI Colors

    From f4144a860e36cb9bc98934c3fdc901a0f4f36d0f Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Tue, 21 Jul 2020 18:41:19 -0700 Subject: [PATCH 16/21] Added auto margin for individual sides. --- _sass/leap/atoms/_margin.sass | 10 ++++++++-- flexbox.html | 2 +- layout.html | 5 +++++ release-notes.html | 8 ++++++-- 4 files changed, 20 insertions(+), 5 deletions(-) diff --git a/_sass/leap/atoms/_margin.sass b/_sass/leap/atoms/_margin.sass index 1e80a73..7c8fc62 100644 --- a/_sass/leap/atoms/_margin.sass +++ b/_sass/leap/atoms/_margin.sass @@ -65,7 +65,13 @@ .m-auto-#{$suffix} margin: 0 auto !important +// Creates styles for position side values based on our spacing units +@mixin margin-auto-sides($suffix) + // Iterate through each value in $spacing-sides + @each $type, $side in $spacing-sides + .m-#{$type}-auto-#{$suffix} + margin-#{$side}: auto !important // Adds the media queries to the margin-style mixin @mixin margin($suffix, $media: null) @@ -76,12 +82,12 @@ +media($media) +margin-style($suffix) +margin-auto($suffix) + +margin-auto-sides($suffix) @else @media screen +margin-style($suffix) +margin-auto($suffix) - - + +margin-auto-sides($suffix) // Extra Small margin classes +margin(xs) diff --git a/flexbox.html b/flexbox.html index 548ac4c..58c499f 100644 --- a/flexbox.html +++ b/flexbox.html @@ -6,7 +6,7 @@ - Items --- -

    Flexbox is perfect for aligning items inside components. It typically isn't used for large scale layouts but for smaller parts of a page or component. All of the flex box utility classes can be used with our breakpoint suffixes.

    +

    Flexbox is perfect for aligning items inside components. It typically isn't used for large scale layouts but for smaller parts of a page or component. All of the flex box utility classes can be used with our breakpoint suffixes. In some cases, adding an auto margin to a side is needed to align content. In that case, check out auto margins.

    Flex Container

    diff --git a/layout.html b/layout.html index bf8b535..f6b00a9 100644 --- a/layout.html +++ b/layout.html @@ -235,6 +235,10 @@

    Individual Spacing

  • .m-lr-1-xs margin left + right
  • .m-tb-1-xs margin top + bottom
  • .m-auto-xs horizontal center
  • +
  • .m-t-auto-xs margin-top auto
  • +
  • .m-b-auto-xs margin-bottom auto
  • +
  • .m-l-auto-xs margin-left auto
  • +
  • .m-r-auto-xs margin-right auto
  • @@ -269,6 +273,7 @@

    Individual Spacing

    <div class="border-dark-xs float-l-xs inline-block-xs p-l-4-xs">p-l-4-xs</div> <div class="border-dark-xs float-l-xs inline-block-xs p-l-5-xs">p-l-5-xs</div> <div class="border-dark-xs float-l-xs inline-block-xs p-l-6-xs">p-l-6-xs</div> +<div class="border-dark-xs float-l-xs inline-block-xs p-l-auto-xs">p-l-auto-xs</div> </div>
    diff --git a/release-notes.html b/release-notes.html index 8d5bdef..4959655 100644 --- a/release-notes.html +++ b/release-notes.html @@ -340,8 +340,8 @@

    0.11.0

    -

    Refreshing Brand & Making Accessibility Improvements

    -

    July x, 2020

    +

    Refreshing Brand, Improving Accessibility, and Misc. Enhancements

    +

    July 27, 2020

    Colors

    • Added new palette of pop colors. Added a dark green to the brand color palette.
    • @@ -368,6 +368,10 @@
      • Improved focus styles and differentiated them from hover styles.
      +

      Layout

      +
        +
      • Added auto margin classes for individual sides. This is handy for aligning content in flexbox layouts.m-#{$type}-auto-#{$suffix}.
      • +
    From 0d61e10ef0203b77a6756061540d4ec48be68013 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Wed, 22 Jul 2020 10:27:08 -0700 Subject: [PATCH 17/21] Polishing it up. Updated version number in css files. --- css/leap.css | 1145 +++++++++++++++++++++++++++++++++++++------- css/leap.min.css | 2 +- release-notes.html | 6 +- 3 files changed, 982 insertions(+), 171 deletions(-) diff --git a/css/leap.css b/css/leap.css index ff49cb0..b4d92aa 100644 --- a/css/leap.css +++ b/css/leap.css @@ -1,4 +1,4 @@ -/*! Leap Version 0.9.2 */ +/*! Leap Version 0.11.0 */ *, :after, :before { box-sizing: border-box; } @@ -219,19 +219,19 @@ h1, h2, h3, h4, h5, h6 { } h0 { - font-size: 3rem !important; + font-size: 3.75rem !important; } h1 { - font-size: 2.25rem !important; + font-size: 3rem !important; } h2 { - font-size: 1.75rem !important; + font-size: 2.25rem !important; } h3 { - font-size: 1.25rem !important; + font-size: 1.5rem !important; } h4 { @@ -246,21 +246,37 @@ h6 { font-size: 0.875rem !important; } +h0 { + letter-spacing: 1.4px !important; +} + +h1 { + letter-spacing: 1.3px !important; +} + +h2 { + letter-spacing: 1.2px !important; +} + +h3 { + letter-spacing: 1px !important; +} + @media screen { .text-0-xs { - font-size: 3rem !important; + font-size: 3.75rem !important; } .text-1-xs { - font-size: 2.25rem !important; + font-size: 3rem !important; } .text-2-xs { - font-size: 1.75rem !important; + font-size: 2.25rem !important; } .text-3-xs { - font-size: 1.25rem !important; + font-size: 1.5rem !important; } .text-4-xs { @@ -277,19 +293,19 @@ h6 { } @media screen and (min-width: 480px) { .text-0-sm { - font-size: 3rem !important; + font-size: 3.75rem !important; } .text-1-sm { - font-size: 2.25rem !important; + font-size: 3rem !important; } .text-2-sm { - font-size: 1.75rem !important; + font-size: 2.25rem !important; } .text-3-sm { - font-size: 1.25rem !important; + font-size: 1.5rem !important; } .text-4-sm { @@ -306,19 +322,19 @@ h6 { } @media screen and (min-width: 680px) { .text-0-md { - font-size: 3rem !important; + font-size: 3.75rem !important; } .text-1-md { - font-size: 2.25rem !important; + font-size: 3rem !important; } .text-2-md { - font-size: 1.75rem !important; + font-size: 2.25rem !important; } .text-3-md { - font-size: 1.25rem !important; + font-size: 1.5rem !important; } .text-4-md { @@ -335,19 +351,19 @@ h6 { } @media screen and (min-width: 960px) { .text-0-lg { - font-size: 3rem !important; + font-size: 3.75rem !important; } .text-1-lg { - font-size: 2.25rem !important; + font-size: 3rem !important; } .text-2-lg { - font-size: 1.75rem !important; + font-size: 2.25rem !important; } .text-3-lg { - font-size: 1.25rem !important; + font-size: 1.5rem !important; } .text-4-lg { @@ -364,19 +380,19 @@ h6 { } @media screen and (min-width: 1140px) { .text-0-xl { - font-size: 3rem !important; + font-size: 3.75rem !important; } .text-1-xl { - font-size: 2.25rem !important; + font-size: 3rem !important; } .text-2-xl { - font-size: 1.75rem !important; + font-size: 2.25rem !important; } .text-3-xl { - font-size: 1.25rem !important; + font-size: 1.5rem !important; } .text-4-xl { @@ -428,8 +444,14 @@ a { transition: color 300ms 0s ease; text-decoration: none; } -a:hover, a:active, a:focus { +a:hover, a:active { + color: #2a5d81; +} +a:focus { color: #2a5d81; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } code { @@ -538,6 +560,16 @@ ol { padding: 0; } +.list-lined { + list-style: none; + padding: 0; +} +.list-lined li { + list-style-type: none; + padding: 1rem 0; + border-bottom: 1px solid #e8ebed; +} + .icon-16 { width: 16px; height: 16px; @@ -1168,6 +1200,26 @@ ol { background-color: #5fcf80 !important; } +.brand-fill-green-dark { + fill: #2F9D4F !important; +} + +.brand-stroke-green-dark { + stroke: #2F9D4F !important; +} + +.brand-color-green-dark { + color: #2F9D4F !important; +} + +.brand-border-green-dark { + border-color: #2F9D4F !important; +} + +.brand-bg-green-dark { + background-color: #2F9D4F !important; +} + .brand-fill-gray { fill: #3e474f !important; } @@ -2208,6 +2260,226 @@ ol { background-color: #4a545e !important; } +.pop-fill-blue-pastel { + fill: #5185c1 !important; +} + +.pop-stroke-blue-pastel { + stroke: #5185c1 !important; +} + +.pop-color-blue-pastel { + color: #5185c1 !important; +} + +.pop-border-blue-pastel { + border-color: #5185c1 !important; +} + +.pop-bg-blue-pastel { + background-color: #5185c1 !important; +} + +.pop-fill-blue { + fill: #3859a2 !important; +} + +.pop-stroke-blue { + stroke: #3859a2 !important; +} + +.pop-color-blue { + color: #3859a2 !important; +} + +.pop-border-blue { + border-color: #3859a2 !important; +} + +.pop-bg-blue { + background-color: #3859a2 !important; +} + +.pop-fill-blue-dark { + fill: #323952 !important; +} + +.pop-stroke-blue-dark { + stroke: #323952 !important; +} + +.pop-color-blue-dark { + color: #323952 !important; +} + +.pop-border-blue-dark { + border-color: #323952 !important; +} + +.pop-bg-blue-dark { + background-color: #323952 !important; +} + +.pop-fill-teal { + fill: #0498b1 !important; +} + +.pop-stroke-teal { + stroke: #0498b1 !important; +} + +.pop-color-teal { + color: #0498b1 !important; +} + +.pop-border-teal { + border-color: #0498b1 !important; +} + +.pop-bg-teal { + background-color: #0498b1 !important; +} + +.pop-fill-green { + fill: #6ac17e !important; +} + +.pop-stroke-green { + stroke: #6ac17e !important; +} + +.pop-color-green { + color: #6ac17e !important; +} + +.pop-border-green { + border-color: #6ac17e !important; +} + +.pop-bg-green { + background-color: #6ac17e !important; +} + +.pop-fill-golden { + fill: #ecc148 !important; +} + +.pop-stroke-golden { + stroke: #ecc148 !important; +} + +.pop-color-golden { + color: #ecc148 !important; +} + +.pop-border-golden { + border-color: #ecc148 !important; +} + +.pop-bg-golden { + background-color: #ecc148 !important; +} + +.pop-fill-orange { + fill: #e98134 !important; +} + +.pop-stroke-orange { + stroke: #e98134 !important; +} + +.pop-color-orange { + color: #e98134 !important; +} + +.pop-border-orange { + border-color: #e98134 !important; +} + +.pop-bg-orange { + background-color: #e98134 !important; +} + +.pop-fill-red-orange { + fill: #e95e31 !important; +} + +.pop-stroke-red-orange { + stroke: #e95e31 !important; +} + +.pop-color-red-orange { + color: #e95e31 !important; +} + +.pop-border-red-orange { + border-color: #e95e31 !important; +} + +.pop-bg-red-orange { + background-color: #e95e31 !important; +} + +.pop-fill-purple-pastel { + fill: #8171a0 !important; +} + +.pop-stroke-purple-pastel { + stroke: #8171a0 !important; +} + +.pop-color-purple-pastel { + color: #8171a0 !important; +} + +.pop-border-purple-pastel { + border-color: #8171a0 !important; +} + +.pop-bg-purple-pastel { + background-color: #8171a0 !important; +} + +.pop-fill-purple { + fill: #4a4290 !important; +} + +.pop-stroke-purple { + stroke: #4a4290 !important; +} + +.pop-color-purple { + color: #4a4290 !important; +} + +.pop-border-purple { + border-color: #4a4290 !important; +} + +.pop-bg-purple { + background-color: #4a4290 !important; +} + +.pop-fill-magenta { + fill: #b15592 !important; +} + +.pop-stroke-magenta { + stroke: #b15592 !important; +} + +.pop-color-magenta { + color: #b15592 !important; +} + +.pop-border-magenta { + border-color: #b15592 !important; +} + +.pop-bg-magenta { + background-color: #b15592 !important; +} + .button { -webkit-appearance: none; -moz-appearance: none; @@ -2234,17 +2506,27 @@ ol { margin: 0 10px 0 0; text-align: center; text-decoration: none; - transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; + transition: color .3s ease, background-color .3s ease, border-color .3s ease, width .3s ease, opacity .3s ease; vertical-align: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -.button:hover, .button:active, .button:focus { +.button:hover, .button:active { + color: #34ad58; + border-color: #34ad58; +} +.button:hover svg, .button:active svg { + fill: #34ad58; +} +.button:focus { color: #34ad58; border-color: #34ad58; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button:hover svg, .button:active svg, .button:focus svg { +.button:focus svg { fill: #34ad58; } .button:last-child { @@ -2254,17 +2536,54 @@ ol { fill: #5fcf80; } .button--primary { - background-color: #5fcf80 !important; - border-color: #5fcf80 !important; + background: #50b06c !important; + background: -moz-linear-gradient(top, #55ba73 0%, #50b06c 100%) !important; + background: -webkit-linear-gradient(top, #55ba73 0%, #50b06c 100%) !important; + background: linear-gradient(to bottom, #55ba73 0%, #50b06c 100%) !important; + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ba73', endColorstr='#50b06c',GradientType=0 ) !important; + border-color: transparent !important; color: #fff !important; } .button--primary svg { fill: #fff !important; } -.button--primary:hover, .button--primary:active, .button--primary:focus { - background-color: #34ad58 !important; - border-color: #34ad58 !important; +.button--primary:hover, .button--primary:active { + background: linear-gradient(#408d56, #408d56) !important; + border-color: transparent !important; + color: #fff !important; +} +.button--primary:focus { + background: linear-gradient(#408d56, #408d56) !important; + border-color: transparent !important; + color: #fff !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--primary-teal { + background: #008298 !important; + background: -moz-linear-gradient(top, #008298 0%, #007589 100%) !important; + background: -webkit-linear-gradient(top, #008298 0%, #007589 100%) !important; + background: linear-gradient(to bottom, #008298 0%, #007589 100%) !important; + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008298', endColorstr='#007589',GradientType=0 ) !important; + border-color: transparent !important; + color: #fff !important; +} +.button--primary-teal svg { + fill: #fff !important; +} +.button--primary-teal:hover, .button--primary-teal:active { + background: linear-gradient(#004652, #004652) !important; + border-color: transparent !important; + color: #fff !important; +} +.button--primary-teal:focus { + background: linear-gradient(#004652, #004652) !important; + border-color: transparent !important; color: #fff !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } .button--primary-blue { background-color: #387bab !important; @@ -2274,23 +2593,38 @@ ol { .button--primary-blue svg { fill: #fff !important; } -.button--primary-blue:hover, .button--primary-blue:active, .button--primary-blue:focus { +.button--primary-blue:hover, .button--primary-blue:active { background-color: #2a5d81 !important; border-color: #2a5d81 !important; color: #fff !important; } +.button--primary-blue:focus { + background-color: #2a5d81 !important; + border-color: #2a5d81 !important; + color: #fff !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} .button--secondary { - background-color: transparent !important; + background-color: #fff !important; border-color: #e8ebed !important; color: #576366 !important; } .button--secondary svg { fill: #576366 !important; } -.button--secondary:hover, .button--secondary:active, .button--secondary:focus { +.button--secondary:hover, .button--secondary:active { border-color: #bdc6cb !important; color: #505b5e !important; } +.button--secondary:focus { + border-color: #bdc6cb !important; + color: #505b5e !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} .button--alert { background-color: transparent !important; border-color: #ed5a5a !important; @@ -2299,9 +2633,16 @@ ol { .button--alert svg { fill: #ed5a5a !important; } -.button--alert:hover, .button--alert:active, .button--alert:focus { +.button--alert:hover, .button--alert:active { + border-color: #cb1616 !important; + color: #cb1616 !important; +} +.button--alert:focus { border-color: #cb1616 !important; color: #cb1616 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } .button--disabled { background-color: transparent !important; @@ -2311,60 +2652,122 @@ ol { .button--disabled svg { fill: #7b8b8e !important; } -.button--disabled:hover, .button--disabled:active, .button--disabled:focus { +.button--disabled:hover, .button--disabled:active { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; } -.button--disabled:hover svg, .button--disabled:active svg, .button--disabled:focus svg { +.button--disabled:hover svg, .button--disabled:active svg { + fill: #576366 !important; +} +.button--disabled:focus { + background-color: transparent !important; + border-color: #e8ebed !important; + color: #7b8b8e !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--disabled:focus svg { fill: #576366 !important; } .button--inverse { border-color: #fff !important; color: #fff !important; - opacity: 0.88 !important; + opacity: .88 !important; } .button--inverse svg { fill: #fff !important; } -.button--inverse:hover, .button--inverse:active, .button--inverse:focus { +.button--inverse:hover, .button--inverse:active { border-color: #fff !important; color: #fff !important; opacity: 1 !important; } +.button--inverse:focus { + border-color: #fff !important; + color: #fff !important; + opacity: 1 !important; + box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; + outline: 2px dotted transparent; + outline-offset: 2px; +} .button--inverse-primary { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; - opacity: 0.88; + opacity: .88; } .button--inverse-primary svg { fill: #4b5658 !important; } -.button--inverse-primary:hover, .button--inverse-primary:active, .button--inverse-primary:focus { +.button--inverse-primary:hover, .button--inverse-primary:active { opacity: 1 !important; } +.button--inverse-primary:focus { + opacity: 1 !important; + box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--inverse-primary-teal { + background-color: #fff !important; + border-color: #fff !important; + color: #4b5658 !important; + opacity: .88; +} +.button--inverse-primary-teal svg { + fill: #0498b1 !important; +} +.button--inverse-primary-teal:hover, .button--inverse-primary-teal:active { + color: #037e93 !important; + opacity: 1 !important; +} +.button--inverse-primary-teal:focus { + color: #037e93 !important; + opacity: 1 !important; + box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; + outline: 2px dotted transparent; + outline-offset: 2px; +} .button--inverse-disabled { border-color: #fff !important; color: #fff !important; - opacity: 0.15 !important; + opacity: .15 !important; +} +.button--inverse-disabled:hover, .button--inverse-disabled:active { + border-color: #fff !important; + color: #fff !important; + opacity: .15 !important; } -.button--inverse-disabled:hover, .button--inverse-disabled:active, .button--inverse-disabled:focus { +.button--inverse-disabled:focus { border-color: #fff !important; color: #fff !important; - opacity: 0.15 !important; + opacity: .15 !important; + box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; + outline: 2px dotted transparent; + outline-offset: 2px; } .button--inverse-primary-disabled { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; - opacity: 0.15 !important; + opacity: .15 !important; +} +.button--inverse-primary-disabled:hover, .button--inverse-primary-disabled:active { + background-color: #fff !important; + border-color: #fff !important; + color: #4b5658 !important; + opacity: .15 !important; } -.button--inverse-primary-disabled:hover, .button--inverse-primary-disabled:active, .button--inverse-primary-disabled:focus { +.button--inverse-primary-disabled:focus { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; - opacity: 0.15 !important; + opacity: .15 !important; + box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; + outline: 2px dotted transparent; + outline-offset: 2px; } .button--inline { margin-top: 28px !important; @@ -2629,23 +3032,43 @@ ol { .button--category-back-end svg { fill: #008297 !important; } -.button--category-back-end:hover, .button--category-back-end:active, .button--category-back-end:focus { +.button--category-back-end:hover, .button--category-back-end:active { + border-color: #005664 !important; + color: #005664 !important; +} +.button--category-back-end:hover svg, .button--category-back-end:active svg { + fill: #005664 !important; +} +.button--category-back-end:focus { border-color: #005664 !important; color: #005664 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-back-end:hover svg, .button--category-back-end:active svg, .button--category-back-end:focus svg { +.button--category-back-end:focus svg { fill: #005664 !important; } .button--category-back-end.button--primary { - background-color: #008297 !important; + background: #008297 !important; border-color: #008297 !important; color: #fff !important; } -.button--category-back-end.button--primary:hover, .button--category-back-end.button--primary:active, .button--category-back-end.button--primary:focus { - background-color: #005664 !important; +.button--category-back-end.button--primary:hover, .button--category-back-end.button--primary:active { + background: #005664 !important; + border-color: #005664 !important; +} +.button--category-back-end.button--primary:hover svg, .button--category-back-end.button--primary:active svg { + fill: #fff !important; +} +.button--category-back-end.button--primary:focus { + background: #005664 !important; border-color: #005664 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-back-end.button--primary:hover svg, .button--category-back-end.button--primary:active svg, .button--category-back-end.button--primary:focus svg { +.button--category-back-end.button--primary:focus svg { fill: #fff !important; } .button--category-data { @@ -2655,23 +3078,43 @@ ol { .button--category-data svg { fill: #9F4B84 !important; } -.button--category-data:hover, .button--category-data:active, .button--category-data:focus { +.button--category-data:hover, .button--category-data:active { + border-color: #7c3b67 !important; + color: #7c3b67 !important; +} +.button--category-data:hover svg, .button--category-data:active svg { + fill: #7c3b67 !important; +} +.button--category-data:focus { border-color: #7c3b67 !important; color: #7c3b67 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-data:hover svg, .button--category-data:active svg, .button--category-data:focus svg { +.button--category-data:focus svg { fill: #7c3b67 !important; } .button--category-data.button--primary { - background-color: #9F4B84 !important; + background: #9F4B84 !important; border-color: #9F4B84 !important; color: #fff !important; } -.button--category-data.button--primary:hover, .button--category-data.button--primary:active, .button--category-data.button--primary:focus { - background-color: #7c3b67 !important; +.button--category-data.button--primary:hover, .button--category-data.button--primary:active { + background: #7c3b67 !important; border-color: #7c3b67 !important; } -.button--category-data.button--primary:hover svg, .button--category-data.button--primary:active svg, .button--category-data.button--primary:focus svg { +.button--category-data.button--primary:hover svg, .button--category-data.button--primary:active svg { + fill: #fff !important; +} +.button--category-data.button--primary:focus { + background: #7c3b67 !important; + border-color: #7c3b67 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-data.button--primary:focus svg { fill: #fff !important; } .button--category-design { @@ -2681,23 +3124,43 @@ ol { .button--category-design svg { fill: #4a4290 !important; } -.button--category-design:hover, .button--category-design:active, .button--category-design:focus { +.button--category-design:hover, .button--category-design:active { + border-color: #38326d !important; + color: #38326d !important; +} +.button--category-design:hover svg, .button--category-design:active svg { + fill: #38326d !important; +} +.button--category-design:focus { border-color: #38326d !important; color: #38326d !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-design:hover svg, .button--category-design:active svg, .button--category-design:focus svg { +.button--category-design:focus svg { fill: #38326d !important; } .button--category-design.button--primary { - background-color: #4a4290 !important; + background: #4a4290 !important; border-color: #4a4290 !important; color: #fff !important; } -.button--category-design.button--primary:hover, .button--category-design.button--primary:active, .button--category-design.button--primary:focus { - background-color: #38326d !important; +.button--category-design.button--primary:hover, .button--category-design.button--primary:active { + background: #38326d !important; border-color: #38326d !important; } -.button--category-design.button--primary:hover svg, .button--category-design.button--primary:active svg, .button--category-design.button--primary:focus svg { +.button--category-design.button--primary:hover svg, .button--category-design.button--primary:active svg { + fill: #fff !important; +} +.button--category-design.button--primary:focus { + background: #38326d !important; + border-color: #38326d !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-design.button--primary:focus svg { fill: #fff !important; } .button--category-experimental { @@ -2707,23 +3170,43 @@ ol { .button--category-experimental svg { fill: #733a88 !important; } -.button--category-experimental:hover, .button--category-experimental:active, .button--category-experimental:focus { +.button--category-experimental:hover, .button--category-experimental:active { border-color: #552b64 !important; color: #552b64 !important; } -.button--category-experimental:hover svg, .button--category-experimental:active svg, .button--category-experimental:focus svg { +.button--category-experimental:hover svg, .button--category-experimental:active svg { + fill: #552b64 !important; +} +.button--category-experimental:focus { + border-color: #552b64 !important; + color: #552b64 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-experimental:focus svg { fill: #552b64 !important; } .button--category-experimental.button--primary { - background-color: #733a88 !important; + background: #733a88 !important; border-color: #733a88 !important; color: #fff !important; } -.button--category-experimental.button--primary:hover, .button--category-experimental.button--primary:active, .button--category-experimental.button--primary:focus { - background-color: #552b64 !important; +.button--category-experimental.button--primary:hover, .button--category-experimental.button--primary:active { + background: #552b64 !important; + border-color: #552b64 !important; +} +.button--category-experimental.button--primary:hover svg, .button--category-experimental.button--primary:active svg { + fill: #fff !important; +} +.button--category-experimental.button--primary:focus { + background: #552b64 !important; border-color: #552b64 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-experimental.button--primary:hover svg, .button--category-experimental.button--primary:active svg, .button--category-experimental.button--primary:focus svg { +.button--category-experimental.button--primary:focus svg { fill: #fff !important; } .button--category-front-end { @@ -2733,23 +3216,43 @@ ol { .button--category-front-end svg { fill: #3659a2 !important; } -.button--category-front-end:hover, .button--category-front-end:active, .button--category-front-end:focus { +.button--category-front-end:hover, .button--category-front-end:active { border-color: #29447c !important; color: #29447c !important; } -.button--category-front-end:hover svg, .button--category-front-end:active svg, .button--category-front-end:focus svg { +.button--category-front-end:hover svg, .button--category-front-end:active svg { + fill: #29447c !important; +} +.button--category-front-end:focus { + border-color: #29447c !important; + color: #29447c !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-front-end:focus svg { fill: #29447c !important; } .button--category-front-end.button--primary { - background-color: #3659a2 !important; + background: #3659a2 !important; border-color: #3659a2 !important; color: #fff !important; } -.button--category-front-end.button--primary:hover, .button--category-front-end.button--primary:active, .button--category-front-end.button--primary:focus { - background-color: #29447c !important; +.button--category-front-end.button--primary:hover, .button--category-front-end.button--primary:active { + background: #29447c !important; + border-color: #29447c !important; +} +.button--category-front-end.button--primary:hover svg, .button--category-front-end.button--primary:active svg { + fill: #fff !important; +} +.button--category-front-end.button--primary:focus { + background: #29447c !important; border-color: #29447c !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-front-end.button--primary:hover svg, .button--category-front-end.button--primary:active svg, .button--category-front-end.button--primary:focus svg { +.button--category-front-end.button--primary:focus svg { fill: #fff !important; } .button--category-fundamentals { @@ -2759,23 +3262,43 @@ ol { .button--category-fundamentals svg { fill: #9b3b5a !important; } -.button--category-fundamentals:hover, .button--category-fundamentals:active, .button--category-fundamentals:focus { +.button--category-fundamentals:hover, .button--category-fundamentals:active { border-color: #762d45 !important; color: #762d45 !important; } -.button--category-fundamentals:hover svg, .button--category-fundamentals:active svg, .button--category-fundamentals:focus svg { +.button--category-fundamentals:hover svg, .button--category-fundamentals:active svg { + fill: #762d45 !important; +} +.button--category-fundamentals:focus { + border-color: #762d45 !important; + color: #762d45 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-fundamentals:focus svg { fill: #762d45 !important; } .button--category-fundamentals.button--primary { - background-color: #9b3b5a !important; + background: #9b3b5a !important; border-color: #9b3b5a !important; color: #fff !important; } -.button--category-fundamentals.button--primary:hover, .button--category-fundamentals.button--primary:active, .button--category-fundamentals.button--primary:focus { - background-color: #762d45 !important; +.button--category-fundamentals.button--primary:hover, .button--category-fundamentals.button--primary:active { + background: #762d45 !important; border-color: #762d45 !important; } -.button--category-fundamentals.button--primary:hover svg, .button--category-fundamentals.button--primary:active svg, .button--category-fundamentals.button--primary:focus svg { +.button--category-fundamentals.button--primary:hover svg, .button--category-fundamentals.button--primary:active svg { + fill: #fff !important; +} +.button--category-fundamentals.button--primary:focus { + background: #762d45 !important; + border-color: #762d45 !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-fundamentals.button--primary:focus svg { fill: #fff !important; } .button--category-mobile { @@ -2785,23 +3308,43 @@ ol { .button--category-mobile svg { fill: #30826C !important; } -.button--category-mobile:hover, .button--category-mobile:active, .button--category-mobile:focus { +.button--category-mobile:hover, .button--category-mobile:active { + border-color: #225d4d !important; + color: #225d4d !important; +} +.button--category-mobile:hover svg, .button--category-mobile:active svg { + fill: #225d4d !important; +} +.button--category-mobile:focus { border-color: #225d4d !important; color: #225d4d !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-mobile:hover svg, .button--category-mobile:active svg, .button--category-mobile:focus svg { +.button--category-mobile:focus svg { fill: #225d4d !important; } .button--category-mobile.button--primary { - background-color: #30826C !important; + background: #30826C !important; border-color: #30826C !important; color: #fff !important; } -.button--category-mobile.button--primary:hover, .button--category-mobile.button--primary:active, .button--category-mobile.button--primary:focus { - background-color: #225d4d !important; +.button--category-mobile.button--primary:hover, .button--category-mobile.button--primary:active { + background: #225d4d !important; + border-color: #225d4d !important; +} +.button--category-mobile.button--primary:hover svg, .button--category-mobile.button--primary:active svg { + fill: #fff !important; +} +.button--category-mobile.button--primary:focus { + background: #225d4d !important; border-color: #225d4d !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-mobile.button--primary:hover svg, .button--category-mobile.button--primary:active svg, .button--category-mobile.button--primary:focus svg { +.button--category-mobile.button--primary:focus svg { fill: #fff !important; } .button--category-internal { @@ -2811,23 +3354,43 @@ ol { .button--category-internal svg { fill: #55616c !important; } -.button--category-internal:hover, .button--category-internal:active, .button--category-internal:focus { +.button--category-internal:hover, .button--category-internal:active { border-color: #3f474f !important; color: #3f474f !important; } -.button--category-internal:hover svg, .button--category-internal:active svg, .button--category-internal:focus svg { +.button--category-internal:hover svg, .button--category-internal:active svg { + fill: #3f474f !important; +} +.button--category-internal:focus { + border-color: #3f474f !important; + color: #3f474f !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-internal:focus svg { fill: #3f474f !important; } .button--category-internal.button--primary { - background-color: #55616c !important; + background: #55616c !important; border-color: #55616c !important; color: #fff !important; } -.button--category-internal.button--primary:hover, .button--category-internal.button--primary:active, .button--category-internal.button--primary:focus { - background-color: #3f474f !important; +.button--category-internal.button--primary:hover, .button--category-internal.button--primary:active { + background: #3f474f !important; border-color: #3f474f !important; } -.button--category-internal.button--primary:hover svg, .button--category-internal.button--primary:active svg, .button--category-internal.button--primary:focus svg { +.button--category-internal.button--primary:hover svg, .button--category-internal.button--primary:active svg { + fill: #fff !important; +} +.button--category-internal.button--primary:focus { + background: #3f474f !important; + border-color: #3f474f !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-internal.button--primary:focus svg { fill: #fff !important; } .button--category-undefined { @@ -2837,23 +3400,43 @@ ol { .button--category-undefined svg { fill: #55616c !important; } -.button--category-undefined:hover, .button--category-undefined:active, .button--category-undefined:focus { +.button--category-undefined:hover, .button--category-undefined:active { border-color: #3f474f !important; color: #3f474f !important; } -.button--category-undefined:hover svg, .button--category-undefined:active svg, .button--category-undefined:focus svg { +.button--category-undefined:hover svg, .button--category-undefined:active svg { + fill: #3f474f !important; +} +.button--category-undefined:focus { + border-color: #3f474f !important; + color: #3f474f !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; +} +.button--category-undefined:focus svg { fill: #3f474f !important; } .button--category-undefined.button--primary { - background-color: #55616c !important; + background: #55616c !important; border-color: #55616c !important; color: #fff !important; } -.button--category-undefined.button--primary:hover, .button--category-undefined.button--primary:active, .button--category-undefined.button--primary:focus { - background-color: #3f474f !important; +.button--category-undefined.button--primary:hover, .button--category-undefined.button--primary:active { + background: #3f474f !important; + border-color: #3f474f !important; +} +.button--category-undefined.button--primary:hover svg, .button--category-undefined.button--primary:active svg { + fill: #fff !important; +} +.button--category-undefined.button--primary:focus { + background: #3f474f !important; border-color: #3f474f !important; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } -.button--category-undefined.button--primary:hover svg, .button--category-undefined.button--primary:active svg, .button--category-undefined.button--primary:focus svg { +.button--category-undefined.button--primary:focus svg { fill: #fff !important; } .split-button .button { @@ -2863,8 +3446,14 @@ ol { border-radius: 4px 0 0 4px; padding: 0 20px; } -.split-button .button:hover, .split-button .button:active, .split-button .button:focus { +.split-button .button:hover, .split-button .button:active { + z-index: 2; +} +.split-button .button:focus { z-index: 2; + box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; + outline: 2px dotted transparent; + outline-offset: 2px; } .split-button .button.button--primary { border-right-color: rgba(0, 0, 0, 0.1); @@ -3618,7 +4207,7 @@ ol { } .block-3-xs .block-grid__item { - width: 33.33333% !important; + width: 33.3333333333% !important; } .block-3-xs .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3648,7 +4237,7 @@ ol { } .block-6-xs .block-grid__item { - width: 16.66667% !important; + width: 16.6666666667% !important; } .block-6-xs .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3679,7 +4268,7 @@ ol { } .block-3-sm .block-grid__item { - width: 33.33333% !important; + width: 33.3333333333% !important; } .block-3-sm .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3709,7 +4298,7 @@ ol { } .block-6-sm .block-grid__item { - width: 16.66667% !important; + width: 16.6666666667% !important; } .block-6-sm .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3740,7 +4329,7 @@ ol { } .block-3-md .block-grid__item { - width: 33.33333% !important; + width: 33.3333333333% !important; } .block-3-md .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3770,7 +4359,7 @@ ol { } .block-6-md .block-grid__item { - width: 16.66667% !important; + width: 16.6666666667% !important; } .block-6-md .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3801,7 +4390,7 @@ ol { } .block-3-lg .block-grid__item { - width: 33.33333% !important; + width: 33.3333333333% !important; } .block-3-lg .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3831,7 +4420,7 @@ ol { } .block-6-lg .block-grid__item { - width: 16.66667% !important; + width: 16.6666666667% !important; } .block-6-lg .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3862,7 +4451,7 @@ ol { } .block-3-xl .block-grid__item { - width: 33.33333% !important; + width: 33.3333333333% !important; } .block-3-xl .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -3892,7 +4481,7 @@ ol { } .block-6-xl .block-grid__item { - width: 16.66667% !important; + width: 16.6666666667% !important; } .block-6-xl .block-grid__item:nth-of-type(1n) { clear: none !important; @@ -4230,6 +4819,34 @@ ol { .m-auto-xs { margin: 0 auto !important; } + + .m-all-auto-xs { + margin-all: auto !important; + } + + .m-t-auto-xs { + margin-top: auto !important; + } + + .m-b-auto-xs { + margin-bottom: auto !important; + } + + .m-l-auto-xs { + margin-left: auto !important; + } + + .m-r-auto-xs { + margin-right: auto !important; + } + + .m-lr-auto-xs { + margin-: auto !important; + } + + .m-tb-auto-xs { + margin-: auto !important; + } } @media screen and (min-width: 480px) { .m-0-sm { @@ -4475,6 +5092,34 @@ ol { .m-auto-sm { margin: 0 auto !important; } + + .m-all-auto-sm { + margin-all: auto !important; + } + + .m-t-auto-sm { + margin-top: auto !important; + } + + .m-b-auto-sm { + margin-bottom: auto !important; + } + + .m-l-auto-sm { + margin-left: auto !important; + } + + .m-r-auto-sm { + margin-right: auto !important; + } + + .m-lr-auto-sm { + margin-: auto !important; + } + + .m-tb-auto-sm { + margin-: auto !important; + } } @media screen and (min-width: 680px) { .m-0-md { @@ -4720,6 +5365,34 @@ ol { .m-auto-md { margin: 0 auto !important; } + + .m-all-auto-md { + margin-all: auto !important; + } + + .m-t-auto-md { + margin-top: auto !important; + } + + .m-b-auto-md { + margin-bottom: auto !important; + } + + .m-l-auto-md { + margin-left: auto !important; + } + + .m-r-auto-md { + margin-right: auto !important; + } + + .m-lr-auto-md { + margin-: auto !important; + } + + .m-tb-auto-md { + margin-: auto !important; + } } @media screen and (min-width: 960px) { .m-0-lg { @@ -4965,6 +5638,34 @@ ol { .m-auto-lg { margin: 0 auto !important; } + + .m-all-auto-lg { + margin-all: auto !important; + } + + .m-t-auto-lg { + margin-top: auto !important; + } + + .m-b-auto-lg { + margin-bottom: auto !important; + } + + .m-l-auto-lg { + margin-left: auto !important; + } + + .m-r-auto-lg { + margin-right: auto !important; + } + + .m-lr-auto-lg { + margin-: auto !important; + } + + .m-tb-auto-lg { + margin-: auto !important; + } } @media screen and (min-width: 1140px) { .m-0-xl { @@ -5210,6 +5911,34 @@ ol { .m-auto-xl { margin: 0 auto !important; } + + .m-all-auto-xl { + margin-all: auto !important; + } + + .m-t-auto-xl { + margin-top: auto !important; + } + + .m-b-auto-xl { + margin-bottom: auto !important; + } + + .m-l-auto-xl { + margin-left: auto !important; + } + + .m-r-auto-xl { + margin-right: auto !important; + } + + .m-lr-auto-xl { + margin-: auto !important; + } + + .m-tb-auto-xl { + margin-: auto !important; + } } @media screen { .p-0-xs { @@ -7529,6 +8258,34 @@ ol { .m-auto-xl { margin: 0 auto !important; } + + .m-all-auto-xl { + margin-all: auto !important; + } + + .m-t-auto-xl { + margin-top: auto !important; + } + + .m-b-auto-xl { + margin-bottom: auto !important; + } + + .m-l-auto-xl { + margin-left: auto !important; + } + + .m-r-auto-xl { + margin-right: auto !important; + } + + .m-lr-auto-xl { + margin-: auto !important; + } + + .m-tb-auto-xl { + margin-: auto !important; + } } @media screen { .align-top-xs { @@ -7602,8 +8359,8 @@ ol { } .form-feedback { display: block; - margin-top: 0.5rem; - font-size: 0.9rem; + margin-top: .5rem; + font-size: .9rem; } .form-feedback-success .form-feedback { color: #24793d; @@ -7620,7 +8377,7 @@ ol { .form-label { color: #40484a; font-weight: 500; - margin-bottom: 0.5rem; + margin-bottom: .5rem; line-height: 1.3; } .form-label-required { @@ -7639,16 +8396,16 @@ ol { .form-helper { color: #7b8b8e; font-weight: normal; - font-size: 0.9rem; - margin-top: 0.5rem; + font-size: .9rem; + margin-top: .5rem; } .form-text-input, .form-textarea { background-color: #f9fafa; border-color: #d4d9dd; - transition: 0.2s; + transition: .2s; margin: 0; font-size: 1rem; - padding: 0.75rem 1rem; + padding: .75rem 1rem; outline: none; border: 2px solid #d4d9dd; border-radius: 4px; @@ -7686,6 +8443,8 @@ ol { .form-text-input:focus, .form-textarea:focus { background-color: #fff; border-color: #8c9aa6; + box-shadow: 0 0 0px 2px #8c9aa6; + box-shadow: 0 0 0px 2px #8c9aa6; } .form-feedback-success .form-text-input:focus, .form-feedback-warning .form-text-input:focus, .form-feedback-error .form-text-input:focus, .form-feedback-success .form-textarea:focus, .form-feedback-warning .form-textarea:focus, .form-feedback-error .form-textarea:focus { background-color: #fff; @@ -7718,7 +8477,7 @@ ol { -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); - background-size: 0.9rem; + background-size: .9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-color: #f9fafa; @@ -7727,7 +8486,7 @@ ol { font-weight: 500; color: #4b5658; outline: none; - padding: 0.844rem 1rem; + padding: .844rem 1rem; padding-right: 3rem; line-height: 1; } @@ -7744,16 +8503,17 @@ ol { border-color: #be4a4a; } .safari .form-select { - padding: 0.85rem 1rem; + padding: .85rem 1rem; padding-right: 3rem; } .ff .form-select { - padding: 0.688rem 1rem; + padding: .688rem 1rem; padding-right: 2rem; } .form-select:focus { background-color: #fff; border: 2px solid #8c9aa6; + box-shadow: 0 0 0px 2px #8c9aa6; } .form-feedback-success .form-select:focus, .form-feedback-warning .form-select:focus, .form-feedback-error .form-select:focus { background-color: #fff; @@ -7785,8 +8545,8 @@ ol { border-color: #953636; } .form-radio, .form-checkbox { - width: 0.1px; - height: 0.1px; + width: .1px; + height: .1px; opacity: 0; overflow: hidden; position: absolute; @@ -7796,7 +8556,7 @@ ol { display: block; font-weight: normal; color: #4b5658; - padding: 0.25rem 0; + padding: .25rem 0; margin-left: 25px !important; } .form-radio + .form-label:before, .form-checkbox + .form-label:before { @@ -7806,12 +8566,12 @@ ol { height: 1rem; position: relative; bottom: -2px; - margin-right: 0.5rem; + margin-right: .5rem; } .form-radio + .form-label > .form-text-input, .form-checkbox + .form-label > .form-text-input { height: 24px; line-height: 24px; - padding-left: 0.25rem; + padding-left: .25rem; } .form-radio:checked + .form-label, .form-checkbox:checked + .form-label { color: #40484a; @@ -7821,16 +8581,18 @@ ol { } .form-radio:focus + .form-label:before, .form-checkbox:focus + .form-label:before { border: 2px solid #8c9aa6; + box-shadow: 0 0 0px 2px #8c9aa6; } -.form-radio:hover + .form-label, .form-checkbox:hover + .form-label { +.form-radio:hover + .form-label, .form-radio:focus + .form-label, .form-checkbox:hover + .form-label, .form-checkbox:focus + .form-label { cursor: pointer; } -.form-radio:hover + .form-label:before, .form-checkbox:hover + .form-label:before { +.form-radio:hover + .form-label:before, .form-radio:focus + .form-label:before, .form-checkbox:hover + .form-label:before, .form-checkbox:focus + .form-label:before { border: 2px solid #8c9aa6; cursor: pointer; } .form-radio:hover + .text-color-white:before, .form-radio:focus + .text-color-white:before, .form-checkbox:hover + .text-color-white:before, .form-checkbox:focus + .text-color-white:before { border: 2px solid #fff; + box-shadow: 0 0 0px 2px #8c9aa6; } .form-radio + .form-label:before { border-radius: 50%; @@ -7858,8 +8620,8 @@ ol { background-position: center 1px; } .form-upload { - width: 0.1px; - height: 0.1px; + width: .1px; + height: .1px; opacity: 0; overflow: hidden; position: absolute; @@ -7871,9 +8633,9 @@ ol { display: inline-block; border: 2px solid #d4d9dd; border-radius: 4px; - padding: 0.75rem 1rem; + padding: .75rem 1rem; cursor: pointer; - transition: 0.2s; + transition: .2s; margin-bottom: 0; } .form-feedback-success .form-upload + .form-label, .form-feedback-warning .form-upload + .form-label, .form-feedback-error .form-upload + .form-label { @@ -7894,6 +8656,7 @@ ol { .form-upload:focus + .form-label { background-color: #fff; border: 2px solid #8c9aa6; + box-shadow: 0 0 0px 2px #8c9aa6; color: #40484a; } .form-feedback-success .form-upload:focus + .form-label { @@ -7932,7 +8695,7 @@ ol { } .form-inverse .form-feedback { color: #fff; - font-size: 0.9rem; + font-size: .9rem; display: block; padding: 1em; margin-top: 0px; @@ -7961,6 +8724,9 @@ ol { } .form-inverse .form-feedback-error .form-upload + .form-label:focus, .form-inverse .form-feedback-warning .form-upload + .form-label:focus, .form-inverse .form-feedback-success .form-upload + .form-label:focus { border: 2px solid #fff; + box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); + outline: 2px dotted transparent; + outline-offset: 2px; } .form-inverse .form-feedback-error .form-radio ~ .form-feedback, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback, @@ -8045,7 +8811,7 @@ ol { .form-inverse .form-label { color: #fff; font-weight: 500; - margin-bottom: 0.5rem; + margin-bottom: .5rem; line-height: 1.3; position: relative; } @@ -8075,16 +8841,16 @@ ol { .form-inverse .form-helper { color: #fff; font-weight: normal; - font-size: 0.9rem; - margin-top: 0.5rem; + font-size: .9rem; + margin-top: .5rem; } .form-inverse .form-text-input, .form-inverse .form-textarea { background-color: #f9fafa; border-color: #d4d9dd; - transition: 0.2s; + transition: .2s; margin: 0; font-size: 1rem; - padding: 0.75rem 1rem; + padding: .75rem 1rem; outline: none; border: 2px solid #fff; border-radius: 4px; @@ -8119,13 +8885,16 @@ ol { .form-feedback-error .form-inverse .form-text-input, .form-feedback-error .form-inverse .form-textarea { border-color: #953636; } -.form-inverse .form-text-input:hover, .form-inverse .form-text-input:focus, .form-inverse .form-textarea:hover, .form-inverse .form-textarea:focus { +.form-inverse .form-text-input:hover, .form-inverse .form-textarea:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); } .form-inverse .form-text-input:focus, .form-inverse .form-textarea:focus { border: 2px solid #fff; + box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); + outline: 2px dotted transparent; + outline-offset: 2px; } .form-feedback-success .form-inverse .form-text-input:focus, .form-feedback-warning .form-inverse .form-text-input:focus, .form-feedback-error .form-inverse .form-text-input:focus, .form-feedback-success .form-inverse .form-textarea:focus, .form-feedback-warning .form-inverse .form-textarea:focus, .form-feedback-error .form-inverse .form-textarea:focus { background-color: #fff; @@ -8137,7 +8906,7 @@ ol { -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); - background-size: 0.9rem; + background-size: .9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-color: #f9fafa; @@ -8146,24 +8915,24 @@ ol { font-weight: 500; color: #4b5658; outline: none; - padding: 0.844rem 1rem; + padding: .844rem 1rem; padding-right: 3rem; line-height: 1; } .safari .form-inverse .form-select { - padding: 0.85rem 1rem; + padding: .85rem 1rem; padding-right: 3rem; } .ff .form-inverse .form-select { - padding: 0.688rem 1rem; + padding: .688rem 1rem; padding-right: 2rem; } .form-inverse .form-select:focus { background-color: #fff; border: 2px solid #fff; - -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); - -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); - box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); + box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); + outline: 2px dotted transparent; + outline-offset: 2px; } .form-inverse .form-select:hover { background-color: #fff; @@ -8174,8 +8943,8 @@ ol { cursor: pointer; } .form-inverse .form-radio, .form-inverse .form-checkbox { - width: 0.1px; - height: 0.1px; + width: .1px; + height: .1px; opacity: 0; overflow: hidden; position: absolute; @@ -8185,7 +8954,7 @@ ol { display: block; font-weight: normal; color: #fff; - padding: 0.25rem 0; + padding: .25rem 0; margin-left: 25px !important; } .form-inverse .form-radio + .form-label:before, .form-inverse .form-checkbox + .form-label:before { @@ -8195,23 +8964,30 @@ ol { height: 1rem; position: relative; bottom: -2px; - margin-right: 0.5rem; + margin-right: .5rem; } .form-inverse .form-radio + .form-label > .form-text-input, .form-inverse .form-checkbox + .form-label > .form-text-input { height: 24px; line-height: 24px; - padding-left: 0.25rem; + padding-left: .25rem; } .form-inverse .form-radio:checked + .form-label, .form-inverse .form-checkbox:checked + .form-label { color: #fff; } -.form-inverse .form-radio:hover + .form-label:before, .form-inverse .form-radio:focus + .form-label:before, .form-inverse .form-checkbox:hover + .form-label:before, .form-inverse .form-checkbox:focus + .form-label:before { +.form-inverse .form-radio:hover + .form-label:before, .form-inverse .form-checkbox:hover + .form-label:before { border: 2px solid #fff; cursor: pointer; -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); } +.form-inverse .form-radio:focus + .form-label:before, .form-inverse .form-checkbox:focus + .form-label:before { + border: 2px solid #fff; + cursor: pointer; + box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); + outline: 2px dotted transparent; + outline-offset: 2px; +} .form-inverse .form-radio + .form-label:before { border-radius: 50%; border: 2px solid #f0f2f4; @@ -8239,8 +9015,8 @@ ol { border: 2px solid #fff; } .form-inverse .form-upload { - width: 0.1px; - height: 0.1px; + width: .1px; + height: .1px; opacity: 0; overflow: hidden; position: absolute; @@ -8252,9 +9028,9 @@ ol { display: inline-block; border: 2px solid #fff; border-radius: 4px; - padding: 0.75rem 1rem; + padding: .75rem 1rem; cursor: pointer; - transition: 0.2s; + transition: .2s; margin-bottom: 0; } .form-feedback-success .form-inverse .form-upload + .form-label, .form-feedback-warning .form-inverse .form-upload + .form-label, .form-feedback-error .form-inverse .form-upload + .form-label { @@ -8272,10 +9048,15 @@ ol { border-color: #be4a4a; color: #be4a4a; } -.form-inverse .form-upload:focus + .form-label, .form-inverse .form-upload + .form-label:hover { +.form-inverse .form-upload + .form-label:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); +} +.form-inverse .form-upload:focus + .form-label { + box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); + outline: 2px dotted transparent; + outline-offset: 2px; color: #40484a; } @@ -8627,7 +9408,7 @@ table td { display: flex !important; } .flex-inline-xs { - display: flex-inline !important; + display: inline-flex !important; } .flex-row-xs { @@ -8911,9 +9692,15 @@ table td { .flex-self-start-xs { align-self: flex-start !important; } + .flex-self-start-flush-xs { + align-self: start !important; + } .flex-self-end-xs { align-self: flex-end !important; } + .flex-self-end-flush-xs { + align-self: end !important; + } .flex-self-center-xs { align-self: center !important; } @@ -8929,7 +9716,7 @@ table td { display: flex !important; } .flex-inline-sm { - display: flex-inline !important; + display: inline-flex !important; } .flex-row-sm { @@ -9213,9 +10000,15 @@ table td { .flex-self-start-sm { align-self: flex-start !important; } + .flex-self-start-flush-sm { + align-self: start !important; + } .flex-self-end-sm { align-self: flex-end !important; } + .flex-self-end-flush-sm { + align-self: end !important; + } .flex-self-center-sm { align-self: center !important; } @@ -9231,7 +10024,7 @@ table td { display: flex !important; } .flex-inline-md { - display: flex-inline !important; + display: inline-flex !important; } .flex-row-md { @@ -9515,9 +10308,15 @@ table td { .flex-self-start-md { align-self: flex-start !important; } + .flex-self-start-flush-md { + align-self: start !important; + } .flex-self-end-md { align-self: flex-end !important; } + .flex-self-end-flush-md { + align-self: end !important; + } .flex-self-center-md { align-self: center !important; } @@ -9533,7 +10332,7 @@ table td { display: flex !important; } .flex-inline-lg { - display: flex-inline !important; + display: inline-flex !important; } .flex-row-lg { @@ -9817,9 +10616,15 @@ table td { .flex-self-start-lg { align-self: flex-start !important; } + .flex-self-start-flush-lg { + align-self: start !important; + } .flex-self-end-lg { align-self: flex-end !important; } + .flex-self-end-flush-lg { + align-self: end !important; + } .flex-self-center-lg { align-self: center !important; } @@ -9835,7 +10640,7 @@ table td { display: flex !important; } .flex-inline-xl { - display: flex-inline !important; + display: inline-flex !important; } .flex-row-xl { @@ -10119,9 +10924,15 @@ table td { .flex-self-start-xl { align-self: flex-start !important; } + .flex-self-start-flush-xl { + align-self: start !important; + } .flex-self-end-xl { align-self: flex-end !important; } + .flex-self-end-flush-xl { + align-self: end !important; + } .flex-self-center-xl { align-self: center !important; } diff --git a/css/leap.min.css b/css/leap.min.css index 48474f9..d4cba98 100644 --- a/css/leap.min.css +++ b/css/leap.min.css @@ -1,2 +1,2 @@ -/*! Leap Version 0.9.2 */*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:Monaco,monospace;font-size:16px}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%;line-height:1.5;-webkit-tap-highlight-color:transparent}body{font-size:1rem;font-family:"Gotham Rounded A","Gotham Rounded B","Helvetica",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{color:#40484a;display:block;font-weight:500;margin:0;line-height:1.3 !important;text-rendering:optimizeLegibility}h0{font-size:3rem !important}h1{font-size:2.25rem !important}h2{font-size:1.75rem !important}h3{font-size:1.25rem !important}h4{font-size:1.125rem !important}h5{font-size:1rem !important}h6{font-size:.875rem !important}@media screen{.text-0-xs{font-size:3rem !important}.text-1-xs{font-size:2.25rem !important}.text-2-xs{font-size:1.75rem !important}.text-3-xs{font-size:1.25rem !important}.text-4-xs{font-size:1.125rem !important}.text-5-xs{font-size:1rem !important}.text-6-xs{font-size:.875rem !important}}@media screen and (min-width: 480px){.text-0-sm{font-size:3rem !important}.text-1-sm{font-size:2.25rem !important}.text-2-sm{font-size:1.75rem !important}.text-3-sm{font-size:1.25rem !important}.text-4-sm{font-size:1.125rem !important}.text-5-sm{font-size:1rem !important}.text-6-sm{font-size:.875rem !important}}@media screen and (min-width: 680px){.text-0-md{font-size:3rem !important}.text-1-md{font-size:2.25rem !important}.text-2-md{font-size:1.75rem !important}.text-3-md{font-size:1.25rem !important}.text-4-md{font-size:1.125rem !important}.text-5-md{font-size:1rem !important}.text-6-md{font-size:.875rem !important}}@media screen and (min-width: 960px){.text-0-lg{font-size:3rem !important}.text-1-lg{font-size:2.25rem !important}.text-2-lg{font-size:1.75rem !important}.text-3-lg{font-size:1.25rem !important}.text-4-lg{font-size:1.125rem !important}.text-5-lg{font-size:1rem !important}.text-6-lg{font-size:.875rem !important}}@media screen and (min-width: 1140px){.text-0-xl{font-size:3rem !important}.text-1-xl{font-size:2.25rem !important}.text-2-xl{font-size:1.75rem !important}.text-3-xl{font-size:1.25rem !important}.text-4-xl{font-size:1.125rem !important}.text-5-xl{font-size:1rem !important}.text-6-xl{font-size:.875rem !important}}hr{height:0;margin:30px 0;border-top:1px solid #f0f2f4}p{color:#576366;font-size:1rem;line-height:1.5;margin:0}.regular{font-weight:normal !important}strong,.bold{font-weight:500 !important}em,.italic{font-style:italic !important}.caps{text-transform:uppercase}a{color:#387bab;cursor:pointer;transition:color 300ms 0s ease;text-decoration:none}a:hover,a:active,a:focus{color:#2a5d81}code{font-family:monospace;font-size:16px}address{font-size:.875rem}@media screen{.text-left-xs{text-align:left !important}.text-right-xs{text-align:right !important}.text-center-xs{text-align:center !important}.text-justify-xs{text-align:justify !important}}@media screen and (min-width: 480px){.text-left-sm{text-align:left !important}.text-right-sm{text-align:right !important}.text-center-sm{text-align:center !important}.text-justify-sm{text-align:justify !important}}@media screen and (min-width: 680px){.text-left-md{text-align:left !important}.text-right-md{text-align:right !important}.text-center-md{text-align:center !important}.text-justify-md{text-align:justify !important}}@media screen and (min-width: 960px){.text-left-lg{text-align:left !important}.text-right-lg{text-align:right !important}.text-center-lg{text-align:center !important}.text-justify-lg{text-align:justify !important}}@media screen and (min-width: 1140px){.text-left-xl{text-align:left !important}.text-right-xl{text-align:right !important}.text-center-xl{text-align:center !important}.text-justify-xl{text-align:justify !important}}ul,ol{color:#576366;margin:0;padding:0 0 0 2rem}.list-unstyled{list-style:none;padding:0}.icon-16{width:16px;height:16px}@media screen{.border-xs{border:solid 1px #e8ebed !important}.border-t-xs{border-top:solid 1px #e8ebed !important}.border-b-xs{border-bottom:solid 1px #e8ebed !important}.border-l-xs{border-left:solid 1px #e8ebed !important}.border-r-xs{border-right:solid 1px #e8ebed !important}.border-dark-xs{border:solid 1px #b7c0c7 !important}.border-t-dark-xs{border-top:solid 1px #b7c0c7 !important}.border-b-dark-xs{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-xs{border-left:solid 1px #b7c0c7 !important}.border-r-dark-xs{border-right:solid 1px #b7c0c7 !important}.border-mid-xs{border:solid 1px #d4d9dd !important}.border-t-mid-xs{border-top:solid 1px #d4d9dd !important}.border-b-mid-xs{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-xs{border-left:solid 1px #d4d9dd !important}.border-r-mid-xs{border-right:solid 1px #d4d9dd !important}.border-light-xs{border:solid 1px #f0f2f4 !important}.border-t-light-xs{border-top:solid 1px #f0f2f4 !important}.border-b-light-xs{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-xs{border-left:solid 1px #f0f2f4 !important}.border-r-light-xs{border-right:solid 1px #f0f2f4 !important}.border-none-xs{border:none !important}.border-none-t-xs{border-top:none !important}.border-none-b-xs{border-bottom:none !important}.border-none-l-xs{border-left:none !important}.border-none-r-xs{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 480px){.border-sm{border:solid 1px #e8ebed !important}.border-t-sm{border-top:solid 1px #e8ebed !important}.border-b-sm{border-bottom:solid 1px #e8ebed !important}.border-l-sm{border-left:solid 1px #e8ebed !important}.border-r-sm{border-right:solid 1px #e8ebed !important}.border-dark-sm{border:solid 1px #b7c0c7 !important}.border-t-dark-sm{border-top:solid 1px #b7c0c7 !important}.border-b-dark-sm{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-sm{border-left:solid 1px #b7c0c7 !important}.border-r-dark-sm{border-right:solid 1px #b7c0c7 !important}.border-mid-sm{border:solid 1px #d4d9dd !important}.border-t-mid-sm{border-top:solid 1px #d4d9dd !important}.border-b-mid-sm{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-sm{border-left:solid 1px #d4d9dd !important}.border-r-mid-sm{border-right:solid 1px #d4d9dd !important}.border-light-sm{border:solid 1px #f0f2f4 !important}.border-t-light-sm{border-top:solid 1px #f0f2f4 !important}.border-b-light-sm{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-sm{border-left:solid 1px #f0f2f4 !important}.border-r-light-sm{border-right:solid 1px #f0f2f4 !important}.border-none-sm{border:none !important}.border-none-t-sm{border-top:none !important}.border-none-b-sm{border-bottom:none !important}.border-none-l-sm{border-left:none !important}.border-none-r-sm{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 680px){.border-md{border:solid 1px #e8ebed !important}.border-t-md{border-top:solid 1px #e8ebed !important}.border-b-md{border-bottom:solid 1px #e8ebed !important}.border-l-md{border-left:solid 1px #e8ebed !important}.border-r-md{border-right:solid 1px #e8ebed !important}.border-dark-md{border:solid 1px #b7c0c7 !important}.border-t-dark-md{border-top:solid 1px #b7c0c7 !important}.border-b-dark-md{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-md{border-left:solid 1px #b7c0c7 !important}.border-r-dark-md{border-right:solid 1px #b7c0c7 !important}.border-mid-md{border:solid 1px #d4d9dd !important}.border-t-mid-md{border-top:solid 1px #d4d9dd !important}.border-b-mid-md{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-md{border-left:solid 1px #d4d9dd !important}.border-r-mid-md{border-right:solid 1px #d4d9dd !important}.border-light-md{border:solid 1px #f0f2f4 !important}.border-t-light-md{border-top:solid 1px #f0f2f4 !important}.border-b-light-md{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-md{border-left:solid 1px #f0f2f4 !important}.border-r-light-md{border-right:solid 1px #f0f2f4 !important}.border-none-md{border:none !important}.border-none-t-md{border-top:none !important}.border-none-b-md{border-bottom:none !important}.border-none-l-md{border-left:none !important}.border-none-r-md{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 960px){.border-lg{border:solid 1px #e8ebed !important}.border-t-lg{border-top:solid 1px #e8ebed !important}.border-b-lg{border-bottom:solid 1px #e8ebed !important}.border-l-lg{border-left:solid 1px #e8ebed !important}.border-r-lg{border-right:solid 1px #e8ebed !important}.border-dark-lg{border:solid 1px #b7c0c7 !important}.border-t-dark-lg{border-top:solid 1px #b7c0c7 !important}.border-b-dark-lg{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-lg{border-left:solid 1px #b7c0c7 !important}.border-r-dark-lg{border-right:solid 1px #b7c0c7 !important}.border-mid-lg{border:solid 1px #d4d9dd !important}.border-t-mid-lg{border-top:solid 1px #d4d9dd !important}.border-b-mid-lg{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-lg{border-left:solid 1px #d4d9dd !important}.border-r-mid-lg{border-right:solid 1px #d4d9dd !important}.border-light-lg{border:solid 1px #f0f2f4 !important}.border-t-light-lg{border-top:solid 1px #f0f2f4 !important}.border-b-light-lg{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-lg{border-left:solid 1px #f0f2f4 !important}.border-r-light-lg{border-right:solid 1px #f0f2f4 !important}.border-none-lg{border:none !important}.border-none-t-lg{border-top:none !important}.border-none-b-lg{border-bottom:none !important}.border-none-l-lg{border-left:none !important}.border-none-r-lg{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 1140px){.border-xl{border:solid 1px #e8ebed !important}.border-t-xl{border-top:solid 1px #e8ebed !important}.border-b-xl{border-bottom:solid 1px #e8ebed !important}.border-l-xl{border-left:solid 1px #e8ebed !important}.border-r-xl{border-right:solid 1px #e8ebed !important}.border-dark-xl{border:solid 1px #b7c0c7 !important}.border-t-dark-xl{border-top:solid 1px #b7c0c7 !important}.border-b-dark-xl{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-xl{border-left:solid 1px #b7c0c7 !important}.border-r-dark-xl{border-right:solid 1px #b7c0c7 !important}.border-mid-xl{border:solid 1px #d4d9dd !important}.border-t-mid-xl{border-top:solid 1px #d4d9dd !important}.border-b-mid-xl{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-xl{border-left:solid 1px #d4d9dd !important}.border-r-mid-xl{border-right:solid 1px #d4d9dd !important}.border-light-xl{border:solid 1px #f0f2f4 !important}.border-t-light-xl{border-top:solid 1px #f0f2f4 !important}.border-b-light-xl{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-xl{border-left:solid 1px #f0f2f4 !important}.border-r-light-xl{border-right:solid 1px #f0f2f4 !important}.border-none-xl{border:none !important}.border-none-t-xl{border-top:none !important}.border-none-b-xl{border-bottom:none !important}.border-none-l-xl{border-left:none !important}.border-none-r-xl{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}.brand-fill-green{fill:#5fcf80 !important}.brand-stroke-green{stroke:#5fcf80 !important}.brand-color-green{color:#5fcf80 !important}.brand-border-green{border-color:#5fcf80 !important}.brand-bg-green{background-color:#5fcf80 !important}.brand-fill-gray{fill:#3e474f !important}.brand-stroke-gray{stroke:#3e474f !important}.brand-color-gray{color:#3e474f !important}.brand-border-gray{border-color:#3e474f !important}.brand-bg-gray{background-color:#3e474f !important}.brand-fill-blue-light{fill:#387bab !important}.brand-stroke-blue-light{stroke:#387bab !important}.brand-color-blue-light{color:#387bab !important}.brand-border-blue-light{border-color:#387bab !important}.brand-bg-blue-light{background-color:#387bab !important}.brand-fill-blue-medium{fill:#2a5d81 !important}.brand-stroke-blue-medium{stroke:#2a5d81 !important}.brand-color-blue-medium{color:#2a5d81 !important}.brand-border-blue-medium{border-color:#2a5d81 !important}.brand-bg-blue-medium{background-color:#2a5d81 !important}.brand-fill-blue-dark{fill:#303853 !important}.brand-stroke-blue-dark{stroke:#303853 !important}.brand-color-blue-dark{color:#303853 !important}.brand-border-blue-dark{border-color:#303853 !important}.brand-bg-blue-dark{background-color:#303853 !important}.fill-blue{fill:#3f8abf !important}.stroke-blue{stroke:#3f8abf !important}.color-blue{color:#3f8abf !important}.border-blue{border-color:#3f8abf !important}.bg-blue{background-color:#3f8abf !important}.fill-green{fill:#36b55c !important}.stroke-green{stroke:#36b55c !important}.color-green{color:#36b55c !important}.border-green{border-color:#36b55c !important}.bg-green{background-color:#36b55c !important}.fill-yellow{fill:#ffd466 !important}.stroke-yellow{stroke:#ffd466 !important}.color-yellow{color:#ffd466 !important}.border-yellow{border-color:#ffd466 !important}.bg-yellow{background-color:#ffd466 !important}.fill-orange{fill:#ff9f1f !important}.stroke-orange{stroke:#ff9f1f !important}.color-orange{color:#ff9f1f !important}.border-orange{border-color:#ff9f1f !important}.bg-orange{background-color:#ff9f1f !important}.fill-red{fill:#ed5a5a !important}.stroke-red{stroke:#ed5a5a !important}.color-red{color:#ed5a5a !important}.border-red{border-color:#ed5a5a !important}.bg-red{background-color:#ed5a5a !important}.fill-error{fill:#be4a4a !important}.stroke-error{stroke:#be4a4a !important}.color-error{color:#be4a4a !important}.border-error{border-color:#be4a4a !important}.bg-error{background-color:#be4a4a !important}.fill-warning{fill:#bf570f !important}.stroke-warning{stroke:#bf570f !important}.color-warning{color:#bf570f !important}.border-warning{border-color:#bf570f !important}.bg-warning{background-color:#bf570f !important}.fill-success{fill:#24793d !important}.stroke-success{stroke:#24793d !important}.color-success{color:#24793d !important}.border-success{border-color:#24793d !important}.bg-success{background-color:#24793d !important}.fill-gray-darker{fill:#2d3339 !important}.stroke-gray-darker{stroke:#2d3339 !important}.color-gray-darker{color:#2d3339 !important}.border-gray-darker{border-color:#2d3339 !important}.bg-gray-darker{background-color:#2d3339 !important}.fill-gray-dark{fill:#3f4850 !important}.stroke-gray-dark{stroke:#3f4850 !important}.color-gray-dark{color:#3f4850 !important}.border-gray-dark{border-color:#3f4850 !important}.bg-gray-dark{background-color:#3f4850 !important}.fill-gray{fill:#c6ccd2 !important}.stroke-gray{stroke:#c6ccd2 !important}.color-gray{color:#c6ccd2 !important}.border-gray{border-color:#c6ccd2 !important}.bg-gray{background-color:#c6ccd2 !important}.fill-gray-light{fill:#edeff0 !important}.stroke-gray-light{stroke:#edeff0 !important}.color-gray-light{color:#edeff0 !important}.border-gray-light{border-color:#edeff0 !important}.bg-gray-light{background-color:#edeff0 !important}.fill-gray-lighter{fill:#f9fafa !important}.stroke-gray-lighter{stroke:#f9fafa !important}.color-gray-lighter{color:#f9fafa !important}.border-gray-lighter{border-color:#f9fafa !important}.bg-gray-lighter{background-color:#f9fafa !important}.text-fill-dark{fill:#40484a !important}.text-stroke-dark{stroke:#40484a !important}.text-color-dark{color:#40484a !important}.text-border-dark{border-color:#40484a !important}.text-bg-dark{background-color:#40484a !important}.text-fill-medium{fill:#4b5658 !important}.text-stroke-medium{stroke:#4b5658 !important}.text-color-medium{color:#4b5658 !important}.text-border-medium{border-color:#4b5658 !important}.text-bg-medium{background-color:#4b5658 !important}.text-fill-base{fill:#576366 !important}.text-stroke-base{stroke:#576366 !important}.text-color-base{color:#576366 !important}.text-border-base{border-color:#576366 !important}.text-bg-base{background-color:#576366 !important}.text-fill-light{fill:#7b8b8e !important}.text-stroke-light{stroke:#7b8b8e !important}.text-color-light{color:#7b8b8e !important}.text-border-light{border-color:#7b8b8e !important}.text-bg-light{background-color:#7b8b8e !important}.text-fill-white{fill:#fff !important}.text-stroke-white{stroke:#fff !important}.text-color-white{color:#fff !important}.text-border-white{border-color:#fff !important}.text-bg-white{background-color:#fff !important}.text-fill-blue-light{fill:#387bab !important}.text-stroke-blue-light{stroke:#387bab !important}.text-color-blue-light{color:#387bab !important}.text-border-blue-light{border-color:#387bab !important}.text-bg-blue-light{background-color:#387bab !important}.text-fill-blue-medium{fill:#2a5d81 !important}.text-stroke-blue-medium{stroke:#2a5d81 !important}.text-color-blue-medium{color:#2a5d81 !important}.text-border-blue-medium{border-color:#2a5d81 !important}.text-bg-blue-medium{background-color:#2a5d81 !important}.text-fill-blue-dark{fill:#303853 !important}.text-stroke-blue-dark{stroke:#303853 !important}.text-color-blue-dark{color:#303853 !important}.text-border-blue-dark{border-color:#303853 !important}.text-bg-blue-dark{background-color:#303853 !important}.category-fill-back-end-light{fill:#0098b1 !important}.category-stroke-back-end-light{stroke:#0098b1 !important}.category-color-back-end-light{color:#0098b1 !important}.category-border-back-end-light{border-color:#0098b1 !important}.category-bg-back-end-light{background-color:#0098b1 !important}.category-fill-back-end-base{fill:#008297 !important}.category-stroke-back-end-base{stroke:#008297 !important}.category-color-back-end-base{color:#008297 !important}.category-border-back-end-base{border-color:#008297 !important}.category-bg-back-end-base{background-color:#008297 !important}.category-fill-back-end-dark{fill:#006c7e !important}.category-stroke-back-end-dark{stroke:#006c7e !important}.category-color-back-end-dark{color:#006c7e !important}.category-border-back-end-dark{border-color:#006c7e !important}.category-bg-back-end-dark{background-color:#006c7e !important}.category-fill-data-light{fill:#af5592 !important}.category-stroke-data-light{stroke:#af5592 !important}.category-color-data-light{color:#af5592 !important}.category-border-data-light{border-color:#af5592 !important}.category-bg-data-light{background-color:#af5592 !important}.category-fill-data-base{fill:#9F4B84 !important}.category-stroke-data-base{stroke:#9F4B84 !important}.category-color-data-base{color:#9F4B84 !important}.category-border-data-base{border-color:#9F4B84 !important}.category-bg-data-base{background-color:#9F4B84 !important}.category-fill-data-dark{fill:#8e4376 !important}.category-stroke-data-dark{stroke:#8e4376 !important}.category-color-data-dark{color:#8e4376 !important}.category-border-data-dark{border-color:#8e4376 !important}.category-bg-data-dark{background-color:#8e4376 !important}.category-fill-design-light{fill:#534aa1 !important}.category-stroke-design-light{stroke:#534aa1 !important}.category-color-design-light{color:#534aa1 !important}.category-border-design-light{border-color:#534aa1 !important}.category-bg-design-light{background-color:#534aa1 !important}.category-fill-design-base{fill:#4a4290 !important}.category-stroke-design-base{stroke:#4a4290 !important}.category-color-design-base{color:#4a4290 !important}.category-border-design-base{border-color:#4a4290 !important}.category-bg-design-base{background-color:#4a4290 !important}.category-fill-design-dark{fill:#413a7f !important}.category-stroke-design-dark{stroke:#413a7f !important}.category-color-design-dark{color:#413a7f !important}.category-border-design-dark{border-color:#413a7f !important}.category-bg-design-dark{background-color:#413a7f !important}.category-fill-experimental-light{fill:#82429a !important}.category-stroke-experimental-light{stroke:#82429a !important}.category-color-experimental-light{color:#82429a !important}.category-border-experimental-light{border-color:#82429a !important}.category-bg-experimental-light{background-color:#82429a !important}.category-fill-experimental-base{fill:#733a88 !important}.category-stroke-experimental-base{stroke:#733a88 !important}.category-color-experimental-base{color:#733a88 !important}.category-border-experimental-base{border-color:#733a88 !important}.category-bg-experimental-base{background-color:#733a88 !important}.category-fill-experimental-dark{fill:#643276 !important}.category-stroke-experimental-dark{stroke:#643276 !important}.category-color-experimental-dark{color:#643276 !important}.category-border-experimental-dark{border-color:#643276 !important}.category-bg-experimental-dark{background-color:#643276 !important}.category-fill-front-end-light{fill:#3c64b5 !important}.category-stroke-front-end-light{stroke:#3c64b5 !important}.category-color-front-end-light{color:#3c64b5 !important}.category-border-front-end-light{border-color:#3c64b5 !important}.category-bg-front-end-light{background-color:#3c64b5 !important}.category-fill-front-end-base{fill:#3659a2 !important}.category-stroke-front-end-base{stroke:#3659a2 !important}.category-color-front-end-base{color:#3659a2 !important}.category-border-front-end-base{border-color:#3659a2 !important}.category-bg-front-end-base{background-color:#3659a2 !important}.category-fill-front-end-dark{fill:#304e8f !important}.category-stroke-front-end-dark{stroke:#304e8f !important}.category-color-front-end-dark{color:#304e8f !important}.category-border-front-end-dark{border-color:#304e8f !important}.category-bg-front-end-dark{background-color:#304e8f !important}.category-fill-fundamentals-light{fill:#ad4265 !important}.category-stroke-fundamentals-light{stroke:#ad4265 !important}.category-color-fundamentals-light{color:#ad4265 !important}.category-border-fundamentals-light{border-color:#ad4265 !important}.category-bg-fundamentals-light{background-color:#ad4265 !important}.category-fill-fundamentals-base{fill:#9b3b5a !important}.category-stroke-fundamentals-base{stroke:#9b3b5a !important}.category-color-fundamentals-base{color:#9b3b5a !important}.category-border-fundamentals-base{border-color:#9b3b5a !important}.category-bg-fundamentals-base{background-color:#9b3b5a !important}.category-fill-fundamentals-dark{fill:#89344f !important}.category-stroke-fundamentals-dark{stroke:#89344f !important}.category-color-fundamentals-dark{color:#89344f !important}.category-border-fundamentals-dark{border-color:#89344f !important}.category-bg-fundamentals-dark{background-color:#89344f !important}.category-fill-mobile-light{fill:#37957b !important}.category-stroke-mobile-light{stroke:#37957b !important}.category-color-mobile-light{color:#37957b !important}.category-border-mobile-light{border-color:#37957b !important}.category-bg-mobile-light{background-color:#37957b !important}.category-fill-mobile-base{fill:#30826C !important}.category-stroke-mobile-base{stroke:#30826C !important}.category-color-mobile-base{color:#30826C !important}.category-border-mobile-base{border-color:#30826C !important}.category-bg-mobile-base{background-color:#30826C !important}.category-fill-mobile-dark{fill:#296f5d !important}.category-stroke-mobile-dark{stroke:#296f5d !important}.category-color-mobile-dark{color:#296f5d !important}.category-border-mobile-dark{border-color:#296f5d !important}.category-bg-mobile-dark{background-color:#296f5d !important}.category-fill-internal-light{fill:#606e7a !important}.category-stroke-internal-light{stroke:#606e7a !important}.category-color-internal-light{color:#606e7a !important}.category-border-internal-light{border-color:#606e7a !important}.category-bg-internal-light{background-color:#606e7a !important}.category-fill-internal-base{fill:#55616c !important}.category-stroke-internal-base{stroke:#55616c !important}.category-color-internal-base{color:#55616c !important}.category-border-internal-base{border-color:#55616c !important}.category-bg-internal-base{background-color:#55616c !important}.category-fill-internal-dark{fill:#4a545e !important}.category-stroke-internal-dark{stroke:#4a545e !important}.category-color-internal-dark{color:#4a545e !important}.category-border-internal-dark{border-color:#4a545e !important}.category-bg-internal-dark{background-color:#4a545e !important}.category-fill-undefined-light{fill:#606e7a !important}.category-stroke-undefined-light{stroke:#606e7a !important}.category-color-undefined-light{color:#606e7a !important}.category-border-undefined-light{border-color:#606e7a !important}.category-bg-undefined-light{background-color:#606e7a !important}.category-fill-undefined-base{fill:#55616c !important}.category-stroke-undefined-base{stroke:#55616c !important}.category-color-undefined-base{color:#55616c !important}.category-border-undefined-base{border-color:#55616c !important}.category-bg-undefined-base{background-color:#55616c !important}.category-fill-undefined-dark{fill:#4a545e !important}.category-stroke-undefined-dark{stroke:#4a545e !important}.category-color-undefined-dark{color:#4a545e !important}.category-border-undefined-dark{border-color:#4a545e !important}.category-bg-undefined-dark{background-color:#4a545e !important}.button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border-radius:4px;border:solid 2px #5fcf80;color:#5fcf80;cursor:pointer;display:inline-block;font-family:"Gotham Rounded A","Gotham Rounded B","Helvetica",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;height:40px;line-height:36px;padding:0 15px;position:relative;margin:0 10px 0 0;text-align:center;text-decoration:none;transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,width 0.3s ease,opacity 0.3s ease;vertical-align:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button:hover,.button:active,.button:focus{color:#34ad58;border-color:#34ad58}.button:hover svg,.button:active svg,.button:focus svg{fill:#34ad58}.button:last-child{margin-right:0}.button svg{fill:#5fcf80}.button--primary{background-color:#5fcf80 !important;border-color:#5fcf80 !important;color:#fff !important}.button--primary svg{fill:#fff !important}.button--primary:hover,.button--primary:active,.button--primary:focus{background-color:#34ad58 !important;border-color:#34ad58 !important;color:#fff !important}.button--primary-blue{background-color:#387bab !important;border-color:#387bab !important;color:#fff !important}.button--primary-blue svg{fill:#fff !important}.button--primary-blue:hover,.button--primary-blue:active,.button--primary-blue:focus{background-color:#2a5d81 !important;border-color:#2a5d81 !important;color:#fff !important}.button--secondary{background-color:transparent !important;border-color:#e8ebed !important;color:#576366 !important}.button--secondary svg{fill:#576366 !important}.button--secondary:hover,.button--secondary:active,.button--secondary:focus{border-color:#bdc6cb !important;color:#505b5e !important}.button--alert{background-color:transparent !important;border-color:#ed5a5a !important;color:#ed5a5a !important}.button--alert svg{fill:#ed5a5a !important}.button--alert:hover,.button--alert:active,.button--alert:focus{border-color:#cb1616 !important;color:#cb1616 !important}.button--disabled{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.button--disabled svg{fill:#7b8b8e !important}.button--disabled:hover,.button--disabled:active,.button--disabled:focus{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.button--disabled:hover svg,.button--disabled:active svg,.button--disabled:focus svg{fill:#576366 !important}.button--inverse{border-color:#fff !important;color:#fff !important;opacity:0.88 !important}.button--inverse svg{fill:#fff !important}.button--inverse:hover,.button--inverse:active,.button--inverse:focus{border-color:#fff !important;color:#fff !important;opacity:1 !important}.button--inverse-primary{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:0.88}.button--inverse-primary svg{fill:#4b5658 !important}.button--inverse-primary:hover,.button--inverse-primary:active,.button--inverse-primary:focus{opacity:1 !important}.button--inverse-disabled{border-color:#fff !important;color:#fff !important;opacity:0.15 !important}.button--inverse-disabled:hover,.button--inverse-disabled:active,.button--inverse-disabled:focus{border-color:#fff !important;color:#fff !important;opacity:0.15 !important}.button--inverse-primary-disabled{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:0.15 !important}.button--inverse-primary-disabled:hover,.button--inverse-primary-disabled:active,.button--inverse-primary-disabled:focus{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:0.15 !important}.button--inline{margin-top:28px !important;padding:0 26px !important;height:47px !important;line-height:43px !important}@media screen{.button--xlarge-xs{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-xs.square{width:58px !important}.button--large-xs{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-xs.square{width:50px !important}.button--large-xs svg{top:-2px}.button--normal-xs{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-xs.square{width:40px !important}.button--small-xs{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-xs.square{width:34px !important}.button--xsmall-xs{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-xs.square{width:30px !important}}@media screen and (min-width: 480px){.button--xlarge-sm{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-sm.square{width:58px !important}.button--large-sm{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-sm.square{width:50px !important}.button--large-sm svg{top:-2px}.button--normal-sm{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-sm.square{width:40px !important}.button--small-sm{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-sm.square{width:34px !important}.button--xsmall-sm{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-sm.square{width:30px !important}}@media screen and (min-width: 680px){.button--xlarge-md{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-md.square{width:58px !important}.button--large-md{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-md.square{width:50px !important}.button--large-md svg{top:-2px}.button--normal-md{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-md.square{width:40px !important}.button--small-md{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-md.square{width:34px !important}.button--xsmall-md{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-md.square{width:30px !important}}@media screen and (min-width: 960px){.button--xlarge-lg{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-lg.square{width:58px !important}.button--large-lg{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-lg.square{width:50px !important}.button--large-lg svg{top:-2px}.button--normal-lg{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-lg.square{width:40px !important}.button--small-lg{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-lg.square{width:34px !important}.button--xsmall-lg{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-lg.square{width:30px !important}}@media screen and (min-width: 1140px){.button--xlarge-xl{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-xl.square{width:58px !important}.button--large-xl{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-xl.square{width:50px !important}.button--large-xl svg{top:-2px}.button--normal-xl{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-xl.square{width:40px !important}.button--small-xl{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-xl.square{width:34px !important}.button--xsmall-xl{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-xl.square{width:30px !important}}.button--category-back-end{border-color:#008297 !important;color:#008297 !important}.button--category-back-end svg{fill:#008297 !important}.button--category-back-end:hover,.button--category-back-end:active,.button--category-back-end:focus{border-color:#005664 !important;color:#005664 !important}.button--category-back-end:hover svg,.button--category-back-end:active svg,.button--category-back-end:focus svg{fill:#005664 !important}.button--category-back-end.button--primary{background-color:#008297 !important;border-color:#008297 !important;color:#fff !important}.button--category-back-end.button--primary:hover,.button--category-back-end.button--primary:active,.button--category-back-end.button--primary:focus{background-color:#005664 !important;border-color:#005664 !important}.button--category-back-end.button--primary:hover svg,.button--category-back-end.button--primary:active svg,.button--category-back-end.button--primary:focus svg{fill:#fff !important}.button--category-data{border-color:#9F4B84 !important;color:#9F4B84 !important}.button--category-data svg{fill:#9F4B84 !important}.button--category-data:hover,.button--category-data:active,.button--category-data:focus{border-color:#7c3b67 !important;color:#7c3b67 !important}.button--category-data:hover svg,.button--category-data:active svg,.button--category-data:focus svg{fill:#7c3b67 !important}.button--category-data.button--primary{background-color:#9F4B84 !important;border-color:#9F4B84 !important;color:#fff !important}.button--category-data.button--primary:hover,.button--category-data.button--primary:active,.button--category-data.button--primary:focus{background-color:#7c3b67 !important;border-color:#7c3b67 !important}.button--category-data.button--primary:hover svg,.button--category-data.button--primary:active svg,.button--category-data.button--primary:focus svg{fill:#fff !important}.button--category-design{border-color:#4a4290 !important;color:#4a4290 !important}.button--category-design svg{fill:#4a4290 !important}.button--category-design:hover,.button--category-design:active,.button--category-design:focus{border-color:#38326d !important;color:#38326d !important}.button--category-design:hover svg,.button--category-design:active svg,.button--category-design:focus svg{fill:#38326d !important}.button--category-design.button--primary{background-color:#4a4290 !important;border-color:#4a4290 !important;color:#fff !important}.button--category-design.button--primary:hover,.button--category-design.button--primary:active,.button--category-design.button--primary:focus{background-color:#38326d !important;border-color:#38326d !important}.button--category-design.button--primary:hover svg,.button--category-design.button--primary:active svg,.button--category-design.button--primary:focus svg{fill:#fff !important}.button--category-experimental{border-color:#733a88 !important;color:#733a88 !important}.button--category-experimental svg{fill:#733a88 !important}.button--category-experimental:hover,.button--category-experimental:active,.button--category-experimental:focus{border-color:#552b64 !important;color:#552b64 !important}.button--category-experimental:hover svg,.button--category-experimental:active svg,.button--category-experimental:focus svg{fill:#552b64 !important}.button--category-experimental.button--primary{background-color:#733a88 !important;border-color:#733a88 !important;color:#fff !important}.button--category-experimental.button--primary:hover,.button--category-experimental.button--primary:active,.button--category-experimental.button--primary:focus{background-color:#552b64 !important;border-color:#552b64 !important}.button--category-experimental.button--primary:hover svg,.button--category-experimental.button--primary:active svg,.button--category-experimental.button--primary:focus svg{fill:#fff !important}.button--category-front-end{border-color:#3659a2 !important;color:#3659a2 !important}.button--category-front-end svg{fill:#3659a2 !important}.button--category-front-end:hover,.button--category-front-end:active,.button--category-front-end:focus{border-color:#29447c !important;color:#29447c !important}.button--category-front-end:hover svg,.button--category-front-end:active svg,.button--category-front-end:focus svg{fill:#29447c !important}.button--category-front-end.button--primary{background-color:#3659a2 !important;border-color:#3659a2 !important;color:#fff !important}.button--category-front-end.button--primary:hover,.button--category-front-end.button--primary:active,.button--category-front-end.button--primary:focus{background-color:#29447c !important;border-color:#29447c !important}.button--category-front-end.button--primary:hover svg,.button--category-front-end.button--primary:active svg,.button--category-front-end.button--primary:focus svg{fill:#fff !important}.button--category-fundamentals{border-color:#9b3b5a !important;color:#9b3b5a !important}.button--category-fundamentals svg{fill:#9b3b5a !important}.button--category-fundamentals:hover,.button--category-fundamentals:active,.button--category-fundamentals:focus{border-color:#762d45 !important;color:#762d45 !important}.button--category-fundamentals:hover svg,.button--category-fundamentals:active svg,.button--category-fundamentals:focus svg{fill:#762d45 !important}.button--category-fundamentals.button--primary{background-color:#9b3b5a !important;border-color:#9b3b5a !important;color:#fff !important}.button--category-fundamentals.button--primary:hover,.button--category-fundamentals.button--primary:active,.button--category-fundamentals.button--primary:focus{background-color:#762d45 !important;border-color:#762d45 !important}.button--category-fundamentals.button--primary:hover svg,.button--category-fundamentals.button--primary:active svg,.button--category-fundamentals.button--primary:focus svg{fill:#fff !important}.button--category-mobile{border-color:#30826C !important;color:#30826C !important}.button--category-mobile svg{fill:#30826C !important}.button--category-mobile:hover,.button--category-mobile:active,.button--category-mobile:focus{border-color:#225d4d !important;color:#225d4d !important}.button--category-mobile:hover svg,.button--category-mobile:active svg,.button--category-mobile:focus svg{fill:#225d4d !important}.button--category-mobile.button--primary{background-color:#30826C !important;border-color:#30826C !important;color:#fff !important}.button--category-mobile.button--primary:hover,.button--category-mobile.button--primary:active,.button--category-mobile.button--primary:focus{background-color:#225d4d !important;border-color:#225d4d !important}.button--category-mobile.button--primary:hover svg,.button--category-mobile.button--primary:active svg,.button--category-mobile.button--primary:focus svg{fill:#fff !important}.button--category-internal{border-color:#55616c !important;color:#55616c !important}.button--category-internal svg{fill:#55616c !important}.button--category-internal:hover,.button--category-internal:active,.button--category-internal:focus{border-color:#3f474f !important;color:#3f474f !important}.button--category-internal:hover svg,.button--category-internal:active svg,.button--category-internal:focus svg{fill:#3f474f !important}.button--category-internal.button--primary{background-color:#55616c !important;border-color:#55616c !important;color:#fff !important}.button--category-internal.button--primary:hover,.button--category-internal.button--primary:active,.button--category-internal.button--primary:focus{background-color:#3f474f !important;border-color:#3f474f !important}.button--category-internal.button--primary:hover svg,.button--category-internal.button--primary:active svg,.button--category-internal.button--primary:focus svg{fill:#fff !important}.button--category-undefined{border-color:#55616c !important;color:#55616c !important}.button--category-undefined svg{fill:#55616c !important}.button--category-undefined:hover,.button--category-undefined:active,.button--category-undefined:focus{border-color:#3f474f !important;color:#3f474f !important}.button--category-undefined:hover svg,.button--category-undefined:active svg,.button--category-undefined:focus svg{fill:#3f474f !important}.button--category-undefined.button--primary{background-color:#55616c !important;border-color:#55616c !important;color:#fff !important}.button--category-undefined.button--primary:hover,.button--category-undefined.button--primary:active,.button--category-undefined.button--primary:focus{background-color:#3f474f !important;border-color:#3f474f !important}.button--category-undefined.button--primary:hover svg,.button--category-undefined.button--primary:active svg,.button--category-undefined.button--primary:focus svg{fill:#fff !important}.split-button .button{float:left;z-index:1;margin:0 !important;border-radius:4px 0 0 4px;padding:0 20px}.split-button .button:hover,.split-button .button:active,.split-button .button:focus{z-index:2}.split-button .button.button--primary{border-right-color:rgba(0,0,0,0.1)}.split-button .button+.button{border-radius:0 4px 4px 0;margin-left:-2px !important}.split-button .button+.button.button--primary{border-left-color:rgba(0,0,0,0.1)}.split-button{display:inline-block;margin:0 15px 0 0}.split-button:before,.split-button:after{content:" ";display:table}.split-button:after{clear:both}.col{float:left !important;width:100% !important}.col-gutters{margin:0 -15px}.col-gutters>.col{padding:0 15px}.col-container:before,.col-container:after{content:" ";display:table}.col-container:after{clear:both}.col-max{max-width:1260px !important;margin:0 auto !important}@media screen{.col-max{padding:0}}@media screen and (min-width: 680px){.col-max{padding:0 5px}}@media screen and (min-width: 960px){.col-max{padding:0 15px}}.col-center{float:none !important;margin:0 auto !important}.col-form{margin:0 -6px !important}.col-form>.col{padding:0 6px}@media screen{.col-5-xs{width:5% !important}.col-offset-5-xs{margin-left:5% !important}.col-10-xs{width:10% !important}.col-offset-10-xs{margin-left:10% !important}.col-15-xs{width:15% !important}.col-offset-15-xs{margin-left:15% !important}.col-20-xs{width:20% !important}.col-offset-20-xs{margin-left:20% !important}.col-25-xs{width:25% !important}.col-offset-25-xs{margin-left:25% !important}.col-30-xs{width:30% !important}.col-offset-30-xs{margin-left:30% !important}.col-33-xs{width:33.3% !important}.col-offset-33-xs{margin-left:33.3% !important}.col-35-xs{width:35% !important}.col-offset-35-xs{margin-left:35% !important}.col-40-xs{width:40% !important}.col-offset-40-xs{margin-left:40% !important}.col-45-xs{width:45% !important}.col-offset-45-xs{margin-left:45% !important}.col-50-xs{width:50% !important}.col-offset-50-xs{margin-left:50% !important}.col-55-xs{width:55% !important}.col-offset-55-xs{margin-left:55% !important}.col-60-xs{width:60% !important}.col-offset-60-xs{margin-left:60% !important}.col-65-xs{width:65% !important}.col-offset-65-xs{margin-left:65% !important}.col-70-xs{width:70% !important}.col-offset-70-xs{margin-left:70% !important}.col-75-xs{width:75% !important}.col-offset-75-xs{margin-left:75% !important}.col-80-xs{width:80% !important}.col-offset-80-xs{margin-left:80% !important}.col-85-xs{width:85% !important}.col-offset-85-xs{margin-left:85% !important}.col-90-xs{width:90% !important}.col-offset-90-xs{margin-left:90% !important}.col-95-xs{width:95% !important}.col-offset-95-xs{margin-left:95% !important}.col-100-xs{width:100% !important}.col-offset-100-xs{margin-left:100% !important}}@media screen and (min-width: 480px){.col-5-sm{width:5% !important}.col-offset-5-sm{margin-left:5% !important}.col-10-sm{width:10% !important}.col-offset-10-sm{margin-left:10% !important}.col-15-sm{width:15% !important}.col-offset-15-sm{margin-left:15% !important}.col-20-sm{width:20% !important}.col-offset-20-sm{margin-left:20% !important}.col-25-sm{width:25% !important}.col-offset-25-sm{margin-left:25% !important}.col-30-sm{width:30% !important}.col-offset-30-sm{margin-left:30% !important}.col-33-sm{width:33.3% !important}.col-offset-33-sm{margin-left:33.3% !important}.col-35-sm{width:35% !important}.col-offset-35-sm{margin-left:35% !important}.col-40-sm{width:40% !important}.col-offset-40-sm{margin-left:40% !important}.col-45-sm{width:45% !important}.col-offset-45-sm{margin-left:45% !important}.col-50-sm{width:50% !important}.col-offset-50-sm{margin-left:50% !important}.col-55-sm{width:55% !important}.col-offset-55-sm{margin-left:55% !important}.col-60-sm{width:60% !important}.col-offset-60-sm{margin-left:60% !important}.col-65-sm{width:65% !important}.col-offset-65-sm{margin-left:65% !important}.col-70-sm{width:70% !important}.col-offset-70-sm{margin-left:70% !important}.col-75-sm{width:75% !important}.col-offset-75-sm{margin-left:75% !important}.col-80-sm{width:80% !important}.col-offset-80-sm{margin-left:80% !important}.col-85-sm{width:85% !important}.col-offset-85-sm{margin-left:85% !important}.col-90-sm{width:90% !important}.col-offset-90-sm{margin-left:90% !important}.col-95-sm{width:95% !important}.col-offset-95-sm{margin-left:95% !important}.col-100-sm{width:100% !important}.col-offset-100-sm{margin-left:100% !important}}@media screen and (min-width: 680px){.col-5-md{width:5% !important}.col-offset-5-md{margin-left:5% !important}.col-10-md{width:10% !important}.col-offset-10-md{margin-left:10% !important}.col-15-md{width:15% !important}.col-offset-15-md{margin-left:15% !important}.col-20-md{width:20% !important}.col-offset-20-md{margin-left:20% !important}.col-25-md{width:25% !important}.col-offset-25-md{margin-left:25% !important}.col-30-md{width:30% !important}.col-offset-30-md{margin-left:30% !important}.col-33-md{width:33.3% !important}.col-offset-33-md{margin-left:33.3% !important}.col-35-md{width:35% !important}.col-offset-35-md{margin-left:35% !important}.col-40-md{width:40% !important}.col-offset-40-md{margin-left:40% !important}.col-45-md{width:45% !important}.col-offset-45-md{margin-left:45% !important}.col-50-md{width:50% !important}.col-offset-50-md{margin-left:50% !important}.col-55-md{width:55% !important}.col-offset-55-md{margin-left:55% !important}.col-60-md{width:60% !important}.col-offset-60-md{margin-left:60% !important}.col-65-md{width:65% !important}.col-offset-65-md{margin-left:65% !important}.col-70-md{width:70% !important}.col-offset-70-md{margin-left:70% !important}.col-75-md{width:75% !important}.col-offset-75-md{margin-left:75% !important}.col-80-md{width:80% !important}.col-offset-80-md{margin-left:80% !important}.col-85-md{width:85% !important}.col-offset-85-md{margin-left:85% !important}.col-90-md{width:90% !important}.col-offset-90-md{margin-left:90% !important}.col-95-md{width:95% !important}.col-offset-95-md{margin-left:95% !important}.col-100-md{width:100% !important}.col-offset-100-md{margin-left:100% !important}}@media screen and (min-width: 960px){.col-5-lg{width:5% !important}.col-offset-5-lg{margin-left:5% !important}.col-10-lg{width:10% !important}.col-offset-10-lg{margin-left:10% !important}.col-15-lg{width:15% !important}.col-offset-15-lg{margin-left:15% !important}.col-20-lg{width:20% !important}.col-offset-20-lg{margin-left:20% !important}.col-25-lg{width:25% !important}.col-offset-25-lg{margin-left:25% !important}.col-30-lg{width:30% !important}.col-offset-30-lg{margin-left:30% !important}.col-33-lg{width:33.3% !important}.col-offset-33-lg{margin-left:33.3% !important}.col-35-lg{width:35% !important}.col-offset-35-lg{margin-left:35% !important}.col-40-lg{width:40% !important}.col-offset-40-lg{margin-left:40% !important}.col-45-lg{width:45% !important}.col-offset-45-lg{margin-left:45% !important}.col-50-lg{width:50% !important}.col-offset-50-lg{margin-left:50% !important}.col-55-lg{width:55% !important}.col-offset-55-lg{margin-left:55% !important}.col-60-lg{width:60% !important}.col-offset-60-lg{margin-left:60% !important}.col-65-lg{width:65% !important}.col-offset-65-lg{margin-left:65% !important}.col-70-lg{width:70% !important}.col-offset-70-lg{margin-left:70% !important}.col-75-lg{width:75% !important}.col-offset-75-lg{margin-left:75% !important}.col-80-lg{width:80% !important}.col-offset-80-lg{margin-left:80% !important}.col-85-lg{width:85% !important}.col-offset-85-lg{margin-left:85% !important}.col-90-lg{width:90% !important}.col-offset-90-lg{margin-left:90% !important}.col-95-lg{width:95% !important}.col-offset-95-lg{margin-left:95% !important}.col-100-lg{width:100% !important}.col-offset-100-lg{margin-left:100% !important}}@media screen and (min-width: 1140px){.col-5-xl{width:5% !important}.col-offset-5-xl{margin-left:5% !important}.col-10-xl{width:10% !important}.col-offset-10-xl{margin-left:10% !important}.col-15-xl{width:15% !important}.col-offset-15-xl{margin-left:15% !important}.col-20-xl{width:20% !important}.col-offset-20-xl{margin-left:20% !important}.col-25-xl{width:25% !important}.col-offset-25-xl{margin-left:25% !important}.col-30-xl{width:30% !important}.col-offset-30-xl{margin-left:30% !important}.col-33-xl{width:33.3% !important}.col-offset-33-xl{margin-left:33.3% !important}.col-35-xl{width:35% !important}.col-offset-35-xl{margin-left:35% !important}.col-40-xl{width:40% !important}.col-offset-40-xl{margin-left:40% !important}.col-45-xl{width:45% !important}.col-offset-45-xl{margin-left:45% !important}.col-50-xl{width:50% !important}.col-offset-50-xl{margin-left:50% !important}.col-55-xl{width:55% !important}.col-offset-55-xl{margin-left:55% !important}.col-60-xl{width:60% !important}.col-offset-60-xl{margin-left:60% !important}.col-65-xl{width:65% !important}.col-offset-65-xl{margin-left:65% !important}.col-70-xl{width:70% !important}.col-offset-70-xl{margin-left:70% !important}.col-75-xl{width:75% !important}.col-offset-75-xl{margin-left:75% !important}.col-80-xl{width:80% !important}.col-offset-80-xl{margin-left:80% !important}.col-85-xl{width:85% !important}.col-offset-85-xl{margin-left:85% !important}.col-90-xl{width:90% !important}.col-offset-90-xl{margin-left:90% !important}.col-95-xl{width:95% !important}.col-offset-95-xl{margin-left:95% !important}.col-100-xl{width:100% !important}.col-offset-100-xl{margin-left:100% !important}}.block-grid{padding:0 !important;list-style:none !important;font-size:0 !important;display:block !important;overflow:hidden !important;margin-bottom:2rem !important}.block-grid-gutters{margin:-1rem -1rem 1rem -1rem !important}.block-grid-gutters .block-grid__item{padding:1rem !important}.block-grid__item{display:block !important;float:left !important;font-size:16px !important}@media screen{.block-1-xs .block-grid__item{width:100% !important}.block-1-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-xs .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-xs .block-grid__item{width:50% !important}.block-2-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-xs .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-xs .block-grid__item{width:33.33333% !important}.block-3-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-xs .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-xs .block-grid__item{width:25% !important}.block-4-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-xs .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-xs .block-grid__item{width:20% !important}.block-5-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-xs .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-xs .block-grid__item{width:16.66667% !important}.block-6-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-xs .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 480px){.block-1-sm .block-grid__item{width:100% !important}.block-1-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-sm .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-sm .block-grid__item{width:50% !important}.block-2-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-sm .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-sm .block-grid__item{width:33.33333% !important}.block-3-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-sm .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-sm .block-grid__item{width:25% !important}.block-4-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-sm .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-sm .block-grid__item{width:20% !important}.block-5-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-sm .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-sm .block-grid__item{width:16.66667% !important}.block-6-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-sm .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 680px){.block-1-md .block-grid__item{width:100% !important}.block-1-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-md .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-md .block-grid__item{width:50% !important}.block-2-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-md .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-md .block-grid__item{width:33.33333% !important}.block-3-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-md .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-md .block-grid__item{width:25% !important}.block-4-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-md .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-md .block-grid__item{width:20% !important}.block-5-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-md .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-md .block-grid__item{width:16.66667% !important}.block-6-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-md .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 960px){.block-1-lg .block-grid__item{width:100% !important}.block-1-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-lg .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-lg .block-grid__item{width:50% !important}.block-2-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-lg .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-lg .block-grid__item{width:33.33333% !important}.block-3-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-lg .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-lg .block-grid__item{width:25% !important}.block-4-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-lg .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-lg .block-grid__item{width:20% !important}.block-5-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-lg .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-lg .block-grid__item{width:16.66667% !important}.block-6-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-lg .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 1140px){.block-1-xl .block-grid__item{width:100% !important}.block-1-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-xl .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-xl .block-grid__item{width:50% !important}.block-2-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-xl .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-xl .block-grid__item{width:33.33333% !important}.block-3-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-xl .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-xl .block-grid__item{width:25% !important}.block-4-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-xl .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-xl .block-grid__item{width:20% !important}.block-5-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-xl .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-xl .block-grid__item{width:16.66667% !important}.block-6-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-xl .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen{.block-xs{display:block !important}.hide-xs{display:none !important}.inline-xs{display:inline !important}.inline-block-xs{display:inline-block !important}}@media screen and (min-width: 480px){.block-sm{display:block !important}.hide-sm{display:none !important}.inline-sm{display:inline !important}.inline-block-sm{display:inline-block !important}}@media screen and (min-width: 680px){.block-md{display:block !important}.hide-md{display:none !important}.inline-md{display:inline !important}.inline-block-md{display:inline-block !important}}@media screen and (min-width: 960px){.block-lg{display:block !important}.hide-lg{display:none !important}.inline-lg{display:inline !important}.inline-block-lg{display:inline-block !important}}@media screen and (min-width: 1140px){.block-xl{display:block !important}.hide-xl{display:none !important}.inline-xl{display:inline !important}.inline-block-xl{display:inline-block !important}}@media screen{.m-0-xs{margin:0rem !important}.m-05-xs{margin:.5rem !important}.m-1-xs{margin:1rem !important}.m-2-xs{margin:1.5rem !important}.m-3-xs{margin:2rem !important}.m-4-xs{margin:3rem !important}.m-5-xs{margin:4rem !important}.m-6-xs{margin:5rem !important}.m-t-0-xs{margin-top:0rem !important}.m-t-05-xs{margin-top:.5rem !important}.m-t-1-xs{margin-top:1rem !important}.m-t-2-xs{margin-top:1.5rem !important}.m-t-3-xs{margin-top:2rem !important}.m-t-4-xs{margin-top:3rem !important}.m-t-5-xs{margin-top:4rem !important}.m-t-6-xs{margin-top:5rem !important}.m-b-0-xs{margin-bottom:0rem !important}.m-b-05-xs{margin-bottom:.5rem !important}.m-b-1-xs{margin-bottom:1rem !important}.m-b-2-xs{margin-bottom:1.5rem !important}.m-b-3-xs{margin-bottom:2rem !important}.m-b-4-xs{margin-bottom:3rem !important}.m-b-5-xs{margin-bottom:4rem !important}.m-b-6-xs{margin-bottom:5rem !important}.m-l-0-xs{margin-left:0rem !important}.m-l-05-xs{margin-left:.5rem !important}.m-l-1-xs{margin-left:1rem !important}.m-l-2-xs{margin-left:1.5rem !important}.m-l-3-xs{margin-left:2rem !important}.m-l-4-xs{margin-left:3rem !important}.m-l-5-xs{margin-left:4rem !important}.m-l-6-xs{margin-left:5rem !important}.m-r-0-xs{margin-right:0rem !important}.m-r-05-xs{margin-right:.5rem !important}.m-r-1-xs{margin-right:1rem !important}.m-r-2-xs{margin-right:1.5rem !important}.m-r-3-xs{margin-right:2rem !important}.m-r-4-xs{margin-right:3rem !important}.m-r-5-xs{margin-right:4rem !important}.m-r-6-xs{margin-right:5rem !important}.m-lr-0-xs{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-xs{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-xs{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-xs{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-xs{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-xs{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-xs{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-xs{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-xs{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-xs{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-xs{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-xs{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-xs{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-xs{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-xs{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-xs{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-xs{margin:0 auto !important}}@media screen and (min-width: 480px){.m-0-sm{margin:0rem !important}.m-05-sm{margin:.5rem !important}.m-1-sm{margin:1rem !important}.m-2-sm{margin:1.5rem !important}.m-3-sm{margin:2rem !important}.m-4-sm{margin:3rem !important}.m-5-sm{margin:4rem !important}.m-6-sm{margin:5rem !important}.m-t-0-sm{margin-top:0rem !important}.m-t-05-sm{margin-top:.5rem !important}.m-t-1-sm{margin-top:1rem !important}.m-t-2-sm{margin-top:1.5rem !important}.m-t-3-sm{margin-top:2rem !important}.m-t-4-sm{margin-top:3rem !important}.m-t-5-sm{margin-top:4rem !important}.m-t-6-sm{margin-top:5rem !important}.m-b-0-sm{margin-bottom:0rem !important}.m-b-05-sm{margin-bottom:.5rem !important}.m-b-1-sm{margin-bottom:1rem !important}.m-b-2-sm{margin-bottom:1.5rem !important}.m-b-3-sm{margin-bottom:2rem !important}.m-b-4-sm{margin-bottom:3rem !important}.m-b-5-sm{margin-bottom:4rem !important}.m-b-6-sm{margin-bottom:5rem !important}.m-l-0-sm{margin-left:0rem !important}.m-l-05-sm{margin-left:.5rem !important}.m-l-1-sm{margin-left:1rem !important}.m-l-2-sm{margin-left:1.5rem !important}.m-l-3-sm{margin-left:2rem !important}.m-l-4-sm{margin-left:3rem !important}.m-l-5-sm{margin-left:4rem !important}.m-l-6-sm{margin-left:5rem !important}.m-r-0-sm{margin-right:0rem !important}.m-r-05-sm{margin-right:.5rem !important}.m-r-1-sm{margin-right:1rem !important}.m-r-2-sm{margin-right:1.5rem !important}.m-r-3-sm{margin-right:2rem !important}.m-r-4-sm{margin-right:3rem !important}.m-r-5-sm{margin-right:4rem !important}.m-r-6-sm{margin-right:5rem !important}.m-lr-0-sm{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-sm{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-sm{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-sm{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-sm{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-sm{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-sm{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-sm{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-sm{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-sm{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-sm{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-sm{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-sm{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-sm{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-sm{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-sm{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-sm{margin:0 auto !important}}@media screen and (min-width: 680px){.m-0-md{margin:0rem !important}.m-05-md{margin:.5rem !important}.m-1-md{margin:1rem !important}.m-2-md{margin:1.5rem !important}.m-3-md{margin:2rem !important}.m-4-md{margin:3rem !important}.m-5-md{margin:4rem !important}.m-6-md{margin:5rem !important}.m-t-0-md{margin-top:0rem !important}.m-t-05-md{margin-top:.5rem !important}.m-t-1-md{margin-top:1rem !important}.m-t-2-md{margin-top:1.5rem !important}.m-t-3-md{margin-top:2rem !important}.m-t-4-md{margin-top:3rem !important}.m-t-5-md{margin-top:4rem !important}.m-t-6-md{margin-top:5rem !important}.m-b-0-md{margin-bottom:0rem !important}.m-b-05-md{margin-bottom:.5rem !important}.m-b-1-md{margin-bottom:1rem !important}.m-b-2-md{margin-bottom:1.5rem !important}.m-b-3-md{margin-bottom:2rem !important}.m-b-4-md{margin-bottom:3rem !important}.m-b-5-md{margin-bottom:4rem !important}.m-b-6-md{margin-bottom:5rem !important}.m-l-0-md{margin-left:0rem !important}.m-l-05-md{margin-left:.5rem !important}.m-l-1-md{margin-left:1rem !important}.m-l-2-md{margin-left:1.5rem !important}.m-l-3-md{margin-left:2rem !important}.m-l-4-md{margin-left:3rem !important}.m-l-5-md{margin-left:4rem !important}.m-l-6-md{margin-left:5rem !important}.m-r-0-md{margin-right:0rem !important}.m-r-05-md{margin-right:.5rem !important}.m-r-1-md{margin-right:1rem !important}.m-r-2-md{margin-right:1.5rem !important}.m-r-3-md{margin-right:2rem !important}.m-r-4-md{margin-right:3rem !important}.m-r-5-md{margin-right:4rem !important}.m-r-6-md{margin-right:5rem !important}.m-lr-0-md{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-md{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-md{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-md{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-md{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-md{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-md{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-md{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-md{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-md{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-md{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-md{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-md{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-md{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-md{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-md{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-md{margin:0 auto !important}}@media screen and (min-width: 960px){.m-0-lg{margin:0rem !important}.m-05-lg{margin:.5rem !important}.m-1-lg{margin:1rem !important}.m-2-lg{margin:1.5rem !important}.m-3-lg{margin:2rem !important}.m-4-lg{margin:3rem !important}.m-5-lg{margin:4rem !important}.m-6-lg{margin:5rem !important}.m-t-0-lg{margin-top:0rem !important}.m-t-05-lg{margin-top:.5rem !important}.m-t-1-lg{margin-top:1rem !important}.m-t-2-lg{margin-top:1.5rem !important}.m-t-3-lg{margin-top:2rem !important}.m-t-4-lg{margin-top:3rem !important}.m-t-5-lg{margin-top:4rem !important}.m-t-6-lg{margin-top:5rem !important}.m-b-0-lg{margin-bottom:0rem !important}.m-b-05-lg{margin-bottom:.5rem !important}.m-b-1-lg{margin-bottom:1rem !important}.m-b-2-lg{margin-bottom:1.5rem !important}.m-b-3-lg{margin-bottom:2rem !important}.m-b-4-lg{margin-bottom:3rem !important}.m-b-5-lg{margin-bottom:4rem !important}.m-b-6-lg{margin-bottom:5rem !important}.m-l-0-lg{margin-left:0rem !important}.m-l-05-lg{margin-left:.5rem !important}.m-l-1-lg{margin-left:1rem !important}.m-l-2-lg{margin-left:1.5rem !important}.m-l-3-lg{margin-left:2rem !important}.m-l-4-lg{margin-left:3rem !important}.m-l-5-lg{margin-left:4rem !important}.m-l-6-lg{margin-left:5rem !important}.m-r-0-lg{margin-right:0rem !important}.m-r-05-lg{margin-right:.5rem !important}.m-r-1-lg{margin-right:1rem !important}.m-r-2-lg{margin-right:1.5rem !important}.m-r-3-lg{margin-right:2rem !important}.m-r-4-lg{margin-right:3rem !important}.m-r-5-lg{margin-right:4rem !important}.m-r-6-lg{margin-right:5rem !important}.m-lr-0-lg{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-lg{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-lg{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-lg{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-lg{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-lg{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-lg{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-lg{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-lg{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-lg{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-lg{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-lg{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-lg{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-lg{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-lg{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-lg{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-lg{margin:0 auto !important}}@media screen and (min-width: 1140px){.m-0-xl{margin:0rem !important}.m-05-xl{margin:.5rem !important}.m-1-xl{margin:1rem !important}.m-2-xl{margin:1.5rem !important}.m-3-xl{margin:2rem !important}.m-4-xl{margin:3rem !important}.m-5-xl{margin:4rem !important}.m-6-xl{margin:5rem !important}.m-t-0-xl{margin-top:0rem !important}.m-t-05-xl{margin-top:.5rem !important}.m-t-1-xl{margin-top:1rem !important}.m-t-2-xl{margin-top:1.5rem !important}.m-t-3-xl{margin-top:2rem !important}.m-t-4-xl{margin-top:3rem !important}.m-t-5-xl{margin-top:4rem !important}.m-t-6-xl{margin-top:5rem !important}.m-b-0-xl{margin-bottom:0rem !important}.m-b-05-xl{margin-bottom:.5rem !important}.m-b-1-xl{margin-bottom:1rem !important}.m-b-2-xl{margin-bottom:1.5rem !important}.m-b-3-xl{margin-bottom:2rem !important}.m-b-4-xl{margin-bottom:3rem !important}.m-b-5-xl{margin-bottom:4rem !important}.m-b-6-xl{margin-bottom:5rem !important}.m-l-0-xl{margin-left:0rem !important}.m-l-05-xl{margin-left:.5rem !important}.m-l-1-xl{margin-left:1rem !important}.m-l-2-xl{margin-left:1.5rem !important}.m-l-3-xl{margin-left:2rem !important}.m-l-4-xl{margin-left:3rem !important}.m-l-5-xl{margin-left:4rem !important}.m-l-6-xl{margin-left:5rem !important}.m-r-0-xl{margin-right:0rem !important}.m-r-05-xl{margin-right:.5rem !important}.m-r-1-xl{margin-right:1rem !important}.m-r-2-xl{margin-right:1.5rem !important}.m-r-3-xl{margin-right:2rem !important}.m-r-4-xl{margin-right:3rem !important}.m-r-5-xl{margin-right:4rem !important}.m-r-6-xl{margin-right:5rem !important}.m-lr-0-xl{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-xl{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-xl{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-xl{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-xl{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-xl{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-xl{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-xl{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-xl{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-xl{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-xl{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-xl{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-xl{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-xl{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-xl{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-xl{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-xl{margin:0 auto !important}}@media screen{.p-0-xs{padding:0rem !important}.p-05-xs{padding:.5rem !important}.p-1-xs{padding:1rem !important}.p-2-xs{padding:1.5rem !important}.p-3-xs{padding:2rem !important}.p-4-xs{padding:3rem !important}.p-5-xs{padding:4rem !important}.p-6-xs{padding:5rem !important}.p-t-0-xs{padding-top:0rem !important}.p-t-05-xs{padding-top:.5rem !important}.p-t-1-xs{padding-top:1rem !important}.p-t-2-xs{padding-top:1.5rem !important}.p-t-3-xs{padding-top:2rem !important}.p-t-4-xs{padding-top:3rem !important}.p-t-5-xs{padding-top:4rem !important}.p-t-6-xs{padding-top:5rem !important}.p-b-0-xs{padding-bottom:0rem !important}.p-b-05-xs{padding-bottom:.5rem !important}.p-b-1-xs{padding-bottom:1rem !important}.p-b-2-xs{padding-bottom:1.5rem !important}.p-b-3-xs{padding-bottom:2rem !important}.p-b-4-xs{padding-bottom:3rem !important}.p-b-5-xs{padding-bottom:4rem !important}.p-b-6-xs{padding-bottom:5rem !important}.p-l-0-xs{padding-left:0rem !important}.p-l-05-xs{padding-left:.5rem !important}.p-l-1-xs{padding-left:1rem !important}.p-l-2-xs{padding-left:1.5rem !important}.p-l-3-xs{padding-left:2rem !important}.p-l-4-xs{padding-left:3rem !important}.p-l-5-xs{padding-left:4rem !important}.p-l-6-xs{padding-left:5rem !important}.p-r-0-xs{padding-right:0rem !important}.p-r-05-xs{padding-right:.5rem !important}.p-r-1-xs{padding-right:1rem !important}.p-r-2-xs{padding-right:1.5rem !important}.p-r-3-xs{padding-right:2rem !important}.p-r-4-xs{padding-right:3rem !important}.p-r-5-xs{padding-right:4rem !important}.p-r-6-xs{padding-right:5rem !important}.p-lr-0-xs{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-xs{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-xs{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-xs{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-xs{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-xs{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-xs{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-xs{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-xs{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-xs{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-xs{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-xs{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-xs{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-xs{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-xs{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-xs{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 480px){.p-0-sm{padding:0rem !important}.p-05-sm{padding:.5rem !important}.p-1-sm{padding:1rem !important}.p-2-sm{padding:1.5rem !important}.p-3-sm{padding:2rem !important}.p-4-sm{padding:3rem !important}.p-5-sm{padding:4rem !important}.p-6-sm{padding:5rem !important}.p-t-0-sm{padding-top:0rem !important}.p-t-05-sm{padding-top:.5rem !important}.p-t-1-sm{padding-top:1rem !important}.p-t-2-sm{padding-top:1.5rem !important}.p-t-3-sm{padding-top:2rem !important}.p-t-4-sm{padding-top:3rem !important}.p-t-5-sm{padding-top:4rem !important}.p-t-6-sm{padding-top:5rem !important}.p-b-0-sm{padding-bottom:0rem !important}.p-b-05-sm{padding-bottom:.5rem !important}.p-b-1-sm{padding-bottom:1rem !important}.p-b-2-sm{padding-bottom:1.5rem !important}.p-b-3-sm{padding-bottom:2rem !important}.p-b-4-sm{padding-bottom:3rem !important}.p-b-5-sm{padding-bottom:4rem !important}.p-b-6-sm{padding-bottom:5rem !important}.p-l-0-sm{padding-left:0rem !important}.p-l-05-sm{padding-left:.5rem !important}.p-l-1-sm{padding-left:1rem !important}.p-l-2-sm{padding-left:1.5rem !important}.p-l-3-sm{padding-left:2rem !important}.p-l-4-sm{padding-left:3rem !important}.p-l-5-sm{padding-left:4rem !important}.p-l-6-sm{padding-left:5rem !important}.p-r-0-sm{padding-right:0rem !important}.p-r-05-sm{padding-right:.5rem !important}.p-r-1-sm{padding-right:1rem !important}.p-r-2-sm{padding-right:1.5rem !important}.p-r-3-sm{padding-right:2rem !important}.p-r-4-sm{padding-right:3rem !important}.p-r-5-sm{padding-right:4rem !important}.p-r-6-sm{padding-right:5rem !important}.p-lr-0-sm{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-sm{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-sm{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-sm{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-sm{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-sm{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-sm{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-sm{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-sm{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-sm{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-sm{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-sm{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-sm{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-sm{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-sm{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-sm{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 680px){.p-0-md{padding:0rem !important}.p-05-md{padding:.5rem !important}.p-1-md{padding:1rem !important}.p-2-md{padding:1.5rem !important}.p-3-md{padding:2rem !important}.p-4-md{padding:3rem !important}.p-5-md{padding:4rem !important}.p-6-md{padding:5rem !important}.p-t-0-md{padding-top:0rem !important}.p-t-05-md{padding-top:.5rem !important}.p-t-1-md{padding-top:1rem !important}.p-t-2-md{padding-top:1.5rem !important}.p-t-3-md{padding-top:2rem !important}.p-t-4-md{padding-top:3rem !important}.p-t-5-md{padding-top:4rem !important}.p-t-6-md{padding-top:5rem !important}.p-b-0-md{padding-bottom:0rem !important}.p-b-05-md{padding-bottom:.5rem !important}.p-b-1-md{padding-bottom:1rem !important}.p-b-2-md{padding-bottom:1.5rem !important}.p-b-3-md{padding-bottom:2rem !important}.p-b-4-md{padding-bottom:3rem !important}.p-b-5-md{padding-bottom:4rem !important}.p-b-6-md{padding-bottom:5rem !important}.p-l-0-md{padding-left:0rem !important}.p-l-05-md{padding-left:.5rem !important}.p-l-1-md{padding-left:1rem !important}.p-l-2-md{padding-left:1.5rem !important}.p-l-3-md{padding-left:2rem !important}.p-l-4-md{padding-left:3rem !important}.p-l-5-md{padding-left:4rem !important}.p-l-6-md{padding-left:5rem !important}.p-r-0-md{padding-right:0rem !important}.p-r-05-md{padding-right:.5rem !important}.p-r-1-md{padding-right:1rem !important}.p-r-2-md{padding-right:1.5rem !important}.p-r-3-md{padding-right:2rem !important}.p-r-4-md{padding-right:3rem !important}.p-r-5-md{padding-right:4rem !important}.p-r-6-md{padding-right:5rem !important}.p-lr-0-md{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-md{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-md{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-md{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-md{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-md{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-md{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-md{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-md{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-md{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-md{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-md{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-md{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-md{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-md{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-md{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 960px){.p-0-lg{padding:0rem !important}.p-05-lg{padding:.5rem !important}.p-1-lg{padding:1rem !important}.p-2-lg{padding:1.5rem !important}.p-3-lg{padding:2rem !important}.p-4-lg{padding:3rem !important}.p-5-lg{padding:4rem !important}.p-6-lg{padding:5rem !important}.p-t-0-lg{padding-top:0rem !important}.p-t-05-lg{padding-top:.5rem !important}.p-t-1-lg{padding-top:1rem !important}.p-t-2-lg{padding-top:1.5rem !important}.p-t-3-lg{padding-top:2rem !important}.p-t-4-lg{padding-top:3rem !important}.p-t-5-lg{padding-top:4rem !important}.p-t-6-lg{padding-top:5rem !important}.p-b-0-lg{padding-bottom:0rem !important}.p-b-05-lg{padding-bottom:.5rem !important}.p-b-1-lg{padding-bottom:1rem !important}.p-b-2-lg{padding-bottom:1.5rem !important}.p-b-3-lg{padding-bottom:2rem !important}.p-b-4-lg{padding-bottom:3rem !important}.p-b-5-lg{padding-bottom:4rem !important}.p-b-6-lg{padding-bottom:5rem !important}.p-l-0-lg{padding-left:0rem !important}.p-l-05-lg{padding-left:.5rem !important}.p-l-1-lg{padding-left:1rem !important}.p-l-2-lg{padding-left:1.5rem !important}.p-l-3-lg{padding-left:2rem !important}.p-l-4-lg{padding-left:3rem !important}.p-l-5-lg{padding-left:4rem !important}.p-l-6-lg{padding-left:5rem !important}.p-r-0-lg{padding-right:0rem !important}.p-r-05-lg{padding-right:.5rem !important}.p-r-1-lg{padding-right:1rem !important}.p-r-2-lg{padding-right:1.5rem !important}.p-r-3-lg{padding-right:2rem !important}.p-r-4-lg{padding-right:3rem !important}.p-r-5-lg{padding-right:4rem !important}.p-r-6-lg{padding-right:5rem !important}.p-lr-0-lg{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-lg{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-lg{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-lg{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-lg{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-lg{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-lg{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-lg{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-lg{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-lg{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-lg{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-lg{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-lg{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-lg{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-lg{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-lg{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1140px){.p-0-xl{padding:0rem !important}.p-05-xl{padding:.5rem !important}.p-1-xl{padding:1rem !important}.p-2-xl{padding:1.5rem !important}.p-3-xl{padding:2rem !important}.p-4-xl{padding:3rem !important}.p-5-xl{padding:4rem !important}.p-6-xl{padding:5rem !important}.p-t-0-xl{padding-top:0rem !important}.p-t-05-xl{padding-top:.5rem !important}.p-t-1-xl{padding-top:1rem !important}.p-t-2-xl{padding-top:1.5rem !important}.p-t-3-xl{padding-top:2rem !important}.p-t-4-xl{padding-top:3rem !important}.p-t-5-xl{padding-top:4rem !important}.p-t-6-xl{padding-top:5rem !important}.p-b-0-xl{padding-bottom:0rem !important}.p-b-05-xl{padding-bottom:.5rem !important}.p-b-1-xl{padding-bottom:1rem !important}.p-b-2-xl{padding-bottom:1.5rem !important}.p-b-3-xl{padding-bottom:2rem !important}.p-b-4-xl{padding-bottom:3rem !important}.p-b-5-xl{padding-bottom:4rem !important}.p-b-6-xl{padding-bottom:5rem !important}.p-l-0-xl{padding-left:0rem !important}.p-l-05-xl{padding-left:.5rem !important}.p-l-1-xl{padding-left:1rem !important}.p-l-2-xl{padding-left:1.5rem !important}.p-l-3-xl{padding-left:2rem !important}.p-l-4-xl{padding-left:3rem !important}.p-l-5-xl{padding-left:4rem !important}.p-l-6-xl{padding-left:5rem !important}.p-r-0-xl{padding-right:0rem !important}.p-r-05-xl{padding-right:.5rem !important}.p-r-1-xl{padding-right:1rem !important}.p-r-2-xl{padding-right:1.5rem !important}.p-r-3-xl{padding-right:2rem !important}.p-r-4-xl{padding-right:3rem !important}.p-r-5-xl{padding-right:4rem !important}.p-r-6-xl{padding-right:5rem !important}.p-lr-0-xl{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-xl{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-xl{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-xl{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-xl{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-xl{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-xl{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-xl{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-xl{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-xl{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-xl{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-xl{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-xl{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-xl{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-xl{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-xl{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen{.float-l-xs{float:left !important}.float-r-xs{float:right !important}.float-none-xs{float:none !important}}@media screen and (min-width: 480px){.float-l-sm{float:left !important}.float-r-sm{float:right !important}.float-none-sm{float:none !important}}@media screen and (min-width: 680px){.float-l-md{float:left !important}.float-r-md{float:right !important}.float-none-md{float:none !important}}@media screen and (min-width: 960px){.float-l-lg{float:left !important}.float-r-lg{float:right !important}.float-none-lg{float:none !important}}@media screen and (min-width: 1140px){.float-l-xl{float:left !important}.float-r-xl{float:right !important}.float-none-xl{float:none !important}}@media screen{.overflow-hidden-xs{overflow:hidden !important}.overflow-auto-xs{overflow:auto !important}.overflow-scroll-xs{overflow:scroll !important}.overflow-visible-xs{overflow:visible !important}}@media screen and (min-width: 480px){.overflow-hidden-sm{overflow:hidden !important}.overflow-auto-sm{overflow:auto !important}.overflow-scroll-sm{overflow:scroll !important}.overflow-visible-sm{overflow:visible !important}}@media screen and (min-width: 680px){.overflow-hidden-md{overflow:hidden !important}.overflow-auto-md{overflow:auto !important}.overflow-scroll-md{overflow:scroll !important}.overflow-visible-md{overflow:visible !important}}@media screen and (min-width: 960px){.overflow-hidden-lg{overflow:hidden !important}.overflow-auto-lg{overflow:auto !important}.overflow-scroll-lg{overflow:scroll !important}.overflow-visible-lg{overflow:visible !important}}@media screen and (min-width: 1140px){.overflow-hidden-xl{overflow:hidden !important}.overflow-auto-xl{overflow:auto !important}.overflow-scroll-xl{overflow:scroll !important}.overflow-visible-xl{overflow:visible !important}}@media screen{.w-auto-xs{width:auto !important}.w-full-xs{width:100% !important}.h-full-xs{height:100% !important}.w-fit-xs{max-width:100% !important}}@media screen and (min-width: 480px){.w-auto-sm{width:auto !important}.w-full-sm{width:100% !important}.h-full-sm{height:100% !important}.w-fit-sm{max-width:100% !important}}@media screen and (min-width: 680px){.w-auto-md{width:auto !important}.w-full-md{width:100% !important}.h-full-md{height:100% !important}.w-fit-md{max-width:100% !important}}@media screen and (min-width: 960px){.w-auto-lg{width:auto !important}.w-full-lg{width:100% !important}.h-full-lg{height:100% !important}.w-fit-lg{max-width:100% !important}}@media screen and (min-width: 1140px){.w-auto-xl{width:auto !important}.w-full-xl{width:100% !important}.h-full-xl{height:100% !important}.w-fit-xl{max-width:100% !important}}@media screen{.relative-xs{position:relative !important}.absolute-xs{position:absolute !important}.fixed-xs{position:fixed !important}.static-xs{position:static !important}.pos-t-0-xs{top:0rem !important}.pos-t-05-xs{top:.5rem !important}.pos-t-1-xs{top:1rem !important}.pos-t-2-xs{top:1.5rem !important}.pos-t-3-xs{top:2rem !important}.pos-t-4-xs{top:3rem !important}.pos-t-5-xs{top:4rem !important}.pos-t-6-xs{top:5rem !important}.pos-b-0-xs{bottom:0rem !important}.pos-b-05-xs{bottom:.5rem !important}.pos-b-1-xs{bottom:1rem !important}.pos-b-2-xs{bottom:1.5rem !important}.pos-b-3-xs{bottom:2rem !important}.pos-b-4-xs{bottom:3rem !important}.pos-b-5-xs{bottom:4rem !important}.pos-b-6-xs{bottom:5rem !important}.pos-l-0-xs{left:0rem !important}.pos-l-05-xs{left:.5rem !important}.pos-l-1-xs{left:1rem !important}.pos-l-2-xs{left:1.5rem !important}.pos-l-3-xs{left:2rem !important}.pos-l-4-xs{left:3rem !important}.pos-l-5-xs{left:4rem !important}.pos-l-6-xs{left:5rem !important}.pos-r-0-xs{right:0rem !important}.pos-r-05-xs{right:.5rem !important}.pos-r-1-xs{right:1rem !important}.pos-r-2-xs{right:1.5rem !important}.pos-r-3-xs{right:2rem !important}.pos-r-4-xs{right:3rem !important}.pos-r-5-xs{right:4rem !important}.pos-r-6-xs{right:5rem !important}.z-1-xs{z-index:100 !important}.z-2-xs{z-index:200 !important}.z-3-xs{z-index:300 !important}.z-4-xs{z-index:400 !important}}@media screen and (min-width: 480px){.relative-sm{position:relative !important}.absolute-sm{position:absolute !important}.fixed-sm{position:fixed !important}.static-sm{position:static !important}.pos-t-0-sm{top:0rem !important}.pos-t-05-sm{top:.5rem !important}.pos-t-1-sm{top:1rem !important}.pos-t-2-sm{top:1.5rem !important}.pos-t-3-sm{top:2rem !important}.pos-t-4-sm{top:3rem !important}.pos-t-5-sm{top:4rem !important}.pos-t-6-sm{top:5rem !important}.pos-b-0-sm{bottom:0rem !important}.pos-b-05-sm{bottom:.5rem !important}.pos-b-1-sm{bottom:1rem !important}.pos-b-2-sm{bottom:1.5rem !important}.pos-b-3-sm{bottom:2rem !important}.pos-b-4-sm{bottom:3rem !important}.pos-b-5-sm{bottom:4rem !important}.pos-b-6-sm{bottom:5rem !important}.pos-l-0-sm{left:0rem !important}.pos-l-05-sm{left:.5rem !important}.pos-l-1-sm{left:1rem !important}.pos-l-2-sm{left:1.5rem !important}.pos-l-3-sm{left:2rem !important}.pos-l-4-sm{left:3rem !important}.pos-l-5-sm{left:4rem !important}.pos-l-6-sm{left:5rem !important}.pos-r-0-sm{right:0rem !important}.pos-r-05-sm{right:.5rem !important}.pos-r-1-sm{right:1rem !important}.pos-r-2-sm{right:1.5rem !important}.pos-r-3-sm{right:2rem !important}.pos-r-4-sm{right:3rem !important}.pos-r-5-sm{right:4rem !important}.pos-r-6-sm{right:5rem !important}.z-1-sm{z-index:100 !important}.z-2-sm{z-index:200 !important}.z-3-sm{z-index:300 !important}.z-4-sm{z-index:400 !important}}@media screen and (min-width: 680px){.relative-md{position:relative !important}.absolute-md{position:absolute !important}.fixed-md{position:fixed !important}.static-md{position:static !important}.pos-t-0-md{top:0rem !important}.pos-t-05-md{top:.5rem !important}.pos-t-1-md{top:1rem !important}.pos-t-2-md{top:1.5rem !important}.pos-t-3-md{top:2rem !important}.pos-t-4-md{top:3rem !important}.pos-t-5-md{top:4rem !important}.pos-t-6-md{top:5rem !important}.pos-b-0-md{bottom:0rem !important}.pos-b-05-md{bottom:.5rem !important}.pos-b-1-md{bottom:1rem !important}.pos-b-2-md{bottom:1.5rem !important}.pos-b-3-md{bottom:2rem !important}.pos-b-4-md{bottom:3rem !important}.pos-b-5-md{bottom:4rem !important}.pos-b-6-md{bottom:5rem !important}.pos-l-0-md{left:0rem !important}.pos-l-05-md{left:.5rem !important}.pos-l-1-md{left:1rem !important}.pos-l-2-md{left:1.5rem !important}.pos-l-3-md{left:2rem !important}.pos-l-4-md{left:3rem !important}.pos-l-5-md{left:4rem !important}.pos-l-6-md{left:5rem !important}.pos-r-0-md{right:0rem !important}.pos-r-05-md{right:.5rem !important}.pos-r-1-md{right:1rem !important}.pos-r-2-md{right:1.5rem !important}.pos-r-3-md{right:2rem !important}.pos-r-4-md{right:3rem !important}.pos-r-5-md{right:4rem !important}.pos-r-6-md{right:5rem !important}.z-1-md{z-index:100 !important}.z-2-md{z-index:200 !important}.z-3-md{z-index:300 !important}.z-4-md{z-index:400 !important}}@media screen and (min-width: 960px){.relative-lg{position:relative !important}.absolute-lg{position:absolute !important}.fixed-lg{position:fixed !important}.static-lg{position:static !important}.pos-t-0-lg{top:0rem !important}.pos-t-05-lg{top:.5rem !important}.pos-t-1-lg{top:1rem !important}.pos-t-2-lg{top:1.5rem !important}.pos-t-3-lg{top:2rem !important}.pos-t-4-lg{top:3rem !important}.pos-t-5-lg{top:4rem !important}.pos-t-6-lg{top:5rem !important}.pos-b-0-lg{bottom:0rem !important}.pos-b-05-lg{bottom:.5rem !important}.pos-b-1-lg{bottom:1rem !important}.pos-b-2-lg{bottom:1.5rem !important}.pos-b-3-lg{bottom:2rem !important}.pos-b-4-lg{bottom:3rem !important}.pos-b-5-lg{bottom:4rem !important}.pos-b-6-lg{bottom:5rem !important}.pos-l-0-lg{left:0rem !important}.pos-l-05-lg{left:.5rem !important}.pos-l-1-lg{left:1rem !important}.pos-l-2-lg{left:1.5rem !important}.pos-l-3-lg{left:2rem !important}.pos-l-4-lg{left:3rem !important}.pos-l-5-lg{left:4rem !important}.pos-l-6-lg{left:5rem !important}.pos-r-0-lg{right:0rem !important}.pos-r-05-lg{right:.5rem !important}.pos-r-1-lg{right:1rem !important}.pos-r-2-lg{right:1.5rem !important}.pos-r-3-lg{right:2rem !important}.pos-r-4-lg{right:3rem !important}.pos-r-5-lg{right:4rem !important}.pos-r-6-lg{right:5rem !important}.z-1-lg{z-index:100 !important}.z-2-lg{z-index:200 !important}.z-3-lg{z-index:300 !important}.z-4-lg{z-index:400 !important}}@media screen and (min-width: 1140px){.m-0-xl{margin:0rem !important}.m-05-xl{margin:.5rem !important}.m-1-xl{margin:1rem !important}.m-2-xl{margin:1.5rem !important}.m-3-xl{margin:2rem !important}.m-4-xl{margin:3rem !important}.m-5-xl{margin:4rem !important}.m-6-xl{margin:5rem !important}.m-t-0-xl{margin-top:0rem !important}.m-t-05-xl{margin-top:.5rem !important}.m-t-1-xl{margin-top:1rem !important}.m-t-2-xl{margin-top:1.5rem !important}.m-t-3-xl{margin-top:2rem !important}.m-t-4-xl{margin-top:3rem !important}.m-t-5-xl{margin-top:4rem !important}.m-t-6-xl{margin-top:5rem !important}.m-b-0-xl{margin-bottom:0rem !important}.m-b-05-xl{margin-bottom:.5rem !important}.m-b-1-xl{margin-bottom:1rem !important}.m-b-2-xl{margin-bottom:1.5rem !important}.m-b-3-xl{margin-bottom:2rem !important}.m-b-4-xl{margin-bottom:3rem !important}.m-b-5-xl{margin-bottom:4rem !important}.m-b-6-xl{margin-bottom:5rem !important}.m-l-0-xl{margin-left:0rem !important}.m-l-05-xl{margin-left:.5rem !important}.m-l-1-xl{margin-left:1rem !important}.m-l-2-xl{margin-left:1.5rem !important}.m-l-3-xl{margin-left:2rem !important}.m-l-4-xl{margin-left:3rem !important}.m-l-5-xl{margin-left:4rem !important}.m-l-6-xl{margin-left:5rem !important}.m-r-0-xl{margin-right:0rem !important}.m-r-05-xl{margin-right:.5rem !important}.m-r-1-xl{margin-right:1rem !important}.m-r-2-xl{margin-right:1.5rem !important}.m-r-3-xl{margin-right:2rem !important}.m-r-4-xl{margin-right:3rem !important}.m-r-5-xl{margin-right:4rem !important}.m-r-6-xl{margin-right:5rem !important}.m-lr-0-xl{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-xl{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-xl{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-xl{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-xl{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-xl{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-xl{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-xl{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-xl{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-xl{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-xl{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-xl{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-xl{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-xl{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-xl{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-xl{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-xl{margin:0 auto !important}}@media screen{.align-top-xs{vertical-align:top !important}.align-middle-xs{vertical-align:middle !important}.align-bottom-xs{vertical-align:bottom !important}}@media screen and (min-width: 480px){.align-top-sm{vertical-align:top !important}.align-middle-sm{vertical-align:middle !important}.align-bottom-sm{vertical-align:bottom !important}}@media screen and (min-width: 680px){.align-top-md{vertical-align:top !important}.align-middle-md{vertical-align:middle !important}.align-bottom-md{vertical-align:bottom !important}}@media screen and (min-width: 960px){.align-top-lg{vertical-align:top !important}.align-middle-lg{vertical-align:middle !important}.align-bottom-lg{vertical-align:bottom !important}}@media screen and (min-width: 1140px){.align-top-xl{vertical-align:top !important}.align-middle-xl{vertical-align:middle !important}.align-bottom-xl{vertical-align:bottom !important}}.form-fieldset{padding:0;border:0;margin:0}.form-feedback{display:block;margin-top:0.5rem;font-size:0.9rem}.form-feedback-success .form-feedback{color:#24793d}.form-feedback-warning .form-feedback{color:#bf570f}.form-feedback-error .form-feedback{color:#be4a4a}.form-label,.form-helper{display:block}.form-label{color:#40484a;font-weight:500;margin-bottom:0.5rem;line-height:1.3}.form-label-required{color:#be4a4a;font-weight:500}.form-feedback-success .form-label{color:#24793d}.form-feedback-warning .form-label{color:#bf570f}.form-feedback-error .form-label{color:#be4a4a}.form-helper{color:#7b8b8e;font-weight:normal;font-size:0.9rem;margin-top:0.5rem}.form-text-input,.form-textarea{background-color:#f9fafa;border-color:#d4d9dd;transition:0.2s;margin:0;font-size:1rem;padding:0.75rem 1rem;outline:none;border:2px solid #d4d9dd;border-radius:4px;box-shadow:0;box-sizing:border-box;color:#40484a}.form-text-input::-webkit-input-placeholder,.form-textarea::-webkit-input-placeholder{color:#4b5658}.form-text-input:-moz-placeholder,.form-textarea:-moz-placeholder{color:#4b5658}.form-text-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#4b5658}.form-text-input:-ms-input-placeholder,.form-textarea:-ms-input-placeholder{color:#4b5658}.form-text-input .placeholder,.form-textarea .placeholder{color:#4b5658}.form-feedback-success .form-text-input,.form-feedback-warning .form-text-input,.form-feedback-error .form-text-input,.form-feedback-success .form-textarea,.form-feedback-warning .form-textarea,.form-feedback-error .form-textarea{background-color:#fff}.form-feedback-success .form-text-input,.form-feedback-success .form-textarea{border-color:#24793d}.form-feedback-warning .form-text-input,.form-feedback-warning .form-textarea{border-color:#bf570f}.form-feedback-error .form-text-input,.form-feedback-error .form-textarea{border-color:#be4a4a}.form-text-input:focus,.form-textarea:focus{background-color:#fff;border-color:#8c9aa6}.form-feedback-success .form-text-input:focus,.form-feedback-warning .form-text-input:focus,.form-feedback-error .form-text-input:focus,.form-feedback-success .form-textarea:focus,.form-feedback-warning .form-textarea:focus,.form-feedback-error .form-textarea:focus{background-color:#fff}.form-feedback-success .form-text-input:focus,.form-feedback-success .form-textarea:focus{border-color:#164a25}.form-feedback-warning .form-text-input:focus,.form-feedback-warning .form-textarea:focus{border-color:#863d0b}.form-feedback-error .form-text-input:focus,.form-feedback-error .form-textarea:focus{border-color:#953636}.form-text-input:hover,.form-textarea:hover{border-color:#8c9aa6}.form-feedback-success .form-text-input:hover,.form-feedback-success .form-textarea:hover{border-color:#164a25}.form-feedback-warning .form-text-input:hover,.form-feedback-warning .form-textarea:hover{border-color:#863d0b}.form-feedback-error .form-text-input:hover,.form-feedback-error .form-textarea:hover{border-color:#953636}.form-textarea{vertical-align:top}.form-select{-webkit-appearance:none !important;-moz-appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E");background-size:0.9rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;background-color:#f9fafa;border:2px solid #d4d9dd;border-radius:4px;font-weight:500;color:#4b5658;outline:none;padding:0.844rem 1rem;padding-right:3rem;line-height:1}.form-feedback-success .form-select,.form-feedback-warning .form-select,.form-feedback-error .form-select{background-color:#fff}.form-feedback-success .form-select{border-color:#24793d}.form-feedback-warning .form-select{border-color:#bf570f}.form-feedback-error .form-select{border-color:#be4a4a}.safari .form-select{padding:0.85rem 1rem;padding-right:3rem}.ff .form-select{padding:0.688rem 1rem;padding-right:2rem}.form-select:focus{background-color:#fff;border:2px solid #8c9aa6}.form-feedback-success .form-select:focus,.form-feedback-warning .form-select:focus,.form-feedback-error .form-select:focus{background-color:#fff}.form-feedback-success .form-select:focus{border-color:#164a25}.form-feedback-warning .form-select:focus{border-color:#863d0b}.form-feedback-error .form-select:focus{border-color:#953636}.form-select:hover{border:2px solid #8c9aa6;color:#40484a;cursor:pointer}.form-feedback-success .form-select:hover,.form-feedback-warning .form-select:hover,.form-feedback-error .form-select:hover{background-color:#fff}.form-feedback-success .form-select:hover{border-color:#164a25}.form-feedback-warning .form-select:hover{border-color:#863d0b}.form-feedback-error .form-select:hover{border-color:#953636}.form-radio,.form-checkbox{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-radio+.form-label,.form-checkbox+.form-label{display:block;font-weight:normal;color:#4b5658;padding:0.25rem 0;margin-left:25px !important}.form-radio+.form-label:before,.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;position:relative;bottom:-2px;margin-right:0.5rem}.form-radio+.form-label>.form-text-input,.form-checkbox+.form-label>.form-text-input{height:24px;line-height:24px;padding-left:0.25rem}.form-radio:checked+.form-label,.form-checkbox:checked+.form-label{color:#40484a}.form-radio:focus+.form-label,.form-checkbox:focus+.form-label{color:#40484a}.form-radio:focus+.form-label:before,.form-checkbox:focus+.form-label:before{border:2px solid #8c9aa6}.form-radio:hover+.form-label,.form-checkbox:hover+.form-label{cursor:pointer}.form-radio:hover+.form-label:before,.form-checkbox:hover+.form-label:before{border:2px solid #8c9aa6;cursor:pointer}.form-radio:hover+.text-color-white:before,.form-radio:focus+.text-color-white:before,.form-checkbox:hover+.text-color-white:before,.form-checkbox:focus+.text-color-white:before{border:2px solid #fff}.form-radio+.form-label:before{border-radius:50%;border:2px solid #d4d9dd;margin-left:-25px}.form-radio:checked+.form-label:before{border:5px solid #3f8abf;background-color:#fff}.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:2px solid #d4d9dd;margin-left:-25px !important}.form-checkbox:checked+.form-label:before{border:none;background-color:#3f8abf;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E");background-repeat:none;background-position:center 1px}.form-upload{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-upload+.form-label{background-color:#f9fafa;color:#4b5658;display:inline-block;border:2px solid #d4d9dd;border-radius:4px;padding:0.75rem 1rem;cursor:pointer;transition:0.2s;margin-bottom:0}.form-feedback-success .form-upload+.form-label,.form-feedback-warning .form-upload+.form-label,.form-feedback-error .form-upload+.form-label{background-color:#fff}.form-feedback-success .form-upload+.form-label{border-color:#24793d;color:#24793d}.form-feedback-warning .form-upload+.form-label{border-color:#bf570f;color:#bf570f}.form-feedback-error .form-upload+.form-label{border-color:#be4a4a;color:#be4a4a}.form-upload:focus+.form-label{background-color:#fff;border:2px solid #8c9aa6;color:#40484a}.form-feedback-success .form-upload:focus+.form-label{border-color:#164a25;color:#164a25}.form-feedback-warning .form-upload:focus+.form-label{border-color:#863d0b;color:#863d0b}.form-feedback-error .form-upload:focus+.form-label{border-color:#953636;color:#953636}.form-upload+.form-label:hover{border:2px solid #8c9aa6;color:#40484a}.form-feedback-success .form-upload+.form-label:hover{border-color:#164a25;color:#164a25}.form-feedback-warning .form-upload+.form-label:hover{border-color:#863d0b;color:#863d0b}.form-feedback-error .form-upload+.form-label:hover{border-color:#953636;color:#953636}.form-inverse .form-fieldset{padding:0;border:0;margin:0}.form-inverse .form-feedback{color:#fff;font-size:0.9rem;display:block;padding:1em;margin-top:0px;font-weight:500;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.form-inverse .form-feedback-error input,.form-inverse .form-feedback-error select,.form-inverse .form-feedback-error textarea,.form-inverse .form-feedback-warning input,.form-inverse .form-feedback-warning select,.form-inverse .form-feedback-warning textarea,.form-inverse .form-feedback-success input,.form-inverse .form-feedback-success select,.form-inverse .form-feedback-success textarea{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.form-inverse .form-feedback-error label:hover,.form-inverse .form-feedback-error label:focus,.form-inverse .form-feedback-warning label:hover,.form-inverse .form-feedback-warning label:focus,.form-inverse .form-feedback-success label:hover,.form-inverse .form-feedback-success label:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.form-inverse .form-feedback-error .form-upload ~ .form-feedback,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback,.form-inverse .form-feedback-success .form-upload ~ .form-feedback{display:block;float:left;clear:both;top:15px}.form-inverse .form-feedback-error .form-upload+.form-label,.form-inverse .form-feedback-warning .form-upload+.form-label,.form-inverse .form-feedback-success .form-upload+.form-label{display:block;float:left}.form-inverse .form-feedback-error .form-upload+.form-label:focus,.form-inverse .form-feedback-warning .form-upload+.form-label:focus,.form-inverse .form-feedback-success .form-upload+.form-label:focus{border:2px solid #fff}.form-inverse .form-feedback-error .form-radio ~ .form-feedback,.form-inverse .form-feedback-error .form-checkbox ~ .form-feedback,.form-inverse .form-feedback-error .form-upload ~ .form-feedback,.form-inverse .form-feedback-warning .form-radio ~ .form-feedback,.form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback,.form-inverse .form-feedback-success .form-radio ~ .form-feedback,.form-inverse .form-feedback-success .form-checkbox ~ .form-feedback,.form-inverse .form-feedback-success .form-upload ~ .form-feedback{color:#fff;font-size:12px;display:inline-block;position:relative;padding:1em;margin-top:0px;font-weight:500;border-radius:4px}.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-error .form-upload ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after,.form-inverse .form-feedback-success .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-success .form-upload ~ .form-feedback:after{bottom:100%;left:15px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(190,74,74,0);border-width:8px;margin-left:-8px}.form-inverse .form-feedback-success .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-success .form-upload ~ .form-feedback:after{border-bottom-color:#24793d}.form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after{border-bottom-color:#bf570f}.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-error .form-upload ~ .form-feedback:after{border-bottom-color:#be4a4a}.form-inverse .form-feedback-success .form-feedback{background-color:#24793d}.form-inverse .form-feedback-success input,.form-inverse .form-feedback-success select,.form-inverse .form-feedback-success textarea{border:2px solid #24793d}.form-inverse .form-feedback-warning .form-feedback{background-color:#bf570f}.form-inverse .form-feedback-warning input,.form-inverse .form-feedback-warning select,.form-inverse .form-feedback-warning textarea{border:2px solid #bf570f}.form-inverse .form-feedback-error .form-feedback{background-color:#be4a4a}.form-inverse .form-feedback-error input,.form-inverse .form-feedback-error select,.form-inverse .form-feedback-error textarea{border:2px solid #be4a4a}.form-inverse .form-feedback-success .form-upload+.form-label{border:2px solid #24793d}.form-inverse .form-feedback-warning .form-upload+.form-label{border:2px solid #bf570f}.form-inverse .form-feedback-error .form-upload+.form-label{border:2px solid #be4a4a}.form-inverse .form-label,.form-inverse .form-helper{display:block}.form-inverse .form-label{color:#fff;font-weight:500;margin-bottom:0.5rem;line-height:1.3;position:relative}.form-inverse .form-label:hover{cursor:pointer}.form-inverse .form-label-required{color:#be4a4a;font-weight:500}.form-inverse .form-label-required-inset{color:#be4a4a;font-weight:500;position:absolute;top:33px;right:8px}.form-feedback-success .form-inverse .form-label{color:#24793d}.form-feedback-warning .form-inverse .form-label{color:#bf570f}.form-feedback-error .form-inverse .form-label{color:#be4a4a}.form-inverse .form-helper{color:#fff;font-weight:normal;font-size:0.9rem;margin-top:0.5rem}.form-inverse .form-text-input,.form-inverse .form-textarea{background-color:#f9fafa;border-color:#d4d9dd;transition:0.2s;margin:0;font-size:1rem;padding:0.75rem 1rem;outline:none;border:2px solid #fff;border-radius:4px;box-shadow:0;box-sizing:border-box;color:#40484a}.form-inverse .form-text-input::-webkit-input-placeholder,.form-inverse .form-textarea::-webkit-input-placeholder{color:#4b5658}.form-inverse .form-text-input:-moz-placeholder,.form-inverse .form-textarea:-moz-placeholder{color:#4b5658}.form-inverse .form-text-input::-moz-placeholder,.form-inverse .form-textarea::-moz-placeholder{color:#4b5658}.form-inverse .form-text-input:-ms-input-placeholder,.form-inverse .form-textarea:-ms-input-placeholder{color:#4b5658}.form-inverse .form-text-input .placeholder,.form-inverse .form-textarea .placeholder{color:#4b5658}.form-feedback-success .form-inverse .form-text-input,.form-feedback-warning .form-inverse .form-text-input,.form-feedback-error .form-inverse .form-text-input,.form-feedback-success .form-inverse .form-textarea,.form-feedback-warning .form-inverse .form-textarea,.form-feedback-error .form-inverse .form-textarea{background-color:#fff}.form-feedback-success .form-inverse .form-text-input,.form-feedback-success .form-inverse .form-textarea{border-color:#164a25}.form-feedback-warning .form-inverse .form-text-input,.form-feedback-warning .form-inverse .form-textarea{border-color:#863d0b}.form-feedback-error .form-inverse .form-text-input,.form-feedback-error .form-inverse .form-textarea{border-color:#953636}.form-inverse .form-text-input:hover,.form-inverse .form-text-input:focus,.form-inverse .form-textarea:hover,.form-inverse .form-textarea:focus{-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6)}.form-inverse .form-text-input:focus,.form-inverse .form-textarea:focus{border:2px solid #fff}.form-feedback-success .form-inverse .form-text-input:focus,.form-feedback-warning .form-inverse .form-text-input:focus,.form-feedback-error .form-inverse .form-text-input:focus,.form-feedback-success .form-inverse .form-textarea:focus,.form-feedback-warning .form-inverse .form-textarea:focus,.form-feedback-error .form-inverse .form-textarea:focus{background-color:#fff}.form-inverse .form-textarea{vertical-align:top}.form-inverse .form-select{-webkit-appearance:none !important;-moz-appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E");background-size:0.9rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;background-color:#f9fafa;border:2px solid #fff;border-radius:4px;font-weight:500;color:#4b5658;outline:none;padding:0.844rem 1rem;padding-right:3rem;line-height:1}.safari .form-inverse .form-select{padding:0.85rem 1rem;padding-right:3rem}.ff .form-inverse .form-select{padding:0.688rem 1rem;padding-right:2rem}.form-inverse .form-select:focus{background-color:#fff;border:2px solid #fff;-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6)}.form-inverse .form-select:hover{background-color:#fff;color:#40484a;-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);cursor:pointer}.form-inverse .form-radio,.form-inverse .form-checkbox{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-inverse .form-radio+.form-label,.form-inverse .form-checkbox+.form-label{display:block;font-weight:normal;color:#fff;padding:0.25rem 0;margin-left:25px !important}.form-inverse .form-radio+.form-label:before,.form-inverse .form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;position:relative;bottom:-2px;margin-right:0.5rem}.form-inverse .form-radio+.form-label>.form-text-input,.form-inverse .form-checkbox+.form-label>.form-text-input{height:24px;line-height:24px;padding-left:0.25rem}.form-inverse .form-radio:checked+.form-label,.form-inverse .form-checkbox:checked+.form-label{color:#fff}.form-inverse .form-radio:hover+.form-label:before,.form-inverse .form-radio:focus+.form-label:before,.form-inverse .form-checkbox:hover+.form-label:before,.form-inverse .form-checkbox:focus+.form-label:before{border:2px solid #fff;cursor:pointer;-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6)}.form-inverse .form-radio+.form-label:before{border-radius:50%;border:2px solid #f0f2f4;margin-left:-25px}.form-inverse .form-radio:checked+.form-label:before{border:5px solid #fff;background-color:#3f8abf}.form-inverse .form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:2px solid #f0f2f4;margin-left:-25px !important}.form-inverse .form-checkbox:checked+.form-label:before{border:none;background-color:#3f8abf;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E");background-repeat:none;background-position:center 1px;border:2px solid #fff}.form-inverse .form-upload{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-inverse .form-upload+.form-label{background-color:#f9fafa;color:#4b5658;display:inline-block;border:2px solid #fff;border-radius:4px;padding:0.75rem 1rem;cursor:pointer;transition:0.2s;margin-bottom:0}.form-feedback-success .form-inverse .form-upload+.form-label,.form-feedback-warning .form-inverse .form-upload+.form-label,.form-feedback-error .form-inverse .form-upload+.form-label{background-color:#fff}.form-feedback-success .form-inverse .form-upload+.form-label{border-color:#24793d;color:#24793d}.form-feedback-warning .form-inverse .form-upload+.form-label{border-color:#bf570f;color:#bf570f}.form-feedback-error .form-inverse .form-upload+.form-label{border-color:#be4a4a;color:#be4a4a}.form-inverse .form-upload:focus+.form-label,.form-inverse .form-upload+.form-label:hover{-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);color:#40484a}table{width:100%;border-collapse:collapse}table th{font-weight:600}table th,table td{text-align:left;padding:.5rem}.table-border-rows{border:1px solid #e8ebed !important}.table-border-rows th,.table-border-rows td{border-bottom:1px solid #e8ebed !important}.table-border-rows tr:last-child td{border-bottom:none}.table-border-rows-dark{border:1px solid #b7c0c7 !important}.table-border-rows-dark th,.table-border-rows-dark td{border-bottom:1px solid #b7c0c7 !important}.table-border-rows-dark tr:last-child td{border-bottom:none}.table-border-rows-mid{border:1px solid #d4d9dd !important}.table-border-rows-mid th,.table-border-rows-mid td{border-bottom:1px solid #d4d9dd !important}.table-border-rows-mid tr:last-child td{border-bottom:none}.table-border-rows-light{border:1px solid #f0f2f4 !important}.table-border-rows-light th,.table-border-rows-light td{border-bottom:1px solid #f0f2f4 !important}.table-border-rows-light tr:last-child td{border-bottom:none}.table-border-cells{border:1px solid #e8ebed !important}.table-border-cells th,.table-border-cells td{border-bottom:1px solid #e8ebed !important;border-left:1px solid #e8ebed !important}.table-border-cells tr:last-child td{border-bottom:none}.table-border-cells-dark{border:1px solid #b7c0c7 !important}.table-border-cells-dark th,.table-border-cells-dark td{border-bottom:1px solid #b7c0c7 !important;border-left:1px solid #b7c0c7 !important}.table-border-cells-dark tr:last-child td{border-bottom:none}.table-border-cells-mid{border:1px solid #d4d9dd !important}.table-border-cells-mid th,.table-border-cells-mid td{border-bottom:1px solid #d4d9dd !important;border-left:1px solid #d4d9dd !important}.table-border-cells-mid tr:last-child td{border-bottom:none}.table-border-cells-light{border:1px solid #f0f2f4 !important}.table-border-cells-light th,.table-border-cells-light td{border-bottom:1px solid #f0f2f4 !important;border-left:1px solid #f0f2f4 !important}.table-border-cells-light tr:last-child td{border-bottom:none}.table-border-columns{border:1px solid #e8ebed !important}.table-border-columns th,.table-border-columns td{border-left:1px solid #e8ebed !important}.table-border-columns tr:last-child td{border-bottom:none}.table-border-columns-dark{border:1px solid #b7c0c7 !important}.table-border-columns-dark th,.table-border-columns-dark td{border-left:1px solid #b7c0c7 !important}.table-border-columns-dark tr:last-child td{border-bottom:none}.table-border-columns-mid{border:1px solid #d4d9dd !important}.table-border-columns-mid th,.table-border-columns-mid td{border-left:1px solid #d4d9dd !important}.table-border-columns-mid tr:last-child td{border-bottom:none}.table-border-columns-light{border:1px solid #f0f2f4 !important}.table-border-columns-light th,.table-border-columns-light td{border-left:1px solid #f0f2f4 !important}.table-border-columns-light tr:last-child td{border-bottom:none}@media screen{.rotate-0-xs{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-xs{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-xs{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-xs{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-xs{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-xs{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-xs{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-xs{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 480px){.rotate-0-sm{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-sm{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-sm{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-sm{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-sm{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-sm{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-sm{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-sm{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 680px){.rotate-0-md{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-md{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-md{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-md{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-md{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-md{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-md{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-md{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 960px){.rotate-0-lg{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-lg{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-lg{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-lg{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-lg{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-lg{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-lg{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-lg{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 1140px){.rotate-0-xl{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-xl{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-xl{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-xl{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-xl{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-xl{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-xl{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-xl{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen{.flex-block-xs{display:flex !important}.flex-inline-xs{display:flex-inline !important}.flex-row-xs{flex-direction:row !important}.flex-row-reverse-xs{flex-direction:row-reverse !important}.flex-column-xs{flex-direction:column !important}.flex-column-reverse-xs{flex-direction:column-reverse !important}.flex-wrap-xs{flex-wrap:wrap !important}.flex-nowrap-xs{flex-wrap:nowrap !important}.flex-wrap-reverse-xs{flex-wrap:wrap-reverse !important}.flex-justify-start-xs{justify-content:flex-start !important}.flex-justify-end-xs{justify-content:flex-end !important}.flex-justify-center-xs{justify-content:center !important}.flex-justify-between-xs{justify-content:space-between !important}.flex-justify-around-xs{justify-content:space-around !important}.flex-item-start-xs{align-items:flex-start !important}.flex-item-end-xs{align-items:flex-end !important}.flex-item-center-xs{align-items:center !important}.flex-item-stretch-xs{align-items:stretch !important}.flex-item-baseline-xs{align-items:baseline !important}.flex-content-start-xs{align-content:flex-start !important}.flex-content-end-xs{align-content:flex-end !important}.flex-content-center-xs{align-content:center !important}.flex-content-around-xs{align-content:space-around !important}.flex-content-between-xs{align-content:space-between !important}.flex-content-stretch-xs{align-content:stretch !important}.flex-order-1-xs{order:1 !important}.flex-order-2-xs{order:2 !important}.flex-order-3-xs{order:3 !important}.flex-order-4-xs{order:4 !important}.flex-order-5-xs{order:5 !important}.flex-order-6-xs{order:6 !important}.flex-grow-0-xs{flex-grow:0 !important}.flex-grow-1-xs{flex-grow:1 !important}.flex-grow-2-xs{flex-grow:2 !important}.flex-grow-3-xs{flex-grow:3 !important}.flex-grow-4-xs{flex-grow:4 !important}.flex-grow-5-xs{flex-grow:5 !important}.flex-grow-6-xs{flex-grow:6 !important}.flex-shrink-1-xs{flex-shrink:1 !important}.flex-shrink-2-xs{flex-shrink:2 !important}.flex-shrink-3-xs{flex-shrink:3 !important}.flex-shrink-4-xs{flex-shrink:4 !important}.flex-shrink-5-xs{flex-shrink:5 !important}.flex-shrink-6-xs{flex-shrink:6 !important}.flex-basis-5-xs{flex-basis:5% !important}.flex-basis-10-xs{flex-basis:10% !important}.flex-basis-15-xs{flex-basis:15% !important}.flex-basis-20-xs{flex-basis:20% !important}.flex-basis-25-xs{flex-basis:25% !important}.flex-basis-30-xs{flex-basis:30% !important}.flex-basis-33-xs{flex-basis:33% !important}.flex-basis-35-xs{flex-basis:35% !important}.flex-basis-40-xs{flex-basis:40% !important}.flex-basis-45-xs{flex-basis:45% !important}.flex-basis-50-xs{flex-basis:50% !important}.flex-basis-55-xs{flex-basis:55% !important}.flex-basis-60-xs{flex-basis:60% !important}.flex-basis-65-xs{flex-basis:65% !important}.flex-basis-70-xs{flex-basis:70% !important}.flex-basis-75-xs{flex-basis:75% !important}.flex-basis-80-xs{flex-basis:80% !important}.flex-basis-85-xs{flex-basis:85% !important}.flex-basis-90-xs{flex-basis:90% !important}.flex-basis-95-xs{flex-basis:95% !important}.flex-basis-100-xs{flex-basis:100% !important}.flex-basis-auto-xs{flex-basis:auto !important}.flex-basis-s0-xs{flex-basis:0rem !important}.flex-basis-s05-xs{flex-basis:.5rem !important}.flex-basis-s1-xs{flex-basis:1rem !important}.flex-basis-s2-xs{flex-basis:1.5rem !important}.flex-basis-s3-xs{flex-basis:2rem !important}.flex-basis-s4-xs{flex-basis:3rem !important}.flex-basis-s5-xs{flex-basis:4rem !important}.flex-basis-s6-xs{flex-basis:5rem !important}.flex-self-auto-xs{align-self:auto !important}.flex-self-start-xs{align-self:flex-start !important}.flex-self-end-xs{align-self:flex-end !important}.flex-self-center-xs{align-self:center !important}.flex-self-stretch-xs{align-self:stretch !important}.flex-self-baseline-xs{align-self:baseline !important}}@media screen and (min-width: 480px){.flex-block-sm{display:flex !important}.flex-inline-sm{display:flex-inline !important}.flex-row-sm{flex-direction:row !important}.flex-row-reverse-sm{flex-direction:row-reverse !important}.flex-column-sm{flex-direction:column !important}.flex-column-reverse-sm{flex-direction:column-reverse !important}.flex-wrap-sm{flex-wrap:wrap !important}.flex-nowrap-sm{flex-wrap:nowrap !important}.flex-wrap-reverse-sm{flex-wrap:wrap-reverse !important}.flex-justify-start-sm{justify-content:flex-start !important}.flex-justify-end-sm{justify-content:flex-end !important}.flex-justify-center-sm{justify-content:center !important}.flex-justify-between-sm{justify-content:space-between !important}.flex-justify-around-sm{justify-content:space-around !important}.flex-item-start-sm{align-items:flex-start !important}.flex-item-end-sm{align-items:flex-end !important}.flex-item-center-sm{align-items:center !important}.flex-item-stretch-sm{align-items:stretch !important}.flex-item-baseline-sm{align-items:baseline !important}.flex-content-start-sm{align-content:flex-start !important}.flex-content-end-sm{align-content:flex-end !important}.flex-content-center-sm{align-content:center !important}.flex-content-around-sm{align-content:space-around !important}.flex-content-between-sm{align-content:space-between !important}.flex-content-stretch-sm{align-content:stretch !important}.flex-order-1-sm{order:1 !important}.flex-order-2-sm{order:2 !important}.flex-order-3-sm{order:3 !important}.flex-order-4-sm{order:4 !important}.flex-order-5-sm{order:5 !important}.flex-order-6-sm{order:6 !important}.flex-grow-0-sm{flex-grow:0 !important}.flex-grow-1-sm{flex-grow:1 !important}.flex-grow-2-sm{flex-grow:2 !important}.flex-grow-3-sm{flex-grow:3 !important}.flex-grow-4-sm{flex-grow:4 !important}.flex-grow-5-sm{flex-grow:5 !important}.flex-grow-6-sm{flex-grow:6 !important}.flex-shrink-1-sm{flex-shrink:1 !important}.flex-shrink-2-sm{flex-shrink:2 !important}.flex-shrink-3-sm{flex-shrink:3 !important}.flex-shrink-4-sm{flex-shrink:4 !important}.flex-shrink-5-sm{flex-shrink:5 !important}.flex-shrink-6-sm{flex-shrink:6 !important}.flex-basis-5-sm{flex-basis:5% !important}.flex-basis-10-sm{flex-basis:10% !important}.flex-basis-15-sm{flex-basis:15% !important}.flex-basis-20-sm{flex-basis:20% !important}.flex-basis-25-sm{flex-basis:25% !important}.flex-basis-30-sm{flex-basis:30% !important}.flex-basis-33-sm{flex-basis:33% !important}.flex-basis-35-sm{flex-basis:35% !important}.flex-basis-40-sm{flex-basis:40% !important}.flex-basis-45-sm{flex-basis:45% !important}.flex-basis-50-sm{flex-basis:50% !important}.flex-basis-55-sm{flex-basis:55% !important}.flex-basis-60-sm{flex-basis:60% !important}.flex-basis-65-sm{flex-basis:65% !important}.flex-basis-70-sm{flex-basis:70% !important}.flex-basis-75-sm{flex-basis:75% !important}.flex-basis-80-sm{flex-basis:80% !important}.flex-basis-85-sm{flex-basis:85% !important}.flex-basis-90-sm{flex-basis:90% !important}.flex-basis-95-sm{flex-basis:95% !important}.flex-basis-100-sm{flex-basis:100% !important}.flex-basis-auto-sm{flex-basis:auto !important}.flex-basis-s0-sm{flex-basis:0rem !important}.flex-basis-s05-sm{flex-basis:.5rem !important}.flex-basis-s1-sm{flex-basis:1rem !important}.flex-basis-s2-sm{flex-basis:1.5rem !important}.flex-basis-s3-sm{flex-basis:2rem !important}.flex-basis-s4-sm{flex-basis:3rem !important}.flex-basis-s5-sm{flex-basis:4rem !important}.flex-basis-s6-sm{flex-basis:5rem !important}.flex-self-auto-sm{align-self:auto !important}.flex-self-start-sm{align-self:flex-start !important}.flex-self-end-sm{align-self:flex-end !important}.flex-self-center-sm{align-self:center !important}.flex-self-stretch-sm{align-self:stretch !important}.flex-self-baseline-sm{align-self:baseline !important}}@media screen and (min-width: 680px){.flex-block-md{display:flex !important}.flex-inline-md{display:flex-inline !important}.flex-row-md{flex-direction:row !important}.flex-row-reverse-md{flex-direction:row-reverse !important}.flex-column-md{flex-direction:column !important}.flex-column-reverse-md{flex-direction:column-reverse !important}.flex-wrap-md{flex-wrap:wrap !important}.flex-nowrap-md{flex-wrap:nowrap !important}.flex-wrap-reverse-md{flex-wrap:wrap-reverse !important}.flex-justify-start-md{justify-content:flex-start !important}.flex-justify-end-md{justify-content:flex-end !important}.flex-justify-center-md{justify-content:center !important}.flex-justify-between-md{justify-content:space-between !important}.flex-justify-around-md{justify-content:space-around !important}.flex-item-start-md{align-items:flex-start !important}.flex-item-end-md{align-items:flex-end !important}.flex-item-center-md{align-items:center !important}.flex-item-stretch-md{align-items:stretch !important}.flex-item-baseline-md{align-items:baseline !important}.flex-content-start-md{align-content:flex-start !important}.flex-content-end-md{align-content:flex-end !important}.flex-content-center-md{align-content:center !important}.flex-content-around-md{align-content:space-around !important}.flex-content-between-md{align-content:space-between !important}.flex-content-stretch-md{align-content:stretch !important}.flex-order-1-md{order:1 !important}.flex-order-2-md{order:2 !important}.flex-order-3-md{order:3 !important}.flex-order-4-md{order:4 !important}.flex-order-5-md{order:5 !important}.flex-order-6-md{order:6 !important}.flex-grow-0-md{flex-grow:0 !important}.flex-grow-1-md{flex-grow:1 !important}.flex-grow-2-md{flex-grow:2 !important}.flex-grow-3-md{flex-grow:3 !important}.flex-grow-4-md{flex-grow:4 !important}.flex-grow-5-md{flex-grow:5 !important}.flex-grow-6-md{flex-grow:6 !important}.flex-shrink-1-md{flex-shrink:1 !important}.flex-shrink-2-md{flex-shrink:2 !important}.flex-shrink-3-md{flex-shrink:3 !important}.flex-shrink-4-md{flex-shrink:4 !important}.flex-shrink-5-md{flex-shrink:5 !important}.flex-shrink-6-md{flex-shrink:6 !important}.flex-basis-5-md{flex-basis:5% !important}.flex-basis-10-md{flex-basis:10% !important}.flex-basis-15-md{flex-basis:15% !important}.flex-basis-20-md{flex-basis:20% !important}.flex-basis-25-md{flex-basis:25% !important}.flex-basis-30-md{flex-basis:30% !important}.flex-basis-33-md{flex-basis:33% !important}.flex-basis-35-md{flex-basis:35% !important}.flex-basis-40-md{flex-basis:40% !important}.flex-basis-45-md{flex-basis:45% !important}.flex-basis-50-md{flex-basis:50% !important}.flex-basis-55-md{flex-basis:55% !important}.flex-basis-60-md{flex-basis:60% !important}.flex-basis-65-md{flex-basis:65% !important}.flex-basis-70-md{flex-basis:70% !important}.flex-basis-75-md{flex-basis:75% !important}.flex-basis-80-md{flex-basis:80% !important}.flex-basis-85-md{flex-basis:85% !important}.flex-basis-90-md{flex-basis:90% !important}.flex-basis-95-md{flex-basis:95% !important}.flex-basis-100-md{flex-basis:100% !important}.flex-basis-auto-md{flex-basis:auto !important}.flex-basis-s0-md{flex-basis:0rem !important}.flex-basis-s05-md{flex-basis:.5rem !important}.flex-basis-s1-md{flex-basis:1rem !important}.flex-basis-s2-md{flex-basis:1.5rem !important}.flex-basis-s3-md{flex-basis:2rem !important}.flex-basis-s4-md{flex-basis:3rem !important}.flex-basis-s5-md{flex-basis:4rem !important}.flex-basis-s6-md{flex-basis:5rem !important}.flex-self-auto-md{align-self:auto !important}.flex-self-start-md{align-self:flex-start !important}.flex-self-end-md{align-self:flex-end !important}.flex-self-center-md{align-self:center !important}.flex-self-stretch-md{align-self:stretch !important}.flex-self-baseline-md{align-self:baseline !important}}@media screen and (min-width: 960px){.flex-block-lg{display:flex !important}.flex-inline-lg{display:flex-inline !important}.flex-row-lg{flex-direction:row !important}.flex-row-reverse-lg{flex-direction:row-reverse !important}.flex-column-lg{flex-direction:column !important}.flex-column-reverse-lg{flex-direction:column-reverse !important}.flex-wrap-lg{flex-wrap:wrap !important}.flex-nowrap-lg{flex-wrap:nowrap !important}.flex-wrap-reverse-lg{flex-wrap:wrap-reverse !important}.flex-justify-start-lg{justify-content:flex-start !important}.flex-justify-end-lg{justify-content:flex-end !important}.flex-justify-center-lg{justify-content:center !important}.flex-justify-between-lg{justify-content:space-between !important}.flex-justify-around-lg{justify-content:space-around !important}.flex-item-start-lg{align-items:flex-start !important}.flex-item-end-lg{align-items:flex-end !important}.flex-item-center-lg{align-items:center !important}.flex-item-stretch-lg{align-items:stretch !important}.flex-item-baseline-lg{align-items:baseline !important}.flex-content-start-lg{align-content:flex-start !important}.flex-content-end-lg{align-content:flex-end !important}.flex-content-center-lg{align-content:center !important}.flex-content-around-lg{align-content:space-around !important}.flex-content-between-lg{align-content:space-between !important}.flex-content-stretch-lg{align-content:stretch !important}.flex-order-1-lg{order:1 !important}.flex-order-2-lg{order:2 !important}.flex-order-3-lg{order:3 !important}.flex-order-4-lg{order:4 !important}.flex-order-5-lg{order:5 !important}.flex-order-6-lg{order:6 !important}.flex-grow-0-lg{flex-grow:0 !important}.flex-grow-1-lg{flex-grow:1 !important}.flex-grow-2-lg{flex-grow:2 !important}.flex-grow-3-lg{flex-grow:3 !important}.flex-grow-4-lg{flex-grow:4 !important}.flex-grow-5-lg{flex-grow:5 !important}.flex-grow-6-lg{flex-grow:6 !important}.flex-shrink-1-lg{flex-shrink:1 !important}.flex-shrink-2-lg{flex-shrink:2 !important}.flex-shrink-3-lg{flex-shrink:3 !important}.flex-shrink-4-lg{flex-shrink:4 !important}.flex-shrink-5-lg{flex-shrink:5 !important}.flex-shrink-6-lg{flex-shrink:6 !important}.flex-basis-5-lg{flex-basis:5% !important}.flex-basis-10-lg{flex-basis:10% !important}.flex-basis-15-lg{flex-basis:15% !important}.flex-basis-20-lg{flex-basis:20% !important}.flex-basis-25-lg{flex-basis:25% !important}.flex-basis-30-lg{flex-basis:30% !important}.flex-basis-33-lg{flex-basis:33% !important}.flex-basis-35-lg{flex-basis:35% !important}.flex-basis-40-lg{flex-basis:40% !important}.flex-basis-45-lg{flex-basis:45% !important}.flex-basis-50-lg{flex-basis:50% !important}.flex-basis-55-lg{flex-basis:55% !important}.flex-basis-60-lg{flex-basis:60% !important}.flex-basis-65-lg{flex-basis:65% !important}.flex-basis-70-lg{flex-basis:70% !important}.flex-basis-75-lg{flex-basis:75% !important}.flex-basis-80-lg{flex-basis:80% !important}.flex-basis-85-lg{flex-basis:85% !important}.flex-basis-90-lg{flex-basis:90% !important}.flex-basis-95-lg{flex-basis:95% !important}.flex-basis-100-lg{flex-basis:100% !important}.flex-basis-auto-lg{flex-basis:auto !important}.flex-basis-s0-lg{flex-basis:0rem !important}.flex-basis-s05-lg{flex-basis:.5rem !important}.flex-basis-s1-lg{flex-basis:1rem !important}.flex-basis-s2-lg{flex-basis:1.5rem !important}.flex-basis-s3-lg{flex-basis:2rem !important}.flex-basis-s4-lg{flex-basis:3rem !important}.flex-basis-s5-lg{flex-basis:4rem !important}.flex-basis-s6-lg{flex-basis:5rem !important}.flex-self-auto-lg{align-self:auto !important}.flex-self-start-lg{align-self:flex-start !important}.flex-self-end-lg{align-self:flex-end !important}.flex-self-center-lg{align-self:center !important}.flex-self-stretch-lg{align-self:stretch !important}.flex-self-baseline-lg{align-self:baseline !important}}@media screen and (min-width: 1140px){.flex-block-xl{display:flex !important}.flex-inline-xl{display:flex-inline !important}.flex-row-xl{flex-direction:row !important}.flex-row-reverse-xl{flex-direction:row-reverse !important}.flex-column-xl{flex-direction:column !important}.flex-column-reverse-xl{flex-direction:column-reverse !important}.flex-wrap-xl{flex-wrap:wrap !important}.flex-nowrap-xl{flex-wrap:nowrap !important}.flex-wrap-reverse-xl{flex-wrap:wrap-reverse !important}.flex-justify-start-xl{justify-content:flex-start !important}.flex-justify-end-xl{justify-content:flex-end !important}.flex-justify-center-xl{justify-content:center !important}.flex-justify-between-xl{justify-content:space-between !important}.flex-justify-around-xl{justify-content:space-around !important}.flex-item-start-xl{align-items:flex-start !important}.flex-item-end-xl{align-items:flex-end !important}.flex-item-center-xl{align-items:center !important}.flex-item-stretch-xl{align-items:stretch !important}.flex-item-baseline-xl{align-items:baseline !important}.flex-content-start-xl{align-content:flex-start !important}.flex-content-end-xl{align-content:flex-end !important}.flex-content-center-xl{align-content:center !important}.flex-content-around-xl{align-content:space-around !important}.flex-content-between-xl{align-content:space-between !important}.flex-content-stretch-xl{align-content:stretch !important}.flex-order-1-xl{order:1 !important}.flex-order-2-xl{order:2 !important}.flex-order-3-xl{order:3 !important}.flex-order-4-xl{order:4 !important}.flex-order-5-xl{order:5 !important}.flex-order-6-xl{order:6 !important}.flex-grow-0-xl{flex-grow:0 !important}.flex-grow-1-xl{flex-grow:1 !important}.flex-grow-2-xl{flex-grow:2 !important}.flex-grow-3-xl{flex-grow:3 !important}.flex-grow-4-xl{flex-grow:4 !important}.flex-grow-5-xl{flex-grow:5 !important}.flex-grow-6-xl{flex-grow:6 !important}.flex-shrink-1-xl{flex-shrink:1 !important}.flex-shrink-2-xl{flex-shrink:2 !important}.flex-shrink-3-xl{flex-shrink:3 !important}.flex-shrink-4-xl{flex-shrink:4 !important}.flex-shrink-5-xl{flex-shrink:5 !important}.flex-shrink-6-xl{flex-shrink:6 !important}.flex-basis-5-xl{flex-basis:5% !important}.flex-basis-10-xl{flex-basis:10% !important}.flex-basis-15-xl{flex-basis:15% !important}.flex-basis-20-xl{flex-basis:20% !important}.flex-basis-25-xl{flex-basis:25% !important}.flex-basis-30-xl{flex-basis:30% !important}.flex-basis-33-xl{flex-basis:33% !important}.flex-basis-35-xl{flex-basis:35% !important}.flex-basis-40-xl{flex-basis:40% !important}.flex-basis-45-xl{flex-basis:45% !important}.flex-basis-50-xl{flex-basis:50% !important}.flex-basis-55-xl{flex-basis:55% !important}.flex-basis-60-xl{flex-basis:60% !important}.flex-basis-65-xl{flex-basis:65% !important}.flex-basis-70-xl{flex-basis:70% !important}.flex-basis-75-xl{flex-basis:75% !important}.flex-basis-80-xl{flex-basis:80% !important}.flex-basis-85-xl{flex-basis:85% !important}.flex-basis-90-xl{flex-basis:90% !important}.flex-basis-95-xl{flex-basis:95% !important}.flex-basis-100-xl{flex-basis:100% !important}.flex-basis-auto-xl{flex-basis:auto !important}.flex-basis-s0-xl{flex-basis:0rem !important}.flex-basis-s05-xl{flex-basis:.5rem !important}.flex-basis-s1-xl{flex-basis:1rem !important}.flex-basis-s2-xl{flex-basis:1.5rem !important}.flex-basis-s3-xl{flex-basis:2rem !important}.flex-basis-s4-xl{flex-basis:3rem !important}.flex-basis-s5-xl{flex-basis:4rem !important}.flex-basis-s6-xl{flex-basis:5rem !important}.flex-self-auto-xl{align-self:auto !important}.flex-self-start-xl{align-self:flex-start !important}.flex-self-end-xl{align-self:flex-end !important}.flex-self-center-xl{align-self:center !important}.flex-self-stretch-xl{align-self:stretch !important}.flex-self-baseline-xl{align-self:baseline !important}} +/*! Leap Version 0.11.0 */*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:Monaco,monospace;font-size:16px}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%;line-height:1.5;-webkit-tap-highlight-color:transparent}body{font-size:1rem;font-family:"Gotham Rounded A","Gotham Rounded B","Helvetica",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{color:#40484a;display:block;font-weight:500;margin:0;line-height:1.3 !important;text-rendering:optimizeLegibility}h0{font-size:3.75rem !important}h1{font-size:3rem !important}h2{font-size:2.25rem !important}h3{font-size:1.5rem !important}h4{font-size:1.125rem !important}h5{font-size:1rem !important}h6{font-size:.875rem !important}h0{letter-spacing:1.4px !important}h1{letter-spacing:1.3px !important}h2{letter-spacing:1.2px !important}h3{letter-spacing:1px !important}@media screen{.text-0-xs{font-size:3.75rem !important}.text-1-xs{font-size:3rem !important}.text-2-xs{font-size:2.25rem !important}.text-3-xs{font-size:1.5rem !important}.text-4-xs{font-size:1.125rem !important}.text-5-xs{font-size:1rem !important}.text-6-xs{font-size:.875rem !important}}@media screen and (min-width: 480px){.text-0-sm{font-size:3.75rem !important}.text-1-sm{font-size:3rem !important}.text-2-sm{font-size:2.25rem !important}.text-3-sm{font-size:1.5rem !important}.text-4-sm{font-size:1.125rem !important}.text-5-sm{font-size:1rem !important}.text-6-sm{font-size:.875rem !important}}@media screen and (min-width: 680px){.text-0-md{font-size:3.75rem !important}.text-1-md{font-size:3rem !important}.text-2-md{font-size:2.25rem !important}.text-3-md{font-size:1.5rem !important}.text-4-md{font-size:1.125rem !important}.text-5-md{font-size:1rem !important}.text-6-md{font-size:.875rem !important}}@media screen and (min-width: 960px){.text-0-lg{font-size:3.75rem !important}.text-1-lg{font-size:3rem !important}.text-2-lg{font-size:2.25rem !important}.text-3-lg{font-size:1.5rem !important}.text-4-lg{font-size:1.125rem !important}.text-5-lg{font-size:1rem !important}.text-6-lg{font-size:.875rem !important}}@media screen and (min-width: 1140px){.text-0-xl{font-size:3.75rem !important}.text-1-xl{font-size:3rem !important}.text-2-xl{font-size:2.25rem !important}.text-3-xl{font-size:1.5rem !important}.text-4-xl{font-size:1.125rem !important}.text-5-xl{font-size:1rem !important}.text-6-xl{font-size:.875rem !important}}hr{height:0;margin:30px 0;border-top:1px solid #f0f2f4}p{color:#576366;font-size:1rem;line-height:1.5;margin:0}.regular{font-weight:normal !important}strong,.bold{font-weight:500 !important}em,.italic{font-style:italic !important}.caps{text-transform:uppercase}a{color:#387bab;cursor:pointer;transition:color 300ms 0s ease;text-decoration:none}a:hover,a:active{color:#2a5d81}a:focus{color:#2a5d81;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}code{font-family:monospace;font-size:16px}address{font-size:.875rem}@media screen{.text-left-xs{text-align:left !important}.text-right-xs{text-align:right !important}.text-center-xs{text-align:center !important}.text-justify-xs{text-align:justify !important}}@media screen and (min-width: 480px){.text-left-sm{text-align:left !important}.text-right-sm{text-align:right !important}.text-center-sm{text-align:center !important}.text-justify-sm{text-align:justify !important}}@media screen and (min-width: 680px){.text-left-md{text-align:left !important}.text-right-md{text-align:right !important}.text-center-md{text-align:center !important}.text-justify-md{text-align:justify !important}}@media screen and (min-width: 960px){.text-left-lg{text-align:left !important}.text-right-lg{text-align:right !important}.text-center-lg{text-align:center !important}.text-justify-lg{text-align:justify !important}}@media screen and (min-width: 1140px){.text-left-xl{text-align:left !important}.text-right-xl{text-align:right !important}.text-center-xl{text-align:center !important}.text-justify-xl{text-align:justify !important}}ul,ol{color:#576366;margin:0;padding:0 0 0 2rem}.list-unstyled{list-style:none;padding:0}.list-lined{list-style:none;padding:0}.list-lined li{list-style-type:none;padding:1rem 0;border-bottom:1px solid #e8ebed}.icon-16{width:16px;height:16px}@media screen{.border-xs{border:solid 1px #e8ebed !important}.border-t-xs{border-top:solid 1px #e8ebed !important}.border-b-xs{border-bottom:solid 1px #e8ebed !important}.border-l-xs{border-left:solid 1px #e8ebed !important}.border-r-xs{border-right:solid 1px #e8ebed !important}.border-dark-xs{border:solid 1px #b7c0c7 !important}.border-t-dark-xs{border-top:solid 1px #b7c0c7 !important}.border-b-dark-xs{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-xs{border-left:solid 1px #b7c0c7 !important}.border-r-dark-xs{border-right:solid 1px #b7c0c7 !important}.border-mid-xs{border:solid 1px #d4d9dd !important}.border-t-mid-xs{border-top:solid 1px #d4d9dd !important}.border-b-mid-xs{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-xs{border-left:solid 1px #d4d9dd !important}.border-r-mid-xs{border-right:solid 1px #d4d9dd !important}.border-light-xs{border:solid 1px #f0f2f4 !important}.border-t-light-xs{border-top:solid 1px #f0f2f4 !important}.border-b-light-xs{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-xs{border-left:solid 1px #f0f2f4 !important}.border-r-light-xs{border-right:solid 1px #f0f2f4 !important}.border-none-xs{border:none !important}.border-none-t-xs{border-top:none !important}.border-none-b-xs{border-bottom:none !important}.border-none-l-xs{border-left:none !important}.border-none-r-xs{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 480px){.border-sm{border:solid 1px #e8ebed !important}.border-t-sm{border-top:solid 1px #e8ebed !important}.border-b-sm{border-bottom:solid 1px #e8ebed !important}.border-l-sm{border-left:solid 1px #e8ebed !important}.border-r-sm{border-right:solid 1px #e8ebed !important}.border-dark-sm{border:solid 1px #b7c0c7 !important}.border-t-dark-sm{border-top:solid 1px #b7c0c7 !important}.border-b-dark-sm{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-sm{border-left:solid 1px #b7c0c7 !important}.border-r-dark-sm{border-right:solid 1px #b7c0c7 !important}.border-mid-sm{border:solid 1px #d4d9dd !important}.border-t-mid-sm{border-top:solid 1px #d4d9dd !important}.border-b-mid-sm{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-sm{border-left:solid 1px #d4d9dd !important}.border-r-mid-sm{border-right:solid 1px #d4d9dd !important}.border-light-sm{border:solid 1px #f0f2f4 !important}.border-t-light-sm{border-top:solid 1px #f0f2f4 !important}.border-b-light-sm{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-sm{border-left:solid 1px #f0f2f4 !important}.border-r-light-sm{border-right:solid 1px #f0f2f4 !important}.border-none-sm{border:none !important}.border-none-t-sm{border-top:none !important}.border-none-b-sm{border-bottom:none !important}.border-none-l-sm{border-left:none !important}.border-none-r-sm{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 680px){.border-md{border:solid 1px #e8ebed !important}.border-t-md{border-top:solid 1px #e8ebed !important}.border-b-md{border-bottom:solid 1px #e8ebed !important}.border-l-md{border-left:solid 1px #e8ebed !important}.border-r-md{border-right:solid 1px #e8ebed !important}.border-dark-md{border:solid 1px #b7c0c7 !important}.border-t-dark-md{border-top:solid 1px #b7c0c7 !important}.border-b-dark-md{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-md{border-left:solid 1px #b7c0c7 !important}.border-r-dark-md{border-right:solid 1px #b7c0c7 !important}.border-mid-md{border:solid 1px #d4d9dd !important}.border-t-mid-md{border-top:solid 1px #d4d9dd !important}.border-b-mid-md{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-md{border-left:solid 1px #d4d9dd !important}.border-r-mid-md{border-right:solid 1px #d4d9dd !important}.border-light-md{border:solid 1px #f0f2f4 !important}.border-t-light-md{border-top:solid 1px #f0f2f4 !important}.border-b-light-md{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-md{border-left:solid 1px #f0f2f4 !important}.border-r-light-md{border-right:solid 1px #f0f2f4 !important}.border-none-md{border:none !important}.border-none-t-md{border-top:none !important}.border-none-b-md{border-bottom:none !important}.border-none-l-md{border-left:none !important}.border-none-r-md{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 960px){.border-lg{border:solid 1px #e8ebed !important}.border-t-lg{border-top:solid 1px #e8ebed !important}.border-b-lg{border-bottom:solid 1px #e8ebed !important}.border-l-lg{border-left:solid 1px #e8ebed !important}.border-r-lg{border-right:solid 1px #e8ebed !important}.border-dark-lg{border:solid 1px #b7c0c7 !important}.border-t-dark-lg{border-top:solid 1px #b7c0c7 !important}.border-b-dark-lg{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-lg{border-left:solid 1px #b7c0c7 !important}.border-r-dark-lg{border-right:solid 1px #b7c0c7 !important}.border-mid-lg{border:solid 1px #d4d9dd !important}.border-t-mid-lg{border-top:solid 1px #d4d9dd !important}.border-b-mid-lg{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-lg{border-left:solid 1px #d4d9dd !important}.border-r-mid-lg{border-right:solid 1px #d4d9dd !important}.border-light-lg{border:solid 1px #f0f2f4 !important}.border-t-light-lg{border-top:solid 1px #f0f2f4 !important}.border-b-light-lg{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-lg{border-left:solid 1px #f0f2f4 !important}.border-r-light-lg{border-right:solid 1px #f0f2f4 !important}.border-none-lg{border:none !important}.border-none-t-lg{border-top:none !important}.border-none-b-lg{border-bottom:none !important}.border-none-l-lg{border-left:none !important}.border-none-r-lg{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}@media screen and (min-width: 1140px){.border-xl{border:solid 1px #e8ebed !important}.border-t-xl{border-top:solid 1px #e8ebed !important}.border-b-xl{border-bottom:solid 1px #e8ebed !important}.border-l-xl{border-left:solid 1px #e8ebed !important}.border-r-xl{border-right:solid 1px #e8ebed !important}.border-dark-xl{border:solid 1px #b7c0c7 !important}.border-t-dark-xl{border-top:solid 1px #b7c0c7 !important}.border-b-dark-xl{border-bottom:solid 1px #b7c0c7 !important}.border-l-dark-xl{border-left:solid 1px #b7c0c7 !important}.border-r-dark-xl{border-right:solid 1px #b7c0c7 !important}.border-mid-xl{border:solid 1px #d4d9dd !important}.border-t-mid-xl{border-top:solid 1px #d4d9dd !important}.border-b-mid-xl{border-bottom:solid 1px #d4d9dd !important}.border-l-mid-xl{border-left:solid 1px #d4d9dd !important}.border-r-mid-xl{border-right:solid 1px #d4d9dd !important}.border-light-xl{border:solid 1px #f0f2f4 !important}.border-t-light-xl{border-top:solid 1px #f0f2f4 !important}.border-b-light-xl{border-bottom:solid 1px #f0f2f4 !important}.border-l-light-xl{border-left:solid 1px #f0f2f4 !important}.border-r-light-xl{border-right:solid 1px #f0f2f4 !important}.border-none-xl{border:none !important}.border-none-t-xl{border-top:none !important}.border-none-b-xl{border-bottom:none !important}.border-none-l-xl{border-left:none !important}.border-none-r-xl{border-right:none !important}.round{border-radius:4px !important}.round-t{border-radius:4px 4px 0 0 !important}.round-b{border-radius:0 0 4px 4px !important}.round-l{border-radius:4px 0 0 4px !important}.round-r{border-radius:0 4px 4px 0 !important}.circle{border-radius:9999px !important}}.brand-fill-green{fill:#5fcf80 !important}.brand-stroke-green{stroke:#5fcf80 !important}.brand-color-green{color:#5fcf80 !important}.brand-border-green{border-color:#5fcf80 !important}.brand-bg-green{background-color:#5fcf80 !important}.brand-fill-green-dark{fill:#2F9D4F !important}.brand-stroke-green-dark{stroke:#2F9D4F !important}.brand-color-green-dark{color:#2F9D4F !important}.brand-border-green-dark{border-color:#2F9D4F !important}.brand-bg-green-dark{background-color:#2F9D4F !important}.brand-fill-gray{fill:#3e474f !important}.brand-stroke-gray{stroke:#3e474f !important}.brand-color-gray{color:#3e474f !important}.brand-border-gray{border-color:#3e474f !important}.brand-bg-gray{background-color:#3e474f !important}.brand-fill-blue-light{fill:#387bab !important}.brand-stroke-blue-light{stroke:#387bab !important}.brand-color-blue-light{color:#387bab !important}.brand-border-blue-light{border-color:#387bab !important}.brand-bg-blue-light{background-color:#387bab !important}.brand-fill-blue-medium{fill:#2a5d81 !important}.brand-stroke-blue-medium{stroke:#2a5d81 !important}.brand-color-blue-medium{color:#2a5d81 !important}.brand-border-blue-medium{border-color:#2a5d81 !important}.brand-bg-blue-medium{background-color:#2a5d81 !important}.brand-fill-blue-dark{fill:#303853 !important}.brand-stroke-blue-dark{stroke:#303853 !important}.brand-color-blue-dark{color:#303853 !important}.brand-border-blue-dark{border-color:#303853 !important}.brand-bg-blue-dark{background-color:#303853 !important}.fill-blue{fill:#3f8abf !important}.stroke-blue{stroke:#3f8abf !important}.color-blue{color:#3f8abf !important}.border-blue{border-color:#3f8abf !important}.bg-blue{background-color:#3f8abf !important}.fill-green{fill:#36b55c !important}.stroke-green{stroke:#36b55c !important}.color-green{color:#36b55c !important}.border-green{border-color:#36b55c !important}.bg-green{background-color:#36b55c !important}.fill-yellow{fill:#ffd466 !important}.stroke-yellow{stroke:#ffd466 !important}.color-yellow{color:#ffd466 !important}.border-yellow{border-color:#ffd466 !important}.bg-yellow{background-color:#ffd466 !important}.fill-orange{fill:#ff9f1f !important}.stroke-orange{stroke:#ff9f1f !important}.color-orange{color:#ff9f1f !important}.border-orange{border-color:#ff9f1f !important}.bg-orange{background-color:#ff9f1f !important}.fill-red{fill:#ed5a5a !important}.stroke-red{stroke:#ed5a5a !important}.color-red{color:#ed5a5a !important}.border-red{border-color:#ed5a5a !important}.bg-red{background-color:#ed5a5a !important}.fill-error{fill:#be4a4a !important}.stroke-error{stroke:#be4a4a !important}.color-error{color:#be4a4a !important}.border-error{border-color:#be4a4a !important}.bg-error{background-color:#be4a4a !important}.fill-warning{fill:#bf570f !important}.stroke-warning{stroke:#bf570f !important}.color-warning{color:#bf570f !important}.border-warning{border-color:#bf570f !important}.bg-warning{background-color:#bf570f !important}.fill-success{fill:#24793d !important}.stroke-success{stroke:#24793d !important}.color-success{color:#24793d !important}.border-success{border-color:#24793d !important}.bg-success{background-color:#24793d !important}.fill-gray-darker{fill:#2d3339 !important}.stroke-gray-darker{stroke:#2d3339 !important}.color-gray-darker{color:#2d3339 !important}.border-gray-darker{border-color:#2d3339 !important}.bg-gray-darker{background-color:#2d3339 !important}.fill-gray-dark{fill:#3f4850 !important}.stroke-gray-dark{stroke:#3f4850 !important}.color-gray-dark{color:#3f4850 !important}.border-gray-dark{border-color:#3f4850 !important}.bg-gray-dark{background-color:#3f4850 !important}.fill-gray{fill:#c6ccd2 !important}.stroke-gray{stroke:#c6ccd2 !important}.color-gray{color:#c6ccd2 !important}.border-gray{border-color:#c6ccd2 !important}.bg-gray{background-color:#c6ccd2 !important}.fill-gray-light{fill:#edeff0 !important}.stroke-gray-light{stroke:#edeff0 !important}.color-gray-light{color:#edeff0 !important}.border-gray-light{border-color:#edeff0 !important}.bg-gray-light{background-color:#edeff0 !important}.fill-gray-lighter{fill:#f9fafa !important}.stroke-gray-lighter{stroke:#f9fafa !important}.color-gray-lighter{color:#f9fafa !important}.border-gray-lighter{border-color:#f9fafa !important}.bg-gray-lighter{background-color:#f9fafa !important}.text-fill-dark{fill:#40484a !important}.text-stroke-dark{stroke:#40484a !important}.text-color-dark{color:#40484a !important}.text-border-dark{border-color:#40484a !important}.text-bg-dark{background-color:#40484a !important}.text-fill-medium{fill:#4b5658 !important}.text-stroke-medium{stroke:#4b5658 !important}.text-color-medium{color:#4b5658 !important}.text-border-medium{border-color:#4b5658 !important}.text-bg-medium{background-color:#4b5658 !important}.text-fill-base{fill:#576366 !important}.text-stroke-base{stroke:#576366 !important}.text-color-base{color:#576366 !important}.text-border-base{border-color:#576366 !important}.text-bg-base{background-color:#576366 !important}.text-fill-light{fill:#7b8b8e !important}.text-stroke-light{stroke:#7b8b8e !important}.text-color-light{color:#7b8b8e !important}.text-border-light{border-color:#7b8b8e !important}.text-bg-light{background-color:#7b8b8e !important}.text-fill-white{fill:#fff !important}.text-stroke-white{stroke:#fff !important}.text-color-white{color:#fff !important}.text-border-white{border-color:#fff !important}.text-bg-white{background-color:#fff !important}.text-fill-blue-light{fill:#387bab !important}.text-stroke-blue-light{stroke:#387bab !important}.text-color-blue-light{color:#387bab !important}.text-border-blue-light{border-color:#387bab !important}.text-bg-blue-light{background-color:#387bab !important}.text-fill-blue-medium{fill:#2a5d81 !important}.text-stroke-blue-medium{stroke:#2a5d81 !important}.text-color-blue-medium{color:#2a5d81 !important}.text-border-blue-medium{border-color:#2a5d81 !important}.text-bg-blue-medium{background-color:#2a5d81 !important}.text-fill-blue-dark{fill:#303853 !important}.text-stroke-blue-dark{stroke:#303853 !important}.text-color-blue-dark{color:#303853 !important}.text-border-blue-dark{border-color:#303853 !important}.text-bg-blue-dark{background-color:#303853 !important}.category-fill-back-end-light{fill:#0098b1 !important}.category-stroke-back-end-light{stroke:#0098b1 !important}.category-color-back-end-light{color:#0098b1 !important}.category-border-back-end-light{border-color:#0098b1 !important}.category-bg-back-end-light{background-color:#0098b1 !important}.category-fill-back-end-base{fill:#008297 !important}.category-stroke-back-end-base{stroke:#008297 !important}.category-color-back-end-base{color:#008297 !important}.category-border-back-end-base{border-color:#008297 !important}.category-bg-back-end-base{background-color:#008297 !important}.category-fill-back-end-dark{fill:#006c7e !important}.category-stroke-back-end-dark{stroke:#006c7e !important}.category-color-back-end-dark{color:#006c7e !important}.category-border-back-end-dark{border-color:#006c7e !important}.category-bg-back-end-dark{background-color:#006c7e !important}.category-fill-data-light{fill:#af5592 !important}.category-stroke-data-light{stroke:#af5592 !important}.category-color-data-light{color:#af5592 !important}.category-border-data-light{border-color:#af5592 !important}.category-bg-data-light{background-color:#af5592 !important}.category-fill-data-base{fill:#9F4B84 !important}.category-stroke-data-base{stroke:#9F4B84 !important}.category-color-data-base{color:#9F4B84 !important}.category-border-data-base{border-color:#9F4B84 !important}.category-bg-data-base{background-color:#9F4B84 !important}.category-fill-data-dark{fill:#8e4376 !important}.category-stroke-data-dark{stroke:#8e4376 !important}.category-color-data-dark{color:#8e4376 !important}.category-border-data-dark{border-color:#8e4376 !important}.category-bg-data-dark{background-color:#8e4376 !important}.category-fill-design-light{fill:#534aa1 !important}.category-stroke-design-light{stroke:#534aa1 !important}.category-color-design-light{color:#534aa1 !important}.category-border-design-light{border-color:#534aa1 !important}.category-bg-design-light{background-color:#534aa1 !important}.category-fill-design-base{fill:#4a4290 !important}.category-stroke-design-base{stroke:#4a4290 !important}.category-color-design-base{color:#4a4290 !important}.category-border-design-base{border-color:#4a4290 !important}.category-bg-design-base{background-color:#4a4290 !important}.category-fill-design-dark{fill:#413a7f !important}.category-stroke-design-dark{stroke:#413a7f !important}.category-color-design-dark{color:#413a7f !important}.category-border-design-dark{border-color:#413a7f !important}.category-bg-design-dark{background-color:#413a7f !important}.category-fill-experimental-light{fill:#82429a !important}.category-stroke-experimental-light{stroke:#82429a !important}.category-color-experimental-light{color:#82429a !important}.category-border-experimental-light{border-color:#82429a !important}.category-bg-experimental-light{background-color:#82429a !important}.category-fill-experimental-base{fill:#733a88 !important}.category-stroke-experimental-base{stroke:#733a88 !important}.category-color-experimental-base{color:#733a88 !important}.category-border-experimental-base{border-color:#733a88 !important}.category-bg-experimental-base{background-color:#733a88 !important}.category-fill-experimental-dark{fill:#643276 !important}.category-stroke-experimental-dark{stroke:#643276 !important}.category-color-experimental-dark{color:#643276 !important}.category-border-experimental-dark{border-color:#643276 !important}.category-bg-experimental-dark{background-color:#643276 !important}.category-fill-front-end-light{fill:#3c64b5 !important}.category-stroke-front-end-light{stroke:#3c64b5 !important}.category-color-front-end-light{color:#3c64b5 !important}.category-border-front-end-light{border-color:#3c64b5 !important}.category-bg-front-end-light{background-color:#3c64b5 !important}.category-fill-front-end-base{fill:#3659a2 !important}.category-stroke-front-end-base{stroke:#3659a2 !important}.category-color-front-end-base{color:#3659a2 !important}.category-border-front-end-base{border-color:#3659a2 !important}.category-bg-front-end-base{background-color:#3659a2 !important}.category-fill-front-end-dark{fill:#304e8f !important}.category-stroke-front-end-dark{stroke:#304e8f !important}.category-color-front-end-dark{color:#304e8f !important}.category-border-front-end-dark{border-color:#304e8f !important}.category-bg-front-end-dark{background-color:#304e8f !important}.category-fill-fundamentals-light{fill:#ad4265 !important}.category-stroke-fundamentals-light{stroke:#ad4265 !important}.category-color-fundamentals-light{color:#ad4265 !important}.category-border-fundamentals-light{border-color:#ad4265 !important}.category-bg-fundamentals-light{background-color:#ad4265 !important}.category-fill-fundamentals-base{fill:#9b3b5a !important}.category-stroke-fundamentals-base{stroke:#9b3b5a !important}.category-color-fundamentals-base{color:#9b3b5a !important}.category-border-fundamentals-base{border-color:#9b3b5a !important}.category-bg-fundamentals-base{background-color:#9b3b5a !important}.category-fill-fundamentals-dark{fill:#89344f !important}.category-stroke-fundamentals-dark{stroke:#89344f !important}.category-color-fundamentals-dark{color:#89344f !important}.category-border-fundamentals-dark{border-color:#89344f !important}.category-bg-fundamentals-dark{background-color:#89344f !important}.category-fill-mobile-light{fill:#37957b !important}.category-stroke-mobile-light{stroke:#37957b !important}.category-color-mobile-light{color:#37957b !important}.category-border-mobile-light{border-color:#37957b !important}.category-bg-mobile-light{background-color:#37957b !important}.category-fill-mobile-base{fill:#30826C !important}.category-stroke-mobile-base{stroke:#30826C !important}.category-color-mobile-base{color:#30826C !important}.category-border-mobile-base{border-color:#30826C !important}.category-bg-mobile-base{background-color:#30826C !important}.category-fill-mobile-dark{fill:#296f5d !important}.category-stroke-mobile-dark{stroke:#296f5d !important}.category-color-mobile-dark{color:#296f5d !important}.category-border-mobile-dark{border-color:#296f5d !important}.category-bg-mobile-dark{background-color:#296f5d !important}.category-fill-internal-light{fill:#606e7a !important}.category-stroke-internal-light{stroke:#606e7a !important}.category-color-internal-light{color:#606e7a !important}.category-border-internal-light{border-color:#606e7a !important}.category-bg-internal-light{background-color:#606e7a !important}.category-fill-internal-base{fill:#55616c !important}.category-stroke-internal-base{stroke:#55616c !important}.category-color-internal-base{color:#55616c !important}.category-border-internal-base{border-color:#55616c !important}.category-bg-internal-base{background-color:#55616c !important}.category-fill-internal-dark{fill:#4a545e !important}.category-stroke-internal-dark{stroke:#4a545e !important}.category-color-internal-dark{color:#4a545e !important}.category-border-internal-dark{border-color:#4a545e !important}.category-bg-internal-dark{background-color:#4a545e !important}.category-fill-undefined-light{fill:#606e7a !important}.category-stroke-undefined-light{stroke:#606e7a !important}.category-color-undefined-light{color:#606e7a !important}.category-border-undefined-light{border-color:#606e7a !important}.category-bg-undefined-light{background-color:#606e7a !important}.category-fill-undefined-base{fill:#55616c !important}.category-stroke-undefined-base{stroke:#55616c !important}.category-color-undefined-base{color:#55616c !important}.category-border-undefined-base{border-color:#55616c !important}.category-bg-undefined-base{background-color:#55616c !important}.category-fill-undefined-dark{fill:#4a545e !important}.category-stroke-undefined-dark{stroke:#4a545e !important}.category-color-undefined-dark{color:#4a545e !important}.category-border-undefined-dark{border-color:#4a545e !important}.category-bg-undefined-dark{background-color:#4a545e !important}.pop-fill-blue-pastel{fill:#5185c1 !important}.pop-stroke-blue-pastel{stroke:#5185c1 !important}.pop-color-blue-pastel{color:#5185c1 !important}.pop-border-blue-pastel{border-color:#5185c1 !important}.pop-bg-blue-pastel{background-color:#5185c1 !important}.pop-fill-blue{fill:#3859a2 !important}.pop-stroke-blue{stroke:#3859a2 !important}.pop-color-blue{color:#3859a2 !important}.pop-border-blue{border-color:#3859a2 !important}.pop-bg-blue{background-color:#3859a2 !important}.pop-fill-blue-dark{fill:#323952 !important}.pop-stroke-blue-dark{stroke:#323952 !important}.pop-color-blue-dark{color:#323952 !important}.pop-border-blue-dark{border-color:#323952 !important}.pop-bg-blue-dark{background-color:#323952 !important}.pop-fill-teal{fill:#0498b1 !important}.pop-stroke-teal{stroke:#0498b1 !important}.pop-color-teal{color:#0498b1 !important}.pop-border-teal{border-color:#0498b1 !important}.pop-bg-teal{background-color:#0498b1 !important}.pop-fill-green{fill:#6ac17e !important}.pop-stroke-green{stroke:#6ac17e !important}.pop-color-green{color:#6ac17e !important}.pop-border-green{border-color:#6ac17e !important}.pop-bg-green{background-color:#6ac17e !important}.pop-fill-golden{fill:#ecc148 !important}.pop-stroke-golden{stroke:#ecc148 !important}.pop-color-golden{color:#ecc148 !important}.pop-border-golden{border-color:#ecc148 !important}.pop-bg-golden{background-color:#ecc148 !important}.pop-fill-orange{fill:#e98134 !important}.pop-stroke-orange{stroke:#e98134 !important}.pop-color-orange{color:#e98134 !important}.pop-border-orange{border-color:#e98134 !important}.pop-bg-orange{background-color:#e98134 !important}.pop-fill-red-orange{fill:#e95e31 !important}.pop-stroke-red-orange{stroke:#e95e31 !important}.pop-color-red-orange{color:#e95e31 !important}.pop-border-red-orange{border-color:#e95e31 !important}.pop-bg-red-orange{background-color:#e95e31 !important}.pop-fill-purple-pastel{fill:#8171a0 !important}.pop-stroke-purple-pastel{stroke:#8171a0 !important}.pop-color-purple-pastel{color:#8171a0 !important}.pop-border-purple-pastel{border-color:#8171a0 !important}.pop-bg-purple-pastel{background-color:#8171a0 !important}.pop-fill-purple{fill:#4a4290 !important}.pop-stroke-purple{stroke:#4a4290 !important}.pop-color-purple{color:#4a4290 !important}.pop-border-purple{border-color:#4a4290 !important}.pop-bg-purple{background-color:#4a4290 !important}.pop-fill-magenta{fill:#b15592 !important}.pop-stroke-magenta{stroke:#b15592 !important}.pop-color-magenta{color:#b15592 !important}.pop-border-magenta{border-color:#b15592 !important}.pop-bg-magenta{background-color:#b15592 !important}.button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border-radius:4px;border:solid 2px #5fcf80;color:#5fcf80;cursor:pointer;display:inline-block;font-family:"Gotham Rounded A","Gotham Rounded B","Helvetica",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;height:40px;line-height:36px;padding:0 15px;position:relative;margin:0 10px 0 0;text-align:center;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,width .3s ease,opacity .3s ease;vertical-align:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button:hover,.button:active{color:#34ad58;border-color:#34ad58}.button:hover svg,.button:active svg{fill:#34ad58}.button:focus{color:#34ad58;border-color:#34ad58;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button:focus svg{fill:#34ad58}.button:last-child{margin-right:0}.button svg{fill:#5fcf80}.button--primary{background:#50b06c !important;background:-moz-linear-gradient(top, #55ba73 0%, #50b06c 100%) !important;background:-webkit-linear-gradient(top, #55ba73 0%, #50b06c 100%) !important;background:linear-gradient(to bottom, #55ba73 0%, #50b06c 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ba73', endColorstr='#50b06c',GradientType=0 ) !important;border-color:transparent !important;color:#fff !important}.button--primary svg{fill:#fff !important}.button--primary:hover,.button--primary:active{background:linear-gradient(#408d56, #408d56) !important;border-color:transparent !important;color:#fff !important}.button--primary:focus{background:linear-gradient(#408d56, #408d56) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--primary-teal{background:#008298 !important;background:-moz-linear-gradient(top, #008298 0%, #007589 100%) !important;background:-webkit-linear-gradient(top, #008298 0%, #007589 100%) !important;background:linear-gradient(to bottom, #008298 0%, #007589 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008298', endColorstr='#007589',GradientType=0 ) !important;border-color:transparent !important;color:#fff !important}.button--primary-teal svg{fill:#fff !important}.button--primary-teal:hover,.button--primary-teal:active{background:linear-gradient(#004652, #004652) !important;border-color:transparent !important;color:#fff !important}.button--primary-teal:focus{background:linear-gradient(#004652, #004652) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--primary-blue{background-color:#387bab !important;border-color:#387bab !important;color:#fff !important}.button--primary-blue svg{fill:#fff !important}.button--primary-blue:hover,.button--primary-blue:active{background-color:#2a5d81 !important;border-color:#2a5d81 !important;color:#fff !important}.button--primary-blue:focus{background-color:#2a5d81 !important;border-color:#2a5d81 !important;color:#fff !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--secondary{background-color:#fff !important;border-color:#e8ebed !important;color:#576366 !important}.button--secondary svg{fill:#576366 !important}.button--secondary:hover,.button--secondary:active{border-color:#bdc6cb !important;color:#505b5e !important}.button--secondary:focus{border-color:#bdc6cb !important;color:#505b5e !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--alert{background-color:transparent !important;border-color:#ed5a5a !important;color:#ed5a5a !important}.button--alert svg{fill:#ed5a5a !important}.button--alert:hover,.button--alert:active{border-color:#cb1616 !important;color:#cb1616 !important}.button--alert:focus{border-color:#cb1616 !important;color:#cb1616 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--disabled{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.button--disabled svg{fill:#7b8b8e !important}.button--disabled:hover,.button--disabled:active{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.button--disabled:hover svg,.button--disabled:active svg{fill:#576366 !important}.button--disabled:focus{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--disabled:focus svg{fill:#576366 !important}.button--inverse{border-color:#fff !important;color:#fff !important;opacity:.88 !important}.button--inverse svg{fill:#fff !important}.button--inverse:hover,.button--inverse:active{border-color:#fff !important;color:#fff !important;opacity:1 !important}.button--inverse:focus{border-color:#fff !important;color:#fff !important;opacity:1 !important;box-shadow:0 0 0 2px #000,0 0 0px 3px #fff;outline:2px dotted transparent;outline-offset:2px}.button--inverse-primary{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.88}.button--inverse-primary svg{fill:#4b5658 !important}.button--inverse-primary:hover,.button--inverse-primary:active{opacity:1 !important}.button--inverse-primary:focus{opacity:1 !important;box-shadow:0 0 0 2px #000,0 0 0px 3px #fff;outline:2px dotted transparent;outline-offset:2px}.button--inverse-primary-teal{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.88}.button--inverse-primary-teal svg{fill:#0498b1 !important}.button--inverse-primary-teal:hover,.button--inverse-primary-teal:active{color:#037e93 !important;opacity:1 !important}.button--inverse-primary-teal:focus{color:#037e93 !important;opacity:1 !important;box-shadow:0 0 0 2px #000,0 0 0px 3px #fff;outline:2px dotted transparent;outline-offset:2px}.button--inverse-disabled{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.button--inverse-disabled:hover,.button--inverse-disabled:active{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.button--inverse-disabled:focus{border-color:#fff !important;color:#fff !important;opacity:.15 !important;box-shadow:0 0 0 2px #000,0 0 0px 3px #fff;outline:2px dotted transparent;outline-offset:2px}.button--inverse-primary-disabled{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.button--inverse-primary-disabled:hover,.button--inverse-primary-disabled:active{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.button--inverse-primary-disabled:focus{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important;box-shadow:0 0 0 2px #000,0 0 0px 3px #fff;outline:2px dotted transparent;outline-offset:2px}.button--inline{margin-top:28px !important;padding:0 26px !important;height:47px !important;line-height:43px !important}@media screen{.button--xlarge-xs{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-xs.square{width:58px !important}.button--large-xs{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-xs.square{width:50px !important}.button--large-xs svg{top:-2px}.button--normal-xs{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-xs.square{width:40px !important}.button--small-xs{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-xs.square{width:34px !important}.button--xsmall-xs{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-xs.square{width:30px !important}}@media screen and (min-width: 480px){.button--xlarge-sm{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-sm.square{width:58px !important}.button--large-sm{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-sm.square{width:50px !important}.button--large-sm svg{top:-2px}.button--normal-sm{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-sm.square{width:40px !important}.button--small-sm{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-sm.square{width:34px !important}.button--xsmall-sm{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-sm.square{width:30px !important}}@media screen and (min-width: 680px){.button--xlarge-md{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-md.square{width:58px !important}.button--large-md{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-md.square{width:50px !important}.button--large-md svg{top:-2px}.button--normal-md{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-md.square{width:40px !important}.button--small-md{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-md.square{width:34px !important}.button--xsmall-md{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-md.square{width:30px !important}}@media screen and (min-width: 960px){.button--xlarge-lg{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-lg.square{width:58px !important}.button--large-lg{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-lg.square{width:50px !important}.button--large-lg svg{top:-2px}.button--normal-lg{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-lg.square{width:40px !important}.button--small-lg{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-lg.square{width:34px !important}.button--xsmall-lg{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-lg.square{width:30px !important}}@media screen and (min-width: 1140px){.button--xlarge-xl{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.button--xlarge-xl.square{width:58px !important}.button--large-xl{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.button--large-xl.square{width:50px !important}.button--large-xl svg{top:-2px}.button--normal-xl{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.button--normal-xl.square{width:40px !important}.button--small-xl{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.button--small-xl.square{width:34px !important}.button--xsmall-xl{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.button--xsmall-xl.square{width:30px !important}}.button--category-back-end{border-color:#008297 !important;color:#008297 !important}.button--category-back-end svg{fill:#008297 !important}.button--category-back-end:hover,.button--category-back-end:active{border-color:#005664 !important;color:#005664 !important}.button--category-back-end:hover svg,.button--category-back-end:active svg{fill:#005664 !important}.button--category-back-end:focus{border-color:#005664 !important;color:#005664 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-back-end:focus svg{fill:#005664 !important}.button--category-back-end.button--primary{background:#008297 !important;border-color:#008297 !important;color:#fff !important}.button--category-back-end.button--primary:hover,.button--category-back-end.button--primary:active{background:#005664 !important;border-color:#005664 !important}.button--category-back-end.button--primary:hover svg,.button--category-back-end.button--primary:active svg{fill:#fff !important}.button--category-back-end.button--primary:focus{background:#005664 !important;border-color:#005664 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-back-end.button--primary:focus svg{fill:#fff !important}.button--category-data{border-color:#9F4B84 !important;color:#9F4B84 !important}.button--category-data svg{fill:#9F4B84 !important}.button--category-data:hover,.button--category-data:active{border-color:#7c3b67 !important;color:#7c3b67 !important}.button--category-data:hover svg,.button--category-data:active svg{fill:#7c3b67 !important}.button--category-data:focus{border-color:#7c3b67 !important;color:#7c3b67 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-data:focus svg{fill:#7c3b67 !important}.button--category-data.button--primary{background:#9F4B84 !important;border-color:#9F4B84 !important;color:#fff !important}.button--category-data.button--primary:hover,.button--category-data.button--primary:active{background:#7c3b67 !important;border-color:#7c3b67 !important}.button--category-data.button--primary:hover svg,.button--category-data.button--primary:active svg{fill:#fff !important}.button--category-data.button--primary:focus{background:#7c3b67 !important;border-color:#7c3b67 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-data.button--primary:focus svg{fill:#fff !important}.button--category-design{border-color:#4a4290 !important;color:#4a4290 !important}.button--category-design svg{fill:#4a4290 !important}.button--category-design:hover,.button--category-design:active{border-color:#38326d !important;color:#38326d !important}.button--category-design:hover svg,.button--category-design:active svg{fill:#38326d !important}.button--category-design:focus{border-color:#38326d !important;color:#38326d !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-design:focus svg{fill:#38326d !important}.button--category-design.button--primary{background:#4a4290 !important;border-color:#4a4290 !important;color:#fff !important}.button--category-design.button--primary:hover,.button--category-design.button--primary:active{background:#38326d !important;border-color:#38326d !important}.button--category-design.button--primary:hover svg,.button--category-design.button--primary:active svg{fill:#fff !important}.button--category-design.button--primary:focus{background:#38326d !important;border-color:#38326d !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-design.button--primary:focus svg{fill:#fff !important}.button--category-experimental{border-color:#733a88 !important;color:#733a88 !important}.button--category-experimental svg{fill:#733a88 !important}.button--category-experimental:hover,.button--category-experimental:active{border-color:#552b64 !important;color:#552b64 !important}.button--category-experimental:hover svg,.button--category-experimental:active svg{fill:#552b64 !important}.button--category-experimental:focus{border-color:#552b64 !important;color:#552b64 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-experimental:focus svg{fill:#552b64 !important}.button--category-experimental.button--primary{background:#733a88 !important;border-color:#733a88 !important;color:#fff !important}.button--category-experimental.button--primary:hover,.button--category-experimental.button--primary:active{background:#552b64 !important;border-color:#552b64 !important}.button--category-experimental.button--primary:hover svg,.button--category-experimental.button--primary:active svg{fill:#fff !important}.button--category-experimental.button--primary:focus{background:#552b64 !important;border-color:#552b64 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-experimental.button--primary:focus svg{fill:#fff !important}.button--category-front-end{border-color:#3659a2 !important;color:#3659a2 !important}.button--category-front-end svg{fill:#3659a2 !important}.button--category-front-end:hover,.button--category-front-end:active{border-color:#29447c !important;color:#29447c !important}.button--category-front-end:hover svg,.button--category-front-end:active svg{fill:#29447c !important}.button--category-front-end:focus{border-color:#29447c !important;color:#29447c !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-front-end:focus svg{fill:#29447c !important}.button--category-front-end.button--primary{background:#3659a2 !important;border-color:#3659a2 !important;color:#fff !important}.button--category-front-end.button--primary:hover,.button--category-front-end.button--primary:active{background:#29447c !important;border-color:#29447c !important}.button--category-front-end.button--primary:hover svg,.button--category-front-end.button--primary:active svg{fill:#fff !important}.button--category-front-end.button--primary:focus{background:#29447c !important;border-color:#29447c !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-front-end.button--primary:focus svg{fill:#fff !important}.button--category-fundamentals{border-color:#9b3b5a !important;color:#9b3b5a !important}.button--category-fundamentals svg{fill:#9b3b5a !important}.button--category-fundamentals:hover,.button--category-fundamentals:active{border-color:#762d45 !important;color:#762d45 !important}.button--category-fundamentals:hover svg,.button--category-fundamentals:active svg{fill:#762d45 !important}.button--category-fundamentals:focus{border-color:#762d45 !important;color:#762d45 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-fundamentals:focus svg{fill:#762d45 !important}.button--category-fundamentals.button--primary{background:#9b3b5a !important;border-color:#9b3b5a !important;color:#fff !important}.button--category-fundamentals.button--primary:hover,.button--category-fundamentals.button--primary:active{background:#762d45 !important;border-color:#762d45 !important}.button--category-fundamentals.button--primary:hover svg,.button--category-fundamentals.button--primary:active svg{fill:#fff !important}.button--category-fundamentals.button--primary:focus{background:#762d45 !important;border-color:#762d45 !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-fundamentals.button--primary:focus svg{fill:#fff !important}.button--category-mobile{border-color:#30826C !important;color:#30826C !important}.button--category-mobile svg{fill:#30826C !important}.button--category-mobile:hover,.button--category-mobile:active{border-color:#225d4d !important;color:#225d4d !important}.button--category-mobile:hover svg,.button--category-mobile:active svg{fill:#225d4d !important}.button--category-mobile:focus{border-color:#225d4d !important;color:#225d4d !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-mobile:focus svg{fill:#225d4d !important}.button--category-mobile.button--primary{background:#30826C !important;border-color:#30826C !important;color:#fff !important}.button--category-mobile.button--primary:hover,.button--category-mobile.button--primary:active{background:#225d4d !important;border-color:#225d4d !important}.button--category-mobile.button--primary:hover svg,.button--category-mobile.button--primary:active svg{fill:#fff !important}.button--category-mobile.button--primary:focus{background:#225d4d !important;border-color:#225d4d !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-mobile.button--primary:focus svg{fill:#fff !important}.button--category-internal{border-color:#55616c !important;color:#55616c !important}.button--category-internal svg{fill:#55616c !important}.button--category-internal:hover,.button--category-internal:active{border-color:#3f474f !important;color:#3f474f !important}.button--category-internal:hover svg,.button--category-internal:active svg{fill:#3f474f !important}.button--category-internal:focus{border-color:#3f474f !important;color:#3f474f !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-internal:focus svg{fill:#3f474f !important}.button--category-internal.button--primary{background:#55616c !important;border-color:#55616c !important;color:#fff !important}.button--category-internal.button--primary:hover,.button--category-internal.button--primary:active{background:#3f474f !important;border-color:#3f474f !important}.button--category-internal.button--primary:hover svg,.button--category-internal.button--primary:active svg{fill:#fff !important}.button--category-internal.button--primary:focus{background:#3f474f !important;border-color:#3f474f !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-internal.button--primary:focus svg{fill:#fff !important}.button--category-undefined{border-color:#55616c !important;color:#55616c !important}.button--category-undefined svg{fill:#55616c !important}.button--category-undefined:hover,.button--category-undefined:active{border-color:#3f474f !important;color:#3f474f !important}.button--category-undefined:hover svg,.button--category-undefined:active svg{fill:#3f474f !important}.button--category-undefined:focus{border-color:#3f474f !important;color:#3f474f !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-undefined:focus svg{fill:#3f474f !important}.button--category-undefined.button--primary{background:#55616c !important;border-color:#55616c !important;color:#fff !important}.button--category-undefined.button--primary:hover,.button--category-undefined.button--primary:active{background:#3f474f !important;border-color:#3f474f !important}.button--category-undefined.button--primary:hover svg,.button--category-undefined.button--primary:active svg{fill:#fff !important}.button--category-undefined.button--primary:focus{background:#3f474f !important;border-color:#3f474f !important;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.button--category-undefined.button--primary:focus svg{fill:#fff !important}.split-button .button{float:left;z-index:1;margin:0 !important;border-radius:4px 0 0 4px;padding:0 20px}.split-button .button:hover,.split-button .button:active{z-index:2}.split-button .button:focus{z-index:2;box-shadow:0 0 0 2px #fff,0 0 0px 3px #387bab;outline:2px dotted transparent;outline-offset:2px}.split-button .button.button--primary{border-right-color:rgba(0,0,0,0.1)}.split-button .button+.button{border-radius:0 4px 4px 0;margin-left:-2px !important}.split-button .button+.button.button--primary{border-left-color:rgba(0,0,0,0.1)}.split-button{display:inline-block;margin:0 15px 0 0}.split-button:before,.split-button:after{content:" ";display:table}.split-button:after{clear:both}.col{float:left !important;width:100% !important}.col-gutters{margin:0 -15px}.col-gutters>.col{padding:0 15px}.col-container:before,.col-container:after{content:" ";display:table}.col-container:after{clear:both}.col-max{max-width:1260px !important;margin:0 auto !important}@media screen{.col-max{padding:0}}@media screen and (min-width: 680px){.col-max{padding:0 5px}}@media screen and (min-width: 960px){.col-max{padding:0 15px}}.col-center{float:none !important;margin:0 auto !important}.col-form{margin:0 -6px !important}.col-form>.col{padding:0 6px}@media screen{.col-5-xs{width:5% !important}.col-offset-5-xs{margin-left:5% !important}.col-10-xs{width:10% !important}.col-offset-10-xs{margin-left:10% !important}.col-15-xs{width:15% !important}.col-offset-15-xs{margin-left:15% !important}.col-20-xs{width:20% !important}.col-offset-20-xs{margin-left:20% !important}.col-25-xs{width:25% !important}.col-offset-25-xs{margin-left:25% !important}.col-30-xs{width:30% !important}.col-offset-30-xs{margin-left:30% !important}.col-33-xs{width:33.3% !important}.col-offset-33-xs{margin-left:33.3% !important}.col-35-xs{width:35% !important}.col-offset-35-xs{margin-left:35% !important}.col-40-xs{width:40% !important}.col-offset-40-xs{margin-left:40% !important}.col-45-xs{width:45% !important}.col-offset-45-xs{margin-left:45% !important}.col-50-xs{width:50% !important}.col-offset-50-xs{margin-left:50% !important}.col-55-xs{width:55% !important}.col-offset-55-xs{margin-left:55% !important}.col-60-xs{width:60% !important}.col-offset-60-xs{margin-left:60% !important}.col-65-xs{width:65% !important}.col-offset-65-xs{margin-left:65% !important}.col-70-xs{width:70% !important}.col-offset-70-xs{margin-left:70% !important}.col-75-xs{width:75% !important}.col-offset-75-xs{margin-left:75% !important}.col-80-xs{width:80% !important}.col-offset-80-xs{margin-left:80% !important}.col-85-xs{width:85% !important}.col-offset-85-xs{margin-left:85% !important}.col-90-xs{width:90% !important}.col-offset-90-xs{margin-left:90% !important}.col-95-xs{width:95% !important}.col-offset-95-xs{margin-left:95% !important}.col-100-xs{width:100% !important}.col-offset-100-xs{margin-left:100% !important}}@media screen and (min-width: 480px){.col-5-sm{width:5% !important}.col-offset-5-sm{margin-left:5% !important}.col-10-sm{width:10% !important}.col-offset-10-sm{margin-left:10% !important}.col-15-sm{width:15% !important}.col-offset-15-sm{margin-left:15% !important}.col-20-sm{width:20% !important}.col-offset-20-sm{margin-left:20% !important}.col-25-sm{width:25% !important}.col-offset-25-sm{margin-left:25% !important}.col-30-sm{width:30% !important}.col-offset-30-sm{margin-left:30% !important}.col-33-sm{width:33.3% !important}.col-offset-33-sm{margin-left:33.3% !important}.col-35-sm{width:35% !important}.col-offset-35-sm{margin-left:35% !important}.col-40-sm{width:40% !important}.col-offset-40-sm{margin-left:40% !important}.col-45-sm{width:45% !important}.col-offset-45-sm{margin-left:45% !important}.col-50-sm{width:50% !important}.col-offset-50-sm{margin-left:50% !important}.col-55-sm{width:55% !important}.col-offset-55-sm{margin-left:55% !important}.col-60-sm{width:60% !important}.col-offset-60-sm{margin-left:60% !important}.col-65-sm{width:65% !important}.col-offset-65-sm{margin-left:65% !important}.col-70-sm{width:70% !important}.col-offset-70-sm{margin-left:70% !important}.col-75-sm{width:75% !important}.col-offset-75-sm{margin-left:75% !important}.col-80-sm{width:80% !important}.col-offset-80-sm{margin-left:80% !important}.col-85-sm{width:85% !important}.col-offset-85-sm{margin-left:85% !important}.col-90-sm{width:90% !important}.col-offset-90-sm{margin-left:90% !important}.col-95-sm{width:95% !important}.col-offset-95-sm{margin-left:95% !important}.col-100-sm{width:100% !important}.col-offset-100-sm{margin-left:100% !important}}@media screen and (min-width: 680px){.col-5-md{width:5% !important}.col-offset-5-md{margin-left:5% !important}.col-10-md{width:10% !important}.col-offset-10-md{margin-left:10% !important}.col-15-md{width:15% !important}.col-offset-15-md{margin-left:15% !important}.col-20-md{width:20% !important}.col-offset-20-md{margin-left:20% !important}.col-25-md{width:25% !important}.col-offset-25-md{margin-left:25% !important}.col-30-md{width:30% !important}.col-offset-30-md{margin-left:30% !important}.col-33-md{width:33.3% !important}.col-offset-33-md{margin-left:33.3% !important}.col-35-md{width:35% !important}.col-offset-35-md{margin-left:35% !important}.col-40-md{width:40% !important}.col-offset-40-md{margin-left:40% !important}.col-45-md{width:45% !important}.col-offset-45-md{margin-left:45% !important}.col-50-md{width:50% !important}.col-offset-50-md{margin-left:50% !important}.col-55-md{width:55% !important}.col-offset-55-md{margin-left:55% !important}.col-60-md{width:60% !important}.col-offset-60-md{margin-left:60% !important}.col-65-md{width:65% !important}.col-offset-65-md{margin-left:65% !important}.col-70-md{width:70% !important}.col-offset-70-md{margin-left:70% !important}.col-75-md{width:75% !important}.col-offset-75-md{margin-left:75% !important}.col-80-md{width:80% !important}.col-offset-80-md{margin-left:80% !important}.col-85-md{width:85% !important}.col-offset-85-md{margin-left:85% !important}.col-90-md{width:90% !important}.col-offset-90-md{margin-left:90% !important}.col-95-md{width:95% !important}.col-offset-95-md{margin-left:95% !important}.col-100-md{width:100% !important}.col-offset-100-md{margin-left:100% !important}}@media screen and (min-width: 960px){.col-5-lg{width:5% !important}.col-offset-5-lg{margin-left:5% !important}.col-10-lg{width:10% !important}.col-offset-10-lg{margin-left:10% !important}.col-15-lg{width:15% !important}.col-offset-15-lg{margin-left:15% !important}.col-20-lg{width:20% !important}.col-offset-20-lg{margin-left:20% !important}.col-25-lg{width:25% !important}.col-offset-25-lg{margin-left:25% !important}.col-30-lg{width:30% !important}.col-offset-30-lg{margin-left:30% !important}.col-33-lg{width:33.3% !important}.col-offset-33-lg{margin-left:33.3% !important}.col-35-lg{width:35% !important}.col-offset-35-lg{margin-left:35% !important}.col-40-lg{width:40% !important}.col-offset-40-lg{margin-left:40% !important}.col-45-lg{width:45% !important}.col-offset-45-lg{margin-left:45% !important}.col-50-lg{width:50% !important}.col-offset-50-lg{margin-left:50% !important}.col-55-lg{width:55% !important}.col-offset-55-lg{margin-left:55% !important}.col-60-lg{width:60% !important}.col-offset-60-lg{margin-left:60% !important}.col-65-lg{width:65% !important}.col-offset-65-lg{margin-left:65% !important}.col-70-lg{width:70% !important}.col-offset-70-lg{margin-left:70% !important}.col-75-lg{width:75% !important}.col-offset-75-lg{margin-left:75% !important}.col-80-lg{width:80% !important}.col-offset-80-lg{margin-left:80% !important}.col-85-lg{width:85% !important}.col-offset-85-lg{margin-left:85% !important}.col-90-lg{width:90% !important}.col-offset-90-lg{margin-left:90% !important}.col-95-lg{width:95% !important}.col-offset-95-lg{margin-left:95% !important}.col-100-lg{width:100% !important}.col-offset-100-lg{margin-left:100% !important}}@media screen and (min-width: 1140px){.col-5-xl{width:5% !important}.col-offset-5-xl{margin-left:5% !important}.col-10-xl{width:10% !important}.col-offset-10-xl{margin-left:10% !important}.col-15-xl{width:15% !important}.col-offset-15-xl{margin-left:15% !important}.col-20-xl{width:20% !important}.col-offset-20-xl{margin-left:20% !important}.col-25-xl{width:25% !important}.col-offset-25-xl{margin-left:25% !important}.col-30-xl{width:30% !important}.col-offset-30-xl{margin-left:30% !important}.col-33-xl{width:33.3% !important}.col-offset-33-xl{margin-left:33.3% !important}.col-35-xl{width:35% !important}.col-offset-35-xl{margin-left:35% !important}.col-40-xl{width:40% !important}.col-offset-40-xl{margin-left:40% !important}.col-45-xl{width:45% !important}.col-offset-45-xl{margin-left:45% !important}.col-50-xl{width:50% !important}.col-offset-50-xl{margin-left:50% !important}.col-55-xl{width:55% !important}.col-offset-55-xl{margin-left:55% !important}.col-60-xl{width:60% !important}.col-offset-60-xl{margin-left:60% !important}.col-65-xl{width:65% !important}.col-offset-65-xl{margin-left:65% !important}.col-70-xl{width:70% !important}.col-offset-70-xl{margin-left:70% !important}.col-75-xl{width:75% !important}.col-offset-75-xl{margin-left:75% !important}.col-80-xl{width:80% !important}.col-offset-80-xl{margin-left:80% !important}.col-85-xl{width:85% !important}.col-offset-85-xl{margin-left:85% !important}.col-90-xl{width:90% !important}.col-offset-90-xl{margin-left:90% !important}.col-95-xl{width:95% !important}.col-offset-95-xl{margin-left:95% !important}.col-100-xl{width:100% !important}.col-offset-100-xl{margin-left:100% !important}}.block-grid{padding:0 !important;list-style:none !important;font-size:0 !important;display:block !important;overflow:hidden !important;margin-bottom:2rem !important}.block-grid-gutters{margin:-1rem -1rem 1rem -1rem !important}.block-grid-gutters .block-grid__item{padding:1rem !important}.block-grid__item{display:block !important;float:left !important;font-size:16px !important}@media screen{.block-1-xs .block-grid__item{width:100% !important}.block-1-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-xs .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-xs .block-grid__item{width:50% !important}.block-2-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-xs .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-xs .block-grid__item{width:33.3333333333% !important}.block-3-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-xs .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-xs .block-grid__item{width:25% !important}.block-4-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-xs .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-xs .block-grid__item{width:20% !important}.block-5-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-xs .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-xs .block-grid__item{width:16.6666666667% !important}.block-6-xs .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-xs .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 480px){.block-1-sm .block-grid__item{width:100% !important}.block-1-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-sm .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-sm .block-grid__item{width:50% !important}.block-2-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-sm .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-sm .block-grid__item{width:33.3333333333% !important}.block-3-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-sm .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-sm .block-grid__item{width:25% !important}.block-4-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-sm .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-sm .block-grid__item{width:20% !important}.block-5-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-sm .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-sm .block-grid__item{width:16.6666666667% !important}.block-6-sm .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-sm .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 680px){.block-1-md .block-grid__item{width:100% !important}.block-1-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-md .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-md .block-grid__item{width:50% !important}.block-2-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-md .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-md .block-grid__item{width:33.3333333333% !important}.block-3-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-md .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-md .block-grid__item{width:25% !important}.block-4-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-md .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-md .block-grid__item{width:20% !important}.block-5-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-md .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-md .block-grid__item{width:16.6666666667% !important}.block-6-md .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-md .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 960px){.block-1-lg .block-grid__item{width:100% !important}.block-1-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-lg .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-lg .block-grid__item{width:50% !important}.block-2-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-lg .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-lg .block-grid__item{width:33.3333333333% !important}.block-3-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-lg .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-lg .block-grid__item{width:25% !important}.block-4-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-lg .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-lg .block-grid__item{width:20% !important}.block-5-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-lg .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-lg .block-grid__item{width:16.6666666667% !important}.block-6-lg .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-lg .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 1140px){.block-1-xl .block-grid__item{width:100% !important}.block-1-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-1-xl .block-grid__item:nth-of-type(1n+1){clear:both !important}.block-2-xl .block-grid__item{width:50% !important}.block-2-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-2-xl .block-grid__item:nth-of-type(2n+1){clear:both !important}.block-3-xl .block-grid__item{width:33.3333333333% !important}.block-3-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-3-xl .block-grid__item:nth-of-type(3n+1){clear:both !important}.block-4-xl .block-grid__item{width:25% !important}.block-4-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-4-xl .block-grid__item:nth-of-type(4n+1){clear:both !important}.block-5-xl .block-grid__item{width:20% !important}.block-5-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-5-xl .block-grid__item:nth-of-type(5n+1){clear:both !important}.block-6-xl .block-grid__item{width:16.6666666667% !important}.block-6-xl .block-grid__item:nth-of-type(1n){clear:none !important}.block-6-xl .block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen{.block-xs{display:block !important}.hide-xs{display:none !important}.inline-xs{display:inline !important}.inline-block-xs{display:inline-block !important}}@media screen and (min-width: 480px){.block-sm{display:block !important}.hide-sm{display:none !important}.inline-sm{display:inline !important}.inline-block-sm{display:inline-block !important}}@media screen and (min-width: 680px){.block-md{display:block !important}.hide-md{display:none !important}.inline-md{display:inline !important}.inline-block-md{display:inline-block !important}}@media screen and (min-width: 960px){.block-lg{display:block !important}.hide-lg{display:none !important}.inline-lg{display:inline !important}.inline-block-lg{display:inline-block !important}}@media screen and (min-width: 1140px){.block-xl{display:block !important}.hide-xl{display:none !important}.inline-xl{display:inline !important}.inline-block-xl{display:inline-block !important}}@media screen{.m-0-xs{margin:0rem !important}.m-05-xs{margin:.5rem !important}.m-1-xs{margin:1rem !important}.m-2-xs{margin:1.5rem !important}.m-3-xs{margin:2rem !important}.m-4-xs{margin:3rem !important}.m-5-xs{margin:4rem !important}.m-6-xs{margin:5rem !important}.m-t-0-xs{margin-top:0rem !important}.m-t-05-xs{margin-top:.5rem !important}.m-t-1-xs{margin-top:1rem !important}.m-t-2-xs{margin-top:1.5rem !important}.m-t-3-xs{margin-top:2rem !important}.m-t-4-xs{margin-top:3rem !important}.m-t-5-xs{margin-top:4rem !important}.m-t-6-xs{margin-top:5rem !important}.m-b-0-xs{margin-bottom:0rem !important}.m-b-05-xs{margin-bottom:.5rem !important}.m-b-1-xs{margin-bottom:1rem !important}.m-b-2-xs{margin-bottom:1.5rem !important}.m-b-3-xs{margin-bottom:2rem !important}.m-b-4-xs{margin-bottom:3rem !important}.m-b-5-xs{margin-bottom:4rem !important}.m-b-6-xs{margin-bottom:5rem !important}.m-l-0-xs{margin-left:0rem !important}.m-l-05-xs{margin-left:.5rem !important}.m-l-1-xs{margin-left:1rem !important}.m-l-2-xs{margin-left:1.5rem !important}.m-l-3-xs{margin-left:2rem !important}.m-l-4-xs{margin-left:3rem !important}.m-l-5-xs{margin-left:4rem !important}.m-l-6-xs{margin-left:5rem !important}.m-r-0-xs{margin-right:0rem !important}.m-r-05-xs{margin-right:.5rem !important}.m-r-1-xs{margin-right:1rem !important}.m-r-2-xs{margin-right:1.5rem !important}.m-r-3-xs{margin-right:2rem !important}.m-r-4-xs{margin-right:3rem !important}.m-r-5-xs{margin-right:4rem !important}.m-r-6-xs{margin-right:5rem !important}.m-lr-0-xs{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-xs{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-xs{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-xs{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-xs{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-xs{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-xs{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-xs{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-xs{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-xs{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-xs{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-xs{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-xs{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-xs{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-xs{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-xs{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-xs{margin:0 auto !important}.m-all-auto-xs{margin-all:auto !important}.m-t-auto-xs{margin-top:auto !important}.m-b-auto-xs{margin-bottom:auto !important}.m-l-auto-xs{margin-left:auto !important}.m-r-auto-xs{margin-right:auto !important}.m-lr-auto-xs{margin-:auto !important}.m-tb-auto-xs{margin-:auto !important}}@media screen and (min-width: 480px){.m-0-sm{margin:0rem !important}.m-05-sm{margin:.5rem !important}.m-1-sm{margin:1rem !important}.m-2-sm{margin:1.5rem !important}.m-3-sm{margin:2rem !important}.m-4-sm{margin:3rem !important}.m-5-sm{margin:4rem !important}.m-6-sm{margin:5rem !important}.m-t-0-sm{margin-top:0rem !important}.m-t-05-sm{margin-top:.5rem !important}.m-t-1-sm{margin-top:1rem !important}.m-t-2-sm{margin-top:1.5rem !important}.m-t-3-sm{margin-top:2rem !important}.m-t-4-sm{margin-top:3rem !important}.m-t-5-sm{margin-top:4rem !important}.m-t-6-sm{margin-top:5rem !important}.m-b-0-sm{margin-bottom:0rem !important}.m-b-05-sm{margin-bottom:.5rem !important}.m-b-1-sm{margin-bottom:1rem !important}.m-b-2-sm{margin-bottom:1.5rem !important}.m-b-3-sm{margin-bottom:2rem !important}.m-b-4-sm{margin-bottom:3rem !important}.m-b-5-sm{margin-bottom:4rem !important}.m-b-6-sm{margin-bottom:5rem !important}.m-l-0-sm{margin-left:0rem !important}.m-l-05-sm{margin-left:.5rem !important}.m-l-1-sm{margin-left:1rem !important}.m-l-2-sm{margin-left:1.5rem !important}.m-l-3-sm{margin-left:2rem !important}.m-l-4-sm{margin-left:3rem !important}.m-l-5-sm{margin-left:4rem !important}.m-l-6-sm{margin-left:5rem !important}.m-r-0-sm{margin-right:0rem !important}.m-r-05-sm{margin-right:.5rem !important}.m-r-1-sm{margin-right:1rem !important}.m-r-2-sm{margin-right:1.5rem !important}.m-r-3-sm{margin-right:2rem !important}.m-r-4-sm{margin-right:3rem !important}.m-r-5-sm{margin-right:4rem !important}.m-r-6-sm{margin-right:5rem !important}.m-lr-0-sm{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-sm{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-sm{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-sm{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-sm{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-sm{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-sm{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-sm{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-sm{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-sm{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-sm{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-sm{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-sm{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-sm{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-sm{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-sm{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-sm{margin:0 auto !important}.m-all-auto-sm{margin-all:auto !important}.m-t-auto-sm{margin-top:auto !important}.m-b-auto-sm{margin-bottom:auto !important}.m-l-auto-sm{margin-left:auto !important}.m-r-auto-sm{margin-right:auto !important}.m-lr-auto-sm{margin-:auto !important}.m-tb-auto-sm{margin-:auto !important}}@media screen and (min-width: 680px){.m-0-md{margin:0rem !important}.m-05-md{margin:.5rem !important}.m-1-md{margin:1rem !important}.m-2-md{margin:1.5rem !important}.m-3-md{margin:2rem !important}.m-4-md{margin:3rem !important}.m-5-md{margin:4rem !important}.m-6-md{margin:5rem !important}.m-t-0-md{margin-top:0rem !important}.m-t-05-md{margin-top:.5rem !important}.m-t-1-md{margin-top:1rem !important}.m-t-2-md{margin-top:1.5rem !important}.m-t-3-md{margin-top:2rem !important}.m-t-4-md{margin-top:3rem !important}.m-t-5-md{margin-top:4rem !important}.m-t-6-md{margin-top:5rem !important}.m-b-0-md{margin-bottom:0rem !important}.m-b-05-md{margin-bottom:.5rem !important}.m-b-1-md{margin-bottom:1rem !important}.m-b-2-md{margin-bottom:1.5rem !important}.m-b-3-md{margin-bottom:2rem !important}.m-b-4-md{margin-bottom:3rem !important}.m-b-5-md{margin-bottom:4rem !important}.m-b-6-md{margin-bottom:5rem !important}.m-l-0-md{margin-left:0rem !important}.m-l-05-md{margin-left:.5rem !important}.m-l-1-md{margin-left:1rem !important}.m-l-2-md{margin-left:1.5rem !important}.m-l-3-md{margin-left:2rem !important}.m-l-4-md{margin-left:3rem !important}.m-l-5-md{margin-left:4rem !important}.m-l-6-md{margin-left:5rem !important}.m-r-0-md{margin-right:0rem !important}.m-r-05-md{margin-right:.5rem !important}.m-r-1-md{margin-right:1rem !important}.m-r-2-md{margin-right:1.5rem !important}.m-r-3-md{margin-right:2rem !important}.m-r-4-md{margin-right:3rem !important}.m-r-5-md{margin-right:4rem !important}.m-r-6-md{margin-right:5rem !important}.m-lr-0-md{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-md{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-md{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-md{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-md{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-md{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-md{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-md{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-md{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-md{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-md{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-md{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-md{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-md{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-md{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-md{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-md{margin:0 auto !important}.m-all-auto-md{margin-all:auto !important}.m-t-auto-md{margin-top:auto !important}.m-b-auto-md{margin-bottom:auto !important}.m-l-auto-md{margin-left:auto !important}.m-r-auto-md{margin-right:auto !important}.m-lr-auto-md{margin-:auto !important}.m-tb-auto-md{margin-:auto !important}}@media screen and (min-width: 960px){.m-0-lg{margin:0rem !important}.m-05-lg{margin:.5rem !important}.m-1-lg{margin:1rem !important}.m-2-lg{margin:1.5rem !important}.m-3-lg{margin:2rem !important}.m-4-lg{margin:3rem !important}.m-5-lg{margin:4rem !important}.m-6-lg{margin:5rem !important}.m-t-0-lg{margin-top:0rem !important}.m-t-05-lg{margin-top:.5rem !important}.m-t-1-lg{margin-top:1rem !important}.m-t-2-lg{margin-top:1.5rem !important}.m-t-3-lg{margin-top:2rem !important}.m-t-4-lg{margin-top:3rem !important}.m-t-5-lg{margin-top:4rem !important}.m-t-6-lg{margin-top:5rem !important}.m-b-0-lg{margin-bottom:0rem !important}.m-b-05-lg{margin-bottom:.5rem !important}.m-b-1-lg{margin-bottom:1rem !important}.m-b-2-lg{margin-bottom:1.5rem !important}.m-b-3-lg{margin-bottom:2rem !important}.m-b-4-lg{margin-bottom:3rem !important}.m-b-5-lg{margin-bottom:4rem !important}.m-b-6-lg{margin-bottom:5rem !important}.m-l-0-lg{margin-left:0rem !important}.m-l-05-lg{margin-left:.5rem !important}.m-l-1-lg{margin-left:1rem !important}.m-l-2-lg{margin-left:1.5rem !important}.m-l-3-lg{margin-left:2rem !important}.m-l-4-lg{margin-left:3rem !important}.m-l-5-lg{margin-left:4rem !important}.m-l-6-lg{margin-left:5rem !important}.m-r-0-lg{margin-right:0rem !important}.m-r-05-lg{margin-right:.5rem !important}.m-r-1-lg{margin-right:1rem !important}.m-r-2-lg{margin-right:1.5rem !important}.m-r-3-lg{margin-right:2rem !important}.m-r-4-lg{margin-right:3rem !important}.m-r-5-lg{margin-right:4rem !important}.m-r-6-lg{margin-right:5rem !important}.m-lr-0-lg{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-lg{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-lg{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-lg{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-lg{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-lg{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-lg{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-lg{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-lg{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-lg{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-lg{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-lg{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-lg{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-lg{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-lg{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-lg{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-lg{margin:0 auto !important}.m-all-auto-lg{margin-all:auto !important}.m-t-auto-lg{margin-top:auto !important}.m-b-auto-lg{margin-bottom:auto !important}.m-l-auto-lg{margin-left:auto !important}.m-r-auto-lg{margin-right:auto !important}.m-lr-auto-lg{margin-:auto !important}.m-tb-auto-lg{margin-:auto !important}}@media screen and (min-width: 1140px){.m-0-xl{margin:0rem !important}.m-05-xl{margin:.5rem !important}.m-1-xl{margin:1rem !important}.m-2-xl{margin:1.5rem !important}.m-3-xl{margin:2rem !important}.m-4-xl{margin:3rem !important}.m-5-xl{margin:4rem !important}.m-6-xl{margin:5rem !important}.m-t-0-xl{margin-top:0rem !important}.m-t-05-xl{margin-top:.5rem !important}.m-t-1-xl{margin-top:1rem !important}.m-t-2-xl{margin-top:1.5rem !important}.m-t-3-xl{margin-top:2rem !important}.m-t-4-xl{margin-top:3rem !important}.m-t-5-xl{margin-top:4rem !important}.m-t-6-xl{margin-top:5rem !important}.m-b-0-xl{margin-bottom:0rem !important}.m-b-05-xl{margin-bottom:.5rem !important}.m-b-1-xl{margin-bottom:1rem !important}.m-b-2-xl{margin-bottom:1.5rem !important}.m-b-3-xl{margin-bottom:2rem !important}.m-b-4-xl{margin-bottom:3rem !important}.m-b-5-xl{margin-bottom:4rem !important}.m-b-6-xl{margin-bottom:5rem !important}.m-l-0-xl{margin-left:0rem !important}.m-l-05-xl{margin-left:.5rem !important}.m-l-1-xl{margin-left:1rem !important}.m-l-2-xl{margin-left:1.5rem !important}.m-l-3-xl{margin-left:2rem !important}.m-l-4-xl{margin-left:3rem !important}.m-l-5-xl{margin-left:4rem !important}.m-l-6-xl{margin-left:5rem !important}.m-r-0-xl{margin-right:0rem !important}.m-r-05-xl{margin-right:.5rem !important}.m-r-1-xl{margin-right:1rem !important}.m-r-2-xl{margin-right:1.5rem !important}.m-r-3-xl{margin-right:2rem !important}.m-r-4-xl{margin-right:3rem !important}.m-r-5-xl{margin-right:4rem !important}.m-r-6-xl{margin-right:5rem !important}.m-lr-0-xl{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-xl{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-xl{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-xl{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-xl{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-xl{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-xl{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-xl{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-xl{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-xl{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-xl{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-xl{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-xl{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-xl{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-xl{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-xl{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-xl{margin:0 auto !important}.m-all-auto-xl{margin-all:auto !important}.m-t-auto-xl{margin-top:auto !important}.m-b-auto-xl{margin-bottom:auto !important}.m-l-auto-xl{margin-left:auto !important}.m-r-auto-xl{margin-right:auto !important}.m-lr-auto-xl{margin-:auto !important}.m-tb-auto-xl{margin-:auto !important}}@media screen{.p-0-xs{padding:0rem !important}.p-05-xs{padding:.5rem !important}.p-1-xs{padding:1rem !important}.p-2-xs{padding:1.5rem !important}.p-3-xs{padding:2rem !important}.p-4-xs{padding:3rem !important}.p-5-xs{padding:4rem !important}.p-6-xs{padding:5rem !important}.p-t-0-xs{padding-top:0rem !important}.p-t-05-xs{padding-top:.5rem !important}.p-t-1-xs{padding-top:1rem !important}.p-t-2-xs{padding-top:1.5rem !important}.p-t-3-xs{padding-top:2rem !important}.p-t-4-xs{padding-top:3rem !important}.p-t-5-xs{padding-top:4rem !important}.p-t-6-xs{padding-top:5rem !important}.p-b-0-xs{padding-bottom:0rem !important}.p-b-05-xs{padding-bottom:.5rem !important}.p-b-1-xs{padding-bottom:1rem !important}.p-b-2-xs{padding-bottom:1.5rem !important}.p-b-3-xs{padding-bottom:2rem !important}.p-b-4-xs{padding-bottom:3rem !important}.p-b-5-xs{padding-bottom:4rem !important}.p-b-6-xs{padding-bottom:5rem !important}.p-l-0-xs{padding-left:0rem !important}.p-l-05-xs{padding-left:.5rem !important}.p-l-1-xs{padding-left:1rem !important}.p-l-2-xs{padding-left:1.5rem !important}.p-l-3-xs{padding-left:2rem !important}.p-l-4-xs{padding-left:3rem !important}.p-l-5-xs{padding-left:4rem !important}.p-l-6-xs{padding-left:5rem !important}.p-r-0-xs{padding-right:0rem !important}.p-r-05-xs{padding-right:.5rem !important}.p-r-1-xs{padding-right:1rem !important}.p-r-2-xs{padding-right:1.5rem !important}.p-r-3-xs{padding-right:2rem !important}.p-r-4-xs{padding-right:3rem !important}.p-r-5-xs{padding-right:4rem !important}.p-r-6-xs{padding-right:5rem !important}.p-lr-0-xs{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-xs{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-xs{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-xs{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-xs{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-xs{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-xs{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-xs{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-xs{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-xs{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-xs{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-xs{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-xs{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-xs{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-xs{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-xs{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 480px){.p-0-sm{padding:0rem !important}.p-05-sm{padding:.5rem !important}.p-1-sm{padding:1rem !important}.p-2-sm{padding:1.5rem !important}.p-3-sm{padding:2rem !important}.p-4-sm{padding:3rem !important}.p-5-sm{padding:4rem !important}.p-6-sm{padding:5rem !important}.p-t-0-sm{padding-top:0rem !important}.p-t-05-sm{padding-top:.5rem !important}.p-t-1-sm{padding-top:1rem !important}.p-t-2-sm{padding-top:1.5rem !important}.p-t-3-sm{padding-top:2rem !important}.p-t-4-sm{padding-top:3rem !important}.p-t-5-sm{padding-top:4rem !important}.p-t-6-sm{padding-top:5rem !important}.p-b-0-sm{padding-bottom:0rem !important}.p-b-05-sm{padding-bottom:.5rem !important}.p-b-1-sm{padding-bottom:1rem !important}.p-b-2-sm{padding-bottom:1.5rem !important}.p-b-3-sm{padding-bottom:2rem !important}.p-b-4-sm{padding-bottom:3rem !important}.p-b-5-sm{padding-bottom:4rem !important}.p-b-6-sm{padding-bottom:5rem !important}.p-l-0-sm{padding-left:0rem !important}.p-l-05-sm{padding-left:.5rem !important}.p-l-1-sm{padding-left:1rem !important}.p-l-2-sm{padding-left:1.5rem !important}.p-l-3-sm{padding-left:2rem !important}.p-l-4-sm{padding-left:3rem !important}.p-l-5-sm{padding-left:4rem !important}.p-l-6-sm{padding-left:5rem !important}.p-r-0-sm{padding-right:0rem !important}.p-r-05-sm{padding-right:.5rem !important}.p-r-1-sm{padding-right:1rem !important}.p-r-2-sm{padding-right:1.5rem !important}.p-r-3-sm{padding-right:2rem !important}.p-r-4-sm{padding-right:3rem !important}.p-r-5-sm{padding-right:4rem !important}.p-r-6-sm{padding-right:5rem !important}.p-lr-0-sm{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-sm{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-sm{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-sm{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-sm{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-sm{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-sm{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-sm{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-sm{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-sm{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-sm{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-sm{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-sm{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-sm{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-sm{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-sm{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 680px){.p-0-md{padding:0rem !important}.p-05-md{padding:.5rem !important}.p-1-md{padding:1rem !important}.p-2-md{padding:1.5rem !important}.p-3-md{padding:2rem !important}.p-4-md{padding:3rem !important}.p-5-md{padding:4rem !important}.p-6-md{padding:5rem !important}.p-t-0-md{padding-top:0rem !important}.p-t-05-md{padding-top:.5rem !important}.p-t-1-md{padding-top:1rem !important}.p-t-2-md{padding-top:1.5rem !important}.p-t-3-md{padding-top:2rem !important}.p-t-4-md{padding-top:3rem !important}.p-t-5-md{padding-top:4rem !important}.p-t-6-md{padding-top:5rem !important}.p-b-0-md{padding-bottom:0rem !important}.p-b-05-md{padding-bottom:.5rem !important}.p-b-1-md{padding-bottom:1rem !important}.p-b-2-md{padding-bottom:1.5rem !important}.p-b-3-md{padding-bottom:2rem !important}.p-b-4-md{padding-bottom:3rem !important}.p-b-5-md{padding-bottom:4rem !important}.p-b-6-md{padding-bottom:5rem !important}.p-l-0-md{padding-left:0rem !important}.p-l-05-md{padding-left:.5rem !important}.p-l-1-md{padding-left:1rem !important}.p-l-2-md{padding-left:1.5rem !important}.p-l-3-md{padding-left:2rem !important}.p-l-4-md{padding-left:3rem !important}.p-l-5-md{padding-left:4rem !important}.p-l-6-md{padding-left:5rem !important}.p-r-0-md{padding-right:0rem !important}.p-r-05-md{padding-right:.5rem !important}.p-r-1-md{padding-right:1rem !important}.p-r-2-md{padding-right:1.5rem !important}.p-r-3-md{padding-right:2rem !important}.p-r-4-md{padding-right:3rem !important}.p-r-5-md{padding-right:4rem !important}.p-r-6-md{padding-right:5rem !important}.p-lr-0-md{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-md{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-md{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-md{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-md{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-md{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-md{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-md{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-md{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-md{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-md{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-md{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-md{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-md{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-md{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-md{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 960px){.p-0-lg{padding:0rem !important}.p-05-lg{padding:.5rem !important}.p-1-lg{padding:1rem !important}.p-2-lg{padding:1.5rem !important}.p-3-lg{padding:2rem !important}.p-4-lg{padding:3rem !important}.p-5-lg{padding:4rem !important}.p-6-lg{padding:5rem !important}.p-t-0-lg{padding-top:0rem !important}.p-t-05-lg{padding-top:.5rem !important}.p-t-1-lg{padding-top:1rem !important}.p-t-2-lg{padding-top:1.5rem !important}.p-t-3-lg{padding-top:2rem !important}.p-t-4-lg{padding-top:3rem !important}.p-t-5-lg{padding-top:4rem !important}.p-t-6-lg{padding-top:5rem !important}.p-b-0-lg{padding-bottom:0rem !important}.p-b-05-lg{padding-bottom:.5rem !important}.p-b-1-lg{padding-bottom:1rem !important}.p-b-2-lg{padding-bottom:1.5rem !important}.p-b-3-lg{padding-bottom:2rem !important}.p-b-4-lg{padding-bottom:3rem !important}.p-b-5-lg{padding-bottom:4rem !important}.p-b-6-lg{padding-bottom:5rem !important}.p-l-0-lg{padding-left:0rem !important}.p-l-05-lg{padding-left:.5rem !important}.p-l-1-lg{padding-left:1rem !important}.p-l-2-lg{padding-left:1.5rem !important}.p-l-3-lg{padding-left:2rem !important}.p-l-4-lg{padding-left:3rem !important}.p-l-5-lg{padding-left:4rem !important}.p-l-6-lg{padding-left:5rem !important}.p-r-0-lg{padding-right:0rem !important}.p-r-05-lg{padding-right:.5rem !important}.p-r-1-lg{padding-right:1rem !important}.p-r-2-lg{padding-right:1.5rem !important}.p-r-3-lg{padding-right:2rem !important}.p-r-4-lg{padding-right:3rem !important}.p-r-5-lg{padding-right:4rem !important}.p-r-6-lg{padding-right:5rem !important}.p-lr-0-lg{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-lg{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-lg{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-lg{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-lg{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-lg{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-lg{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-lg{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-lg{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-lg{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-lg{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-lg{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-lg{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-lg{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-lg{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-lg{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1140px){.p-0-xl{padding:0rem !important}.p-05-xl{padding:.5rem !important}.p-1-xl{padding:1rem !important}.p-2-xl{padding:1.5rem !important}.p-3-xl{padding:2rem !important}.p-4-xl{padding:3rem !important}.p-5-xl{padding:4rem !important}.p-6-xl{padding:5rem !important}.p-t-0-xl{padding-top:0rem !important}.p-t-05-xl{padding-top:.5rem !important}.p-t-1-xl{padding-top:1rem !important}.p-t-2-xl{padding-top:1.5rem !important}.p-t-3-xl{padding-top:2rem !important}.p-t-4-xl{padding-top:3rem !important}.p-t-5-xl{padding-top:4rem !important}.p-t-6-xl{padding-top:5rem !important}.p-b-0-xl{padding-bottom:0rem !important}.p-b-05-xl{padding-bottom:.5rem !important}.p-b-1-xl{padding-bottom:1rem !important}.p-b-2-xl{padding-bottom:1.5rem !important}.p-b-3-xl{padding-bottom:2rem !important}.p-b-4-xl{padding-bottom:3rem !important}.p-b-5-xl{padding-bottom:4rem !important}.p-b-6-xl{padding-bottom:5rem !important}.p-l-0-xl{padding-left:0rem !important}.p-l-05-xl{padding-left:.5rem !important}.p-l-1-xl{padding-left:1rem !important}.p-l-2-xl{padding-left:1.5rem !important}.p-l-3-xl{padding-left:2rem !important}.p-l-4-xl{padding-left:3rem !important}.p-l-5-xl{padding-left:4rem !important}.p-l-6-xl{padding-left:5rem !important}.p-r-0-xl{padding-right:0rem !important}.p-r-05-xl{padding-right:.5rem !important}.p-r-1-xl{padding-right:1rem !important}.p-r-2-xl{padding-right:1.5rem !important}.p-r-3-xl{padding-right:2rem !important}.p-r-4-xl{padding-right:3rem !important}.p-r-5-xl{padding-right:4rem !important}.p-r-6-xl{padding-right:5rem !important}.p-lr-0-xl{padding-left:0rem !important;padding-right:0rem !important}.p-lr-05-xl{padding-left:.5rem !important;padding-right:.5rem !important}.p-lr-1-xl{padding-left:1rem !important;padding-right:1rem !important}.p-lr-2-xl{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-lr-3-xl{padding-left:2rem !important;padding-right:2rem !important}.p-lr-4-xl{padding-left:3rem !important;padding-right:3rem !important}.p-lr-5-xl{padding-left:4rem !important;padding-right:4rem !important}.p-lr-6-xl{padding-left:5rem !important;padding-right:5rem !important}.p-tb-0-xl{padding-top:0rem !important;padding-bottom:0rem !important}.p-tb-05-xl{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-tb-1-xl{padding-top:1rem !important;padding-bottom:1rem !important}.p-tb-2-xl{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-tb-3-xl{padding-top:2rem !important;padding-bottom:2rem !important}.p-tb-4-xl{padding-top:3rem !important;padding-bottom:3rem !important}.p-tb-5-xl{padding-top:4rem !important;padding-bottom:4rem !important}.p-tb-6-xl{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen{.float-l-xs{float:left !important}.float-r-xs{float:right !important}.float-none-xs{float:none !important}}@media screen and (min-width: 480px){.float-l-sm{float:left !important}.float-r-sm{float:right !important}.float-none-sm{float:none !important}}@media screen and (min-width: 680px){.float-l-md{float:left !important}.float-r-md{float:right !important}.float-none-md{float:none !important}}@media screen and (min-width: 960px){.float-l-lg{float:left !important}.float-r-lg{float:right !important}.float-none-lg{float:none !important}}@media screen and (min-width: 1140px){.float-l-xl{float:left !important}.float-r-xl{float:right !important}.float-none-xl{float:none !important}}@media screen{.overflow-hidden-xs{overflow:hidden !important}.overflow-auto-xs{overflow:auto !important}.overflow-scroll-xs{overflow:scroll !important}.overflow-visible-xs{overflow:visible !important}}@media screen and (min-width: 480px){.overflow-hidden-sm{overflow:hidden !important}.overflow-auto-sm{overflow:auto !important}.overflow-scroll-sm{overflow:scroll !important}.overflow-visible-sm{overflow:visible !important}}@media screen and (min-width: 680px){.overflow-hidden-md{overflow:hidden !important}.overflow-auto-md{overflow:auto !important}.overflow-scroll-md{overflow:scroll !important}.overflow-visible-md{overflow:visible !important}}@media screen and (min-width: 960px){.overflow-hidden-lg{overflow:hidden !important}.overflow-auto-lg{overflow:auto !important}.overflow-scroll-lg{overflow:scroll !important}.overflow-visible-lg{overflow:visible !important}}@media screen and (min-width: 1140px){.overflow-hidden-xl{overflow:hidden !important}.overflow-auto-xl{overflow:auto !important}.overflow-scroll-xl{overflow:scroll !important}.overflow-visible-xl{overflow:visible !important}}@media screen{.w-auto-xs{width:auto !important}.w-full-xs{width:100% !important}.h-full-xs{height:100% !important}.w-fit-xs{max-width:100% !important}}@media screen and (min-width: 480px){.w-auto-sm{width:auto !important}.w-full-sm{width:100% !important}.h-full-sm{height:100% !important}.w-fit-sm{max-width:100% !important}}@media screen and (min-width: 680px){.w-auto-md{width:auto !important}.w-full-md{width:100% !important}.h-full-md{height:100% !important}.w-fit-md{max-width:100% !important}}@media screen and (min-width: 960px){.w-auto-lg{width:auto !important}.w-full-lg{width:100% !important}.h-full-lg{height:100% !important}.w-fit-lg{max-width:100% !important}}@media screen and (min-width: 1140px){.w-auto-xl{width:auto !important}.w-full-xl{width:100% !important}.h-full-xl{height:100% !important}.w-fit-xl{max-width:100% !important}}@media screen{.relative-xs{position:relative !important}.absolute-xs{position:absolute !important}.fixed-xs{position:fixed !important}.static-xs{position:static !important}.pos-t-0-xs{top:0rem !important}.pos-t-05-xs{top:.5rem !important}.pos-t-1-xs{top:1rem !important}.pos-t-2-xs{top:1.5rem !important}.pos-t-3-xs{top:2rem !important}.pos-t-4-xs{top:3rem !important}.pos-t-5-xs{top:4rem !important}.pos-t-6-xs{top:5rem !important}.pos-b-0-xs{bottom:0rem !important}.pos-b-05-xs{bottom:.5rem !important}.pos-b-1-xs{bottom:1rem !important}.pos-b-2-xs{bottom:1.5rem !important}.pos-b-3-xs{bottom:2rem !important}.pos-b-4-xs{bottom:3rem !important}.pos-b-5-xs{bottom:4rem !important}.pos-b-6-xs{bottom:5rem !important}.pos-l-0-xs{left:0rem !important}.pos-l-05-xs{left:.5rem !important}.pos-l-1-xs{left:1rem !important}.pos-l-2-xs{left:1.5rem !important}.pos-l-3-xs{left:2rem !important}.pos-l-4-xs{left:3rem !important}.pos-l-5-xs{left:4rem !important}.pos-l-6-xs{left:5rem !important}.pos-r-0-xs{right:0rem !important}.pos-r-05-xs{right:.5rem !important}.pos-r-1-xs{right:1rem !important}.pos-r-2-xs{right:1.5rem !important}.pos-r-3-xs{right:2rem !important}.pos-r-4-xs{right:3rem !important}.pos-r-5-xs{right:4rem !important}.pos-r-6-xs{right:5rem !important}.z-1-xs{z-index:100 !important}.z-2-xs{z-index:200 !important}.z-3-xs{z-index:300 !important}.z-4-xs{z-index:400 !important}}@media screen and (min-width: 480px){.relative-sm{position:relative !important}.absolute-sm{position:absolute !important}.fixed-sm{position:fixed !important}.static-sm{position:static !important}.pos-t-0-sm{top:0rem !important}.pos-t-05-sm{top:.5rem !important}.pos-t-1-sm{top:1rem !important}.pos-t-2-sm{top:1.5rem !important}.pos-t-3-sm{top:2rem !important}.pos-t-4-sm{top:3rem !important}.pos-t-5-sm{top:4rem !important}.pos-t-6-sm{top:5rem !important}.pos-b-0-sm{bottom:0rem !important}.pos-b-05-sm{bottom:.5rem !important}.pos-b-1-sm{bottom:1rem !important}.pos-b-2-sm{bottom:1.5rem !important}.pos-b-3-sm{bottom:2rem !important}.pos-b-4-sm{bottom:3rem !important}.pos-b-5-sm{bottom:4rem !important}.pos-b-6-sm{bottom:5rem !important}.pos-l-0-sm{left:0rem !important}.pos-l-05-sm{left:.5rem !important}.pos-l-1-sm{left:1rem !important}.pos-l-2-sm{left:1.5rem !important}.pos-l-3-sm{left:2rem !important}.pos-l-4-sm{left:3rem !important}.pos-l-5-sm{left:4rem !important}.pos-l-6-sm{left:5rem !important}.pos-r-0-sm{right:0rem !important}.pos-r-05-sm{right:.5rem !important}.pos-r-1-sm{right:1rem !important}.pos-r-2-sm{right:1.5rem !important}.pos-r-3-sm{right:2rem !important}.pos-r-4-sm{right:3rem !important}.pos-r-5-sm{right:4rem !important}.pos-r-6-sm{right:5rem !important}.z-1-sm{z-index:100 !important}.z-2-sm{z-index:200 !important}.z-3-sm{z-index:300 !important}.z-4-sm{z-index:400 !important}}@media screen and (min-width: 680px){.relative-md{position:relative !important}.absolute-md{position:absolute !important}.fixed-md{position:fixed !important}.static-md{position:static !important}.pos-t-0-md{top:0rem !important}.pos-t-05-md{top:.5rem !important}.pos-t-1-md{top:1rem !important}.pos-t-2-md{top:1.5rem !important}.pos-t-3-md{top:2rem !important}.pos-t-4-md{top:3rem !important}.pos-t-5-md{top:4rem !important}.pos-t-6-md{top:5rem !important}.pos-b-0-md{bottom:0rem !important}.pos-b-05-md{bottom:.5rem !important}.pos-b-1-md{bottom:1rem !important}.pos-b-2-md{bottom:1.5rem !important}.pos-b-3-md{bottom:2rem !important}.pos-b-4-md{bottom:3rem !important}.pos-b-5-md{bottom:4rem !important}.pos-b-6-md{bottom:5rem !important}.pos-l-0-md{left:0rem !important}.pos-l-05-md{left:.5rem !important}.pos-l-1-md{left:1rem !important}.pos-l-2-md{left:1.5rem !important}.pos-l-3-md{left:2rem !important}.pos-l-4-md{left:3rem !important}.pos-l-5-md{left:4rem !important}.pos-l-6-md{left:5rem !important}.pos-r-0-md{right:0rem !important}.pos-r-05-md{right:.5rem !important}.pos-r-1-md{right:1rem !important}.pos-r-2-md{right:1.5rem !important}.pos-r-3-md{right:2rem !important}.pos-r-4-md{right:3rem !important}.pos-r-5-md{right:4rem !important}.pos-r-6-md{right:5rem !important}.z-1-md{z-index:100 !important}.z-2-md{z-index:200 !important}.z-3-md{z-index:300 !important}.z-4-md{z-index:400 !important}}@media screen and (min-width: 960px){.relative-lg{position:relative !important}.absolute-lg{position:absolute !important}.fixed-lg{position:fixed !important}.static-lg{position:static !important}.pos-t-0-lg{top:0rem !important}.pos-t-05-lg{top:.5rem !important}.pos-t-1-lg{top:1rem !important}.pos-t-2-lg{top:1.5rem !important}.pos-t-3-lg{top:2rem !important}.pos-t-4-lg{top:3rem !important}.pos-t-5-lg{top:4rem !important}.pos-t-6-lg{top:5rem !important}.pos-b-0-lg{bottom:0rem !important}.pos-b-05-lg{bottom:.5rem !important}.pos-b-1-lg{bottom:1rem !important}.pos-b-2-lg{bottom:1.5rem !important}.pos-b-3-lg{bottom:2rem !important}.pos-b-4-lg{bottom:3rem !important}.pos-b-5-lg{bottom:4rem !important}.pos-b-6-lg{bottom:5rem !important}.pos-l-0-lg{left:0rem !important}.pos-l-05-lg{left:.5rem !important}.pos-l-1-lg{left:1rem !important}.pos-l-2-lg{left:1.5rem !important}.pos-l-3-lg{left:2rem !important}.pos-l-4-lg{left:3rem !important}.pos-l-5-lg{left:4rem !important}.pos-l-6-lg{left:5rem !important}.pos-r-0-lg{right:0rem !important}.pos-r-05-lg{right:.5rem !important}.pos-r-1-lg{right:1rem !important}.pos-r-2-lg{right:1.5rem !important}.pos-r-3-lg{right:2rem !important}.pos-r-4-lg{right:3rem !important}.pos-r-5-lg{right:4rem !important}.pos-r-6-lg{right:5rem !important}.z-1-lg{z-index:100 !important}.z-2-lg{z-index:200 !important}.z-3-lg{z-index:300 !important}.z-4-lg{z-index:400 !important}}@media screen and (min-width: 1140px){.m-0-xl{margin:0rem !important}.m-05-xl{margin:.5rem !important}.m-1-xl{margin:1rem !important}.m-2-xl{margin:1.5rem !important}.m-3-xl{margin:2rem !important}.m-4-xl{margin:3rem !important}.m-5-xl{margin:4rem !important}.m-6-xl{margin:5rem !important}.m-t-0-xl{margin-top:0rem !important}.m-t-05-xl{margin-top:.5rem !important}.m-t-1-xl{margin-top:1rem !important}.m-t-2-xl{margin-top:1.5rem !important}.m-t-3-xl{margin-top:2rem !important}.m-t-4-xl{margin-top:3rem !important}.m-t-5-xl{margin-top:4rem !important}.m-t-6-xl{margin-top:5rem !important}.m-b-0-xl{margin-bottom:0rem !important}.m-b-05-xl{margin-bottom:.5rem !important}.m-b-1-xl{margin-bottom:1rem !important}.m-b-2-xl{margin-bottom:1.5rem !important}.m-b-3-xl{margin-bottom:2rem !important}.m-b-4-xl{margin-bottom:3rem !important}.m-b-5-xl{margin-bottom:4rem !important}.m-b-6-xl{margin-bottom:5rem !important}.m-l-0-xl{margin-left:0rem !important}.m-l-05-xl{margin-left:.5rem !important}.m-l-1-xl{margin-left:1rem !important}.m-l-2-xl{margin-left:1.5rem !important}.m-l-3-xl{margin-left:2rem !important}.m-l-4-xl{margin-left:3rem !important}.m-l-5-xl{margin-left:4rem !important}.m-l-6-xl{margin-left:5rem !important}.m-r-0-xl{margin-right:0rem !important}.m-r-05-xl{margin-right:.5rem !important}.m-r-1-xl{margin-right:1rem !important}.m-r-2-xl{margin-right:1.5rem !important}.m-r-3-xl{margin-right:2rem !important}.m-r-4-xl{margin-right:3rem !important}.m-r-5-xl{margin-right:4rem !important}.m-r-6-xl{margin-right:5rem !important}.m-lr-0-xl{margin-left:0rem !important;margin-right:0rem !important}.m-lr-05-xl{margin-left:.5rem !important;margin-right:.5rem !important}.m-lr-1-xl{margin-left:1rem !important;margin-right:1rem !important}.m-lr-2-xl{margin-left:1.5rem !important;margin-right:1.5rem !important}.m-lr-3-xl{margin-left:2rem !important;margin-right:2rem !important}.m-lr-4-xl{margin-left:3rem !important;margin-right:3rem !important}.m-lr-5-xl{margin-left:4rem !important;margin-right:4rem !important}.m-lr-6-xl{margin-left:5rem !important;margin-right:5rem !important}.m-tb-0-xl{margin-top:0rem !important;margin-bottom:0rem !important}.m-tb-05-xl{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-tb-1-xl{margin-top:1rem !important;margin-bottom:1rem !important}.m-tb-2-xl{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-tb-3-xl{margin-top:2rem !important;margin-bottom:2rem !important}.m-tb-4-xl{margin-top:3rem !important;margin-bottom:3rem !important}.m-tb-5-xl{margin-top:4rem !important;margin-bottom:4rem !important}.m-tb-6-xl{margin-top:5rem !important;margin-bottom:5rem !important}.m-auto-xl{margin:0 auto !important}.m-all-auto-xl{margin-all:auto !important}.m-t-auto-xl{margin-top:auto !important}.m-b-auto-xl{margin-bottom:auto !important}.m-l-auto-xl{margin-left:auto !important}.m-r-auto-xl{margin-right:auto !important}.m-lr-auto-xl{margin-:auto !important}.m-tb-auto-xl{margin-:auto !important}}@media screen{.align-top-xs{vertical-align:top !important}.align-middle-xs{vertical-align:middle !important}.align-bottom-xs{vertical-align:bottom !important}}@media screen and (min-width: 480px){.align-top-sm{vertical-align:top !important}.align-middle-sm{vertical-align:middle !important}.align-bottom-sm{vertical-align:bottom !important}}@media screen and (min-width: 680px){.align-top-md{vertical-align:top !important}.align-middle-md{vertical-align:middle !important}.align-bottom-md{vertical-align:bottom !important}}@media screen and (min-width: 960px){.align-top-lg{vertical-align:top !important}.align-middle-lg{vertical-align:middle !important}.align-bottom-lg{vertical-align:bottom !important}}@media screen and (min-width: 1140px){.align-top-xl{vertical-align:top !important}.align-middle-xl{vertical-align:middle !important}.align-bottom-xl{vertical-align:bottom !important}}.form-fieldset{padding:0;border:0;margin:0}.form-feedback{display:block;margin-top:.5rem;font-size:.9rem}.form-feedback-success .form-feedback{color:#24793d}.form-feedback-warning .form-feedback{color:#bf570f}.form-feedback-error .form-feedback{color:#be4a4a}.form-label,.form-helper{display:block}.form-label{color:#40484a;font-weight:500;margin-bottom:.5rem;line-height:1.3}.form-label-required{color:#be4a4a;font-weight:500}.form-feedback-success .form-label{color:#24793d}.form-feedback-warning .form-label{color:#bf570f}.form-feedback-error .form-label{color:#be4a4a}.form-helper{color:#7b8b8e;font-weight:normal;font-size:.9rem;margin-top:.5rem}.form-text-input,.form-textarea{background-color:#f9fafa;border-color:#d4d9dd;transition:.2s;margin:0;font-size:1rem;padding:.75rem 1rem;outline:none;border:2px solid #d4d9dd;border-radius:4px;box-shadow:0;box-sizing:border-box;color:#40484a}.form-text-input::-webkit-input-placeholder,.form-textarea::-webkit-input-placeholder{color:#4b5658}.form-text-input:-moz-placeholder,.form-textarea:-moz-placeholder{color:#4b5658}.form-text-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#4b5658}.form-text-input:-ms-input-placeholder,.form-textarea:-ms-input-placeholder{color:#4b5658}.form-text-input .placeholder,.form-textarea .placeholder{color:#4b5658}.form-feedback-success .form-text-input,.form-feedback-warning .form-text-input,.form-feedback-error .form-text-input,.form-feedback-success .form-textarea,.form-feedback-warning .form-textarea,.form-feedback-error .form-textarea{background-color:#fff}.form-feedback-success .form-text-input,.form-feedback-success .form-textarea{border-color:#24793d}.form-feedback-warning .form-text-input,.form-feedback-warning .form-textarea{border-color:#bf570f}.form-feedback-error .form-text-input,.form-feedback-error .form-textarea{border-color:#be4a4a}.form-text-input:focus,.form-textarea:focus{background-color:#fff;border-color:#8c9aa6;box-shadow:0 0 0px 2px #8c9aa6;box-shadow:0 0 0px 2px #8c9aa6}.form-feedback-success .form-text-input:focus,.form-feedback-warning .form-text-input:focus,.form-feedback-error .form-text-input:focus,.form-feedback-success .form-textarea:focus,.form-feedback-warning .form-textarea:focus,.form-feedback-error .form-textarea:focus{background-color:#fff}.form-feedback-success .form-text-input:focus,.form-feedback-success .form-textarea:focus{border-color:#164a25}.form-feedback-warning .form-text-input:focus,.form-feedback-warning .form-textarea:focus{border-color:#863d0b}.form-feedback-error .form-text-input:focus,.form-feedback-error .form-textarea:focus{border-color:#953636}.form-text-input:hover,.form-textarea:hover{border-color:#8c9aa6}.form-feedback-success .form-text-input:hover,.form-feedback-success .form-textarea:hover{border-color:#164a25}.form-feedback-warning .form-text-input:hover,.form-feedback-warning .form-textarea:hover{border-color:#863d0b}.form-feedback-error .form-text-input:hover,.form-feedback-error .form-textarea:hover{border-color:#953636}.form-textarea{vertical-align:top}.form-select{-webkit-appearance:none !important;-moz-appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E");background-size:.9rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;background-color:#f9fafa;border:2px solid #d4d9dd;border-radius:4px;font-weight:500;color:#4b5658;outline:none;padding:.844rem 1rem;padding-right:3rem;line-height:1}.form-feedback-success .form-select,.form-feedback-warning .form-select,.form-feedback-error .form-select{background-color:#fff}.form-feedback-success .form-select{border-color:#24793d}.form-feedback-warning .form-select{border-color:#bf570f}.form-feedback-error .form-select{border-color:#be4a4a}.safari .form-select{padding:.85rem 1rem;padding-right:3rem}.ff .form-select{padding:.688rem 1rem;padding-right:2rem}.form-select:focus{background-color:#fff;border:2px solid #8c9aa6;box-shadow:0 0 0px 2px #8c9aa6}.form-feedback-success .form-select:focus,.form-feedback-warning .form-select:focus,.form-feedback-error .form-select:focus{background-color:#fff}.form-feedback-success .form-select:focus{border-color:#164a25}.form-feedback-warning .form-select:focus{border-color:#863d0b}.form-feedback-error .form-select:focus{border-color:#953636}.form-select:hover{border:2px solid #8c9aa6;color:#40484a;cursor:pointer}.form-feedback-success .form-select:hover,.form-feedback-warning .form-select:hover,.form-feedback-error .form-select:hover{background-color:#fff}.form-feedback-success .form-select:hover{border-color:#164a25}.form-feedback-warning .form-select:hover{border-color:#863d0b}.form-feedback-error .form-select:hover{border-color:#953636}.form-radio,.form-checkbox{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-radio+.form-label,.form-checkbox+.form-label{display:block;font-weight:normal;color:#4b5658;padding:.25rem 0;margin-left:25px !important}.form-radio+.form-label:before,.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;position:relative;bottom:-2px;margin-right:.5rem}.form-radio+.form-label>.form-text-input,.form-checkbox+.form-label>.form-text-input{height:24px;line-height:24px;padding-left:.25rem}.form-radio:checked+.form-label,.form-checkbox:checked+.form-label{color:#40484a}.form-radio:focus+.form-label,.form-checkbox:focus+.form-label{color:#40484a}.form-radio:focus+.form-label:before,.form-checkbox:focus+.form-label:before{border:2px solid #8c9aa6;box-shadow:0 0 0px 2px #8c9aa6}.form-radio:hover+.form-label,.form-radio:focus+.form-label,.form-checkbox:hover+.form-label,.form-checkbox:focus+.form-label{cursor:pointer}.form-radio:hover+.form-label:before,.form-radio:focus+.form-label:before,.form-checkbox:hover+.form-label:before,.form-checkbox:focus+.form-label:before{border:2px solid #8c9aa6;cursor:pointer}.form-radio:hover+.text-color-white:before,.form-radio:focus+.text-color-white:before,.form-checkbox:hover+.text-color-white:before,.form-checkbox:focus+.text-color-white:before{border:2px solid #fff;box-shadow:0 0 0px 2px #8c9aa6}.form-radio+.form-label:before{border-radius:50%;border:2px solid #d4d9dd;margin-left:-25px}.form-radio:checked+.form-label:before{border:5px solid #3f8abf;background-color:#fff}.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:2px solid #d4d9dd;margin-left:-25px !important}.form-checkbox:checked+.form-label:before{border:none;background-color:#3f8abf;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E");background-repeat:none;background-position:center 1px}.form-upload{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-upload+.form-label{background-color:#f9fafa;color:#4b5658;display:inline-block;border:2px solid #d4d9dd;border-radius:4px;padding:.75rem 1rem;cursor:pointer;transition:.2s;margin-bottom:0}.form-feedback-success .form-upload+.form-label,.form-feedback-warning .form-upload+.form-label,.form-feedback-error .form-upload+.form-label{background-color:#fff}.form-feedback-success .form-upload+.form-label{border-color:#24793d;color:#24793d}.form-feedback-warning .form-upload+.form-label{border-color:#bf570f;color:#bf570f}.form-feedback-error .form-upload+.form-label{border-color:#be4a4a;color:#be4a4a}.form-upload:focus+.form-label{background-color:#fff;border:2px solid #8c9aa6;box-shadow:0 0 0px 2px #8c9aa6;color:#40484a}.form-feedback-success .form-upload:focus+.form-label{border-color:#164a25;color:#164a25}.form-feedback-warning .form-upload:focus+.form-label{border-color:#863d0b;color:#863d0b}.form-feedback-error .form-upload:focus+.form-label{border-color:#953636;color:#953636}.form-upload+.form-label:hover{border:2px solid #8c9aa6;color:#40484a}.form-feedback-success .form-upload+.form-label:hover{border-color:#164a25;color:#164a25}.form-feedback-warning .form-upload+.form-label:hover{border-color:#863d0b;color:#863d0b}.form-feedback-error .form-upload+.form-label:hover{border-color:#953636;color:#953636}.form-inverse .form-fieldset{padding:0;border:0;margin:0}.form-inverse .form-feedback{color:#fff;font-size:.9rem;display:block;padding:1em;margin-top:0px;font-weight:500;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.form-inverse .form-feedback-error input,.form-inverse .form-feedback-error select,.form-inverse .form-feedback-error textarea,.form-inverse .form-feedback-warning input,.form-inverse .form-feedback-warning select,.form-inverse .form-feedback-warning textarea,.form-inverse .form-feedback-success input,.form-inverse .form-feedback-success select,.form-inverse .form-feedback-success textarea{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.form-inverse .form-feedback-error label:hover,.form-inverse .form-feedback-error label:focus,.form-inverse .form-feedback-warning label:hover,.form-inverse .form-feedback-warning label:focus,.form-inverse .form-feedback-success label:hover,.form-inverse .form-feedback-success label:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.form-inverse .form-feedback-error .form-upload ~ .form-feedback,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback,.form-inverse .form-feedback-success .form-upload ~ .form-feedback{display:block;float:left;clear:both;top:15px}.form-inverse .form-feedback-error .form-upload+.form-label,.form-inverse .form-feedback-warning .form-upload+.form-label,.form-inverse .form-feedback-success .form-upload+.form-label{display:block;float:left}.form-inverse .form-feedback-error .form-upload+.form-label:focus,.form-inverse .form-feedback-warning .form-upload+.form-label:focus,.form-inverse .form-feedback-success .form-upload+.form-label:focus{border:2px solid #fff;box-shadow:0 0 0px 4px rgba(0,0,0,0.75);outline:2px dotted transparent;outline-offset:2px}.form-inverse .form-feedback-error .form-radio ~ .form-feedback,.form-inverse .form-feedback-error .form-checkbox ~ .form-feedback,.form-inverse .form-feedback-error .form-upload ~ .form-feedback,.form-inverse .form-feedback-warning .form-radio ~ .form-feedback,.form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback,.form-inverse .form-feedback-success .form-radio ~ .form-feedback,.form-inverse .form-feedback-success .form-checkbox ~ .form-feedback,.form-inverse .form-feedback-success .form-upload ~ .form-feedback{color:#fff;font-size:12px;display:inline-block;position:relative;padding:1em;margin-top:0px;font-weight:500;border-radius:4px}.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-error .form-upload ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after,.form-inverse .form-feedback-success .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-success .form-upload ~ .form-feedback:after{bottom:100%;left:15px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(190,74,74,0);border-width:8px;margin-left:-8px}.form-inverse .form-feedback-success .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-success .form-upload ~ .form-feedback:after{border-bottom-color:#24793d}.form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after{border-bottom-color:#bf570f}.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after,.form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after,.form-inverse .form-feedback-error .form-upload ~ .form-feedback:after{border-bottom-color:#be4a4a}.form-inverse .form-feedback-success .form-feedback{background-color:#24793d}.form-inverse .form-feedback-success input,.form-inverse .form-feedback-success select,.form-inverse .form-feedback-success textarea{border:2px solid #24793d}.form-inverse .form-feedback-warning .form-feedback{background-color:#bf570f}.form-inverse .form-feedback-warning input,.form-inverse .form-feedback-warning select,.form-inverse .form-feedback-warning textarea{border:2px solid #bf570f}.form-inverse .form-feedback-error .form-feedback{background-color:#be4a4a}.form-inverse .form-feedback-error input,.form-inverse .form-feedback-error select,.form-inverse .form-feedback-error textarea{border:2px solid #be4a4a}.form-inverse .form-feedback-success .form-upload+.form-label{border:2px solid #24793d}.form-inverse .form-feedback-warning .form-upload+.form-label{border:2px solid #bf570f}.form-inverse .form-feedback-error .form-upload+.form-label{border:2px solid #be4a4a}.form-inverse .form-label,.form-inverse .form-helper{display:block}.form-inverse .form-label{color:#fff;font-weight:500;margin-bottom:.5rem;line-height:1.3;position:relative}.form-inverse .form-label:hover{cursor:pointer}.form-inverse .form-label-required{color:#be4a4a;font-weight:500}.form-inverse .form-label-required-inset{color:#be4a4a;font-weight:500;position:absolute;top:33px;right:8px}.form-feedback-success .form-inverse .form-label{color:#24793d}.form-feedback-warning .form-inverse .form-label{color:#bf570f}.form-feedback-error .form-inverse .form-label{color:#be4a4a}.form-inverse .form-helper{color:#fff;font-weight:normal;font-size:.9rem;margin-top:.5rem}.form-inverse .form-text-input,.form-inverse .form-textarea{background-color:#f9fafa;border-color:#d4d9dd;transition:.2s;margin:0;font-size:1rem;padding:.75rem 1rem;outline:none;border:2px solid #fff;border-radius:4px;box-shadow:0;box-sizing:border-box;color:#40484a}.form-inverse .form-text-input::-webkit-input-placeholder,.form-inverse .form-textarea::-webkit-input-placeholder{color:#4b5658}.form-inverse .form-text-input:-moz-placeholder,.form-inverse .form-textarea:-moz-placeholder{color:#4b5658}.form-inverse .form-text-input::-moz-placeholder,.form-inverse .form-textarea::-moz-placeholder{color:#4b5658}.form-inverse .form-text-input:-ms-input-placeholder,.form-inverse .form-textarea:-ms-input-placeholder{color:#4b5658}.form-inverse .form-text-input .placeholder,.form-inverse .form-textarea .placeholder{color:#4b5658}.form-feedback-success .form-inverse .form-text-input,.form-feedback-warning .form-inverse .form-text-input,.form-feedback-error .form-inverse .form-text-input,.form-feedback-success .form-inverse .form-textarea,.form-feedback-warning .form-inverse .form-textarea,.form-feedback-error .form-inverse .form-textarea{background-color:#fff}.form-feedback-success .form-inverse .form-text-input,.form-feedback-success .form-inverse .form-textarea{border-color:#164a25}.form-feedback-warning .form-inverse .form-text-input,.form-feedback-warning .form-inverse .form-textarea{border-color:#863d0b}.form-feedback-error .form-inverse .form-text-input,.form-feedback-error .form-inverse .form-textarea{border-color:#953636}.form-inverse .form-text-input:hover,.form-inverse .form-textarea:hover{-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6)}.form-inverse .form-text-input:focus,.form-inverse .form-textarea:focus{border:2px solid #fff;box-shadow:0 0 0px 4px rgba(0,0,0,0.75);outline:2px dotted transparent;outline-offset:2px}.form-feedback-success .form-inverse .form-text-input:focus,.form-feedback-warning .form-inverse .form-text-input:focus,.form-feedback-error .form-inverse .form-text-input:focus,.form-feedback-success .form-inverse .form-textarea:focus,.form-feedback-warning .form-inverse .form-textarea:focus,.form-feedback-error .form-inverse .form-textarea:focus{background-color:#fff}.form-inverse .form-textarea{vertical-align:top}.form-inverse .form-select{-webkit-appearance:none !important;-moz-appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E");background-size:.9rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;background-color:#f9fafa;border:2px solid #fff;border-radius:4px;font-weight:500;color:#4b5658;outline:none;padding:.844rem 1rem;padding-right:3rem;line-height:1}.safari .form-inverse .form-select{padding:.85rem 1rem;padding-right:3rem}.ff .form-inverse .form-select{padding:.688rem 1rem;padding-right:2rem}.form-inverse .form-select:focus{background-color:#fff;border:2px solid #fff;box-shadow:0 0 0px 4px rgba(0,0,0,0.75);outline:2px dotted transparent;outline-offset:2px}.form-inverse .form-select:hover{background-color:#fff;color:#40484a;-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);cursor:pointer}.form-inverse .form-radio,.form-inverse .form-checkbox{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-inverse .form-radio+.form-label,.form-inverse .form-checkbox+.form-label{display:block;font-weight:normal;color:#fff;padding:.25rem 0;margin-left:25px !important}.form-inverse .form-radio+.form-label:before,.form-inverse .form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;position:relative;bottom:-2px;margin-right:.5rem}.form-inverse .form-radio+.form-label>.form-text-input,.form-inverse .form-checkbox+.form-label>.form-text-input{height:24px;line-height:24px;padding-left:.25rem}.form-inverse .form-radio:checked+.form-label,.form-inverse .form-checkbox:checked+.form-label{color:#fff}.form-inverse .form-radio:hover+.form-label:before,.form-inverse .form-checkbox:hover+.form-label:before{border:2px solid #fff;cursor:pointer;-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6)}.form-inverse .form-radio:focus+.form-label:before,.form-inverse .form-checkbox:focus+.form-label:before{border:2px solid #fff;cursor:pointer;box-shadow:0 0 0px 4px rgba(0,0,0,0.75);outline:2px dotted transparent;outline-offset:2px}.form-inverse .form-radio+.form-label:before{border-radius:50%;border:2px solid #f0f2f4;margin-left:-25px}.form-inverse .form-radio:checked+.form-label:before{border:5px solid #fff;background-color:#3f8abf}.form-inverse .form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:2px solid #f0f2f4;margin-left:-25px !important}.form-inverse .form-checkbox:checked+.form-label:before{border:none;background-color:#3f8abf;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E");background-repeat:none;background-position:center 1px;border:2px solid #fff}.form-inverse .form-upload{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-inverse .form-upload+.form-label{background-color:#f9fafa;color:#4b5658;display:inline-block;border:2px solid #fff;border-radius:4px;padding:.75rem 1rem;cursor:pointer;transition:.2s;margin-bottom:0}.form-feedback-success .form-inverse .form-upload+.form-label,.form-feedback-warning .form-inverse .form-upload+.form-label,.form-feedback-error .form-inverse .form-upload+.form-label{background-color:#fff}.form-feedback-success .form-inverse .form-upload+.form-label{border-color:#24793d;color:#24793d}.form-feedback-warning .form-inverse .form-upload+.form-label{border-color:#bf570f;color:#bf570f}.form-feedback-error .form-inverse .form-upload+.form-label{border-color:#be4a4a;color:#be4a4a}.form-inverse .form-upload+.form-label:hover{-webkit-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);-moz-box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6);box-shadow:0px 0px 0px 3px rgba(45,51,57,0.6)}.form-inverse .form-upload:focus+.form-label{box-shadow:0 0 0px 4px rgba(0,0,0,0.75);outline:2px dotted transparent;outline-offset:2px;color:#40484a}table{width:100%;border-collapse:collapse}table th{font-weight:600}table th,table td{text-align:left;padding:.5rem}.table-border-rows{border:1px solid #e8ebed !important}.table-border-rows th,.table-border-rows td{border-bottom:1px solid #e8ebed !important}.table-border-rows tr:last-child td{border-bottom:none}.table-border-rows-dark{border:1px solid #b7c0c7 !important}.table-border-rows-dark th,.table-border-rows-dark td{border-bottom:1px solid #b7c0c7 !important}.table-border-rows-dark tr:last-child td{border-bottom:none}.table-border-rows-mid{border:1px solid #d4d9dd !important}.table-border-rows-mid th,.table-border-rows-mid td{border-bottom:1px solid #d4d9dd !important}.table-border-rows-mid tr:last-child td{border-bottom:none}.table-border-rows-light{border:1px solid #f0f2f4 !important}.table-border-rows-light th,.table-border-rows-light td{border-bottom:1px solid #f0f2f4 !important}.table-border-rows-light tr:last-child td{border-bottom:none}.table-border-cells{border:1px solid #e8ebed !important}.table-border-cells th,.table-border-cells td{border-bottom:1px solid #e8ebed !important;border-left:1px solid #e8ebed !important}.table-border-cells tr:last-child td{border-bottom:none}.table-border-cells-dark{border:1px solid #b7c0c7 !important}.table-border-cells-dark th,.table-border-cells-dark td{border-bottom:1px solid #b7c0c7 !important;border-left:1px solid #b7c0c7 !important}.table-border-cells-dark tr:last-child td{border-bottom:none}.table-border-cells-mid{border:1px solid #d4d9dd !important}.table-border-cells-mid th,.table-border-cells-mid td{border-bottom:1px solid #d4d9dd !important;border-left:1px solid #d4d9dd !important}.table-border-cells-mid tr:last-child td{border-bottom:none}.table-border-cells-light{border:1px solid #f0f2f4 !important}.table-border-cells-light th,.table-border-cells-light td{border-bottom:1px solid #f0f2f4 !important;border-left:1px solid #f0f2f4 !important}.table-border-cells-light tr:last-child td{border-bottom:none}.table-border-columns{border:1px solid #e8ebed !important}.table-border-columns th,.table-border-columns td{border-left:1px solid #e8ebed !important}.table-border-columns tr:last-child td{border-bottom:none}.table-border-columns-dark{border:1px solid #b7c0c7 !important}.table-border-columns-dark th,.table-border-columns-dark td{border-left:1px solid #b7c0c7 !important}.table-border-columns-dark tr:last-child td{border-bottom:none}.table-border-columns-mid{border:1px solid #d4d9dd !important}.table-border-columns-mid th,.table-border-columns-mid td{border-left:1px solid #d4d9dd !important}.table-border-columns-mid tr:last-child td{border-bottom:none}.table-border-columns-light{border:1px solid #f0f2f4 !important}.table-border-columns-light th,.table-border-columns-light td{border-left:1px solid #f0f2f4 !important}.table-border-columns-light tr:last-child td{border-bottom:none}@media screen{.rotate-0-xs{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-xs{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-xs{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-xs{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-xs{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-xs{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-xs{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-xs{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 480px){.rotate-0-sm{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-sm{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-sm{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-sm{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-sm{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-sm{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-sm{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-sm{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 680px){.rotate-0-md{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-md{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-md{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-md{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-md{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-md{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-md{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-md{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 960px){.rotate-0-lg{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-lg{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-lg{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-lg{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-lg{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-lg{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-lg{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-lg{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen and (min-width: 1140px){.rotate-0-xl{-webkit-transform:rotate(0deg) !important;transform:rotate(0deg) !important}.rotate-45-xl{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important}.rotate-90-xl{-webkit-transform:rotate(90deg) !important;transform:rotate(90deg) !important}.rotate-135-xl{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important}.rotate-180-xl{-webkit-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.rotate-225-xl{-webkit-transform:rotate(225deg) !important;transform:rotate(225deg) !important}.rotate-270-xl{-webkit-transform:rotate(270deg) !important;transform:rotate(270deg) !important}.rotate-315-xl{-webkit-transform:rotate(315deg) !important;transform:rotate(315deg) !important}}@media screen{.flex-block-xs{display:flex !important}.flex-inline-xs{display:inline-flex !important}.flex-row-xs{flex-direction:row !important}.flex-row-reverse-xs{flex-direction:row-reverse !important}.flex-column-xs{flex-direction:column !important}.flex-column-reverse-xs{flex-direction:column-reverse !important}.flex-wrap-xs{flex-wrap:wrap !important}.flex-nowrap-xs{flex-wrap:nowrap !important}.flex-wrap-reverse-xs{flex-wrap:wrap-reverse !important}.flex-justify-start-xs{justify-content:flex-start !important}.flex-justify-end-xs{justify-content:flex-end !important}.flex-justify-center-xs{justify-content:center !important}.flex-justify-between-xs{justify-content:space-between !important}.flex-justify-around-xs{justify-content:space-around !important}.flex-item-start-xs{align-items:flex-start !important}.flex-item-end-xs{align-items:flex-end !important}.flex-item-center-xs{align-items:center !important}.flex-item-stretch-xs{align-items:stretch !important}.flex-item-baseline-xs{align-items:baseline !important}.flex-content-start-xs{align-content:flex-start !important}.flex-content-end-xs{align-content:flex-end !important}.flex-content-center-xs{align-content:center !important}.flex-content-around-xs{align-content:space-around !important}.flex-content-between-xs{align-content:space-between !important}.flex-content-stretch-xs{align-content:stretch !important}.flex-order-1-xs{order:1 !important}.flex-order-2-xs{order:2 !important}.flex-order-3-xs{order:3 !important}.flex-order-4-xs{order:4 !important}.flex-order-5-xs{order:5 !important}.flex-order-6-xs{order:6 !important}.flex-grow-0-xs{flex-grow:0 !important}.flex-grow-1-xs{flex-grow:1 !important}.flex-grow-2-xs{flex-grow:2 !important}.flex-grow-3-xs{flex-grow:3 !important}.flex-grow-4-xs{flex-grow:4 !important}.flex-grow-5-xs{flex-grow:5 !important}.flex-grow-6-xs{flex-grow:6 !important}.flex-shrink-1-xs{flex-shrink:1 !important}.flex-shrink-2-xs{flex-shrink:2 !important}.flex-shrink-3-xs{flex-shrink:3 !important}.flex-shrink-4-xs{flex-shrink:4 !important}.flex-shrink-5-xs{flex-shrink:5 !important}.flex-shrink-6-xs{flex-shrink:6 !important}.flex-basis-5-xs{flex-basis:5% !important}.flex-basis-10-xs{flex-basis:10% !important}.flex-basis-15-xs{flex-basis:15% !important}.flex-basis-20-xs{flex-basis:20% !important}.flex-basis-25-xs{flex-basis:25% !important}.flex-basis-30-xs{flex-basis:30% !important}.flex-basis-33-xs{flex-basis:33% !important}.flex-basis-35-xs{flex-basis:35% !important}.flex-basis-40-xs{flex-basis:40% !important}.flex-basis-45-xs{flex-basis:45% !important}.flex-basis-50-xs{flex-basis:50% !important}.flex-basis-55-xs{flex-basis:55% !important}.flex-basis-60-xs{flex-basis:60% !important}.flex-basis-65-xs{flex-basis:65% !important}.flex-basis-70-xs{flex-basis:70% !important}.flex-basis-75-xs{flex-basis:75% !important}.flex-basis-80-xs{flex-basis:80% !important}.flex-basis-85-xs{flex-basis:85% !important}.flex-basis-90-xs{flex-basis:90% !important}.flex-basis-95-xs{flex-basis:95% !important}.flex-basis-100-xs{flex-basis:100% !important}.flex-basis-auto-xs{flex-basis:auto !important}.flex-basis-s0-xs{flex-basis:0rem !important}.flex-basis-s05-xs{flex-basis:.5rem !important}.flex-basis-s1-xs{flex-basis:1rem !important}.flex-basis-s2-xs{flex-basis:1.5rem !important}.flex-basis-s3-xs{flex-basis:2rem !important}.flex-basis-s4-xs{flex-basis:3rem !important}.flex-basis-s5-xs{flex-basis:4rem !important}.flex-basis-s6-xs{flex-basis:5rem !important}.flex-self-auto-xs{align-self:auto !important}.flex-self-start-xs{align-self:flex-start !important}.flex-self-start-flush-xs{align-self:start !important}.flex-self-end-xs{align-self:flex-end !important}.flex-self-end-flush-xs{align-self:end !important}.flex-self-center-xs{align-self:center !important}.flex-self-stretch-xs{align-self:stretch !important}.flex-self-baseline-xs{align-self:baseline !important}}@media screen and (min-width: 480px){.flex-block-sm{display:flex !important}.flex-inline-sm{display:inline-flex !important}.flex-row-sm{flex-direction:row !important}.flex-row-reverse-sm{flex-direction:row-reverse !important}.flex-column-sm{flex-direction:column !important}.flex-column-reverse-sm{flex-direction:column-reverse !important}.flex-wrap-sm{flex-wrap:wrap !important}.flex-nowrap-sm{flex-wrap:nowrap !important}.flex-wrap-reverse-sm{flex-wrap:wrap-reverse !important}.flex-justify-start-sm{justify-content:flex-start !important}.flex-justify-end-sm{justify-content:flex-end !important}.flex-justify-center-sm{justify-content:center !important}.flex-justify-between-sm{justify-content:space-between !important}.flex-justify-around-sm{justify-content:space-around !important}.flex-item-start-sm{align-items:flex-start !important}.flex-item-end-sm{align-items:flex-end !important}.flex-item-center-sm{align-items:center !important}.flex-item-stretch-sm{align-items:stretch !important}.flex-item-baseline-sm{align-items:baseline !important}.flex-content-start-sm{align-content:flex-start !important}.flex-content-end-sm{align-content:flex-end !important}.flex-content-center-sm{align-content:center !important}.flex-content-around-sm{align-content:space-around !important}.flex-content-between-sm{align-content:space-between !important}.flex-content-stretch-sm{align-content:stretch !important}.flex-order-1-sm{order:1 !important}.flex-order-2-sm{order:2 !important}.flex-order-3-sm{order:3 !important}.flex-order-4-sm{order:4 !important}.flex-order-5-sm{order:5 !important}.flex-order-6-sm{order:6 !important}.flex-grow-0-sm{flex-grow:0 !important}.flex-grow-1-sm{flex-grow:1 !important}.flex-grow-2-sm{flex-grow:2 !important}.flex-grow-3-sm{flex-grow:3 !important}.flex-grow-4-sm{flex-grow:4 !important}.flex-grow-5-sm{flex-grow:5 !important}.flex-grow-6-sm{flex-grow:6 !important}.flex-shrink-1-sm{flex-shrink:1 !important}.flex-shrink-2-sm{flex-shrink:2 !important}.flex-shrink-3-sm{flex-shrink:3 !important}.flex-shrink-4-sm{flex-shrink:4 !important}.flex-shrink-5-sm{flex-shrink:5 !important}.flex-shrink-6-sm{flex-shrink:6 !important}.flex-basis-5-sm{flex-basis:5% !important}.flex-basis-10-sm{flex-basis:10% !important}.flex-basis-15-sm{flex-basis:15% !important}.flex-basis-20-sm{flex-basis:20% !important}.flex-basis-25-sm{flex-basis:25% !important}.flex-basis-30-sm{flex-basis:30% !important}.flex-basis-33-sm{flex-basis:33% !important}.flex-basis-35-sm{flex-basis:35% !important}.flex-basis-40-sm{flex-basis:40% !important}.flex-basis-45-sm{flex-basis:45% !important}.flex-basis-50-sm{flex-basis:50% !important}.flex-basis-55-sm{flex-basis:55% !important}.flex-basis-60-sm{flex-basis:60% !important}.flex-basis-65-sm{flex-basis:65% !important}.flex-basis-70-sm{flex-basis:70% !important}.flex-basis-75-sm{flex-basis:75% !important}.flex-basis-80-sm{flex-basis:80% !important}.flex-basis-85-sm{flex-basis:85% !important}.flex-basis-90-sm{flex-basis:90% !important}.flex-basis-95-sm{flex-basis:95% !important}.flex-basis-100-sm{flex-basis:100% !important}.flex-basis-auto-sm{flex-basis:auto !important}.flex-basis-s0-sm{flex-basis:0rem !important}.flex-basis-s05-sm{flex-basis:.5rem !important}.flex-basis-s1-sm{flex-basis:1rem !important}.flex-basis-s2-sm{flex-basis:1.5rem !important}.flex-basis-s3-sm{flex-basis:2rem !important}.flex-basis-s4-sm{flex-basis:3rem !important}.flex-basis-s5-sm{flex-basis:4rem !important}.flex-basis-s6-sm{flex-basis:5rem !important}.flex-self-auto-sm{align-self:auto !important}.flex-self-start-sm{align-self:flex-start !important}.flex-self-start-flush-sm{align-self:start !important}.flex-self-end-sm{align-self:flex-end !important}.flex-self-end-flush-sm{align-self:end !important}.flex-self-center-sm{align-self:center !important}.flex-self-stretch-sm{align-self:stretch !important}.flex-self-baseline-sm{align-self:baseline !important}}@media screen and (min-width: 680px){.flex-block-md{display:flex !important}.flex-inline-md{display:inline-flex !important}.flex-row-md{flex-direction:row !important}.flex-row-reverse-md{flex-direction:row-reverse !important}.flex-column-md{flex-direction:column !important}.flex-column-reverse-md{flex-direction:column-reverse !important}.flex-wrap-md{flex-wrap:wrap !important}.flex-nowrap-md{flex-wrap:nowrap !important}.flex-wrap-reverse-md{flex-wrap:wrap-reverse !important}.flex-justify-start-md{justify-content:flex-start !important}.flex-justify-end-md{justify-content:flex-end !important}.flex-justify-center-md{justify-content:center !important}.flex-justify-between-md{justify-content:space-between !important}.flex-justify-around-md{justify-content:space-around !important}.flex-item-start-md{align-items:flex-start !important}.flex-item-end-md{align-items:flex-end !important}.flex-item-center-md{align-items:center !important}.flex-item-stretch-md{align-items:stretch !important}.flex-item-baseline-md{align-items:baseline !important}.flex-content-start-md{align-content:flex-start !important}.flex-content-end-md{align-content:flex-end !important}.flex-content-center-md{align-content:center !important}.flex-content-around-md{align-content:space-around !important}.flex-content-between-md{align-content:space-between !important}.flex-content-stretch-md{align-content:stretch !important}.flex-order-1-md{order:1 !important}.flex-order-2-md{order:2 !important}.flex-order-3-md{order:3 !important}.flex-order-4-md{order:4 !important}.flex-order-5-md{order:5 !important}.flex-order-6-md{order:6 !important}.flex-grow-0-md{flex-grow:0 !important}.flex-grow-1-md{flex-grow:1 !important}.flex-grow-2-md{flex-grow:2 !important}.flex-grow-3-md{flex-grow:3 !important}.flex-grow-4-md{flex-grow:4 !important}.flex-grow-5-md{flex-grow:5 !important}.flex-grow-6-md{flex-grow:6 !important}.flex-shrink-1-md{flex-shrink:1 !important}.flex-shrink-2-md{flex-shrink:2 !important}.flex-shrink-3-md{flex-shrink:3 !important}.flex-shrink-4-md{flex-shrink:4 !important}.flex-shrink-5-md{flex-shrink:5 !important}.flex-shrink-6-md{flex-shrink:6 !important}.flex-basis-5-md{flex-basis:5% !important}.flex-basis-10-md{flex-basis:10% !important}.flex-basis-15-md{flex-basis:15% !important}.flex-basis-20-md{flex-basis:20% !important}.flex-basis-25-md{flex-basis:25% !important}.flex-basis-30-md{flex-basis:30% !important}.flex-basis-33-md{flex-basis:33% !important}.flex-basis-35-md{flex-basis:35% !important}.flex-basis-40-md{flex-basis:40% !important}.flex-basis-45-md{flex-basis:45% !important}.flex-basis-50-md{flex-basis:50% !important}.flex-basis-55-md{flex-basis:55% !important}.flex-basis-60-md{flex-basis:60% !important}.flex-basis-65-md{flex-basis:65% !important}.flex-basis-70-md{flex-basis:70% !important}.flex-basis-75-md{flex-basis:75% !important}.flex-basis-80-md{flex-basis:80% !important}.flex-basis-85-md{flex-basis:85% !important}.flex-basis-90-md{flex-basis:90% !important}.flex-basis-95-md{flex-basis:95% !important}.flex-basis-100-md{flex-basis:100% !important}.flex-basis-auto-md{flex-basis:auto !important}.flex-basis-s0-md{flex-basis:0rem !important}.flex-basis-s05-md{flex-basis:.5rem !important}.flex-basis-s1-md{flex-basis:1rem !important}.flex-basis-s2-md{flex-basis:1.5rem !important}.flex-basis-s3-md{flex-basis:2rem !important}.flex-basis-s4-md{flex-basis:3rem !important}.flex-basis-s5-md{flex-basis:4rem !important}.flex-basis-s6-md{flex-basis:5rem !important}.flex-self-auto-md{align-self:auto !important}.flex-self-start-md{align-self:flex-start !important}.flex-self-start-flush-md{align-self:start !important}.flex-self-end-md{align-self:flex-end !important}.flex-self-end-flush-md{align-self:end !important}.flex-self-center-md{align-self:center !important}.flex-self-stretch-md{align-self:stretch !important}.flex-self-baseline-md{align-self:baseline !important}}@media screen and (min-width: 960px){.flex-block-lg{display:flex !important}.flex-inline-lg{display:inline-flex !important}.flex-row-lg{flex-direction:row !important}.flex-row-reverse-lg{flex-direction:row-reverse !important}.flex-column-lg{flex-direction:column !important}.flex-column-reverse-lg{flex-direction:column-reverse !important}.flex-wrap-lg{flex-wrap:wrap !important}.flex-nowrap-lg{flex-wrap:nowrap !important}.flex-wrap-reverse-lg{flex-wrap:wrap-reverse !important}.flex-justify-start-lg{justify-content:flex-start !important}.flex-justify-end-lg{justify-content:flex-end !important}.flex-justify-center-lg{justify-content:center !important}.flex-justify-between-lg{justify-content:space-between !important}.flex-justify-around-lg{justify-content:space-around !important}.flex-item-start-lg{align-items:flex-start !important}.flex-item-end-lg{align-items:flex-end !important}.flex-item-center-lg{align-items:center !important}.flex-item-stretch-lg{align-items:stretch !important}.flex-item-baseline-lg{align-items:baseline !important}.flex-content-start-lg{align-content:flex-start !important}.flex-content-end-lg{align-content:flex-end !important}.flex-content-center-lg{align-content:center !important}.flex-content-around-lg{align-content:space-around !important}.flex-content-between-lg{align-content:space-between !important}.flex-content-stretch-lg{align-content:stretch !important}.flex-order-1-lg{order:1 !important}.flex-order-2-lg{order:2 !important}.flex-order-3-lg{order:3 !important}.flex-order-4-lg{order:4 !important}.flex-order-5-lg{order:5 !important}.flex-order-6-lg{order:6 !important}.flex-grow-0-lg{flex-grow:0 !important}.flex-grow-1-lg{flex-grow:1 !important}.flex-grow-2-lg{flex-grow:2 !important}.flex-grow-3-lg{flex-grow:3 !important}.flex-grow-4-lg{flex-grow:4 !important}.flex-grow-5-lg{flex-grow:5 !important}.flex-grow-6-lg{flex-grow:6 !important}.flex-shrink-1-lg{flex-shrink:1 !important}.flex-shrink-2-lg{flex-shrink:2 !important}.flex-shrink-3-lg{flex-shrink:3 !important}.flex-shrink-4-lg{flex-shrink:4 !important}.flex-shrink-5-lg{flex-shrink:5 !important}.flex-shrink-6-lg{flex-shrink:6 !important}.flex-basis-5-lg{flex-basis:5% !important}.flex-basis-10-lg{flex-basis:10% !important}.flex-basis-15-lg{flex-basis:15% !important}.flex-basis-20-lg{flex-basis:20% !important}.flex-basis-25-lg{flex-basis:25% !important}.flex-basis-30-lg{flex-basis:30% !important}.flex-basis-33-lg{flex-basis:33% !important}.flex-basis-35-lg{flex-basis:35% !important}.flex-basis-40-lg{flex-basis:40% !important}.flex-basis-45-lg{flex-basis:45% !important}.flex-basis-50-lg{flex-basis:50% !important}.flex-basis-55-lg{flex-basis:55% !important}.flex-basis-60-lg{flex-basis:60% !important}.flex-basis-65-lg{flex-basis:65% !important}.flex-basis-70-lg{flex-basis:70% !important}.flex-basis-75-lg{flex-basis:75% !important}.flex-basis-80-lg{flex-basis:80% !important}.flex-basis-85-lg{flex-basis:85% !important}.flex-basis-90-lg{flex-basis:90% !important}.flex-basis-95-lg{flex-basis:95% !important}.flex-basis-100-lg{flex-basis:100% !important}.flex-basis-auto-lg{flex-basis:auto !important}.flex-basis-s0-lg{flex-basis:0rem !important}.flex-basis-s05-lg{flex-basis:.5rem !important}.flex-basis-s1-lg{flex-basis:1rem !important}.flex-basis-s2-lg{flex-basis:1.5rem !important}.flex-basis-s3-lg{flex-basis:2rem !important}.flex-basis-s4-lg{flex-basis:3rem !important}.flex-basis-s5-lg{flex-basis:4rem !important}.flex-basis-s6-lg{flex-basis:5rem !important}.flex-self-auto-lg{align-self:auto !important}.flex-self-start-lg{align-self:flex-start !important}.flex-self-start-flush-lg{align-self:start !important}.flex-self-end-lg{align-self:flex-end !important}.flex-self-end-flush-lg{align-self:end !important}.flex-self-center-lg{align-self:center !important}.flex-self-stretch-lg{align-self:stretch !important}.flex-self-baseline-lg{align-self:baseline !important}}@media screen and (min-width: 1140px){.flex-block-xl{display:flex !important}.flex-inline-xl{display:inline-flex !important}.flex-row-xl{flex-direction:row !important}.flex-row-reverse-xl{flex-direction:row-reverse !important}.flex-column-xl{flex-direction:column !important}.flex-column-reverse-xl{flex-direction:column-reverse !important}.flex-wrap-xl{flex-wrap:wrap !important}.flex-nowrap-xl{flex-wrap:nowrap !important}.flex-wrap-reverse-xl{flex-wrap:wrap-reverse !important}.flex-justify-start-xl{justify-content:flex-start !important}.flex-justify-end-xl{justify-content:flex-end !important}.flex-justify-center-xl{justify-content:center !important}.flex-justify-between-xl{justify-content:space-between !important}.flex-justify-around-xl{justify-content:space-around !important}.flex-item-start-xl{align-items:flex-start !important}.flex-item-end-xl{align-items:flex-end !important}.flex-item-center-xl{align-items:center !important}.flex-item-stretch-xl{align-items:stretch !important}.flex-item-baseline-xl{align-items:baseline !important}.flex-content-start-xl{align-content:flex-start !important}.flex-content-end-xl{align-content:flex-end !important}.flex-content-center-xl{align-content:center !important}.flex-content-around-xl{align-content:space-around !important}.flex-content-between-xl{align-content:space-between !important}.flex-content-stretch-xl{align-content:stretch !important}.flex-order-1-xl{order:1 !important}.flex-order-2-xl{order:2 !important}.flex-order-3-xl{order:3 !important}.flex-order-4-xl{order:4 !important}.flex-order-5-xl{order:5 !important}.flex-order-6-xl{order:6 !important}.flex-grow-0-xl{flex-grow:0 !important}.flex-grow-1-xl{flex-grow:1 !important}.flex-grow-2-xl{flex-grow:2 !important}.flex-grow-3-xl{flex-grow:3 !important}.flex-grow-4-xl{flex-grow:4 !important}.flex-grow-5-xl{flex-grow:5 !important}.flex-grow-6-xl{flex-grow:6 !important}.flex-shrink-1-xl{flex-shrink:1 !important}.flex-shrink-2-xl{flex-shrink:2 !important}.flex-shrink-3-xl{flex-shrink:3 !important}.flex-shrink-4-xl{flex-shrink:4 !important}.flex-shrink-5-xl{flex-shrink:5 !important}.flex-shrink-6-xl{flex-shrink:6 !important}.flex-basis-5-xl{flex-basis:5% !important}.flex-basis-10-xl{flex-basis:10% !important}.flex-basis-15-xl{flex-basis:15% !important}.flex-basis-20-xl{flex-basis:20% !important}.flex-basis-25-xl{flex-basis:25% !important}.flex-basis-30-xl{flex-basis:30% !important}.flex-basis-33-xl{flex-basis:33% !important}.flex-basis-35-xl{flex-basis:35% !important}.flex-basis-40-xl{flex-basis:40% !important}.flex-basis-45-xl{flex-basis:45% !important}.flex-basis-50-xl{flex-basis:50% !important}.flex-basis-55-xl{flex-basis:55% !important}.flex-basis-60-xl{flex-basis:60% !important}.flex-basis-65-xl{flex-basis:65% !important}.flex-basis-70-xl{flex-basis:70% !important}.flex-basis-75-xl{flex-basis:75% !important}.flex-basis-80-xl{flex-basis:80% !important}.flex-basis-85-xl{flex-basis:85% !important}.flex-basis-90-xl{flex-basis:90% !important}.flex-basis-95-xl{flex-basis:95% !important}.flex-basis-100-xl{flex-basis:100% !important}.flex-basis-auto-xl{flex-basis:auto !important}.flex-basis-s0-xl{flex-basis:0rem !important}.flex-basis-s05-xl{flex-basis:.5rem !important}.flex-basis-s1-xl{flex-basis:1rem !important}.flex-basis-s2-xl{flex-basis:1.5rem !important}.flex-basis-s3-xl{flex-basis:2rem !important}.flex-basis-s4-xl{flex-basis:3rem !important}.flex-basis-s5-xl{flex-basis:4rem !important}.flex-basis-s6-xl{flex-basis:5rem !important}.flex-self-auto-xl{align-self:auto !important}.flex-self-start-xl{align-self:flex-start !important}.flex-self-start-flush-xl{align-self:start !important}.flex-self-end-xl{align-self:flex-end !important}.flex-self-end-flush-xl{align-self:end !important}.flex-self-center-xl{align-self:center !important}.flex-self-stretch-xl{align-self:stretch !important}.flex-self-baseline-xl{align-self:baseline !important}} /*# sourceMappingURL=leap.min.css.map */ diff --git a/release-notes.html b/release-notes.html index 4959655..728a7a0 100644 --- a/release-notes.html +++ b/release-notes.html @@ -355,14 +355,14 @@

    Buttons

    • Darkened .button--primary button background.
    • -
    • Added teal primary button: button--primary-teal.
    • +
    • Added teal primary button: .button--primary-teal.
    • Changed .button--secondary button from having a transparent background to a white background.
    • Added focus styles to buttons.

    Flex Box

    • Fixed bug where .flex-inline was incorrectly coded.
    • -
    • Added .flex-start-flush-#{$suffix}(align-self: start) and flex-end-flush-#{$suffix} (align-self: end).
    • +
    • Added .flex-start-flush-#{$suffix}(align-self: start) and .flex-end-flush-#{$suffix} (align-self: end).

    Forms

      @@ -370,7 +370,7 @@

    Layout

      -
    • Added auto margin classes for individual sides. This is handy for aligning content in flexbox layouts.m-#{$type}-auto-#{$suffix}.
    • +
    • Added auto margin classes for individual sides. This is handy for aligning content in flexbox layouts. m-#{$type}-auto-#{$suffix}.
    From 71b4b3b9ffe22b93a49886397b57651f59460c8c Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Thu, 23 Jul 2020 15:39:55 -0700 Subject: [PATCH 18/21] Removed gradient prefixes. Testing out making header font-size not important --- _sass/leap/atoms/_button.sass | 6 ------ _sass/leap/atoms/_typography.sass | 2 +- 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass index dd78994..a26805b 100644 --- a/_sass/leap/atoms/_button.sass +++ b/_sass/leap/atoms/_button.sass @@ -36,10 +36,7 @@ // Primary buttons &--primary background: #50b06c !important - background: -moz-linear-gradient(top, #55ba73 0%, #50b06c 100%) !important - background: -webkit-linear-gradient(top, #55ba73 0%,#50b06c 100%) !important background: linear-gradient(to bottom, #55ba73 0%,#50b06c 100%) !important - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ba73', endColorstr='#50b06c',GradientType=0 ) !important border-color: transparent !important color: #fff !important svg @@ -51,10 +48,7 @@ &--primary-teal background: #008298 !important - background: -moz-linear-gradient(top, #008298 0%, #007589 100%) !important - background: -webkit-linear-gradient(top, #008298 0%,#007589 100%) !important background: linear-gradient(to bottom, #008298 0%,#007589 100%) !important - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008298', endColorstr='#007589',GradientType=0 ) !important border-color: transparent !important color: #fff !important svg diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 38f239c..48ee35f 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -15,7 +15,7 @@ h1, h2, h3, h4, h5, h6 // Text sizes for each header @for $num from 0 through 6 h#{$num} - font-size: text-size($num) !important + font-size: text-size($num) // Letter spacing for headers 0 - 3 @for $num from 0 through 3 From 4100211b7c07dbda3293652648348ff8b592a353 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Thu, 23 Jul 2020 16:06:12 -0700 Subject: [PATCH 19/21] Removing important from the heading letter-spacing too --- _sass/leap/atoms/_typography.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 48ee35f..9a1563b 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -20,7 +20,7 @@ h1, h2, h3, h4, h5, h6 // Letter spacing for headers 0 - 3 @for $num from 0 through 3 h#{$num} - letter-spacing: text-tracking($num) !important + letter-spacing: text-tracking($num) // Create text size classes @mixin header-size($suffix) From 8705aefc2c93f164d53838fcca91332d278b4902 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Fri, 24 Jul 2020 09:23:59 -0700 Subject: [PATCH 20/21] Put letter-spacing in text size utility classes. Simplified the header Sass a bit. --- _sass/leap/atoms/_typography.sass | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 9a1563b..9a66cc6 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -16,21 +16,16 @@ h1, h2, h3, h4, h5, h6 @for $num from 0 through 6 h#{$num} font-size: text-size($num) - -// Letter spacing for headers 0 - 3 -@for $num from 0 through 3 - h#{$num} letter-spacing: text-tracking($num) // Create text size classes @mixin header-size($suffix) - // Iterate through each text-size create text size classes - @each $size, $number in $text-size + // Iterate through each text-size to create text size classes with letter-spacing + @each $size, $number in $text-size and $text-tracking .text-#{$size}-#{$suffix} font-size: #{$number} !important - - + letter-spacing: #{$number} !important // Adds the media queries to the header mixin @mixin header-classes($suffix, $media: null) From 04610832db198061208b81bc9d7242b13c409e89 Mon Sep 17 00:00:00 2001 From: Hope Armstrong Date: Mon, 27 Jul 2020 10:40:30 -0700 Subject: [PATCH 21/21] Fixed tiny text issue --- _sass/leap/atoms/_typography.sass | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/_sass/leap/atoms/_typography.sass b/_sass/leap/atoms/_typography.sass index 9a66cc6..0b7935b 100644 --- a/_sass/leap/atoms/_typography.sass +++ b/_sass/leap/atoms/_typography.sass @@ -21,10 +21,14 @@ h1, h2, h3, h4, h5, h6 // Create text size classes @mixin header-size($suffix) - // Iterate through each text-size to create text size classes with letter-spacing - @each $size, $number in $text-size and $text-tracking + // Iterate through each text-size to create text size classes + @each $size, $number in $text-size .text-#{$size}-#{$suffix} font-size: #{$number} !important + + // Iterate through each text-size to add letter-spacing + @each $size, $number in $text-tracking + .text-#{$size}-#{$suffix} letter-spacing: #{$number} !important // Adds the media queries to the header mixin