From 87571d33b8f5fcc8bb1bd3262287945f70868cd9 Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 09:31:35 -0500 Subject: [PATCH 01/27] updating block grid to work with leap prefix --- _sass/leap/_variables.scss | 2 + _sass/leap/atoms/_block-grid.sass | 8 +- block-grid.html | 60 +++++----- css/leap.css | 188 +++++++++++++++--------------- css/leap.min.css | 2 +- 5 files changed, 131 insertions(+), 129 deletions(-) diff --git a/_sass/leap/_variables.scss b/_sass/leap/_variables.scss index edcd210..e6369aa 100644 --- a/_sass/leap/_variables.scss +++ b/_sass/leap/_variables.scss @@ -1,5 +1,7 @@ $leap-version: "0.8.7"; +$leap-prefix: thl; + // Brand Colors $brand-colors: ( "green": #5fcf80, diff --git a/_sass/leap/atoms/_block-grid.sass b/_sass/leap/atoms/_block-grid.sass index 04ef689..e5eeefd 100644 --- a/_sass/leap/atoms/_block-grid.sass +++ b/_sass/leap/atoms/_block-grid.sass @@ -1,5 +1,5 @@ // Block grid structures -.block +.#{$leap-prefix}-block &-grid padding: 0 !important list-style: none !important @@ -7,10 +7,10 @@ display: block !important overflow: hidden !important margin-bottom: 2rem !important - + &-gutters margin: -1rem -1rem 1rem -1rem !important - .block-grid__item + .#{$leap-prefix}-block-grid__item padding: 1rem !important &__item @@ -25,7 +25,7 @@ // Iterate from 1-6 to create different block division classes @for $num from 1 through 6 - .block-#{$num}-#{$suffix} .block-grid__item + .#{$leap-prefix}-block-#{$num}-#{$suffix} .#{$leap-prefix}-block-grid__item width: 100%/$num !important // If we aren't a block-1 we need to reset and set clear diff --git a/block-grid.html b/block-grid.html index 6587d12..32ad5ae 100644 --- a/block-grid.html +++ b/block-grid.html @@ -9,94 +9,94 @@

The Block Grid

The block grid is used when you need a grid of an unknown number of items. The recommended way to build block grids is with ul elements, but the classes work just fine on any element, like a div. Use your best judgement to keep the markup as semantic as possible.

-

To build a block grid, start with a <ul class="block-grid block-n-xs">, where n is a number from 1-6. These divisions can be changed across breakpoints by applying one or more of our grid suffix classes. Then, inside that list, create your items with <li class="block-grid__item">. If you want the same grid division across all breakpoints, use the default .block-n-xs class. Resize your browser to see the block grid suffixes in effect.

+

To build a block grid, start with a <ul class="thl-block-grid thl-block-n-xs">, where n is a number from 1-6. These divisions can be changed across breakpoints by applying one or more of our grid suffix classes. Then, inside that list, create your items with <li class="thl-block-grid__item">. If you want the same grid division across all breakpoints, use the default .block-n-xs class. Resize your browser to see the block grid suffixes in effect.

Note: Do not put any style utility classes on the block grid containers, nest them inside the list items instead.

No Gutters (Default)

By default, the block grid comes with no gutters.

-
@@ -419,9 +419,9 @@

Order

By default, items are laid out in source order. By using the order property, we can control the order inside the flex container. Leap contains built in ordering classes of .flex-order-[n]-xs, where n is an integer from 1 to 6. Any item without an order will default to 1 and matching orders will be grouped together in the appropriate order. You can rearrange the order across breakpoints with breakpoint suffixes.

1
-
2
-
3
-
4
+
2
+
3
+
4
1
@@ -438,9 +438,9 @@

Order

<div class="flex-block-xs border-xs p-05-xs">
   <div class="flex-order-2-xs border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
   <div class="flex-order-4-xs border-dark-xs text-center-xs m-05-xs">1</div>
@@ -459,82 +459,82 @@ 

Order

Flex Grow

This property lets an item grow if necessary. It accepts a unitless value that serves as a proportion. The default is 0.

-
1
+
1
2
3
-
4
+
4
1
2
-
3
+
3
4
-
1
+
1
2
3
-
4
+
4
<div class="flex-block-xs border-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="flex-grow-1-xs border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="flex-grow-2-xs border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
   <div class="flex-grow-6-xs border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="flex-grow-3-xs border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="flex-grow-1-xs border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="flex-grow-2-lg border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="flex-grow-4-lg border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Shrink

This property lets an item shrink if necessary. It accepts a unitless value that serves as a proportion. The default is 1.

-
1
+
1
2
3
-
4
+
4
1
2
-
3
+
3
4
-
1
+
1
2
3
-
4
+
4
<div class="flex-block-xs border-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="flex-shrink-2-xs border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="flex-shrink-2-xs border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
   <div class="flex-shrink-4-xs border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="flex-shrink-3-xs border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="flex-shrink-2-xs border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="flex-shrink-2-lg border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="flex-shrink-4-lg border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
@@ -600,55 +600,55 @@

Align Self

-
1
2
+
1
2
3
-
4
5
+
4
5
-
1
2
+
1
2
3
-
4
5
+
4
5
-
1
2
+
1
2
3
-
4
5
+
4
5
-
1
2
+
1
2
3
-
4
5
+
4
5
-
1
2
+
1
2
3
-
4
5
+
4
5
<div class="flex-block-xs border-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="flex-self-start-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="flex-self-end-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="flex-self-center-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="flex-self-stretch-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
 <div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="flex-self-baseline-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
-  <div class="border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
+  <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
diff --git a/grid.html b/grid.html index 47c8b5f..39611f4 100644 --- a/grid.html +++ b/grid.html @@ -31,11 +31,11 @@

The Grid

Grid Max-Width

By default, our grid will span 100% of the browser viewport. If you want to control that, add .col-max next to your .col-container class. This will limit the width of the grid to 1260px.

-
1260px max-width
+
1260px max-width
<div class="col-container col-max">
-<div class="border-dark-xs p-2-xs">1260px max-width</div>
+<div class="thl-border-dark-xs p-2-xs">1260px max-width</div>
 </div>
@@ -87,7 +87,7 @@

Automatic Gutters

Gutters will not be applied to nested columns unless applied to its parent container.

-
.col
+
.col
@@ -100,7 +100,7 @@

Automatic Gutters

<div class="col-container col-gutters">
 <div class="col col-40-xs">
-<div class="border-mid-xs">.col</div>
+<div class="thl-border-mid-xs">.col</div>
 </div>
 <div class="col col-60-xs">
 <div class="col-container">
@@ -116,25 +116,25 @@ 

Manual Gutters

With manual gutters, any styling should be applied to a nested element, not the columns themselves.

-
.col
+
.col
-
.col
+
.col
-
.col
+
.col
<div class="col-container">
 <div class="col col-30-xs p-r-1-xs">
-<div class="border-mid-xs">.col</div>
+<div class="thl-border-mid-xs">.col</div>
 </div>
 <div class="col col-30-xs p-r-5-xs">
-<div class="border-mid-xs">.col</div>
+<div class="thl-border-mid-xs">.col</div>
 </div>
 <div class="col col-40-xs">
-<div class="border-mid-xs">.col</div>
+<div class="thl-border-mid-xs">.col</div>
 </div>
 </div>
diff --git a/layout.html b/layout.html index bf8b535..fe2f952 100644 --- a/layout.html +++ b/layout.html @@ -109,7 +109,7 @@

Width & Height

Most widths will be set using our grid layout. However, Leap provides .w-fit-xs to set an elements max-width to 100%, additionally it has .w-full-xs and .h-full-xs to set an elements width to 100%. You can use .w-auto-xs to set an elements width to auto.

.w-fit-xs
.w-full-xs
-
+
.h-full-xs
.w-auto-xs
@@ -117,7 +117,7 @@

Width & Height

<div class="w-fit-xs border-dark-xs p-1-xs m-b-1-xs">.w-fit-xs</div>
 <div class="w-full-xs border-dark-xs p-1-xs m-b-1-xs">.w-full-xs</div>
-<div class="border-xs p-05-xs m-b-1-xs" style="height: 100px">
+<div class="thl-border-xs p-05-xs m-b-1-xs" style="height: 100px">
 <div class="h-full-xs col-20-xs border-dark-xs p-1-xs">.h-full-xs</div>
 </div>
 <div class="w-auto-xs border-dark-xs p-1-xs">.w-auto-xs</div>
@@ -200,25 +200,25 @@ 

Uniform Spacing

-
m-05-xs
-
m-1-xs
-
m-2-xs
-
m-3-xs
-
p-05-xs
-
p-1-xs
-
p-2-xs
-
p-3-xs
+
m-05-xs
+
m-1-xs
+
m-2-xs
+
m-3-xs
+
p-05-xs
+
p-1-xs
+
p-2-xs
+
p-3-xs
<div class="col-container border-xs">
-<div class="border-dark-xs float-l-xs inline-block-xs m-05-xs">m-05-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs m-1-xs">m-1-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs m-2-xs">m-2-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs m-3-xs">m-3-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs p-05-xs">p-05-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs p-1-xs">p-1-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs p-2-xs">p-2-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs p-3-xs">p-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-05-xs">m-05-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-1-xs">m-1-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-2-xs">m-2-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-3-xs">m-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-05-xs">p-05-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-1-xs">p-1-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-2-xs">p-2-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-3-xs">p-3-xs</div>
 </div>
@@ -250,25 +250,25 @@

Individual Spacing

-
m-t-3-xs
-
m-t-4-xs
-
m-t-5-xs
-
m-t-6-xs
-
p-l-3-xs
-
p-l-4-xs
-
p-l-5-xs
-
p-l-6-xs
+
m-t-3-xs
+
m-t-4-xs
+
m-t-5-xs
+
m-t-6-xs
+
p-l-3-xs
+
p-l-4-xs
+
p-l-5-xs
+
p-l-6-xs
<div class="col-container border-xs">
-<div class="border-dark-xs float-l-xs inline-block-xs m-t-3-xs">m-t-3-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs m-t-4-xs">m-t-4-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs m-t-5-xs">m-t-5-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs m-t-6-xs">m-t-6-xs</div>
-<div class="border-dark-xs float-l-xs inline-block-xs p-l-3-xs">p-l-3-xs</div>
-<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="thl-border-dark-xs float-l-xs inline-block-xs m-t-3-xs">m-t-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-4-xs">m-t-4-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-5-xs">m-t-5-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-6-xs">m-t-6-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-3-xs">p-l-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-4-xs">p-l-4-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-5-xs">p-l-5-xs</div>
+<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-6-xs">p-l-6-xs</div>
 </div>
@@ -307,7 +307,7 @@

Z-Index

-
+
.relative-xs .pos-t-2-xs .pos-l-5-xs
@@ -327,7 +327,7 @@

Z-Index

-
<div class="border-xs p-2-xs m-b-1-xs">
+
<div class="thl-border-xs p-2-xs m-b-1-xs">
 <div class="relative-xs pos-t-2-xs pos-l-5-xs border-dark-xs inline-xs">
 .relative-xs .pos-t-2-xs .pos-l-5-xs
 </div>
diff --git a/typography.html b/typography.html
index 4d4e189..f0a6bec 100644
--- a/typography.html
+++ b/typography.html
@@ -50,7 +50,7 @@ 

Headers and Text Sizing

<p class="text-6-xs">Treehouse is an online school that teaches you code</p>
-
+

.text-6-xs .text-5-sm @@ -61,7 +61,7 @@

Headers and Text Sizing

-
<div class="border-mid-xs m-b-3-xs p-1-xs">
+
<div class="thl-border-mid-xs m-b-3-xs p-1-xs">
 <p class="text-6-xs text-5-sm text-4-md text-3-lg">
 <span class="inline-block-xs hide-sm">.text-6-xs</span>
 <span class="hide-xs hide-md inline-block-sm">.text-5-sm</span>

From 5d995026ea56209384cab8ef7131bbcd3a550307 Mon Sep 17 00:00:00 2001
From: Matthew Spiel 
Date: Fri, 1 Sep 2017 10:16:08 -0500
Subject: [PATCH 05/27] updating uses for button class around styleguide pages

---
 _sass/leap/atoms/_button.sass |  14 +-
 buttons.html                  | 314 +++++++++++++++++-----------------
 icons.html                    |   2 +-
 index.html                    |   8 +-
 4 files changed, 169 insertions(+), 169 deletions(-)

diff --git a/_sass/leap/atoms/_button.sass b/_sass/leap/atoms/_button.sass
index 6543b7d..8b7dcdf 100644
--- a/_sass/leap/atoms/_button.sass
+++ b/_sass/leap/atoms/_button.sass
@@ -1,4 +1,4 @@
-.button
+.#{$leap-prefix}-button
   +appearance(none)
   +user-select(none)
   background-color: transparent
@@ -205,7 +205,7 @@
         color: darken(topic-color(#{$topic}, base), 10%) !important
         svg
           fill: darken(topic-color(#{$topic}, base), 10%) !important
-      &.button--primary
+      &.#{$leap-prefix}-button--primary
         background-color: topic-color(#{$topic}, base) !important
         border-color: topic-color(#{$topic}, base) !important
         color: #fff !important
@@ -216,7 +216,7 @@
             fill: #fff !important
 
   // Split Buttons
-  .split-button &
+  .#{$leap-prefix}-split-button &
     float: left
     z-index: 1
     margin: 0 !important
@@ -224,15 +224,15 @@
     padding: 0 20px
     +selected
       z-index: 2
-    &.button--primary
+    &.#{$leap-prefix}-button--primary
       border-right-color: rgba(#000, 0.1)
-    + .button
+    + .#{$leap-prefix}-button
       border-radius: 0 $border-radius $border-radius 0
       margin-left: -2px !important
-      &.button--primary
+      &.#{$leap-prefix}-button--primary
         border-left-color: rgba(#000, 0.1)
 
-.split-button
+.#{$leap-prefix}-split-button
   +clearfix
   display: inline-block
   margin: 0 15px 0 0
diff --git a/buttons.html b/buttons.html
index c0b2306..8244ee5 100644
--- a/buttons.html
+++ b/buttons.html
@@ -18,177 +18,177 @@
 
 

Default

-

Use the class, button for this default style button. If you are using the <button> element, always specify a type. When using the <a> tag, include role="button" for accessibility. Each button is available in multiple sizes, take note of examples for classes.

- Large - Normal - Small - X-Small +

Use the class, thl-button for this default style button. If you are using the <button> element, always specify a type. When using the <a> tag, include role="button" for accessibility. Each button is available in multiple sizes, take note of examples for classes.

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

Size Across Breakpoints

You can control the size of a button across breakpoints by tacking any of our breakpoint suffixes to the end of the button size class.

- + Small Normal Large
-
<a class="m-b-05-xs button button--large-xs" href>Large</a>
+
<a class="m-b-05-xs thl-button thl-button--large-xs" href>Large</a>

Primary

-

Primary buttons are used to indicate a primary action on the page. Use the class, .button.button--primary, to get a primary button on your page.

- Large - Normal - Small - X-Small +

Primary buttons are used to indicate a primary action on the page. Use the class, .thl-button.thl-button--primary, to get a primary button on your page.

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

Secondary

-

Secondary buttons are used to indicate a secondary action on the page. To access these styles, use the class, .button.button--secondary.

- Large - Normal - Small - X-Small +

Secondary buttons are used to indicate a secondary action on the page. To access these styles, use the class, .thl-button.thl-button--secondary.

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

Alert

-

Alert buttons are used to indicate a urgent or negative action on the page. To access these styles, use the class, .button.button--alert.

- Large - Normal - Small - X-Small +

Alert buttons are used to indicate a urgent or negative action on the page. To access these styles, use the class, .thl-button.thl-button--alert.

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

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, .thl-button--inverse. .thl-button--inverse-primary. .thl-button--inverse-disabled. .thl-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-disabled" href>Inverse Disabled</a>
-<a class="m-b-05-xs button button--inverse-primary-disabled" href>Inverse Primary Disabled</a>
+
<a class="m-b-05-xs thl-button thl-button--inverse" href>Inverse</a>
+<a class="m-b-05-xs thl-button thl-button--inverse-primary" href>Inverse Primary</a>
+<a class="m-b-05-xs thl-button thl-button--inverse-disabled" href>Inverse Disabled</a>
+<a class="m-b-05-xs thl-button thl-button--inverse-primary-disabled" href>Inverse Primary Disabled</a>

Disabled

-

Disabled buttons are used when the action on the page is blocked to the user. Get this button on a page by using the class, .button.button--disabled.

- Large - Normal - Small - X-Small +

Disabled buttons are used when the action on the page is blocked to the user. Get this button on a page by using the class, .thl-button.thl-button--disabled.

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

Extra Large Buttons

These buttons should typically be reserved for marketing pages since the scale is pretty large and works better visually on marketing layouts.

- Default - Primary - Secondary - Alert - Disabled + Default + Primary + Secondary + Alert + Disabled
-
<a class="m-b-05-xs button button--xlarge-xs" href>Default</a>
-<a class="m-b-05-xs button button--primary button--xlarge-xs" href>Primary</a>
-<a class="m-b-05-xs button button--secondary button--xlarge-xs" href>Secondary</a>
-<a class="m-b-05-xs button button--alert button--xlarge-xs" href>Alert</a>
-<a class="m-b-05-xs button button--disabled button--xlarge-xs" href>Disabled</a>
+
<a class="m-b-05-xs thl-button thl-button--xlarge-xs" href>Default</a>
+<a class="m-b-05-xs thl-button thl-button--primary thl-button--xlarge-xs" href>Primary</a>
+<a class="m-b-05-xs thl-button thl-button--secondary thl-button--xlarge-xs" href>Secondary</a>
+<a class="m-b-05-xs thl-button thl-button--alert thl-button--xlarge-xs" href>Alert</a>
+<a class="m-b-05-xs thl-button thl-button--disabled thl-button--xlarge-xs" href>Disabled</a>

Inline Buttons

These buttons are used when you have some inline text inputs and need a button at the end. It changes the padding and height to match the size of text inputs.

- Default + Default
-
<a class="m-b-05-xs button button--inline" href>Default</a>
+
<a class="m-b-05-xs thl-button thl-button--inline" href>Default</a>

Topic Color Buttons

-

Each button supports the full array of topic colors by adding the name of the topic to the class. Use classes like, button--topic-css, in conjunction with any other button class combo to set it as a topic color. By default, this will effect the border and text color of the button. To use the primary button style with topic colors apply the topic color class in conjunction with the button--primary class.

+

Each button supports the full array of topic colors by adding the name of the topic to the class. Use classes like, thl-button--topic-css, in conjunction with any other button class combo to set it as a topic color. By default, this will effect the border and text color of the button. To use the primary button style with topic colors apply the topic color class in conjunction with the thl-button--primary class.

<div class="m-b-05-xs">
-  <a class="m-b-05-xs button button--topic-html">HTML</a>
-  <a class="m-b-05-xs button button--topic-css">CSS</a>
-  <a class="m-b-05-xs button button--topic-java">Java</a>
-  <a class="m-b-05-xs button button--topic-python">Python</a>
-  <a class="m-b-05-xs button button--topic-php">PHP</a>
-  <a class="m-b-05-xs button button--topic-android">Android</a>
-  <a class="m-b-05-xs button button--topic-ios">iOS</a>
-  <a class="m-b-05-xs button button--topic-diglit">Digital Literacy</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-html">HTML</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-css">CSS</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-java">Java</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-python">Python</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-php">PHP</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-android">Android</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-ios">iOS</a>
+  <a class="m-b-05-xs thl-button thl-button--topic-diglit">Digital Literacy</a>
 </div>
 <div>
-  <a class="m-b-05-xs button button--primary button--topic-html">HTML</a>
-  <a class="m-b-05-xs button button--primary button--topic-css">CSS</a>
-  <a class="m-b-05-xs button button--primary button--topic-java">Java</a>
-  <a class="m-b-05-xs button button--primary button--topic-python">Python</a>
-  <a class="m-b-05-xs button button--primary button--topic-php">PHP</a>
-  <a class="m-b-05-xs button button--primary button--topic-android">Android</a>
-  <a class="m-b-05-xs button button--primary button--topic-ios">iOS</a>
-  <a class="m-b-05-xs button button--primary button--topic-diglit">Digital Literacy</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-html">HTML</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-css">CSS</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-java">Java</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-python">Python</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-php">PHP</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-android">Android</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-ios">iOS</a>
+  <a class="m-b-05-xs thl-button thl-button--primary thl-button--topic-diglit">Digital Literacy</a>
 </div>
@@ -196,88 +196,88 @@

Topic Color Buttons

Full Width

Make any button span the full width of its container by using the class, w-full-xs. The padding and text size will be controlled by whichever size class you add. You can control the full-width aspect of the button with breakpoint suffixes.

- Button - Button - Button - Button + Button + Button + Button + Button
-
<a class="m-b-05-xs button w-full-xs m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button w-full-xs button--primary m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button w-full-xs button--secondary m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button w-full-xs button--alert m-b-05-xs" href>Button</a>
+
<a class="m-b-05-xs thl-button w-full-xs m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button w-full-xs thl-button--primary m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button w-full-xs thl-button--secondary m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button w-full-xs thl-button--alert m-b-05-xs" href>Button</a>

These buttons will only be full width on screen that are xs, md, and lg.

- Button - Button - Button - Button + Button + Button + Button + Button
-
<a class="m-b-05-xs button w-full-xs w-auto-lg m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button w-full-xs w-auto-lg button--primary m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button w-full-xs w-auto-lg button--secondary m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button w-full-xs w-auto-lg button--alert m-b-05-xs" href>Button</a>
+
<a class="m-b-05-xs thl-button w-full-xs w-auto-lg m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button w-full-xs w-auto-lg thl-button--primary m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button w-full-xs w-auto-lg thl-button--secondary m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button w-full-xs w-auto-lg thl-button--alert m-b-05-xs" href>Button</a>

Pill Buttons (Tags)

-

Any button can become a pill button by adding the class circle alongside button classes.

- Button - Button - Button - Button +

Any button can become a pill button by adding the class thl-circle alongside button classes.

+ Button + Button + Button + Button
-
<a class="m-b-05-xs button circle m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button circle button--primary m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button circle button--secondary m-b-05-xs" href>Button</a>
-<a class="m-b-05-xs button circle button--alert m-b-05-xs" href>Button</a>
+
<a class="m-b-05-xs thl-button thl-circle m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button thl-circle thl-button--primary m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button thl-circle thl-button--secondary m-b-05-xs" href>Button</a>
+<a class="m-b-05-xs thl-button thl-circle thl-button--alert m-b-05-xs" href>Button</a>

Split Buttons

-

Split buttons are used when you need a button that contains two actions. To accomplish this, wrap your buttons in <div class="split-button">.

-
- Add - Remove +

Split buttons are used when you need a button that contains two actions. To accomplish this, wrap your buttons in <div class="thl-split-button">.

+
+ Add + Remove
-
- Add - Remove +
+ Add + Remove
-
- Add - Remove +
+ Add + Remove
-
- Add - Remove +
+ Add + Remove
-
<div class="split-button">
-  <a class="m-b-05-xs button" href>Add</a>
-  <a class="m-b-05-xs button" href><%= icon('add') %></a>
+
<div class="thl-split-button">
+  <a class="m-b-05-xs thl-button" href>Add</a>
+  <a class="m-b-05-xs thl-button" href><%= icon('add') %></a>
 </div>
-<div class="split-button">
-  <a class="m-b-05-xs button button--primary" href>Add</a>
-  <a class="m-b-05-xs button button--primary" href>Remove</a>
+<div class="thl-split-button">
+  <a class="m-b-05-xs thl-button thl-button--primary" href>Add</a>
+  <a class="m-b-05-xs thl-button thl-button--primary" href>Remove</a>
 </div>
-<div class="split-button">
-  <a class="m-b-05-xs button button--secondary" href>Add</a>
-  <a class="m-b-05-xs button button--secondary" href>Remove</a>
+<div class="thl-split-button">
+  <a class="m-b-05-xs thl-button thl-button--secondary" href>Add</a>
+  <a class="m-b-05-xs thl-button thl-button--secondary" href>Remove</a>
 </div>
-<div class="split-button">
-  <a class="m-b-05-xs button button--alert" href>Add</a>
-  <a class="m-b-05-xs button button--alert" href>Remove</a>
+<div class="thl-split-button">
+  <a class="m-b-05-xs thl-button thl-button--alert" href>Add</a>
+  <a class="m-b-05-xs thl-button thl-button--alert" href>Remove</a>
 </div>
diff --git a/icons.html b/icons.html index 0d9f51a..ce0e8c0 100644 --- a/icons.html +++ b/icons.html @@ -6,7 +6,7 @@
-

Common UI Icons

WIP: Only use in docs +

Common UI Icons

WIP: Only use in docs

Currently, Leap only comes with a few basic icons that will cover a lot of common UI pieces. For all other icons, continue using our rails helper that is built into the Treehouse app.

diff --git a/index.html b/index.html index 436046f..74e0ce1 100644 --- a/index.html +++ b/index.html @@ -28,15 +28,15 @@

Rapidness

Wanna get going?

Before diving into using Leap, make sure you familiarize yourself with a few guidelines and best practices.

- Get Started + Get Started

Installation

In your project directory: bower install leap --save

Download

- Source Files - Compiled CSS - Compiled CSS (minified) + Source Files + Compiled CSS + Compiled CSS (minified) From be0a8d3d31f6083f68b98c7e1cd41b65887ba1dc Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 10:57:53 -0500 Subject: [PATCH 06/27] adding in prefix for colors --- _sass/leap/atoms/_color.sass | 26 +- _sass/styleguide/_theme.sass | 14 +- buttons.html | 2 +- colors.html | 50 +- css/leap.css | 1350 ++++++++++++++--------------- css/leap.min.css | 2 +- js/sass-to-js-custom-functions.js | 20 +- release-notes.html | 70 +- 8 files changed, 767 insertions(+), 767 deletions(-) diff --git a/_sass/leap/atoms/_color.sass b/_sass/leap/atoms/_color.sass index aa879f1..e6ff5b6 100644 --- a/_sass/leap/atoms/_color.sass +++ b/_sass/leap/atoms/_color.sass @@ -16,13 +16,13 @@ $properties: fill stroke color border-color background-color // // Else just use the regular property name @if $property == background-color - .brand-bg-#{$color-name} + .#{$leap-prefix}-brand-bg-#{$color-name} #{$property}: brand-color($color-name) !important @else if $property == border-color - .brand-border-#{$color-name} + .#{$leap-prefix}-brand-border-#{$color-name} #{$property}: brand-color($color-name) !important @else - .brand-#{$property}-#{$color-name} + .#{$leap-prefix}-brand-#{$property}-#{$color-name} #{$property}: brand-color($color-name) !important @@ -41,10 +41,10 @@ $properties: fill stroke color border-color background-color // // Else just use the regular property name @if $property == background-color - .bg-#{$color-name} + .#{$leap-prefix}-bg-#{$color-name} #{$property}: ui-color($color-name) !important @else if $property == border-color - .border-#{$color-name} + .#{$leap-prefix}-border-#{$color-name} #{$property}: ui-color($color-name) !important @else .#{$property}-#{$color-name} @@ -66,10 +66,10 @@ $properties: fill stroke color border-color background-color // // Else just use the regular property name @if $property == background-color - .bg-#{$color-name} + .#{$leap-prefix}-bg-#{$color-name} #{$property}: gray-color($color-name) !important @else if $property == border-color - .border-#{$color-name} + .#{$leap-prefix}-border-#{$color-name} #{$property}: gray-color($color-name) !important @else .#{$property}-#{$color-name} @@ -91,13 +91,13 @@ $properties: fill stroke color border-color background-color // // Else just use the regular property name @if $property == background-color - .text-bg-#{$color-name} + .#{$leap-prefix}-text-bg-#{$color-name} #{$property}: text-color($color-name) !important @else if $property == border-color - .text-border-#{$color-name} + .#{$leap-prefix}-text-border-#{$color-name} #{$property}: text-color($color-name) !important @else - .text-#{$property}-#{$color-name} + .#{$leap-prefix}-text-#{$property}-#{$color-name} #{$property}: text-color($color-name) !important @@ -117,11 +117,11 @@ $properties: fill stroke color border-color background-color // // Else just use the regular property name @if $property == background-color - .topic-bg-#{$color-name}-#{$color-value} + .#{$leap-prefix}-topic-bg-#{$color-name}-#{$color-value} #{$property}: map-get($color, $color-value) !important @else if $property == border-color - .topic-border-#{$color-name}-#{$color-value} + .#{$leap-prefix}-topic-border-#{$color-name}-#{$color-value} #{$property}: map-get($color, $color-value) !important @else - .topic-#{$property}-#{$color-name}-#{$color-value} + .#{$leap-prefix}-topic-#{$property}-#{$color-name}-#{$color-value} #{$property}: map-get($color, $color-value) !important diff --git a/_sass/styleguide/_theme.sass b/_sass/styleguide/_theme.sass index 5064962..f9f0d38 100644 --- a/_sass/styleguide/_theme.sass +++ b/_sass/styleguide/_theme.sass @@ -95,25 +95,25 @@ body em color: rgba(#fff, 0.5) font-family: Helvetica, Arial, sans-serif - &.topic-bg-python-lightest + &.thl-topic-bg-python-lightest color: topic-color(python, base) em color: topic-color(python, lighter) - &.topic-bg-diglit-lightest + &.thl-topic-bg-diglit-lightest color: topic-color(diglit, base) em color: topic-color(diglit, lighter) - &.bg-gray, - &.bg-gray-light, - &.bg-gray-lighter + &.thl-bg-gray, + &.thl-bg-gray-light, + &.thl-bg-gray-lighter color: gray-color(gray-dark) em color: lighten(gray-color(gray-dark), 25%) - .bg-yellow + .thl-bg-yellow color: darken(#ffd466, 50%) em color: darken(#ffd466, 25%) - .text-bg-white + .thl-text-bg-white border: solid 1px gray-color(gray-light) span color: text-color(dark) diff --git a/buttons.html b/buttons.html index 8244ee5..a71565a 100644 --- a/buttons.html +++ b/buttons.html @@ -91,7 +91,7 @@

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, .thl-button--inverse. .thl-button--inverse-primary. .thl-button--inverse-disabled. .thl-button--inverse-primary-disabled.

-
+
Inverse Inverse Primary Inverse Disabled diff --git a/colors.html b/colors.html index 7df1556..ab78c74 100644 --- a/colors.html +++ b/colors.html @@ -19,23 +19,23 @@

Brand Colors

- + - + - + - + - + @@ -55,23 +55,23 @@

UI Colors

- + - + - + - + - + @@ -92,23 +92,23 @@

Gray Colors

- + - + - + - + - + @@ -129,23 +129,23 @@

Text Colors

- + - + - + - + - + @@ -166,23 +166,23 @@

Topic Colors

- + - + - + - + - + diff --git a/css/leap.css b/css/leap.css index 597d59d..ff70a89 100644 --- a/css/leap.css +++ b/css/leap.css @@ -1148,43 +1148,43 @@ ol { border-radius: 9999px !important; } } -.brand-fill-green { +.thl-brand-fill-green { fill: #5fcf80 !important; } -.brand-stroke-green { +.thl-brand-stroke-green { stroke: #5fcf80 !important; } -.brand-color-green { +.thl-brand-color-green { color: #5fcf80 !important; } -.brand-border-green { +.thl-brand-border-green { border-color: #5fcf80 !important; } -.brand-bg-green { +.thl-brand-bg-green { background-color: #5fcf80 !important; } -.brand-fill-gray { +.thl-brand-fill-gray { fill: #3e474f !important; } -.brand-stroke-gray { +.thl-brand-stroke-gray { stroke: #3e474f !important; } -.brand-color-gray { +.thl-brand-color-gray { color: #3e474f !important; } -.brand-border-gray { +.thl-brand-border-gray { border-color: #3e474f !important; } -.brand-bg-gray { +.thl-brand-bg-gray { background-color: #3e474f !important; } @@ -1200,11 +1200,11 @@ ol { color: #3f8abf !important; } -.border-blue { +.thl-border-blue { border-color: #3f8abf !important; } -.bg-blue { +.thl-bg-blue { background-color: #3f8abf !important; } @@ -1220,11 +1220,11 @@ ol { color: #36b55c !important; } -.border-green { +.thl-border-green { border-color: #36b55c !important; } -.bg-green { +.thl-bg-green { background-color: #36b55c !important; } @@ -1240,11 +1240,11 @@ ol { color: #ffd466 !important; } -.border-yellow { +.thl-border-yellow { border-color: #ffd466 !important; } -.bg-yellow { +.thl-bg-yellow { background-color: #ffd466 !important; } @@ -1260,11 +1260,11 @@ ol { color: #ff9f1f !important; } -.border-orange { +.thl-border-orange { border-color: #ff9f1f !important; } -.bg-orange { +.thl-bg-orange { background-color: #ff9f1f !important; } @@ -1280,11 +1280,11 @@ ol { color: #ed5a5a !important; } -.border-red { +.thl-border-red { border-color: #ed5a5a !important; } -.bg-red { +.thl-bg-red { background-color: #ed5a5a !important; } @@ -1300,11 +1300,11 @@ ol { color: #2d3339 !important; } -.border-gray-darker { +.thl-border-gray-darker { border-color: #2d3339 !important; } -.bg-gray-darker { +.thl-bg-gray-darker { background-color: #2d3339 !important; } @@ -1320,11 +1320,11 @@ ol { color: #3f4850 !important; } -.border-gray-dark { +.thl-border-gray-dark { border-color: #3f4850 !important; } -.bg-gray-dark { +.thl-bg-gray-dark { background-color: #3f4850 !important; } @@ -1340,11 +1340,11 @@ ol { color: #c6ccd2 !important; } -.border-gray { +.thl-border-gray { border-color: #c6ccd2 !important; } -.bg-gray { +.thl-bg-gray { background-color: #c6ccd2 !important; } @@ -1360,11 +1360,11 @@ ol { color: #edeff0 !important; } -.border-gray-light { +.thl-border-gray-light { border-color: #edeff0 !important; } -.bg-gray-light { +.thl-bg-gray-light { background-color: #edeff0 !important; } @@ -1380,1555 +1380,1555 @@ ol { color: #f9fafa !important; } -.border-gray-lighter { +.thl-border-gray-lighter { border-color: #f9fafa !important; } -.bg-gray-lighter { +.thl-bg-gray-lighter { background-color: #f9fafa !important; } -.text-fill-dark { +.thl-text-fill-dark { fill: #40484a !important; } -.text-stroke-dark { +.thl-text-stroke-dark { stroke: #40484a !important; } -.text-color-dark { +.thl-text-color-dark { color: #40484a !important; } -.text-border-dark { +.thl-text-border-dark { border-color: #40484a !important; } -.text-bg-dark { +.thl-text-bg-dark { background-color: #40484a !important; } -.text-fill-medium { +.thl-text-fill-medium { fill: #4b5658 !important; } -.text-stroke-medium { +.thl-text-stroke-medium { stroke: #4b5658 !important; } -.text-color-medium { +.thl-text-color-medium { color: #4b5658 !important; } -.text-border-medium { +.thl-text-border-medium { border-color: #4b5658 !important; } -.text-bg-medium { +.thl-text-bg-medium { background-color: #4b5658 !important; } -.text-fill-base { +.thl-text-fill-base { fill: #576366 !important; } -.text-stroke-base { +.thl-text-stroke-base { stroke: #576366 !important; } -.text-color-base { +.thl-text-color-base { color: #576366 !important; } -.text-border-base { +.thl-text-border-base { border-color: #576366 !important; } -.text-bg-base { +.thl-text-bg-base { background-color: #576366 !important; } -.text-fill-light { +.thl-text-fill-light { fill: #7b8b8e !important; } -.text-stroke-light { +.thl-text-stroke-light { stroke: #7b8b8e !important; } -.text-color-light { +.thl-text-color-light { color: #7b8b8e !important; } -.text-border-light { +.thl-text-border-light { border-color: #7b8b8e !important; } -.text-bg-light { +.thl-text-bg-light { background-color: #7b8b8e !important; } -.text-fill-white { +.thl-text-fill-white { fill: #fff !important; } -.text-stroke-white { +.thl-text-stroke-white { stroke: #fff !important; } -.text-color-white { +.thl-text-color-white { color: #fff !important; } -.text-border-white { +.thl-text-border-white { border-color: #fff !important; } -.text-bg-white { +.thl-text-bg-white { background-color: #fff !important; } -.topic-fill-html-light { +.thl-topic-fill-html-light { fill: #62bedb !important; } -.topic-stroke-html-light { +.thl-topic-stroke-html-light { stroke: #62bedb !important; } -.topic-color-html-light { +.thl-topic-color-html-light { color: #62bedb !important; } -.topic-border-html-light { +.thl-topic-border-html-light { border-color: #62bedb !important; } -.topic-bg-html-light { +.thl-topic-bg-html-light { background-color: #62bedb !important; } -.topic-fill-html-base { +.thl-topic-fill-html-base { fill: #39ADD1 !important; } -.topic-stroke-html-base { +.thl-topic-stroke-html-base { stroke: #39ADD1 !important; } -.topic-color-html-base { +.thl-topic-color-html-base { color: #39ADD1 !important; } -.topic-border-html-base { +.thl-topic-border-html-base { border-color: #39ADD1 !important; } -.topic-bg-html-base { +.thl-topic-bg-html-base { background-color: #39ADD1 !important; } -.topic-fill-html-dark { +.thl-topic-fill-html-dark { fill: #298fae !important; } -.topic-stroke-html-dark { +.thl-topic-stroke-html-dark { stroke: #298fae !important; } -.topic-color-html-dark { +.thl-topic-color-html-dark { color: #298fae !important; } -.topic-border-html-dark { +.thl-topic-border-html-dark { border-color: #298fae !important; } -.topic-bg-html-dark { +.thl-topic-bg-html-dark { background-color: #298fae !important; } -.topic-fill-css-light { +.thl-topic-fill-css-light { fill: #4494ca !important; } -.topic-stroke-css-light { +.thl-topic-stroke-css-light { stroke: #4494ca !important; } -.topic-color-css-light { +.thl-topic-color-css-light { color: #4494ca !important; } -.topic-border-css-light { +.thl-topic-border-css-light { border-color: #4494ca !important; } -.topic-bg-css-light { +.thl-topic-bg-css-light { background-color: #4494ca !important; } -.topic-fill-css-base { +.thl-topic-fill-css-base { fill: #3079AB !important; } -.topic-stroke-css-base { +.thl-topic-stroke-css-base { stroke: #3079AB !important; } -.topic-color-css-base { +.thl-topic-color-css-base { color: #3079AB !important; } -.topic-border-css-base { +.thl-topic-border-css-base { border-color: #3079AB !important; } -.topic-bg-css-base { +.thl-topic-bg-css-base { background-color: #3079AB !important; } -.topic-fill-css-dark { +.thl-topic-fill-css-dark { fill: #255d83 !important; } -.topic-stroke-css-dark { +.thl-topic-stroke-css-dark { stroke: #255d83 !important; } -.topic-color-css-dark { +.thl-topic-color-css-dark { color: #255d83 !important; } -.topic-border-css-dark { +.thl-topic-border-css-dark { border-color: #255d83 !important; } -.topic-bg-css-dark { +.thl-topic-bg-css-dark { background-color: #255d83 !important; } -.topic-fill-js-light { +.thl-topic-fill-js-light { fill: #d07e94 !important; } -.topic-stroke-js-light { +.thl-topic-stroke-js-light { stroke: #d07e94 !important; } -.topic-color-js-light { +.thl-topic-color-js-light { color: #d07e94 !important; } -.topic-border-js-light { +.thl-topic-border-js-light { border-color: #d07e94 !important; } -.topic-bg-js-light { +.thl-topic-bg-js-light { background-color: #d07e94 !important; } -.topic-fill-js-base { +.thl-topic-fill-js-base { fill: #c25975 !important; } -.topic-stroke-js-base { +.thl-topic-stroke-js-base { stroke: #c25975 !important; } -.topic-color-js-base { +.thl-topic-color-js-base { color: #c25975 !important; } -.topic-border-js-base { +.thl-topic-border-js-base { border-color: #c25975 !important; } -.topic-bg-js-base { +.thl-topic-bg-js-base { background-color: #c25975 !important; } -.topic-fill-js-dark { +.thl-topic-fill-js-dark { fill: #aa3e5b !important; } -.topic-stroke-js-dark { +.thl-topic-stroke-js-dark { stroke: #aa3e5b !important; } -.topic-color-js-dark { +.thl-topic-color-js-dark { color: #aa3e5b !important; } -.topic-border-js-dark { +.thl-topic-border-js-dark { border-color: #aa3e5b !important; } -.topic-bg-js-dark { +.thl-topic-bg-js-dark { background-color: #aa3e5b !important; } -.topic-fill-ruby-light { +.thl-topic-fill-ruby-light { fill: #e97d82 !important; } -.topic-stroke-ruby-light { +.thl-topic-stroke-ruby-light { stroke: #e97d82 !important; } -.topic-color-ruby-light { +.thl-topic-color-ruby-light { color: #e97d82 !important; } -.topic-border-ruby-light { +.thl-topic-border-ruby-light { border-color: #e97d82 !important; } -.topic-bg-ruby-light { +.thl-topic-bg-ruby-light { background-color: #e97d82 !important; } -.topic-fill-ruby-base { +.thl-topic-fill-ruby-base { fill: #e15258 !important; } -.topic-stroke-ruby-base { +.thl-topic-stroke-ruby-base { stroke: #e15258 !important; } -.topic-color-ruby-base { +.thl-topic-color-ruby-base { color: #e15258 !important; } -.topic-border-ruby-base { +.thl-topic-border-ruby-base { border-color: #e15258 !important; } -.topic-bg-ruby-base { +.thl-topic-bg-ruby-base { background-color: #e15258 !important; } -.topic-fill-ruby-dark { +.thl-topic-fill-ruby-dark { fill: #d9272e !important; } -.topic-stroke-ruby-dark { +.thl-topic-stroke-ruby-dark { stroke: #d9272e !important; } -.topic-color-ruby-dark { +.thl-topic-color-ruby-dark { color: #d9272e !important; } -.topic-border-ruby-dark { +.thl-topic-border-ruby-dark { border-color: #d9272e !important; } -.topic-bg-ruby-dark { +.thl-topic-bg-ruby-dark { background-color: #d9272e !important; } -.topic-fill-business-light { +.thl-topic-fill-business-light { fill: #fba98c !important; } -.topic-stroke-business-light { +.thl-topic-stroke-business-light { stroke: #fba98c !important; } -.topic-color-business-light { +.thl-topic-color-business-light { color: #fba98c !important; } -.topic-border-business-light { +.thl-topic-border-business-light { border-color: #fba98c !important; } -.topic-bg-business-light { +.thl-topic-bg-business-light { background-color: #fba98c !important; } -.topic-fill-business-base { +.thl-topic-fill-business-base { fill: #F9845B !important; } -.topic-stroke-business-base { +.thl-topic-stroke-business-base { stroke: #F9845B !important; } -.topic-color-business-base { +.thl-topic-color-business-base { color: #F9845B !important; } -.topic-border-business-base { +.thl-topic-border-business-base { border-color: #F9845B !important; } -.topic-bg-business-base { +.thl-topic-bg-business-base { background-color: #F9845B !important; } -.topic-fill-business-dark { +.thl-topic-fill-business-dark { fill: #f75f2a !important; } -.topic-stroke-business-dark { +.thl-topic-stroke-business-dark { stroke: #f75f2a !important; } -.topic-color-business-dark { +.thl-topic-color-business-dark { color: #f75f2a !important; } -.topic-border-business-dark { +.thl-topic-border-business-dark { border-color: #f75f2a !important; } -.topic-bg-business-dark { +.thl-topic-bg-business-dark { background-color: #f75f2a !important; } -.topic-fill-wordpress-light { +.thl-topic-fill-wordpress-light { fill: #a6add7 !important; } -.topic-stroke-wordpress-light { +.thl-topic-stroke-wordpress-light { stroke: #a6add7 !important; } -.topic-color-wordpress-light { +.thl-topic-color-wordpress-light { color: #a6add7 !important; } -.topic-border-wordpress-light { +.thl-topic-border-wordpress-light { border-color: #a6add7 !important; } -.topic-bg-wordpress-light { +.thl-topic-bg-wordpress-light { background-color: #a6add7 !important; } -.topic-fill-wordpress-base { +.thl-topic-fill-wordpress-base { fill: #838CC7 !important; } -.topic-stroke-wordpress-base { +.thl-topic-stroke-wordpress-base { stroke: #838CC7 !important; } -.topic-color-wordpress-base { +.thl-topic-color-wordpress-base { color: #838CC7 !important; } -.topic-border-wordpress-base { +.thl-topic-border-wordpress-base { border-color: #838CC7 !important; } -.topic-bg-wordpress-base { +.thl-topic-bg-wordpress-base { background-color: #838CC7 !important; } -.topic-fill-wordpress-dark { +.thl-topic-fill-wordpress-dark { fill: #606bb7 !important; } -.topic-stroke-wordpress-dark { +.thl-topic-stroke-wordpress-dark { stroke: #606bb7 !important; } -.topic-color-wordpress-dark { +.thl-topic-color-wordpress-dark { color: #606bb7 !important; } -.topic-border-wordpress-dark { +.thl-topic-border-wordpress-dark { border-color: #606bb7 !important; } -.topic-bg-wordpress-dark { +.thl-topic-bg-wordpress-dark { background-color: #606bb7 !important; } -.topic-fill-php-light { +.thl-topic-fill-php-light { fill: #9885b2 !important; } -.topic-stroke-php-light { +.thl-topic-stroke-php-light { stroke: #9885b2 !important; } -.topic-color-php-light { +.thl-topic-color-php-light { color: #9885b2 !important; } -.topic-border-php-light { +.thl-topic-border-php-light { border-color: #9885b2 !important; } -.topic-bg-php-light { +.thl-topic-bg-php-light { background-color: #9885b2 !important; } -.topic-fill-php-base { +.thl-topic-fill-php-base { fill: #7D669E !important; } -.topic-stroke-php-base { +.thl-topic-stroke-php-base { stroke: #7D669E !important; } -.topic-color-php-base { +.thl-topic-color-php-base { color: #7D669E !important; } -.topic-border-php-base { +.thl-topic-border-php-base { border-color: #7D669E !important; } -.topic-bg-php-base { +.thl-topic-bg-php-base { background-color: #7D669E !important; } -.topic-fill-php-dark { +.thl-topic-fill-php-dark { fill: #645180 !important; } -.topic-stroke-php-dark { +.thl-topic-stroke-php-dark { stroke: #645180 !important; } -.topic-color-php-dark { +.thl-topic-color-php-dark { color: #645180 !important; } -.topic-border-php-dark { +.thl-topic-border-php-dark { border-color: #645180 !important; } -.topic-bg-php-dark { +.thl-topic-bg-php-dark { background-color: #645180 !important; } -.topic-fill-ios-light { +.thl-topic-fill-ios-light { fill: #78c9c4 !important; } -.topic-stroke-ios-light { +.thl-topic-stroke-ios-light { stroke: #78c9c4 !important; } -.topic-color-ios-light { +.thl-topic-color-ios-light { color: #78c9c4 !important; } -.topic-border-ios-light { +.thl-topic-border-ios-light { border-color: #78c9c4 !important; } -.topic-bg-ios-light { +.thl-topic-bg-ios-light { background-color: #78c9c4 !important; } -.topic-fill-ios-base { +.thl-topic-fill-ios-base { fill: #53BBB4 !important; } -.topic-stroke-ios-base { +.thl-topic-stroke-ios-base { stroke: #53BBB4 !important; } -.topic-color-ios-base { +.thl-topic-color-ios-base { color: #53BBB4 !important; } -.topic-border-ios-base { +.thl-topic-border-ios-base { border-color: #53BBB4 !important; } -.topic-bg-ios-base { +.thl-topic-bg-ios-base { background-color: #53BBB4 !important; } -.topic-fill-ios-dark { +.thl-topic-fill-ios-dark { fill: #3e9d97 !important; } -.topic-stroke-ios-dark { +.thl-topic-stroke-ios-dark { stroke: #3e9d97 !important; } -.topic-color-ios-dark { +.thl-topic-color-ios-dark { color: #3e9d97 !important; } -.topic-border-ios-dark { +.thl-topic-border-ios-dark { border-color: #3e9d97 !important; } -.topic-bg-ios-dark { +.thl-topic-bg-ios-dark { background-color: #3e9d97 !important; } -.topic-fill-android-light { +.thl-topic-fill-android-light { fill: #80c783 !important; } -.topic-stroke-android-light { +.thl-topic-stroke-android-light { stroke: #80c783 !important; } -.topic-color-android-light { +.thl-topic-color-android-light { color: #80c783 !important; } -.topic-border-android-light { +.thl-topic-border-android-light { border-color: #80c783 !important; } -.topic-bg-android-light { +.thl-topic-bg-android-light { background-color: #80c783 !important; } -.topic-fill-android-base { +.thl-topic-fill-android-base { fill: #5cb860 !important; } -.topic-stroke-android-base { +.thl-topic-stroke-android-base { stroke: #5cb860 !important; } -.topic-color-android-base { +.thl-topic-color-android-base { color: #5cb860 !important; } -.topic-border-android-base { +.thl-topic-border-android-base { border-color: #5cb860 !important; } -.topic-bg-android-base { +.thl-topic-bg-android-base { background-color: #5cb860 !important; } -.topic-fill-android-dark { +.thl-topic-fill-android-dark { fill: #449d48 !important; } -.topic-stroke-android-dark { +.thl-topic-stroke-android-dark { stroke: #449d48 !important; } -.topic-color-android-dark { +.thl-topic-color-android-dark { color: #449d48 !important; } -.topic-border-android-dark { +.thl-topic-border-android-dark { border-color: #449d48 !important; } -.topic-bg-android-dark { +.thl-topic-bg-android-dark { background-color: #449d48 !important; } -.topic-fill-design-light { +.thl-topic-fill-design-light { fill: #efaf3c !important; } -.topic-stroke-design-light { +.thl-topic-stroke-design-light { stroke: #efaf3c !important; } -.topic-color-design-light { +.thl-topic-color-design-light { color: #efaf3c !important; } -.topic-border-design-light { +.thl-topic-border-design-light { border-color: #efaf3c !important; } -.topic-bg-design-light { +.thl-topic-bg-design-light { background-color: #efaf3c !important; } -.topic-fill-design-base { +.thl-topic-fill-design-base { fill: #e59a13 !important; } -.topic-stroke-design-base { +.thl-topic-stroke-design-base { stroke: #e59a13 !important; } -.topic-color-design-base { +.thl-topic-color-design-base { color: #e59a13 !important; } -.topic-border-design-base { +.thl-topic-border-design-base { border-color: #e59a13 !important; } -.topic-bg-design-base { +.thl-topic-bg-design-base { background-color: #e59a13 !important; } -.topic-fill-design-dark { +.thl-topic-fill-design-dark { fill: #b67a0f !important; } -.topic-stroke-design-dark { +.thl-topic-stroke-design-dark { stroke: #b67a0f !important; } -.topic-color-design-dark { +.thl-topic-color-design-dark { color: #b67a0f !important; } -.topic-border-design-dark { +.thl-topic-border-design-dark { border-color: #b67a0f !important; } -.topic-bg-design-dark { +.thl-topic-bg-design-dark { background-color: #b67a0f !important; } -.topic-fill-devtools-light { +.thl-topic-fill-devtools-light { fill: #7f94a8 !important; } -.topic-stroke-devtools-light { +.thl-topic-stroke-devtools-light { stroke: #7f94a8 !important; } -.topic-color-devtools-light { +.thl-topic-color-devtools-light { color: #7f94a8 !important; } -.topic-border-devtools-light { +.thl-topic-border-devtools-light { border-color: #7f94a8 !important; } -.topic-bg-devtools-light { +.thl-topic-bg-devtools-light { background-color: #7f94a8 !important; } -.topic-fill-devtools-base { +.thl-topic-fill-devtools-base { fill: #637a91 !important; } -.topic-stroke-devtools-base { +.thl-topic-stroke-devtools-base { stroke: #637a91 !important; } -.topic-color-devtools-base { +.thl-topic-color-devtools-base { color: #637a91 !important; } -.topic-border-devtools-base { +.thl-topic-border-devtools-base { border-color: #637a91 !important; } -.topic-bg-devtools-base { +.thl-topic-bg-devtools-base { background-color: #637a91 !important; } -.topic-fill-devtools-dark { +.thl-topic-fill-devtools-dark { fill: #4e6173 !important; } -.topic-stroke-devtools-dark { +.thl-topic-stroke-devtools-dark { stroke: #4e6173 !important; } -.topic-color-devtools-dark { +.thl-topic-color-devtools-dark { color: #4e6173 !important; } -.topic-border-devtools-dark { +.thl-topic-border-devtools-dark { border-color: #4e6173 !important; } -.topic-bg-devtools-dark { +.thl-topic-bg-devtools-dark { background-color: #4e6173 !important; } -.topic-fill-java-light { +.thl-topic-fill-java-light { fill: #38bd95 !important; } -.topic-stroke-java-light { +.thl-topic-stroke-java-light { stroke: #38bd95 !important; } -.topic-color-java-light { +.thl-topic-color-java-light { color: #38bd95 !important; } -.topic-border-java-light { +.thl-topic-border-java-light { border-color: #38bd95 !important; } -.topic-bg-java-light { +.thl-topic-bg-java-light { background-color: #38bd95 !important; } -.topic-fill-java-base { +.thl-topic-fill-java-base { fill: #2c9676 !important; } -.topic-stroke-java-base { +.thl-topic-stroke-java-base { stroke: #2c9676 !important; } -.topic-color-java-base { +.thl-topic-color-java-base { color: #2c9676 !important; } -.topic-border-java-base { +.thl-topic-border-java-base { border-color: #2c9676 !important; } -.topic-bg-java-base { +.thl-topic-bg-java-base { background-color: #2c9676 !important; } -.topic-fill-java-dark { +.thl-topic-fill-java-dark { fill: #206f57 !important; } -.topic-stroke-java-dark { +.thl-topic-stroke-java-dark { stroke: #206f57 !important; } -.topic-color-java-dark { +.thl-topic-color-java-dark { color: #206f57 !important; } -.topic-border-java-dark { +.thl-topic-border-java-dark { border-color: #206f57 !important; } -.topic-bg-java-dark { +.thl-topic-bg-java-dark { background-color: #206f57 !important; } -.topic-fill-python-light { +.thl-topic-fill-python-light { fill: #f6bfd0 !important; } -.topic-stroke-python-light { +.thl-topic-stroke-python-light { stroke: #f6bfd0 !important; } -.topic-color-python-light { +.thl-topic-color-python-light { color: #f6bfd0 !important; } -.topic-border-python-light { +.thl-topic-border-python-light { border-color: #f6bfd0 !important; } -.topic-bg-python-light { +.thl-topic-bg-python-light { background-color: #f6bfd0 !important; } -.topic-fill-python-base { +.thl-topic-fill-python-base { fill: #f092b0 !important; } -.topic-stroke-python-base { +.thl-topic-stroke-python-base { stroke: #f092b0 !important; } -.topic-color-python-base { +.thl-topic-color-python-base { color: #f092b0 !important; } -.topic-border-python-base { +.thl-topic-border-python-base { border-color: #f092b0 !important; } -.topic-bg-python-base { +.thl-topic-bg-python-base { background-color: #f092b0 !important; } -.topic-fill-python-dark { +.thl-topic-fill-python-dark { fill: #ea6590 !important; } -.topic-stroke-python-dark { +.thl-topic-stroke-python-dark { stroke: #ea6590 !important; } -.topic-color-python-dark { +.thl-topic-color-python-dark { color: #ea6590 !important; } -.topic-border-python-dark { +.thl-topic-border-python-dark { border-color: #ea6590 !important; } -.topic-bg-python-dark { +.thl-topic-bg-python-dark { background-color: #ea6590 !important; } -.topic-fill-diglit-light { +.thl-topic-fill-diglit-light { fill: #d6b1e2 !important; } -.topic-stroke-diglit-light { +.thl-topic-stroke-diglit-light { stroke: #d6b1e2 !important; } -.topic-color-diglit-light { +.thl-topic-color-diglit-light { color: #d6b1e2 !important; } -.topic-border-diglit-light { +.thl-topic-border-diglit-light { border-color: #d6b1e2 !important; } -.topic-bg-diglit-light { +.thl-topic-bg-diglit-light { background-color: #d6b1e2 !important; } -.topic-fill-diglit-base { +.thl-topic-fill-diglit-base { fill: #c38cd4 !important; } -.topic-stroke-diglit-base { +.thl-topic-stroke-diglit-base { stroke: #c38cd4 !important; } -.topic-color-diglit-base { +.thl-topic-color-diglit-base { color: #c38cd4 !important; } -.topic-border-diglit-base { +.thl-topic-border-diglit-base { border-color: #c38cd4 !important; } -.topic-bg-diglit-base { +.thl-topic-bg-diglit-base { background-color: #c38cd4 !important; } -.topic-fill-diglit-dark { +.thl-topic-fill-diglit-dark { fill: #b067c6 !important; } -.topic-stroke-diglit-dark { +.thl-topic-stroke-diglit-dark { stroke: #b067c6 !important; } -.topic-color-diglit-dark { +.thl-topic-color-diglit-dark { color: #b067c6 !important; } -.topic-border-diglit-dark { +.thl-topic-border-diglit-dark { border-color: #b067c6 !important; } -.topic-bg-diglit-dark { +.thl-topic-bg-diglit-dark { background-color: #b067c6 !important; } -.topic-fill-gamedev-light { +.thl-topic-fill-gamedev-light { fill: #29b2b6 !important; } -.topic-stroke-gamedev-light { +.thl-topic-stroke-gamedev-light { stroke: #29b2b6 !important; } -.topic-color-gamedev-light { +.thl-topic-color-gamedev-light { color: #29b2b6 !important; } -.topic-border-gamedev-light { +.thl-topic-border-gamedev-light { border-color: #29b2b6 !important; } -.topic-bg-gamedev-light { +.thl-topic-bg-gamedev-light { background-color: #29b2b6 !important; } -.topic-fill-gamedev-base { +.thl-topic-fill-gamedev-base { fill: #20898c !important; } -.topic-stroke-gamedev-base { +.thl-topic-stroke-gamedev-base { stroke: #20898c !important; } -.topic-color-gamedev-base { +.thl-topic-color-gamedev-base { color: #20898c !important; } -.topic-border-gamedev-base { +.thl-topic-border-gamedev-base { border-color: #20898c !important; } -.topic-bg-gamedev-base { +.thl-topic-bg-gamedev-base { background-color: #20898c !important; } -.topic-fill-gamedev-dark { +.thl-topic-fill-gamedev-dark { fill: #176062 !important; } -.topic-stroke-gamedev-dark { +.thl-topic-stroke-gamedev-dark { stroke: #176062 !important; } -.topic-color-gamedev-dark { +.thl-topic-color-gamedev-dark { color: #176062 !important; } -.topic-border-gamedev-dark { +.thl-topic-border-gamedev-dark { border-color: #176062 !important; } -.topic-bg-gamedev-dark { +.thl-topic-bg-gamedev-dark { background-color: #176062 !important; } -.topic-fill-csharp-light { +.thl-topic-fill-csharp-light { fill: #b6689c !important; } -.topic-stroke-csharp-light { +.thl-topic-stroke-csharp-light { stroke: #b6689c !important; } -.topic-color-csharp-light { +.thl-topic-color-csharp-light { color: #b6689c !important; } -.topic-border-csharp-light { +.thl-topic-border-csharp-light { border-color: #b6689c !important; } -.topic-bg-csharp-light { +.thl-topic-bg-csharp-light { background-color: #b6689c !important; } -.topic-fill-csharp-base { +.thl-topic-fill-csharp-base { fill: #9e4d83 !important; } -.topic-stroke-csharp-base { +.thl-topic-stroke-csharp-base { stroke: #9e4d83 !important; } -.topic-color-csharp-base { +.thl-topic-color-csharp-base { color: #9e4d83 !important; } -.topic-border-csharp-base { +.thl-topic-border-csharp-base { border-color: #9e4d83 !important; } -.topic-bg-csharp-base { +.thl-topic-bg-csharp-base { background-color: #9e4d83 !important; } -.topic-fill-csharp-dark { +.thl-topic-fill-csharp-dark { fill: #7c3c67 !important; } -.topic-stroke-csharp-dark { +.thl-topic-stroke-csharp-dark { stroke: #7c3c67 !important; } -.topic-color-csharp-dark { +.thl-topic-color-csharp-dark { color: #7c3c67 !important; } -.topic-border-csharp-dark { +.thl-topic-border-csharp-dark { border-color: #7c3c67 !important; } -.topic-bg-csharp-dark { +.thl-topic-bg-csharp-dark { background-color: #7c3c67 !important; } -.topic-fill-databases-light { +.thl-topic-fill-databases-light { fill: #ef9557 !important; } -.topic-stroke-databases-light { +.thl-topic-stroke-databases-light { stroke: #ef9557 !important; } -.topic-color-databases-light { +.thl-topic-color-databases-light { color: #ef9557 !important; } -.topic-border-databases-light { +.thl-topic-border-databases-light { border-color: #ef9557 !important; } -.topic-bg-databases-light { +.thl-topic-bg-databases-light { background-color: #ef9557 !important; } -.topic-fill-databases-base { +.thl-topic-fill-databases-base { fill: #eb7728 !important; } -.topic-stroke-databases-base { +.thl-topic-stroke-databases-base { stroke: #eb7728 !important; } -.topic-color-databases-base { +.thl-topic-color-databases-base { color: #eb7728 !important; } -.topic-border-databases-base { +.thl-topic-border-databases-base { border-color: #eb7728 !important; } -.topic-bg-databases-base { +.thl-topic-bg-databases-base { background-color: #eb7728 !important; } -.topic-fill-databases-dark { +.thl-topic-fill-databases-dark { fill: #cd5e13 !important; } -.topic-stroke-databases-dark { +.thl-topic-stroke-databases-dark { stroke: #cd5e13 !important; } -.topic-color-databases-dark { +.thl-topic-color-databases-dark { color: #cd5e13 !important; } -.topic-border-databases-dark { +.thl-topic-border-databases-dark { border-color: #cd5e13 !important; } -.topic-bg-databases-dark { +.thl-topic-bg-databases-dark { background-color: #cd5e13 !important; } -.topic-fill-virtual-reality-light { +.thl-topic-fill-virtual-reality-light { fill: #b5e296 !important; } -.topic-stroke-virtual-reality-light { +.thl-topic-stroke-virtual-reality-light { stroke: #b5e296 !important; } -.topic-color-virtual-reality-light { +.thl-topic-color-virtual-reality-light { color: #b5e296 !important; } -.topic-border-virtual-reality-light { +.thl-topic-border-virtual-reality-light { border-color: #b5e296 !important; } -.topic-bg-virtual-reality-light { +.thl-topic-bg-virtual-reality-light { background-color: #b5e296 !important; } -.topic-fill-virtual-reality-base { +.thl-topic-fill-virtual-reality-base { fill: #95D26C !important; } -.topic-stroke-virtual-reality-base { +.thl-topic-stroke-virtual-reality-base { stroke: #95D26C !important; } -.topic-color-virtual-reality-base { +.thl-topic-color-virtual-reality-base { color: #95D26C !important; } -.topic-border-virtual-reality-base { +.thl-topic-border-virtual-reality-base { border-color: #95D26C !important; } -.topic-bg-virtual-reality-base { +.thl-topic-bg-virtual-reality-base { background-color: #95D26C !important; } -.topic-fill-virtual-reality-dark { +.thl-topic-fill-virtual-reality-dark { fill: #6c9e4a !important; } -.topic-stroke-virtual-reality-dark { +.thl-topic-stroke-virtual-reality-dark { stroke: #6c9e4a !important; } -.topic-color-virtual-reality-dark { +.thl-topic-color-virtual-reality-dark { color: #6c9e4a !important; } -.topic-border-virtual-reality-dark { +.thl-topic-border-virtual-reality-dark { border-color: #6c9e4a !important; } -.topic-bg-virtual-reality-dark { +.thl-topic-bg-virtual-reality-dark { background-color: #6c9e4a !important; } -.topic-fill-apis-light { +.thl-topic-fill-apis-light { fill: #c36479 !important; } -.topic-stroke-apis-light { +.thl-topic-stroke-apis-light { stroke: #c36479 !important; } -.topic-color-apis-light { +.thl-topic-color-apis-light { color: #c36479 !important; } -.topic-border-apis-light { +.thl-topic-border-apis-light { border-color: #c36479 !important; } -.topic-bg-apis-light { +.thl-topic-bg-apis-light { background-color: #c36479 !important; } -.topic-fill-apis-base { +.thl-topic-fill-apis-base { fill: #993c50 !important; } -.topic-stroke-apis-base { +.thl-topic-stroke-apis-base { stroke: #993c50 !important; } -.topic-color-apis-base { +.thl-topic-color-apis-base { color: #993c50 !important; } -.topic-border-apis-base { +.thl-topic-border-apis-base { border-color: #993c50 !important; } -.topic-bg-apis-base { +.thl-topic-bg-apis-base { background-color: #993c50 !important; } -.topic-fill-apis-dark { +.thl-topic-fill-apis-dark { fill: #712e3d !important; } -.topic-stroke-apis-dark { +.thl-topic-stroke-apis-dark { stroke: #712e3d !important; } -.topic-color-apis-dark { +.thl-topic-color-apis-dark { color: #712e3d !important; } -.topic-border-apis-dark { +.thl-topic-border-apis-dark { border-color: #712e3d !important; } -.topic-bg-apis-dark { +.thl-topic-bg-apis-dark { background-color: #712e3d !important; } -.topic-fill-go-light { +.thl-topic-fill-go-light { fill: #4371cf !important; } -.topic-stroke-go-light { +.thl-topic-stroke-go-light { stroke: #4371cf !important; } -.topic-color-go-light { +.thl-topic-color-go-light { color: #4371cf !important; } -.topic-border-go-light { +.thl-topic-border-go-light { border-color: #4371cf !important; } -.topic-bg-go-light { +.thl-topic-bg-go-light { background-color: #4371cf !important; } -.topic-fill-go-base { +.thl-topic-fill-go-base { fill: #375eab !important; } -.topic-stroke-go-base { +.thl-topic-stroke-go-base { stroke: #375eab !important; } -.topic-color-go-base { +.thl-topic-color-go-base { color: #375eab !important; } -.topic-border-go-base { +.thl-topic-border-go-base { border-color: #375eab !important; } -.topic-bg-go-base { +.thl-topic-bg-go-base { background-color: #375eab !important; } -.topic-fill-go-dark { +.thl-topic-fill-go-dark { fill: #284683 !important; } -.topic-stroke-go-dark { +.thl-topic-stroke-go-dark { stroke: #284683 !important; } -.topic-color-go-dark { +.thl-topic-color-go-dark { color: #284683 !important; } -.topic-border-go-dark { +.thl-topic-border-go-dark { border-color: #284683 !important; } -.topic-bg-go-dark { +.thl-topic-bg-go-dark { background-color: #284683 !important; } -.topic-fill-data-analysis-light { +.thl-topic-fill-data-analysis-light { fill: #8d81ab !important; } -.topic-stroke-data-analysis-light { +.thl-topic-stroke-data-analysis-light { stroke: #8d81ab !important; } -.topic-color-data-analysis-light { +.thl-topic-color-data-analysis-light { color: #8d81ab !important; } -.topic-border-data-analysis-light { +.thl-topic-border-data-analysis-light { border-color: #8d81ab !important; } -.topic-bg-data-analysis-light { +.thl-topic-bg-data-analysis-light { background-color: #8d81ab !important; } -.topic-fill-data-analysis-base { +.thl-topic-fill-data-analysis-base { fill: #645a7e !important; } -.topic-stroke-data-analysis-base { +.thl-topic-stroke-data-analysis-base { stroke: #645a7e !important; } -.topic-color-data-analysis-base { +.thl-topic-color-data-analysis-base { color: #645a7e !important; } -.topic-border-data-analysis-base { +.thl-topic-border-data-analysis-base { border-color: #645a7e !important; } -.topic-bg-data-analysis-base { +.thl-topic-bg-data-analysis-base { background-color: #645a7e !important; } -.topic-fill-data-analysis-dark { +.thl-topic-fill-data-analysis-dark { fill: #4f4667 !important; } -.topic-stroke-data-analysis-dark { +.thl-topic-stroke-data-analysis-dark { stroke: #4f4667 !important; } -.topic-color-data-analysis-dark { +.thl-topic-color-data-analysis-dark { color: #4f4667 !important; } -.topic-border-data-analysis-dark { +.thl-topic-border-data-analysis-dark { border-color: #4f4667 !important; } -.topic-bg-data-analysis-dark { +.thl-topic-bg-data-analysis-dark { background-color: #4f4667 !important; } -.topic-fill-security-light { +.thl-topic-fill-security-light { fill: #D1897D !important; } -.topic-stroke-security-light { +.thl-topic-stroke-security-light { stroke: #D1897D !important; } -.topic-color-security-light { +.thl-topic-color-security-light { color: #D1897D !important; } -.topic-border-security-light { +.thl-topic-border-security-light { border-color: #D1897D !important; } -.topic-bg-security-light { +.thl-topic-bg-security-light { background-color: #D1897D !important; } -.topic-fill-security-base { +.thl-topic-fill-security-base { fill: #C66C5D !important; } -.topic-stroke-security-base { +.thl-topic-stroke-security-base { stroke: #C66C5D !important; } -.topic-color-security-base { +.thl-topic-color-security-base { color: #C66C5D !important; } -.topic-border-security-base { +.thl-topic-border-security-base { border-color: #C66C5D !important; } -.topic-bg-security-base { +.thl-topic-bg-security-base { background-color: #C66C5D !important; } -.topic-fill-security-dark { +.thl-topic-fill-security-dark { fill: #955146 !important; } -.topic-stroke-security-dark { +.thl-topic-stroke-security-dark { stroke: #955146 !important; } -.topic-color-security-dark { +.thl-topic-color-security-dark { color: #955146 !important; } -.topic-border-security-dark { +.thl-topic-border-security-dark { border-color: #955146 !important; } -.topic-bg-security-dark { +.thl-topic-bg-security-dark { background-color: #955146 !important; } -.topic-fill-quality-assurance-light { +.thl-topic-fill-quality-assurance-light { fill: #A560B5 !important; } -.topic-stroke-quality-assurance-light { +.thl-topic-stroke-quality-assurance-light { stroke: #A560B5 !important; } -.topic-color-quality-assurance-light { +.thl-topic-color-quality-assurance-light { color: #A560B5 !important; } -.topic-border-quality-assurance-light { +.thl-topic-border-quality-assurance-light { border-color: #A560B5 !important; } -.topic-bg-quality-assurance-light { +.thl-topic-bg-quality-assurance-light { background-color: #A560B5 !important; } -.topic-fill-quality-assurance-base { +.thl-topic-fill-quality-assurance-base { fill: #80438E !important; } -.topic-stroke-quality-assurance-base { +.thl-topic-stroke-quality-assurance-base { stroke: #80438E !important; } -.topic-color-quality-assurance-base { +.thl-topic-color-quality-assurance-base { color: #80438E !important; } -.topic-border-quality-assurance-base { +.thl-topic-border-quality-assurance-base { border-color: #80438E !important; } -.topic-bg-quality-assurance-base { +.thl-topic-bg-quality-assurance-base { background-color: #80438E !important; } -.topic-fill-quality-assurance-dark { +.thl-topic-fill-quality-assurance-dark { fill: #60226F !important; } -.topic-stroke-quality-assurance-dark { +.thl-topic-stroke-quality-assurance-dark { stroke: #60226F !important; } -.topic-color-quality-assurance-dark { +.thl-topic-color-quality-assurance-dark { color: #60226F !important; } -.topic-border-quality-assurance-dark { +.thl-topic-border-quality-assurance-dark { border-color: #60226F !important; } -.topic-bg-quality-assurance-dark { +.thl-topic-bg-quality-assurance-dark { background-color: #60226F !important; } -.topic-fill-undefined-light { +.thl-topic-fill-undefined-light { fill: #8c959d !important; } -.topic-stroke-undefined-light { +.thl-topic-stroke-undefined-light { stroke: #8c959d !important; } -.topic-color-undefined-light { +.thl-topic-color-undefined-light { color: #8c959d !important; } -.topic-border-undefined-light { +.thl-topic-border-undefined-light { border-color: #8c959d !important; } -.topic-bg-undefined-light { +.thl-topic-bg-undefined-light { background-color: #8c959d !important; } -.topic-fill-undefined-base { +.thl-topic-fill-undefined-base { fill: #717b85 !important; } -.topic-stroke-undefined-base { +.thl-topic-stroke-undefined-base { stroke: #717b85 !important; } -.topic-color-undefined-base { +.thl-topic-color-undefined-base { color: #717b85 !important; } -.topic-border-undefined-base { +.thl-topic-border-undefined-base { border-color: #717b85 !important; } -.topic-bg-undefined-base { +.thl-topic-bg-undefined-base { background-color: #717b85 !important; } -.topic-fill-undefined-dark { +.thl-topic-fill-undefined-dark { fill: #5a6269 !important; } -.topic-stroke-undefined-dark { +.thl-topic-stroke-undefined-dark { stroke: #5a6269 !important; } -.topic-color-undefined-dark { +.thl-topic-color-undefined-dark { color: #5a6269 !important; } -.topic-border-undefined-dark { +.thl-topic-border-undefined-dark { border-color: #5a6269 !important; } -.topic-bg-undefined-dark { +.thl-topic-bg-undefined-dark { background-color: #5a6269 !important; } -.button { +.thl-button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; @@ -2960,1029 +2960,1029 @@ ol { overflow: hidden; text-overflow: ellipsis; } -.button:hover, .button:active, .button:focus { +.thl-button:hover, .thl-button:active, .thl-button:focus { color: #34ad58; border-color: #34ad58; } -.button:hover svg, .button:active svg, .button:focus svg { +.thl-button:hover svg, .thl-button:active svg, .thl-button:focus svg { fill: #34ad58; } -.button:last-child { +.thl-button:last-child { margin-right: 0; } -.button svg { +.thl-button svg { fill: #5fcf80; } -.button--primary { +.thl-button--primary { background-color: #5fcf80 !important; border-color: #5fcf80 !important; color: #fff !important; } -.button--primary svg { +.thl-button--primary svg { fill: #fff !important; } -.button--primary:hover, .button--primary:active, .button--primary:focus { +.thl-button--primary:hover, .thl-button--primary:active, .thl-button--primary:focus { background-color: #3ac162 !important; border-color: #3ac162 !important; color: #fff !important; } -.button--secondary { +.thl-button--secondary { background-color: transparent !important; border-color: #e8ebed !important; color: #576366 !important; } -.button--secondary svg { +.thl-button--secondary svg { fill: #576366 !important; } -.button--secondary:hover, .button--secondary:active, .button--secondary:focus { +.thl-button--secondary:hover, .thl-button--secondary:active, .thl-button--secondary:focus { border-color: #bdc6cb !important; color: #505b5e !important; } -.button--alert { +.thl-button--alert { background-color: transparent !important; border-color: #ed5a5a !important; color: #ed5a5a !important; } -.button--alert svg { +.thl-button--alert svg { fill: #ed5a5a !important; } -.button--alert:hover, .button--alert:active, .button--alert:focus { +.thl-button--alert:hover, .thl-button--alert:active, .thl-button--alert:focus { border-color: #cb1616 !important; color: #cb1616 !important; } -.button--disabled { +.thl-button--disabled { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; } -.button--disabled svg { +.thl-button--disabled svg { fill: #7b8b8e !important; } -.button--disabled:hover, .button--disabled:active, .button--disabled:focus { +.thl-button--disabled:hover, .thl-button--disabled:active, .thl-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 { +.thl-button--disabled:hover svg, .thl-button--disabled:active svg, .thl-button--disabled:focus svg { fill: #576366 !important; } -.button--inverse { +.thl-button--inverse { border-color: #fff !important; color: #fff !important; opacity: .88 !important; } -.button--inverse svg { +.thl-button--inverse svg { fill: #fff !important; } -.button--inverse:hover, .button--inverse:active, .button--inverse:focus { +.thl-button--inverse:hover, .thl-button--inverse:active, .thl-button--inverse:focus { border-color: #fff !important; color: #fff !important; opacity: 1 !important; } -.button--inverse-primary { +.thl-button--inverse-primary { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: .88; } -.button--inverse-primary svg { +.thl-button--inverse-primary svg { fill: #4b5658 !important; } -.button--inverse-primary:hover, .button--inverse-primary:active, .button--inverse-primary:focus { +.thl-button--inverse-primary:hover, .thl-button--inverse-primary:active, .thl-button--inverse-primary:focus { opacity: 1 !important; } -.button--inverse-disabled { +.thl-button--inverse-disabled { border-color: #fff !important; color: #fff !important; opacity: .15 !important; } -.button--inverse-disabled:hover, .button--inverse-disabled:active, .button--inverse-disabled:focus { +.thl-button--inverse-disabled:hover, .thl-button--inverse-disabled:active, .thl-button--inverse-disabled:focus { border-color: #fff !important; color: #fff !important; opacity: .15 !important; } -.button--inverse-primary-disabled { +.thl-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, .button--inverse-primary-disabled:focus { +.thl-button--inverse-primary-disabled:hover, .thl-button--inverse-primary-disabled:active, .thl-button--inverse-primary-disabled:focus { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: .15 !important; } -.button--inline { +.thl-button--inline { margin-top: 24px !important; padding: 0 26px !important; height: 47px !important; line-height: 43px !important; } @media screen { - .button--xlarge-xs { + .thl-button--xlarge-xs { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; } - .button--xlarge-xs.square { + .thl-button--xlarge-xs.square { width: 58px !important; } - .button--large-xs { + .thl-button--large-xs { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; } - .button--large-xs.square { + .thl-button--large-xs.square { width: 50px !important; } - .button--large-xs svg { + .thl-button--large-xs svg { top: -2px; } - .button--normal-xs { + .thl-button--normal-xs { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; } - .button--normal-xs.square { + .thl-button--normal-xs.square { width: 40px !important; } - .button--small-xs { + .thl-button--small-xs { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; } - .button--small-xs.square { + .thl-button--small-xs.square { width: 34px !important; } - .button--xsmall-xs { + .thl-button--xsmall-xs { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; } - .button--xsmall-xs.square { + .thl-button--xsmall-xs.square { width: 30px !important; } } @media screen and (min-width: 480px) { - .button--xlarge-sm { + .thl-button--xlarge-sm { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; } - .button--xlarge-sm.square { + .thl-button--xlarge-sm.square { width: 58px !important; } - .button--large-sm { + .thl-button--large-sm { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; } - .button--large-sm.square { + .thl-button--large-sm.square { width: 50px !important; } - .button--large-sm svg { + .thl-button--large-sm svg { top: -2px; } - .button--normal-sm { + .thl-button--normal-sm { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; } - .button--normal-sm.square { + .thl-button--normal-sm.square { width: 40px !important; } - .button--small-sm { + .thl-button--small-sm { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; } - .button--small-sm.square { + .thl-button--small-sm.square { width: 34px !important; } - .button--xsmall-sm { + .thl-button--xsmall-sm { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; } - .button--xsmall-sm.square { + .thl-button--xsmall-sm.square { width: 30px !important; } } @media screen and (min-width: 680px) { - .button--xlarge-md { + .thl-button--xlarge-md { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; } - .button--xlarge-md.square { + .thl-button--xlarge-md.square { width: 58px !important; } - .button--large-md { + .thl-button--large-md { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; } - .button--large-md.square { + .thl-button--large-md.square { width: 50px !important; } - .button--large-md svg { + .thl-button--large-md svg { top: -2px; } - .button--normal-md { + .thl-button--normal-md { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; } - .button--normal-md.square { + .thl-button--normal-md.square { width: 40px !important; } - .button--small-md { + .thl-button--small-md { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; } - .button--small-md.square { + .thl-button--small-md.square { width: 34px !important; } - .button--xsmall-md { + .thl-button--xsmall-md { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; } - .button--xsmall-md.square { + .thl-button--xsmall-md.square { width: 30px !important; } } @media screen and (min-width: 960px) { - .button--xlarge-lg { + .thl-button--xlarge-lg { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; } - .button--xlarge-lg.square { + .thl-button--xlarge-lg.square { width: 58px !important; } - .button--large-lg { + .thl-button--large-lg { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; } - .button--large-lg.square { + .thl-button--large-lg.square { width: 50px !important; } - .button--large-lg svg { + .thl-button--large-lg svg { top: -2px; } - .button--normal-lg { + .thl-button--normal-lg { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; } - .button--normal-lg.square { + .thl-button--normal-lg.square { width: 40px !important; } - .button--small-lg { + .thl-button--small-lg { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; } - .button--small-lg.square { + .thl-button--small-lg.square { width: 34px !important; } - .button--xsmall-lg { + .thl-button--xsmall-lg { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; } - .button--xsmall-lg.square { + .thl-button--xsmall-lg.square { width: 30px !important; } } @media screen and (min-width: 1140px) { - .button--xlarge-xl { + .thl-button--xlarge-xl { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; } - .button--xlarge-xl.square { + .thl-button--xlarge-xl.square { width: 58px !important; } - .button--large-xl { + .thl-button--large-xl { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; } - .button--large-xl.square { + .thl-button--large-xl.square { width: 50px !important; } - .button--large-xl svg { + .thl-button--large-xl svg { top: -2px; } - .button--normal-xl { + .thl-button--normal-xl { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; } - .button--normal-xl.square { + .thl-button--normal-xl.square { width: 40px !important; } - .button--small-xl { + .thl-button--small-xl { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; } - .button--small-xl.square { + .thl-button--small-xl.square { width: 34px !important; } - .button--xsmall-xl { + .thl-button--xsmall-xl { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; } - .button--xsmall-xl.square { + .thl-button--xsmall-xl.square { width: 30px !important; } } -.button--topic-html { +.thl-button--topic-html { border-color: #39ADD1 !important; color: #39ADD1 !important; } -.button--topic-html svg { +.thl-button--topic-html svg { fill: #39ADD1 !important; } -.button--topic-html:hover, .button--topic-html:active, .button--topic-html:focus { +.thl-button--topic-html:hover, .thl-button--topic-html:active, .thl-button--topic-html:focus { border-color: #298fae !important; color: #298fae !important; } -.button--topic-html:hover svg, .button--topic-html:active svg, .button--topic-html:focus svg { +.thl-button--topic-html:hover svg, .thl-button--topic-html:active svg, .thl-button--topic-html:focus svg { fill: #298fae !important; } -.button--topic-html.button--primary { +.thl-button--topic-html.thl-button--primary { background-color: #39ADD1 !important; border-color: #39ADD1 !important; color: #fff !important; } -.button--topic-html.button--primary:hover, .button--topic-html.button--primary:active, .button--topic-html.button--primary:focus { +.thl-button--topic-html.thl-button--primary:hover, .thl-button--topic-html.thl-button--primary:active, .thl-button--topic-html.thl-button--primary:focus { background-color: #298fae !important; border-color: #298fae !important; } -.button--topic-html.button--primary:hover svg, .button--topic-html.button--primary:active svg, .button--topic-html.button--primary:focus svg { +.thl-button--topic-html.thl-button--primary:hover svg, .thl-button--topic-html.thl-button--primary:active svg, .thl-button--topic-html.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-css { +.thl-button--topic-css { border-color: #3079AB !important; color: #3079AB !important; } -.button--topic-css svg { +.thl-button--topic-css svg { fill: #3079AB !important; } -.button--topic-css:hover, .button--topic-css:active, .button--topic-css:focus { +.thl-button--topic-css:hover, .thl-button--topic-css:active, .thl-button--topic-css:focus { border-color: #255d83 !important; color: #255d83 !important; } -.button--topic-css:hover svg, .button--topic-css:active svg, .button--topic-css:focus svg { +.thl-button--topic-css:hover svg, .thl-button--topic-css:active svg, .thl-button--topic-css:focus svg { fill: #255d83 !important; } -.button--topic-css.button--primary { +.thl-button--topic-css.thl-button--primary { background-color: #3079AB !important; border-color: #3079AB !important; color: #fff !important; } -.button--topic-css.button--primary:hover, .button--topic-css.button--primary:active, .button--topic-css.button--primary:focus { +.thl-button--topic-css.thl-button--primary:hover, .thl-button--topic-css.thl-button--primary:active, .thl-button--topic-css.thl-button--primary:focus { background-color: #255d83 !important; border-color: #255d83 !important; } -.button--topic-css.button--primary:hover svg, .button--topic-css.button--primary:active svg, .button--topic-css.button--primary:focus svg { +.thl-button--topic-css.thl-button--primary:hover svg, .thl-button--topic-css.thl-button--primary:active svg, .thl-button--topic-css.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-js { +.thl-button--topic-js { border-color: #c25975 !important; color: #c25975 !important; } -.button--topic-js svg { +.thl-button--topic-js svg { fill: #c25975 !important; } -.button--topic-js:hover, .button--topic-js:active, .button--topic-js:focus { +.thl-button--topic-js:hover, .thl-button--topic-js:active, .thl-button--topic-js:focus { border-color: #aa3e5b !important; color: #aa3e5b !important; } -.button--topic-js:hover svg, .button--topic-js:active svg, .button--topic-js:focus svg { +.thl-button--topic-js:hover svg, .thl-button--topic-js:active svg, .thl-button--topic-js:focus svg { fill: #aa3e5b !important; } -.button--topic-js.button--primary { +.thl-button--topic-js.thl-button--primary { background-color: #c25975 !important; border-color: #c25975 !important; color: #fff !important; } -.button--topic-js.button--primary:hover, .button--topic-js.button--primary:active, .button--topic-js.button--primary:focus { +.thl-button--topic-js.thl-button--primary:hover, .thl-button--topic-js.thl-button--primary:active, .thl-button--topic-js.thl-button--primary:focus { background-color: #aa3e5b !important; border-color: #aa3e5b !important; } -.button--topic-js.button--primary:hover svg, .button--topic-js.button--primary:active svg, .button--topic-js.button--primary:focus svg { +.thl-button--topic-js.thl-button--primary:hover svg, .thl-button--topic-js.thl-button--primary:active svg, .thl-button--topic-js.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-ruby { +.thl-button--topic-ruby { border-color: #e15258 !important; color: #e15258 !important; } -.button--topic-ruby svg { +.thl-button--topic-ruby svg { fill: #e15258 !important; } -.button--topic-ruby:hover, .button--topic-ruby:active, .button--topic-ruby:focus { +.thl-button--topic-ruby:hover, .thl-button--topic-ruby:active, .thl-button--topic-ruby:focus { border-color: #d9272e !important; color: #d9272e !important; } -.button--topic-ruby:hover svg, .button--topic-ruby:active svg, .button--topic-ruby:focus svg { +.thl-button--topic-ruby:hover svg, .thl-button--topic-ruby:active svg, .thl-button--topic-ruby:focus svg { fill: #d9272e !important; } -.button--topic-ruby.button--primary { +.thl-button--topic-ruby.thl-button--primary { background-color: #e15258 !important; border-color: #e15258 !important; color: #fff !important; } -.button--topic-ruby.button--primary:hover, .button--topic-ruby.button--primary:active, .button--topic-ruby.button--primary:focus { +.thl-button--topic-ruby.thl-button--primary:hover, .thl-button--topic-ruby.thl-button--primary:active, .thl-button--topic-ruby.thl-button--primary:focus { background-color: #d9272e !important; border-color: #d9272e !important; } -.button--topic-ruby.button--primary:hover svg, .button--topic-ruby.button--primary:active svg, .button--topic-ruby.button--primary:focus svg { +.thl-button--topic-ruby.thl-button--primary:hover svg, .thl-button--topic-ruby.thl-button--primary:active svg, .thl-button--topic-ruby.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-business { +.thl-button--topic-business { border-color: #F9845B !important; color: #F9845B !important; } -.button--topic-business svg { +.thl-button--topic-business svg { fill: #F9845B !important; } -.button--topic-business:hover, .button--topic-business:active, .button--topic-business:focus { +.thl-button--topic-business:hover, .thl-button--topic-business:active, .thl-button--topic-business:focus { border-color: #f75f2a !important; color: #f75f2a !important; } -.button--topic-business:hover svg, .button--topic-business:active svg, .button--topic-business:focus svg { +.thl-button--topic-business:hover svg, .thl-button--topic-business:active svg, .thl-button--topic-business:focus svg { fill: #f75f2a !important; } -.button--topic-business.button--primary { +.thl-button--topic-business.thl-button--primary { background-color: #F9845B !important; border-color: #F9845B !important; color: #fff !important; } -.button--topic-business.button--primary:hover, .button--topic-business.button--primary:active, .button--topic-business.button--primary:focus { +.thl-button--topic-business.thl-button--primary:hover, .thl-button--topic-business.thl-button--primary:active, .thl-button--topic-business.thl-button--primary:focus { background-color: #f75f2a !important; border-color: #f75f2a !important; } -.button--topic-business.button--primary:hover svg, .button--topic-business.button--primary:active svg, .button--topic-business.button--primary:focus svg { +.thl-button--topic-business.thl-button--primary:hover svg, .thl-button--topic-business.thl-button--primary:active svg, .thl-button--topic-business.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-wordpress { +.thl-button--topic-wordpress { border-color: #838CC7 !important; color: #838CC7 !important; } -.button--topic-wordpress svg { +.thl-button--topic-wordpress svg { fill: #838CC7 !important; } -.button--topic-wordpress:hover, .button--topic-wordpress:active, .button--topic-wordpress:focus { +.thl-button--topic-wordpress:hover, .thl-button--topic-wordpress:active, .thl-button--topic-wordpress:focus { border-color: #606bb7 !important; color: #606bb7 !important; } -.button--topic-wordpress:hover svg, .button--topic-wordpress:active svg, .button--topic-wordpress:focus svg { +.thl-button--topic-wordpress:hover svg, .thl-button--topic-wordpress:active svg, .thl-button--topic-wordpress:focus svg { fill: #606bb7 !important; } -.button--topic-wordpress.button--primary { +.thl-button--topic-wordpress.thl-button--primary { background-color: #838CC7 !important; border-color: #838CC7 !important; color: #fff !important; } -.button--topic-wordpress.button--primary:hover, .button--topic-wordpress.button--primary:active, .button--topic-wordpress.button--primary:focus { +.thl-button--topic-wordpress.thl-button--primary:hover, .thl-button--topic-wordpress.thl-button--primary:active, .thl-button--topic-wordpress.thl-button--primary:focus { background-color: #606bb7 !important; border-color: #606bb7 !important; } -.button--topic-wordpress.button--primary:hover svg, .button--topic-wordpress.button--primary:active svg, .button--topic-wordpress.button--primary:focus svg { +.thl-button--topic-wordpress.thl-button--primary:hover svg, .thl-button--topic-wordpress.thl-button--primary:active svg, .thl-button--topic-wordpress.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-php { +.thl-button--topic-php { border-color: #7D669E !important; color: #7D669E !important; } -.button--topic-php svg { +.thl-button--topic-php svg { fill: #7D669E !important; } -.button--topic-php:hover, .button--topic-php:active, .button--topic-php:focus { +.thl-button--topic-php:hover, .thl-button--topic-php:active, .thl-button--topic-php:focus { border-color: #645180 !important; color: #645180 !important; } -.button--topic-php:hover svg, .button--topic-php:active svg, .button--topic-php:focus svg { +.thl-button--topic-php:hover svg, .thl-button--topic-php:active svg, .thl-button--topic-php:focus svg { fill: #645180 !important; } -.button--topic-php.button--primary { +.thl-button--topic-php.thl-button--primary { background-color: #7D669E !important; border-color: #7D669E !important; color: #fff !important; } -.button--topic-php.button--primary:hover, .button--topic-php.button--primary:active, .button--topic-php.button--primary:focus { +.thl-button--topic-php.thl-button--primary:hover, .thl-button--topic-php.thl-button--primary:active, .thl-button--topic-php.thl-button--primary:focus { background-color: #645180 !important; border-color: #645180 !important; } -.button--topic-php.button--primary:hover svg, .button--topic-php.button--primary:active svg, .button--topic-php.button--primary:focus svg { +.thl-button--topic-php.thl-button--primary:hover svg, .thl-button--topic-php.thl-button--primary:active svg, .thl-button--topic-php.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-ios { +.thl-button--topic-ios { border-color: #53BBB4 !important; color: #53BBB4 !important; } -.button--topic-ios svg { +.thl-button--topic-ios svg { fill: #53BBB4 !important; } -.button--topic-ios:hover, .button--topic-ios:active, .button--topic-ios:focus { +.thl-button--topic-ios:hover, .thl-button--topic-ios:active, .thl-button--topic-ios:focus { border-color: #3e9d97 !important; color: #3e9d97 !important; } -.button--topic-ios:hover svg, .button--topic-ios:active svg, .button--topic-ios:focus svg { +.thl-button--topic-ios:hover svg, .thl-button--topic-ios:active svg, .thl-button--topic-ios:focus svg { fill: #3e9d97 !important; } -.button--topic-ios.button--primary { +.thl-button--topic-ios.thl-button--primary { background-color: #53BBB4 !important; border-color: #53BBB4 !important; color: #fff !important; } -.button--topic-ios.button--primary:hover, .button--topic-ios.button--primary:active, .button--topic-ios.button--primary:focus { +.thl-button--topic-ios.thl-button--primary:hover, .thl-button--topic-ios.thl-button--primary:active, .thl-button--topic-ios.thl-button--primary:focus { background-color: #3e9d97 !important; border-color: #3e9d97 !important; } -.button--topic-ios.button--primary:hover svg, .button--topic-ios.button--primary:active svg, .button--topic-ios.button--primary:focus svg { +.thl-button--topic-ios.thl-button--primary:hover svg, .thl-button--topic-ios.thl-button--primary:active svg, .thl-button--topic-ios.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-android { +.thl-button--topic-android { border-color: #5cb860 !important; color: #5cb860 !important; } -.button--topic-android svg { +.thl-button--topic-android svg { fill: #5cb860 !important; } -.button--topic-android:hover, .button--topic-android:active, .button--topic-android:focus { +.thl-button--topic-android:hover, .thl-button--topic-android:active, .thl-button--topic-android:focus { border-color: #449d48 !important; color: #449d48 !important; } -.button--topic-android:hover svg, .button--topic-android:active svg, .button--topic-android:focus svg { +.thl-button--topic-android:hover svg, .thl-button--topic-android:active svg, .thl-button--topic-android:focus svg { fill: #449d48 !important; } -.button--topic-android.button--primary { +.thl-button--topic-android.thl-button--primary { background-color: #5cb860 !important; border-color: #5cb860 !important; color: #fff !important; } -.button--topic-android.button--primary:hover, .button--topic-android.button--primary:active, .button--topic-android.button--primary:focus { +.thl-button--topic-android.thl-button--primary:hover, .thl-button--topic-android.thl-button--primary:active, .thl-button--topic-android.thl-button--primary:focus { background-color: #449d48 !important; border-color: #449d48 !important; } -.button--topic-android.button--primary:hover svg, .button--topic-android.button--primary:active svg, .button--topic-android.button--primary:focus svg { +.thl-button--topic-android.thl-button--primary:hover svg, .thl-button--topic-android.thl-button--primary:active svg, .thl-button--topic-android.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-design { +.thl-button--topic-design { border-color: #e59a13 !important; color: #e59a13 !important; } -.button--topic-design svg { +.thl-button--topic-design svg { fill: #e59a13 !important; } -.button--topic-design:hover, .button--topic-design:active, .button--topic-design:focus { +.thl-button--topic-design:hover, .thl-button--topic-design:active, .thl-button--topic-design:focus { border-color: #b67a0f !important; color: #b67a0f !important; } -.button--topic-design:hover svg, .button--topic-design:active svg, .button--topic-design:focus svg { +.thl-button--topic-design:hover svg, .thl-button--topic-design:active svg, .thl-button--topic-design:focus svg { fill: #b67a0f !important; } -.button--topic-design.button--primary { +.thl-button--topic-design.thl-button--primary { background-color: #e59a13 !important; border-color: #e59a13 !important; color: #fff !important; } -.button--topic-design.button--primary:hover, .button--topic-design.button--primary:active, .button--topic-design.button--primary:focus { +.thl-button--topic-design.thl-button--primary:hover, .thl-button--topic-design.thl-button--primary:active, .thl-button--topic-design.thl-button--primary:focus { background-color: #b67a0f !important; border-color: #b67a0f !important; } -.button--topic-design.button--primary:hover svg, .button--topic-design.button--primary:active svg, .button--topic-design.button--primary:focus svg { +.thl-button--topic-design.thl-button--primary:hover svg, .thl-button--topic-design.thl-button--primary:active svg, .thl-button--topic-design.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-devtools { +.thl-button--topic-devtools { border-color: #637a91 !important; color: #637a91 !important; } -.button--topic-devtools svg { +.thl-button--topic-devtools svg { fill: #637a91 !important; } -.button--topic-devtools:hover, .button--topic-devtools:active, .button--topic-devtools:focus { +.thl-button--topic-devtools:hover, .thl-button--topic-devtools:active, .thl-button--topic-devtools:focus { border-color: #4e6173 !important; color: #4e6173 !important; } -.button--topic-devtools:hover svg, .button--topic-devtools:active svg, .button--topic-devtools:focus svg { +.thl-button--topic-devtools:hover svg, .thl-button--topic-devtools:active svg, .thl-button--topic-devtools:focus svg { fill: #4e6173 !important; } -.button--topic-devtools.button--primary { +.thl-button--topic-devtools.thl-button--primary { background-color: #637a91 !important; border-color: #637a91 !important; color: #fff !important; } -.button--topic-devtools.button--primary:hover, .button--topic-devtools.button--primary:active, .button--topic-devtools.button--primary:focus { +.thl-button--topic-devtools.thl-button--primary:hover, .thl-button--topic-devtools.thl-button--primary:active, .thl-button--topic-devtools.thl-button--primary:focus { background-color: #4e6173 !important; border-color: #4e6173 !important; } -.button--topic-devtools.button--primary:hover svg, .button--topic-devtools.button--primary:active svg, .button--topic-devtools.button--primary:focus svg { +.thl-button--topic-devtools.thl-button--primary:hover svg, .thl-button--topic-devtools.thl-button--primary:active svg, .thl-button--topic-devtools.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-java { +.thl-button--topic-java { border-color: #2c9676 !important; color: #2c9676 !important; } -.button--topic-java svg { +.thl-button--topic-java svg { fill: #2c9676 !important; } -.button--topic-java:hover, .button--topic-java:active, .button--topic-java:focus { +.thl-button--topic-java:hover, .thl-button--topic-java:active, .thl-button--topic-java:focus { border-color: #206f57 !important; color: #206f57 !important; } -.button--topic-java:hover svg, .button--topic-java:active svg, .button--topic-java:focus svg { +.thl-button--topic-java:hover svg, .thl-button--topic-java:active svg, .thl-button--topic-java:focus svg { fill: #206f57 !important; } -.button--topic-java.button--primary { +.thl-button--topic-java.thl-button--primary { background-color: #2c9676 !important; border-color: #2c9676 !important; color: #fff !important; } -.button--topic-java.button--primary:hover, .button--topic-java.button--primary:active, .button--topic-java.button--primary:focus { +.thl-button--topic-java.thl-button--primary:hover, .thl-button--topic-java.thl-button--primary:active, .thl-button--topic-java.thl-button--primary:focus { background-color: #206f57 !important; border-color: #206f57 !important; } -.button--topic-java.button--primary:hover svg, .button--topic-java.button--primary:active svg, .button--topic-java.button--primary:focus svg { +.thl-button--topic-java.thl-button--primary:hover svg, .thl-button--topic-java.thl-button--primary:active svg, .thl-button--topic-java.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-python { +.thl-button--topic-python { border-color: #f092b0 !important; color: #f092b0 !important; } -.button--topic-python svg { +.thl-button--topic-python svg { fill: #f092b0 !important; } -.button--topic-python:hover, .button--topic-python:active, .button--topic-python:focus { +.thl-button--topic-python:hover, .thl-button--topic-python:active, .thl-button--topic-python:focus { border-color: #ea6590 !important; color: #ea6590 !important; } -.button--topic-python:hover svg, .button--topic-python:active svg, .button--topic-python:focus svg { +.thl-button--topic-python:hover svg, .thl-button--topic-python:active svg, .thl-button--topic-python:focus svg { fill: #ea6590 !important; } -.button--topic-python.button--primary { +.thl-button--topic-python.thl-button--primary { background-color: #f092b0 !important; border-color: #f092b0 !important; color: #fff !important; } -.button--topic-python.button--primary:hover, .button--topic-python.button--primary:active, .button--topic-python.button--primary:focus { +.thl-button--topic-python.thl-button--primary:hover, .thl-button--topic-python.thl-button--primary:active, .thl-button--topic-python.thl-button--primary:focus { background-color: #ea6590 !important; border-color: #ea6590 !important; } -.button--topic-python.button--primary:hover svg, .button--topic-python.button--primary:active svg, .button--topic-python.button--primary:focus svg { +.thl-button--topic-python.thl-button--primary:hover svg, .thl-button--topic-python.thl-button--primary:active svg, .thl-button--topic-python.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-diglit { +.thl-button--topic-diglit { border-color: #c38cd4 !important; color: #c38cd4 !important; } -.button--topic-diglit svg { +.thl-button--topic-diglit svg { fill: #c38cd4 !important; } -.button--topic-diglit:hover, .button--topic-diglit:active, .button--topic-diglit:focus { +.thl-button--topic-diglit:hover, .thl-button--topic-diglit:active, .thl-button--topic-diglit:focus { border-color: #b067c6 !important; color: #b067c6 !important; } -.button--topic-diglit:hover svg, .button--topic-diglit:active svg, .button--topic-diglit:focus svg { +.thl-button--topic-diglit:hover svg, .thl-button--topic-diglit:active svg, .thl-button--topic-diglit:focus svg { fill: #b067c6 !important; } -.button--topic-diglit.button--primary { +.thl-button--topic-diglit.thl-button--primary { background-color: #c38cd4 !important; border-color: #c38cd4 !important; color: #fff !important; } -.button--topic-diglit.button--primary:hover, .button--topic-diglit.button--primary:active, .button--topic-diglit.button--primary:focus { +.thl-button--topic-diglit.thl-button--primary:hover, .thl-button--topic-diglit.thl-button--primary:active, .thl-button--topic-diglit.thl-button--primary:focus { background-color: #b067c6 !important; border-color: #b067c6 !important; } -.button--topic-diglit.button--primary:hover svg, .button--topic-diglit.button--primary:active svg, .button--topic-diglit.button--primary:focus svg { +.thl-button--topic-diglit.thl-button--primary:hover svg, .thl-button--topic-diglit.thl-button--primary:active svg, .thl-button--topic-diglit.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-gamedev { +.thl-button--topic-gamedev { border-color: #20898c !important; color: #20898c !important; } -.button--topic-gamedev svg { +.thl-button--topic-gamedev svg { fill: #20898c !important; } -.button--topic-gamedev:hover, .button--topic-gamedev:active, .button--topic-gamedev:focus { +.thl-button--topic-gamedev:hover, .thl-button--topic-gamedev:active, .thl-button--topic-gamedev:focus { border-color: #176062 !important; color: #176062 !important; } -.button--topic-gamedev:hover svg, .button--topic-gamedev:active svg, .button--topic-gamedev:focus svg { +.thl-button--topic-gamedev:hover svg, .thl-button--topic-gamedev:active svg, .thl-button--topic-gamedev:focus svg { fill: #176062 !important; } -.button--topic-gamedev.button--primary { +.thl-button--topic-gamedev.thl-button--primary { background-color: #20898c !important; border-color: #20898c !important; color: #fff !important; } -.button--topic-gamedev.button--primary:hover, .button--topic-gamedev.button--primary:active, .button--topic-gamedev.button--primary:focus { +.thl-button--topic-gamedev.thl-button--primary:hover, .thl-button--topic-gamedev.thl-button--primary:active, .thl-button--topic-gamedev.thl-button--primary:focus { background-color: #176062 !important; border-color: #176062 !important; } -.button--topic-gamedev.button--primary:hover svg, .button--topic-gamedev.button--primary:active svg, .button--topic-gamedev.button--primary:focus svg { +.thl-button--topic-gamedev.thl-button--primary:hover svg, .thl-button--topic-gamedev.thl-button--primary:active svg, .thl-button--topic-gamedev.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-csharp { +.thl-button--topic-csharp { border-color: #9e4d83 !important; color: #9e4d83 !important; } -.button--topic-csharp svg { +.thl-button--topic-csharp svg { fill: #9e4d83 !important; } -.button--topic-csharp:hover, .button--topic-csharp:active, .button--topic-csharp:focus { +.thl-button--topic-csharp:hover, .thl-button--topic-csharp:active, .thl-button--topic-csharp:focus { border-color: #7c3c67 !important; color: #7c3c67 !important; } -.button--topic-csharp:hover svg, .button--topic-csharp:active svg, .button--topic-csharp:focus svg { +.thl-button--topic-csharp:hover svg, .thl-button--topic-csharp:active svg, .thl-button--topic-csharp:focus svg { fill: #7c3c67 !important; } -.button--topic-csharp.button--primary { +.thl-button--topic-csharp.thl-button--primary { background-color: #9e4d83 !important; border-color: #9e4d83 !important; color: #fff !important; } -.button--topic-csharp.button--primary:hover, .button--topic-csharp.button--primary:active, .button--topic-csharp.button--primary:focus { +.thl-button--topic-csharp.thl-button--primary:hover, .thl-button--topic-csharp.thl-button--primary:active, .thl-button--topic-csharp.thl-button--primary:focus { background-color: #7c3c67 !important; border-color: #7c3c67 !important; } -.button--topic-csharp.button--primary:hover svg, .button--topic-csharp.button--primary:active svg, .button--topic-csharp.button--primary:focus svg { +.thl-button--topic-csharp.thl-button--primary:hover svg, .thl-button--topic-csharp.thl-button--primary:active svg, .thl-button--topic-csharp.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-databases { +.thl-button--topic-databases { border-color: #eb7728 !important; color: #eb7728 !important; } -.button--topic-databases svg { +.thl-button--topic-databases svg { fill: #eb7728 !important; } -.button--topic-databases:hover, .button--topic-databases:active, .button--topic-databases:focus { +.thl-button--topic-databases:hover, .thl-button--topic-databases:active, .thl-button--topic-databases:focus { border-color: #cd5e13 !important; color: #cd5e13 !important; } -.button--topic-databases:hover svg, .button--topic-databases:active svg, .button--topic-databases:focus svg { +.thl-button--topic-databases:hover svg, .thl-button--topic-databases:active svg, .thl-button--topic-databases:focus svg { fill: #cd5e13 !important; } -.button--topic-databases.button--primary { +.thl-button--topic-databases.thl-button--primary { background-color: #eb7728 !important; border-color: #eb7728 !important; color: #fff !important; } -.button--topic-databases.button--primary:hover, .button--topic-databases.button--primary:active, .button--topic-databases.button--primary:focus { +.thl-button--topic-databases.thl-button--primary:hover, .thl-button--topic-databases.thl-button--primary:active, .thl-button--topic-databases.thl-button--primary:focus { background-color: #cd5e13 !important; border-color: #cd5e13 !important; } -.button--topic-databases.button--primary:hover svg, .button--topic-databases.button--primary:active svg, .button--topic-databases.button--primary:focus svg { +.thl-button--topic-databases.thl-button--primary:hover svg, .thl-button--topic-databases.thl-button--primary:active svg, .thl-button--topic-databases.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-virtual-reality { +.thl-button--topic-virtual-reality { border-color: #95D26C !important; color: #95D26C !important; } -.button--topic-virtual-reality svg { +.thl-button--topic-virtual-reality svg { fill: #95D26C !important; } -.button--topic-virtual-reality:hover, .button--topic-virtual-reality:active, .button--topic-virtual-reality:focus { +.thl-button--topic-virtual-reality:hover, .thl-button--topic-virtual-reality:active, .thl-button--topic-virtual-reality:focus { border-color: #79c645 !important; color: #79c645 !important; } -.button--topic-virtual-reality:hover svg, .button--topic-virtual-reality:active svg, .button--topic-virtual-reality:focus svg { +.thl-button--topic-virtual-reality:hover svg, .thl-button--topic-virtual-reality:active svg, .thl-button--topic-virtual-reality:focus svg { fill: #79c645 !important; } -.button--topic-virtual-reality.button--primary { +.thl-button--topic-virtual-reality.thl-button--primary { background-color: #95D26C !important; border-color: #95D26C !important; color: #fff !important; } -.button--topic-virtual-reality.button--primary:hover, .button--topic-virtual-reality.button--primary:active, .button--topic-virtual-reality.button--primary:focus { +.thl-button--topic-virtual-reality.thl-button--primary:hover, .thl-button--topic-virtual-reality.thl-button--primary:active, .thl-button--topic-virtual-reality.thl-button--primary:focus { background-color: #79c645 !important; border-color: #79c645 !important; } -.button--topic-virtual-reality.button--primary:hover svg, .button--topic-virtual-reality.button--primary:active svg, .button--topic-virtual-reality.button--primary:focus svg { +.thl-button--topic-virtual-reality.thl-button--primary:hover svg, .thl-button--topic-virtual-reality.thl-button--primary:active svg, .thl-button--topic-virtual-reality.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-apis { +.thl-button--topic-apis { border-color: #993c50 !important; color: #993c50 !important; } -.button--topic-apis svg { +.thl-button--topic-apis svg { fill: #993c50 !important; } -.button--topic-apis:hover, .button--topic-apis:active, .button--topic-apis:focus { +.thl-button--topic-apis:hover, .thl-button--topic-apis:active, .thl-button--topic-apis:focus { border-color: #742e3d !important; color: #742e3d !important; } -.button--topic-apis:hover svg, .button--topic-apis:active svg, .button--topic-apis:focus svg { +.thl-button--topic-apis:hover svg, .thl-button--topic-apis:active svg, .thl-button--topic-apis:focus svg { fill: #742e3d !important; } -.button--topic-apis.button--primary { +.thl-button--topic-apis.thl-button--primary { background-color: #993c50 !important; border-color: #993c50 !important; color: #fff !important; } -.button--topic-apis.button--primary:hover, .button--topic-apis.button--primary:active, .button--topic-apis.button--primary:focus { +.thl-button--topic-apis.thl-button--primary:hover, .thl-button--topic-apis.thl-button--primary:active, .thl-button--topic-apis.thl-button--primary:focus { background-color: #742e3d !important; border-color: #742e3d !important; } -.button--topic-apis.button--primary:hover svg, .button--topic-apis.button--primary:active svg, .button--topic-apis.button--primary:focus svg { +.thl-button--topic-apis.thl-button--primary:hover svg, .thl-button--topic-apis.thl-button--primary:active svg, .thl-button--topic-apis.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-go { +.thl-button--topic-go { border-color: #375eab !important; color: #375eab !important; } -.button--topic-go svg { +.thl-button--topic-go svg { fill: #375eab !important; } -.button--topic-go:hover, .button--topic-go:active, .button--topic-go:focus { +.thl-button--topic-go:hover, .thl-button--topic-go:active, .thl-button--topic-go:focus { border-color: #2b4984 !important; color: #2b4984 !important; } -.button--topic-go:hover svg, .button--topic-go:active svg, .button--topic-go:focus svg { +.thl-button--topic-go:hover svg, .thl-button--topic-go:active svg, .thl-button--topic-go:focus svg { fill: #2b4984 !important; } -.button--topic-go.button--primary { +.thl-button--topic-go.thl-button--primary { background-color: #375eab !important; border-color: #375eab !important; color: #fff !important; } -.button--topic-go.button--primary:hover, .button--topic-go.button--primary:active, .button--topic-go.button--primary:focus { +.thl-button--topic-go.thl-button--primary:hover, .thl-button--topic-go.thl-button--primary:active, .thl-button--topic-go.thl-button--primary:focus { background-color: #2b4984 !important; border-color: #2b4984 !important; } -.button--topic-go.button--primary:hover svg, .button--topic-go.button--primary:active svg, .button--topic-go.button--primary:focus svg { +.thl-button--topic-go.thl-button--primary:hover svg, .thl-button--topic-go.thl-button--primary:active svg, .thl-button--topic-go.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-data-analysis { +.thl-button--topic-data-analysis { border-color: #645a7e !important; color: #645a7e !important; } -.button--topic-data-analysis svg { +.thl-button--topic-data-analysis svg { fill: #645a7e !important; } -.button--topic-data-analysis:hover, .button--topic-data-analysis:active, .button--topic-data-analysis:focus { +.thl-button--topic-data-analysis:hover, .thl-button--topic-data-analysis:active, .thl-button--topic-data-analysis:focus { border-color: #4c4560 !important; color: #4c4560 !important; } -.button--topic-data-analysis:hover svg, .button--topic-data-analysis:active svg, .button--topic-data-analysis:focus svg { +.thl-button--topic-data-analysis:hover svg, .thl-button--topic-data-analysis:active svg, .thl-button--topic-data-analysis:focus svg { fill: #4c4560 !important; } -.button--topic-data-analysis.button--primary { +.thl-button--topic-data-analysis.thl-button--primary { background-color: #645a7e !important; border-color: #645a7e !important; color: #fff !important; } -.button--topic-data-analysis.button--primary:hover, .button--topic-data-analysis.button--primary:active, .button--topic-data-analysis.button--primary:focus { +.thl-button--topic-data-analysis.thl-button--primary:hover, .thl-button--topic-data-analysis.thl-button--primary:active, .thl-button--topic-data-analysis.thl-button--primary:focus { background-color: #4c4560 !important; border-color: #4c4560 !important; } -.button--topic-data-analysis.button--primary:hover svg, .button--topic-data-analysis.button--primary:active svg, .button--topic-data-analysis.button--primary:focus svg { +.thl-button--topic-data-analysis.thl-button--primary:hover svg, .thl-button--topic-data-analysis.thl-button--primary:active svg, .thl-button--topic-data-analysis.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-security { +.thl-button--topic-security { border-color: #C66C5D !important; color: #C66C5D !important; } -.button--topic-security svg { +.thl-button--topic-security svg { fill: #C66C5D !important; } -.button--topic-security:hover, .button--topic-security:active, .button--topic-security:focus { +.thl-button--topic-security:hover, .thl-button--topic-security:active, .thl-button--topic-security:focus { border-color: #b24f3e !important; color: #b24f3e !important; } -.button--topic-security:hover svg, .button--topic-security:active svg, .button--topic-security:focus svg { +.thl-button--topic-security:hover svg, .thl-button--topic-security:active svg, .thl-button--topic-security:focus svg { fill: #b24f3e !important; } -.button--topic-security.button--primary { +.thl-button--topic-security.thl-button--primary { background-color: #C66C5D !important; border-color: #C66C5D !important; color: #fff !important; } -.button--topic-security.button--primary:hover, .button--topic-security.button--primary:active, .button--topic-security.button--primary:focus { +.thl-button--topic-security.thl-button--primary:hover, .thl-button--topic-security.thl-button--primary:active, .thl-button--topic-security.thl-button--primary:focus { background-color: #b24f3e !important; border-color: #b24f3e !important; } -.button--topic-security.button--primary:hover svg, .button--topic-security.button--primary:active svg, .button--topic-security.button--primary:focus svg { +.thl-button--topic-security.thl-button--primary:hover svg, .thl-button--topic-security.thl-button--primary:active svg, .thl-button--topic-security.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-quality-assurance { +.thl-button--topic-quality-assurance { border-color: #80438E !important; color: #80438E !important; } -.button--topic-quality-assurance svg { +.thl-button--topic-quality-assurance svg { fill: #80438E !important; } -.button--topic-quality-assurance:hover, .button--topic-quality-assurance:active, .button--topic-quality-assurance:focus { +.thl-button--topic-quality-assurance:hover, .thl-button--topic-quality-assurance:active, .thl-button--topic-quality-assurance:focus { border-color: #61336b !important; color: #61336b !important; } -.button--topic-quality-assurance:hover svg, .button--topic-quality-assurance:active svg, .button--topic-quality-assurance:focus svg { +.thl-button--topic-quality-assurance:hover svg, .thl-button--topic-quality-assurance:active svg, .thl-button--topic-quality-assurance:focus svg { fill: #61336b !important; } -.button--topic-quality-assurance.button--primary { +.thl-button--topic-quality-assurance.thl-button--primary { background-color: #80438E !important; border-color: #80438E !important; color: #fff !important; } -.button--topic-quality-assurance.button--primary:hover, .button--topic-quality-assurance.button--primary:active, .button--topic-quality-assurance.button--primary:focus { +.thl-button--topic-quality-assurance.thl-button--primary:hover, .thl-button--topic-quality-assurance.thl-button--primary:active, .thl-button--topic-quality-assurance.thl-button--primary:focus { background-color: #61336b !important; border-color: #61336b !important; } -.button--topic-quality-assurance.button--primary:hover svg, .button--topic-quality-assurance.button--primary:active svg, .button--topic-quality-assurance.button--primary:focus svg { +.thl-button--topic-quality-assurance.thl-button--primary:hover svg, .thl-button--topic-quality-assurance.thl-button--primary:active svg, .thl-button--topic-quality-assurance.thl-button--primary:focus svg { fill: #fff !important; } -.button--topic-undefined { +.thl-button--topic-undefined { border-color: #717b85 !important; color: #717b85 !important; } -.button--topic-undefined svg { +.thl-button--topic-undefined svg { fill: #717b85 !important; } -.button--topic-undefined:hover, .button--topic-undefined:active, .button--topic-undefined:focus { +.thl-button--topic-undefined:hover, .thl-button--topic-undefined:active, .thl-button--topic-undefined:focus { border-color: #5a6269 !important; color: #5a6269 !important; } -.button--topic-undefined:hover svg, .button--topic-undefined:active svg, .button--topic-undefined:focus svg { +.thl-button--topic-undefined:hover svg, .thl-button--topic-undefined:active svg, .thl-button--topic-undefined:focus svg { fill: #5a6269 !important; } -.button--topic-undefined.button--primary { +.thl-button--topic-undefined.thl-button--primary { background-color: #717b85 !important; border-color: #717b85 !important; color: #fff !important; } -.button--topic-undefined.button--primary:hover, .button--topic-undefined.button--primary:active, .button--topic-undefined.button--primary:focus { +.thl-button--topic-undefined.thl-button--primary:hover, .thl-button--topic-undefined.thl-button--primary:active, .thl-button--topic-undefined.thl-button--primary:focus { background-color: #5a6269 !important; border-color: #5a6269 !important; } -.button--topic-undefined.button--primary:hover svg, .button--topic-undefined.button--primary:active svg, .button--topic-undefined.button--primary:focus svg { +.thl-button--topic-undefined.thl-button--primary:hover svg, .thl-button--topic-undefined.thl-button--primary:active svg, .thl-button--topic-undefined.thl-button--primary:focus svg { fill: #fff !important; } -.split-button .button { +.thl-split-button .thl-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 { +.thl-split-button .thl-button:hover, .thl-split-button .thl-button:active, .thl-split-button .thl-button:focus { z-index: 2; } -.split-button .button.button--primary { +.thl-split-button .thl-button.thl-button--primary { border-right-color: rgba(0, 0, 0, 0.1); } -.split-button .button + .button { +.thl-split-button .thl-button + .thl-button { border-radius: 0 4px 4px 0; margin-left: -2px !important; } -.split-button .button + .button.button--primary { +.thl-split-button .thl-button + .thl-button.thl-button--primary { border-left-color: rgba(0, 0, 0, 0.1); } -.split-button { +.thl-split-button { display: inline-block; margin: 0 15px 0 0; } -.split-button:before, .split-button:after { +.thl-split-button:before, .thl-split-button:after { content: " "; display: table; } -.split-button:after { +.thl-split-button:after { clear: both; } diff --git a/css/leap.min.css b/css/leap.min.css index 1ced952..e5b9ab7 100644 --- a/css/leap.min.css +++ b/css/leap.min.css @@ -1,2 +1,2 @@ -/*! Leap Version 0.8.7 */*,: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:#3f8abf;cursor:pointer;transition:color 300ms 0s ease;text-decoration:none}a:hover,a:active,a:focus{color:#326e99}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{.thl-border-xs{border:solid 1px #e8ebed !important}.thl-border-t-xs{border-top:solid 1px #e8ebed !important}.thl-border-b-xs{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xs{border-left:solid 1px #e8ebed !important}.thl-border-r-xs{border-right:solid 1px #e8ebed !important}.thl-border-dark-xs{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xs{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xs{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xs{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xs{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xs{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xs{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xs{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xs{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xs{border-right:solid 1px #d4d9dd !important}.thl-border-light-xs{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xs{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xs{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xs{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xs{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xs{border:none !important}.thl-border-none-t-xs{border-top:none !important}.thl-border-none-b-xs{border-bottom:none !important}.thl-border-none-l-xs{border-left:none !important}.thl-border-none-r-xs{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 480px){.thl-border-sm{border:solid 1px #e8ebed !important}.thl-border-t-sm{border-top:solid 1px #e8ebed !important}.thl-border-b-sm{border-bottom:solid 1px #e8ebed !important}.thl-border-l-sm{border-left:solid 1px #e8ebed !important}.thl-border-r-sm{border-right:solid 1px #e8ebed !important}.thl-border-dark-sm{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-sm{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-sm{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-sm{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-sm{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-sm{border:solid 1px #d4d9dd !important}.thl-border-t-mid-sm{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-sm{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-sm{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-sm{border-right:solid 1px #d4d9dd !important}.thl-border-light-sm{border:solid 1px #f0f2f4 !important}.thl-border-t-light-sm{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-sm{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-sm{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-sm{border-right:solid 1px #f0f2f4 !important}.thl-border-none-sm{border:none !important}.thl-border-none-t-sm{border-top:none !important}.thl-border-none-b-sm{border-bottom:none !important}.thl-border-none-l-sm{border-left:none !important}.thl-border-none-r-sm{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 680px){.thl-border-md{border:solid 1px #e8ebed !important}.thl-border-t-md{border-top:solid 1px #e8ebed !important}.thl-border-b-md{border-bottom:solid 1px #e8ebed !important}.thl-border-l-md{border-left:solid 1px #e8ebed !important}.thl-border-r-md{border-right:solid 1px #e8ebed !important}.thl-border-dark-md{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-md{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-md{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-md{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-md{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-md{border:solid 1px #d4d9dd !important}.thl-border-t-mid-md{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-md{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-md{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-md{border-right:solid 1px #d4d9dd !important}.thl-border-light-md{border:solid 1px #f0f2f4 !important}.thl-border-t-light-md{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-md{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-md{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-md{border-right:solid 1px #f0f2f4 !important}.thl-border-none-md{border:none !important}.thl-border-none-t-md{border-top:none !important}.thl-border-none-b-md{border-bottom:none !important}.thl-border-none-l-md{border-left:none !important}.thl-border-none-r-md{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 960px){.thl-border-lg{border:solid 1px #e8ebed !important}.thl-border-t-lg{border-top:solid 1px #e8ebed !important}.thl-border-b-lg{border-bottom:solid 1px #e8ebed !important}.thl-border-l-lg{border-left:solid 1px #e8ebed !important}.thl-border-r-lg{border-right:solid 1px #e8ebed !important}.thl-border-dark-lg{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-lg{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-lg{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-lg{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-lg{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-lg{border:solid 1px #d4d9dd !important}.thl-border-t-mid-lg{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-lg{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-lg{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-lg{border-right:solid 1px #d4d9dd !important}.thl-border-light-lg{border:solid 1px #f0f2f4 !important}.thl-border-t-light-lg{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-lg{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-lg{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-lg{border-right:solid 1px #f0f2f4 !important}.thl-border-none-lg{border:none !important}.thl-border-none-t-lg{border-top:none !important}.thl-border-none-b-lg{border-bottom:none !important}.thl-border-none-l-lg{border-left:none !important}.thl-border-none-r-lg{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 1140px){.thl-border-xl{border:solid 1px #e8ebed !important}.thl-border-t-xl{border-top:solid 1px #e8ebed !important}.thl-border-b-xl{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xl{border-left:solid 1px #e8ebed !important}.thl-border-r-xl{border-right:solid 1px #e8ebed !important}.thl-border-dark-xl{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xl{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xl{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xl{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xl{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xl{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xl{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xl{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xl{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xl{border-right:solid 1px #d4d9dd !important}.thl-border-light-xl{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xl{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xl{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xl{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xl{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xl{border:none !important}.thl-border-none-t-xl{border-top:none !important}.thl-border-none-b-xl{border-bottom:none !important}.thl-border-none-l-xl{border-left:none !important}.thl-border-none-r-xl{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-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}.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-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}.topic-fill-html-light{fill:#62bedb !important}.topic-stroke-html-light{stroke:#62bedb !important}.topic-color-html-light{color:#62bedb !important}.topic-border-html-light{border-color:#62bedb !important}.topic-bg-html-light{background-color:#62bedb !important}.topic-fill-html-base{fill:#39ADD1 !important}.topic-stroke-html-base{stroke:#39ADD1 !important}.topic-color-html-base{color:#39ADD1 !important}.topic-border-html-base{border-color:#39ADD1 !important}.topic-bg-html-base{background-color:#39ADD1 !important}.topic-fill-html-dark{fill:#298fae !important}.topic-stroke-html-dark{stroke:#298fae !important}.topic-color-html-dark{color:#298fae !important}.topic-border-html-dark{border-color:#298fae !important}.topic-bg-html-dark{background-color:#298fae !important}.topic-fill-css-light{fill:#4494ca !important}.topic-stroke-css-light{stroke:#4494ca !important}.topic-color-css-light{color:#4494ca !important}.topic-border-css-light{border-color:#4494ca !important}.topic-bg-css-light{background-color:#4494ca !important}.topic-fill-css-base{fill:#3079AB !important}.topic-stroke-css-base{stroke:#3079AB !important}.topic-color-css-base{color:#3079AB !important}.topic-border-css-base{border-color:#3079AB !important}.topic-bg-css-base{background-color:#3079AB !important}.topic-fill-css-dark{fill:#255d83 !important}.topic-stroke-css-dark{stroke:#255d83 !important}.topic-color-css-dark{color:#255d83 !important}.topic-border-css-dark{border-color:#255d83 !important}.topic-bg-css-dark{background-color:#255d83 !important}.topic-fill-js-light{fill:#d07e94 !important}.topic-stroke-js-light{stroke:#d07e94 !important}.topic-color-js-light{color:#d07e94 !important}.topic-border-js-light{border-color:#d07e94 !important}.topic-bg-js-light{background-color:#d07e94 !important}.topic-fill-js-base{fill:#c25975 !important}.topic-stroke-js-base{stroke:#c25975 !important}.topic-color-js-base{color:#c25975 !important}.topic-border-js-base{border-color:#c25975 !important}.topic-bg-js-base{background-color:#c25975 !important}.topic-fill-js-dark{fill:#aa3e5b !important}.topic-stroke-js-dark{stroke:#aa3e5b !important}.topic-color-js-dark{color:#aa3e5b !important}.topic-border-js-dark{border-color:#aa3e5b !important}.topic-bg-js-dark{background-color:#aa3e5b !important}.topic-fill-ruby-light{fill:#e97d82 !important}.topic-stroke-ruby-light{stroke:#e97d82 !important}.topic-color-ruby-light{color:#e97d82 !important}.topic-border-ruby-light{border-color:#e97d82 !important}.topic-bg-ruby-light{background-color:#e97d82 !important}.topic-fill-ruby-base{fill:#e15258 !important}.topic-stroke-ruby-base{stroke:#e15258 !important}.topic-color-ruby-base{color:#e15258 !important}.topic-border-ruby-base{border-color:#e15258 !important}.topic-bg-ruby-base{background-color:#e15258 !important}.topic-fill-ruby-dark{fill:#d9272e !important}.topic-stroke-ruby-dark{stroke:#d9272e !important}.topic-color-ruby-dark{color:#d9272e !important}.topic-border-ruby-dark{border-color:#d9272e !important}.topic-bg-ruby-dark{background-color:#d9272e !important}.topic-fill-business-light{fill:#fba98c !important}.topic-stroke-business-light{stroke:#fba98c !important}.topic-color-business-light{color:#fba98c !important}.topic-border-business-light{border-color:#fba98c !important}.topic-bg-business-light{background-color:#fba98c !important}.topic-fill-business-base{fill:#F9845B !important}.topic-stroke-business-base{stroke:#F9845B !important}.topic-color-business-base{color:#F9845B !important}.topic-border-business-base{border-color:#F9845B !important}.topic-bg-business-base{background-color:#F9845B !important}.topic-fill-business-dark{fill:#f75f2a !important}.topic-stroke-business-dark{stroke:#f75f2a !important}.topic-color-business-dark{color:#f75f2a !important}.topic-border-business-dark{border-color:#f75f2a !important}.topic-bg-business-dark{background-color:#f75f2a !important}.topic-fill-wordpress-light{fill:#a6add7 !important}.topic-stroke-wordpress-light{stroke:#a6add7 !important}.topic-color-wordpress-light{color:#a6add7 !important}.topic-border-wordpress-light{border-color:#a6add7 !important}.topic-bg-wordpress-light{background-color:#a6add7 !important}.topic-fill-wordpress-base{fill:#838CC7 !important}.topic-stroke-wordpress-base{stroke:#838CC7 !important}.topic-color-wordpress-base{color:#838CC7 !important}.topic-border-wordpress-base{border-color:#838CC7 !important}.topic-bg-wordpress-base{background-color:#838CC7 !important}.topic-fill-wordpress-dark{fill:#606bb7 !important}.topic-stroke-wordpress-dark{stroke:#606bb7 !important}.topic-color-wordpress-dark{color:#606bb7 !important}.topic-border-wordpress-dark{border-color:#606bb7 !important}.topic-bg-wordpress-dark{background-color:#606bb7 !important}.topic-fill-php-light{fill:#9885b2 !important}.topic-stroke-php-light{stroke:#9885b2 !important}.topic-color-php-light{color:#9885b2 !important}.topic-border-php-light{border-color:#9885b2 !important}.topic-bg-php-light{background-color:#9885b2 !important}.topic-fill-php-base{fill:#7D669E !important}.topic-stroke-php-base{stroke:#7D669E !important}.topic-color-php-base{color:#7D669E !important}.topic-border-php-base{border-color:#7D669E !important}.topic-bg-php-base{background-color:#7D669E !important}.topic-fill-php-dark{fill:#645180 !important}.topic-stroke-php-dark{stroke:#645180 !important}.topic-color-php-dark{color:#645180 !important}.topic-border-php-dark{border-color:#645180 !important}.topic-bg-php-dark{background-color:#645180 !important}.topic-fill-ios-light{fill:#78c9c4 !important}.topic-stroke-ios-light{stroke:#78c9c4 !important}.topic-color-ios-light{color:#78c9c4 !important}.topic-border-ios-light{border-color:#78c9c4 !important}.topic-bg-ios-light{background-color:#78c9c4 !important}.topic-fill-ios-base{fill:#53BBB4 !important}.topic-stroke-ios-base{stroke:#53BBB4 !important}.topic-color-ios-base{color:#53BBB4 !important}.topic-border-ios-base{border-color:#53BBB4 !important}.topic-bg-ios-base{background-color:#53BBB4 !important}.topic-fill-ios-dark{fill:#3e9d97 !important}.topic-stroke-ios-dark{stroke:#3e9d97 !important}.topic-color-ios-dark{color:#3e9d97 !important}.topic-border-ios-dark{border-color:#3e9d97 !important}.topic-bg-ios-dark{background-color:#3e9d97 !important}.topic-fill-android-light{fill:#80c783 !important}.topic-stroke-android-light{stroke:#80c783 !important}.topic-color-android-light{color:#80c783 !important}.topic-border-android-light{border-color:#80c783 !important}.topic-bg-android-light{background-color:#80c783 !important}.topic-fill-android-base{fill:#5cb860 !important}.topic-stroke-android-base{stroke:#5cb860 !important}.topic-color-android-base{color:#5cb860 !important}.topic-border-android-base{border-color:#5cb860 !important}.topic-bg-android-base{background-color:#5cb860 !important}.topic-fill-android-dark{fill:#449d48 !important}.topic-stroke-android-dark{stroke:#449d48 !important}.topic-color-android-dark{color:#449d48 !important}.topic-border-android-dark{border-color:#449d48 !important}.topic-bg-android-dark{background-color:#449d48 !important}.topic-fill-design-light{fill:#efaf3c !important}.topic-stroke-design-light{stroke:#efaf3c !important}.topic-color-design-light{color:#efaf3c !important}.topic-border-design-light{border-color:#efaf3c !important}.topic-bg-design-light{background-color:#efaf3c !important}.topic-fill-design-base{fill:#e59a13 !important}.topic-stroke-design-base{stroke:#e59a13 !important}.topic-color-design-base{color:#e59a13 !important}.topic-border-design-base{border-color:#e59a13 !important}.topic-bg-design-base{background-color:#e59a13 !important}.topic-fill-design-dark{fill:#b67a0f !important}.topic-stroke-design-dark{stroke:#b67a0f !important}.topic-color-design-dark{color:#b67a0f !important}.topic-border-design-dark{border-color:#b67a0f !important}.topic-bg-design-dark{background-color:#b67a0f !important}.topic-fill-devtools-light{fill:#7f94a8 !important}.topic-stroke-devtools-light{stroke:#7f94a8 !important}.topic-color-devtools-light{color:#7f94a8 !important}.topic-border-devtools-light{border-color:#7f94a8 !important}.topic-bg-devtools-light{background-color:#7f94a8 !important}.topic-fill-devtools-base{fill:#637a91 !important}.topic-stroke-devtools-base{stroke:#637a91 !important}.topic-color-devtools-base{color:#637a91 !important}.topic-border-devtools-base{border-color:#637a91 !important}.topic-bg-devtools-base{background-color:#637a91 !important}.topic-fill-devtools-dark{fill:#4e6173 !important}.topic-stroke-devtools-dark{stroke:#4e6173 !important}.topic-color-devtools-dark{color:#4e6173 !important}.topic-border-devtools-dark{border-color:#4e6173 !important}.topic-bg-devtools-dark{background-color:#4e6173 !important}.topic-fill-java-light{fill:#38bd95 !important}.topic-stroke-java-light{stroke:#38bd95 !important}.topic-color-java-light{color:#38bd95 !important}.topic-border-java-light{border-color:#38bd95 !important}.topic-bg-java-light{background-color:#38bd95 !important}.topic-fill-java-base{fill:#2c9676 !important}.topic-stroke-java-base{stroke:#2c9676 !important}.topic-color-java-base{color:#2c9676 !important}.topic-border-java-base{border-color:#2c9676 !important}.topic-bg-java-base{background-color:#2c9676 !important}.topic-fill-java-dark{fill:#206f57 !important}.topic-stroke-java-dark{stroke:#206f57 !important}.topic-color-java-dark{color:#206f57 !important}.topic-border-java-dark{border-color:#206f57 !important}.topic-bg-java-dark{background-color:#206f57 !important}.topic-fill-python-light{fill:#f6bfd0 !important}.topic-stroke-python-light{stroke:#f6bfd0 !important}.topic-color-python-light{color:#f6bfd0 !important}.topic-border-python-light{border-color:#f6bfd0 !important}.topic-bg-python-light{background-color:#f6bfd0 !important}.topic-fill-python-base{fill:#f092b0 !important}.topic-stroke-python-base{stroke:#f092b0 !important}.topic-color-python-base{color:#f092b0 !important}.topic-border-python-base{border-color:#f092b0 !important}.topic-bg-python-base{background-color:#f092b0 !important}.topic-fill-python-dark{fill:#ea6590 !important}.topic-stroke-python-dark{stroke:#ea6590 !important}.topic-color-python-dark{color:#ea6590 !important}.topic-border-python-dark{border-color:#ea6590 !important}.topic-bg-python-dark{background-color:#ea6590 !important}.topic-fill-diglit-light{fill:#d6b1e2 !important}.topic-stroke-diglit-light{stroke:#d6b1e2 !important}.topic-color-diglit-light{color:#d6b1e2 !important}.topic-border-diglit-light{border-color:#d6b1e2 !important}.topic-bg-diglit-light{background-color:#d6b1e2 !important}.topic-fill-diglit-base{fill:#c38cd4 !important}.topic-stroke-diglit-base{stroke:#c38cd4 !important}.topic-color-diglit-base{color:#c38cd4 !important}.topic-border-diglit-base{border-color:#c38cd4 !important}.topic-bg-diglit-base{background-color:#c38cd4 !important}.topic-fill-diglit-dark{fill:#b067c6 !important}.topic-stroke-diglit-dark{stroke:#b067c6 !important}.topic-color-diglit-dark{color:#b067c6 !important}.topic-border-diglit-dark{border-color:#b067c6 !important}.topic-bg-diglit-dark{background-color:#b067c6 !important}.topic-fill-gamedev-light{fill:#29b2b6 !important}.topic-stroke-gamedev-light{stroke:#29b2b6 !important}.topic-color-gamedev-light{color:#29b2b6 !important}.topic-border-gamedev-light{border-color:#29b2b6 !important}.topic-bg-gamedev-light{background-color:#29b2b6 !important}.topic-fill-gamedev-base{fill:#20898c !important}.topic-stroke-gamedev-base{stroke:#20898c !important}.topic-color-gamedev-base{color:#20898c !important}.topic-border-gamedev-base{border-color:#20898c !important}.topic-bg-gamedev-base{background-color:#20898c !important}.topic-fill-gamedev-dark{fill:#176062 !important}.topic-stroke-gamedev-dark{stroke:#176062 !important}.topic-color-gamedev-dark{color:#176062 !important}.topic-border-gamedev-dark{border-color:#176062 !important}.topic-bg-gamedev-dark{background-color:#176062 !important}.topic-fill-csharp-light{fill:#b6689c !important}.topic-stroke-csharp-light{stroke:#b6689c !important}.topic-color-csharp-light{color:#b6689c !important}.topic-border-csharp-light{border-color:#b6689c !important}.topic-bg-csharp-light{background-color:#b6689c !important}.topic-fill-csharp-base{fill:#9e4d83 !important}.topic-stroke-csharp-base{stroke:#9e4d83 !important}.topic-color-csharp-base{color:#9e4d83 !important}.topic-border-csharp-base{border-color:#9e4d83 !important}.topic-bg-csharp-base{background-color:#9e4d83 !important}.topic-fill-csharp-dark{fill:#7c3c67 !important}.topic-stroke-csharp-dark{stroke:#7c3c67 !important}.topic-color-csharp-dark{color:#7c3c67 !important}.topic-border-csharp-dark{border-color:#7c3c67 !important}.topic-bg-csharp-dark{background-color:#7c3c67 !important}.topic-fill-databases-light{fill:#ef9557 !important}.topic-stroke-databases-light{stroke:#ef9557 !important}.topic-color-databases-light{color:#ef9557 !important}.topic-border-databases-light{border-color:#ef9557 !important}.topic-bg-databases-light{background-color:#ef9557 !important}.topic-fill-databases-base{fill:#eb7728 !important}.topic-stroke-databases-base{stroke:#eb7728 !important}.topic-color-databases-base{color:#eb7728 !important}.topic-border-databases-base{border-color:#eb7728 !important}.topic-bg-databases-base{background-color:#eb7728 !important}.topic-fill-databases-dark{fill:#cd5e13 !important}.topic-stroke-databases-dark{stroke:#cd5e13 !important}.topic-color-databases-dark{color:#cd5e13 !important}.topic-border-databases-dark{border-color:#cd5e13 !important}.topic-bg-databases-dark{background-color:#cd5e13 !important}.topic-fill-virtual-reality-light{fill:#b5e296 !important}.topic-stroke-virtual-reality-light{stroke:#b5e296 !important}.topic-color-virtual-reality-light{color:#b5e296 !important}.topic-border-virtual-reality-light{border-color:#b5e296 !important}.topic-bg-virtual-reality-light{background-color:#b5e296 !important}.topic-fill-virtual-reality-base{fill:#95D26C !important}.topic-stroke-virtual-reality-base{stroke:#95D26C !important}.topic-color-virtual-reality-base{color:#95D26C !important}.topic-border-virtual-reality-base{border-color:#95D26C !important}.topic-bg-virtual-reality-base{background-color:#95D26C !important}.topic-fill-virtual-reality-dark{fill:#6c9e4a !important}.topic-stroke-virtual-reality-dark{stroke:#6c9e4a !important}.topic-color-virtual-reality-dark{color:#6c9e4a !important}.topic-border-virtual-reality-dark{border-color:#6c9e4a !important}.topic-bg-virtual-reality-dark{background-color:#6c9e4a !important}.topic-fill-apis-light{fill:#c36479 !important}.topic-stroke-apis-light{stroke:#c36479 !important}.topic-color-apis-light{color:#c36479 !important}.topic-border-apis-light{border-color:#c36479 !important}.topic-bg-apis-light{background-color:#c36479 !important}.topic-fill-apis-base{fill:#993c50 !important}.topic-stroke-apis-base{stroke:#993c50 !important}.topic-color-apis-base{color:#993c50 !important}.topic-border-apis-base{border-color:#993c50 !important}.topic-bg-apis-base{background-color:#993c50 !important}.topic-fill-apis-dark{fill:#712e3d !important}.topic-stroke-apis-dark{stroke:#712e3d !important}.topic-color-apis-dark{color:#712e3d !important}.topic-border-apis-dark{border-color:#712e3d !important}.topic-bg-apis-dark{background-color:#712e3d !important}.topic-fill-go-light{fill:#4371cf !important}.topic-stroke-go-light{stroke:#4371cf !important}.topic-color-go-light{color:#4371cf !important}.topic-border-go-light{border-color:#4371cf !important}.topic-bg-go-light{background-color:#4371cf !important}.topic-fill-go-base{fill:#375eab !important}.topic-stroke-go-base{stroke:#375eab !important}.topic-color-go-base{color:#375eab !important}.topic-border-go-base{border-color:#375eab !important}.topic-bg-go-base{background-color:#375eab !important}.topic-fill-go-dark{fill:#284683 !important}.topic-stroke-go-dark{stroke:#284683 !important}.topic-color-go-dark{color:#284683 !important}.topic-border-go-dark{border-color:#284683 !important}.topic-bg-go-dark{background-color:#284683 !important}.topic-fill-data-analysis-light{fill:#8d81ab !important}.topic-stroke-data-analysis-light{stroke:#8d81ab !important}.topic-color-data-analysis-light{color:#8d81ab !important}.topic-border-data-analysis-light{border-color:#8d81ab !important}.topic-bg-data-analysis-light{background-color:#8d81ab !important}.topic-fill-data-analysis-base{fill:#645a7e !important}.topic-stroke-data-analysis-base{stroke:#645a7e !important}.topic-color-data-analysis-base{color:#645a7e !important}.topic-border-data-analysis-base{border-color:#645a7e !important}.topic-bg-data-analysis-base{background-color:#645a7e !important}.topic-fill-data-analysis-dark{fill:#4f4667 !important}.topic-stroke-data-analysis-dark{stroke:#4f4667 !important}.topic-color-data-analysis-dark{color:#4f4667 !important}.topic-border-data-analysis-dark{border-color:#4f4667 !important}.topic-bg-data-analysis-dark{background-color:#4f4667 !important}.topic-fill-security-light{fill:#D1897D !important}.topic-stroke-security-light{stroke:#D1897D !important}.topic-color-security-light{color:#D1897D !important}.topic-border-security-light{border-color:#D1897D !important}.topic-bg-security-light{background-color:#D1897D !important}.topic-fill-security-base{fill:#C66C5D !important}.topic-stroke-security-base{stroke:#C66C5D !important}.topic-color-security-base{color:#C66C5D !important}.topic-border-security-base{border-color:#C66C5D !important}.topic-bg-security-base{background-color:#C66C5D !important}.topic-fill-security-dark{fill:#955146 !important}.topic-stroke-security-dark{stroke:#955146 !important}.topic-color-security-dark{color:#955146 !important}.topic-border-security-dark{border-color:#955146 !important}.topic-bg-security-dark{background-color:#955146 !important}.topic-fill-quality-assurance-light{fill:#A560B5 !important}.topic-stroke-quality-assurance-light{stroke:#A560B5 !important}.topic-color-quality-assurance-light{color:#A560B5 !important}.topic-border-quality-assurance-light{border-color:#A560B5 !important}.topic-bg-quality-assurance-light{background-color:#A560B5 !important}.topic-fill-quality-assurance-base{fill:#80438E !important}.topic-stroke-quality-assurance-base{stroke:#80438E !important}.topic-color-quality-assurance-base{color:#80438E !important}.topic-border-quality-assurance-base{border-color:#80438E !important}.topic-bg-quality-assurance-base{background-color:#80438E !important}.topic-fill-quality-assurance-dark{fill:#60226F !important}.topic-stroke-quality-assurance-dark{stroke:#60226F !important}.topic-color-quality-assurance-dark{color:#60226F !important}.topic-border-quality-assurance-dark{border-color:#60226F !important}.topic-bg-quality-assurance-dark{background-color:#60226F !important}.topic-fill-undefined-light{fill:#8c959d !important}.topic-stroke-undefined-light{stroke:#8c959d !important}.topic-color-undefined-light{color:#8c959d !important}.topic-border-undefined-light{border-color:#8c959d !important}.topic-bg-undefined-light{background-color:#8c959d !important}.topic-fill-undefined-base{fill:#717b85 !important}.topic-stroke-undefined-base{stroke:#717b85 !important}.topic-color-undefined-base{color:#717b85 !important}.topic-border-undefined-base{border-color:#717b85 !important}.topic-bg-undefined-base{background-color:#717b85 !important}.topic-fill-undefined-dark{fill:#5a6269 !important}.topic-stroke-undefined-dark{stroke:#5a6269 !important}.topic-color-undefined-dark{color:#5a6269 !important}.topic-border-undefined-dark{border-color:#5a6269 !important}.topic-bg-undefined-dark{background-color:#5a6269 !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,.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:#3ac162 !important;border-color:#3ac162 !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:.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:.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:.15 !important}.button--inverse-disabled:hover,.button--inverse-disabled:active,.button--inverse-disabled:focus{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.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,.button--inverse-primary-disabled:focus{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.button--inline{margin-top:24px !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--topic-html{border-color:#39ADD1 !important;color:#39ADD1 !important}.button--topic-html svg{fill:#39ADD1 !important}.button--topic-html:hover,.button--topic-html:active,.button--topic-html:focus{border-color:#298fae !important;color:#298fae !important}.button--topic-html:hover svg,.button--topic-html:active svg,.button--topic-html:focus svg{fill:#298fae !important}.button--topic-html.button--primary{background-color:#39ADD1 !important;border-color:#39ADD1 !important;color:#fff !important}.button--topic-html.button--primary:hover,.button--topic-html.button--primary:active,.button--topic-html.button--primary:focus{background-color:#298fae !important;border-color:#298fae !important}.button--topic-html.button--primary:hover svg,.button--topic-html.button--primary:active svg,.button--topic-html.button--primary:focus svg{fill:#fff !important}.button--topic-css{border-color:#3079AB !important;color:#3079AB !important}.button--topic-css svg{fill:#3079AB !important}.button--topic-css:hover,.button--topic-css:active,.button--topic-css:focus{border-color:#255d83 !important;color:#255d83 !important}.button--topic-css:hover svg,.button--topic-css:active svg,.button--topic-css:focus svg{fill:#255d83 !important}.button--topic-css.button--primary{background-color:#3079AB !important;border-color:#3079AB !important;color:#fff !important}.button--topic-css.button--primary:hover,.button--topic-css.button--primary:active,.button--topic-css.button--primary:focus{background-color:#255d83 !important;border-color:#255d83 !important}.button--topic-css.button--primary:hover svg,.button--topic-css.button--primary:active svg,.button--topic-css.button--primary:focus svg{fill:#fff !important}.button--topic-js{border-color:#c25975 !important;color:#c25975 !important}.button--topic-js svg{fill:#c25975 !important}.button--topic-js:hover,.button--topic-js:active,.button--topic-js:focus{border-color:#aa3e5b !important;color:#aa3e5b !important}.button--topic-js:hover svg,.button--topic-js:active svg,.button--topic-js:focus svg{fill:#aa3e5b !important}.button--topic-js.button--primary{background-color:#c25975 !important;border-color:#c25975 !important;color:#fff !important}.button--topic-js.button--primary:hover,.button--topic-js.button--primary:active,.button--topic-js.button--primary:focus{background-color:#aa3e5b !important;border-color:#aa3e5b !important}.button--topic-js.button--primary:hover svg,.button--topic-js.button--primary:active svg,.button--topic-js.button--primary:focus svg{fill:#fff !important}.button--topic-ruby{border-color:#e15258 !important;color:#e15258 !important}.button--topic-ruby svg{fill:#e15258 !important}.button--topic-ruby:hover,.button--topic-ruby:active,.button--topic-ruby:focus{border-color:#d9272e !important;color:#d9272e !important}.button--topic-ruby:hover svg,.button--topic-ruby:active svg,.button--topic-ruby:focus svg{fill:#d9272e !important}.button--topic-ruby.button--primary{background-color:#e15258 !important;border-color:#e15258 !important;color:#fff !important}.button--topic-ruby.button--primary:hover,.button--topic-ruby.button--primary:active,.button--topic-ruby.button--primary:focus{background-color:#d9272e !important;border-color:#d9272e !important}.button--topic-ruby.button--primary:hover svg,.button--topic-ruby.button--primary:active svg,.button--topic-ruby.button--primary:focus svg{fill:#fff !important}.button--topic-business{border-color:#F9845B !important;color:#F9845B !important}.button--topic-business svg{fill:#F9845B !important}.button--topic-business:hover,.button--topic-business:active,.button--topic-business:focus{border-color:#f75f2a !important;color:#f75f2a !important}.button--topic-business:hover svg,.button--topic-business:active svg,.button--topic-business:focus svg{fill:#f75f2a !important}.button--topic-business.button--primary{background-color:#F9845B !important;border-color:#F9845B !important;color:#fff !important}.button--topic-business.button--primary:hover,.button--topic-business.button--primary:active,.button--topic-business.button--primary:focus{background-color:#f75f2a !important;border-color:#f75f2a !important}.button--topic-business.button--primary:hover svg,.button--topic-business.button--primary:active svg,.button--topic-business.button--primary:focus svg{fill:#fff !important}.button--topic-wordpress{border-color:#838CC7 !important;color:#838CC7 !important}.button--topic-wordpress svg{fill:#838CC7 !important}.button--topic-wordpress:hover,.button--topic-wordpress:active,.button--topic-wordpress:focus{border-color:#606bb7 !important;color:#606bb7 !important}.button--topic-wordpress:hover svg,.button--topic-wordpress:active svg,.button--topic-wordpress:focus svg{fill:#606bb7 !important}.button--topic-wordpress.button--primary{background-color:#838CC7 !important;border-color:#838CC7 !important;color:#fff !important}.button--topic-wordpress.button--primary:hover,.button--topic-wordpress.button--primary:active,.button--topic-wordpress.button--primary:focus{background-color:#606bb7 !important;border-color:#606bb7 !important}.button--topic-wordpress.button--primary:hover svg,.button--topic-wordpress.button--primary:active svg,.button--topic-wordpress.button--primary:focus svg{fill:#fff !important}.button--topic-php{border-color:#7D669E !important;color:#7D669E !important}.button--topic-php svg{fill:#7D669E !important}.button--topic-php:hover,.button--topic-php:active,.button--topic-php:focus{border-color:#645180 !important;color:#645180 !important}.button--topic-php:hover svg,.button--topic-php:active svg,.button--topic-php:focus svg{fill:#645180 !important}.button--topic-php.button--primary{background-color:#7D669E !important;border-color:#7D669E !important;color:#fff !important}.button--topic-php.button--primary:hover,.button--topic-php.button--primary:active,.button--topic-php.button--primary:focus{background-color:#645180 !important;border-color:#645180 !important}.button--topic-php.button--primary:hover svg,.button--topic-php.button--primary:active svg,.button--topic-php.button--primary:focus svg{fill:#fff !important}.button--topic-ios{border-color:#53BBB4 !important;color:#53BBB4 !important}.button--topic-ios svg{fill:#53BBB4 !important}.button--topic-ios:hover,.button--topic-ios:active,.button--topic-ios:focus{border-color:#3e9d97 !important;color:#3e9d97 !important}.button--topic-ios:hover svg,.button--topic-ios:active svg,.button--topic-ios:focus svg{fill:#3e9d97 !important}.button--topic-ios.button--primary{background-color:#53BBB4 !important;border-color:#53BBB4 !important;color:#fff !important}.button--topic-ios.button--primary:hover,.button--topic-ios.button--primary:active,.button--topic-ios.button--primary:focus{background-color:#3e9d97 !important;border-color:#3e9d97 !important}.button--topic-ios.button--primary:hover svg,.button--topic-ios.button--primary:active svg,.button--topic-ios.button--primary:focus svg{fill:#fff !important}.button--topic-android{border-color:#5cb860 !important;color:#5cb860 !important}.button--topic-android svg{fill:#5cb860 !important}.button--topic-android:hover,.button--topic-android:active,.button--topic-android:focus{border-color:#449d48 !important;color:#449d48 !important}.button--topic-android:hover svg,.button--topic-android:active svg,.button--topic-android:focus svg{fill:#449d48 !important}.button--topic-android.button--primary{background-color:#5cb860 !important;border-color:#5cb860 !important;color:#fff !important}.button--topic-android.button--primary:hover,.button--topic-android.button--primary:active,.button--topic-android.button--primary:focus{background-color:#449d48 !important;border-color:#449d48 !important}.button--topic-android.button--primary:hover svg,.button--topic-android.button--primary:active svg,.button--topic-android.button--primary:focus svg{fill:#fff !important}.button--topic-design{border-color:#e59a13 !important;color:#e59a13 !important}.button--topic-design svg{fill:#e59a13 !important}.button--topic-design:hover,.button--topic-design:active,.button--topic-design:focus{border-color:#b67a0f !important;color:#b67a0f !important}.button--topic-design:hover svg,.button--topic-design:active svg,.button--topic-design:focus svg{fill:#b67a0f !important}.button--topic-design.button--primary{background-color:#e59a13 !important;border-color:#e59a13 !important;color:#fff !important}.button--topic-design.button--primary:hover,.button--topic-design.button--primary:active,.button--topic-design.button--primary:focus{background-color:#b67a0f !important;border-color:#b67a0f !important}.button--topic-design.button--primary:hover svg,.button--topic-design.button--primary:active svg,.button--topic-design.button--primary:focus svg{fill:#fff !important}.button--topic-devtools{border-color:#637a91 !important;color:#637a91 !important}.button--topic-devtools svg{fill:#637a91 !important}.button--topic-devtools:hover,.button--topic-devtools:active,.button--topic-devtools:focus{border-color:#4e6173 !important;color:#4e6173 !important}.button--topic-devtools:hover svg,.button--topic-devtools:active svg,.button--topic-devtools:focus svg{fill:#4e6173 !important}.button--topic-devtools.button--primary{background-color:#637a91 !important;border-color:#637a91 !important;color:#fff !important}.button--topic-devtools.button--primary:hover,.button--topic-devtools.button--primary:active,.button--topic-devtools.button--primary:focus{background-color:#4e6173 !important;border-color:#4e6173 !important}.button--topic-devtools.button--primary:hover svg,.button--topic-devtools.button--primary:active svg,.button--topic-devtools.button--primary:focus svg{fill:#fff !important}.button--topic-java{border-color:#2c9676 !important;color:#2c9676 !important}.button--topic-java svg{fill:#2c9676 !important}.button--topic-java:hover,.button--topic-java:active,.button--topic-java:focus{border-color:#206f57 !important;color:#206f57 !important}.button--topic-java:hover svg,.button--topic-java:active svg,.button--topic-java:focus svg{fill:#206f57 !important}.button--topic-java.button--primary{background-color:#2c9676 !important;border-color:#2c9676 !important;color:#fff !important}.button--topic-java.button--primary:hover,.button--topic-java.button--primary:active,.button--topic-java.button--primary:focus{background-color:#206f57 !important;border-color:#206f57 !important}.button--topic-java.button--primary:hover svg,.button--topic-java.button--primary:active svg,.button--topic-java.button--primary:focus svg{fill:#fff !important}.button--topic-python{border-color:#f092b0 !important;color:#f092b0 !important}.button--topic-python svg{fill:#f092b0 !important}.button--topic-python:hover,.button--topic-python:active,.button--topic-python:focus{border-color:#ea6590 !important;color:#ea6590 !important}.button--topic-python:hover svg,.button--topic-python:active svg,.button--topic-python:focus svg{fill:#ea6590 !important}.button--topic-python.button--primary{background-color:#f092b0 !important;border-color:#f092b0 !important;color:#fff !important}.button--topic-python.button--primary:hover,.button--topic-python.button--primary:active,.button--topic-python.button--primary:focus{background-color:#ea6590 !important;border-color:#ea6590 !important}.button--topic-python.button--primary:hover svg,.button--topic-python.button--primary:active svg,.button--topic-python.button--primary:focus svg{fill:#fff !important}.button--topic-diglit{border-color:#c38cd4 !important;color:#c38cd4 !important}.button--topic-diglit svg{fill:#c38cd4 !important}.button--topic-diglit:hover,.button--topic-diglit:active,.button--topic-diglit:focus{border-color:#b067c6 !important;color:#b067c6 !important}.button--topic-diglit:hover svg,.button--topic-diglit:active svg,.button--topic-diglit:focus svg{fill:#b067c6 !important}.button--topic-diglit.button--primary{background-color:#c38cd4 !important;border-color:#c38cd4 !important;color:#fff !important}.button--topic-diglit.button--primary:hover,.button--topic-diglit.button--primary:active,.button--topic-diglit.button--primary:focus{background-color:#b067c6 !important;border-color:#b067c6 !important}.button--topic-diglit.button--primary:hover svg,.button--topic-diglit.button--primary:active svg,.button--topic-diglit.button--primary:focus svg{fill:#fff !important}.button--topic-gamedev{border-color:#20898c !important;color:#20898c !important}.button--topic-gamedev svg{fill:#20898c !important}.button--topic-gamedev:hover,.button--topic-gamedev:active,.button--topic-gamedev:focus{border-color:#176062 !important;color:#176062 !important}.button--topic-gamedev:hover svg,.button--topic-gamedev:active svg,.button--topic-gamedev:focus svg{fill:#176062 !important}.button--topic-gamedev.button--primary{background-color:#20898c !important;border-color:#20898c !important;color:#fff !important}.button--topic-gamedev.button--primary:hover,.button--topic-gamedev.button--primary:active,.button--topic-gamedev.button--primary:focus{background-color:#176062 !important;border-color:#176062 !important}.button--topic-gamedev.button--primary:hover svg,.button--topic-gamedev.button--primary:active svg,.button--topic-gamedev.button--primary:focus svg{fill:#fff !important}.button--topic-csharp{border-color:#9e4d83 !important;color:#9e4d83 !important}.button--topic-csharp svg{fill:#9e4d83 !important}.button--topic-csharp:hover,.button--topic-csharp:active,.button--topic-csharp:focus{border-color:#7c3c67 !important;color:#7c3c67 !important}.button--topic-csharp:hover svg,.button--topic-csharp:active svg,.button--topic-csharp:focus svg{fill:#7c3c67 !important}.button--topic-csharp.button--primary{background-color:#9e4d83 !important;border-color:#9e4d83 !important;color:#fff !important}.button--topic-csharp.button--primary:hover,.button--topic-csharp.button--primary:active,.button--topic-csharp.button--primary:focus{background-color:#7c3c67 !important;border-color:#7c3c67 !important}.button--topic-csharp.button--primary:hover svg,.button--topic-csharp.button--primary:active svg,.button--topic-csharp.button--primary:focus svg{fill:#fff !important}.button--topic-databases{border-color:#eb7728 !important;color:#eb7728 !important}.button--topic-databases svg{fill:#eb7728 !important}.button--topic-databases:hover,.button--topic-databases:active,.button--topic-databases:focus{border-color:#cd5e13 !important;color:#cd5e13 !important}.button--topic-databases:hover svg,.button--topic-databases:active svg,.button--topic-databases:focus svg{fill:#cd5e13 !important}.button--topic-databases.button--primary{background-color:#eb7728 !important;border-color:#eb7728 !important;color:#fff !important}.button--topic-databases.button--primary:hover,.button--topic-databases.button--primary:active,.button--topic-databases.button--primary:focus{background-color:#cd5e13 !important;border-color:#cd5e13 !important}.button--topic-databases.button--primary:hover svg,.button--topic-databases.button--primary:active svg,.button--topic-databases.button--primary:focus svg{fill:#fff !important}.button--topic-virtual-reality{border-color:#95D26C !important;color:#95D26C !important}.button--topic-virtual-reality svg{fill:#95D26C !important}.button--topic-virtual-reality:hover,.button--topic-virtual-reality:active,.button--topic-virtual-reality:focus{border-color:#79c645 !important;color:#79c645 !important}.button--topic-virtual-reality:hover svg,.button--topic-virtual-reality:active svg,.button--topic-virtual-reality:focus svg{fill:#79c645 !important}.button--topic-virtual-reality.button--primary{background-color:#95D26C !important;border-color:#95D26C !important;color:#fff !important}.button--topic-virtual-reality.button--primary:hover,.button--topic-virtual-reality.button--primary:active,.button--topic-virtual-reality.button--primary:focus{background-color:#79c645 !important;border-color:#79c645 !important}.button--topic-virtual-reality.button--primary:hover svg,.button--topic-virtual-reality.button--primary:active svg,.button--topic-virtual-reality.button--primary:focus svg{fill:#fff !important}.button--topic-apis{border-color:#993c50 !important;color:#993c50 !important}.button--topic-apis svg{fill:#993c50 !important}.button--topic-apis:hover,.button--topic-apis:active,.button--topic-apis:focus{border-color:#742e3d !important;color:#742e3d !important}.button--topic-apis:hover svg,.button--topic-apis:active svg,.button--topic-apis:focus svg{fill:#742e3d !important}.button--topic-apis.button--primary{background-color:#993c50 !important;border-color:#993c50 !important;color:#fff !important}.button--topic-apis.button--primary:hover,.button--topic-apis.button--primary:active,.button--topic-apis.button--primary:focus{background-color:#742e3d !important;border-color:#742e3d !important}.button--topic-apis.button--primary:hover svg,.button--topic-apis.button--primary:active svg,.button--topic-apis.button--primary:focus svg{fill:#fff !important}.button--topic-go{border-color:#375eab !important;color:#375eab !important}.button--topic-go svg{fill:#375eab !important}.button--topic-go:hover,.button--topic-go:active,.button--topic-go:focus{border-color:#2b4984 !important;color:#2b4984 !important}.button--topic-go:hover svg,.button--topic-go:active svg,.button--topic-go:focus svg{fill:#2b4984 !important}.button--topic-go.button--primary{background-color:#375eab !important;border-color:#375eab !important;color:#fff !important}.button--topic-go.button--primary:hover,.button--topic-go.button--primary:active,.button--topic-go.button--primary:focus{background-color:#2b4984 !important;border-color:#2b4984 !important}.button--topic-go.button--primary:hover svg,.button--topic-go.button--primary:active svg,.button--topic-go.button--primary:focus svg{fill:#fff !important}.button--topic-data-analysis{border-color:#645a7e !important;color:#645a7e !important}.button--topic-data-analysis svg{fill:#645a7e !important}.button--topic-data-analysis:hover,.button--topic-data-analysis:active,.button--topic-data-analysis:focus{border-color:#4c4560 !important;color:#4c4560 !important}.button--topic-data-analysis:hover svg,.button--topic-data-analysis:active svg,.button--topic-data-analysis:focus svg{fill:#4c4560 !important}.button--topic-data-analysis.button--primary{background-color:#645a7e !important;border-color:#645a7e !important;color:#fff !important}.button--topic-data-analysis.button--primary:hover,.button--topic-data-analysis.button--primary:active,.button--topic-data-analysis.button--primary:focus{background-color:#4c4560 !important;border-color:#4c4560 !important}.button--topic-data-analysis.button--primary:hover svg,.button--topic-data-analysis.button--primary:active svg,.button--topic-data-analysis.button--primary:focus svg{fill:#fff !important}.button--topic-security{border-color:#C66C5D !important;color:#C66C5D !important}.button--topic-security svg{fill:#C66C5D !important}.button--topic-security:hover,.button--topic-security:active,.button--topic-security:focus{border-color:#b24f3e !important;color:#b24f3e !important}.button--topic-security:hover svg,.button--topic-security:active svg,.button--topic-security:focus svg{fill:#b24f3e !important}.button--topic-security.button--primary{background-color:#C66C5D !important;border-color:#C66C5D !important;color:#fff !important}.button--topic-security.button--primary:hover,.button--topic-security.button--primary:active,.button--topic-security.button--primary:focus{background-color:#b24f3e !important;border-color:#b24f3e !important}.button--topic-security.button--primary:hover svg,.button--topic-security.button--primary:active svg,.button--topic-security.button--primary:focus svg{fill:#fff !important}.button--topic-quality-assurance{border-color:#80438E !important;color:#80438E !important}.button--topic-quality-assurance svg{fill:#80438E !important}.button--topic-quality-assurance:hover,.button--topic-quality-assurance:active,.button--topic-quality-assurance:focus{border-color:#61336b !important;color:#61336b !important}.button--topic-quality-assurance:hover svg,.button--topic-quality-assurance:active svg,.button--topic-quality-assurance:focus svg{fill:#61336b !important}.button--topic-quality-assurance.button--primary{background-color:#80438E !important;border-color:#80438E !important;color:#fff !important}.button--topic-quality-assurance.button--primary:hover,.button--topic-quality-assurance.button--primary:active,.button--topic-quality-assurance.button--primary:focus{background-color:#61336b !important;border-color:#61336b !important}.button--topic-quality-assurance.button--primary:hover svg,.button--topic-quality-assurance.button--primary:active svg,.button--topic-quality-assurance.button--primary:focus svg{fill:#fff !important}.button--topic-undefined{border-color:#717b85 !important;color:#717b85 !important}.button--topic-undefined svg{fill:#717b85 !important}.button--topic-undefined:hover,.button--topic-undefined:active,.button--topic-undefined:focus{border-color:#5a6269 !important;color:#5a6269 !important}.button--topic-undefined:hover svg,.button--topic-undefined:active svg,.button--topic-undefined:focus svg{fill:#5a6269 !important}.button--topic-undefined.button--primary{background-color:#717b85 !important;border-color:#717b85 !important;color:#fff !important}.button--topic-undefined.button--primary:hover,.button--topic-undefined.button--primary:active,.button--topic-undefined.button--primary:focus{background-color:#5a6269 !important;border-color:#5a6269 !important}.button--topic-undefined.button--primary:hover svg,.button--topic-undefined.button--primary:active svg,.button--topic-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}}.thl-block-grid{padding:0 !important;list-style:none !important;font-size:0 !important;display:block !important;overflow:hidden !important;margin-bottom:2rem !important}.thl-block-grid-gutters{margin:-1rem -1rem 1rem -1rem !important}.thl-block-grid-gutters .thl-block-grid__item{padding:1rem !important}.thl-block-grid__item{display:block !important;float:left !important;font-size:16px !important}@media screen{.thl-block-1-xs .thl-block-grid__item{width:100% !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xs .thl-block-grid__item{width:50% !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xs .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xs .thl-block-grid__item{width:25% !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xs .thl-block-grid__item{width:20% !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xs .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 480px){.thl-block-1-sm .thl-block-grid__item{width:100% !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-sm .thl-block-grid__item{width:50% !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-sm .thl-block-grid__item{width:33.33333% !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-sm .thl-block-grid__item{width:25% !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-sm .thl-block-grid__item{width:20% !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-sm .thl-block-grid__item{width:16.66667% !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 680px){.thl-block-1-md .thl-block-grid__item{width:100% !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-md .thl-block-grid__item{width:50% !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-md .thl-block-grid__item{width:33.33333% !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-md .thl-block-grid__item{width:25% !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-md .thl-block-grid__item{width:20% !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-md .thl-block-grid__item{width:16.66667% !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 960px){.thl-block-1-lg .thl-block-grid__item{width:100% !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-lg .thl-block-grid__item{width:50% !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-lg .thl-block-grid__item{width:33.33333% !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-lg .thl-block-grid__item{width:25% !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-lg .thl-block-grid__item{width:20% !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-lg .thl-block-grid__item{width:16.66667% !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 1140px){.thl-block-1-xl .thl-block-grid__item{width:100% !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xl .thl-block-grid__item{width:50% !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xl .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xl .thl-block-grid__item{width:25% !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xl .thl-block-grid__item{width:20% !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xl .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xl .thl-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:.5rem;font-size:.9rem}.form-feedback-success .form-feedback{color:#36b55c}.form-feedback-warning .form-feedback{color:#ff9f1f}.form-feedback-error .form-feedback{color:#ed5a5a}.form-label,.form-helper{display:block}.form-label{color:#40484a;font-weight:500;margin-bottom:.5rem;line-height:1.3}.form-label-required{color:red;font-weight:500}.form-feedback-success .form-label{color:#36b55c}.form-feedback-warning .form-label{color:#ff9f1f}.form-feedback-error .form-label{color:#ed5a5a}.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:#36b55c}.form-feedback-warning .form-text-input,.form-feedback-warning .form-textarea{border-color:#ff9f1f}.form-feedback-error .form-text-input,.form-feedback-error .form-textarea{border-color:#ed5a5a}.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:#288644}.form-feedback-warning .form-text-input:focus,.form-feedback-warning .form-textarea:focus{border-color:#e18000}.form-feedback-error .form-text-input:focus,.form-feedback-error .form-textarea:focus{border-color:#e72323}.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}.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}.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}.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}.form-radio+.form-label:before{border-radius:50%;border:1px solid #d4d9dd}.form-radio:checked+.form-label:before{border:5px solid #3f8abf}.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:1px solid #d4d9dd}.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:#36b55c;color:#36b55c}.form-feedback-warning .form-upload+.form-label{border-color:#ff9f1f;color:#ff9f1f}.form-feedback-error .form-upload+.form-label{border-color:#ed5a5a;color:#ed5a5a}.form-upload:focus+.form-label,.form-upload+.form-label:hover{background-color:#fff;border:2px solid #8c9aa6;color:#40484a}.form-feedback-success .form-upload:focus+.form-label,.form-feedback-success .form-upload+.form-label:hover{border-color:#288644;color:#288644}.form-feedback-warning .form-upload:focus+.form-label,.form-feedback-warning .form-upload+.form-label:hover{border-color:#e18000;color:#e18000}.form-feedback-error .form-upload:focus+.form-label,.form-feedback-error .form-upload+.form-label:hover{border-color:#e72323;color:#e72323}table{width:100%;border-collapse:collapse}table th{font-weight:600}table th,table td{text-align:left;padding:0.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.8.7 */*,: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:#3f8abf;cursor:pointer;transition:color 300ms 0s ease;text-decoration:none}a:hover,a:active,a:focus{color:#326e99}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{.thl-border-xs{border:solid 1px #e8ebed !important}.thl-border-t-xs{border-top:solid 1px #e8ebed !important}.thl-border-b-xs{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xs{border-left:solid 1px #e8ebed !important}.thl-border-r-xs{border-right:solid 1px #e8ebed !important}.thl-border-dark-xs{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xs{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xs{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xs{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xs{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xs{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xs{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xs{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xs{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xs{border-right:solid 1px #d4d9dd !important}.thl-border-light-xs{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xs{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xs{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xs{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xs{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xs{border:none !important}.thl-border-none-t-xs{border-top:none !important}.thl-border-none-b-xs{border-bottom:none !important}.thl-border-none-l-xs{border-left:none !important}.thl-border-none-r-xs{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 480px){.thl-border-sm{border:solid 1px #e8ebed !important}.thl-border-t-sm{border-top:solid 1px #e8ebed !important}.thl-border-b-sm{border-bottom:solid 1px #e8ebed !important}.thl-border-l-sm{border-left:solid 1px #e8ebed !important}.thl-border-r-sm{border-right:solid 1px #e8ebed !important}.thl-border-dark-sm{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-sm{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-sm{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-sm{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-sm{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-sm{border:solid 1px #d4d9dd !important}.thl-border-t-mid-sm{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-sm{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-sm{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-sm{border-right:solid 1px #d4d9dd !important}.thl-border-light-sm{border:solid 1px #f0f2f4 !important}.thl-border-t-light-sm{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-sm{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-sm{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-sm{border-right:solid 1px #f0f2f4 !important}.thl-border-none-sm{border:none !important}.thl-border-none-t-sm{border-top:none !important}.thl-border-none-b-sm{border-bottom:none !important}.thl-border-none-l-sm{border-left:none !important}.thl-border-none-r-sm{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 680px){.thl-border-md{border:solid 1px #e8ebed !important}.thl-border-t-md{border-top:solid 1px #e8ebed !important}.thl-border-b-md{border-bottom:solid 1px #e8ebed !important}.thl-border-l-md{border-left:solid 1px #e8ebed !important}.thl-border-r-md{border-right:solid 1px #e8ebed !important}.thl-border-dark-md{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-md{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-md{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-md{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-md{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-md{border:solid 1px #d4d9dd !important}.thl-border-t-mid-md{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-md{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-md{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-md{border-right:solid 1px #d4d9dd !important}.thl-border-light-md{border:solid 1px #f0f2f4 !important}.thl-border-t-light-md{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-md{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-md{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-md{border-right:solid 1px #f0f2f4 !important}.thl-border-none-md{border:none !important}.thl-border-none-t-md{border-top:none !important}.thl-border-none-b-md{border-bottom:none !important}.thl-border-none-l-md{border-left:none !important}.thl-border-none-r-md{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 960px){.thl-border-lg{border:solid 1px #e8ebed !important}.thl-border-t-lg{border-top:solid 1px #e8ebed !important}.thl-border-b-lg{border-bottom:solid 1px #e8ebed !important}.thl-border-l-lg{border-left:solid 1px #e8ebed !important}.thl-border-r-lg{border-right:solid 1px #e8ebed !important}.thl-border-dark-lg{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-lg{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-lg{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-lg{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-lg{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-lg{border:solid 1px #d4d9dd !important}.thl-border-t-mid-lg{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-lg{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-lg{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-lg{border-right:solid 1px #d4d9dd !important}.thl-border-light-lg{border:solid 1px #f0f2f4 !important}.thl-border-t-light-lg{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-lg{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-lg{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-lg{border-right:solid 1px #f0f2f4 !important}.thl-border-none-lg{border:none !important}.thl-border-none-t-lg{border-top:none !important}.thl-border-none-b-lg{border-bottom:none !important}.thl-border-none-l-lg{border-left:none !important}.thl-border-none-r-lg{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 1140px){.thl-border-xl{border:solid 1px #e8ebed !important}.thl-border-t-xl{border-top:solid 1px #e8ebed !important}.thl-border-b-xl{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xl{border-left:solid 1px #e8ebed !important}.thl-border-r-xl{border-right:solid 1px #e8ebed !important}.thl-border-dark-xl{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xl{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xl{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xl{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xl{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xl{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xl{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xl{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xl{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xl{border-right:solid 1px #d4d9dd !important}.thl-border-light-xl{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xl{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xl{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xl{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xl{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xl{border:none !important}.thl-border-none-t-xl{border-top:none !important}.thl-border-none-b-xl{border-bottom:none !important}.thl-border-none-l-xl{border-left:none !important}.thl-border-none-r-xl{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}.thl-brand-fill-green{fill:#5fcf80 !important}.thl-brand-stroke-green{stroke:#5fcf80 !important}.thl-brand-color-green{color:#5fcf80 !important}.thl-brand-border-green{border-color:#5fcf80 !important}.thl-brand-bg-green{background-color:#5fcf80 !important}.thl-brand-fill-gray{fill:#3e474f !important}.thl-brand-stroke-gray{stroke:#3e474f !important}.thl-brand-color-gray{color:#3e474f !important}.thl-brand-border-gray{border-color:#3e474f !important}.thl-brand-bg-gray{background-color:#3e474f !important}.fill-blue{fill:#3f8abf !important}.stroke-blue{stroke:#3f8abf !important}.color-blue{color:#3f8abf !important}.thl-border-blue{border-color:#3f8abf !important}.thl-bg-blue{background-color:#3f8abf !important}.fill-green{fill:#36b55c !important}.stroke-green{stroke:#36b55c !important}.color-green{color:#36b55c !important}.thl-border-green{border-color:#36b55c !important}.thl-bg-green{background-color:#36b55c !important}.fill-yellow{fill:#ffd466 !important}.stroke-yellow{stroke:#ffd466 !important}.color-yellow{color:#ffd466 !important}.thl-border-yellow{border-color:#ffd466 !important}.thl-bg-yellow{background-color:#ffd466 !important}.fill-orange{fill:#ff9f1f !important}.stroke-orange{stroke:#ff9f1f !important}.color-orange{color:#ff9f1f !important}.thl-border-orange{border-color:#ff9f1f !important}.thl-bg-orange{background-color:#ff9f1f !important}.fill-red{fill:#ed5a5a !important}.stroke-red{stroke:#ed5a5a !important}.color-red{color:#ed5a5a !important}.thl-border-red{border-color:#ed5a5a !important}.thl-bg-red{background-color:#ed5a5a !important}.fill-gray-darker{fill:#2d3339 !important}.stroke-gray-darker{stroke:#2d3339 !important}.color-gray-darker{color:#2d3339 !important}.thl-border-gray-darker{border-color:#2d3339 !important}.thl-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}.thl-border-gray-dark{border-color:#3f4850 !important}.thl-bg-gray-dark{background-color:#3f4850 !important}.fill-gray{fill:#c6ccd2 !important}.stroke-gray{stroke:#c6ccd2 !important}.color-gray{color:#c6ccd2 !important}.thl-border-gray{border-color:#c6ccd2 !important}.thl-bg-gray{background-color:#c6ccd2 !important}.fill-gray-light{fill:#edeff0 !important}.stroke-gray-light{stroke:#edeff0 !important}.color-gray-light{color:#edeff0 !important}.thl-border-gray-light{border-color:#edeff0 !important}.thl-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}.thl-border-gray-lighter{border-color:#f9fafa !important}.thl-bg-gray-lighter{background-color:#f9fafa !important}.thl-text-fill-dark{fill:#40484a !important}.thl-text-stroke-dark{stroke:#40484a !important}.thl-text-color-dark{color:#40484a !important}.thl-text-border-dark{border-color:#40484a !important}.thl-text-bg-dark{background-color:#40484a !important}.thl-text-fill-medium{fill:#4b5658 !important}.thl-text-stroke-medium{stroke:#4b5658 !important}.thl-text-color-medium{color:#4b5658 !important}.thl-text-border-medium{border-color:#4b5658 !important}.thl-text-bg-medium{background-color:#4b5658 !important}.thl-text-fill-base{fill:#576366 !important}.thl-text-stroke-base{stroke:#576366 !important}.thl-text-color-base{color:#576366 !important}.thl-text-border-base{border-color:#576366 !important}.thl-text-bg-base{background-color:#576366 !important}.thl-text-fill-light{fill:#7b8b8e !important}.thl-text-stroke-light{stroke:#7b8b8e !important}.thl-text-color-light{color:#7b8b8e !important}.thl-text-border-light{border-color:#7b8b8e !important}.thl-text-bg-light{background-color:#7b8b8e !important}.thl-text-fill-white{fill:#fff !important}.thl-text-stroke-white{stroke:#fff !important}.thl-text-color-white{color:#fff !important}.thl-text-border-white{border-color:#fff !important}.thl-text-bg-white{background-color:#fff !important}.thl-topic-fill-html-light{fill:#62bedb !important}.thl-topic-stroke-html-light{stroke:#62bedb !important}.thl-topic-color-html-light{color:#62bedb !important}.thl-topic-border-html-light{border-color:#62bedb !important}.thl-topic-bg-html-light{background-color:#62bedb !important}.thl-topic-fill-html-base{fill:#39ADD1 !important}.thl-topic-stroke-html-base{stroke:#39ADD1 !important}.thl-topic-color-html-base{color:#39ADD1 !important}.thl-topic-border-html-base{border-color:#39ADD1 !important}.thl-topic-bg-html-base{background-color:#39ADD1 !important}.thl-topic-fill-html-dark{fill:#298fae !important}.thl-topic-stroke-html-dark{stroke:#298fae !important}.thl-topic-color-html-dark{color:#298fae !important}.thl-topic-border-html-dark{border-color:#298fae !important}.thl-topic-bg-html-dark{background-color:#298fae !important}.thl-topic-fill-css-light{fill:#4494ca !important}.thl-topic-stroke-css-light{stroke:#4494ca !important}.thl-topic-color-css-light{color:#4494ca !important}.thl-topic-border-css-light{border-color:#4494ca !important}.thl-topic-bg-css-light{background-color:#4494ca !important}.thl-topic-fill-css-base{fill:#3079AB !important}.thl-topic-stroke-css-base{stroke:#3079AB !important}.thl-topic-color-css-base{color:#3079AB !important}.thl-topic-border-css-base{border-color:#3079AB !important}.thl-topic-bg-css-base{background-color:#3079AB !important}.thl-topic-fill-css-dark{fill:#255d83 !important}.thl-topic-stroke-css-dark{stroke:#255d83 !important}.thl-topic-color-css-dark{color:#255d83 !important}.thl-topic-border-css-dark{border-color:#255d83 !important}.thl-topic-bg-css-dark{background-color:#255d83 !important}.thl-topic-fill-js-light{fill:#d07e94 !important}.thl-topic-stroke-js-light{stroke:#d07e94 !important}.thl-topic-color-js-light{color:#d07e94 !important}.thl-topic-border-js-light{border-color:#d07e94 !important}.thl-topic-bg-js-light{background-color:#d07e94 !important}.thl-topic-fill-js-base{fill:#c25975 !important}.thl-topic-stroke-js-base{stroke:#c25975 !important}.thl-topic-color-js-base{color:#c25975 !important}.thl-topic-border-js-base{border-color:#c25975 !important}.thl-topic-bg-js-base{background-color:#c25975 !important}.thl-topic-fill-js-dark{fill:#aa3e5b !important}.thl-topic-stroke-js-dark{stroke:#aa3e5b !important}.thl-topic-color-js-dark{color:#aa3e5b !important}.thl-topic-border-js-dark{border-color:#aa3e5b !important}.thl-topic-bg-js-dark{background-color:#aa3e5b !important}.thl-topic-fill-ruby-light{fill:#e97d82 !important}.thl-topic-stroke-ruby-light{stroke:#e97d82 !important}.thl-topic-color-ruby-light{color:#e97d82 !important}.thl-topic-border-ruby-light{border-color:#e97d82 !important}.thl-topic-bg-ruby-light{background-color:#e97d82 !important}.thl-topic-fill-ruby-base{fill:#e15258 !important}.thl-topic-stroke-ruby-base{stroke:#e15258 !important}.thl-topic-color-ruby-base{color:#e15258 !important}.thl-topic-border-ruby-base{border-color:#e15258 !important}.thl-topic-bg-ruby-base{background-color:#e15258 !important}.thl-topic-fill-ruby-dark{fill:#d9272e !important}.thl-topic-stroke-ruby-dark{stroke:#d9272e !important}.thl-topic-color-ruby-dark{color:#d9272e !important}.thl-topic-border-ruby-dark{border-color:#d9272e !important}.thl-topic-bg-ruby-dark{background-color:#d9272e !important}.thl-topic-fill-business-light{fill:#fba98c !important}.thl-topic-stroke-business-light{stroke:#fba98c !important}.thl-topic-color-business-light{color:#fba98c !important}.thl-topic-border-business-light{border-color:#fba98c !important}.thl-topic-bg-business-light{background-color:#fba98c !important}.thl-topic-fill-business-base{fill:#F9845B !important}.thl-topic-stroke-business-base{stroke:#F9845B !important}.thl-topic-color-business-base{color:#F9845B !important}.thl-topic-border-business-base{border-color:#F9845B !important}.thl-topic-bg-business-base{background-color:#F9845B !important}.thl-topic-fill-business-dark{fill:#f75f2a !important}.thl-topic-stroke-business-dark{stroke:#f75f2a !important}.thl-topic-color-business-dark{color:#f75f2a !important}.thl-topic-border-business-dark{border-color:#f75f2a !important}.thl-topic-bg-business-dark{background-color:#f75f2a !important}.thl-topic-fill-wordpress-light{fill:#a6add7 !important}.thl-topic-stroke-wordpress-light{stroke:#a6add7 !important}.thl-topic-color-wordpress-light{color:#a6add7 !important}.thl-topic-border-wordpress-light{border-color:#a6add7 !important}.thl-topic-bg-wordpress-light{background-color:#a6add7 !important}.thl-topic-fill-wordpress-base{fill:#838CC7 !important}.thl-topic-stroke-wordpress-base{stroke:#838CC7 !important}.thl-topic-color-wordpress-base{color:#838CC7 !important}.thl-topic-border-wordpress-base{border-color:#838CC7 !important}.thl-topic-bg-wordpress-base{background-color:#838CC7 !important}.thl-topic-fill-wordpress-dark{fill:#606bb7 !important}.thl-topic-stroke-wordpress-dark{stroke:#606bb7 !important}.thl-topic-color-wordpress-dark{color:#606bb7 !important}.thl-topic-border-wordpress-dark{border-color:#606bb7 !important}.thl-topic-bg-wordpress-dark{background-color:#606bb7 !important}.thl-topic-fill-php-light{fill:#9885b2 !important}.thl-topic-stroke-php-light{stroke:#9885b2 !important}.thl-topic-color-php-light{color:#9885b2 !important}.thl-topic-border-php-light{border-color:#9885b2 !important}.thl-topic-bg-php-light{background-color:#9885b2 !important}.thl-topic-fill-php-base{fill:#7D669E !important}.thl-topic-stroke-php-base{stroke:#7D669E !important}.thl-topic-color-php-base{color:#7D669E !important}.thl-topic-border-php-base{border-color:#7D669E !important}.thl-topic-bg-php-base{background-color:#7D669E !important}.thl-topic-fill-php-dark{fill:#645180 !important}.thl-topic-stroke-php-dark{stroke:#645180 !important}.thl-topic-color-php-dark{color:#645180 !important}.thl-topic-border-php-dark{border-color:#645180 !important}.thl-topic-bg-php-dark{background-color:#645180 !important}.thl-topic-fill-ios-light{fill:#78c9c4 !important}.thl-topic-stroke-ios-light{stroke:#78c9c4 !important}.thl-topic-color-ios-light{color:#78c9c4 !important}.thl-topic-border-ios-light{border-color:#78c9c4 !important}.thl-topic-bg-ios-light{background-color:#78c9c4 !important}.thl-topic-fill-ios-base{fill:#53BBB4 !important}.thl-topic-stroke-ios-base{stroke:#53BBB4 !important}.thl-topic-color-ios-base{color:#53BBB4 !important}.thl-topic-border-ios-base{border-color:#53BBB4 !important}.thl-topic-bg-ios-base{background-color:#53BBB4 !important}.thl-topic-fill-ios-dark{fill:#3e9d97 !important}.thl-topic-stroke-ios-dark{stroke:#3e9d97 !important}.thl-topic-color-ios-dark{color:#3e9d97 !important}.thl-topic-border-ios-dark{border-color:#3e9d97 !important}.thl-topic-bg-ios-dark{background-color:#3e9d97 !important}.thl-topic-fill-android-light{fill:#80c783 !important}.thl-topic-stroke-android-light{stroke:#80c783 !important}.thl-topic-color-android-light{color:#80c783 !important}.thl-topic-border-android-light{border-color:#80c783 !important}.thl-topic-bg-android-light{background-color:#80c783 !important}.thl-topic-fill-android-base{fill:#5cb860 !important}.thl-topic-stroke-android-base{stroke:#5cb860 !important}.thl-topic-color-android-base{color:#5cb860 !important}.thl-topic-border-android-base{border-color:#5cb860 !important}.thl-topic-bg-android-base{background-color:#5cb860 !important}.thl-topic-fill-android-dark{fill:#449d48 !important}.thl-topic-stroke-android-dark{stroke:#449d48 !important}.thl-topic-color-android-dark{color:#449d48 !important}.thl-topic-border-android-dark{border-color:#449d48 !important}.thl-topic-bg-android-dark{background-color:#449d48 !important}.thl-topic-fill-design-light{fill:#efaf3c !important}.thl-topic-stroke-design-light{stroke:#efaf3c !important}.thl-topic-color-design-light{color:#efaf3c !important}.thl-topic-border-design-light{border-color:#efaf3c !important}.thl-topic-bg-design-light{background-color:#efaf3c !important}.thl-topic-fill-design-base{fill:#e59a13 !important}.thl-topic-stroke-design-base{stroke:#e59a13 !important}.thl-topic-color-design-base{color:#e59a13 !important}.thl-topic-border-design-base{border-color:#e59a13 !important}.thl-topic-bg-design-base{background-color:#e59a13 !important}.thl-topic-fill-design-dark{fill:#b67a0f !important}.thl-topic-stroke-design-dark{stroke:#b67a0f !important}.thl-topic-color-design-dark{color:#b67a0f !important}.thl-topic-border-design-dark{border-color:#b67a0f !important}.thl-topic-bg-design-dark{background-color:#b67a0f !important}.thl-topic-fill-devtools-light{fill:#7f94a8 !important}.thl-topic-stroke-devtools-light{stroke:#7f94a8 !important}.thl-topic-color-devtools-light{color:#7f94a8 !important}.thl-topic-border-devtools-light{border-color:#7f94a8 !important}.thl-topic-bg-devtools-light{background-color:#7f94a8 !important}.thl-topic-fill-devtools-base{fill:#637a91 !important}.thl-topic-stroke-devtools-base{stroke:#637a91 !important}.thl-topic-color-devtools-base{color:#637a91 !important}.thl-topic-border-devtools-base{border-color:#637a91 !important}.thl-topic-bg-devtools-base{background-color:#637a91 !important}.thl-topic-fill-devtools-dark{fill:#4e6173 !important}.thl-topic-stroke-devtools-dark{stroke:#4e6173 !important}.thl-topic-color-devtools-dark{color:#4e6173 !important}.thl-topic-border-devtools-dark{border-color:#4e6173 !important}.thl-topic-bg-devtools-dark{background-color:#4e6173 !important}.thl-topic-fill-java-light{fill:#38bd95 !important}.thl-topic-stroke-java-light{stroke:#38bd95 !important}.thl-topic-color-java-light{color:#38bd95 !important}.thl-topic-border-java-light{border-color:#38bd95 !important}.thl-topic-bg-java-light{background-color:#38bd95 !important}.thl-topic-fill-java-base{fill:#2c9676 !important}.thl-topic-stroke-java-base{stroke:#2c9676 !important}.thl-topic-color-java-base{color:#2c9676 !important}.thl-topic-border-java-base{border-color:#2c9676 !important}.thl-topic-bg-java-base{background-color:#2c9676 !important}.thl-topic-fill-java-dark{fill:#206f57 !important}.thl-topic-stroke-java-dark{stroke:#206f57 !important}.thl-topic-color-java-dark{color:#206f57 !important}.thl-topic-border-java-dark{border-color:#206f57 !important}.thl-topic-bg-java-dark{background-color:#206f57 !important}.thl-topic-fill-python-light{fill:#f6bfd0 !important}.thl-topic-stroke-python-light{stroke:#f6bfd0 !important}.thl-topic-color-python-light{color:#f6bfd0 !important}.thl-topic-border-python-light{border-color:#f6bfd0 !important}.thl-topic-bg-python-light{background-color:#f6bfd0 !important}.thl-topic-fill-python-base{fill:#f092b0 !important}.thl-topic-stroke-python-base{stroke:#f092b0 !important}.thl-topic-color-python-base{color:#f092b0 !important}.thl-topic-border-python-base{border-color:#f092b0 !important}.thl-topic-bg-python-base{background-color:#f092b0 !important}.thl-topic-fill-python-dark{fill:#ea6590 !important}.thl-topic-stroke-python-dark{stroke:#ea6590 !important}.thl-topic-color-python-dark{color:#ea6590 !important}.thl-topic-border-python-dark{border-color:#ea6590 !important}.thl-topic-bg-python-dark{background-color:#ea6590 !important}.thl-topic-fill-diglit-light{fill:#d6b1e2 !important}.thl-topic-stroke-diglit-light{stroke:#d6b1e2 !important}.thl-topic-color-diglit-light{color:#d6b1e2 !important}.thl-topic-border-diglit-light{border-color:#d6b1e2 !important}.thl-topic-bg-diglit-light{background-color:#d6b1e2 !important}.thl-topic-fill-diglit-base{fill:#c38cd4 !important}.thl-topic-stroke-diglit-base{stroke:#c38cd4 !important}.thl-topic-color-diglit-base{color:#c38cd4 !important}.thl-topic-border-diglit-base{border-color:#c38cd4 !important}.thl-topic-bg-diglit-base{background-color:#c38cd4 !important}.thl-topic-fill-diglit-dark{fill:#b067c6 !important}.thl-topic-stroke-diglit-dark{stroke:#b067c6 !important}.thl-topic-color-diglit-dark{color:#b067c6 !important}.thl-topic-border-diglit-dark{border-color:#b067c6 !important}.thl-topic-bg-diglit-dark{background-color:#b067c6 !important}.thl-topic-fill-gamedev-light{fill:#29b2b6 !important}.thl-topic-stroke-gamedev-light{stroke:#29b2b6 !important}.thl-topic-color-gamedev-light{color:#29b2b6 !important}.thl-topic-border-gamedev-light{border-color:#29b2b6 !important}.thl-topic-bg-gamedev-light{background-color:#29b2b6 !important}.thl-topic-fill-gamedev-base{fill:#20898c !important}.thl-topic-stroke-gamedev-base{stroke:#20898c !important}.thl-topic-color-gamedev-base{color:#20898c !important}.thl-topic-border-gamedev-base{border-color:#20898c !important}.thl-topic-bg-gamedev-base{background-color:#20898c !important}.thl-topic-fill-gamedev-dark{fill:#176062 !important}.thl-topic-stroke-gamedev-dark{stroke:#176062 !important}.thl-topic-color-gamedev-dark{color:#176062 !important}.thl-topic-border-gamedev-dark{border-color:#176062 !important}.thl-topic-bg-gamedev-dark{background-color:#176062 !important}.thl-topic-fill-csharp-light{fill:#b6689c !important}.thl-topic-stroke-csharp-light{stroke:#b6689c !important}.thl-topic-color-csharp-light{color:#b6689c !important}.thl-topic-border-csharp-light{border-color:#b6689c !important}.thl-topic-bg-csharp-light{background-color:#b6689c !important}.thl-topic-fill-csharp-base{fill:#9e4d83 !important}.thl-topic-stroke-csharp-base{stroke:#9e4d83 !important}.thl-topic-color-csharp-base{color:#9e4d83 !important}.thl-topic-border-csharp-base{border-color:#9e4d83 !important}.thl-topic-bg-csharp-base{background-color:#9e4d83 !important}.thl-topic-fill-csharp-dark{fill:#7c3c67 !important}.thl-topic-stroke-csharp-dark{stroke:#7c3c67 !important}.thl-topic-color-csharp-dark{color:#7c3c67 !important}.thl-topic-border-csharp-dark{border-color:#7c3c67 !important}.thl-topic-bg-csharp-dark{background-color:#7c3c67 !important}.thl-topic-fill-databases-light{fill:#ef9557 !important}.thl-topic-stroke-databases-light{stroke:#ef9557 !important}.thl-topic-color-databases-light{color:#ef9557 !important}.thl-topic-border-databases-light{border-color:#ef9557 !important}.thl-topic-bg-databases-light{background-color:#ef9557 !important}.thl-topic-fill-databases-base{fill:#eb7728 !important}.thl-topic-stroke-databases-base{stroke:#eb7728 !important}.thl-topic-color-databases-base{color:#eb7728 !important}.thl-topic-border-databases-base{border-color:#eb7728 !important}.thl-topic-bg-databases-base{background-color:#eb7728 !important}.thl-topic-fill-databases-dark{fill:#cd5e13 !important}.thl-topic-stroke-databases-dark{stroke:#cd5e13 !important}.thl-topic-color-databases-dark{color:#cd5e13 !important}.thl-topic-border-databases-dark{border-color:#cd5e13 !important}.thl-topic-bg-databases-dark{background-color:#cd5e13 !important}.thl-topic-fill-virtual-reality-light{fill:#b5e296 !important}.thl-topic-stroke-virtual-reality-light{stroke:#b5e296 !important}.thl-topic-color-virtual-reality-light{color:#b5e296 !important}.thl-topic-border-virtual-reality-light{border-color:#b5e296 !important}.thl-topic-bg-virtual-reality-light{background-color:#b5e296 !important}.thl-topic-fill-virtual-reality-base{fill:#95D26C !important}.thl-topic-stroke-virtual-reality-base{stroke:#95D26C !important}.thl-topic-color-virtual-reality-base{color:#95D26C !important}.thl-topic-border-virtual-reality-base{border-color:#95D26C !important}.thl-topic-bg-virtual-reality-base{background-color:#95D26C !important}.thl-topic-fill-virtual-reality-dark{fill:#6c9e4a !important}.thl-topic-stroke-virtual-reality-dark{stroke:#6c9e4a !important}.thl-topic-color-virtual-reality-dark{color:#6c9e4a !important}.thl-topic-border-virtual-reality-dark{border-color:#6c9e4a !important}.thl-topic-bg-virtual-reality-dark{background-color:#6c9e4a !important}.thl-topic-fill-apis-light{fill:#c36479 !important}.thl-topic-stroke-apis-light{stroke:#c36479 !important}.thl-topic-color-apis-light{color:#c36479 !important}.thl-topic-border-apis-light{border-color:#c36479 !important}.thl-topic-bg-apis-light{background-color:#c36479 !important}.thl-topic-fill-apis-base{fill:#993c50 !important}.thl-topic-stroke-apis-base{stroke:#993c50 !important}.thl-topic-color-apis-base{color:#993c50 !important}.thl-topic-border-apis-base{border-color:#993c50 !important}.thl-topic-bg-apis-base{background-color:#993c50 !important}.thl-topic-fill-apis-dark{fill:#712e3d !important}.thl-topic-stroke-apis-dark{stroke:#712e3d !important}.thl-topic-color-apis-dark{color:#712e3d !important}.thl-topic-border-apis-dark{border-color:#712e3d !important}.thl-topic-bg-apis-dark{background-color:#712e3d !important}.thl-topic-fill-go-light{fill:#4371cf !important}.thl-topic-stroke-go-light{stroke:#4371cf !important}.thl-topic-color-go-light{color:#4371cf !important}.thl-topic-border-go-light{border-color:#4371cf !important}.thl-topic-bg-go-light{background-color:#4371cf !important}.thl-topic-fill-go-base{fill:#375eab !important}.thl-topic-stroke-go-base{stroke:#375eab !important}.thl-topic-color-go-base{color:#375eab !important}.thl-topic-border-go-base{border-color:#375eab !important}.thl-topic-bg-go-base{background-color:#375eab !important}.thl-topic-fill-go-dark{fill:#284683 !important}.thl-topic-stroke-go-dark{stroke:#284683 !important}.thl-topic-color-go-dark{color:#284683 !important}.thl-topic-border-go-dark{border-color:#284683 !important}.thl-topic-bg-go-dark{background-color:#284683 !important}.thl-topic-fill-data-analysis-light{fill:#8d81ab !important}.thl-topic-stroke-data-analysis-light{stroke:#8d81ab !important}.thl-topic-color-data-analysis-light{color:#8d81ab !important}.thl-topic-border-data-analysis-light{border-color:#8d81ab !important}.thl-topic-bg-data-analysis-light{background-color:#8d81ab !important}.thl-topic-fill-data-analysis-base{fill:#645a7e !important}.thl-topic-stroke-data-analysis-base{stroke:#645a7e !important}.thl-topic-color-data-analysis-base{color:#645a7e !important}.thl-topic-border-data-analysis-base{border-color:#645a7e !important}.thl-topic-bg-data-analysis-base{background-color:#645a7e !important}.thl-topic-fill-data-analysis-dark{fill:#4f4667 !important}.thl-topic-stroke-data-analysis-dark{stroke:#4f4667 !important}.thl-topic-color-data-analysis-dark{color:#4f4667 !important}.thl-topic-border-data-analysis-dark{border-color:#4f4667 !important}.thl-topic-bg-data-analysis-dark{background-color:#4f4667 !important}.thl-topic-fill-security-light{fill:#D1897D !important}.thl-topic-stroke-security-light{stroke:#D1897D !important}.thl-topic-color-security-light{color:#D1897D !important}.thl-topic-border-security-light{border-color:#D1897D !important}.thl-topic-bg-security-light{background-color:#D1897D !important}.thl-topic-fill-security-base{fill:#C66C5D !important}.thl-topic-stroke-security-base{stroke:#C66C5D !important}.thl-topic-color-security-base{color:#C66C5D !important}.thl-topic-border-security-base{border-color:#C66C5D !important}.thl-topic-bg-security-base{background-color:#C66C5D !important}.thl-topic-fill-security-dark{fill:#955146 !important}.thl-topic-stroke-security-dark{stroke:#955146 !important}.thl-topic-color-security-dark{color:#955146 !important}.thl-topic-border-security-dark{border-color:#955146 !important}.thl-topic-bg-security-dark{background-color:#955146 !important}.thl-topic-fill-quality-assurance-light{fill:#A560B5 !important}.thl-topic-stroke-quality-assurance-light{stroke:#A560B5 !important}.thl-topic-color-quality-assurance-light{color:#A560B5 !important}.thl-topic-border-quality-assurance-light{border-color:#A560B5 !important}.thl-topic-bg-quality-assurance-light{background-color:#A560B5 !important}.thl-topic-fill-quality-assurance-base{fill:#80438E !important}.thl-topic-stroke-quality-assurance-base{stroke:#80438E !important}.thl-topic-color-quality-assurance-base{color:#80438E !important}.thl-topic-border-quality-assurance-base{border-color:#80438E !important}.thl-topic-bg-quality-assurance-base{background-color:#80438E !important}.thl-topic-fill-quality-assurance-dark{fill:#60226F !important}.thl-topic-stroke-quality-assurance-dark{stroke:#60226F !important}.thl-topic-color-quality-assurance-dark{color:#60226F !important}.thl-topic-border-quality-assurance-dark{border-color:#60226F !important}.thl-topic-bg-quality-assurance-dark{background-color:#60226F !important}.thl-topic-fill-undefined-light{fill:#8c959d !important}.thl-topic-stroke-undefined-light{stroke:#8c959d !important}.thl-topic-color-undefined-light{color:#8c959d !important}.thl-topic-border-undefined-light{border-color:#8c959d !important}.thl-topic-bg-undefined-light{background-color:#8c959d !important}.thl-topic-fill-undefined-base{fill:#717b85 !important}.thl-topic-stroke-undefined-base{stroke:#717b85 !important}.thl-topic-color-undefined-base{color:#717b85 !important}.thl-topic-border-undefined-base{border-color:#717b85 !important}.thl-topic-bg-undefined-base{background-color:#717b85 !important}.thl-topic-fill-undefined-dark{fill:#5a6269 !important}.thl-topic-stroke-undefined-dark{stroke:#5a6269 !important}.thl-topic-color-undefined-dark{color:#5a6269 !important}.thl-topic-border-undefined-dark{border-color:#5a6269 !important}.thl-topic-bg-undefined-dark{background-color:#5a6269 !important}.thl-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}.thl-button:hover,.thl-button:active,.thl-button:focus{color:#34ad58;border-color:#34ad58}.thl-button:hover svg,.thl-button:active svg,.thl-button:focus svg{fill:#34ad58}.thl-button:last-child{margin-right:0}.thl-button svg{fill:#5fcf80}.thl-button--primary{background-color:#5fcf80 !important;border-color:#5fcf80 !important;color:#fff !important}.thl-button--primary svg{fill:#fff !important}.thl-button--primary:hover,.thl-button--primary:active,.thl-button--primary:focus{background-color:#3ac162 !important;border-color:#3ac162 !important;color:#fff !important}.thl-button--secondary{background-color:transparent !important;border-color:#e8ebed !important;color:#576366 !important}.thl-button--secondary svg{fill:#576366 !important}.thl-button--secondary:hover,.thl-button--secondary:active,.thl-button--secondary:focus{border-color:#bdc6cb !important;color:#505b5e !important}.thl-button--alert{background-color:transparent !important;border-color:#ed5a5a !important;color:#ed5a5a !important}.thl-button--alert svg{fill:#ed5a5a !important}.thl-button--alert:hover,.thl-button--alert:active,.thl-button--alert:focus{border-color:#cb1616 !important;color:#cb1616 !important}.thl-button--disabled{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.thl-button--disabled svg{fill:#7b8b8e !important}.thl-button--disabled:hover,.thl-button--disabled:active,.thl-button--disabled:focus{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.thl-button--disabled:hover svg,.thl-button--disabled:active svg,.thl-button--disabled:focus svg{fill:#576366 !important}.thl-button--inverse{border-color:#fff !important;color:#fff !important;opacity:.88 !important}.thl-button--inverse svg{fill:#fff !important}.thl-button--inverse:hover,.thl-button--inverse:active,.thl-button--inverse:focus{border-color:#fff !important;color:#fff !important;opacity:1 !important}.thl-button--inverse-primary{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.88}.thl-button--inverse-primary svg{fill:#4b5658 !important}.thl-button--inverse-primary:hover,.thl-button--inverse-primary:active,.thl-button--inverse-primary:focus{opacity:1 !important}.thl-button--inverse-disabled{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.thl-button--inverse-disabled:hover,.thl-button--inverse-disabled:active,.thl-button--inverse-disabled:focus{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.thl-button--inverse-primary-disabled{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.thl-button--inverse-primary-disabled:hover,.thl-button--inverse-primary-disabled:active,.thl-button--inverse-primary-disabled:focus{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.thl-button--inline{margin-top:24px !important;padding:0 26px !important;height:47px !important;line-height:43px !important}@media screen{.thl-button--xlarge-xs{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-xs.square{width:58px !important}.thl-button--large-xs{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-xs.square{width:50px !important}.thl-button--large-xs svg{top:-2px}.thl-button--normal-xs{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-xs.square{width:40px !important}.thl-button--small-xs{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-xs.square{width:34px !important}.thl-button--xsmall-xs{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-xs.square{width:30px !important}}@media screen and (min-width: 480px){.thl-button--xlarge-sm{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-sm.square{width:58px !important}.thl-button--large-sm{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-sm.square{width:50px !important}.thl-button--large-sm svg{top:-2px}.thl-button--normal-sm{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-sm.square{width:40px !important}.thl-button--small-sm{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-sm.square{width:34px !important}.thl-button--xsmall-sm{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-sm.square{width:30px !important}}@media screen and (min-width: 680px){.thl-button--xlarge-md{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-md.square{width:58px !important}.thl-button--large-md{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-md.square{width:50px !important}.thl-button--large-md svg{top:-2px}.thl-button--normal-md{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-md.square{width:40px !important}.thl-button--small-md{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-md.square{width:34px !important}.thl-button--xsmall-md{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-md.square{width:30px !important}}@media screen and (min-width: 960px){.thl-button--xlarge-lg{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-lg.square{width:58px !important}.thl-button--large-lg{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-lg.square{width:50px !important}.thl-button--large-lg svg{top:-2px}.thl-button--normal-lg{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-lg.square{width:40px !important}.thl-button--small-lg{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-lg.square{width:34px !important}.thl-button--xsmall-lg{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-lg.square{width:30px !important}}@media screen and (min-width: 1140px){.thl-button--xlarge-xl{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-xl.square{width:58px !important}.thl-button--large-xl{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-xl.square{width:50px !important}.thl-button--large-xl svg{top:-2px}.thl-button--normal-xl{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-xl.square{width:40px !important}.thl-button--small-xl{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-xl.square{width:34px !important}.thl-button--xsmall-xl{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-xl.square{width:30px !important}}.thl-button--topic-html{border-color:#39ADD1 !important;color:#39ADD1 !important}.thl-button--topic-html svg{fill:#39ADD1 !important}.thl-button--topic-html:hover,.thl-button--topic-html:active,.thl-button--topic-html:focus{border-color:#298fae !important;color:#298fae !important}.thl-button--topic-html:hover svg,.thl-button--topic-html:active svg,.thl-button--topic-html:focus svg{fill:#298fae !important}.thl-button--topic-html.thl-button--primary{background-color:#39ADD1 !important;border-color:#39ADD1 !important;color:#fff !important}.thl-button--topic-html.thl-button--primary:hover,.thl-button--topic-html.thl-button--primary:active,.thl-button--topic-html.thl-button--primary:focus{background-color:#298fae !important;border-color:#298fae !important}.thl-button--topic-html.thl-button--primary:hover svg,.thl-button--topic-html.thl-button--primary:active svg,.thl-button--topic-html.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-css{border-color:#3079AB !important;color:#3079AB !important}.thl-button--topic-css svg{fill:#3079AB !important}.thl-button--topic-css:hover,.thl-button--topic-css:active,.thl-button--topic-css:focus{border-color:#255d83 !important;color:#255d83 !important}.thl-button--topic-css:hover svg,.thl-button--topic-css:active svg,.thl-button--topic-css:focus svg{fill:#255d83 !important}.thl-button--topic-css.thl-button--primary{background-color:#3079AB !important;border-color:#3079AB !important;color:#fff !important}.thl-button--topic-css.thl-button--primary:hover,.thl-button--topic-css.thl-button--primary:active,.thl-button--topic-css.thl-button--primary:focus{background-color:#255d83 !important;border-color:#255d83 !important}.thl-button--topic-css.thl-button--primary:hover svg,.thl-button--topic-css.thl-button--primary:active svg,.thl-button--topic-css.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-js{border-color:#c25975 !important;color:#c25975 !important}.thl-button--topic-js svg{fill:#c25975 !important}.thl-button--topic-js:hover,.thl-button--topic-js:active,.thl-button--topic-js:focus{border-color:#aa3e5b !important;color:#aa3e5b !important}.thl-button--topic-js:hover svg,.thl-button--topic-js:active svg,.thl-button--topic-js:focus svg{fill:#aa3e5b !important}.thl-button--topic-js.thl-button--primary{background-color:#c25975 !important;border-color:#c25975 !important;color:#fff !important}.thl-button--topic-js.thl-button--primary:hover,.thl-button--topic-js.thl-button--primary:active,.thl-button--topic-js.thl-button--primary:focus{background-color:#aa3e5b !important;border-color:#aa3e5b !important}.thl-button--topic-js.thl-button--primary:hover svg,.thl-button--topic-js.thl-button--primary:active svg,.thl-button--topic-js.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-ruby{border-color:#e15258 !important;color:#e15258 !important}.thl-button--topic-ruby svg{fill:#e15258 !important}.thl-button--topic-ruby:hover,.thl-button--topic-ruby:active,.thl-button--topic-ruby:focus{border-color:#d9272e !important;color:#d9272e !important}.thl-button--topic-ruby:hover svg,.thl-button--topic-ruby:active svg,.thl-button--topic-ruby:focus svg{fill:#d9272e !important}.thl-button--topic-ruby.thl-button--primary{background-color:#e15258 !important;border-color:#e15258 !important;color:#fff !important}.thl-button--topic-ruby.thl-button--primary:hover,.thl-button--topic-ruby.thl-button--primary:active,.thl-button--topic-ruby.thl-button--primary:focus{background-color:#d9272e !important;border-color:#d9272e !important}.thl-button--topic-ruby.thl-button--primary:hover svg,.thl-button--topic-ruby.thl-button--primary:active svg,.thl-button--topic-ruby.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-business{border-color:#F9845B !important;color:#F9845B !important}.thl-button--topic-business svg{fill:#F9845B !important}.thl-button--topic-business:hover,.thl-button--topic-business:active,.thl-button--topic-business:focus{border-color:#f75f2a !important;color:#f75f2a !important}.thl-button--topic-business:hover svg,.thl-button--topic-business:active svg,.thl-button--topic-business:focus svg{fill:#f75f2a !important}.thl-button--topic-business.thl-button--primary{background-color:#F9845B !important;border-color:#F9845B !important;color:#fff !important}.thl-button--topic-business.thl-button--primary:hover,.thl-button--topic-business.thl-button--primary:active,.thl-button--topic-business.thl-button--primary:focus{background-color:#f75f2a !important;border-color:#f75f2a !important}.thl-button--topic-business.thl-button--primary:hover svg,.thl-button--topic-business.thl-button--primary:active svg,.thl-button--topic-business.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-wordpress{border-color:#838CC7 !important;color:#838CC7 !important}.thl-button--topic-wordpress svg{fill:#838CC7 !important}.thl-button--topic-wordpress:hover,.thl-button--topic-wordpress:active,.thl-button--topic-wordpress:focus{border-color:#606bb7 !important;color:#606bb7 !important}.thl-button--topic-wordpress:hover svg,.thl-button--topic-wordpress:active svg,.thl-button--topic-wordpress:focus svg{fill:#606bb7 !important}.thl-button--topic-wordpress.thl-button--primary{background-color:#838CC7 !important;border-color:#838CC7 !important;color:#fff !important}.thl-button--topic-wordpress.thl-button--primary:hover,.thl-button--topic-wordpress.thl-button--primary:active,.thl-button--topic-wordpress.thl-button--primary:focus{background-color:#606bb7 !important;border-color:#606bb7 !important}.thl-button--topic-wordpress.thl-button--primary:hover svg,.thl-button--topic-wordpress.thl-button--primary:active svg,.thl-button--topic-wordpress.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-php{border-color:#7D669E !important;color:#7D669E !important}.thl-button--topic-php svg{fill:#7D669E !important}.thl-button--topic-php:hover,.thl-button--topic-php:active,.thl-button--topic-php:focus{border-color:#645180 !important;color:#645180 !important}.thl-button--topic-php:hover svg,.thl-button--topic-php:active svg,.thl-button--topic-php:focus svg{fill:#645180 !important}.thl-button--topic-php.thl-button--primary{background-color:#7D669E !important;border-color:#7D669E !important;color:#fff !important}.thl-button--topic-php.thl-button--primary:hover,.thl-button--topic-php.thl-button--primary:active,.thl-button--topic-php.thl-button--primary:focus{background-color:#645180 !important;border-color:#645180 !important}.thl-button--topic-php.thl-button--primary:hover svg,.thl-button--topic-php.thl-button--primary:active svg,.thl-button--topic-php.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-ios{border-color:#53BBB4 !important;color:#53BBB4 !important}.thl-button--topic-ios svg{fill:#53BBB4 !important}.thl-button--topic-ios:hover,.thl-button--topic-ios:active,.thl-button--topic-ios:focus{border-color:#3e9d97 !important;color:#3e9d97 !important}.thl-button--topic-ios:hover svg,.thl-button--topic-ios:active svg,.thl-button--topic-ios:focus svg{fill:#3e9d97 !important}.thl-button--topic-ios.thl-button--primary{background-color:#53BBB4 !important;border-color:#53BBB4 !important;color:#fff !important}.thl-button--topic-ios.thl-button--primary:hover,.thl-button--topic-ios.thl-button--primary:active,.thl-button--topic-ios.thl-button--primary:focus{background-color:#3e9d97 !important;border-color:#3e9d97 !important}.thl-button--topic-ios.thl-button--primary:hover svg,.thl-button--topic-ios.thl-button--primary:active svg,.thl-button--topic-ios.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-android{border-color:#5cb860 !important;color:#5cb860 !important}.thl-button--topic-android svg{fill:#5cb860 !important}.thl-button--topic-android:hover,.thl-button--topic-android:active,.thl-button--topic-android:focus{border-color:#449d48 !important;color:#449d48 !important}.thl-button--topic-android:hover svg,.thl-button--topic-android:active svg,.thl-button--topic-android:focus svg{fill:#449d48 !important}.thl-button--topic-android.thl-button--primary{background-color:#5cb860 !important;border-color:#5cb860 !important;color:#fff !important}.thl-button--topic-android.thl-button--primary:hover,.thl-button--topic-android.thl-button--primary:active,.thl-button--topic-android.thl-button--primary:focus{background-color:#449d48 !important;border-color:#449d48 !important}.thl-button--topic-android.thl-button--primary:hover svg,.thl-button--topic-android.thl-button--primary:active svg,.thl-button--topic-android.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-design{border-color:#e59a13 !important;color:#e59a13 !important}.thl-button--topic-design svg{fill:#e59a13 !important}.thl-button--topic-design:hover,.thl-button--topic-design:active,.thl-button--topic-design:focus{border-color:#b67a0f !important;color:#b67a0f !important}.thl-button--topic-design:hover svg,.thl-button--topic-design:active svg,.thl-button--topic-design:focus svg{fill:#b67a0f !important}.thl-button--topic-design.thl-button--primary{background-color:#e59a13 !important;border-color:#e59a13 !important;color:#fff !important}.thl-button--topic-design.thl-button--primary:hover,.thl-button--topic-design.thl-button--primary:active,.thl-button--topic-design.thl-button--primary:focus{background-color:#b67a0f !important;border-color:#b67a0f !important}.thl-button--topic-design.thl-button--primary:hover svg,.thl-button--topic-design.thl-button--primary:active svg,.thl-button--topic-design.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-devtools{border-color:#637a91 !important;color:#637a91 !important}.thl-button--topic-devtools svg{fill:#637a91 !important}.thl-button--topic-devtools:hover,.thl-button--topic-devtools:active,.thl-button--topic-devtools:focus{border-color:#4e6173 !important;color:#4e6173 !important}.thl-button--topic-devtools:hover svg,.thl-button--topic-devtools:active svg,.thl-button--topic-devtools:focus svg{fill:#4e6173 !important}.thl-button--topic-devtools.thl-button--primary{background-color:#637a91 !important;border-color:#637a91 !important;color:#fff !important}.thl-button--topic-devtools.thl-button--primary:hover,.thl-button--topic-devtools.thl-button--primary:active,.thl-button--topic-devtools.thl-button--primary:focus{background-color:#4e6173 !important;border-color:#4e6173 !important}.thl-button--topic-devtools.thl-button--primary:hover svg,.thl-button--topic-devtools.thl-button--primary:active svg,.thl-button--topic-devtools.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-java{border-color:#2c9676 !important;color:#2c9676 !important}.thl-button--topic-java svg{fill:#2c9676 !important}.thl-button--topic-java:hover,.thl-button--topic-java:active,.thl-button--topic-java:focus{border-color:#206f57 !important;color:#206f57 !important}.thl-button--topic-java:hover svg,.thl-button--topic-java:active svg,.thl-button--topic-java:focus svg{fill:#206f57 !important}.thl-button--topic-java.thl-button--primary{background-color:#2c9676 !important;border-color:#2c9676 !important;color:#fff !important}.thl-button--topic-java.thl-button--primary:hover,.thl-button--topic-java.thl-button--primary:active,.thl-button--topic-java.thl-button--primary:focus{background-color:#206f57 !important;border-color:#206f57 !important}.thl-button--topic-java.thl-button--primary:hover svg,.thl-button--topic-java.thl-button--primary:active svg,.thl-button--topic-java.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-python{border-color:#f092b0 !important;color:#f092b0 !important}.thl-button--topic-python svg{fill:#f092b0 !important}.thl-button--topic-python:hover,.thl-button--topic-python:active,.thl-button--topic-python:focus{border-color:#ea6590 !important;color:#ea6590 !important}.thl-button--topic-python:hover svg,.thl-button--topic-python:active svg,.thl-button--topic-python:focus svg{fill:#ea6590 !important}.thl-button--topic-python.thl-button--primary{background-color:#f092b0 !important;border-color:#f092b0 !important;color:#fff !important}.thl-button--topic-python.thl-button--primary:hover,.thl-button--topic-python.thl-button--primary:active,.thl-button--topic-python.thl-button--primary:focus{background-color:#ea6590 !important;border-color:#ea6590 !important}.thl-button--topic-python.thl-button--primary:hover svg,.thl-button--topic-python.thl-button--primary:active svg,.thl-button--topic-python.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-diglit{border-color:#c38cd4 !important;color:#c38cd4 !important}.thl-button--topic-diglit svg{fill:#c38cd4 !important}.thl-button--topic-diglit:hover,.thl-button--topic-diglit:active,.thl-button--topic-diglit:focus{border-color:#b067c6 !important;color:#b067c6 !important}.thl-button--topic-diglit:hover svg,.thl-button--topic-diglit:active svg,.thl-button--topic-diglit:focus svg{fill:#b067c6 !important}.thl-button--topic-diglit.thl-button--primary{background-color:#c38cd4 !important;border-color:#c38cd4 !important;color:#fff !important}.thl-button--topic-diglit.thl-button--primary:hover,.thl-button--topic-diglit.thl-button--primary:active,.thl-button--topic-diglit.thl-button--primary:focus{background-color:#b067c6 !important;border-color:#b067c6 !important}.thl-button--topic-diglit.thl-button--primary:hover svg,.thl-button--topic-diglit.thl-button--primary:active svg,.thl-button--topic-diglit.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-gamedev{border-color:#20898c !important;color:#20898c !important}.thl-button--topic-gamedev svg{fill:#20898c !important}.thl-button--topic-gamedev:hover,.thl-button--topic-gamedev:active,.thl-button--topic-gamedev:focus{border-color:#176062 !important;color:#176062 !important}.thl-button--topic-gamedev:hover svg,.thl-button--topic-gamedev:active svg,.thl-button--topic-gamedev:focus svg{fill:#176062 !important}.thl-button--topic-gamedev.thl-button--primary{background-color:#20898c !important;border-color:#20898c !important;color:#fff !important}.thl-button--topic-gamedev.thl-button--primary:hover,.thl-button--topic-gamedev.thl-button--primary:active,.thl-button--topic-gamedev.thl-button--primary:focus{background-color:#176062 !important;border-color:#176062 !important}.thl-button--topic-gamedev.thl-button--primary:hover svg,.thl-button--topic-gamedev.thl-button--primary:active svg,.thl-button--topic-gamedev.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-csharp{border-color:#9e4d83 !important;color:#9e4d83 !important}.thl-button--topic-csharp svg{fill:#9e4d83 !important}.thl-button--topic-csharp:hover,.thl-button--topic-csharp:active,.thl-button--topic-csharp:focus{border-color:#7c3c67 !important;color:#7c3c67 !important}.thl-button--topic-csharp:hover svg,.thl-button--topic-csharp:active svg,.thl-button--topic-csharp:focus svg{fill:#7c3c67 !important}.thl-button--topic-csharp.thl-button--primary{background-color:#9e4d83 !important;border-color:#9e4d83 !important;color:#fff !important}.thl-button--topic-csharp.thl-button--primary:hover,.thl-button--topic-csharp.thl-button--primary:active,.thl-button--topic-csharp.thl-button--primary:focus{background-color:#7c3c67 !important;border-color:#7c3c67 !important}.thl-button--topic-csharp.thl-button--primary:hover svg,.thl-button--topic-csharp.thl-button--primary:active svg,.thl-button--topic-csharp.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-databases{border-color:#eb7728 !important;color:#eb7728 !important}.thl-button--topic-databases svg{fill:#eb7728 !important}.thl-button--topic-databases:hover,.thl-button--topic-databases:active,.thl-button--topic-databases:focus{border-color:#cd5e13 !important;color:#cd5e13 !important}.thl-button--topic-databases:hover svg,.thl-button--topic-databases:active svg,.thl-button--topic-databases:focus svg{fill:#cd5e13 !important}.thl-button--topic-databases.thl-button--primary{background-color:#eb7728 !important;border-color:#eb7728 !important;color:#fff !important}.thl-button--topic-databases.thl-button--primary:hover,.thl-button--topic-databases.thl-button--primary:active,.thl-button--topic-databases.thl-button--primary:focus{background-color:#cd5e13 !important;border-color:#cd5e13 !important}.thl-button--topic-databases.thl-button--primary:hover svg,.thl-button--topic-databases.thl-button--primary:active svg,.thl-button--topic-databases.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-virtual-reality{border-color:#95D26C !important;color:#95D26C !important}.thl-button--topic-virtual-reality svg{fill:#95D26C !important}.thl-button--topic-virtual-reality:hover,.thl-button--topic-virtual-reality:active,.thl-button--topic-virtual-reality:focus{border-color:#79c645 !important;color:#79c645 !important}.thl-button--topic-virtual-reality:hover svg,.thl-button--topic-virtual-reality:active svg,.thl-button--topic-virtual-reality:focus svg{fill:#79c645 !important}.thl-button--topic-virtual-reality.thl-button--primary{background-color:#95D26C !important;border-color:#95D26C !important;color:#fff !important}.thl-button--topic-virtual-reality.thl-button--primary:hover,.thl-button--topic-virtual-reality.thl-button--primary:active,.thl-button--topic-virtual-reality.thl-button--primary:focus{background-color:#79c645 !important;border-color:#79c645 !important}.thl-button--topic-virtual-reality.thl-button--primary:hover svg,.thl-button--topic-virtual-reality.thl-button--primary:active svg,.thl-button--topic-virtual-reality.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-apis{border-color:#993c50 !important;color:#993c50 !important}.thl-button--topic-apis svg{fill:#993c50 !important}.thl-button--topic-apis:hover,.thl-button--topic-apis:active,.thl-button--topic-apis:focus{border-color:#742e3d !important;color:#742e3d !important}.thl-button--topic-apis:hover svg,.thl-button--topic-apis:active svg,.thl-button--topic-apis:focus svg{fill:#742e3d !important}.thl-button--topic-apis.thl-button--primary{background-color:#993c50 !important;border-color:#993c50 !important;color:#fff !important}.thl-button--topic-apis.thl-button--primary:hover,.thl-button--topic-apis.thl-button--primary:active,.thl-button--topic-apis.thl-button--primary:focus{background-color:#742e3d !important;border-color:#742e3d !important}.thl-button--topic-apis.thl-button--primary:hover svg,.thl-button--topic-apis.thl-button--primary:active svg,.thl-button--topic-apis.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-go{border-color:#375eab !important;color:#375eab !important}.thl-button--topic-go svg{fill:#375eab !important}.thl-button--topic-go:hover,.thl-button--topic-go:active,.thl-button--topic-go:focus{border-color:#2b4984 !important;color:#2b4984 !important}.thl-button--topic-go:hover svg,.thl-button--topic-go:active svg,.thl-button--topic-go:focus svg{fill:#2b4984 !important}.thl-button--topic-go.thl-button--primary{background-color:#375eab !important;border-color:#375eab !important;color:#fff !important}.thl-button--topic-go.thl-button--primary:hover,.thl-button--topic-go.thl-button--primary:active,.thl-button--topic-go.thl-button--primary:focus{background-color:#2b4984 !important;border-color:#2b4984 !important}.thl-button--topic-go.thl-button--primary:hover svg,.thl-button--topic-go.thl-button--primary:active svg,.thl-button--topic-go.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-data-analysis{border-color:#645a7e !important;color:#645a7e !important}.thl-button--topic-data-analysis svg{fill:#645a7e !important}.thl-button--topic-data-analysis:hover,.thl-button--topic-data-analysis:active,.thl-button--topic-data-analysis:focus{border-color:#4c4560 !important;color:#4c4560 !important}.thl-button--topic-data-analysis:hover svg,.thl-button--topic-data-analysis:active svg,.thl-button--topic-data-analysis:focus svg{fill:#4c4560 !important}.thl-button--topic-data-analysis.thl-button--primary{background-color:#645a7e !important;border-color:#645a7e !important;color:#fff !important}.thl-button--topic-data-analysis.thl-button--primary:hover,.thl-button--topic-data-analysis.thl-button--primary:active,.thl-button--topic-data-analysis.thl-button--primary:focus{background-color:#4c4560 !important;border-color:#4c4560 !important}.thl-button--topic-data-analysis.thl-button--primary:hover svg,.thl-button--topic-data-analysis.thl-button--primary:active svg,.thl-button--topic-data-analysis.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-security{border-color:#C66C5D !important;color:#C66C5D !important}.thl-button--topic-security svg{fill:#C66C5D !important}.thl-button--topic-security:hover,.thl-button--topic-security:active,.thl-button--topic-security:focus{border-color:#b24f3e !important;color:#b24f3e !important}.thl-button--topic-security:hover svg,.thl-button--topic-security:active svg,.thl-button--topic-security:focus svg{fill:#b24f3e !important}.thl-button--topic-security.thl-button--primary{background-color:#C66C5D !important;border-color:#C66C5D !important;color:#fff !important}.thl-button--topic-security.thl-button--primary:hover,.thl-button--topic-security.thl-button--primary:active,.thl-button--topic-security.thl-button--primary:focus{background-color:#b24f3e !important;border-color:#b24f3e !important}.thl-button--topic-security.thl-button--primary:hover svg,.thl-button--topic-security.thl-button--primary:active svg,.thl-button--topic-security.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-quality-assurance{border-color:#80438E !important;color:#80438E !important}.thl-button--topic-quality-assurance svg{fill:#80438E !important}.thl-button--topic-quality-assurance:hover,.thl-button--topic-quality-assurance:active,.thl-button--topic-quality-assurance:focus{border-color:#61336b !important;color:#61336b !important}.thl-button--topic-quality-assurance:hover svg,.thl-button--topic-quality-assurance:active svg,.thl-button--topic-quality-assurance:focus svg{fill:#61336b !important}.thl-button--topic-quality-assurance.thl-button--primary{background-color:#80438E !important;border-color:#80438E !important;color:#fff !important}.thl-button--topic-quality-assurance.thl-button--primary:hover,.thl-button--topic-quality-assurance.thl-button--primary:active,.thl-button--topic-quality-assurance.thl-button--primary:focus{background-color:#61336b !important;border-color:#61336b !important}.thl-button--topic-quality-assurance.thl-button--primary:hover svg,.thl-button--topic-quality-assurance.thl-button--primary:active svg,.thl-button--topic-quality-assurance.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-undefined{border-color:#717b85 !important;color:#717b85 !important}.thl-button--topic-undefined svg{fill:#717b85 !important}.thl-button--topic-undefined:hover,.thl-button--topic-undefined:active,.thl-button--topic-undefined:focus{border-color:#5a6269 !important;color:#5a6269 !important}.thl-button--topic-undefined:hover svg,.thl-button--topic-undefined:active svg,.thl-button--topic-undefined:focus svg{fill:#5a6269 !important}.thl-button--topic-undefined.thl-button--primary{background-color:#717b85 !important;border-color:#717b85 !important;color:#fff !important}.thl-button--topic-undefined.thl-button--primary:hover,.thl-button--topic-undefined.thl-button--primary:active,.thl-button--topic-undefined.thl-button--primary:focus{background-color:#5a6269 !important;border-color:#5a6269 !important}.thl-button--topic-undefined.thl-button--primary:hover svg,.thl-button--topic-undefined.thl-button--primary:active svg,.thl-button--topic-undefined.thl-button--primary:focus svg{fill:#fff !important}.thl-split-button .thl-button{float:left;z-index:1;margin:0 !important;border-radius:4px 0 0 4px;padding:0 20px}.thl-split-button .thl-button:hover,.thl-split-button .thl-button:active,.thl-split-button .thl-button:focus{z-index:2}.thl-split-button .thl-button.thl-button--primary{border-right-color:rgba(0,0,0,0.1)}.thl-split-button .thl-button+.thl-button{border-radius:0 4px 4px 0;margin-left:-2px !important}.thl-split-button .thl-button+.thl-button.thl-button--primary{border-left-color:rgba(0,0,0,0.1)}.thl-split-button{display:inline-block;margin:0 15px 0 0}.thl-split-button:before,.thl-split-button:after{content:" ";display:table}.thl-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}}.thl-block-grid{padding:0 !important;list-style:none !important;font-size:0 !important;display:block !important;overflow:hidden !important;margin-bottom:2rem !important}.thl-block-grid-gutters{margin:-1rem -1rem 1rem -1rem !important}.thl-block-grid-gutters .thl-block-grid__item{padding:1rem !important}.thl-block-grid__item{display:block !important;float:left !important;font-size:16px !important}@media screen{.thl-block-1-xs .thl-block-grid__item{width:100% !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xs .thl-block-grid__item{width:50% !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xs .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xs .thl-block-grid__item{width:25% !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xs .thl-block-grid__item{width:20% !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xs .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 480px){.thl-block-1-sm .thl-block-grid__item{width:100% !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-sm .thl-block-grid__item{width:50% !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-sm .thl-block-grid__item{width:33.33333% !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-sm .thl-block-grid__item{width:25% !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-sm .thl-block-grid__item{width:20% !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-sm .thl-block-grid__item{width:16.66667% !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 680px){.thl-block-1-md .thl-block-grid__item{width:100% !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-md .thl-block-grid__item{width:50% !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-md .thl-block-grid__item{width:33.33333% !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-md .thl-block-grid__item{width:25% !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-md .thl-block-grid__item{width:20% !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-md .thl-block-grid__item{width:16.66667% !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 960px){.thl-block-1-lg .thl-block-grid__item{width:100% !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-lg .thl-block-grid__item{width:50% !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-lg .thl-block-grid__item{width:33.33333% !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-lg .thl-block-grid__item{width:25% !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-lg .thl-block-grid__item{width:20% !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-lg .thl-block-grid__item{width:16.66667% !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 1140px){.thl-block-1-xl .thl-block-grid__item{width:100% !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xl .thl-block-grid__item{width:50% !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xl .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xl .thl-block-grid__item{width:25% !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xl .thl-block-grid__item{width:20% !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xl .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xl .thl-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:.5rem;font-size:.9rem}.form-feedback-success .form-feedback{color:#36b55c}.form-feedback-warning .form-feedback{color:#ff9f1f}.form-feedback-error .form-feedback{color:#ed5a5a}.form-label,.form-helper{display:block}.form-label{color:#40484a;font-weight:500;margin-bottom:.5rem;line-height:1.3}.form-label-required{color:red;font-weight:500}.form-feedback-success .form-label{color:#36b55c}.form-feedback-warning .form-label{color:#ff9f1f}.form-feedback-error .form-label{color:#ed5a5a}.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:#36b55c}.form-feedback-warning .form-text-input,.form-feedback-warning .form-textarea{border-color:#ff9f1f}.form-feedback-error .form-text-input,.form-feedback-error .form-textarea{border-color:#ed5a5a}.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:#288644}.form-feedback-warning .form-text-input:focus,.form-feedback-warning .form-textarea:focus{border-color:#e18000}.form-feedback-error .form-text-input:focus,.form-feedback-error .form-textarea:focus{border-color:#e72323}.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}.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}.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}.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}.form-radio+.form-label:before{border-radius:50%;border:1px solid #d4d9dd}.form-radio:checked+.form-label:before{border:5px solid #3f8abf}.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:1px solid #d4d9dd}.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:#36b55c;color:#36b55c}.form-feedback-warning .form-upload+.form-label{border-color:#ff9f1f;color:#ff9f1f}.form-feedback-error .form-upload+.form-label{border-color:#ed5a5a;color:#ed5a5a}.form-upload:focus+.form-label,.form-upload+.form-label:hover{background-color:#fff;border:2px solid #8c9aa6;color:#40484a}.form-feedback-success .form-upload:focus+.form-label,.form-feedback-success .form-upload+.form-label:hover{border-color:#288644;color:#288644}.form-feedback-warning .form-upload:focus+.form-label,.form-feedback-warning .form-upload+.form-label:hover{border-color:#e18000;color:#e18000}.form-feedback-error .form-upload:focus+.form-label,.form-feedback-error .form-upload+.form-label:hover{border-color:#e72323;color:#e72323}table{width:100%;border-collapse:collapse}table th{font-weight:600}table th,table td{text-align:left;padding:0.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}} /*# sourceMappingURL=leap.min.css.map */ diff --git a/js/sass-to-js-custom-functions.js b/js/sass-to-js-custom-functions.js index 5935e20..c552617 100644 --- a/js/sass-to-js-custom-functions.js +++ b/js/sass-to-js-custom-functions.js @@ -18,7 +18,7 @@ var brandColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs round brand-bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-round thl-brand-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); @@ -26,7 +26,7 @@ var brandColors = function(elementId, $elementId, guideClass) { // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs color-text-color'; + hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -67,7 +67,7 @@ var uiColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs round bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-round thl-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); @@ -75,7 +75,7 @@ var uiColors = function(elementId, $elementId, guideClass) { // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs color-text-color'; + hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -116,7 +116,7 @@ var grayColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); @@ -124,7 +124,7 @@ var grayColors = function(elementId, $elementId, guideClass) { // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs color-text-color'; + hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -165,7 +165,7 @@ var textColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs text-bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-text-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); @@ -173,7 +173,7 @@ var textColors = function(elementId, $elementId, guideClass) { // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs color-text-color'; + hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -216,7 +216,7 @@ var topicColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs topic-bg-' + colorClass + '-' + subProp; + colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-topic-bg-' + colorClass + '-' + subProp; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); @@ -224,7 +224,7 @@ var topicColors = function(elementId, $elementId, guideClass) { // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs color-text-color'; + hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass + '-' + subProp); diff --git a/release-notes.html b/release-notes.html index 3dc5212..10be9ca 100644 --- a/release-notes.html +++ b/release-notes.html @@ -6,11 +6,11 @@
-

0.1.0

+

0.1.0

Initial beta release

-

August 18, 2016

+

August 18, 2016

  • Leap has been released as a Beta with initial atomic utility classes.
  • Leap is now a Bower package and can be installed via Bower.
  • @@ -20,13 +20,13 @@
    -

    0.2.0

    +

    0.2.0

    Initial feedback release

    -

    September 6, 2016

    +

    September 6, 2016

      -
    • Added in a .text-color-white class.
    • +
    • Added in a .thl-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.
    • @@ -40,11 +40,11 @@
      -

      0.3.0

      +

      0.3.0

      Secondary feedback release

      -

      September 8, 2016

      +

      September 8, 2016

      • Added !important to primary button class.
      • Made form select styles !important.
      • @@ -55,11 +55,11 @@
        -

        0.4.0

        +

        0.4.0

        Quick button update

        -

        September 13, 2016

        +

        September 13, 2016

        • Hotfix buttons that were being messed up with existing Treehouse styles.
        @@ -68,11 +68,11 @@
        -

        0.5.0

        +

        0.5.0

        Select height update

        -

        September 22, 2016

        +

        September 22, 2016

        • Change padding on select form elements to match input height.
        @@ -81,11 +81,11 @@
        -

        0.5.1

        +

        0.5.1

        Select height update for Safari

        -

        September 22, 2016

        +

        September 22, 2016

        • Change padding on select form elements to match input height in Safari.
        • Changed line-height on select elements to 1.
        • @@ -95,11 +95,11 @@
          -

          0.5.2

          +

          0.5.2

          Select height update for Firefox

          -

          September 22, 2016

          +

          September 22, 2016

          • Change padding on select form elements to match input height in Firefix.
          @@ -108,11 +108,11 @@
          -

          0.6.0

          +

          0.6.0

          Inline button style

          -

          September 28, 2016

          +

          September 28, 2016

          • Added .button--inline to the buttons to make button match from height when they live inline next to text inputs.
          @@ -121,11 +121,11 @@
          -

          0.7.0

          +

          0.7.0

          Form updates

          -

          October 31, 2016

          +

          October 31, 2016

          • Changed padding on select elements so they match text inputs.
          • Changed column padding with new .col-form class that can be chained next to .col-container to change padding within columns to 6px.
          • @@ -136,11 +136,11 @@
            -

            0.8.0

            +

            0.8.0

            Radio updates

            -

            October 31, 2016

            +

            October 31, 2016

            • Changed color of active/inactive radio labels.
            • Added a style change for when text inputs are used as a radio choice.
            • @@ -150,11 +150,11 @@
              -

              0.8.1

              +

              0.8.1

              Adding VR Topic Color

              -

              February 22, 2017

              +

              February 22, 2017

              • Added VR Topic Color
              • Implemented the VR color for use within Leap.
              • @@ -164,11 +164,11 @@
                -

                0.8.2

                +

                0.8.2

                Updating VR variable to full name

                -

                February 22, 2017

                +

                February 22, 2017

                • Changing the Virtual Reality variable from vr to virtual-reality.
                @@ -176,11 +176,11 @@
                -

                0.8.3

                +

                0.8.3

                Adding APIs Topic Color

                -

                March 30, 2017

                +

                March 30, 2017

                • Added APIs topic color
                • Implemented the APIs color for use within Leap.
                • @@ -189,11 +189,11 @@
                -

                0.8.4

                +

                0.8.4

                Adding Data Analysis Topic Color

                -

                April 12, 2017

                +

                April 12, 2017

                • Added Data Analysis topic color
                • Implemented the Data Analysis color for use within Leap.
                • @@ -202,11 +202,11 @@
                -

                0.8.5

                +

                0.8.5

                Adding Security Topic Color

                -

                June 6, 2017

                +

                June 6, 2017

                • Added Security topic color
                • Implemented the Security color for use within Leap.
                • @@ -215,11 +215,11 @@
                -

                0.8.6

                +

                0.8.6

                Adding Go Topic Color

                -

                June 22, 2017

                +

                June 22, 2017

                • Added Go topic color
                • Implemented the Go color for use within Leap.
                • @@ -228,11 +228,11 @@
                -

                0.8.7

                +

                0.8.7

                Adding Quality Assurance Topic Color

                -

                August 21, 2017

                +

                August 21, 2017

                • Added Quality Assurance topic color
                • Implemented the QA color for use within Leap.
                • From 4eed3236230d74c20c5986e9a977092ccc36908a Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 11:28:52 -0500 Subject: [PATCH 07/27] adding in prefixes for display and grabbing a few border classes as well that I missed --- _layouts/default.html | 2 +- _sass/leap/atoms/_display.sass | 2 +- borders.html | 90 +++++------ buttons.html | 6 +- flexbox.html | 276 ++++++++++++++++----------------- grid.html | 48 +++--- icons.html | 2 +- layout.html | 190 +++++++++++------------ responsive.html | 52 +++---- typography.html | 16 +- 10 files changed, 342 insertions(+), 342 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 4498b69..9947a52 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -18,7 +18,7 @@

                  {{ page.title }}

                  {{ content }}
                  - diff --git a/_sass/leap/atoms/_display.sass b/_sass/leap/atoms/_display.sass index e8dad21..6adce2b 100644 --- a/_sass/leap/atoms/_display.sass +++ b/_sass/leap/atoms/_display.sass @@ -8,7 +8,7 @@ $display-types: block, hide, inline, inline-block // Iterate through each type in $display-types @each $type in $display-types - .#{$type}-#{$suffix} + .#{$leap-prefix}-#{$type}-#{$suffix} // We want to use the class "hide" for display: none, // so we need a conditional to make that happen. diff --git a/borders.html b/borders.html index c22d59f..a03fb27 100644 --- a/borders.html +++ b/borders.html @@ -24,68 +24,68 @@

                  Border

                Normal

                -
                .thl-border-xs
                -
                .thl-border-t-xs
                -
                .thl-border-b-xs
                -
                .thl-border-l-xs
                -
                .thl-border-r-xs
                +
                .thl-border-xs
                +
                .thl-border-t-xs
                +
                .thl-border-b-xs
                +
                .thl-border-l-xs
                +
                .thl-border-r-xs

                Dark

                -
                .thl-border-dark-xs
                -
                .thl-border-t-dark-xs
                -
                .thl-border-b-dark-xs
                -
                .thl-border-l-dark-xs
                -
                .thl-border-r-dark-xs
                +
                .thl-border-dark-xs
                +
                .thl-border-t-dark-xs
                +
                .thl-border-b-dark-xs
                +
                .thl-border-l-dark-xs
                +
                .thl-border-r-dark-xs

                Mid

                -
                .thl-border-mid-xs
                -
                .thl-border-t-mid-xs
                -
                .thl-border-b-mid-xs
                -
                .thl-border-l-mid-xs
                -
                .thl-border-r-mid-xs
                +
                .thl-border-mid-xs
                +
                .thl-border-t-mid-xs
                +
                .thl-border-b-mid-xs
                +
                .thl-border-l-mid-xs
                +
                .thl-border-r-mid-xs

                Light

                -
                .thl-border-light-xs
                -
                .thl-border-t-light-xs
                -
                .thl-border-b-light-xs
                -
                .thl-border-l-light-xs
                -
                .thl-border-r-light-xs
                +
                .thl-border-light-xs
                +
                .thl-border-t-light-xs
                +
                .thl-border-b-light-xs
                +
                .thl-border-l-light-xs
                +
                .thl-border-r-light-xs
                -
                <div class="thl-border-xs inline-xs p-05-xs m-r-1-xs">.thl-border-xs</div>
                -<div class="thl-border-t-xs inline-xs p-05-xs m-r-1-xs">.thl-border-t-xs</div>
                -<div class="thl-border-b-xs inline-xs p-05-xs m-r-1-xs">.thl-border-b-xs</div>
                -<div class="thl-border-l-xs inline-xs p-05-xs m-r-1-xs">.thl-border-l-xs</div>
                -<div class="thl-border-r-xs inline-xs p-05-xs m-r-1-xs">.thl-border-r-xs</div>
                +
                <div class="thl-border-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-xs</div>
                +<div class="thl-border-t-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-t-xs</div>
                +<div class="thl-border-b-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-b-xs</div>
                +<div class="thl-border-l-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-l-xs</div>
                +<div class="thl-border-r-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-r-xs</div>

                Removing Borders

                To get a little more control over borders at different breakpoints, we've included a .thl-border-none-xs utility classes. These can be applied to all borders or to specific sides.

                -
                .thl-border-none-xs
                -
                .thl-border-none-t-xs
                -
                .thl-border-none-r-xs
                -
                .thl-border-none-b-xs
                -
                .thl-border-none-l-xs
                +
                .thl-border-none-xs
                +
                .thl-border-none-t-xs
                +
                .thl-border-none-r-xs
                +
                .thl-border-none-b-xs
                +
                .thl-border-none-l-xs
                -
                <div class="thl-border-dark-xs thl-border-none-xs inline-xs p-05-xs m-r-1-xs">.thl-border-none-xs</div>
                -<div class="thl-border-dark-xs thl-border-none-t-xs inline-xs p-05-xs m-r-1-xs">.thl-border-t-xs</div>
                -<div class="thl-border-dark-xs thl-border-none-r-xs inline-xs p-05-xs m-r-1-xs">.thl-border-r-xs</div>
                -<div class="thl-border-dark-xs thl-border-none-b-xs inline-xs p-05-xs m-r-1-xs">.thl-border-b-xs</div>
                -<div class="thl-border-dark-xs thl-border-none-l-xs inline-xs p-05-xs">.thl-border-l-xs</div>
                +
                <div class="thl-border-dark-xs thl-border-none-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-none-xs</div>
                +<div class="thl-border-dark-xs thl-border-none-t-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-t-xs</div>
                +<div class="thl-border-dark-xs thl-border-none-r-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-r-xs</div>
                +<div class="thl-border-dark-xs thl-border-none-b-xs thl-inline-xs p-05-xs m-r-1-xs">.thl-border-b-xs</div>
                +<div class="thl-border-dark-xs thl-border-none-l-xs thl-inline-xs p-05-xs">.thl-border-l-xs</div>

                Rounded Borders

                Its never been easier to add border radius to different corners of an elements. Using .thl-round, .thl-round-t, .thl-round-b, .thl-round-l, .thl-round-r will apply border radius to elements.

                -
                .thl-round
                -
                .thl-round-t
                -
                .thl-round-b
                -
                .thl-round-l
                -
                .thl-round-r
                +
                .thl-round
                +
                .thl-round-t
                +
                .thl-round-b
                +
                .thl-round-l
                +
                .thl-round-r
                -
                <div class="thl-border-dark-xs thl-round inline-xs p-05-xs m-r-1-xs">.thl-round</div>
                -<div class="thl-border-dark-xs thl-round-t inline-xs p-05-xs m-r-1-xs">.thl-round-t</div>
                -<div class="thl-border-dark-xs thl-round-b inline-xs p-05-xs m-r-1-xs">.thl-round-b</div>
                -<div class="thl-border-dark-xs thl-round-l inline-xs p-05-xs m-r-1-xs">.thl-round-l</div>
                -<div class="thl-border-dark-xs thl-round-r inline-xs p-05-xs">.thl-round-r</div>
                +
                <div class="thl-border-dark-xs thl-round thl-inline-xs p-05-xs m-r-1-xs">.thl-round</div>
                +<div class="thl-border-dark-xs thl-round-t thl-inline-xs p-05-xs m-r-1-xs">.thl-round-t</div>
                +<div class="thl-border-dark-xs thl-round-b thl-inline-xs p-05-xs m-r-1-xs">.thl-round-b</div>
                +<div class="thl-border-dark-xs thl-round-l thl-inline-xs p-05-xs m-r-1-xs">.thl-round-l</div>
                +<div class="thl-border-dark-xs thl-round-r thl-inline-xs p-05-xs">.thl-round-r</div>

                Circle

                diff --git a/buttons.html b/buttons.html index a71565a..a85868b 100644 --- a/buttons.html +++ b/buttons.html @@ -33,9 +33,9 @@

                Default

                Size Across Breakpoints

                You can control the size of a button across breakpoints by tacking any of our breakpoint suffixes to the end of the button size class.

                - Small - Normal - Large + Small + Normal + Large
                <a class="m-b-05-xs thl-button thl-button--large-xs" href>Large</a>
                diff --git a/flexbox.html b/flexbox.html index a35b711..5f40d85 100644 --- a/flexbox.html +++ b/flexbox.html @@ -52,26 +52,26 @@

                Flex Direction

.brand-bg-[color].thl-brand-bg-[color] background-color
.brand-color-[color].thl-brand-color-[color] color
.brand-border-[color].thl-brand-border-[color] border-color
.brand-fill-[color].thl-brand-fill-[color] fill (Used for SVGs)
.brand-stroke-[color].thl-brand-stroke-[color] stroke (Used for SVGs)
.bg-[color].thl-bg-[color] background-color
.color-[color].thl-color-[color] color
.border-[color].thl-border-[color] border-color
.fill-[color].thl-fill-[color] fill (Used for SVGs)
.stroke-[color].thl-stroke-[color] stroke (Used for SVGs)
.bg-[color].thl-bg-[color] background-color
.color-[color].thl-color-[color] color
.border-[color].thl-border-[color] border-color
.fill-[color].thl-fill-[color] fill (Used for SVGs)
.stroke-[color].thl-stroke-[color] stroke (Used for SVGs)
.text-bg-[color].thl-text-bg-[color] background-color
.text-color-[color].thl-text-color-[color] color
.text-border-[color].thl-text-border-[color] border-color
.text-fill-[color].thl-text-fill-[color] fill (Used for SVGs)
.text-stroke-[color].thl-text-stroke-[color] stroke (Used for SVGs)
.topic-bg-[color]-[value].thl-topic-bg-[color]-[value] background-color
.topic-color-[color]-[value].thl-topic-color-[color]-[value] color
.topic-border-[color]-[value].thl-topic-border-[color]-[value] border-color
.topic-fill-[color]-[value].thl-topic--fill-[color]-[value] fill (Used for SVGs)
.topic-stroke-[color]-[value].thl-topic--stroke-[color]-[value] stroke (Used for SVGs)
-
+
1
2
3
4
-
+
1
2
3
4
-
<div class="flex-block-xs border-xs p-1-xs">
+
<div class="flex-block-xs thl-border-xs p-1-xs">
   <div class="thl-border-dark-xs text-center-xs m-r-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-r-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-r-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs">4</div>
 </div>
-<div class="flex-block-xs flex-column-xs border-xs border-none-t-xs p-1-xs">
+<div class="flex-block-xs flex-column-xs thl-border-xs thl-border-none-t-xs p-1-xs">
   <div class="thl-border-dark-xs text-center-xs m-b-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-b-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-b-05-xs">3</div>
@@ -103,26 +103,26 @@ 

Flex Wrap

-
+
1
2
3
4
-
+
1
2
3
4
-
<div class="flex-block-xs flex-wrap-xs border-xs p-05-xs">
+
<div class="flex-block-xs flex-wrap-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs flex-wrap-reverse-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-wrap-reverse-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
@@ -162,53 +162,53 @@ 

Justify Content

-
+
1
2
3
-
+
1
2
3
-
+
1
2
3
-
+
1
2
3
-
+
1
2
3
-
<div class="flex-block-xs flex-justify-start-xs border-xs p-05-xs">
+
<div class="flex-block-xs flex-justify-start-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-end-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-justify-end-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-center-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-justify-center-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-between-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-justify-between-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-around-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-justify-around-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
@@ -247,53 +247,53 @@ 

Align Items

-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
<div class="flex-block-xs flex-item-start-xs border-xs p-05-xs">
+
<div class="flex-block-xs flex-item-start-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-end-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-item-end-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-center-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-item-center-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-stretch-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-item-stretch-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-baseline-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs flex-item-baseline-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 70px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 100px;">4<br>5</div>
@@ -337,35 +337,35 @@ 

Align Content

-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
@@ -373,35 +373,35 @@

Align Content

5
-
<div class="flex-block-xs flex-content-start-xs flex-wrap-xs border-xs p-05-xs" style="min-height:300px;">
+
<div class="flex-block-xs flex-content-start-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-end-xs flex-wrap-xs border-xs p-05-xs" style="min-height:300px;">
+<div class="flex-block-xs flex-content-end-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-center-xs flex-wrap-xs border-xs p-05-xs" style="min-height:300px;">
+<div class="flex-block-xs flex-content-center-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-around-xs flex-wrap-xs border-xs p-05-xs" style="min-height:300px;">
+<div class="flex-block-xs flex-content-around-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-between-xs flex-wrap-xs border-xs p-05-xs" style="min-height:300px;">
+<div class="flex-block-xs flex-content-between-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
@@ -417,149 +417,149 @@ 

Flex Items

Order

By default, items are laid out in source order. By using the order property, we can control the order inside the flex container. Leap contains built in ordering classes of .flex-order-[n]-xs, where n is an integer from 1 to 6. Any item without an order will default to 1 and matching orders will be grouped together in the appropriate order. You can rearrange the order across breakpoints with breakpoint suffixes.

-
-
1
+
+
1
2
3
4
-
-
1
-
2
-
3
-
4
+
+
1
+
2
+
3
+
4
-
-
1
-
2
-
3
-
4
+
+
1
+
2
+
3
+
4
-
<div class="flex-block-xs border-xs p-05-xs">
-  <div class="flex-order-2-xs border-dark-xs text-center-xs m-05-xs">1</div>
+
<div class="flex-block-xs thl-border-xs p-05-xs">
+  <div class="flex-order-2-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="flex-order-4-xs border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-order-1-xs border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-order-2-xs border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-order-3-xs border-dark-xs text-center-xs m-05-xs">4</div>
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="flex-order-4-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="flex-order-1-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="flex-order-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="flex-order-3-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="flex-order-2-lg border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-order-1-lg border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-order-1-lg border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-order-2-lg border-dark-xs text-center-xs m-05-xs">4</div>
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="flex-order-2-lg thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="flex-order-1-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="flex-order-1-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="flex-order-2-lg thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Grow

This property lets an item grow if necessary. It accepts a unitless value that serves as a proportion. The default is 0.

-
+
1
-
2
-
3
+
2
+
3
4
-
-
1
-
2
+
+
1
+
2
3
-
4
+
4
-
+
1
-
2
-
3
+
2
+
3
4
-
<div class="flex-block-xs border-xs p-05-xs">
+
<div class="flex-block-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-grow-1-xs border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-grow-2-xs border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="flex-grow-1-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="flex-grow-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="flex-grow-6-xs border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-grow-3-xs border-dark-xs text-center-xs m-05-xs">2</div>
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="flex-grow-6-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="flex-grow-3-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-grow-1-xs border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="flex-grow-1-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-grow-2-lg border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-grow-4-lg border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="flex-grow-2-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="flex-grow-4-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Shrink

This property lets an item shrink if necessary. It accepts a unitless value that serves as a proportion. The default is 1.

-
+
1
-
2
-
3
+
2
+
3
4
-
-
1
-
2
+
+
1
+
2
3
-
4
+
4
-
+
1
-
2
-
3
+
2
+
3
4
-
<div class="flex-block-xs border-xs p-05-xs">
+
<div class="flex-block-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-shrink-2-xs border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-shrink-2-xs border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="flex-shrink-4-xs border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-shrink-3-xs border-dark-xs text-center-xs m-05-xs">2</div>
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="flex-shrink-4-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="flex-shrink-3-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-shrink-2-xs border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-shrink-2-lg border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-shrink-4-lg border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="flex-shrink-2-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="flex-shrink-4-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Basis

This property defines the default size of an element before the remaining space is distributed. It can be a length or keyword, like "auto". The default is auto. To use percentages, use the same widths we have available in our .col classes, like .flex-basis-20-xs. To use our default spacing units, try .flex-basis-s2-xs.

-
-
1
-
2
-
3
+
+
1
+
2
+
3
-
-
1
-
2
-
3
+
+
1
+
2
+
3
-
<div class="flex-block-xs border-xs p-05-xs">
-  <div class="flex-basis-33-xs flex-basis-20-lg border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
-  <div class="flex-basis-33-xs flex-basis-60-lg border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
-  <div class="flex-basis-33-xs flex-basis-20-lg border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
+
<div class="flex-block-xs thl-border-xs p-05-xs">
+  <div class="flex-basis-33-xs flex-basis-20-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
+  <div class="flex-basis-33-xs flex-basis-60-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
+  <div class="flex-basis-33-xs flex-basis-20-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
-  <div class="flex-basis-s2-xs border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
-  <div class="flex-basis-s4-xs border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
-  <div class="flex-basis-s6-xs border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="flex-basis-s2-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
+  <div class="flex-basis-s4-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
+  <div class="flex-basis-s6-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
 </div>
@@ -599,55 +599,55 @@

Align Self

-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
<div class="flex-block-xs border-xs p-05-xs">
+
<div class="flex-block-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-start-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="flex-self-start-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-end-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="flex-self-end-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-center-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="flex-self-center-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-stretch-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="flex-self-stretch-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs border-xs border-none-t-xs p-05-xs">
+<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-baseline-xs border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="flex-self-baseline-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
diff --git a/grid.html b/grid.html index 39611f4..e19cf32 100644 --- a/grid.html +++ b/grid.html @@ -173,47 +173,47 @@

Responsive Breakpoint Classes

Our mobile first grid comes with a set of breakpoint class suffixes that can be used to override columns across breakpoints. For example, if a div needs to take up the full width of the page across all display sizes, use .col-100-xs. If that same div needs to be half width at the medium breakpoint and a quarter at our large breakpoints, add .col-50-md and .col-33-lg. Resize the browser to see the effect in action. Note that there are also suffixes for small and extra large. You can learn more about the breakpoints in our responsive documentation

- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
<div class="col-container">
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs block-lg">.col-25-lg</span>
 </div>
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs block-lg">.col-25-lg</span>
 </div>
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs block-lg">.col-25-lg</span>
 </div>
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs block-lg">.col-25-lg</span>
 </div>
 </div>
diff --git a/icons.html b/icons.html index ce0e8c0..0bdd5a7 100644 --- a/icons.html +++ b/icons.html @@ -6,7 +6,7 @@
-

Common UI Icons

WIP: Only use in docs +

Common UI Icons

WIP: Only use in docs

Currently, Leap only comes with a few basic icons that will cover a lot of common UI pieces. For all other icons, continue using our rails helper that is built into the Treehouse app.

diff --git a/layout.html b/layout.html index fe2f952..0c177a6 100644 --- a/layout.html +++ b/layout.html @@ -26,16 +26,16 @@

Floats

-
.float-l-xs
-
.float-r-xs
+
.float-l-xs
+
.float-r-xs
-
.float-none-xs
+
.float-none-xs
<div class="col-container">
-<div class="float-l-xs border-dark-xs">.float-l-xs</div>
-<div class="float-r-xs border-dark-xs">.float-r-xs</div>
+<div class="float-l-xs thl-border-dark-xs">.float-l-xs</div>
+<div class="float-r-xs thl-border-dark-xs">.float-r-xs</div>
 </div>
-<div class="float-none-xs border-dark-xs m-t-05-xs">.float-none-xs</div>
+<div class="float-none-xs thl-border-dark-xs m-t-05-xs">.float-none-xs</div>
@@ -43,16 +43,16 @@

Floats

Display

-

Use .hide-xs, .block-xs, .inline-xs and .inline-block-xs to change an element's display.

-
.hide-xs
-
.block-xs
-
.inline-xs
-
.inline-block-xs
+

Use .thl-hide-xs, .thl-block-xs, .thl-inline-xs and .thl-inline-block-xs to change an element's display.

+
.thl-hide-xs
+
.thl-block-xs
+
.thl-inline-xs
+
.thl-inline-block-xs
-
<div class="hide-xs">.hide-xs</div>
-<div class="block-xs border-mid-xs">.block-xs</div>
-<div class="inline-xs border-mid-xs">.inline-xs</div>
-<div class="inline-block-xs border-mid-xs">.inline-block-xs</div>
+
<div class="thl-hide-xs">.thl-hide-xs</div>
+<div class="thl-block-xs thl-border-mid-xs">.thl-block-xs</div>
+<div class="thl-inline-xs thl-border-mid-xs">.thl-inline-xs</div>
+<div class="thl-inline-block-xs thl-border-mid-xs">.thl-inline-block-xs</div>
@@ -61,41 +61,41 @@

Display

Overflow

Use .overflow-hidden-xs, .overflow-auto-xs, .overflow-scroll-xs and .overflow-visible-xs to change an element's overflow.

-
+

.overflow-hidden-xs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum maiores esse vel quia, voluptates quos. Tempora natus iste aperiam sequi mollitia, doloremque quas recusandae, rerum minima dolorum, veritatis vitae maxime.

-
+

.overflow-auto-xs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum maiores esse vel quia, voluptates quos. Tempora natus iste aperiam sequi mollitia, doloremque quas recusandae, rerum minima dolorum, veritatis vitae maxime.

-
+

.overflow-scroll-xs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum maiores esse vel quia, voluptates quos. Tempora natus iste aperiam sequi mollitia, doloremque quas recusandae, rerum minima dolorum, veritatis vitae maxime.

-
+

.overflow-visible-xs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum maiores esse vel quia, voluptates quos. Tempora natus iste aperiam sequi mollitia, doloremque quas recusandae, rerum minima dolorum, veritatis vitae maxime.

-
<div class="overflow-hidden-xs p-1-xs m-b-1-xs border-dark-xs" style="height: 110px">
+
<div class="overflow-hidden-xs p-1-xs m-b-1-xs thl-border-dark-xs" style="height: 110px">
 <p>.overflow-hidden-xs</p>
 <p>...</p>
 </div>
 
-<div class="overflow-auto-xs p-1-xs m-b-1-xs border-dark-xs" style="height: 110px">
+<div class="overflow-auto-xs p-1-xs m-b-1-xs thl-border-dark-xs" style="height: 110px">
 <p>.overflow-auto-xs</p>
 <p>...</p>
 </div>
 
-<div class="overflow-scroll-xs p-1-xs m-b-1-xs border-dark-xs" style="height: 110px">
+<div class="overflow-scroll-xs p-1-xs m-b-1-xs thl-border-dark-xs" style="height: 110px">
 <p>.overflow-scroll-xs</p>
 <p>...</p>
 </div>
 
-<div class="overflow-visible-xs p-1-xs m-b-3-xs border-dark-xs" style="height: 110px">
+<div class="overflow-visible-xs p-1-xs m-b-3-xs thl-border-dark-xs" style="height: 110px">
 <p>.overflow-visible-xs</p>
 <p>...</p>
 </div>
@@ -107,20 +107,20 @@

Overflow

Width & Height

Most widths will be set using our grid layout. However, Leap provides .w-fit-xs to set an elements max-width to 100%, additionally it has .w-full-xs and .h-full-xs to set an elements width to 100%. You can use .w-auto-xs to set an elements width to auto.

-
.w-fit-xs
-
.w-full-xs
+
.w-fit-xs
+
.w-full-xs
-
.h-full-xs
+
.h-full-xs
-
.w-auto-xs
+
.w-auto-xs
-
<div class="w-fit-xs border-dark-xs p-1-xs m-b-1-xs">.w-fit-xs</div>
-<div class="w-full-xs border-dark-xs p-1-xs m-b-1-xs">.w-full-xs</div>
+
<div class="w-fit-xs thl-border-dark-xs p-1-xs m-b-1-xs">.w-fit-xs</div>
+<div class="w-full-xs thl-border-dark-xs p-1-xs m-b-1-xs">.w-full-xs</div>
 <div class="thl-border-xs p-05-xs m-b-1-xs" style="height: 100px">
-<div class="h-full-xs col-20-xs border-dark-xs p-1-xs">.h-full-xs</div>
+<div class="h-full-xs col-20-xs thl-border-dark-xs p-1-xs">.h-full-xs</div>
 </div>
-<div class="w-auto-xs border-dark-xs p-1-xs">.w-auto-xs</div>
+<div class="w-auto-xs thl-border-dark-xs p-1-xs">.w-auto-xs</div>
 
@@ -199,26 +199,26 @@

Uniform Spacing

-
-
m-05-xs
-
m-1-xs
-
m-2-xs
-
m-3-xs
-
p-05-xs
-
p-1-xs
-
p-2-xs
-
p-3-xs
+
+
m-05-xs
+
m-1-xs
+
m-2-xs
+
m-3-xs
+
p-05-xs
+
p-1-xs
+
p-2-xs
+
p-3-xs
-
<div class="col-container border-xs">
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-05-xs">m-05-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-1-xs">m-1-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-2-xs">m-2-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-3-xs">m-3-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-05-xs">p-05-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-1-xs">p-1-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-2-xs">p-2-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-3-xs">p-3-xs</div>
+
<div class="col-container thl-border-xs">
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-05-xs">m-05-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-1-xs">m-1-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-2-xs">m-2-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-3-xs">m-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-05-xs">p-05-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-1-xs">p-1-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-2-xs">p-2-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-3-xs">p-3-xs</div>
 </div>
@@ -249,26 +249,26 @@

Individual Spacing

-
-
m-t-3-xs
-
m-t-4-xs
-
m-t-5-xs
-
m-t-6-xs
-
p-l-3-xs
-
p-l-4-xs
-
p-l-5-xs
-
p-l-6-xs
+
+
m-t-3-xs
+
m-t-4-xs
+
m-t-5-xs
+
m-t-6-xs
+
p-l-3-xs
+
p-l-4-xs
+
p-l-5-xs
+
p-l-6-xs
-
<div class="col-container border-xs">
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-3-xs">m-t-3-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-4-xs">m-t-4-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-5-xs">m-t-5-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs m-t-6-xs">m-t-6-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-3-xs">p-l-3-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-4-xs">p-l-4-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-5-xs">p-l-5-xs</div>
-<div class="thl-border-dark-xs float-l-xs inline-block-xs p-l-6-xs">p-l-6-xs</div>
+
<div class="col-container thl-border-xs">
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-3-xs">m-t-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-4-xs">m-t-4-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-5-xs">m-t-5-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-6-xs">m-t-6-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-3-xs">p-l-3-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-4-xs">p-l-4-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-5-xs">p-l-5-xs</div>
+<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-6-xs">p-l-6-xs</div>
 </div>
@@ -308,41 +308,41 @@

Z-Index

-
+
.relative-xs .pos-t-2-xs .pos-l-5-xs
-
+
.relative-xs -
+
.absolute-xs .pos-t-4-xs .pos-l-5-xs
-
-
+
+
.absolute-xs .pos-t-1-xs .pos-l-2-xs
-
+
.absolute-xs .pos-t-4-xs .pos-l-4-xs
<div class="thl-border-xs p-2-xs m-b-1-xs">
-<div class="relative-xs pos-t-2-xs pos-l-5-xs border-dark-xs inline-xs">
+<div class="relative-xs pos-t-2-xs pos-l-5-xs thl-border-dark-xs inline-xs">
 .relative-xs .pos-t-2-xs .pos-l-5-xs
 </div>
 </div>
-<div class="relative-xs border-xs p-3-xs m-b-1-xs">
+<div class="relative-xs thl-border-xs p-3-xs m-b-1-xs">
 .relative-xs
-<div class="absolute-xs pos-t-4-xs pos-l-5-xs border-dark-xs">
+<div class="absolute-xs pos-t-4-xs pos-l-5-xs thl-border-dark-xs">
 .absolute-xs .pos-t-4-xs .pos-l-5-xs
 </div>
 </div>
-<div class="relative-xs border-xs p-5-xs">
-<div class="absolute-xs pos-t-1-xs pos-l-2-xs border-dark-xs p-05-xs z-2-xs" style="background: #fff">
+<div class="relative-xs thl-border-xs p-5-xs">
+<div class="absolute-xs pos-t-1-xs pos-l-2-xs thl-border-dark-xs p-05-xs z-2-xs" style="background: #fff">
 .absolute-xs .pos-t-1-xs .pos-l-2-xs
 </div>
-<div class="absolute-xs pos-t-4-xs pos-l-4-xs border-dark-xs p-05-xs z-1-xs">
+<div class="absolute-xs pos-t-4-xs pos-l-4-xs thl-border-dark-xs p-05-xs z-1-xs">
 .absolute-xs .pos-t-4-xs .pos-l-4-xs
 </div>
 </div>
@@ -390,22 +390,22 @@

Vertical Alignment

Rotation

You can rotate elements by using .rotate-n-xs, where n is 0, 45, 90, 135, 180, 225, 270, or 315. You can also change rotation across breakpoints (using our breakpoint suffixes) to accomodate different layouts.

- - - - - - - - + + + + + + + +
-
<span class="rotate-0-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-45-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-90-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-135-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-180-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-225-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-270-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
-<span class="rotate-315-xs border-dark-xs border-none-t-xs inline-block-xs p-2-xs" style="height:60px;"></span>
+
<span class="rotate-0-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-45-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-90-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-135-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-180-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-225-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-270-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs m-r-2-xs" style="height:60px;"></span>
+<span class="rotate-315-xs thl-border-dark-xs thl-border-none-t-xs thl-inline-block-xs p-2-xs" style="height:60px;"></span>
diff --git a/responsive.html b/responsive.html index bf02816..68d716e 100644 --- a/responsive.html +++ b/responsive.html @@ -12,47 +12,47 @@

Responsive Suffixes

To see this in action, resize your browser and pay attention to how this grid layout changes.

- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
- .col-100-xs - .col-50-md - .col-25-lg + .col-100-xs + .col-50-md + .col-25-lg
<div class="col-container">
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="thl-block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs thl-block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs thl-block-lg">.col-25-lg</span>
 </div>
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="thl-block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs thl-block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs thl-block-lg">.col-25-lg</span>
 </div>
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="thl-block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs thl-block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs thl-block-lg">.col-25-lg</span>
 </div>
 <div class="col col-100-xs col-50-md col-25-lg border-dark-xs">
-<span class="block-xs hide-md hide-lg">.col-100-xs</span>
-<span class="hide-xs block-md hide-lg">.col-50-md</span>
-<span class="hide-xs block-lg">.col-25-lg</span>
+<span class="thl-block-xs thl-hide-md thl-hide-lg">.col-100-xs</span>
+<span class="thl-hide-xs thl-block-md thl-hide-lg">.col-50-md</span>
+<span class="thl-hide-xs thl-block-lg">.col-25-lg</span>
 </div>
 </div>
@@ -106,7 +106,7 @@

What can be suffixed?

- + @@ -154,7 +154,7 @@

What can be suffixed?

- + diff --git a/typography.html b/typography.html index f0a6bec..633a8c0 100644 --- a/typography.html +++ b/typography.html @@ -52,10 +52,10 @@

Headers and Text Sizing

- .text-6-xs - .text-5-sm - .text-4-md - .text-3-lg + .text-6-xs + .text-5-sm + .text-4-md + .text-3-lg Resize your browser to see this text size change.

@@ -63,10 +63,10 @@

Headers and Text Sizing

<div class="thl-border-mid-xs m-b-3-xs p-1-xs">
 <p class="text-6-xs text-5-sm text-4-md text-3-lg">
-<span class="inline-block-xs hide-sm">.text-6-xs</span>
-<span class="hide-xs hide-md inline-block-sm">.text-5-sm</span>
-<span class="hide-xs hide-lg inline-block-md">.text-4-md</span>
-<span class="hide-xs inline-block-lg">.text-3-lg</span>
+<span class="thl-inline-block-xs thl-hide-sm">.text-6-xs</span>
+<span class="thl-hide-xs thl-hide-md thl-inline-block-sm">.text-5-sm</span>
+<span class="thl-hide-xs thl-hide-lg thl-inline-block-md">.text-4-md</span>
+<span class="thl-hide-xs thl-inline-block-lg">.text-3-lg</span>
 <span class="m-r-1-xs p-r-1-xs border-r-dark-xs"></span>
 Resize your browser to see this text size change.
 </p>

From e6af098b6dad7e1d4909d52dc2001b0402ebb000 Mon Sep 17 00:00:00 2001
From: Matthew Spiel 
Date: Fri, 1 Sep 2017 12:18:42 -0500
Subject: [PATCH 08/27] updating flex classes on flexbox page

---
 _sass/leap/atoms/_flexbox.sass |  28 +--
 flexbox.html                   | 348 ++++++++++++++++-----------------
 2 files changed, 188 insertions(+), 188 deletions(-)

diff --git a/_sass/leap/atoms/_flexbox.sass b/_sass/leap/atoms/_flexbox.sass
index a601beb..5e8a84f 100644
--- a/_sass/leap/atoms/_flexbox.sass
+++ b/_sass/leap/atoms/_flexbox.sass
@@ -1,6 +1,6 @@
 // Adds flex and flex-inline classes
 @mixin flex-container($suffix)
-  .flex
+  .#{$leap-prefix}-flex
     &-block-#{$suffix}
       display: flex !important
     &-inline-#{$suffix}
@@ -9,18 +9,18 @@
 // Adds flex direction classes
 @mixin flex-direction($suffix)
   @each $direction in row, row-reverse, column, column-reverse
-    .flex-#{$direction}-#{$suffix}
+    .#{$leap-prefix}-flex-#{$direction}-#{$suffix}
       flex-direction: $direction !important
 
 // Adds flex wrap classes
 @mixin flex-wrap($suffix)
   @each $type in wrap, nowrap, wrap-reverse
-    .flex-#{$type}-#{$suffix}
+    .#{$leap-prefix}-flex-#{$type}-#{$suffix}
       flex-wrap: $type !important
 
 // Adds justify-content classes
 @mixin flex-justify-content($suffix)
-  .flex-justify
+  .#{$leap-prefix}-flex-justify
     &-start-#{$suffix}
       justify-content: flex-start !important
     &-end-#{$suffix}
@@ -34,7 +34,7 @@
 
 // Adds align-items classes
 @mixin flex-align-items($suffix)
-  .flex-item
+  .#{$leap-prefix}-flex-item
     &-start-#{$suffix}
       align-items: flex-start !important
     &-end-#{$suffix}
@@ -48,7 +48,7 @@
 
 // Adds align-content classes
 @mixin flex-align-content($suffix)
-  .flex-content
+  .#{$leap-prefix}-flex-content
     &-start-#{$suffix}
       align-content: flex-start !important
     &-end-#{$suffix}
@@ -65,19 +65,19 @@
 // Adds flex-order classes
 @mixin flex-order($suffix)
   @each $num in 1,2,3,4,5,6
-    .flex-order-#{$num}-#{$suffix}
+    .#{$leap-prefix}-flex-order-#{$num}-#{$suffix}
       order: $num !important
 
 // Adds flex-grow classes
 @mixin flex-grow($suffix)
   @each $num in 0,1,2,3,4,5,6
-    .flex-grow-#{$num}-#{$suffix}
+    .#{$leap-prefix}-flex-grow-#{$num}-#{$suffix}
       flex-grow: $num !important
 
 // Adds flex-shrink classes
 @mixin flex-shrink($suffix)
   @each $num in 1,2,3,4,5,6
-    .flex-shrink-#{$num}-#{$suffix}
+    .#{$leap-prefix}-flex-shrink-#{$num}-#{$suffix}
       flex-shrink: $num !important
 
 // Adds flex-basis classes
@@ -85,24 +85,24 @@
   $widths: 5, 10, 15, 20, 25, 30, 33, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, auto
   @each $width in $widths
     @if $width == auto
-      .flex-basis-auto-#{$suffix}
+      .#{$leap-prefix}-flex-basis-auto-#{$suffix}
         flex-basis: $width !important
     @else
-      .flex-basis-#{$width}-#{$suffix}
+      .#{$leap-prefix}-flex-basis-#{$width}-#{$suffix}
         flex-basis: percentage($width/100) !important
   @each $unit, $value in $spacing
     // We don't want a class of "0.5" so we use a conditional to
     // let us rename is at "05" in this instance
     @if $unit == 0.5
-      .flex-basis-s05-#{$suffix}
+      .#{$leap-prefix}-flex-basis-s05-#{$suffix}
         flex-basis: spacing($unit) !important
     @else
-      .flex-basis-s#{$unit}-#{$suffix}
+      .#{$leap-prefix}-flex-basis-s#{$unit}-#{$suffix}
         flex-basis: spacing($unit) !important
 
 // Adds align-self classes
 @mixin flex-align-self($suffix)
-  .flex-self
+  .#{$leap-prefix}-flex-self
     &-auto-#{$suffix}
       align-self: auto !important
     &-start-#{$suffix}
diff --git a/flexbox.html b/flexbox.html
index 5f40d85..7b957ec 100644
--- a/flexbox.html
+++ b/flexbox.html
@@ -13,13 +13,13 @@ 

Flex Container

This is the parent of the items that will be laid out using flex box.

Display

-

Defines the flex container and enables a flex context for all of its direct children. To apply this to a container with block, use .flex-block-xs. To apply it with inline, use .flex-inline-xs

+

Defines the flex container and enables a flex context for all of its direct children. To apply this to a container with block, use .thl-flex-block-xs. To apply it with inline, use .thl-flex-inline-xs

-
<div class="flex-block-xs">
+
<div class="thl-flex-block-xs">
   <!-- Children -->
 </div>
 
-<div class="flex-inline-xs">
+<div class="thl-flex-inline-xs">
   <!-- Children -->
 </div>
@@ -35,43 +35,43 @@

Flex Direction

- + - + - - + + - - + +
Display.hide-xs, .block-xs, .inline-xs, .inline-block-xs.thl-hide-xs, .thl-block-xs, .inline-xs, .thl-inline-thl-block-xs
Floats
Block Grid.block-[n]-xs.thl-block-[n]-xs
Flex Box
.flex-row-xs.thl-flex-row-xs (Default) Left to right
.flex-row-reverse-xs.thl-flex-row-reverse-xs Right to left
.flex-column-xsSame as .flex-row-xs but top to bottom.thl-flex-column-xsSame as .thl-flex-row-xs but top to bottom
.flex-column-reverse-xsSame as .flex-row-reverse-xs but bottom to top.thl-flex-column-reverse-xsSame as .thl-flex-row-reverse-xs but bottom to top
-
+
1
2
3
4
-
+
1
2
3
4
-
<div class="flex-block-xs thl-border-xs p-1-xs">
+
<div class="thl-flex-block-xs thl-border-xs p-1-xs">
   <div class="thl-border-dark-xs text-center-xs m-r-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-r-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-r-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs">4</div>
 </div>
-<div class="flex-block-xs flex-column-xs thl-border-xs thl-border-none-t-xs p-1-xs">
+<div class="thl-flex-block-xs thl-flex-column-xs thl-border-xs thl-border-none-t-xs p-1-xs">
   <div class="thl-border-dark-xs text-center-xs m-b-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-b-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-b-05-xs">3</div>
@@ -90,39 +90,39 @@ 

Flex Wrap

- .flex-nowrap-xs + .thl-flex-nowrap-xs (Default) Single-line with no wrapping - .flex-wrap-xs + .thl-flex-wrap-xs Multi-line from left to right - .flex-wrap-reverse-xs + .thl-flex-wrap-reverse-xs Multi-line from right to left -
+
1
2
3
4
-
+
1
2
3
4
-
<div class="flex-block-xs flex-wrap-xs thl-border-xs p-05-xs">
+
<div class="thl-flex-block-xs thl-flex-wrap-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs flex-wrap-reverse-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-wrap-reverse-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
@@ -141,74 +141,74 @@ 

Justify Content

- .flex-justify-start-xs + .thl-flex-justify-start-xs (Default) Items are packed toward the start line - .flex-justify-end-xs + .thl-flex-justify-end-xs Items are packed toward the end line - .flex-justify-center-xs + .thl-flex-justify-center-xs Items are centered along the line - .flex-justify-between-xs + .thl-flex-justify-between-xs Items are evenly distributed in the line. First item on the start line, last item on the end line. - .flex-justify-around-xs + .thl-flex-justify-around-xs Items are evently distributed in the line with equal space around them. Note that visually the spaces aren't equal because each item has equal space on both sides. -
+
1
2
3
-
+
1
2
3
-
+
1
2
3
-
+
1
2
3
-
+
1
2
3
-
<div class="flex-block-xs flex-justify-start-xs thl-border-xs p-05-xs">
+
<div class="thl-flex-block-xs thl-flex-justify-start-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-end-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-justify-end-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-center-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-justify-center-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-between-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-justify-between-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
 </div>
-<div class="flex-block-xs flex-justify-around-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-justify-around-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
@@ -226,74 +226,74 @@ 

Align Items

- .flex-item-start-xs + .thl-flex-item-start-xs Cross-start margin edge of the items is placed on the cross-start line - .flex-item-end-xs + .thl-flex-item-end-xs Cross-end margin edge of the items is placed on the cross-end line - .flex-item-center-xs + .thl-flex-item-center-xs Items are centered in the cross-axis - .flex-item-stretch-xs + .thl-flex-item-stretch-xs (Default) Stretch to fill the container but still respects min/max-width - .flex-item-baseline-xs + .thl-flex-item-baseline-xs Items are aligned such as their baselines align -
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
<div class="flex-block-xs flex-item-start-xs thl-border-xs p-05-xs">
+
<div class="thl-flex-block-xs thl-flex-item-start-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-end-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-item-end-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-center-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-item-center-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-stretch-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-item-stretch-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs flex-item-baseline-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-flex-item-baseline-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 70px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 100px;">4<br>5</div>
@@ -312,60 +312,60 @@ 

Align Content

- .flex-content-start-xs + .thl-flex-content-start-xs Lines packed to the start of the container - .flex-content-end-xs + .thl-flex-content-end-xs Lines packed to the end of the container - .flex-content-center-xs + .thl-flex-content-center-xs Lines packed to the center of the container - .flex-content-around-xs + .thl-flex-content-around-xs Lines evenly distributed with the first line at the start and the last at the end of the container. - .flex-content-between-xs + .thl-flex-content-between-xs Lines evenly distributed with equal space around each line. - .flex-content-stretch-xs + .thl-flex-content-stretch-xs (Default) Lines stretch to take up the remaining space -
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
4
5
-
+
1
2
3
@@ -373,35 +373,35 @@

Align Content

5
-
<div class="flex-block-xs flex-content-start-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
+
<div class="thl-flex-block-xs thl-flex-content-start-xs thl-flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-end-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
+<div class="thl-flex-block-xs thl-flex-content-end-xs thl-flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-center-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
+<div class="thl-flex-block-xs thl-flex-content-center-xs thl-flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-around-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
+<div class="thl-flex-block-xs thl-flex-content-around-xs thl-flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 300px; line-height: 50px;">4</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 400px; line-height: 50px;">5</div>
 </div>
-<div class="flex-block-xs flex-content-between-xs flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
+<div class="thl-flex-block-xs thl-flex-content-between-xs thl-flex-wrap-xs thl-border-xs p-05-xs" style="min-height:300px;">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 500px; line-height: 50px;">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 150px; line-height: 50px;">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; width: 200px; line-height: 50px;">3</div>
@@ -416,150 +416,150 @@ 

Flex Items

These are the children of the parent container. Flex items are what take on the flexible box layout for components and pages.

Order

-

By default, items are laid out in source order. By using the order property, we can control the order inside the flex container. Leap contains built in ordering classes of .flex-order-[n]-xs, where n is an integer from 1 to 6. Any item without an order will default to 1 and matching orders will be grouped together in the appropriate order. You can rearrange the order across breakpoints with breakpoint suffixes.

-
-
1
+

By default, items are laid out in source order. By using the order property, we can control the order inside the flex container. Leap contains built in ordering classes of .thl-flex-order-[n]-xs, where n is an integer from 1 to 6. Any item without an order will default to 1 and matching orders will be grouped together in the appropriate order. You can rearrange the order across breakpoints with breakpoint suffixes.

+
+
1
2
3
4
-
-
1
-
2
-
3
-
4
+
+
1
+
2
+
3
+
4
-
-
1
-
2
-
3
-
4
+
+
1
+
2
+
3
+
4
-
<div class="flex-block-xs thl-border-xs p-05-xs">
-  <div class="flex-order-2-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+
<div class="thl-flex-block-xs thl-border-xs p-05-xs">
+  <div class="thl-flex-order-2-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
-  <div class="flex-order-4-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-order-1-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-order-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-order-3-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="thl-flex-order-4-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-flex-order-1-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-flex-order-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-flex-order-3-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
-  <div class="flex-order-2-lg thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-order-1-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-order-1-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-order-2-lg thl-border-dark-xs text-center-xs m-05-xs">4</div>
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="thl-flex-order-2-lg thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-flex-order-1-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-flex-order-1-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-flex-order-2-lg thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Grow

This property lets an item grow if necessary. It accepts a unitless value that serves as a proportion. The default is 0.

-
+
1
-
2
-
3
+
2
+
3
4
-
-
1
-
2
+
+
1
+
2
3
-
4
+
4
-
+
1
-
2
-
3
+
2
+
3
4
-
<div class="flex-block-xs thl-border-xs p-05-xs">
+
<div class="thl-flex-block-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-grow-1-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-grow-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-flex-grow-1-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-flex-grow-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
-  <div class="flex-grow-6-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-grow-3-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="thl-flex-grow-6-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-flex-grow-3-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-grow-1-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-flex-grow-1-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-grow-2-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-grow-4-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-flex-grow-2-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-flex-grow-4-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Shrink

This property lets an item shrink if necessary. It accepts a unitless value that serves as a proportion. The default is 1.

-
+
1
-
2
-
3
+
2
+
3
4
-
-
1
-
2
+
+
1
+
2
3
-
4
+
4
-
+
1
-
2
-
3
+
2
+
3
4
-
<div class="flex-block-xs thl-border-xs p-05-xs">
+
<div class="thl-flex-block-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
-  <div class="flex-shrink-4-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-shrink-3-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="thl-flex-shrink-4-xs thl-border-dark-xs text-center-xs m-05-xs">1</div>
+  <div class="thl-flex-shrink-3-xs thl-border-dark-xs text-center-xs m-05-xs">2</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">3</div>
-  <div class="flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
+  <div class="thl-flex-shrink-2-xs thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs">1</div>
-  <div class="flex-shrink-2-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
-  <div class="flex-shrink-4-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
+  <div class="thl-flex-shrink-2-lg thl-border-dark-xs text-center-xs m-05-xs">2</div>
+  <div class="thl-flex-shrink-4-lg thl-border-dark-xs text-center-xs m-05-xs">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs">4</div>
 </div>

Flex Basis

-

This property defines the default size of an element before the remaining space is distributed. It can be a length or keyword, like "auto". The default is auto. To use percentages, use the same widths we have available in our .col classes, like .flex-basis-20-xs. To use our default spacing units, try .flex-basis-s2-xs.

-
-
1
-
2
-
3
+

This property defines the default size of an element before the remaining space is distributed. It can be a length or keyword, like "auto". The default is auto. To use percentages, use the same widths we have available in our .col classes, like .thl-flex-basis-20-xs. To use our default spacing units, try .thl-flex-basis-s2-xs.

+
+
1
+
2
+
3
-
-
1
-
2
-
3
+
+
1
+
2
+
3
-
<div class="flex-block-xs thl-border-xs p-05-xs">
-  <div class="flex-basis-33-xs flex-basis-20-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
-  <div class="flex-basis-33-xs flex-basis-60-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
-  <div class="flex-basis-33-xs flex-basis-20-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
+
<div class="thl-flex-block-xs thl-border-xs p-05-xs">
+  <div class="thl-flex-basis-33-xs thl-flex-basis-20-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
+  <div class="thl-flex-basis-33-xs thl-flex-basis-60-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
+  <div class="thl-flex-basis-33-xs thl-flex-basis-20-lg thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
-  <div class="flex-basis-s2-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
-  <div class="flex-basis-s4-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
-  <div class="flex-basis-s6-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+  <div class="thl-flex-basis-s2-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">1</div>
+  <div class="thl-flex-basis-s4-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">2</div>
+  <div class="thl-flex-basis-s6-xs thl-border-dark-xs text-center-xs m-05-xs" style="height: 50px; line-height: 50px;">3</div>
 </div>
@@ -574,80 +574,80 @@

Align Self

- .flex-self-auto-xs + .thl-flex-self-auto-xs (Default) Auto align, which inherits the align-items property - .flex-self-start-xs + .thl-flex-self-start-xs Cross-start margin edge of the items is placed on the cross-start line - .flex-self-end-xs + .thl-flex-self-end-xs Cross-end margin edge of the items is placed on the cross-end line - .flex-self-center-xs + .thl-flex-self-center-xs Items are centered in the cross-axis - .flex-self-stretch-xs + .thl-flex-self-stretch-xs Stretch to fill the container but still respects min/max-width - .flex-self-baseline-xs + .thl-flex-self-baseline-xs Items are aligned such as their baselines align -
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
+
1
2
-
3
+
3
4
5
-
<div class="flex-block-xs thl-border-xs p-05-xs">
+
<div class="thl-flex-block-xs thl-border-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-start-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="thl-flex-self-start-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-end-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="thl-flex-self-end-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-center-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="thl-flex-self-center-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-stretch-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="thl-flex-self-stretch-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
-<div class="flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
+<div class="thl-flex-block-xs thl-border-xs thl-border-none-t-xs p-05-xs">
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">1<br>2</div>
-  <div class="flex-self-baseline-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
+  <div class="thl-flex-self-baseline-xs thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">3</div>
   <div class="thl-border-dark-xs text-center-xs m-05-xs" style="width: 50px; line-height: 50px;">4<br>5</div>
 </div>
From 6f7385eb8f404d32e951b248a701f80697f3e232 Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 12:21:47 -0500 Subject: [PATCH 09/27] updating reponsive example with flex --- responsive.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/responsive.html b/responsive.html index 68d716e..b279dec 100644 --- a/responsive.html +++ b/responsive.html @@ -158,7 +158,7 @@

What can be suffixed?

Flex Box - .flex-xs + .thl-flex-xs Width and Height From f0f863b8cdaa6fee778d399067cfa8aa0f129965 Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 12:25:48 -0500 Subject: [PATCH 10/27] prefixing for float classes --- _sass/leap/atoms/_float.sass | 2 +- js/sass-to-js-custom-functions.js | 10 ++-- layout.html | 82 +++++++++++++++---------------- 3 files changed, 47 insertions(+), 47 deletions(-) diff --git a/_sass/leap/atoms/_float.sass b/_sass/leap/atoms/_float.sass index dad1437..6f35c9d 100644 --- a/_sass/leap/atoms/_float.sass +++ b/_sass/leap/atoms/_float.sass @@ -1,6 +1,6 @@ // Creates the style declarations for each float type @mixin float-style($suffix) - .float + .#{$leap-prefix}-float &-l-#{$suffix} float: left !important diff --git a/js/sass-to-js-custom-functions.js b/js/sass-to-js-custom-functions.js index c552617..87431d3 100644 --- a/js/sass-to-js-custom-functions.js +++ b/js/sass-to-js-custom-functions.js @@ -14,7 +14,7 @@ var brandColors = function(elementId, $elementId, guideClass) { // 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'; + li.className = 'guide-color-item thl-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'); @@ -63,7 +63,7 @@ var uiColors = function(elementId, $elementId, guideClass) { // 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-33-lg col-20-xl'; + li.className = 'guide-color-item thl-float-l-xs m-b-3-xs col-100-sm col-33-lg col-20-xl'; // Create span to hold color var colorSpan = document.createElement('span'); @@ -108,7 +108,7 @@ var grayColors = function(elementId, $elementId, guideClass) { // 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'; + li.className = 'guide-color-item thl-float-l-xs m-b-3-xs col-100-sm col-50-lg col-33-xl'; for (var colorClass in colorJSON) { var colorObj = colorJSON[colorClass]; @@ -157,7 +157,7 @@ var textColors = function(elementId, $elementId, guideClass) { // 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'; + li.className = 'guide-color-item thl-float-l-xs m-b-3-xs col-100-sm col-50-lg col-33-xl'; for (var colorClass in colorJSON) { var colorObj = colorJSON[colorClass]; @@ -209,7 +209,7 @@ var topicColors = function(elementId, $elementId, guideClass) { // 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'; + li.className = 'guide-color-item thl-float-l-xs m-b-3-xs col-100-sm col-50-lg col-33-xl'; for (var subProp in colorObj) { var colorHexValue = colorObj[subProp]; diff --git a/layout.html b/layout.html index 0c177a6..0cdd6e8 100644 --- a/layout.html +++ b/layout.html @@ -2,7 +2,7 @@ layout: default title: Layout subnav: - - Floats + - thl-floats - Display - Overflow - Width/Height @@ -13,9 +13,9 @@ - Rotation --- -
+

Floats

-

To float elements, use the following classes: .float-l-xs, .float-r-xs, and .float-none-xs

+

To thl-float elements, use the following classes: .thl-float-l-xs, .thl-float-r-xs, and .thl-float-none-xs

Directions

@@ -26,16 +26,16 @@

Floats

-
.float-l-xs
-
.float-r-xs
+
.thl-float-l-xs
+
.thl-float-r-xs
-
.float-none-xs
+
.thl-float-none-xs
<div class="col-container">
-<div class="float-l-xs thl-border-dark-xs">.float-l-xs</div>
-<div class="float-r-xs thl-border-dark-xs">.float-r-xs</div>
+<div class="thl-float-l-xs thl-border-dark-xs">.thl-float-l-xs</div>
+<div class="thl-float-r-xs thl-border-dark-xs">.thl-float-r-xs</div>
 </div>
-<div class="float-none-xs thl-border-dark-xs m-t-05-xs">.float-none-xs</div>
+<div class="thl-float-none-xs thl-border-dark-xs m-t-05-xs">.thl-float-none-xs</div>
@@ -200,25 +200,25 @@

Uniform Spacing

-
m-05-xs
-
m-1-xs
-
m-2-xs
-
m-3-xs
-
p-05-xs
-
p-1-xs
-
p-2-xs
-
p-3-xs
+
m-05-xs
+
m-1-xs
+
m-2-xs
+
m-3-xs
+
p-05-xs
+
p-1-xs
+
p-2-xs
+
p-3-xs
<div class="col-container thl-border-xs">
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-05-xs">m-05-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-1-xs">m-1-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-2-xs">m-2-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-3-xs">m-3-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-05-xs">p-05-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-1-xs">p-1-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-2-xs">p-2-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-3-xs">p-3-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-05-xs">m-05-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-1-xs">m-1-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-2-xs">m-2-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-3-xs">m-3-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-05-xs">p-05-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-1-xs">p-1-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-2-xs">p-2-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-3-xs">p-3-xs</div>
 </div>
@@ -250,25 +250,25 @@

Individual Spacing

-
m-t-3-xs
-
m-t-4-xs
-
m-t-5-xs
-
m-t-6-xs
-
p-l-3-xs
-
p-l-4-xs
-
p-l-5-xs
-
p-l-6-xs
+
m-t-3-xs
+
m-t-4-xs
+
m-t-5-xs
+
m-t-6-xs
+
p-l-3-xs
+
p-l-4-xs
+
p-l-5-xs
+
p-l-6-xs
<div class="col-container thl-border-xs">
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-3-xs">m-t-3-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-4-xs">m-t-4-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-5-xs">m-t-5-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs m-t-6-xs">m-t-6-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-3-xs">p-l-3-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-4-xs">p-l-4-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-5-xs">p-l-5-xs</div>
-<div class="thl-border-dark-xs float-l-xs thl-inline-block-xs p-l-6-xs">p-l-6-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-t-3-xs">m-t-3-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-t-4-xs">m-t-4-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-t-5-xs">m-t-5-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs m-t-6-xs">m-t-6-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-l-3-xs">p-l-3-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-l-4-xs">p-l-4-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-l-5-xs">p-l-5-xs</div>
+<div class="thl-border-dark-xs thl-float-l-xs thl-inline-block-xs p-l-6-xs">p-l-6-xs</div>
 </div>
From 5f848860c8fffbe24b82b0814030f914895f80d7 Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 12:26:52 -0500 Subject: [PATCH 11/27] fixing missing block prefix in color js --- js/sass-to-js-custom-functions.js | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/js/sass-to-js-custom-functions.js b/js/sass-to-js-custom-functions.js index 87431d3..2067457 100644 --- a/js/sass-to-js-custom-functions.js +++ b/js/sass-to-js-custom-functions.js @@ -18,15 +18,15 @@ var brandColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-round thl-brand-bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs thl-block-xs thl-round thl-brand-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); - nameSpan.className = 'block-xs text-6-xs'; + nameSpan.className = 'thl-block-xs text-6-xs'; // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; + hexSpan.className = 'thl-block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -67,15 +67,15 @@ var uiColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-round thl-bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs thl-block-xs thl-round thl-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); - nameSpan.className = 'block-xs text-6-xs'; + nameSpan.className = 'thl-block-xs text-6-xs'; // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; + hexSpan.className = 'thl-block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -116,15 +116,15 @@ var grayColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs thl-block-xs thl-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); - nameSpan.className = 'block-xs text-6-xs'; + nameSpan.className = 'thl-block-xs text-6-xs'; // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; + hexSpan.className = 'thl-block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -165,15 +165,15 @@ var textColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-text-bg-' + colorClass; + colorSpan.className = 'p-2-xs m-lr-1-xs thl-block-xs thl-text-bg-' + colorClass; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); - nameSpan.className = 'block-xs text-6-xs'; + nameSpan.className = 'thl-block-xs text-6-xs'; // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; + hexSpan.className = 'thl-block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass); @@ -216,15 +216,15 @@ var topicColors = function(elementId, $elementId, guideClass) { // Create span to hold color var colorSpan = document.createElement('span'); - colorSpan.className = 'p-2-xs m-lr-1-xs block-xs thl-topic-bg-' + colorClass + '-' + subProp; + colorSpan.className = 'p-2-xs m-lr-1-xs thl-block-xs thl-topic-bg-' + colorClass + '-' + subProp; // Create code element to hold var function and hex var nameSpan = document.createElement('span'); - nameSpan.className = 'block-xs text-6-xs'; + nameSpan.className = 'thl-block-xs text-6-xs'; // Create em to hold hex value var hexSpan = document.createElement('em'); - hexSpan.className = 'block-xs text-6-xs thl-color-text-color'; + hexSpan.className = 'thl-block-xs text-6-xs thl-color-text-color'; // Create var function for nameSpan var colorName = document.createTextNode(colorClass + '-' + subProp); From 720822ecb22d08fd6f3553bf5934efffe334c19b Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 12:28:59 -0500 Subject: [PATCH 12/27] replacing more float classes --- grid.html | 2 +- layout.html | 2 +- responsive.html | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/grid.html b/grid.html index e19cf32..068a4d3 100644 --- a/grid.html +++ b/grid.html @@ -140,7 +140,7 @@

Manual Gutters

Centering Columns

-

Sometimes you want to center a single column within its container. This is possible by adding .col-center next to your .col col-n-xs class. You may also control column centering by using our margin and float utility classes. Simply apply .m-auto-xs .float-none-xs and you'll get the same styles as .col-center.

+

Sometimes you want to center a single column within its container. This is possible by adding .col-center next to your .col col-n-xs class. You may also control column centering by using our margin and float utility classes. Simply apply .m-auto-xs .thl-float-none-xs and you'll get the same styles as .col-center.

.col .col-50-xs .col-center
diff --git a/layout.html b/layout.html index 0cdd6e8..d8589ca 100644 --- a/layout.html +++ b/layout.html @@ -2,7 +2,7 @@ layout: default title: Layout subnav: - - thl-floats + - floats - Display - Overflow - Width/Height diff --git a/responsive.html b/responsive.html index b279dec..02c14ac 100644 --- a/responsive.html +++ b/responsive.html @@ -110,7 +110,7 @@

What can be suffixed?

Floats - .float-l-xs, .float-r-xs, .float-none-xs + .thl-float-l-xs, .thl-float-r-xs, .thl-float-none-xs Overflow From 67128314f55631d4a973c5e297a7a07042e39575 Mon Sep 17 00:00:00 2001 From: Matthew Spiel Date: Fri, 1 Sep 2017 14:40:04 -0500 Subject: [PATCH 13/27] updating form classes with prefix and compiling the updated CSS files --- _sass/leap/atoms/_forms.sass | 32 +- css/leap.css | 936 +++++++++++++++++------------------ css/leap.min.css | 2 +- forms.html | 162 +++--- 4 files changed, 566 insertions(+), 566 deletions(-) diff --git a/_sass/leap/atoms/_forms.sass b/_sass/leap/atoms/_forms.sass index 608d58f..0bb185f 100644 --- a/_sass/leap/atoms/_forms.sass +++ b/_sass/leap/atoms/_forms.sass @@ -22,22 +22,22 @@ $form-states: success, warning, error // Mixin for creating form-feedback styles @mixin form-feedback($properties...) @each $state in $form-states - .form-feedback-#{$state} & + .#{$leap-prefix}-form-feedback-#{$state} & @each $prop in $properties #{$prop}: form-feedback-var($state) // Mixin for creating form-feedback-active styles @mixin form-feedback-active($properties...) @each $state in $form-states - .form-feedback-#{$state} & + .#{$leap-prefix}-form-feedback-#{$state} & @each $prop in $properties #{$prop}: form-feedback-var-active($state) // Mixin for creating uniform bg across all form states @mixin form-feedback-bg-active - .form-feedback-success &, - .form-feedback-warning &, - .form-feedback-error & + .#{$leap-prefix}-form-feedback-success &, + .#{$leap-prefix}-form-feedback-warning &, + .#{$leap-prefix}-form-feedback-error & background-color: $form-background-active @@ -142,7 +142,7 @@ $form-states: success, warning, error overflow: hidden position: absolute z-index: -1 - &+.form-label + &+.#{$leap-prefix}-form-label display: block font-weight: normal color: $form-color-inactive @@ -157,29 +157,29 @@ $form-states: success, warning, error bottom: -2px margin-right: .5rem // Input used for "other" input in radio element label - > .form-text-input + > .#{$leap-prefix}-form-text-input height: 24px line-height: 24px padding-left: 0.25rem &:checked - &+.form-label + &+.#{$leap-prefix}-form-label color: $form-color-active // Adding in focus states for accessibility - &:focus+.form-label + &:focus+.#{$leap-prefix}-form-label color: $form-color-active &:before border: 2px solid $form-border-active // Default Radio Styles &-radio - &+.form-label:before + &+.#{$leap-prefix}-form-label:before border-radius: 50% border: 1px solid $border-color-mid // Selected Radio Styles - &:checked+.form-label:before + &:checked+.#{$leap-prefix}-form-label:before border: 5px solid ui-color(blue) // Default Checkbox Styles &-checkbox - &+.form-label:before + &+.#{$leap-prefix}-form-label:before content: '' display: inline-block width: 1rem @@ -187,7 +187,7 @@ $form-states: success, warning, error border-radius: $border-radius border: 1px solid $border-color-mid // Slected Checkbox Styles - &:checked+.form-label:before + &:checked+.#{$leap-prefix}-form-label:before border: none background-color: ui-color(blue) 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") @@ -203,7 +203,7 @@ $form-states: success, warning, error position: absolute z-index: -1 // Overlaying the input label on top of the file upload input - & + .form-label + & + .#{$leap-prefix}-form-label background-color: $form-background-inactive color: $form-color-inactive display: inline-block @@ -217,8 +217,8 @@ $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 + &:focus + .#{$leap-prefix}-form-label, + & + .#{$leap-prefix}-form-label:hover background-color: $form-background-active border: 2px solid $form-border-active color: $form-color-active diff --git a/css/leap.css b/css/leap.css index ff70a89..394e84f 100644 --- a/css/leap.css +++ b/css/leap.css @@ -4999,87 +4999,87 @@ ol { } } @media screen { - .block-xs { + .thl-block-xs { display: block !important; } - .hide-xs { + .thl-hide-xs { display: none !important; } - .inline-xs { + .thl-inline-xs { display: inline !important; } - .inline-block-xs { + .thl-inline-block-xs { display: inline-block !important; } } @media screen and (min-width: 480px) { - .block-sm { + .thl-block-sm { display: block !important; } - .hide-sm { + .thl-hide-sm { display: none !important; } - .inline-sm { + .thl-inline-sm { display: inline !important; } - .inline-block-sm { + .thl-inline-block-sm { display: inline-block !important; } } @media screen and (min-width: 680px) { - .block-md { + .thl-block-md { display: block !important; } - .hide-md { + .thl-hide-md { display: none !important; } - .inline-md { + .thl-inline-md { display: inline !important; } - .inline-block-md { + .thl-inline-block-md { display: inline-block !important; } } @media screen and (min-width: 960px) { - .block-lg { + .thl-block-lg { display: block !important; } - .hide-lg { + .thl-hide-lg { display: none !important; } - .inline-lg { + .thl-inline-lg { display: inline !important; } - .inline-block-lg { + .thl-inline-block-lg { display: inline-block !important; } } @media screen and (min-width: 1140px) { - .block-xl { + .thl-block-xl { display: block !important; } - .hide-xl { + .thl-hide-xl { display: none !important; } - .inline-xl { + .thl-inline-xl { display: inline !important; } - .inline-block-xl { + .thl-inline-block-xl { display: inline-block !important; } } @@ -7514,57 +7514,57 @@ ol { } } @media screen { - .float-l-xs { + .thl-float-l-xs { float: left !important; } - .float-r-xs { + .thl-float-r-xs { float: right !important; } - .float-none-xs { + .thl-float-none-xs { float: none !important; } } @media screen and (min-width: 480px) { - .float-l-sm { + .thl-float-l-sm { float: left !important; } - .float-r-sm { + .thl-float-r-sm { float: right !important; } - .float-none-sm { + .thl-float-none-sm { float: none !important; } } @media screen and (min-width: 680px) { - .float-l-md { + .thl-float-l-md { float: left !important; } - .float-r-md { + .thl-float-r-md { float: right !important; } - .float-none-md { + .thl-float-none-md { float: none !important; } } @media screen and (min-width: 960px) { - .float-l-lg { + .thl-float-l-lg { float: left !important; } - .float-r-lg { + .thl-float-r-lg { float: right !important; } - .float-none-lg { + .thl-float-none-lg { float: none !important; } } @media screen and (min-width: 1140px) { - .float-l-xl { + .thl-float-l-xl { float: left !important; } - .float-r-xl { + .thl-float-r-xl { float: right !important; } - .float-none-xl { + .thl-float-none-xl { float: none !important; } } @@ -8702,13 +8702,13 @@ ol { margin-top: .5rem; font-size: .9rem; } -.form-feedback-success .form-feedback { +.thl-form-feedback-success .form-feedback { color: #36b55c; } -.form-feedback-warning .form-feedback { +.thl-form-feedback-warning .form-feedback { color: #ff9f1f; } -.form-feedback-error .form-feedback { +.thl-form-feedback-error .form-feedback { color: #ed5a5a; } .form-label, .form-helper { @@ -8724,13 +8724,13 @@ ol { color: red; font-weight: 500; } -.form-feedback-success .form-label { +.thl-form-feedback-success .form-label { color: #36b55c; } -.form-feedback-warning .form-label { +.thl-form-feedback-warning .form-label { color: #ff9f1f; } -.form-feedback-error .form-label { +.thl-form-feedback-error .form-label { color: #ed5a5a; } .form-helper { @@ -8768,32 +8768,32 @@ ol { .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 { +.thl-form-feedback-success .form-text-input, .thl-form-feedback-warning .form-text-input, .thl-form-feedback-error .form-text-input, .thl-form-feedback-success .form-textarea, .thl-form-feedback-warning .form-textarea, .thl-form-feedback-error .form-textarea { background-color: #fff; } -.form-feedback-success .form-text-input, .form-feedback-success .form-textarea { +.thl-form-feedback-success .form-text-input, .thl-form-feedback-success .form-textarea { border-color: #36b55c; } -.form-feedback-warning .form-text-input, .form-feedback-warning .form-textarea { +.thl-form-feedback-warning .form-text-input, .thl-form-feedback-warning .form-textarea { border-color: #ff9f1f; } -.form-feedback-error .form-text-input, .form-feedback-error .form-textarea { +.thl-form-feedback-error .form-text-input, .thl-form-feedback-error .form-textarea { border-color: #ed5a5a; } .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 { +.thl-form-feedback-success .form-text-input:focus, .thl-form-feedback-warning .form-text-input:focus, .thl-form-feedback-error .form-text-input:focus, .thl-form-feedback-success .form-textarea:focus, .thl-form-feedback-warning .form-textarea:focus, .thl-form-feedback-error .form-textarea:focus { background-color: #fff; } -.form-feedback-success .form-text-input:focus, .form-feedback-success .form-textarea:focus { +.thl-form-feedback-success .form-text-input:focus, .thl-form-feedback-success .form-textarea:focus { border-color: #288644; } -.form-feedback-warning .form-text-input:focus, .form-feedback-warning .form-textarea:focus { +.thl-form-feedback-warning .form-text-input:focus, .thl-form-feedback-warning .form-textarea:focus { border-color: #e18000; } -.form-feedback-error .form-text-input:focus, .form-feedback-error .form-textarea:focus { +.thl-form-feedback-error .form-text-input:focus, .thl-form-feedback-error .form-textarea:focus { border-color: #e72323; } .form-select { @@ -8833,13 +8833,13 @@ ol { position: absolute; z-index: -1; } -.form-radio + .form-label, .form-checkbox + .form-label { +.form-radio + .thl-form-label, .form-checkbox + .thl-form-label { display: block; font-weight: normal; color: #4b5658; padding: .25rem 0; } -.form-radio + .form-label:before, .form-checkbox + .form-label:before { +.form-radio + .thl-form-label:before, .form-checkbox + .thl-form-label:before { content: ""; display: inline-block; width: 1rem; @@ -8848,28 +8848,28 @@ ol { bottom: -2px; margin-right: .5rem; } -.form-radio + .form-label > .form-text-input, .form-checkbox + .form-label > .form-text-input { +.form-radio + .thl-form-label > .thl-form-text-input, .form-checkbox + .thl-form-label > .thl-form-text-input { height: 24px; line-height: 24px; padding-left: .25rem; } -.form-radio:checked + .form-label, .form-checkbox:checked + .form-label { +.form-radio:checked + .thl-form-label, .form-checkbox:checked + .thl-form-label { color: #40484a; } -.form-radio:focus + .form-label, .form-checkbox:focus + .form-label { +.form-radio:focus + .thl-form-label, .form-checkbox:focus + .thl-form-label { color: #40484a; } -.form-radio:focus + .form-label:before, .form-checkbox:focus + .form-label:before { +.form-radio:focus + .thl-form-label:before, .form-checkbox:focus + .thl-form-label:before { border: 2px solid #8c9aa6; } -.form-radio + .form-label:before { +.form-radio + .thl-form-label:before { border-radius: 50%; border: 1px solid #d4d9dd; } -.form-radio:checked + .form-label:before { +.form-radio:checked + .thl-form-label:before { border: 5px solid #3f8abf; } -.form-checkbox + .form-label:before { +.form-checkbox + .thl-form-label:before { content: ""; display: inline-block; width: 1rem; @@ -8877,7 +8877,7 @@ ol { border-radius: 4px; border: 1px solid #d4d9dd; } -.form-checkbox:checked + .form-label:before { +.form-checkbox:checked + .thl-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"); @@ -8892,7 +8892,7 @@ ol { position: absolute; z-index: -1; } -.form-upload + .form-label { +.form-upload + .thl-form-label { background-color: #f9fafa; color: #4b5658; display: inline-block; @@ -8903,35 +8903,35 @@ ol { 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 { +.thl-form-feedback-success .form-upload + .thl-form-label, .thl-form-feedback-warning .form-upload + .thl-form-label, .thl-form-feedback-error .form-upload + .thl-form-label { background-color: #fff; } -.form-feedback-success .form-upload + .form-label { +.thl-form-feedback-success .form-upload + .thl-form-label { border-color: #36b55c; color: #36b55c; } -.form-feedback-warning .form-upload + .form-label { +.thl-form-feedback-warning .form-upload + .thl-form-label { border-color: #ff9f1f; color: #ff9f1f; } -.form-feedback-error .form-upload + .form-label { +.thl-form-feedback-error .form-upload + .thl-form-label { border-color: #ed5a5a; color: #ed5a5a; } -.form-upload:focus + .form-label, .form-upload + .form-label:hover { +.form-upload:focus + .thl-form-label, .form-upload + .thl-form-label:hover { background-color: #fff; border: 2px solid #8c9aa6; color: #40484a; } -.form-feedback-success .form-upload:focus + .form-label, .form-feedback-success .form-upload + .form-label:hover { +.thl-form-feedback-success .form-upload:focus + .thl-form-label, .thl-form-feedback-success .form-upload + .thl-form-label:hover { border-color: #288644; color: #288644; } -.form-feedback-warning .form-upload:focus + .form-label, .form-feedback-warning .form-upload + .form-label:hover { +.thl-form-feedback-warning .form-upload:focus + .thl-form-label, .thl-form-feedback-warning .form-upload + .thl-form-label:hover { border-color: #e18000; color: #e18000; } -.form-feedback-error .form-upload:focus + .form-label, .form-feedback-error .form-upload + .form-label:hover { +.thl-form-feedback-error .form-upload:focus + .thl-form-label, .thl-form-feedback-error .form-upload + .thl-form-label:hover { border-color: #e72323; color: #e72323; } @@ -9280,1512 +9280,1512 @@ table td { } } @media screen { - .flex-block-xs { + .thl-flex-block-xs { display: flex !important; } - .flex-inline-xs { + .thl-flex-inline-xs { display: flex-inline !important; } - .flex-row-xs { + .thl-flex-row-xs { flex-direction: row !important; } - .flex-row-reverse-xs { + .thl-flex-row-reverse-xs { flex-direction: row-reverse !important; } - .flex-column-xs { + .thl-flex-column-xs { flex-direction: column !important; } - .flex-column-reverse-xs { + .thl-flex-column-reverse-xs { flex-direction: column-reverse !important; } - .flex-wrap-xs { + .thl-flex-wrap-xs { flex-wrap: wrap !important; } - .flex-nowrap-xs { + .thl-flex-nowrap-xs { flex-wrap: nowrap !important; } - .flex-wrap-reverse-xs { + .thl-flex-wrap-reverse-xs { flex-wrap: wrap-reverse !important; } - .flex-justify-start-xs { + .thl-flex-justify-start-xs { justify-content: flex-start !important; } - .flex-justify-end-xs { + .thl-flex-justify-end-xs { justify-content: flex-end !important; } - .flex-justify-center-xs { + .thl-flex-justify-center-xs { justify-content: center !important; } - .flex-justify-between-xs { + .thl-flex-justify-between-xs { justify-content: space-between !important; } - .flex-justify-around-xs { + .thl-flex-justify-around-xs { justify-content: space-around !important; } - .flex-item-start-xs { + .thl-flex-item-start-xs { align-items: flex-start !important; } - .flex-item-end-xs { + .thl-flex-item-end-xs { align-items: flex-end !important; } - .flex-item-center-xs { + .thl-flex-item-center-xs { align-items: center !important; } - .flex-item-stretch-xs { + .thl-flex-item-stretch-xs { align-items: stretch !important; } - .flex-item-baseline-xs { + .thl-flex-item-baseline-xs { align-items: baseline !important; } - .flex-content-start-xs { + .thl-flex-content-start-xs { align-content: flex-start !important; } - .flex-content-end-xs { + .thl-flex-content-end-xs { align-content: flex-end !important; } - .flex-content-center-xs { + .thl-flex-content-center-xs { align-content: center !important; } - .flex-content-around-xs { + .thl-flex-content-around-xs { align-content: space-around !important; } - .flex-content-between-xs { + .thl-flex-content-between-xs { align-content: space-between !important; } - .flex-content-stretch-xs { + .thl-flex-content-stretch-xs { align-content: stretch !important; } - .flex-order-1-xs { + .thl-flex-order-1-xs { order: 1 !important; } - .flex-order-2-xs { + .thl-flex-order-2-xs { order: 2 !important; } - .flex-order-3-xs { + .thl-flex-order-3-xs { order: 3 !important; } - .flex-order-4-xs { + .thl-flex-order-4-xs { order: 4 !important; } - .flex-order-5-xs { + .thl-flex-order-5-xs { order: 5 !important; } - .flex-order-6-xs { + .thl-flex-order-6-xs { order: 6 !important; } - .flex-grow-0-xs { + .thl-flex-grow-0-xs { flex-grow: 0 !important; } - .flex-grow-1-xs { + .thl-flex-grow-1-xs { flex-grow: 1 !important; } - .flex-grow-2-xs { + .thl-flex-grow-2-xs { flex-grow: 2 !important; } - .flex-grow-3-xs { + .thl-flex-grow-3-xs { flex-grow: 3 !important; } - .flex-grow-4-xs { + .thl-flex-grow-4-xs { flex-grow: 4 !important; } - .flex-grow-5-xs { + .thl-flex-grow-5-xs { flex-grow: 5 !important; } - .flex-grow-6-xs { + .thl-flex-grow-6-xs { flex-grow: 6 !important; } - .flex-shrink-1-xs { + .thl-flex-shrink-1-xs { flex-shrink: 1 !important; } - .flex-shrink-2-xs { + .thl-flex-shrink-2-xs { flex-shrink: 2 !important; } - .flex-shrink-3-xs { + .thl-flex-shrink-3-xs { flex-shrink: 3 !important; } - .flex-shrink-4-xs { + .thl-flex-shrink-4-xs { flex-shrink: 4 !important; } - .flex-shrink-5-xs { + .thl-flex-shrink-5-xs { flex-shrink: 5 !important; } - .flex-shrink-6-xs { + .thl-flex-shrink-6-xs { flex-shrink: 6 !important; } - .flex-basis-5-xs { + .thl-flex-basis-5-xs { flex-basis: 5% !important; } - .flex-basis-10-xs { + .thl-flex-basis-10-xs { flex-basis: 10% !important; } - .flex-basis-15-xs { + .thl-flex-basis-15-xs { flex-basis: 15% !important; } - .flex-basis-20-xs { + .thl-flex-basis-20-xs { flex-basis: 20% !important; } - .flex-basis-25-xs { + .thl-flex-basis-25-xs { flex-basis: 25% !important; } - .flex-basis-30-xs { + .thl-flex-basis-30-xs { flex-basis: 30% !important; } - .flex-basis-33-xs { + .thl-flex-basis-33-xs { flex-basis: 33% !important; } - .flex-basis-35-xs { + .thl-flex-basis-35-xs { flex-basis: 35% !important; } - .flex-basis-40-xs { + .thl-flex-basis-40-xs { flex-basis: 40% !important; } - .flex-basis-45-xs { + .thl-flex-basis-45-xs { flex-basis: 45% !important; } - .flex-basis-50-xs { + .thl-flex-basis-50-xs { flex-basis: 50% !important; } - .flex-basis-55-xs { + .thl-flex-basis-55-xs { flex-basis: 55% !important; } - .flex-basis-60-xs { + .thl-flex-basis-60-xs { flex-basis: 60% !important; } - .flex-basis-65-xs { + .thl-flex-basis-65-xs { flex-basis: 65% !important; } - .flex-basis-70-xs { + .thl-flex-basis-70-xs { flex-basis: 70% !important; } - .flex-basis-75-xs { + .thl-flex-basis-75-xs { flex-basis: 75% !important; } - .flex-basis-80-xs { + .thl-flex-basis-80-xs { flex-basis: 80% !important; } - .flex-basis-85-xs { + .thl-flex-basis-85-xs { flex-basis: 85% !important; } - .flex-basis-90-xs { + .thl-flex-basis-90-xs { flex-basis: 90% !important; } - .flex-basis-95-xs { + .thl-flex-basis-95-xs { flex-basis: 95% !important; } - .flex-basis-100-xs { + .thl-flex-basis-100-xs { flex-basis: 100% !important; } - .flex-basis-auto-xs { + .thl-flex-basis-auto-xs { flex-basis: auto !important; } - .flex-basis-s0-xs { + .thl-flex-basis-s0-xs { flex-basis: 0rem !important; } - .flex-basis-s05-xs { + .thl-flex-basis-s05-xs { flex-basis: 0.5rem !important; } - .flex-basis-s1-xs { + .thl-flex-basis-s1-xs { flex-basis: 1rem !important; } - .flex-basis-s2-xs { + .thl-flex-basis-s2-xs { flex-basis: 1.5rem !important; } - .flex-basis-s3-xs { + .thl-flex-basis-s3-xs { flex-basis: 2rem !important; } - .flex-basis-s4-xs { + .thl-flex-basis-s4-xs { flex-basis: 3rem !important; } - .flex-basis-s5-xs { + .thl-flex-basis-s5-xs { flex-basis: 4rem !important; } - .flex-basis-s6-xs { + .thl-flex-basis-s6-xs { flex-basis: 5rem !important; } - .flex-self-auto-xs { + .thl-flex-self-auto-xs { align-self: auto !important; } - .flex-self-start-xs { + .thl-flex-self-start-xs { align-self: flex-start !important; } - .flex-self-end-xs { + .thl-flex-self-end-xs { align-self: flex-end !important; } - .flex-self-center-xs { + .thl-flex-self-center-xs { align-self: center !important; } - .flex-self-stretch-xs { + .thl-flex-self-stretch-xs { align-self: stretch !important; } - .flex-self-baseline-xs { + .thl-flex-self-baseline-xs { align-self: baseline !important; } } @media screen and (min-width: 480px) { - .flex-block-sm { + .thl-flex-block-sm { display: flex !important; } - .flex-inline-sm { + .thl-flex-inline-sm { display: flex-inline !important; } - .flex-row-sm { + .thl-flex-row-sm { flex-direction: row !important; } - .flex-row-reverse-sm { + .thl-flex-row-reverse-sm { flex-direction: row-reverse !important; } - .flex-column-sm { + .thl-flex-column-sm { flex-direction: column !important; } - .flex-column-reverse-sm { + .thl-flex-column-reverse-sm { flex-direction: column-reverse !important; } - .flex-wrap-sm { + .thl-flex-wrap-sm { flex-wrap: wrap !important; } - .flex-nowrap-sm { + .thl-flex-nowrap-sm { flex-wrap: nowrap !important; } - .flex-wrap-reverse-sm { + .thl-flex-wrap-reverse-sm { flex-wrap: wrap-reverse !important; } - .flex-justify-start-sm { + .thl-flex-justify-start-sm { justify-content: flex-start !important; } - .flex-justify-end-sm { + .thl-flex-justify-end-sm { justify-content: flex-end !important; } - .flex-justify-center-sm { + .thl-flex-justify-center-sm { justify-content: center !important; } - .flex-justify-between-sm { + .thl-flex-justify-between-sm { justify-content: space-between !important; } - .flex-justify-around-sm { + .thl-flex-justify-around-sm { justify-content: space-around !important; } - .flex-item-start-sm { + .thl-flex-item-start-sm { align-items: flex-start !important; } - .flex-item-end-sm { + .thl-flex-item-end-sm { align-items: flex-end !important; } - .flex-item-center-sm { + .thl-flex-item-center-sm { align-items: center !important; } - .flex-item-stretch-sm { + .thl-flex-item-stretch-sm { align-items: stretch !important; } - .flex-item-baseline-sm { + .thl-flex-item-baseline-sm { align-items: baseline !important; } - .flex-content-start-sm { + .thl-flex-content-start-sm { align-content: flex-start !important; } - .flex-content-end-sm { + .thl-flex-content-end-sm { align-content: flex-end !important; } - .flex-content-center-sm { + .thl-flex-content-center-sm { align-content: center !important; } - .flex-content-around-sm { + .thl-flex-content-around-sm { align-content: space-around !important; } - .flex-content-between-sm { + .thl-flex-content-between-sm { align-content: space-between !important; } - .flex-content-stretch-sm { + .thl-flex-content-stretch-sm { align-content: stretch !important; } - .flex-order-1-sm { + .thl-flex-order-1-sm { order: 1 !important; } - .flex-order-2-sm { + .thl-flex-order-2-sm { order: 2 !important; } - .flex-order-3-sm { + .thl-flex-order-3-sm { order: 3 !important; } - .flex-order-4-sm { + .thl-flex-order-4-sm { order: 4 !important; } - .flex-order-5-sm { + .thl-flex-order-5-sm { order: 5 !important; } - .flex-order-6-sm { + .thl-flex-order-6-sm { order: 6 !important; } - .flex-grow-0-sm { + .thl-flex-grow-0-sm { flex-grow: 0 !important; } - .flex-grow-1-sm { + .thl-flex-grow-1-sm { flex-grow: 1 !important; } - .flex-grow-2-sm { + .thl-flex-grow-2-sm { flex-grow: 2 !important; } - .flex-grow-3-sm { + .thl-flex-grow-3-sm { flex-grow: 3 !important; } - .flex-grow-4-sm { + .thl-flex-grow-4-sm { flex-grow: 4 !important; } - .flex-grow-5-sm { + .thl-flex-grow-5-sm { flex-grow: 5 !important; } - .flex-grow-6-sm { + .thl-flex-grow-6-sm { flex-grow: 6 !important; } - .flex-shrink-1-sm { + .thl-flex-shrink-1-sm { flex-shrink: 1 !important; } - .flex-shrink-2-sm { + .thl-flex-shrink-2-sm { flex-shrink: 2 !important; } - .flex-shrink-3-sm { + .thl-flex-shrink-3-sm { flex-shrink: 3 !important; } - .flex-shrink-4-sm { + .thl-flex-shrink-4-sm { flex-shrink: 4 !important; } - .flex-shrink-5-sm { + .thl-flex-shrink-5-sm { flex-shrink: 5 !important; } - .flex-shrink-6-sm { + .thl-flex-shrink-6-sm { flex-shrink: 6 !important; } - .flex-basis-5-sm { + .thl-flex-basis-5-sm { flex-basis: 5% !important; } - .flex-basis-10-sm { + .thl-flex-basis-10-sm { flex-basis: 10% !important; } - .flex-basis-15-sm { + .thl-flex-basis-15-sm { flex-basis: 15% !important; } - .flex-basis-20-sm { + .thl-flex-basis-20-sm { flex-basis: 20% !important; } - .flex-basis-25-sm { + .thl-flex-basis-25-sm { flex-basis: 25% !important; } - .flex-basis-30-sm { + .thl-flex-basis-30-sm { flex-basis: 30% !important; } - .flex-basis-33-sm { + .thl-flex-basis-33-sm { flex-basis: 33% !important; } - .flex-basis-35-sm { + .thl-flex-basis-35-sm { flex-basis: 35% !important; } - .flex-basis-40-sm { + .thl-flex-basis-40-sm { flex-basis: 40% !important; } - .flex-basis-45-sm { + .thl-flex-basis-45-sm { flex-basis: 45% !important; } - .flex-basis-50-sm { + .thl-flex-basis-50-sm { flex-basis: 50% !important; } - .flex-basis-55-sm { + .thl-flex-basis-55-sm { flex-basis: 55% !important; } - .flex-basis-60-sm { + .thl-flex-basis-60-sm { flex-basis: 60% !important; } - .flex-basis-65-sm { + .thl-flex-basis-65-sm { flex-basis: 65% !important; } - .flex-basis-70-sm { + .thl-flex-basis-70-sm { flex-basis: 70% !important; } - .flex-basis-75-sm { + .thl-flex-basis-75-sm { flex-basis: 75% !important; } - .flex-basis-80-sm { + .thl-flex-basis-80-sm { flex-basis: 80% !important; } - .flex-basis-85-sm { + .thl-flex-basis-85-sm { flex-basis: 85% !important; } - .flex-basis-90-sm { + .thl-flex-basis-90-sm { flex-basis: 90% !important; } - .flex-basis-95-sm { + .thl-flex-basis-95-sm { flex-basis: 95% !important; } - .flex-basis-100-sm { + .thl-flex-basis-100-sm { flex-basis: 100% !important; } - .flex-basis-auto-sm { + .thl-flex-basis-auto-sm { flex-basis: auto !important; } - .flex-basis-s0-sm { + .thl-flex-basis-s0-sm { flex-basis: 0rem !important; } - .flex-basis-s05-sm { + .thl-flex-basis-s05-sm { flex-basis: 0.5rem !important; } - .flex-basis-s1-sm { + .thl-flex-basis-s1-sm { flex-basis: 1rem !important; } - .flex-basis-s2-sm { + .thl-flex-basis-s2-sm { flex-basis: 1.5rem !important; } - .flex-basis-s3-sm { + .thl-flex-basis-s3-sm { flex-basis: 2rem !important; } - .flex-basis-s4-sm { + .thl-flex-basis-s4-sm { flex-basis: 3rem !important; } - .flex-basis-s5-sm { + .thl-flex-basis-s5-sm { flex-basis: 4rem !important; } - .flex-basis-s6-sm { + .thl-flex-basis-s6-sm { flex-basis: 5rem !important; } - .flex-self-auto-sm { + .thl-flex-self-auto-sm { align-self: auto !important; } - .flex-self-start-sm { + .thl-flex-self-start-sm { align-self: flex-start !important; } - .flex-self-end-sm { + .thl-flex-self-end-sm { align-self: flex-end !important; } - .flex-self-center-sm { + .thl-flex-self-center-sm { align-self: center !important; } - .flex-self-stretch-sm { + .thl-flex-self-stretch-sm { align-self: stretch !important; } - .flex-self-baseline-sm { + .thl-flex-self-baseline-sm { align-self: baseline !important; } } @media screen and (min-width: 680px) { - .flex-block-md { + .thl-flex-block-md { display: flex !important; } - .flex-inline-md { + .thl-flex-inline-md { display: flex-inline !important; } - .flex-row-md { + .thl-flex-row-md { flex-direction: row !important; } - .flex-row-reverse-md { + .thl-flex-row-reverse-md { flex-direction: row-reverse !important; } - .flex-column-md { + .thl-flex-column-md { flex-direction: column !important; } - .flex-column-reverse-md { + .thl-flex-column-reverse-md { flex-direction: column-reverse !important; } - .flex-wrap-md { + .thl-flex-wrap-md { flex-wrap: wrap !important; } - .flex-nowrap-md { + .thl-flex-nowrap-md { flex-wrap: nowrap !important; } - .flex-wrap-reverse-md { + .thl-flex-wrap-reverse-md { flex-wrap: wrap-reverse !important; } - .flex-justify-start-md { + .thl-flex-justify-start-md { justify-content: flex-start !important; } - .flex-justify-end-md { + .thl-flex-justify-end-md { justify-content: flex-end !important; } - .flex-justify-center-md { + .thl-flex-justify-center-md { justify-content: center !important; } - .flex-justify-between-md { + .thl-flex-justify-between-md { justify-content: space-between !important; } - .flex-justify-around-md { + .thl-flex-justify-around-md { justify-content: space-around !important; } - .flex-item-start-md { + .thl-flex-item-start-md { align-items: flex-start !important; } - .flex-item-end-md { + .thl-flex-item-end-md { align-items: flex-end !important; } - .flex-item-center-md { + .thl-flex-item-center-md { align-items: center !important; } - .flex-item-stretch-md { + .thl-flex-item-stretch-md { align-items: stretch !important; } - .flex-item-baseline-md { + .thl-flex-item-baseline-md { align-items: baseline !important; } - .flex-content-start-md { + .thl-flex-content-start-md { align-content: flex-start !important; } - .flex-content-end-md { + .thl-flex-content-end-md { align-content: flex-end !important; } - .flex-content-center-md { + .thl-flex-content-center-md { align-content: center !important; } - .flex-content-around-md { + .thl-flex-content-around-md { align-content: space-around !important; } - .flex-content-between-md { + .thl-flex-content-between-md { align-content: space-between !important; } - .flex-content-stretch-md { + .thl-flex-content-stretch-md { align-content: stretch !important; } - .flex-order-1-md { + .thl-flex-order-1-md { order: 1 !important; } - .flex-order-2-md { + .thl-flex-order-2-md { order: 2 !important; } - .flex-order-3-md { + .thl-flex-order-3-md { order: 3 !important; } - .flex-order-4-md { + .thl-flex-order-4-md { order: 4 !important; } - .flex-order-5-md { + .thl-flex-order-5-md { order: 5 !important; } - .flex-order-6-md { + .thl-flex-order-6-md { order: 6 !important; } - .flex-grow-0-md { + .thl-flex-grow-0-md { flex-grow: 0 !important; } - .flex-grow-1-md { + .thl-flex-grow-1-md { flex-grow: 1 !important; } - .flex-grow-2-md { + .thl-flex-grow-2-md { flex-grow: 2 !important; } - .flex-grow-3-md { + .thl-flex-grow-3-md { flex-grow: 3 !important; } - .flex-grow-4-md { + .thl-flex-grow-4-md { flex-grow: 4 !important; } - .flex-grow-5-md { + .thl-flex-grow-5-md { flex-grow: 5 !important; } - .flex-grow-6-md { + .thl-flex-grow-6-md { flex-grow: 6 !important; } - .flex-shrink-1-md { + .thl-flex-shrink-1-md { flex-shrink: 1 !important; } - .flex-shrink-2-md { + .thl-flex-shrink-2-md { flex-shrink: 2 !important; } - .flex-shrink-3-md { + .thl-flex-shrink-3-md { flex-shrink: 3 !important; } - .flex-shrink-4-md { + .thl-flex-shrink-4-md { flex-shrink: 4 !important; } - .flex-shrink-5-md { + .thl-flex-shrink-5-md { flex-shrink: 5 !important; } - .flex-shrink-6-md { + .thl-flex-shrink-6-md { flex-shrink: 6 !important; } - .flex-basis-5-md { + .thl-flex-basis-5-md { flex-basis: 5% !important; } - .flex-basis-10-md { + .thl-flex-basis-10-md { flex-basis: 10% !important; } - .flex-basis-15-md { + .thl-flex-basis-15-md { flex-basis: 15% !important; } - .flex-basis-20-md { + .thl-flex-basis-20-md { flex-basis: 20% !important; } - .flex-basis-25-md { + .thl-flex-basis-25-md { flex-basis: 25% !important; } - .flex-basis-30-md { + .thl-flex-basis-30-md { flex-basis: 30% !important; } - .flex-basis-33-md { + .thl-flex-basis-33-md { flex-basis: 33% !important; } - .flex-basis-35-md { + .thl-flex-basis-35-md { flex-basis: 35% !important; } - .flex-basis-40-md { + .thl-flex-basis-40-md { flex-basis: 40% !important; } - .flex-basis-45-md { + .thl-flex-basis-45-md { flex-basis: 45% !important; } - .flex-basis-50-md { + .thl-flex-basis-50-md { flex-basis: 50% !important; } - .flex-basis-55-md { + .thl-flex-basis-55-md { flex-basis: 55% !important; } - .flex-basis-60-md { + .thl-flex-basis-60-md { flex-basis: 60% !important; } - .flex-basis-65-md { + .thl-flex-basis-65-md { flex-basis: 65% !important; } - .flex-basis-70-md { + .thl-flex-basis-70-md { flex-basis: 70% !important; } - .flex-basis-75-md { + .thl-flex-basis-75-md { flex-basis: 75% !important; } - .flex-basis-80-md { + .thl-flex-basis-80-md { flex-basis: 80% !important; } - .flex-basis-85-md { + .thl-flex-basis-85-md { flex-basis: 85% !important; } - .flex-basis-90-md { + .thl-flex-basis-90-md { flex-basis: 90% !important; } - .flex-basis-95-md { + .thl-flex-basis-95-md { flex-basis: 95% !important; } - .flex-basis-100-md { + .thl-flex-basis-100-md { flex-basis: 100% !important; } - .flex-basis-auto-md { + .thl-flex-basis-auto-md { flex-basis: auto !important; } - .flex-basis-s0-md { + .thl-flex-basis-s0-md { flex-basis: 0rem !important; } - .flex-basis-s05-md { + .thl-flex-basis-s05-md { flex-basis: 0.5rem !important; } - .flex-basis-s1-md { + .thl-flex-basis-s1-md { flex-basis: 1rem !important; } - .flex-basis-s2-md { + .thl-flex-basis-s2-md { flex-basis: 1.5rem !important; } - .flex-basis-s3-md { + .thl-flex-basis-s3-md { flex-basis: 2rem !important; } - .flex-basis-s4-md { + .thl-flex-basis-s4-md { flex-basis: 3rem !important; } - .flex-basis-s5-md { + .thl-flex-basis-s5-md { flex-basis: 4rem !important; } - .flex-basis-s6-md { + .thl-flex-basis-s6-md { flex-basis: 5rem !important; } - .flex-self-auto-md { + .thl-flex-self-auto-md { align-self: auto !important; } - .flex-self-start-md { + .thl-flex-self-start-md { align-self: flex-start !important; } - .flex-self-end-md { + .thl-flex-self-end-md { align-self: flex-end !important; } - .flex-self-center-md { + .thl-flex-self-center-md { align-self: center !important; } - .flex-self-stretch-md { + .thl-flex-self-stretch-md { align-self: stretch !important; } - .flex-self-baseline-md { + .thl-flex-self-baseline-md { align-self: baseline !important; } } @media screen and (min-width: 960px) { - .flex-block-lg { + .thl-flex-block-lg { display: flex !important; } - .flex-inline-lg { + .thl-flex-inline-lg { display: flex-inline !important; } - .flex-row-lg { + .thl-flex-row-lg { flex-direction: row !important; } - .flex-row-reverse-lg { + .thl-flex-row-reverse-lg { flex-direction: row-reverse !important; } - .flex-column-lg { + .thl-flex-column-lg { flex-direction: column !important; } - .flex-column-reverse-lg { + .thl-flex-column-reverse-lg { flex-direction: column-reverse !important; } - .flex-wrap-lg { + .thl-flex-wrap-lg { flex-wrap: wrap !important; } - .flex-nowrap-lg { + .thl-flex-nowrap-lg { flex-wrap: nowrap !important; } - .flex-wrap-reverse-lg { + .thl-flex-wrap-reverse-lg { flex-wrap: wrap-reverse !important; } - .flex-justify-start-lg { + .thl-flex-justify-start-lg { justify-content: flex-start !important; } - .flex-justify-end-lg { + .thl-flex-justify-end-lg { justify-content: flex-end !important; } - .flex-justify-center-lg { + .thl-flex-justify-center-lg { justify-content: center !important; } - .flex-justify-between-lg { + .thl-flex-justify-between-lg { justify-content: space-between !important; } - .flex-justify-around-lg { + .thl-flex-justify-around-lg { justify-content: space-around !important; } - .flex-item-start-lg { + .thl-flex-item-start-lg { align-items: flex-start !important; } - .flex-item-end-lg { + .thl-flex-item-end-lg { align-items: flex-end !important; } - .flex-item-center-lg { + .thl-flex-item-center-lg { align-items: center !important; } - .flex-item-stretch-lg { + .thl-flex-item-stretch-lg { align-items: stretch !important; } - .flex-item-baseline-lg { + .thl-flex-item-baseline-lg { align-items: baseline !important; } - .flex-content-start-lg { + .thl-flex-content-start-lg { align-content: flex-start !important; } - .flex-content-end-lg { + .thl-flex-content-end-lg { align-content: flex-end !important; } - .flex-content-center-lg { + .thl-flex-content-center-lg { align-content: center !important; } - .flex-content-around-lg { + .thl-flex-content-around-lg { align-content: space-around !important; } - .flex-content-between-lg { + .thl-flex-content-between-lg { align-content: space-between !important; } - .flex-content-stretch-lg { + .thl-flex-content-stretch-lg { align-content: stretch !important; } - .flex-order-1-lg { + .thl-flex-order-1-lg { order: 1 !important; } - .flex-order-2-lg { + .thl-flex-order-2-lg { order: 2 !important; } - .flex-order-3-lg { + .thl-flex-order-3-lg { order: 3 !important; } - .flex-order-4-lg { + .thl-flex-order-4-lg { order: 4 !important; } - .flex-order-5-lg { + .thl-flex-order-5-lg { order: 5 !important; } - .flex-order-6-lg { + .thl-flex-order-6-lg { order: 6 !important; } - .flex-grow-0-lg { + .thl-flex-grow-0-lg { flex-grow: 0 !important; } - .flex-grow-1-lg { + .thl-flex-grow-1-lg { flex-grow: 1 !important; } - .flex-grow-2-lg { + .thl-flex-grow-2-lg { flex-grow: 2 !important; } - .flex-grow-3-lg { + .thl-flex-grow-3-lg { flex-grow: 3 !important; } - .flex-grow-4-lg { + .thl-flex-grow-4-lg { flex-grow: 4 !important; } - .flex-grow-5-lg { + .thl-flex-grow-5-lg { flex-grow: 5 !important; } - .flex-grow-6-lg { + .thl-flex-grow-6-lg { flex-grow: 6 !important; } - .flex-shrink-1-lg { + .thl-flex-shrink-1-lg { flex-shrink: 1 !important; } - .flex-shrink-2-lg { + .thl-flex-shrink-2-lg { flex-shrink: 2 !important; } - .flex-shrink-3-lg { + .thl-flex-shrink-3-lg { flex-shrink: 3 !important; } - .flex-shrink-4-lg { + .thl-flex-shrink-4-lg { flex-shrink: 4 !important; } - .flex-shrink-5-lg { + .thl-flex-shrink-5-lg { flex-shrink: 5 !important; } - .flex-shrink-6-lg { + .thl-flex-shrink-6-lg { flex-shrink: 6 !important; } - .flex-basis-5-lg { + .thl-flex-basis-5-lg { flex-basis: 5% !important; } - .flex-basis-10-lg { + .thl-flex-basis-10-lg { flex-basis: 10% !important; } - .flex-basis-15-lg { + .thl-flex-basis-15-lg { flex-basis: 15% !important; } - .flex-basis-20-lg { + .thl-flex-basis-20-lg { flex-basis: 20% !important; } - .flex-basis-25-lg { + .thl-flex-basis-25-lg { flex-basis: 25% !important; } - .flex-basis-30-lg { + .thl-flex-basis-30-lg { flex-basis: 30% !important; } - .flex-basis-33-lg { + .thl-flex-basis-33-lg { flex-basis: 33% !important; } - .flex-basis-35-lg { + .thl-flex-basis-35-lg { flex-basis: 35% !important; } - .flex-basis-40-lg { + .thl-flex-basis-40-lg { flex-basis: 40% !important; } - .flex-basis-45-lg { + .thl-flex-basis-45-lg { flex-basis: 45% !important; } - .flex-basis-50-lg { + .thl-flex-basis-50-lg { flex-basis: 50% !important; } - .flex-basis-55-lg { + .thl-flex-basis-55-lg { flex-basis: 55% !important; } - .flex-basis-60-lg { + .thl-flex-basis-60-lg { flex-basis: 60% !important; } - .flex-basis-65-lg { + .thl-flex-basis-65-lg { flex-basis: 65% !important; } - .flex-basis-70-lg { + .thl-flex-basis-70-lg { flex-basis: 70% !important; } - .flex-basis-75-lg { + .thl-flex-basis-75-lg { flex-basis: 75% !important; } - .flex-basis-80-lg { + .thl-flex-basis-80-lg { flex-basis: 80% !important; } - .flex-basis-85-lg { + .thl-flex-basis-85-lg { flex-basis: 85% !important; } - .flex-basis-90-lg { + .thl-flex-basis-90-lg { flex-basis: 90% !important; } - .flex-basis-95-lg { + .thl-flex-basis-95-lg { flex-basis: 95% !important; } - .flex-basis-100-lg { + .thl-flex-basis-100-lg { flex-basis: 100% !important; } - .flex-basis-auto-lg { + .thl-flex-basis-auto-lg { flex-basis: auto !important; } - .flex-basis-s0-lg { + .thl-flex-basis-s0-lg { flex-basis: 0rem !important; } - .flex-basis-s05-lg { + .thl-flex-basis-s05-lg { flex-basis: 0.5rem !important; } - .flex-basis-s1-lg { + .thl-flex-basis-s1-lg { flex-basis: 1rem !important; } - .flex-basis-s2-lg { + .thl-flex-basis-s2-lg { flex-basis: 1.5rem !important; } - .flex-basis-s3-lg { + .thl-flex-basis-s3-lg { flex-basis: 2rem !important; } - .flex-basis-s4-lg { + .thl-flex-basis-s4-lg { flex-basis: 3rem !important; } - .flex-basis-s5-lg { + .thl-flex-basis-s5-lg { flex-basis: 4rem !important; } - .flex-basis-s6-lg { + .thl-flex-basis-s6-lg { flex-basis: 5rem !important; } - .flex-self-auto-lg { + .thl-flex-self-auto-lg { align-self: auto !important; } - .flex-self-start-lg { + .thl-flex-self-start-lg { align-self: flex-start !important; } - .flex-self-end-lg { + .thl-flex-self-end-lg { align-self: flex-end !important; } - .flex-self-center-lg { + .thl-flex-self-center-lg { align-self: center !important; } - .flex-self-stretch-lg { + .thl-flex-self-stretch-lg { align-self: stretch !important; } - .flex-self-baseline-lg { + .thl-flex-self-baseline-lg { align-self: baseline !important; } } @media screen and (min-width: 1140px) { - .flex-block-xl { + .thl-flex-block-xl { display: flex !important; } - .flex-inline-xl { + .thl-flex-inline-xl { display: flex-inline !important; } - .flex-row-xl { + .thl-flex-row-xl { flex-direction: row !important; } - .flex-row-reverse-xl { + .thl-flex-row-reverse-xl { flex-direction: row-reverse !important; } - .flex-column-xl { + .thl-flex-column-xl { flex-direction: column !important; } - .flex-column-reverse-xl { + .thl-flex-column-reverse-xl { flex-direction: column-reverse !important; } - .flex-wrap-xl { + .thl-flex-wrap-xl { flex-wrap: wrap !important; } - .flex-nowrap-xl { + .thl-flex-nowrap-xl { flex-wrap: nowrap !important; } - .flex-wrap-reverse-xl { + .thl-flex-wrap-reverse-xl { flex-wrap: wrap-reverse !important; } - .flex-justify-start-xl { + .thl-flex-justify-start-xl { justify-content: flex-start !important; } - .flex-justify-end-xl { + .thl-flex-justify-end-xl { justify-content: flex-end !important; } - .flex-justify-center-xl { + .thl-flex-justify-center-xl { justify-content: center !important; } - .flex-justify-between-xl { + .thl-flex-justify-between-xl { justify-content: space-between !important; } - .flex-justify-around-xl { + .thl-flex-justify-around-xl { justify-content: space-around !important; } - .flex-item-start-xl { + .thl-flex-item-start-xl { align-items: flex-start !important; } - .flex-item-end-xl { + .thl-flex-item-end-xl { align-items: flex-end !important; } - .flex-item-center-xl { + .thl-flex-item-center-xl { align-items: center !important; } - .flex-item-stretch-xl { + .thl-flex-item-stretch-xl { align-items: stretch !important; } - .flex-item-baseline-xl { + .thl-flex-item-baseline-xl { align-items: baseline !important; } - .flex-content-start-xl { + .thl-flex-content-start-xl { align-content: flex-start !important; } - .flex-content-end-xl { + .thl-flex-content-end-xl { align-content: flex-end !important; } - .flex-content-center-xl { + .thl-flex-content-center-xl { align-content: center !important; } - .flex-content-around-xl { + .thl-flex-content-around-xl { align-content: space-around !important; } - .flex-content-between-xl { + .thl-flex-content-between-xl { align-content: space-between !important; } - .flex-content-stretch-xl { + .thl-flex-content-stretch-xl { align-content: stretch !important; } - .flex-order-1-xl { + .thl-flex-order-1-xl { order: 1 !important; } - .flex-order-2-xl { + .thl-flex-order-2-xl { order: 2 !important; } - .flex-order-3-xl { + .thl-flex-order-3-xl { order: 3 !important; } - .flex-order-4-xl { + .thl-flex-order-4-xl { order: 4 !important; } - .flex-order-5-xl { + .thl-flex-order-5-xl { order: 5 !important; } - .flex-order-6-xl { + .thl-flex-order-6-xl { order: 6 !important; } - .flex-grow-0-xl { + .thl-flex-grow-0-xl { flex-grow: 0 !important; } - .flex-grow-1-xl { + .thl-flex-grow-1-xl { flex-grow: 1 !important; } - .flex-grow-2-xl { + .thl-flex-grow-2-xl { flex-grow: 2 !important; } - .flex-grow-3-xl { + .thl-flex-grow-3-xl { flex-grow: 3 !important; } - .flex-grow-4-xl { + .thl-flex-grow-4-xl { flex-grow: 4 !important; } - .flex-grow-5-xl { + .thl-flex-grow-5-xl { flex-grow: 5 !important; } - .flex-grow-6-xl { + .thl-flex-grow-6-xl { flex-grow: 6 !important; } - .flex-shrink-1-xl { + .thl-flex-shrink-1-xl { flex-shrink: 1 !important; } - .flex-shrink-2-xl { + .thl-flex-shrink-2-xl { flex-shrink: 2 !important; } - .flex-shrink-3-xl { + .thl-flex-shrink-3-xl { flex-shrink: 3 !important; } - .flex-shrink-4-xl { + .thl-flex-shrink-4-xl { flex-shrink: 4 !important; } - .flex-shrink-5-xl { + .thl-flex-shrink-5-xl { flex-shrink: 5 !important; } - .flex-shrink-6-xl { + .thl-flex-shrink-6-xl { flex-shrink: 6 !important; } - .flex-basis-5-xl { + .thl-flex-basis-5-xl { flex-basis: 5% !important; } - .flex-basis-10-xl { + .thl-flex-basis-10-xl { flex-basis: 10% !important; } - .flex-basis-15-xl { + .thl-flex-basis-15-xl { flex-basis: 15% !important; } - .flex-basis-20-xl { + .thl-flex-basis-20-xl { flex-basis: 20% !important; } - .flex-basis-25-xl { + .thl-flex-basis-25-xl { flex-basis: 25% !important; } - .flex-basis-30-xl { + .thl-flex-basis-30-xl { flex-basis: 30% !important; } - .flex-basis-33-xl { + .thl-flex-basis-33-xl { flex-basis: 33% !important; } - .flex-basis-35-xl { + .thl-flex-basis-35-xl { flex-basis: 35% !important; } - .flex-basis-40-xl { + .thl-flex-basis-40-xl { flex-basis: 40% !important; } - .flex-basis-45-xl { + .thl-flex-basis-45-xl { flex-basis: 45% !important; } - .flex-basis-50-xl { + .thl-flex-basis-50-xl { flex-basis: 50% !important; } - .flex-basis-55-xl { + .thl-flex-basis-55-xl { flex-basis: 55% !important; } - .flex-basis-60-xl { + .thl-flex-basis-60-xl { flex-basis: 60% !important; } - .flex-basis-65-xl { + .thl-flex-basis-65-xl { flex-basis: 65% !important; } - .flex-basis-70-xl { + .thl-flex-basis-70-xl { flex-basis: 70% !important; } - .flex-basis-75-xl { + .thl-flex-basis-75-xl { flex-basis: 75% !important; } - .flex-basis-80-xl { + .thl-flex-basis-80-xl { flex-basis: 80% !important; } - .flex-basis-85-xl { + .thl-flex-basis-85-xl { flex-basis: 85% !important; } - .flex-basis-90-xl { + .thl-flex-basis-90-xl { flex-basis: 90% !important; } - .flex-basis-95-xl { + .thl-flex-basis-95-xl { flex-basis: 95% !important; } - .flex-basis-100-xl { + .thl-flex-basis-100-xl { flex-basis: 100% !important; } - .flex-basis-auto-xl { + .thl-flex-basis-auto-xl { flex-basis: auto !important; } - .flex-basis-s0-xl { + .thl-flex-basis-s0-xl { flex-basis: 0rem !important; } - .flex-basis-s05-xl { + .thl-flex-basis-s05-xl { flex-basis: 0.5rem !important; } - .flex-basis-s1-xl { + .thl-flex-basis-s1-xl { flex-basis: 1rem !important; } - .flex-basis-s2-xl { + .thl-flex-basis-s2-xl { flex-basis: 1.5rem !important; } - .flex-basis-s3-xl { + .thl-flex-basis-s3-xl { flex-basis: 2rem !important; } - .flex-basis-s4-xl { + .thl-flex-basis-s4-xl { flex-basis: 3rem !important; } - .flex-basis-s5-xl { + .thl-flex-basis-s5-xl { flex-basis: 4rem !important; } - .flex-basis-s6-xl { + .thl-flex-basis-s6-xl { flex-basis: 5rem !important; } - .flex-self-auto-xl { + .thl-flex-self-auto-xl { align-self: auto !important; } - .flex-self-start-xl { + .thl-flex-self-start-xl { align-self: flex-start !important; } - .flex-self-end-xl { + .thl-flex-self-end-xl { align-self: flex-end !important; } - .flex-self-center-xl { + .thl-flex-self-center-xl { align-self: center !important; } - .flex-self-stretch-xl { + .thl-flex-self-stretch-xl { align-self: stretch !important; } - .flex-self-baseline-xl { + .thl-flex-self-baseline-xl { align-self: baseline !important; } } diff --git a/css/leap.min.css b/css/leap.min.css index e5b9ab7..2272853 100644 --- a/css/leap.min.css +++ b/css/leap.min.css @@ -1,2 +1,2 @@ -/*! Leap Version 0.8.7 */*,: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:#3f8abf;cursor:pointer;transition:color 300ms 0s ease;text-decoration:none}a:hover,a:active,a:focus{color:#326e99}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{.thl-border-xs{border:solid 1px #e8ebed !important}.thl-border-t-xs{border-top:solid 1px #e8ebed !important}.thl-border-b-xs{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xs{border-left:solid 1px #e8ebed !important}.thl-border-r-xs{border-right:solid 1px #e8ebed !important}.thl-border-dark-xs{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xs{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xs{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xs{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xs{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xs{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xs{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xs{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xs{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xs{border-right:solid 1px #d4d9dd !important}.thl-border-light-xs{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xs{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xs{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xs{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xs{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xs{border:none !important}.thl-border-none-t-xs{border-top:none !important}.thl-border-none-b-xs{border-bottom:none !important}.thl-border-none-l-xs{border-left:none !important}.thl-border-none-r-xs{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 480px){.thl-border-sm{border:solid 1px #e8ebed !important}.thl-border-t-sm{border-top:solid 1px #e8ebed !important}.thl-border-b-sm{border-bottom:solid 1px #e8ebed !important}.thl-border-l-sm{border-left:solid 1px #e8ebed !important}.thl-border-r-sm{border-right:solid 1px #e8ebed !important}.thl-border-dark-sm{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-sm{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-sm{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-sm{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-sm{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-sm{border:solid 1px #d4d9dd !important}.thl-border-t-mid-sm{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-sm{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-sm{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-sm{border-right:solid 1px #d4d9dd !important}.thl-border-light-sm{border:solid 1px #f0f2f4 !important}.thl-border-t-light-sm{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-sm{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-sm{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-sm{border-right:solid 1px #f0f2f4 !important}.thl-border-none-sm{border:none !important}.thl-border-none-t-sm{border-top:none !important}.thl-border-none-b-sm{border-bottom:none !important}.thl-border-none-l-sm{border-left:none !important}.thl-border-none-r-sm{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 680px){.thl-border-md{border:solid 1px #e8ebed !important}.thl-border-t-md{border-top:solid 1px #e8ebed !important}.thl-border-b-md{border-bottom:solid 1px #e8ebed !important}.thl-border-l-md{border-left:solid 1px #e8ebed !important}.thl-border-r-md{border-right:solid 1px #e8ebed !important}.thl-border-dark-md{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-md{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-md{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-md{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-md{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-md{border:solid 1px #d4d9dd !important}.thl-border-t-mid-md{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-md{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-md{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-md{border-right:solid 1px #d4d9dd !important}.thl-border-light-md{border:solid 1px #f0f2f4 !important}.thl-border-t-light-md{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-md{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-md{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-md{border-right:solid 1px #f0f2f4 !important}.thl-border-none-md{border:none !important}.thl-border-none-t-md{border-top:none !important}.thl-border-none-b-md{border-bottom:none !important}.thl-border-none-l-md{border-left:none !important}.thl-border-none-r-md{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 960px){.thl-border-lg{border:solid 1px #e8ebed !important}.thl-border-t-lg{border-top:solid 1px #e8ebed !important}.thl-border-b-lg{border-bottom:solid 1px #e8ebed !important}.thl-border-l-lg{border-left:solid 1px #e8ebed !important}.thl-border-r-lg{border-right:solid 1px #e8ebed !important}.thl-border-dark-lg{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-lg{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-lg{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-lg{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-lg{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-lg{border:solid 1px #d4d9dd !important}.thl-border-t-mid-lg{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-lg{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-lg{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-lg{border-right:solid 1px #d4d9dd !important}.thl-border-light-lg{border:solid 1px #f0f2f4 !important}.thl-border-t-light-lg{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-lg{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-lg{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-lg{border-right:solid 1px #f0f2f4 !important}.thl-border-none-lg{border:none !important}.thl-border-none-t-lg{border-top:none !important}.thl-border-none-b-lg{border-bottom:none !important}.thl-border-none-l-lg{border-left:none !important}.thl-border-none-r-lg{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 1140px){.thl-border-xl{border:solid 1px #e8ebed !important}.thl-border-t-xl{border-top:solid 1px #e8ebed !important}.thl-border-b-xl{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xl{border-left:solid 1px #e8ebed !important}.thl-border-r-xl{border-right:solid 1px #e8ebed !important}.thl-border-dark-xl{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xl{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xl{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xl{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xl{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xl{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xl{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xl{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xl{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xl{border-right:solid 1px #d4d9dd !important}.thl-border-light-xl{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xl{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xl{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xl{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xl{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xl{border:none !important}.thl-border-none-t-xl{border-top:none !important}.thl-border-none-b-xl{border-bottom:none !important}.thl-border-none-l-xl{border-left:none !important}.thl-border-none-r-xl{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}.thl-brand-fill-green{fill:#5fcf80 !important}.thl-brand-stroke-green{stroke:#5fcf80 !important}.thl-brand-color-green{color:#5fcf80 !important}.thl-brand-border-green{border-color:#5fcf80 !important}.thl-brand-bg-green{background-color:#5fcf80 !important}.thl-brand-fill-gray{fill:#3e474f !important}.thl-brand-stroke-gray{stroke:#3e474f !important}.thl-brand-color-gray{color:#3e474f !important}.thl-brand-border-gray{border-color:#3e474f !important}.thl-brand-bg-gray{background-color:#3e474f !important}.fill-blue{fill:#3f8abf !important}.stroke-blue{stroke:#3f8abf !important}.color-blue{color:#3f8abf !important}.thl-border-blue{border-color:#3f8abf !important}.thl-bg-blue{background-color:#3f8abf !important}.fill-green{fill:#36b55c !important}.stroke-green{stroke:#36b55c !important}.color-green{color:#36b55c !important}.thl-border-green{border-color:#36b55c !important}.thl-bg-green{background-color:#36b55c !important}.fill-yellow{fill:#ffd466 !important}.stroke-yellow{stroke:#ffd466 !important}.color-yellow{color:#ffd466 !important}.thl-border-yellow{border-color:#ffd466 !important}.thl-bg-yellow{background-color:#ffd466 !important}.fill-orange{fill:#ff9f1f !important}.stroke-orange{stroke:#ff9f1f !important}.color-orange{color:#ff9f1f !important}.thl-border-orange{border-color:#ff9f1f !important}.thl-bg-orange{background-color:#ff9f1f !important}.fill-red{fill:#ed5a5a !important}.stroke-red{stroke:#ed5a5a !important}.color-red{color:#ed5a5a !important}.thl-border-red{border-color:#ed5a5a !important}.thl-bg-red{background-color:#ed5a5a !important}.fill-gray-darker{fill:#2d3339 !important}.stroke-gray-darker{stroke:#2d3339 !important}.color-gray-darker{color:#2d3339 !important}.thl-border-gray-darker{border-color:#2d3339 !important}.thl-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}.thl-border-gray-dark{border-color:#3f4850 !important}.thl-bg-gray-dark{background-color:#3f4850 !important}.fill-gray{fill:#c6ccd2 !important}.stroke-gray{stroke:#c6ccd2 !important}.color-gray{color:#c6ccd2 !important}.thl-border-gray{border-color:#c6ccd2 !important}.thl-bg-gray{background-color:#c6ccd2 !important}.fill-gray-light{fill:#edeff0 !important}.stroke-gray-light{stroke:#edeff0 !important}.color-gray-light{color:#edeff0 !important}.thl-border-gray-light{border-color:#edeff0 !important}.thl-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}.thl-border-gray-lighter{border-color:#f9fafa !important}.thl-bg-gray-lighter{background-color:#f9fafa !important}.thl-text-fill-dark{fill:#40484a !important}.thl-text-stroke-dark{stroke:#40484a !important}.thl-text-color-dark{color:#40484a !important}.thl-text-border-dark{border-color:#40484a !important}.thl-text-bg-dark{background-color:#40484a !important}.thl-text-fill-medium{fill:#4b5658 !important}.thl-text-stroke-medium{stroke:#4b5658 !important}.thl-text-color-medium{color:#4b5658 !important}.thl-text-border-medium{border-color:#4b5658 !important}.thl-text-bg-medium{background-color:#4b5658 !important}.thl-text-fill-base{fill:#576366 !important}.thl-text-stroke-base{stroke:#576366 !important}.thl-text-color-base{color:#576366 !important}.thl-text-border-base{border-color:#576366 !important}.thl-text-bg-base{background-color:#576366 !important}.thl-text-fill-light{fill:#7b8b8e !important}.thl-text-stroke-light{stroke:#7b8b8e !important}.thl-text-color-light{color:#7b8b8e !important}.thl-text-border-light{border-color:#7b8b8e !important}.thl-text-bg-light{background-color:#7b8b8e !important}.thl-text-fill-white{fill:#fff !important}.thl-text-stroke-white{stroke:#fff !important}.thl-text-color-white{color:#fff !important}.thl-text-border-white{border-color:#fff !important}.thl-text-bg-white{background-color:#fff !important}.thl-topic-fill-html-light{fill:#62bedb !important}.thl-topic-stroke-html-light{stroke:#62bedb !important}.thl-topic-color-html-light{color:#62bedb !important}.thl-topic-border-html-light{border-color:#62bedb !important}.thl-topic-bg-html-light{background-color:#62bedb !important}.thl-topic-fill-html-base{fill:#39ADD1 !important}.thl-topic-stroke-html-base{stroke:#39ADD1 !important}.thl-topic-color-html-base{color:#39ADD1 !important}.thl-topic-border-html-base{border-color:#39ADD1 !important}.thl-topic-bg-html-base{background-color:#39ADD1 !important}.thl-topic-fill-html-dark{fill:#298fae !important}.thl-topic-stroke-html-dark{stroke:#298fae !important}.thl-topic-color-html-dark{color:#298fae !important}.thl-topic-border-html-dark{border-color:#298fae !important}.thl-topic-bg-html-dark{background-color:#298fae !important}.thl-topic-fill-css-light{fill:#4494ca !important}.thl-topic-stroke-css-light{stroke:#4494ca !important}.thl-topic-color-css-light{color:#4494ca !important}.thl-topic-border-css-light{border-color:#4494ca !important}.thl-topic-bg-css-light{background-color:#4494ca !important}.thl-topic-fill-css-base{fill:#3079AB !important}.thl-topic-stroke-css-base{stroke:#3079AB !important}.thl-topic-color-css-base{color:#3079AB !important}.thl-topic-border-css-base{border-color:#3079AB !important}.thl-topic-bg-css-base{background-color:#3079AB !important}.thl-topic-fill-css-dark{fill:#255d83 !important}.thl-topic-stroke-css-dark{stroke:#255d83 !important}.thl-topic-color-css-dark{color:#255d83 !important}.thl-topic-border-css-dark{border-color:#255d83 !important}.thl-topic-bg-css-dark{background-color:#255d83 !important}.thl-topic-fill-js-light{fill:#d07e94 !important}.thl-topic-stroke-js-light{stroke:#d07e94 !important}.thl-topic-color-js-light{color:#d07e94 !important}.thl-topic-border-js-light{border-color:#d07e94 !important}.thl-topic-bg-js-light{background-color:#d07e94 !important}.thl-topic-fill-js-base{fill:#c25975 !important}.thl-topic-stroke-js-base{stroke:#c25975 !important}.thl-topic-color-js-base{color:#c25975 !important}.thl-topic-border-js-base{border-color:#c25975 !important}.thl-topic-bg-js-base{background-color:#c25975 !important}.thl-topic-fill-js-dark{fill:#aa3e5b !important}.thl-topic-stroke-js-dark{stroke:#aa3e5b !important}.thl-topic-color-js-dark{color:#aa3e5b !important}.thl-topic-border-js-dark{border-color:#aa3e5b !important}.thl-topic-bg-js-dark{background-color:#aa3e5b !important}.thl-topic-fill-ruby-light{fill:#e97d82 !important}.thl-topic-stroke-ruby-light{stroke:#e97d82 !important}.thl-topic-color-ruby-light{color:#e97d82 !important}.thl-topic-border-ruby-light{border-color:#e97d82 !important}.thl-topic-bg-ruby-light{background-color:#e97d82 !important}.thl-topic-fill-ruby-base{fill:#e15258 !important}.thl-topic-stroke-ruby-base{stroke:#e15258 !important}.thl-topic-color-ruby-base{color:#e15258 !important}.thl-topic-border-ruby-base{border-color:#e15258 !important}.thl-topic-bg-ruby-base{background-color:#e15258 !important}.thl-topic-fill-ruby-dark{fill:#d9272e !important}.thl-topic-stroke-ruby-dark{stroke:#d9272e !important}.thl-topic-color-ruby-dark{color:#d9272e !important}.thl-topic-border-ruby-dark{border-color:#d9272e !important}.thl-topic-bg-ruby-dark{background-color:#d9272e !important}.thl-topic-fill-business-light{fill:#fba98c !important}.thl-topic-stroke-business-light{stroke:#fba98c !important}.thl-topic-color-business-light{color:#fba98c !important}.thl-topic-border-business-light{border-color:#fba98c !important}.thl-topic-bg-business-light{background-color:#fba98c !important}.thl-topic-fill-business-base{fill:#F9845B !important}.thl-topic-stroke-business-base{stroke:#F9845B !important}.thl-topic-color-business-base{color:#F9845B !important}.thl-topic-border-business-base{border-color:#F9845B !important}.thl-topic-bg-business-base{background-color:#F9845B !important}.thl-topic-fill-business-dark{fill:#f75f2a !important}.thl-topic-stroke-business-dark{stroke:#f75f2a !important}.thl-topic-color-business-dark{color:#f75f2a !important}.thl-topic-border-business-dark{border-color:#f75f2a !important}.thl-topic-bg-business-dark{background-color:#f75f2a !important}.thl-topic-fill-wordpress-light{fill:#a6add7 !important}.thl-topic-stroke-wordpress-light{stroke:#a6add7 !important}.thl-topic-color-wordpress-light{color:#a6add7 !important}.thl-topic-border-wordpress-light{border-color:#a6add7 !important}.thl-topic-bg-wordpress-light{background-color:#a6add7 !important}.thl-topic-fill-wordpress-base{fill:#838CC7 !important}.thl-topic-stroke-wordpress-base{stroke:#838CC7 !important}.thl-topic-color-wordpress-base{color:#838CC7 !important}.thl-topic-border-wordpress-base{border-color:#838CC7 !important}.thl-topic-bg-wordpress-base{background-color:#838CC7 !important}.thl-topic-fill-wordpress-dark{fill:#606bb7 !important}.thl-topic-stroke-wordpress-dark{stroke:#606bb7 !important}.thl-topic-color-wordpress-dark{color:#606bb7 !important}.thl-topic-border-wordpress-dark{border-color:#606bb7 !important}.thl-topic-bg-wordpress-dark{background-color:#606bb7 !important}.thl-topic-fill-php-light{fill:#9885b2 !important}.thl-topic-stroke-php-light{stroke:#9885b2 !important}.thl-topic-color-php-light{color:#9885b2 !important}.thl-topic-border-php-light{border-color:#9885b2 !important}.thl-topic-bg-php-light{background-color:#9885b2 !important}.thl-topic-fill-php-base{fill:#7D669E !important}.thl-topic-stroke-php-base{stroke:#7D669E !important}.thl-topic-color-php-base{color:#7D669E !important}.thl-topic-border-php-base{border-color:#7D669E !important}.thl-topic-bg-php-base{background-color:#7D669E !important}.thl-topic-fill-php-dark{fill:#645180 !important}.thl-topic-stroke-php-dark{stroke:#645180 !important}.thl-topic-color-php-dark{color:#645180 !important}.thl-topic-border-php-dark{border-color:#645180 !important}.thl-topic-bg-php-dark{background-color:#645180 !important}.thl-topic-fill-ios-light{fill:#78c9c4 !important}.thl-topic-stroke-ios-light{stroke:#78c9c4 !important}.thl-topic-color-ios-light{color:#78c9c4 !important}.thl-topic-border-ios-light{border-color:#78c9c4 !important}.thl-topic-bg-ios-light{background-color:#78c9c4 !important}.thl-topic-fill-ios-base{fill:#53BBB4 !important}.thl-topic-stroke-ios-base{stroke:#53BBB4 !important}.thl-topic-color-ios-base{color:#53BBB4 !important}.thl-topic-border-ios-base{border-color:#53BBB4 !important}.thl-topic-bg-ios-base{background-color:#53BBB4 !important}.thl-topic-fill-ios-dark{fill:#3e9d97 !important}.thl-topic-stroke-ios-dark{stroke:#3e9d97 !important}.thl-topic-color-ios-dark{color:#3e9d97 !important}.thl-topic-border-ios-dark{border-color:#3e9d97 !important}.thl-topic-bg-ios-dark{background-color:#3e9d97 !important}.thl-topic-fill-android-light{fill:#80c783 !important}.thl-topic-stroke-android-light{stroke:#80c783 !important}.thl-topic-color-android-light{color:#80c783 !important}.thl-topic-border-android-light{border-color:#80c783 !important}.thl-topic-bg-android-light{background-color:#80c783 !important}.thl-topic-fill-android-base{fill:#5cb860 !important}.thl-topic-stroke-android-base{stroke:#5cb860 !important}.thl-topic-color-android-base{color:#5cb860 !important}.thl-topic-border-android-base{border-color:#5cb860 !important}.thl-topic-bg-android-base{background-color:#5cb860 !important}.thl-topic-fill-android-dark{fill:#449d48 !important}.thl-topic-stroke-android-dark{stroke:#449d48 !important}.thl-topic-color-android-dark{color:#449d48 !important}.thl-topic-border-android-dark{border-color:#449d48 !important}.thl-topic-bg-android-dark{background-color:#449d48 !important}.thl-topic-fill-design-light{fill:#efaf3c !important}.thl-topic-stroke-design-light{stroke:#efaf3c !important}.thl-topic-color-design-light{color:#efaf3c !important}.thl-topic-border-design-light{border-color:#efaf3c !important}.thl-topic-bg-design-light{background-color:#efaf3c !important}.thl-topic-fill-design-base{fill:#e59a13 !important}.thl-topic-stroke-design-base{stroke:#e59a13 !important}.thl-topic-color-design-base{color:#e59a13 !important}.thl-topic-border-design-base{border-color:#e59a13 !important}.thl-topic-bg-design-base{background-color:#e59a13 !important}.thl-topic-fill-design-dark{fill:#b67a0f !important}.thl-topic-stroke-design-dark{stroke:#b67a0f !important}.thl-topic-color-design-dark{color:#b67a0f !important}.thl-topic-border-design-dark{border-color:#b67a0f !important}.thl-topic-bg-design-dark{background-color:#b67a0f !important}.thl-topic-fill-devtools-light{fill:#7f94a8 !important}.thl-topic-stroke-devtools-light{stroke:#7f94a8 !important}.thl-topic-color-devtools-light{color:#7f94a8 !important}.thl-topic-border-devtools-light{border-color:#7f94a8 !important}.thl-topic-bg-devtools-light{background-color:#7f94a8 !important}.thl-topic-fill-devtools-base{fill:#637a91 !important}.thl-topic-stroke-devtools-base{stroke:#637a91 !important}.thl-topic-color-devtools-base{color:#637a91 !important}.thl-topic-border-devtools-base{border-color:#637a91 !important}.thl-topic-bg-devtools-base{background-color:#637a91 !important}.thl-topic-fill-devtools-dark{fill:#4e6173 !important}.thl-topic-stroke-devtools-dark{stroke:#4e6173 !important}.thl-topic-color-devtools-dark{color:#4e6173 !important}.thl-topic-border-devtools-dark{border-color:#4e6173 !important}.thl-topic-bg-devtools-dark{background-color:#4e6173 !important}.thl-topic-fill-java-light{fill:#38bd95 !important}.thl-topic-stroke-java-light{stroke:#38bd95 !important}.thl-topic-color-java-light{color:#38bd95 !important}.thl-topic-border-java-light{border-color:#38bd95 !important}.thl-topic-bg-java-light{background-color:#38bd95 !important}.thl-topic-fill-java-base{fill:#2c9676 !important}.thl-topic-stroke-java-base{stroke:#2c9676 !important}.thl-topic-color-java-base{color:#2c9676 !important}.thl-topic-border-java-base{border-color:#2c9676 !important}.thl-topic-bg-java-base{background-color:#2c9676 !important}.thl-topic-fill-java-dark{fill:#206f57 !important}.thl-topic-stroke-java-dark{stroke:#206f57 !important}.thl-topic-color-java-dark{color:#206f57 !important}.thl-topic-border-java-dark{border-color:#206f57 !important}.thl-topic-bg-java-dark{background-color:#206f57 !important}.thl-topic-fill-python-light{fill:#f6bfd0 !important}.thl-topic-stroke-python-light{stroke:#f6bfd0 !important}.thl-topic-color-python-light{color:#f6bfd0 !important}.thl-topic-border-python-light{border-color:#f6bfd0 !important}.thl-topic-bg-python-light{background-color:#f6bfd0 !important}.thl-topic-fill-python-base{fill:#f092b0 !important}.thl-topic-stroke-python-base{stroke:#f092b0 !important}.thl-topic-color-python-base{color:#f092b0 !important}.thl-topic-border-python-base{border-color:#f092b0 !important}.thl-topic-bg-python-base{background-color:#f092b0 !important}.thl-topic-fill-python-dark{fill:#ea6590 !important}.thl-topic-stroke-python-dark{stroke:#ea6590 !important}.thl-topic-color-python-dark{color:#ea6590 !important}.thl-topic-border-python-dark{border-color:#ea6590 !important}.thl-topic-bg-python-dark{background-color:#ea6590 !important}.thl-topic-fill-diglit-light{fill:#d6b1e2 !important}.thl-topic-stroke-diglit-light{stroke:#d6b1e2 !important}.thl-topic-color-diglit-light{color:#d6b1e2 !important}.thl-topic-border-diglit-light{border-color:#d6b1e2 !important}.thl-topic-bg-diglit-light{background-color:#d6b1e2 !important}.thl-topic-fill-diglit-base{fill:#c38cd4 !important}.thl-topic-stroke-diglit-base{stroke:#c38cd4 !important}.thl-topic-color-diglit-base{color:#c38cd4 !important}.thl-topic-border-diglit-base{border-color:#c38cd4 !important}.thl-topic-bg-diglit-base{background-color:#c38cd4 !important}.thl-topic-fill-diglit-dark{fill:#b067c6 !important}.thl-topic-stroke-diglit-dark{stroke:#b067c6 !important}.thl-topic-color-diglit-dark{color:#b067c6 !important}.thl-topic-border-diglit-dark{border-color:#b067c6 !important}.thl-topic-bg-diglit-dark{background-color:#b067c6 !important}.thl-topic-fill-gamedev-light{fill:#29b2b6 !important}.thl-topic-stroke-gamedev-light{stroke:#29b2b6 !important}.thl-topic-color-gamedev-light{color:#29b2b6 !important}.thl-topic-border-gamedev-light{border-color:#29b2b6 !important}.thl-topic-bg-gamedev-light{background-color:#29b2b6 !important}.thl-topic-fill-gamedev-base{fill:#20898c !important}.thl-topic-stroke-gamedev-base{stroke:#20898c !important}.thl-topic-color-gamedev-base{color:#20898c !important}.thl-topic-border-gamedev-base{border-color:#20898c !important}.thl-topic-bg-gamedev-base{background-color:#20898c !important}.thl-topic-fill-gamedev-dark{fill:#176062 !important}.thl-topic-stroke-gamedev-dark{stroke:#176062 !important}.thl-topic-color-gamedev-dark{color:#176062 !important}.thl-topic-border-gamedev-dark{border-color:#176062 !important}.thl-topic-bg-gamedev-dark{background-color:#176062 !important}.thl-topic-fill-csharp-light{fill:#b6689c !important}.thl-topic-stroke-csharp-light{stroke:#b6689c !important}.thl-topic-color-csharp-light{color:#b6689c !important}.thl-topic-border-csharp-light{border-color:#b6689c !important}.thl-topic-bg-csharp-light{background-color:#b6689c !important}.thl-topic-fill-csharp-base{fill:#9e4d83 !important}.thl-topic-stroke-csharp-base{stroke:#9e4d83 !important}.thl-topic-color-csharp-base{color:#9e4d83 !important}.thl-topic-border-csharp-base{border-color:#9e4d83 !important}.thl-topic-bg-csharp-base{background-color:#9e4d83 !important}.thl-topic-fill-csharp-dark{fill:#7c3c67 !important}.thl-topic-stroke-csharp-dark{stroke:#7c3c67 !important}.thl-topic-color-csharp-dark{color:#7c3c67 !important}.thl-topic-border-csharp-dark{border-color:#7c3c67 !important}.thl-topic-bg-csharp-dark{background-color:#7c3c67 !important}.thl-topic-fill-databases-light{fill:#ef9557 !important}.thl-topic-stroke-databases-light{stroke:#ef9557 !important}.thl-topic-color-databases-light{color:#ef9557 !important}.thl-topic-border-databases-light{border-color:#ef9557 !important}.thl-topic-bg-databases-light{background-color:#ef9557 !important}.thl-topic-fill-databases-base{fill:#eb7728 !important}.thl-topic-stroke-databases-base{stroke:#eb7728 !important}.thl-topic-color-databases-base{color:#eb7728 !important}.thl-topic-border-databases-base{border-color:#eb7728 !important}.thl-topic-bg-databases-base{background-color:#eb7728 !important}.thl-topic-fill-databases-dark{fill:#cd5e13 !important}.thl-topic-stroke-databases-dark{stroke:#cd5e13 !important}.thl-topic-color-databases-dark{color:#cd5e13 !important}.thl-topic-border-databases-dark{border-color:#cd5e13 !important}.thl-topic-bg-databases-dark{background-color:#cd5e13 !important}.thl-topic-fill-virtual-reality-light{fill:#b5e296 !important}.thl-topic-stroke-virtual-reality-light{stroke:#b5e296 !important}.thl-topic-color-virtual-reality-light{color:#b5e296 !important}.thl-topic-border-virtual-reality-light{border-color:#b5e296 !important}.thl-topic-bg-virtual-reality-light{background-color:#b5e296 !important}.thl-topic-fill-virtual-reality-base{fill:#95D26C !important}.thl-topic-stroke-virtual-reality-base{stroke:#95D26C !important}.thl-topic-color-virtual-reality-base{color:#95D26C !important}.thl-topic-border-virtual-reality-base{border-color:#95D26C !important}.thl-topic-bg-virtual-reality-base{background-color:#95D26C !important}.thl-topic-fill-virtual-reality-dark{fill:#6c9e4a !important}.thl-topic-stroke-virtual-reality-dark{stroke:#6c9e4a !important}.thl-topic-color-virtual-reality-dark{color:#6c9e4a !important}.thl-topic-border-virtual-reality-dark{border-color:#6c9e4a !important}.thl-topic-bg-virtual-reality-dark{background-color:#6c9e4a !important}.thl-topic-fill-apis-light{fill:#c36479 !important}.thl-topic-stroke-apis-light{stroke:#c36479 !important}.thl-topic-color-apis-light{color:#c36479 !important}.thl-topic-border-apis-light{border-color:#c36479 !important}.thl-topic-bg-apis-light{background-color:#c36479 !important}.thl-topic-fill-apis-base{fill:#993c50 !important}.thl-topic-stroke-apis-base{stroke:#993c50 !important}.thl-topic-color-apis-base{color:#993c50 !important}.thl-topic-border-apis-base{border-color:#993c50 !important}.thl-topic-bg-apis-base{background-color:#993c50 !important}.thl-topic-fill-apis-dark{fill:#712e3d !important}.thl-topic-stroke-apis-dark{stroke:#712e3d !important}.thl-topic-color-apis-dark{color:#712e3d !important}.thl-topic-border-apis-dark{border-color:#712e3d !important}.thl-topic-bg-apis-dark{background-color:#712e3d !important}.thl-topic-fill-go-light{fill:#4371cf !important}.thl-topic-stroke-go-light{stroke:#4371cf !important}.thl-topic-color-go-light{color:#4371cf !important}.thl-topic-border-go-light{border-color:#4371cf !important}.thl-topic-bg-go-light{background-color:#4371cf !important}.thl-topic-fill-go-base{fill:#375eab !important}.thl-topic-stroke-go-base{stroke:#375eab !important}.thl-topic-color-go-base{color:#375eab !important}.thl-topic-border-go-base{border-color:#375eab !important}.thl-topic-bg-go-base{background-color:#375eab !important}.thl-topic-fill-go-dark{fill:#284683 !important}.thl-topic-stroke-go-dark{stroke:#284683 !important}.thl-topic-color-go-dark{color:#284683 !important}.thl-topic-border-go-dark{border-color:#284683 !important}.thl-topic-bg-go-dark{background-color:#284683 !important}.thl-topic-fill-data-analysis-light{fill:#8d81ab !important}.thl-topic-stroke-data-analysis-light{stroke:#8d81ab !important}.thl-topic-color-data-analysis-light{color:#8d81ab !important}.thl-topic-border-data-analysis-light{border-color:#8d81ab !important}.thl-topic-bg-data-analysis-light{background-color:#8d81ab !important}.thl-topic-fill-data-analysis-base{fill:#645a7e !important}.thl-topic-stroke-data-analysis-base{stroke:#645a7e !important}.thl-topic-color-data-analysis-base{color:#645a7e !important}.thl-topic-border-data-analysis-base{border-color:#645a7e !important}.thl-topic-bg-data-analysis-base{background-color:#645a7e !important}.thl-topic-fill-data-analysis-dark{fill:#4f4667 !important}.thl-topic-stroke-data-analysis-dark{stroke:#4f4667 !important}.thl-topic-color-data-analysis-dark{color:#4f4667 !important}.thl-topic-border-data-analysis-dark{border-color:#4f4667 !important}.thl-topic-bg-data-analysis-dark{background-color:#4f4667 !important}.thl-topic-fill-security-light{fill:#D1897D !important}.thl-topic-stroke-security-light{stroke:#D1897D !important}.thl-topic-color-security-light{color:#D1897D !important}.thl-topic-border-security-light{border-color:#D1897D !important}.thl-topic-bg-security-light{background-color:#D1897D !important}.thl-topic-fill-security-base{fill:#C66C5D !important}.thl-topic-stroke-security-base{stroke:#C66C5D !important}.thl-topic-color-security-base{color:#C66C5D !important}.thl-topic-border-security-base{border-color:#C66C5D !important}.thl-topic-bg-security-base{background-color:#C66C5D !important}.thl-topic-fill-security-dark{fill:#955146 !important}.thl-topic-stroke-security-dark{stroke:#955146 !important}.thl-topic-color-security-dark{color:#955146 !important}.thl-topic-border-security-dark{border-color:#955146 !important}.thl-topic-bg-security-dark{background-color:#955146 !important}.thl-topic-fill-quality-assurance-light{fill:#A560B5 !important}.thl-topic-stroke-quality-assurance-light{stroke:#A560B5 !important}.thl-topic-color-quality-assurance-light{color:#A560B5 !important}.thl-topic-border-quality-assurance-light{border-color:#A560B5 !important}.thl-topic-bg-quality-assurance-light{background-color:#A560B5 !important}.thl-topic-fill-quality-assurance-base{fill:#80438E !important}.thl-topic-stroke-quality-assurance-base{stroke:#80438E !important}.thl-topic-color-quality-assurance-base{color:#80438E !important}.thl-topic-border-quality-assurance-base{border-color:#80438E !important}.thl-topic-bg-quality-assurance-base{background-color:#80438E !important}.thl-topic-fill-quality-assurance-dark{fill:#60226F !important}.thl-topic-stroke-quality-assurance-dark{stroke:#60226F !important}.thl-topic-color-quality-assurance-dark{color:#60226F !important}.thl-topic-border-quality-assurance-dark{border-color:#60226F !important}.thl-topic-bg-quality-assurance-dark{background-color:#60226F !important}.thl-topic-fill-undefined-light{fill:#8c959d !important}.thl-topic-stroke-undefined-light{stroke:#8c959d !important}.thl-topic-color-undefined-light{color:#8c959d !important}.thl-topic-border-undefined-light{border-color:#8c959d !important}.thl-topic-bg-undefined-light{background-color:#8c959d !important}.thl-topic-fill-undefined-base{fill:#717b85 !important}.thl-topic-stroke-undefined-base{stroke:#717b85 !important}.thl-topic-color-undefined-base{color:#717b85 !important}.thl-topic-border-undefined-base{border-color:#717b85 !important}.thl-topic-bg-undefined-base{background-color:#717b85 !important}.thl-topic-fill-undefined-dark{fill:#5a6269 !important}.thl-topic-stroke-undefined-dark{stroke:#5a6269 !important}.thl-topic-color-undefined-dark{color:#5a6269 !important}.thl-topic-border-undefined-dark{border-color:#5a6269 !important}.thl-topic-bg-undefined-dark{background-color:#5a6269 !important}.thl-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}.thl-button:hover,.thl-button:active,.thl-button:focus{color:#34ad58;border-color:#34ad58}.thl-button:hover svg,.thl-button:active svg,.thl-button:focus svg{fill:#34ad58}.thl-button:last-child{margin-right:0}.thl-button svg{fill:#5fcf80}.thl-button--primary{background-color:#5fcf80 !important;border-color:#5fcf80 !important;color:#fff !important}.thl-button--primary svg{fill:#fff !important}.thl-button--primary:hover,.thl-button--primary:active,.thl-button--primary:focus{background-color:#3ac162 !important;border-color:#3ac162 !important;color:#fff !important}.thl-button--secondary{background-color:transparent !important;border-color:#e8ebed !important;color:#576366 !important}.thl-button--secondary svg{fill:#576366 !important}.thl-button--secondary:hover,.thl-button--secondary:active,.thl-button--secondary:focus{border-color:#bdc6cb !important;color:#505b5e !important}.thl-button--alert{background-color:transparent !important;border-color:#ed5a5a !important;color:#ed5a5a !important}.thl-button--alert svg{fill:#ed5a5a !important}.thl-button--alert:hover,.thl-button--alert:active,.thl-button--alert:focus{border-color:#cb1616 !important;color:#cb1616 !important}.thl-button--disabled{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.thl-button--disabled svg{fill:#7b8b8e !important}.thl-button--disabled:hover,.thl-button--disabled:active,.thl-button--disabled:focus{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.thl-button--disabled:hover svg,.thl-button--disabled:active svg,.thl-button--disabled:focus svg{fill:#576366 !important}.thl-button--inverse{border-color:#fff !important;color:#fff !important;opacity:.88 !important}.thl-button--inverse svg{fill:#fff !important}.thl-button--inverse:hover,.thl-button--inverse:active,.thl-button--inverse:focus{border-color:#fff !important;color:#fff !important;opacity:1 !important}.thl-button--inverse-primary{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.88}.thl-button--inverse-primary svg{fill:#4b5658 !important}.thl-button--inverse-primary:hover,.thl-button--inverse-primary:active,.thl-button--inverse-primary:focus{opacity:1 !important}.thl-button--inverse-disabled{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.thl-button--inverse-disabled:hover,.thl-button--inverse-disabled:active,.thl-button--inverse-disabled:focus{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.thl-button--inverse-primary-disabled{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.thl-button--inverse-primary-disabled:hover,.thl-button--inverse-primary-disabled:active,.thl-button--inverse-primary-disabled:focus{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.thl-button--inline{margin-top:24px !important;padding:0 26px !important;height:47px !important;line-height:43px !important}@media screen{.thl-button--xlarge-xs{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-xs.square{width:58px !important}.thl-button--large-xs{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-xs.square{width:50px !important}.thl-button--large-xs svg{top:-2px}.thl-button--normal-xs{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-xs.square{width:40px !important}.thl-button--small-xs{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-xs.square{width:34px !important}.thl-button--xsmall-xs{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-xs.square{width:30px !important}}@media screen and (min-width: 480px){.thl-button--xlarge-sm{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-sm.square{width:58px !important}.thl-button--large-sm{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-sm.square{width:50px !important}.thl-button--large-sm svg{top:-2px}.thl-button--normal-sm{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-sm.square{width:40px !important}.thl-button--small-sm{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-sm.square{width:34px !important}.thl-button--xsmall-sm{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-sm.square{width:30px !important}}@media screen and (min-width: 680px){.thl-button--xlarge-md{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-md.square{width:58px !important}.thl-button--large-md{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-md.square{width:50px !important}.thl-button--large-md svg{top:-2px}.thl-button--normal-md{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-md.square{width:40px !important}.thl-button--small-md{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-md.square{width:34px !important}.thl-button--xsmall-md{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-md.square{width:30px !important}}@media screen and (min-width: 960px){.thl-button--xlarge-lg{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-lg.square{width:58px !important}.thl-button--large-lg{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-lg.square{width:50px !important}.thl-button--large-lg svg{top:-2px}.thl-button--normal-lg{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-lg.square{width:40px !important}.thl-button--small-lg{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-lg.square{width:34px !important}.thl-button--xsmall-lg{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-lg.square{width:30px !important}}@media screen and (min-width: 1140px){.thl-button--xlarge-xl{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-xl.square{width:58px !important}.thl-button--large-xl{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-xl.square{width:50px !important}.thl-button--large-xl svg{top:-2px}.thl-button--normal-xl{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-xl.square{width:40px !important}.thl-button--small-xl{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-xl.square{width:34px !important}.thl-button--xsmall-xl{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-xl.square{width:30px !important}}.thl-button--topic-html{border-color:#39ADD1 !important;color:#39ADD1 !important}.thl-button--topic-html svg{fill:#39ADD1 !important}.thl-button--topic-html:hover,.thl-button--topic-html:active,.thl-button--topic-html:focus{border-color:#298fae !important;color:#298fae !important}.thl-button--topic-html:hover svg,.thl-button--topic-html:active svg,.thl-button--topic-html:focus svg{fill:#298fae !important}.thl-button--topic-html.thl-button--primary{background-color:#39ADD1 !important;border-color:#39ADD1 !important;color:#fff !important}.thl-button--topic-html.thl-button--primary:hover,.thl-button--topic-html.thl-button--primary:active,.thl-button--topic-html.thl-button--primary:focus{background-color:#298fae !important;border-color:#298fae !important}.thl-button--topic-html.thl-button--primary:hover svg,.thl-button--topic-html.thl-button--primary:active svg,.thl-button--topic-html.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-css{border-color:#3079AB !important;color:#3079AB !important}.thl-button--topic-css svg{fill:#3079AB !important}.thl-button--topic-css:hover,.thl-button--topic-css:active,.thl-button--topic-css:focus{border-color:#255d83 !important;color:#255d83 !important}.thl-button--topic-css:hover svg,.thl-button--topic-css:active svg,.thl-button--topic-css:focus svg{fill:#255d83 !important}.thl-button--topic-css.thl-button--primary{background-color:#3079AB !important;border-color:#3079AB !important;color:#fff !important}.thl-button--topic-css.thl-button--primary:hover,.thl-button--topic-css.thl-button--primary:active,.thl-button--topic-css.thl-button--primary:focus{background-color:#255d83 !important;border-color:#255d83 !important}.thl-button--topic-css.thl-button--primary:hover svg,.thl-button--topic-css.thl-button--primary:active svg,.thl-button--topic-css.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-js{border-color:#c25975 !important;color:#c25975 !important}.thl-button--topic-js svg{fill:#c25975 !important}.thl-button--topic-js:hover,.thl-button--topic-js:active,.thl-button--topic-js:focus{border-color:#aa3e5b !important;color:#aa3e5b !important}.thl-button--topic-js:hover svg,.thl-button--topic-js:active svg,.thl-button--topic-js:focus svg{fill:#aa3e5b !important}.thl-button--topic-js.thl-button--primary{background-color:#c25975 !important;border-color:#c25975 !important;color:#fff !important}.thl-button--topic-js.thl-button--primary:hover,.thl-button--topic-js.thl-button--primary:active,.thl-button--topic-js.thl-button--primary:focus{background-color:#aa3e5b !important;border-color:#aa3e5b !important}.thl-button--topic-js.thl-button--primary:hover svg,.thl-button--topic-js.thl-button--primary:active svg,.thl-button--topic-js.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-ruby{border-color:#e15258 !important;color:#e15258 !important}.thl-button--topic-ruby svg{fill:#e15258 !important}.thl-button--topic-ruby:hover,.thl-button--topic-ruby:active,.thl-button--topic-ruby:focus{border-color:#d9272e !important;color:#d9272e !important}.thl-button--topic-ruby:hover svg,.thl-button--topic-ruby:active svg,.thl-button--topic-ruby:focus svg{fill:#d9272e !important}.thl-button--topic-ruby.thl-button--primary{background-color:#e15258 !important;border-color:#e15258 !important;color:#fff !important}.thl-button--topic-ruby.thl-button--primary:hover,.thl-button--topic-ruby.thl-button--primary:active,.thl-button--topic-ruby.thl-button--primary:focus{background-color:#d9272e !important;border-color:#d9272e !important}.thl-button--topic-ruby.thl-button--primary:hover svg,.thl-button--topic-ruby.thl-button--primary:active svg,.thl-button--topic-ruby.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-business{border-color:#F9845B !important;color:#F9845B !important}.thl-button--topic-business svg{fill:#F9845B !important}.thl-button--topic-business:hover,.thl-button--topic-business:active,.thl-button--topic-business:focus{border-color:#f75f2a !important;color:#f75f2a !important}.thl-button--topic-business:hover svg,.thl-button--topic-business:active svg,.thl-button--topic-business:focus svg{fill:#f75f2a !important}.thl-button--topic-business.thl-button--primary{background-color:#F9845B !important;border-color:#F9845B !important;color:#fff !important}.thl-button--topic-business.thl-button--primary:hover,.thl-button--topic-business.thl-button--primary:active,.thl-button--topic-business.thl-button--primary:focus{background-color:#f75f2a !important;border-color:#f75f2a !important}.thl-button--topic-business.thl-button--primary:hover svg,.thl-button--topic-business.thl-button--primary:active svg,.thl-button--topic-business.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-wordpress{border-color:#838CC7 !important;color:#838CC7 !important}.thl-button--topic-wordpress svg{fill:#838CC7 !important}.thl-button--topic-wordpress:hover,.thl-button--topic-wordpress:active,.thl-button--topic-wordpress:focus{border-color:#606bb7 !important;color:#606bb7 !important}.thl-button--topic-wordpress:hover svg,.thl-button--topic-wordpress:active svg,.thl-button--topic-wordpress:focus svg{fill:#606bb7 !important}.thl-button--topic-wordpress.thl-button--primary{background-color:#838CC7 !important;border-color:#838CC7 !important;color:#fff !important}.thl-button--topic-wordpress.thl-button--primary:hover,.thl-button--topic-wordpress.thl-button--primary:active,.thl-button--topic-wordpress.thl-button--primary:focus{background-color:#606bb7 !important;border-color:#606bb7 !important}.thl-button--topic-wordpress.thl-button--primary:hover svg,.thl-button--topic-wordpress.thl-button--primary:active svg,.thl-button--topic-wordpress.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-php{border-color:#7D669E !important;color:#7D669E !important}.thl-button--topic-php svg{fill:#7D669E !important}.thl-button--topic-php:hover,.thl-button--topic-php:active,.thl-button--topic-php:focus{border-color:#645180 !important;color:#645180 !important}.thl-button--topic-php:hover svg,.thl-button--topic-php:active svg,.thl-button--topic-php:focus svg{fill:#645180 !important}.thl-button--topic-php.thl-button--primary{background-color:#7D669E !important;border-color:#7D669E !important;color:#fff !important}.thl-button--topic-php.thl-button--primary:hover,.thl-button--topic-php.thl-button--primary:active,.thl-button--topic-php.thl-button--primary:focus{background-color:#645180 !important;border-color:#645180 !important}.thl-button--topic-php.thl-button--primary:hover svg,.thl-button--topic-php.thl-button--primary:active svg,.thl-button--topic-php.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-ios{border-color:#53BBB4 !important;color:#53BBB4 !important}.thl-button--topic-ios svg{fill:#53BBB4 !important}.thl-button--topic-ios:hover,.thl-button--topic-ios:active,.thl-button--topic-ios:focus{border-color:#3e9d97 !important;color:#3e9d97 !important}.thl-button--topic-ios:hover svg,.thl-button--topic-ios:active svg,.thl-button--topic-ios:focus svg{fill:#3e9d97 !important}.thl-button--topic-ios.thl-button--primary{background-color:#53BBB4 !important;border-color:#53BBB4 !important;color:#fff !important}.thl-button--topic-ios.thl-button--primary:hover,.thl-button--topic-ios.thl-button--primary:active,.thl-button--topic-ios.thl-button--primary:focus{background-color:#3e9d97 !important;border-color:#3e9d97 !important}.thl-button--topic-ios.thl-button--primary:hover svg,.thl-button--topic-ios.thl-button--primary:active svg,.thl-button--topic-ios.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-android{border-color:#5cb860 !important;color:#5cb860 !important}.thl-button--topic-android svg{fill:#5cb860 !important}.thl-button--topic-android:hover,.thl-button--topic-android:active,.thl-button--topic-android:focus{border-color:#449d48 !important;color:#449d48 !important}.thl-button--topic-android:hover svg,.thl-button--topic-android:active svg,.thl-button--topic-android:focus svg{fill:#449d48 !important}.thl-button--topic-android.thl-button--primary{background-color:#5cb860 !important;border-color:#5cb860 !important;color:#fff !important}.thl-button--topic-android.thl-button--primary:hover,.thl-button--topic-android.thl-button--primary:active,.thl-button--topic-android.thl-button--primary:focus{background-color:#449d48 !important;border-color:#449d48 !important}.thl-button--topic-android.thl-button--primary:hover svg,.thl-button--topic-android.thl-button--primary:active svg,.thl-button--topic-android.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-design{border-color:#e59a13 !important;color:#e59a13 !important}.thl-button--topic-design svg{fill:#e59a13 !important}.thl-button--topic-design:hover,.thl-button--topic-design:active,.thl-button--topic-design:focus{border-color:#b67a0f !important;color:#b67a0f !important}.thl-button--topic-design:hover svg,.thl-button--topic-design:active svg,.thl-button--topic-design:focus svg{fill:#b67a0f !important}.thl-button--topic-design.thl-button--primary{background-color:#e59a13 !important;border-color:#e59a13 !important;color:#fff !important}.thl-button--topic-design.thl-button--primary:hover,.thl-button--topic-design.thl-button--primary:active,.thl-button--topic-design.thl-button--primary:focus{background-color:#b67a0f !important;border-color:#b67a0f !important}.thl-button--topic-design.thl-button--primary:hover svg,.thl-button--topic-design.thl-button--primary:active svg,.thl-button--topic-design.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-devtools{border-color:#637a91 !important;color:#637a91 !important}.thl-button--topic-devtools svg{fill:#637a91 !important}.thl-button--topic-devtools:hover,.thl-button--topic-devtools:active,.thl-button--topic-devtools:focus{border-color:#4e6173 !important;color:#4e6173 !important}.thl-button--topic-devtools:hover svg,.thl-button--topic-devtools:active svg,.thl-button--topic-devtools:focus svg{fill:#4e6173 !important}.thl-button--topic-devtools.thl-button--primary{background-color:#637a91 !important;border-color:#637a91 !important;color:#fff !important}.thl-button--topic-devtools.thl-button--primary:hover,.thl-button--topic-devtools.thl-button--primary:active,.thl-button--topic-devtools.thl-button--primary:focus{background-color:#4e6173 !important;border-color:#4e6173 !important}.thl-button--topic-devtools.thl-button--primary:hover svg,.thl-button--topic-devtools.thl-button--primary:active svg,.thl-button--topic-devtools.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-java{border-color:#2c9676 !important;color:#2c9676 !important}.thl-button--topic-java svg{fill:#2c9676 !important}.thl-button--topic-java:hover,.thl-button--topic-java:active,.thl-button--topic-java:focus{border-color:#206f57 !important;color:#206f57 !important}.thl-button--topic-java:hover svg,.thl-button--topic-java:active svg,.thl-button--topic-java:focus svg{fill:#206f57 !important}.thl-button--topic-java.thl-button--primary{background-color:#2c9676 !important;border-color:#2c9676 !important;color:#fff !important}.thl-button--topic-java.thl-button--primary:hover,.thl-button--topic-java.thl-button--primary:active,.thl-button--topic-java.thl-button--primary:focus{background-color:#206f57 !important;border-color:#206f57 !important}.thl-button--topic-java.thl-button--primary:hover svg,.thl-button--topic-java.thl-button--primary:active svg,.thl-button--topic-java.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-python{border-color:#f092b0 !important;color:#f092b0 !important}.thl-button--topic-python svg{fill:#f092b0 !important}.thl-button--topic-python:hover,.thl-button--topic-python:active,.thl-button--topic-python:focus{border-color:#ea6590 !important;color:#ea6590 !important}.thl-button--topic-python:hover svg,.thl-button--topic-python:active svg,.thl-button--topic-python:focus svg{fill:#ea6590 !important}.thl-button--topic-python.thl-button--primary{background-color:#f092b0 !important;border-color:#f092b0 !important;color:#fff !important}.thl-button--topic-python.thl-button--primary:hover,.thl-button--topic-python.thl-button--primary:active,.thl-button--topic-python.thl-button--primary:focus{background-color:#ea6590 !important;border-color:#ea6590 !important}.thl-button--topic-python.thl-button--primary:hover svg,.thl-button--topic-python.thl-button--primary:active svg,.thl-button--topic-python.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-diglit{border-color:#c38cd4 !important;color:#c38cd4 !important}.thl-button--topic-diglit svg{fill:#c38cd4 !important}.thl-button--topic-diglit:hover,.thl-button--topic-diglit:active,.thl-button--topic-diglit:focus{border-color:#b067c6 !important;color:#b067c6 !important}.thl-button--topic-diglit:hover svg,.thl-button--topic-diglit:active svg,.thl-button--topic-diglit:focus svg{fill:#b067c6 !important}.thl-button--topic-diglit.thl-button--primary{background-color:#c38cd4 !important;border-color:#c38cd4 !important;color:#fff !important}.thl-button--topic-diglit.thl-button--primary:hover,.thl-button--topic-diglit.thl-button--primary:active,.thl-button--topic-diglit.thl-button--primary:focus{background-color:#b067c6 !important;border-color:#b067c6 !important}.thl-button--topic-diglit.thl-button--primary:hover svg,.thl-button--topic-diglit.thl-button--primary:active svg,.thl-button--topic-diglit.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-gamedev{border-color:#20898c !important;color:#20898c !important}.thl-button--topic-gamedev svg{fill:#20898c !important}.thl-button--topic-gamedev:hover,.thl-button--topic-gamedev:active,.thl-button--topic-gamedev:focus{border-color:#176062 !important;color:#176062 !important}.thl-button--topic-gamedev:hover svg,.thl-button--topic-gamedev:active svg,.thl-button--topic-gamedev:focus svg{fill:#176062 !important}.thl-button--topic-gamedev.thl-button--primary{background-color:#20898c !important;border-color:#20898c !important;color:#fff !important}.thl-button--topic-gamedev.thl-button--primary:hover,.thl-button--topic-gamedev.thl-button--primary:active,.thl-button--topic-gamedev.thl-button--primary:focus{background-color:#176062 !important;border-color:#176062 !important}.thl-button--topic-gamedev.thl-button--primary:hover svg,.thl-button--topic-gamedev.thl-button--primary:active svg,.thl-button--topic-gamedev.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-csharp{border-color:#9e4d83 !important;color:#9e4d83 !important}.thl-button--topic-csharp svg{fill:#9e4d83 !important}.thl-button--topic-csharp:hover,.thl-button--topic-csharp:active,.thl-button--topic-csharp:focus{border-color:#7c3c67 !important;color:#7c3c67 !important}.thl-button--topic-csharp:hover svg,.thl-button--topic-csharp:active svg,.thl-button--topic-csharp:focus svg{fill:#7c3c67 !important}.thl-button--topic-csharp.thl-button--primary{background-color:#9e4d83 !important;border-color:#9e4d83 !important;color:#fff !important}.thl-button--topic-csharp.thl-button--primary:hover,.thl-button--topic-csharp.thl-button--primary:active,.thl-button--topic-csharp.thl-button--primary:focus{background-color:#7c3c67 !important;border-color:#7c3c67 !important}.thl-button--topic-csharp.thl-button--primary:hover svg,.thl-button--topic-csharp.thl-button--primary:active svg,.thl-button--topic-csharp.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-databases{border-color:#eb7728 !important;color:#eb7728 !important}.thl-button--topic-databases svg{fill:#eb7728 !important}.thl-button--topic-databases:hover,.thl-button--topic-databases:active,.thl-button--topic-databases:focus{border-color:#cd5e13 !important;color:#cd5e13 !important}.thl-button--topic-databases:hover svg,.thl-button--topic-databases:active svg,.thl-button--topic-databases:focus svg{fill:#cd5e13 !important}.thl-button--topic-databases.thl-button--primary{background-color:#eb7728 !important;border-color:#eb7728 !important;color:#fff !important}.thl-button--topic-databases.thl-button--primary:hover,.thl-button--topic-databases.thl-button--primary:active,.thl-button--topic-databases.thl-button--primary:focus{background-color:#cd5e13 !important;border-color:#cd5e13 !important}.thl-button--topic-databases.thl-button--primary:hover svg,.thl-button--topic-databases.thl-button--primary:active svg,.thl-button--topic-databases.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-virtual-reality{border-color:#95D26C !important;color:#95D26C !important}.thl-button--topic-virtual-reality svg{fill:#95D26C !important}.thl-button--topic-virtual-reality:hover,.thl-button--topic-virtual-reality:active,.thl-button--topic-virtual-reality:focus{border-color:#79c645 !important;color:#79c645 !important}.thl-button--topic-virtual-reality:hover svg,.thl-button--topic-virtual-reality:active svg,.thl-button--topic-virtual-reality:focus svg{fill:#79c645 !important}.thl-button--topic-virtual-reality.thl-button--primary{background-color:#95D26C !important;border-color:#95D26C !important;color:#fff !important}.thl-button--topic-virtual-reality.thl-button--primary:hover,.thl-button--topic-virtual-reality.thl-button--primary:active,.thl-button--topic-virtual-reality.thl-button--primary:focus{background-color:#79c645 !important;border-color:#79c645 !important}.thl-button--topic-virtual-reality.thl-button--primary:hover svg,.thl-button--topic-virtual-reality.thl-button--primary:active svg,.thl-button--topic-virtual-reality.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-apis{border-color:#993c50 !important;color:#993c50 !important}.thl-button--topic-apis svg{fill:#993c50 !important}.thl-button--topic-apis:hover,.thl-button--topic-apis:active,.thl-button--topic-apis:focus{border-color:#742e3d !important;color:#742e3d !important}.thl-button--topic-apis:hover svg,.thl-button--topic-apis:active svg,.thl-button--topic-apis:focus svg{fill:#742e3d !important}.thl-button--topic-apis.thl-button--primary{background-color:#993c50 !important;border-color:#993c50 !important;color:#fff !important}.thl-button--topic-apis.thl-button--primary:hover,.thl-button--topic-apis.thl-button--primary:active,.thl-button--topic-apis.thl-button--primary:focus{background-color:#742e3d !important;border-color:#742e3d !important}.thl-button--topic-apis.thl-button--primary:hover svg,.thl-button--topic-apis.thl-button--primary:active svg,.thl-button--topic-apis.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-go{border-color:#375eab !important;color:#375eab !important}.thl-button--topic-go svg{fill:#375eab !important}.thl-button--topic-go:hover,.thl-button--topic-go:active,.thl-button--topic-go:focus{border-color:#2b4984 !important;color:#2b4984 !important}.thl-button--topic-go:hover svg,.thl-button--topic-go:active svg,.thl-button--topic-go:focus svg{fill:#2b4984 !important}.thl-button--topic-go.thl-button--primary{background-color:#375eab !important;border-color:#375eab !important;color:#fff !important}.thl-button--topic-go.thl-button--primary:hover,.thl-button--topic-go.thl-button--primary:active,.thl-button--topic-go.thl-button--primary:focus{background-color:#2b4984 !important;border-color:#2b4984 !important}.thl-button--topic-go.thl-button--primary:hover svg,.thl-button--topic-go.thl-button--primary:active svg,.thl-button--topic-go.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-data-analysis{border-color:#645a7e !important;color:#645a7e !important}.thl-button--topic-data-analysis svg{fill:#645a7e !important}.thl-button--topic-data-analysis:hover,.thl-button--topic-data-analysis:active,.thl-button--topic-data-analysis:focus{border-color:#4c4560 !important;color:#4c4560 !important}.thl-button--topic-data-analysis:hover svg,.thl-button--topic-data-analysis:active svg,.thl-button--topic-data-analysis:focus svg{fill:#4c4560 !important}.thl-button--topic-data-analysis.thl-button--primary{background-color:#645a7e !important;border-color:#645a7e !important;color:#fff !important}.thl-button--topic-data-analysis.thl-button--primary:hover,.thl-button--topic-data-analysis.thl-button--primary:active,.thl-button--topic-data-analysis.thl-button--primary:focus{background-color:#4c4560 !important;border-color:#4c4560 !important}.thl-button--topic-data-analysis.thl-button--primary:hover svg,.thl-button--topic-data-analysis.thl-button--primary:active svg,.thl-button--topic-data-analysis.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-security{border-color:#C66C5D !important;color:#C66C5D !important}.thl-button--topic-security svg{fill:#C66C5D !important}.thl-button--topic-security:hover,.thl-button--topic-security:active,.thl-button--topic-security:focus{border-color:#b24f3e !important;color:#b24f3e !important}.thl-button--topic-security:hover svg,.thl-button--topic-security:active svg,.thl-button--topic-security:focus svg{fill:#b24f3e !important}.thl-button--topic-security.thl-button--primary{background-color:#C66C5D !important;border-color:#C66C5D !important;color:#fff !important}.thl-button--topic-security.thl-button--primary:hover,.thl-button--topic-security.thl-button--primary:active,.thl-button--topic-security.thl-button--primary:focus{background-color:#b24f3e !important;border-color:#b24f3e !important}.thl-button--topic-security.thl-button--primary:hover svg,.thl-button--topic-security.thl-button--primary:active svg,.thl-button--topic-security.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-quality-assurance{border-color:#80438E !important;color:#80438E !important}.thl-button--topic-quality-assurance svg{fill:#80438E !important}.thl-button--topic-quality-assurance:hover,.thl-button--topic-quality-assurance:active,.thl-button--topic-quality-assurance:focus{border-color:#61336b !important;color:#61336b !important}.thl-button--topic-quality-assurance:hover svg,.thl-button--topic-quality-assurance:active svg,.thl-button--topic-quality-assurance:focus svg{fill:#61336b !important}.thl-button--topic-quality-assurance.thl-button--primary{background-color:#80438E !important;border-color:#80438E !important;color:#fff !important}.thl-button--topic-quality-assurance.thl-button--primary:hover,.thl-button--topic-quality-assurance.thl-button--primary:active,.thl-button--topic-quality-assurance.thl-button--primary:focus{background-color:#61336b !important;border-color:#61336b !important}.thl-button--topic-quality-assurance.thl-button--primary:hover svg,.thl-button--topic-quality-assurance.thl-button--primary:active svg,.thl-button--topic-quality-assurance.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-undefined{border-color:#717b85 !important;color:#717b85 !important}.thl-button--topic-undefined svg{fill:#717b85 !important}.thl-button--topic-undefined:hover,.thl-button--topic-undefined:active,.thl-button--topic-undefined:focus{border-color:#5a6269 !important;color:#5a6269 !important}.thl-button--topic-undefined:hover svg,.thl-button--topic-undefined:active svg,.thl-button--topic-undefined:focus svg{fill:#5a6269 !important}.thl-button--topic-undefined.thl-button--primary{background-color:#717b85 !important;border-color:#717b85 !important;color:#fff !important}.thl-button--topic-undefined.thl-button--primary:hover,.thl-button--topic-undefined.thl-button--primary:active,.thl-button--topic-undefined.thl-button--primary:focus{background-color:#5a6269 !important;border-color:#5a6269 !important}.thl-button--topic-undefined.thl-button--primary:hover svg,.thl-button--topic-undefined.thl-button--primary:active svg,.thl-button--topic-undefined.thl-button--primary:focus svg{fill:#fff !important}.thl-split-button .thl-button{float:left;z-index:1;margin:0 !important;border-radius:4px 0 0 4px;padding:0 20px}.thl-split-button .thl-button:hover,.thl-split-button .thl-button:active,.thl-split-button .thl-button:focus{z-index:2}.thl-split-button .thl-button.thl-button--primary{border-right-color:rgba(0,0,0,0.1)}.thl-split-button .thl-button+.thl-button{border-radius:0 4px 4px 0;margin-left:-2px !important}.thl-split-button .thl-button+.thl-button.thl-button--primary{border-left-color:rgba(0,0,0,0.1)}.thl-split-button{display:inline-block;margin:0 15px 0 0}.thl-split-button:before,.thl-split-button:after{content:" ";display:table}.thl-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}}.thl-block-grid{padding:0 !important;list-style:none !important;font-size:0 !important;display:block !important;overflow:hidden !important;margin-bottom:2rem !important}.thl-block-grid-gutters{margin:-1rem -1rem 1rem -1rem !important}.thl-block-grid-gutters .thl-block-grid__item{padding:1rem !important}.thl-block-grid__item{display:block !important;float:left !important;font-size:16px !important}@media screen{.thl-block-1-xs .thl-block-grid__item{width:100% !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xs .thl-block-grid__item{width:50% !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xs .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xs .thl-block-grid__item{width:25% !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xs .thl-block-grid__item{width:20% !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xs .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 480px){.thl-block-1-sm .thl-block-grid__item{width:100% !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-sm .thl-block-grid__item{width:50% !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-sm .thl-block-grid__item{width:33.33333% !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-sm .thl-block-grid__item{width:25% !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-sm .thl-block-grid__item{width:20% !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-sm .thl-block-grid__item{width:16.66667% !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 680px){.thl-block-1-md .thl-block-grid__item{width:100% !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-md .thl-block-grid__item{width:50% !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-md .thl-block-grid__item{width:33.33333% !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-md .thl-block-grid__item{width:25% !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-md .thl-block-grid__item{width:20% !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-md .thl-block-grid__item{width:16.66667% !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 960px){.thl-block-1-lg .thl-block-grid__item{width:100% !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-lg .thl-block-grid__item{width:50% !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-lg .thl-block-grid__item{width:33.33333% !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-lg .thl-block-grid__item{width:25% !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-lg .thl-block-grid__item{width:20% !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-lg .thl-block-grid__item{width:16.66667% !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 1140px){.thl-block-1-xl .thl-block-grid__item{width:100% !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xl .thl-block-grid__item{width:50% !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xl .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xl .thl-block-grid__item{width:25% !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xl .thl-block-grid__item{width:20% !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xl .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xl .thl-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:.5rem;font-size:.9rem}.form-feedback-success .form-feedback{color:#36b55c}.form-feedback-warning .form-feedback{color:#ff9f1f}.form-feedback-error .form-feedback{color:#ed5a5a}.form-label,.form-helper{display:block}.form-label{color:#40484a;font-weight:500;margin-bottom:.5rem;line-height:1.3}.form-label-required{color:red;font-weight:500}.form-feedback-success .form-label{color:#36b55c}.form-feedback-warning .form-label{color:#ff9f1f}.form-feedback-error .form-label{color:#ed5a5a}.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:#36b55c}.form-feedback-warning .form-text-input,.form-feedback-warning .form-textarea{border-color:#ff9f1f}.form-feedback-error .form-text-input,.form-feedback-error .form-textarea{border-color:#ed5a5a}.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:#288644}.form-feedback-warning .form-text-input:focus,.form-feedback-warning .form-textarea:focus{border-color:#e18000}.form-feedback-error .form-text-input:focus,.form-feedback-error .form-textarea:focus{border-color:#e72323}.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}.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}.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}.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}.form-radio+.form-label:before{border-radius:50%;border:1px solid #d4d9dd}.form-radio:checked+.form-label:before{border:5px solid #3f8abf}.form-checkbox+.form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:1px solid #d4d9dd}.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:#36b55c;color:#36b55c}.form-feedback-warning .form-upload+.form-label{border-color:#ff9f1f;color:#ff9f1f}.form-feedback-error .form-upload+.form-label{border-color:#ed5a5a;color:#ed5a5a}.form-upload:focus+.form-label,.form-upload+.form-label:hover{background-color:#fff;border:2px solid #8c9aa6;color:#40484a}.form-feedback-success .form-upload:focus+.form-label,.form-feedback-success .form-upload+.form-label:hover{border-color:#288644;color:#288644}.form-feedback-warning .form-upload:focus+.form-label,.form-feedback-warning .form-upload+.form-label:hover{border-color:#e18000;color:#e18000}.form-feedback-error .form-upload:focus+.form-label,.form-feedback-error .form-upload+.form-label:hover{border-color:#e72323;color:#e72323}table{width:100%;border-collapse:collapse}table th{font-weight:600}table th,table td{text-align:left;padding:0.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.8.7 */*,: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:#3f8abf;cursor:pointer;transition:color 300ms 0s ease;text-decoration:none}a:hover,a:active,a:focus{color:#326e99}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{.thl-border-xs{border:solid 1px #e8ebed !important}.thl-border-t-xs{border-top:solid 1px #e8ebed !important}.thl-border-b-xs{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xs{border-left:solid 1px #e8ebed !important}.thl-border-r-xs{border-right:solid 1px #e8ebed !important}.thl-border-dark-xs{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xs{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xs{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xs{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xs{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xs{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xs{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xs{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xs{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xs{border-right:solid 1px #d4d9dd !important}.thl-border-light-xs{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xs{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xs{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xs{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xs{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xs{border:none !important}.thl-border-none-t-xs{border-top:none !important}.thl-border-none-b-xs{border-bottom:none !important}.thl-border-none-l-xs{border-left:none !important}.thl-border-none-r-xs{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 480px){.thl-border-sm{border:solid 1px #e8ebed !important}.thl-border-t-sm{border-top:solid 1px #e8ebed !important}.thl-border-b-sm{border-bottom:solid 1px #e8ebed !important}.thl-border-l-sm{border-left:solid 1px #e8ebed !important}.thl-border-r-sm{border-right:solid 1px #e8ebed !important}.thl-border-dark-sm{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-sm{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-sm{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-sm{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-sm{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-sm{border:solid 1px #d4d9dd !important}.thl-border-t-mid-sm{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-sm{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-sm{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-sm{border-right:solid 1px #d4d9dd !important}.thl-border-light-sm{border:solid 1px #f0f2f4 !important}.thl-border-t-light-sm{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-sm{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-sm{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-sm{border-right:solid 1px #f0f2f4 !important}.thl-border-none-sm{border:none !important}.thl-border-none-t-sm{border-top:none !important}.thl-border-none-b-sm{border-bottom:none !important}.thl-border-none-l-sm{border-left:none !important}.thl-border-none-r-sm{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 680px){.thl-border-md{border:solid 1px #e8ebed !important}.thl-border-t-md{border-top:solid 1px #e8ebed !important}.thl-border-b-md{border-bottom:solid 1px #e8ebed !important}.thl-border-l-md{border-left:solid 1px #e8ebed !important}.thl-border-r-md{border-right:solid 1px #e8ebed !important}.thl-border-dark-md{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-md{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-md{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-md{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-md{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-md{border:solid 1px #d4d9dd !important}.thl-border-t-mid-md{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-md{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-md{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-md{border-right:solid 1px #d4d9dd !important}.thl-border-light-md{border:solid 1px #f0f2f4 !important}.thl-border-t-light-md{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-md{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-md{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-md{border-right:solid 1px #f0f2f4 !important}.thl-border-none-md{border:none !important}.thl-border-none-t-md{border-top:none !important}.thl-border-none-b-md{border-bottom:none !important}.thl-border-none-l-md{border-left:none !important}.thl-border-none-r-md{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 960px){.thl-border-lg{border:solid 1px #e8ebed !important}.thl-border-t-lg{border-top:solid 1px #e8ebed !important}.thl-border-b-lg{border-bottom:solid 1px #e8ebed !important}.thl-border-l-lg{border-left:solid 1px #e8ebed !important}.thl-border-r-lg{border-right:solid 1px #e8ebed !important}.thl-border-dark-lg{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-lg{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-lg{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-lg{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-lg{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-lg{border:solid 1px #d4d9dd !important}.thl-border-t-mid-lg{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-lg{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-lg{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-lg{border-right:solid 1px #d4d9dd !important}.thl-border-light-lg{border:solid 1px #f0f2f4 !important}.thl-border-t-light-lg{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-lg{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-lg{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-lg{border-right:solid 1px #f0f2f4 !important}.thl-border-none-lg{border:none !important}.thl-border-none-t-lg{border-top:none !important}.thl-border-none-b-lg{border-bottom:none !important}.thl-border-none-l-lg{border-left:none !important}.thl-border-none-r-lg{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}@media screen and (min-width: 1140px){.thl-border-xl{border:solid 1px #e8ebed !important}.thl-border-t-xl{border-top:solid 1px #e8ebed !important}.thl-border-b-xl{border-bottom:solid 1px #e8ebed !important}.thl-border-l-xl{border-left:solid 1px #e8ebed !important}.thl-border-r-xl{border-right:solid 1px #e8ebed !important}.thl-border-dark-xl{border:solid 1px #b7c0c7 !important}.thl-border-t-dark-xl{border-top:solid 1px #b7c0c7 !important}.thl-border-b-dark-xl{border-bottom:solid 1px #b7c0c7 !important}.thl-border-l-dark-xl{border-left:solid 1px #b7c0c7 !important}.thl-border-r-dark-xl{border-right:solid 1px #b7c0c7 !important}.thl-border-mid-xl{border:solid 1px #d4d9dd !important}.thl-border-t-mid-xl{border-top:solid 1px #d4d9dd !important}.thl-border-b-mid-xl{border-bottom:solid 1px #d4d9dd !important}.thl-border-l-mid-xl{border-left:solid 1px #d4d9dd !important}.thl-border-r-mid-xl{border-right:solid 1px #d4d9dd !important}.thl-border-light-xl{border:solid 1px #f0f2f4 !important}.thl-border-t-light-xl{border-top:solid 1px #f0f2f4 !important}.thl-border-b-light-xl{border-bottom:solid 1px #f0f2f4 !important}.thl-border-l-light-xl{border-left:solid 1px #f0f2f4 !important}.thl-border-r-light-xl{border-right:solid 1px #f0f2f4 !important}.thl-border-none-xl{border:none !important}.thl-border-none-t-xl{border-top:none !important}.thl-border-none-b-xl{border-bottom:none !important}.thl-border-none-l-xl{border-left:none !important}.thl-border-none-r-xl{border-right:none !important}.thl-round{border-radius:4px !important}.thl-round-t{border-radius:4px 4px 0 0 !important}.thl-round-b{border-radius:0 0 4px 4px !important}.thl-round-l{border-radius:4px 0 0 4px !important}.thl-round-r{border-radius:0 4px 4px 0 !important}.thl-circle{border-radius:9999px !important}}.thl-brand-fill-green{fill:#5fcf80 !important}.thl-brand-stroke-green{stroke:#5fcf80 !important}.thl-brand-color-green{color:#5fcf80 !important}.thl-brand-border-green{border-color:#5fcf80 !important}.thl-brand-bg-green{background-color:#5fcf80 !important}.thl-brand-fill-gray{fill:#3e474f !important}.thl-brand-stroke-gray{stroke:#3e474f !important}.thl-brand-color-gray{color:#3e474f !important}.thl-brand-border-gray{border-color:#3e474f !important}.thl-brand-bg-gray{background-color:#3e474f !important}.fill-blue{fill:#3f8abf !important}.stroke-blue{stroke:#3f8abf !important}.color-blue{color:#3f8abf !important}.thl-border-blue{border-color:#3f8abf !important}.thl-bg-blue{background-color:#3f8abf !important}.fill-green{fill:#36b55c !important}.stroke-green{stroke:#36b55c !important}.color-green{color:#36b55c !important}.thl-border-green{border-color:#36b55c !important}.thl-bg-green{background-color:#36b55c !important}.fill-yellow{fill:#ffd466 !important}.stroke-yellow{stroke:#ffd466 !important}.color-yellow{color:#ffd466 !important}.thl-border-yellow{border-color:#ffd466 !important}.thl-bg-yellow{background-color:#ffd466 !important}.fill-orange{fill:#ff9f1f !important}.stroke-orange{stroke:#ff9f1f !important}.color-orange{color:#ff9f1f !important}.thl-border-orange{border-color:#ff9f1f !important}.thl-bg-orange{background-color:#ff9f1f !important}.fill-red{fill:#ed5a5a !important}.stroke-red{stroke:#ed5a5a !important}.color-red{color:#ed5a5a !important}.thl-border-red{border-color:#ed5a5a !important}.thl-bg-red{background-color:#ed5a5a !important}.fill-gray-darker{fill:#2d3339 !important}.stroke-gray-darker{stroke:#2d3339 !important}.color-gray-darker{color:#2d3339 !important}.thl-border-gray-darker{border-color:#2d3339 !important}.thl-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}.thl-border-gray-dark{border-color:#3f4850 !important}.thl-bg-gray-dark{background-color:#3f4850 !important}.fill-gray{fill:#c6ccd2 !important}.stroke-gray{stroke:#c6ccd2 !important}.color-gray{color:#c6ccd2 !important}.thl-border-gray{border-color:#c6ccd2 !important}.thl-bg-gray{background-color:#c6ccd2 !important}.fill-gray-light{fill:#edeff0 !important}.stroke-gray-light{stroke:#edeff0 !important}.color-gray-light{color:#edeff0 !important}.thl-border-gray-light{border-color:#edeff0 !important}.thl-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}.thl-border-gray-lighter{border-color:#f9fafa !important}.thl-bg-gray-lighter{background-color:#f9fafa !important}.thl-text-fill-dark{fill:#40484a !important}.thl-text-stroke-dark{stroke:#40484a !important}.thl-text-color-dark{color:#40484a !important}.thl-text-border-dark{border-color:#40484a !important}.thl-text-bg-dark{background-color:#40484a !important}.thl-text-fill-medium{fill:#4b5658 !important}.thl-text-stroke-medium{stroke:#4b5658 !important}.thl-text-color-medium{color:#4b5658 !important}.thl-text-border-medium{border-color:#4b5658 !important}.thl-text-bg-medium{background-color:#4b5658 !important}.thl-text-fill-base{fill:#576366 !important}.thl-text-stroke-base{stroke:#576366 !important}.thl-text-color-base{color:#576366 !important}.thl-text-border-base{border-color:#576366 !important}.thl-text-bg-base{background-color:#576366 !important}.thl-text-fill-light{fill:#7b8b8e !important}.thl-text-stroke-light{stroke:#7b8b8e !important}.thl-text-color-light{color:#7b8b8e !important}.thl-text-border-light{border-color:#7b8b8e !important}.thl-text-bg-light{background-color:#7b8b8e !important}.thl-text-fill-white{fill:#fff !important}.thl-text-stroke-white{stroke:#fff !important}.thl-text-color-white{color:#fff !important}.thl-text-border-white{border-color:#fff !important}.thl-text-bg-white{background-color:#fff !important}.thl-topic-fill-html-light{fill:#62bedb !important}.thl-topic-stroke-html-light{stroke:#62bedb !important}.thl-topic-color-html-light{color:#62bedb !important}.thl-topic-border-html-light{border-color:#62bedb !important}.thl-topic-bg-html-light{background-color:#62bedb !important}.thl-topic-fill-html-base{fill:#39ADD1 !important}.thl-topic-stroke-html-base{stroke:#39ADD1 !important}.thl-topic-color-html-base{color:#39ADD1 !important}.thl-topic-border-html-base{border-color:#39ADD1 !important}.thl-topic-bg-html-base{background-color:#39ADD1 !important}.thl-topic-fill-html-dark{fill:#298fae !important}.thl-topic-stroke-html-dark{stroke:#298fae !important}.thl-topic-color-html-dark{color:#298fae !important}.thl-topic-border-html-dark{border-color:#298fae !important}.thl-topic-bg-html-dark{background-color:#298fae !important}.thl-topic-fill-css-light{fill:#4494ca !important}.thl-topic-stroke-css-light{stroke:#4494ca !important}.thl-topic-color-css-light{color:#4494ca !important}.thl-topic-border-css-light{border-color:#4494ca !important}.thl-topic-bg-css-light{background-color:#4494ca !important}.thl-topic-fill-css-base{fill:#3079AB !important}.thl-topic-stroke-css-base{stroke:#3079AB !important}.thl-topic-color-css-base{color:#3079AB !important}.thl-topic-border-css-base{border-color:#3079AB !important}.thl-topic-bg-css-base{background-color:#3079AB !important}.thl-topic-fill-css-dark{fill:#255d83 !important}.thl-topic-stroke-css-dark{stroke:#255d83 !important}.thl-topic-color-css-dark{color:#255d83 !important}.thl-topic-border-css-dark{border-color:#255d83 !important}.thl-topic-bg-css-dark{background-color:#255d83 !important}.thl-topic-fill-js-light{fill:#d07e94 !important}.thl-topic-stroke-js-light{stroke:#d07e94 !important}.thl-topic-color-js-light{color:#d07e94 !important}.thl-topic-border-js-light{border-color:#d07e94 !important}.thl-topic-bg-js-light{background-color:#d07e94 !important}.thl-topic-fill-js-base{fill:#c25975 !important}.thl-topic-stroke-js-base{stroke:#c25975 !important}.thl-topic-color-js-base{color:#c25975 !important}.thl-topic-border-js-base{border-color:#c25975 !important}.thl-topic-bg-js-base{background-color:#c25975 !important}.thl-topic-fill-js-dark{fill:#aa3e5b !important}.thl-topic-stroke-js-dark{stroke:#aa3e5b !important}.thl-topic-color-js-dark{color:#aa3e5b !important}.thl-topic-border-js-dark{border-color:#aa3e5b !important}.thl-topic-bg-js-dark{background-color:#aa3e5b !important}.thl-topic-fill-ruby-light{fill:#e97d82 !important}.thl-topic-stroke-ruby-light{stroke:#e97d82 !important}.thl-topic-color-ruby-light{color:#e97d82 !important}.thl-topic-border-ruby-light{border-color:#e97d82 !important}.thl-topic-bg-ruby-light{background-color:#e97d82 !important}.thl-topic-fill-ruby-base{fill:#e15258 !important}.thl-topic-stroke-ruby-base{stroke:#e15258 !important}.thl-topic-color-ruby-base{color:#e15258 !important}.thl-topic-border-ruby-base{border-color:#e15258 !important}.thl-topic-bg-ruby-base{background-color:#e15258 !important}.thl-topic-fill-ruby-dark{fill:#d9272e !important}.thl-topic-stroke-ruby-dark{stroke:#d9272e !important}.thl-topic-color-ruby-dark{color:#d9272e !important}.thl-topic-border-ruby-dark{border-color:#d9272e !important}.thl-topic-bg-ruby-dark{background-color:#d9272e !important}.thl-topic-fill-business-light{fill:#fba98c !important}.thl-topic-stroke-business-light{stroke:#fba98c !important}.thl-topic-color-business-light{color:#fba98c !important}.thl-topic-border-business-light{border-color:#fba98c !important}.thl-topic-bg-business-light{background-color:#fba98c !important}.thl-topic-fill-business-base{fill:#F9845B !important}.thl-topic-stroke-business-base{stroke:#F9845B !important}.thl-topic-color-business-base{color:#F9845B !important}.thl-topic-border-business-base{border-color:#F9845B !important}.thl-topic-bg-business-base{background-color:#F9845B !important}.thl-topic-fill-business-dark{fill:#f75f2a !important}.thl-topic-stroke-business-dark{stroke:#f75f2a !important}.thl-topic-color-business-dark{color:#f75f2a !important}.thl-topic-border-business-dark{border-color:#f75f2a !important}.thl-topic-bg-business-dark{background-color:#f75f2a !important}.thl-topic-fill-wordpress-light{fill:#a6add7 !important}.thl-topic-stroke-wordpress-light{stroke:#a6add7 !important}.thl-topic-color-wordpress-light{color:#a6add7 !important}.thl-topic-border-wordpress-light{border-color:#a6add7 !important}.thl-topic-bg-wordpress-light{background-color:#a6add7 !important}.thl-topic-fill-wordpress-base{fill:#838CC7 !important}.thl-topic-stroke-wordpress-base{stroke:#838CC7 !important}.thl-topic-color-wordpress-base{color:#838CC7 !important}.thl-topic-border-wordpress-base{border-color:#838CC7 !important}.thl-topic-bg-wordpress-base{background-color:#838CC7 !important}.thl-topic-fill-wordpress-dark{fill:#606bb7 !important}.thl-topic-stroke-wordpress-dark{stroke:#606bb7 !important}.thl-topic-color-wordpress-dark{color:#606bb7 !important}.thl-topic-border-wordpress-dark{border-color:#606bb7 !important}.thl-topic-bg-wordpress-dark{background-color:#606bb7 !important}.thl-topic-fill-php-light{fill:#9885b2 !important}.thl-topic-stroke-php-light{stroke:#9885b2 !important}.thl-topic-color-php-light{color:#9885b2 !important}.thl-topic-border-php-light{border-color:#9885b2 !important}.thl-topic-bg-php-light{background-color:#9885b2 !important}.thl-topic-fill-php-base{fill:#7D669E !important}.thl-topic-stroke-php-base{stroke:#7D669E !important}.thl-topic-color-php-base{color:#7D669E !important}.thl-topic-border-php-base{border-color:#7D669E !important}.thl-topic-bg-php-base{background-color:#7D669E !important}.thl-topic-fill-php-dark{fill:#645180 !important}.thl-topic-stroke-php-dark{stroke:#645180 !important}.thl-topic-color-php-dark{color:#645180 !important}.thl-topic-border-php-dark{border-color:#645180 !important}.thl-topic-bg-php-dark{background-color:#645180 !important}.thl-topic-fill-ios-light{fill:#78c9c4 !important}.thl-topic-stroke-ios-light{stroke:#78c9c4 !important}.thl-topic-color-ios-light{color:#78c9c4 !important}.thl-topic-border-ios-light{border-color:#78c9c4 !important}.thl-topic-bg-ios-light{background-color:#78c9c4 !important}.thl-topic-fill-ios-base{fill:#53BBB4 !important}.thl-topic-stroke-ios-base{stroke:#53BBB4 !important}.thl-topic-color-ios-base{color:#53BBB4 !important}.thl-topic-border-ios-base{border-color:#53BBB4 !important}.thl-topic-bg-ios-base{background-color:#53BBB4 !important}.thl-topic-fill-ios-dark{fill:#3e9d97 !important}.thl-topic-stroke-ios-dark{stroke:#3e9d97 !important}.thl-topic-color-ios-dark{color:#3e9d97 !important}.thl-topic-border-ios-dark{border-color:#3e9d97 !important}.thl-topic-bg-ios-dark{background-color:#3e9d97 !important}.thl-topic-fill-android-light{fill:#80c783 !important}.thl-topic-stroke-android-light{stroke:#80c783 !important}.thl-topic-color-android-light{color:#80c783 !important}.thl-topic-border-android-light{border-color:#80c783 !important}.thl-topic-bg-android-light{background-color:#80c783 !important}.thl-topic-fill-android-base{fill:#5cb860 !important}.thl-topic-stroke-android-base{stroke:#5cb860 !important}.thl-topic-color-android-base{color:#5cb860 !important}.thl-topic-border-android-base{border-color:#5cb860 !important}.thl-topic-bg-android-base{background-color:#5cb860 !important}.thl-topic-fill-android-dark{fill:#449d48 !important}.thl-topic-stroke-android-dark{stroke:#449d48 !important}.thl-topic-color-android-dark{color:#449d48 !important}.thl-topic-border-android-dark{border-color:#449d48 !important}.thl-topic-bg-android-dark{background-color:#449d48 !important}.thl-topic-fill-design-light{fill:#efaf3c !important}.thl-topic-stroke-design-light{stroke:#efaf3c !important}.thl-topic-color-design-light{color:#efaf3c !important}.thl-topic-border-design-light{border-color:#efaf3c !important}.thl-topic-bg-design-light{background-color:#efaf3c !important}.thl-topic-fill-design-base{fill:#e59a13 !important}.thl-topic-stroke-design-base{stroke:#e59a13 !important}.thl-topic-color-design-base{color:#e59a13 !important}.thl-topic-border-design-base{border-color:#e59a13 !important}.thl-topic-bg-design-base{background-color:#e59a13 !important}.thl-topic-fill-design-dark{fill:#b67a0f !important}.thl-topic-stroke-design-dark{stroke:#b67a0f !important}.thl-topic-color-design-dark{color:#b67a0f !important}.thl-topic-border-design-dark{border-color:#b67a0f !important}.thl-topic-bg-design-dark{background-color:#b67a0f !important}.thl-topic-fill-devtools-light{fill:#7f94a8 !important}.thl-topic-stroke-devtools-light{stroke:#7f94a8 !important}.thl-topic-color-devtools-light{color:#7f94a8 !important}.thl-topic-border-devtools-light{border-color:#7f94a8 !important}.thl-topic-bg-devtools-light{background-color:#7f94a8 !important}.thl-topic-fill-devtools-base{fill:#637a91 !important}.thl-topic-stroke-devtools-base{stroke:#637a91 !important}.thl-topic-color-devtools-base{color:#637a91 !important}.thl-topic-border-devtools-base{border-color:#637a91 !important}.thl-topic-bg-devtools-base{background-color:#637a91 !important}.thl-topic-fill-devtools-dark{fill:#4e6173 !important}.thl-topic-stroke-devtools-dark{stroke:#4e6173 !important}.thl-topic-color-devtools-dark{color:#4e6173 !important}.thl-topic-border-devtools-dark{border-color:#4e6173 !important}.thl-topic-bg-devtools-dark{background-color:#4e6173 !important}.thl-topic-fill-java-light{fill:#38bd95 !important}.thl-topic-stroke-java-light{stroke:#38bd95 !important}.thl-topic-color-java-light{color:#38bd95 !important}.thl-topic-border-java-light{border-color:#38bd95 !important}.thl-topic-bg-java-light{background-color:#38bd95 !important}.thl-topic-fill-java-base{fill:#2c9676 !important}.thl-topic-stroke-java-base{stroke:#2c9676 !important}.thl-topic-color-java-base{color:#2c9676 !important}.thl-topic-border-java-base{border-color:#2c9676 !important}.thl-topic-bg-java-base{background-color:#2c9676 !important}.thl-topic-fill-java-dark{fill:#206f57 !important}.thl-topic-stroke-java-dark{stroke:#206f57 !important}.thl-topic-color-java-dark{color:#206f57 !important}.thl-topic-border-java-dark{border-color:#206f57 !important}.thl-topic-bg-java-dark{background-color:#206f57 !important}.thl-topic-fill-python-light{fill:#f6bfd0 !important}.thl-topic-stroke-python-light{stroke:#f6bfd0 !important}.thl-topic-color-python-light{color:#f6bfd0 !important}.thl-topic-border-python-light{border-color:#f6bfd0 !important}.thl-topic-bg-python-light{background-color:#f6bfd0 !important}.thl-topic-fill-python-base{fill:#f092b0 !important}.thl-topic-stroke-python-base{stroke:#f092b0 !important}.thl-topic-color-python-base{color:#f092b0 !important}.thl-topic-border-python-base{border-color:#f092b0 !important}.thl-topic-bg-python-base{background-color:#f092b0 !important}.thl-topic-fill-python-dark{fill:#ea6590 !important}.thl-topic-stroke-python-dark{stroke:#ea6590 !important}.thl-topic-color-python-dark{color:#ea6590 !important}.thl-topic-border-python-dark{border-color:#ea6590 !important}.thl-topic-bg-python-dark{background-color:#ea6590 !important}.thl-topic-fill-diglit-light{fill:#d6b1e2 !important}.thl-topic-stroke-diglit-light{stroke:#d6b1e2 !important}.thl-topic-color-diglit-light{color:#d6b1e2 !important}.thl-topic-border-diglit-light{border-color:#d6b1e2 !important}.thl-topic-bg-diglit-light{background-color:#d6b1e2 !important}.thl-topic-fill-diglit-base{fill:#c38cd4 !important}.thl-topic-stroke-diglit-base{stroke:#c38cd4 !important}.thl-topic-color-diglit-base{color:#c38cd4 !important}.thl-topic-border-diglit-base{border-color:#c38cd4 !important}.thl-topic-bg-diglit-base{background-color:#c38cd4 !important}.thl-topic-fill-diglit-dark{fill:#b067c6 !important}.thl-topic-stroke-diglit-dark{stroke:#b067c6 !important}.thl-topic-color-diglit-dark{color:#b067c6 !important}.thl-topic-border-diglit-dark{border-color:#b067c6 !important}.thl-topic-bg-diglit-dark{background-color:#b067c6 !important}.thl-topic-fill-gamedev-light{fill:#29b2b6 !important}.thl-topic-stroke-gamedev-light{stroke:#29b2b6 !important}.thl-topic-color-gamedev-light{color:#29b2b6 !important}.thl-topic-border-gamedev-light{border-color:#29b2b6 !important}.thl-topic-bg-gamedev-light{background-color:#29b2b6 !important}.thl-topic-fill-gamedev-base{fill:#20898c !important}.thl-topic-stroke-gamedev-base{stroke:#20898c !important}.thl-topic-color-gamedev-base{color:#20898c !important}.thl-topic-border-gamedev-base{border-color:#20898c !important}.thl-topic-bg-gamedev-base{background-color:#20898c !important}.thl-topic-fill-gamedev-dark{fill:#176062 !important}.thl-topic-stroke-gamedev-dark{stroke:#176062 !important}.thl-topic-color-gamedev-dark{color:#176062 !important}.thl-topic-border-gamedev-dark{border-color:#176062 !important}.thl-topic-bg-gamedev-dark{background-color:#176062 !important}.thl-topic-fill-csharp-light{fill:#b6689c !important}.thl-topic-stroke-csharp-light{stroke:#b6689c !important}.thl-topic-color-csharp-light{color:#b6689c !important}.thl-topic-border-csharp-light{border-color:#b6689c !important}.thl-topic-bg-csharp-light{background-color:#b6689c !important}.thl-topic-fill-csharp-base{fill:#9e4d83 !important}.thl-topic-stroke-csharp-base{stroke:#9e4d83 !important}.thl-topic-color-csharp-base{color:#9e4d83 !important}.thl-topic-border-csharp-base{border-color:#9e4d83 !important}.thl-topic-bg-csharp-base{background-color:#9e4d83 !important}.thl-topic-fill-csharp-dark{fill:#7c3c67 !important}.thl-topic-stroke-csharp-dark{stroke:#7c3c67 !important}.thl-topic-color-csharp-dark{color:#7c3c67 !important}.thl-topic-border-csharp-dark{border-color:#7c3c67 !important}.thl-topic-bg-csharp-dark{background-color:#7c3c67 !important}.thl-topic-fill-databases-light{fill:#ef9557 !important}.thl-topic-stroke-databases-light{stroke:#ef9557 !important}.thl-topic-color-databases-light{color:#ef9557 !important}.thl-topic-border-databases-light{border-color:#ef9557 !important}.thl-topic-bg-databases-light{background-color:#ef9557 !important}.thl-topic-fill-databases-base{fill:#eb7728 !important}.thl-topic-stroke-databases-base{stroke:#eb7728 !important}.thl-topic-color-databases-base{color:#eb7728 !important}.thl-topic-border-databases-base{border-color:#eb7728 !important}.thl-topic-bg-databases-base{background-color:#eb7728 !important}.thl-topic-fill-databases-dark{fill:#cd5e13 !important}.thl-topic-stroke-databases-dark{stroke:#cd5e13 !important}.thl-topic-color-databases-dark{color:#cd5e13 !important}.thl-topic-border-databases-dark{border-color:#cd5e13 !important}.thl-topic-bg-databases-dark{background-color:#cd5e13 !important}.thl-topic-fill-virtual-reality-light{fill:#b5e296 !important}.thl-topic-stroke-virtual-reality-light{stroke:#b5e296 !important}.thl-topic-color-virtual-reality-light{color:#b5e296 !important}.thl-topic-border-virtual-reality-light{border-color:#b5e296 !important}.thl-topic-bg-virtual-reality-light{background-color:#b5e296 !important}.thl-topic-fill-virtual-reality-base{fill:#95D26C !important}.thl-topic-stroke-virtual-reality-base{stroke:#95D26C !important}.thl-topic-color-virtual-reality-base{color:#95D26C !important}.thl-topic-border-virtual-reality-base{border-color:#95D26C !important}.thl-topic-bg-virtual-reality-base{background-color:#95D26C !important}.thl-topic-fill-virtual-reality-dark{fill:#6c9e4a !important}.thl-topic-stroke-virtual-reality-dark{stroke:#6c9e4a !important}.thl-topic-color-virtual-reality-dark{color:#6c9e4a !important}.thl-topic-border-virtual-reality-dark{border-color:#6c9e4a !important}.thl-topic-bg-virtual-reality-dark{background-color:#6c9e4a !important}.thl-topic-fill-apis-light{fill:#c36479 !important}.thl-topic-stroke-apis-light{stroke:#c36479 !important}.thl-topic-color-apis-light{color:#c36479 !important}.thl-topic-border-apis-light{border-color:#c36479 !important}.thl-topic-bg-apis-light{background-color:#c36479 !important}.thl-topic-fill-apis-base{fill:#993c50 !important}.thl-topic-stroke-apis-base{stroke:#993c50 !important}.thl-topic-color-apis-base{color:#993c50 !important}.thl-topic-border-apis-base{border-color:#993c50 !important}.thl-topic-bg-apis-base{background-color:#993c50 !important}.thl-topic-fill-apis-dark{fill:#712e3d !important}.thl-topic-stroke-apis-dark{stroke:#712e3d !important}.thl-topic-color-apis-dark{color:#712e3d !important}.thl-topic-border-apis-dark{border-color:#712e3d !important}.thl-topic-bg-apis-dark{background-color:#712e3d !important}.thl-topic-fill-go-light{fill:#4371cf !important}.thl-topic-stroke-go-light{stroke:#4371cf !important}.thl-topic-color-go-light{color:#4371cf !important}.thl-topic-border-go-light{border-color:#4371cf !important}.thl-topic-bg-go-light{background-color:#4371cf !important}.thl-topic-fill-go-base{fill:#375eab !important}.thl-topic-stroke-go-base{stroke:#375eab !important}.thl-topic-color-go-base{color:#375eab !important}.thl-topic-border-go-base{border-color:#375eab !important}.thl-topic-bg-go-base{background-color:#375eab !important}.thl-topic-fill-go-dark{fill:#284683 !important}.thl-topic-stroke-go-dark{stroke:#284683 !important}.thl-topic-color-go-dark{color:#284683 !important}.thl-topic-border-go-dark{border-color:#284683 !important}.thl-topic-bg-go-dark{background-color:#284683 !important}.thl-topic-fill-data-analysis-light{fill:#8d81ab !important}.thl-topic-stroke-data-analysis-light{stroke:#8d81ab !important}.thl-topic-color-data-analysis-light{color:#8d81ab !important}.thl-topic-border-data-analysis-light{border-color:#8d81ab !important}.thl-topic-bg-data-analysis-light{background-color:#8d81ab !important}.thl-topic-fill-data-analysis-base{fill:#645a7e !important}.thl-topic-stroke-data-analysis-base{stroke:#645a7e !important}.thl-topic-color-data-analysis-base{color:#645a7e !important}.thl-topic-border-data-analysis-base{border-color:#645a7e !important}.thl-topic-bg-data-analysis-base{background-color:#645a7e !important}.thl-topic-fill-data-analysis-dark{fill:#4f4667 !important}.thl-topic-stroke-data-analysis-dark{stroke:#4f4667 !important}.thl-topic-color-data-analysis-dark{color:#4f4667 !important}.thl-topic-border-data-analysis-dark{border-color:#4f4667 !important}.thl-topic-bg-data-analysis-dark{background-color:#4f4667 !important}.thl-topic-fill-security-light{fill:#D1897D !important}.thl-topic-stroke-security-light{stroke:#D1897D !important}.thl-topic-color-security-light{color:#D1897D !important}.thl-topic-border-security-light{border-color:#D1897D !important}.thl-topic-bg-security-light{background-color:#D1897D !important}.thl-topic-fill-security-base{fill:#C66C5D !important}.thl-topic-stroke-security-base{stroke:#C66C5D !important}.thl-topic-color-security-base{color:#C66C5D !important}.thl-topic-border-security-base{border-color:#C66C5D !important}.thl-topic-bg-security-base{background-color:#C66C5D !important}.thl-topic-fill-security-dark{fill:#955146 !important}.thl-topic-stroke-security-dark{stroke:#955146 !important}.thl-topic-color-security-dark{color:#955146 !important}.thl-topic-border-security-dark{border-color:#955146 !important}.thl-topic-bg-security-dark{background-color:#955146 !important}.thl-topic-fill-quality-assurance-light{fill:#A560B5 !important}.thl-topic-stroke-quality-assurance-light{stroke:#A560B5 !important}.thl-topic-color-quality-assurance-light{color:#A560B5 !important}.thl-topic-border-quality-assurance-light{border-color:#A560B5 !important}.thl-topic-bg-quality-assurance-light{background-color:#A560B5 !important}.thl-topic-fill-quality-assurance-base{fill:#80438E !important}.thl-topic-stroke-quality-assurance-base{stroke:#80438E !important}.thl-topic-color-quality-assurance-base{color:#80438E !important}.thl-topic-border-quality-assurance-base{border-color:#80438E !important}.thl-topic-bg-quality-assurance-base{background-color:#80438E !important}.thl-topic-fill-quality-assurance-dark{fill:#60226F !important}.thl-topic-stroke-quality-assurance-dark{stroke:#60226F !important}.thl-topic-color-quality-assurance-dark{color:#60226F !important}.thl-topic-border-quality-assurance-dark{border-color:#60226F !important}.thl-topic-bg-quality-assurance-dark{background-color:#60226F !important}.thl-topic-fill-undefined-light{fill:#8c959d !important}.thl-topic-stroke-undefined-light{stroke:#8c959d !important}.thl-topic-color-undefined-light{color:#8c959d !important}.thl-topic-border-undefined-light{border-color:#8c959d !important}.thl-topic-bg-undefined-light{background-color:#8c959d !important}.thl-topic-fill-undefined-base{fill:#717b85 !important}.thl-topic-stroke-undefined-base{stroke:#717b85 !important}.thl-topic-color-undefined-base{color:#717b85 !important}.thl-topic-border-undefined-base{border-color:#717b85 !important}.thl-topic-bg-undefined-base{background-color:#717b85 !important}.thl-topic-fill-undefined-dark{fill:#5a6269 !important}.thl-topic-stroke-undefined-dark{stroke:#5a6269 !important}.thl-topic-color-undefined-dark{color:#5a6269 !important}.thl-topic-border-undefined-dark{border-color:#5a6269 !important}.thl-topic-bg-undefined-dark{background-color:#5a6269 !important}.thl-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}.thl-button:hover,.thl-button:active,.thl-button:focus{color:#34ad58;border-color:#34ad58}.thl-button:hover svg,.thl-button:active svg,.thl-button:focus svg{fill:#34ad58}.thl-button:last-child{margin-right:0}.thl-button svg{fill:#5fcf80}.thl-button--primary{background-color:#5fcf80 !important;border-color:#5fcf80 !important;color:#fff !important}.thl-button--primary svg{fill:#fff !important}.thl-button--primary:hover,.thl-button--primary:active,.thl-button--primary:focus{background-color:#3ac162 !important;border-color:#3ac162 !important;color:#fff !important}.thl-button--secondary{background-color:transparent !important;border-color:#e8ebed !important;color:#576366 !important}.thl-button--secondary svg{fill:#576366 !important}.thl-button--secondary:hover,.thl-button--secondary:active,.thl-button--secondary:focus{border-color:#bdc6cb !important;color:#505b5e !important}.thl-button--alert{background-color:transparent !important;border-color:#ed5a5a !important;color:#ed5a5a !important}.thl-button--alert svg{fill:#ed5a5a !important}.thl-button--alert:hover,.thl-button--alert:active,.thl-button--alert:focus{border-color:#cb1616 !important;color:#cb1616 !important}.thl-button--disabled{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.thl-button--disabled svg{fill:#7b8b8e !important}.thl-button--disabled:hover,.thl-button--disabled:active,.thl-button--disabled:focus{background-color:transparent !important;border-color:#e8ebed !important;color:#7b8b8e !important}.thl-button--disabled:hover svg,.thl-button--disabled:active svg,.thl-button--disabled:focus svg{fill:#576366 !important}.thl-button--inverse{border-color:#fff !important;color:#fff !important;opacity:.88 !important}.thl-button--inverse svg{fill:#fff !important}.thl-button--inverse:hover,.thl-button--inverse:active,.thl-button--inverse:focus{border-color:#fff !important;color:#fff !important;opacity:1 !important}.thl-button--inverse-primary{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.88}.thl-button--inverse-primary svg{fill:#4b5658 !important}.thl-button--inverse-primary:hover,.thl-button--inverse-primary:active,.thl-button--inverse-primary:focus{opacity:1 !important}.thl-button--inverse-disabled{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.thl-button--inverse-disabled:hover,.thl-button--inverse-disabled:active,.thl-button--inverse-disabled:focus{border-color:#fff !important;color:#fff !important;opacity:.15 !important}.thl-button--inverse-primary-disabled{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.thl-button--inverse-primary-disabled:hover,.thl-button--inverse-primary-disabled:active,.thl-button--inverse-primary-disabled:focus{background-color:#fff !important;border-color:#fff !important;color:#4b5658 !important;opacity:.15 !important}.thl-button--inline{margin-top:24px !important;padding:0 26px !important;height:47px !important;line-height:43px !important}@media screen{.thl-button--xlarge-xs{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-xs.square{width:58px !important}.thl-button--large-xs{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-xs.square{width:50px !important}.thl-button--large-xs svg{top:-2px}.thl-button--normal-xs{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-xs.square{width:40px !important}.thl-button--small-xs{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-xs.square{width:34px !important}.thl-button--xsmall-xs{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-xs.square{width:30px !important}}@media screen and (min-width: 480px){.thl-button--xlarge-sm{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-sm.square{width:58px !important}.thl-button--large-sm{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-sm.square{width:50px !important}.thl-button--large-sm svg{top:-2px}.thl-button--normal-sm{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-sm.square{width:40px !important}.thl-button--small-sm{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-sm.square{width:34px !important}.thl-button--xsmall-sm{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-sm.square{width:30px !important}}@media screen and (min-width: 680px){.thl-button--xlarge-md{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-md.square{width:58px !important}.thl-button--large-md{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-md.square{width:50px !important}.thl-button--large-md svg{top:-2px}.thl-button--normal-md{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-md.square{width:40px !important}.thl-button--small-md{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-md.square{width:34px !important}.thl-button--xsmall-md{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-md.square{width:30px !important}}@media screen and (min-width: 960px){.thl-button--xlarge-lg{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-lg.square{width:58px !important}.thl-button--large-lg{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-lg.square{width:50px !important}.thl-button--large-lg svg{top:-2px}.thl-button--normal-lg{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-lg.square{width:40px !important}.thl-button--small-lg{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-lg.square{width:34px !important}.thl-button--xsmall-lg{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-lg.square{width:30px !important}}@media screen and (min-width: 1140px){.thl-button--xlarge-xl{font-size:18px !important;height:58px !important;line-height:54px !important;padding:0 28px !important}.thl-button--xlarge-xl.square{width:58px !important}.thl-button--large-xl{font-size:16px !important;height:50px !important;line-height:46px !important;padding:0 22px !important}.thl-button--large-xl.square{width:50px !important}.thl-button--large-xl svg{top:-2px}.thl-button--normal-xl{font-size:16px !important;height:40px !important;line-height:36px !important;padding:0 15px !important}.thl-button--normal-xl.square{width:40px !important}.thl-button--small-xl{font-size:12px !important;height:34px !important;line-height:30px !important;padding:0 12px !important}.thl-button--small-xl.square{width:34px !important}.thl-button--xsmall-xl{font-size:12px !important;height:30px !important;line-height:26px !important;padding:0 10px !important}.thl-button--xsmall-xl.square{width:30px !important}}.thl-button--topic-html{border-color:#39ADD1 !important;color:#39ADD1 !important}.thl-button--topic-html svg{fill:#39ADD1 !important}.thl-button--topic-html:hover,.thl-button--topic-html:active,.thl-button--topic-html:focus{border-color:#298fae !important;color:#298fae !important}.thl-button--topic-html:hover svg,.thl-button--topic-html:active svg,.thl-button--topic-html:focus svg{fill:#298fae !important}.thl-button--topic-html.thl-button--primary{background-color:#39ADD1 !important;border-color:#39ADD1 !important;color:#fff !important}.thl-button--topic-html.thl-button--primary:hover,.thl-button--topic-html.thl-button--primary:active,.thl-button--topic-html.thl-button--primary:focus{background-color:#298fae !important;border-color:#298fae !important}.thl-button--topic-html.thl-button--primary:hover svg,.thl-button--topic-html.thl-button--primary:active svg,.thl-button--topic-html.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-css{border-color:#3079AB !important;color:#3079AB !important}.thl-button--topic-css svg{fill:#3079AB !important}.thl-button--topic-css:hover,.thl-button--topic-css:active,.thl-button--topic-css:focus{border-color:#255d83 !important;color:#255d83 !important}.thl-button--topic-css:hover svg,.thl-button--topic-css:active svg,.thl-button--topic-css:focus svg{fill:#255d83 !important}.thl-button--topic-css.thl-button--primary{background-color:#3079AB !important;border-color:#3079AB !important;color:#fff !important}.thl-button--topic-css.thl-button--primary:hover,.thl-button--topic-css.thl-button--primary:active,.thl-button--topic-css.thl-button--primary:focus{background-color:#255d83 !important;border-color:#255d83 !important}.thl-button--topic-css.thl-button--primary:hover svg,.thl-button--topic-css.thl-button--primary:active svg,.thl-button--topic-css.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-js{border-color:#c25975 !important;color:#c25975 !important}.thl-button--topic-js svg{fill:#c25975 !important}.thl-button--topic-js:hover,.thl-button--topic-js:active,.thl-button--topic-js:focus{border-color:#aa3e5b !important;color:#aa3e5b !important}.thl-button--topic-js:hover svg,.thl-button--topic-js:active svg,.thl-button--topic-js:focus svg{fill:#aa3e5b !important}.thl-button--topic-js.thl-button--primary{background-color:#c25975 !important;border-color:#c25975 !important;color:#fff !important}.thl-button--topic-js.thl-button--primary:hover,.thl-button--topic-js.thl-button--primary:active,.thl-button--topic-js.thl-button--primary:focus{background-color:#aa3e5b !important;border-color:#aa3e5b !important}.thl-button--topic-js.thl-button--primary:hover svg,.thl-button--topic-js.thl-button--primary:active svg,.thl-button--topic-js.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-ruby{border-color:#e15258 !important;color:#e15258 !important}.thl-button--topic-ruby svg{fill:#e15258 !important}.thl-button--topic-ruby:hover,.thl-button--topic-ruby:active,.thl-button--topic-ruby:focus{border-color:#d9272e !important;color:#d9272e !important}.thl-button--topic-ruby:hover svg,.thl-button--topic-ruby:active svg,.thl-button--topic-ruby:focus svg{fill:#d9272e !important}.thl-button--topic-ruby.thl-button--primary{background-color:#e15258 !important;border-color:#e15258 !important;color:#fff !important}.thl-button--topic-ruby.thl-button--primary:hover,.thl-button--topic-ruby.thl-button--primary:active,.thl-button--topic-ruby.thl-button--primary:focus{background-color:#d9272e !important;border-color:#d9272e !important}.thl-button--topic-ruby.thl-button--primary:hover svg,.thl-button--topic-ruby.thl-button--primary:active svg,.thl-button--topic-ruby.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-business{border-color:#F9845B !important;color:#F9845B !important}.thl-button--topic-business svg{fill:#F9845B !important}.thl-button--topic-business:hover,.thl-button--topic-business:active,.thl-button--topic-business:focus{border-color:#f75f2a !important;color:#f75f2a !important}.thl-button--topic-business:hover svg,.thl-button--topic-business:active svg,.thl-button--topic-business:focus svg{fill:#f75f2a !important}.thl-button--topic-business.thl-button--primary{background-color:#F9845B !important;border-color:#F9845B !important;color:#fff !important}.thl-button--topic-business.thl-button--primary:hover,.thl-button--topic-business.thl-button--primary:active,.thl-button--topic-business.thl-button--primary:focus{background-color:#f75f2a !important;border-color:#f75f2a !important}.thl-button--topic-business.thl-button--primary:hover svg,.thl-button--topic-business.thl-button--primary:active svg,.thl-button--topic-business.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-wordpress{border-color:#838CC7 !important;color:#838CC7 !important}.thl-button--topic-wordpress svg{fill:#838CC7 !important}.thl-button--topic-wordpress:hover,.thl-button--topic-wordpress:active,.thl-button--topic-wordpress:focus{border-color:#606bb7 !important;color:#606bb7 !important}.thl-button--topic-wordpress:hover svg,.thl-button--topic-wordpress:active svg,.thl-button--topic-wordpress:focus svg{fill:#606bb7 !important}.thl-button--topic-wordpress.thl-button--primary{background-color:#838CC7 !important;border-color:#838CC7 !important;color:#fff !important}.thl-button--topic-wordpress.thl-button--primary:hover,.thl-button--topic-wordpress.thl-button--primary:active,.thl-button--topic-wordpress.thl-button--primary:focus{background-color:#606bb7 !important;border-color:#606bb7 !important}.thl-button--topic-wordpress.thl-button--primary:hover svg,.thl-button--topic-wordpress.thl-button--primary:active svg,.thl-button--topic-wordpress.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-php{border-color:#7D669E !important;color:#7D669E !important}.thl-button--topic-php svg{fill:#7D669E !important}.thl-button--topic-php:hover,.thl-button--topic-php:active,.thl-button--topic-php:focus{border-color:#645180 !important;color:#645180 !important}.thl-button--topic-php:hover svg,.thl-button--topic-php:active svg,.thl-button--topic-php:focus svg{fill:#645180 !important}.thl-button--topic-php.thl-button--primary{background-color:#7D669E !important;border-color:#7D669E !important;color:#fff !important}.thl-button--topic-php.thl-button--primary:hover,.thl-button--topic-php.thl-button--primary:active,.thl-button--topic-php.thl-button--primary:focus{background-color:#645180 !important;border-color:#645180 !important}.thl-button--topic-php.thl-button--primary:hover svg,.thl-button--topic-php.thl-button--primary:active svg,.thl-button--topic-php.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-ios{border-color:#53BBB4 !important;color:#53BBB4 !important}.thl-button--topic-ios svg{fill:#53BBB4 !important}.thl-button--topic-ios:hover,.thl-button--topic-ios:active,.thl-button--topic-ios:focus{border-color:#3e9d97 !important;color:#3e9d97 !important}.thl-button--topic-ios:hover svg,.thl-button--topic-ios:active svg,.thl-button--topic-ios:focus svg{fill:#3e9d97 !important}.thl-button--topic-ios.thl-button--primary{background-color:#53BBB4 !important;border-color:#53BBB4 !important;color:#fff !important}.thl-button--topic-ios.thl-button--primary:hover,.thl-button--topic-ios.thl-button--primary:active,.thl-button--topic-ios.thl-button--primary:focus{background-color:#3e9d97 !important;border-color:#3e9d97 !important}.thl-button--topic-ios.thl-button--primary:hover svg,.thl-button--topic-ios.thl-button--primary:active svg,.thl-button--topic-ios.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-android{border-color:#5cb860 !important;color:#5cb860 !important}.thl-button--topic-android svg{fill:#5cb860 !important}.thl-button--topic-android:hover,.thl-button--topic-android:active,.thl-button--topic-android:focus{border-color:#449d48 !important;color:#449d48 !important}.thl-button--topic-android:hover svg,.thl-button--topic-android:active svg,.thl-button--topic-android:focus svg{fill:#449d48 !important}.thl-button--topic-android.thl-button--primary{background-color:#5cb860 !important;border-color:#5cb860 !important;color:#fff !important}.thl-button--topic-android.thl-button--primary:hover,.thl-button--topic-android.thl-button--primary:active,.thl-button--topic-android.thl-button--primary:focus{background-color:#449d48 !important;border-color:#449d48 !important}.thl-button--topic-android.thl-button--primary:hover svg,.thl-button--topic-android.thl-button--primary:active svg,.thl-button--topic-android.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-design{border-color:#e59a13 !important;color:#e59a13 !important}.thl-button--topic-design svg{fill:#e59a13 !important}.thl-button--topic-design:hover,.thl-button--topic-design:active,.thl-button--topic-design:focus{border-color:#b67a0f !important;color:#b67a0f !important}.thl-button--topic-design:hover svg,.thl-button--topic-design:active svg,.thl-button--topic-design:focus svg{fill:#b67a0f !important}.thl-button--topic-design.thl-button--primary{background-color:#e59a13 !important;border-color:#e59a13 !important;color:#fff !important}.thl-button--topic-design.thl-button--primary:hover,.thl-button--topic-design.thl-button--primary:active,.thl-button--topic-design.thl-button--primary:focus{background-color:#b67a0f !important;border-color:#b67a0f !important}.thl-button--topic-design.thl-button--primary:hover svg,.thl-button--topic-design.thl-button--primary:active svg,.thl-button--topic-design.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-devtools{border-color:#637a91 !important;color:#637a91 !important}.thl-button--topic-devtools svg{fill:#637a91 !important}.thl-button--topic-devtools:hover,.thl-button--topic-devtools:active,.thl-button--topic-devtools:focus{border-color:#4e6173 !important;color:#4e6173 !important}.thl-button--topic-devtools:hover svg,.thl-button--topic-devtools:active svg,.thl-button--topic-devtools:focus svg{fill:#4e6173 !important}.thl-button--topic-devtools.thl-button--primary{background-color:#637a91 !important;border-color:#637a91 !important;color:#fff !important}.thl-button--topic-devtools.thl-button--primary:hover,.thl-button--topic-devtools.thl-button--primary:active,.thl-button--topic-devtools.thl-button--primary:focus{background-color:#4e6173 !important;border-color:#4e6173 !important}.thl-button--topic-devtools.thl-button--primary:hover svg,.thl-button--topic-devtools.thl-button--primary:active svg,.thl-button--topic-devtools.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-java{border-color:#2c9676 !important;color:#2c9676 !important}.thl-button--topic-java svg{fill:#2c9676 !important}.thl-button--topic-java:hover,.thl-button--topic-java:active,.thl-button--topic-java:focus{border-color:#206f57 !important;color:#206f57 !important}.thl-button--topic-java:hover svg,.thl-button--topic-java:active svg,.thl-button--topic-java:focus svg{fill:#206f57 !important}.thl-button--topic-java.thl-button--primary{background-color:#2c9676 !important;border-color:#2c9676 !important;color:#fff !important}.thl-button--topic-java.thl-button--primary:hover,.thl-button--topic-java.thl-button--primary:active,.thl-button--topic-java.thl-button--primary:focus{background-color:#206f57 !important;border-color:#206f57 !important}.thl-button--topic-java.thl-button--primary:hover svg,.thl-button--topic-java.thl-button--primary:active svg,.thl-button--topic-java.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-python{border-color:#f092b0 !important;color:#f092b0 !important}.thl-button--topic-python svg{fill:#f092b0 !important}.thl-button--topic-python:hover,.thl-button--topic-python:active,.thl-button--topic-python:focus{border-color:#ea6590 !important;color:#ea6590 !important}.thl-button--topic-python:hover svg,.thl-button--topic-python:active svg,.thl-button--topic-python:focus svg{fill:#ea6590 !important}.thl-button--topic-python.thl-button--primary{background-color:#f092b0 !important;border-color:#f092b0 !important;color:#fff !important}.thl-button--topic-python.thl-button--primary:hover,.thl-button--topic-python.thl-button--primary:active,.thl-button--topic-python.thl-button--primary:focus{background-color:#ea6590 !important;border-color:#ea6590 !important}.thl-button--topic-python.thl-button--primary:hover svg,.thl-button--topic-python.thl-button--primary:active svg,.thl-button--topic-python.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-diglit{border-color:#c38cd4 !important;color:#c38cd4 !important}.thl-button--topic-diglit svg{fill:#c38cd4 !important}.thl-button--topic-diglit:hover,.thl-button--topic-diglit:active,.thl-button--topic-diglit:focus{border-color:#b067c6 !important;color:#b067c6 !important}.thl-button--topic-diglit:hover svg,.thl-button--topic-diglit:active svg,.thl-button--topic-diglit:focus svg{fill:#b067c6 !important}.thl-button--topic-diglit.thl-button--primary{background-color:#c38cd4 !important;border-color:#c38cd4 !important;color:#fff !important}.thl-button--topic-diglit.thl-button--primary:hover,.thl-button--topic-diglit.thl-button--primary:active,.thl-button--topic-diglit.thl-button--primary:focus{background-color:#b067c6 !important;border-color:#b067c6 !important}.thl-button--topic-diglit.thl-button--primary:hover svg,.thl-button--topic-diglit.thl-button--primary:active svg,.thl-button--topic-diglit.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-gamedev{border-color:#20898c !important;color:#20898c !important}.thl-button--topic-gamedev svg{fill:#20898c !important}.thl-button--topic-gamedev:hover,.thl-button--topic-gamedev:active,.thl-button--topic-gamedev:focus{border-color:#176062 !important;color:#176062 !important}.thl-button--topic-gamedev:hover svg,.thl-button--topic-gamedev:active svg,.thl-button--topic-gamedev:focus svg{fill:#176062 !important}.thl-button--topic-gamedev.thl-button--primary{background-color:#20898c !important;border-color:#20898c !important;color:#fff !important}.thl-button--topic-gamedev.thl-button--primary:hover,.thl-button--topic-gamedev.thl-button--primary:active,.thl-button--topic-gamedev.thl-button--primary:focus{background-color:#176062 !important;border-color:#176062 !important}.thl-button--topic-gamedev.thl-button--primary:hover svg,.thl-button--topic-gamedev.thl-button--primary:active svg,.thl-button--topic-gamedev.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-csharp{border-color:#9e4d83 !important;color:#9e4d83 !important}.thl-button--topic-csharp svg{fill:#9e4d83 !important}.thl-button--topic-csharp:hover,.thl-button--topic-csharp:active,.thl-button--topic-csharp:focus{border-color:#7c3c67 !important;color:#7c3c67 !important}.thl-button--topic-csharp:hover svg,.thl-button--topic-csharp:active svg,.thl-button--topic-csharp:focus svg{fill:#7c3c67 !important}.thl-button--topic-csharp.thl-button--primary{background-color:#9e4d83 !important;border-color:#9e4d83 !important;color:#fff !important}.thl-button--topic-csharp.thl-button--primary:hover,.thl-button--topic-csharp.thl-button--primary:active,.thl-button--topic-csharp.thl-button--primary:focus{background-color:#7c3c67 !important;border-color:#7c3c67 !important}.thl-button--topic-csharp.thl-button--primary:hover svg,.thl-button--topic-csharp.thl-button--primary:active svg,.thl-button--topic-csharp.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-databases{border-color:#eb7728 !important;color:#eb7728 !important}.thl-button--topic-databases svg{fill:#eb7728 !important}.thl-button--topic-databases:hover,.thl-button--topic-databases:active,.thl-button--topic-databases:focus{border-color:#cd5e13 !important;color:#cd5e13 !important}.thl-button--topic-databases:hover svg,.thl-button--topic-databases:active svg,.thl-button--topic-databases:focus svg{fill:#cd5e13 !important}.thl-button--topic-databases.thl-button--primary{background-color:#eb7728 !important;border-color:#eb7728 !important;color:#fff !important}.thl-button--topic-databases.thl-button--primary:hover,.thl-button--topic-databases.thl-button--primary:active,.thl-button--topic-databases.thl-button--primary:focus{background-color:#cd5e13 !important;border-color:#cd5e13 !important}.thl-button--topic-databases.thl-button--primary:hover svg,.thl-button--topic-databases.thl-button--primary:active svg,.thl-button--topic-databases.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-virtual-reality{border-color:#95D26C !important;color:#95D26C !important}.thl-button--topic-virtual-reality svg{fill:#95D26C !important}.thl-button--topic-virtual-reality:hover,.thl-button--topic-virtual-reality:active,.thl-button--topic-virtual-reality:focus{border-color:#79c645 !important;color:#79c645 !important}.thl-button--topic-virtual-reality:hover svg,.thl-button--topic-virtual-reality:active svg,.thl-button--topic-virtual-reality:focus svg{fill:#79c645 !important}.thl-button--topic-virtual-reality.thl-button--primary{background-color:#95D26C !important;border-color:#95D26C !important;color:#fff !important}.thl-button--topic-virtual-reality.thl-button--primary:hover,.thl-button--topic-virtual-reality.thl-button--primary:active,.thl-button--topic-virtual-reality.thl-button--primary:focus{background-color:#79c645 !important;border-color:#79c645 !important}.thl-button--topic-virtual-reality.thl-button--primary:hover svg,.thl-button--topic-virtual-reality.thl-button--primary:active svg,.thl-button--topic-virtual-reality.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-apis{border-color:#993c50 !important;color:#993c50 !important}.thl-button--topic-apis svg{fill:#993c50 !important}.thl-button--topic-apis:hover,.thl-button--topic-apis:active,.thl-button--topic-apis:focus{border-color:#742e3d !important;color:#742e3d !important}.thl-button--topic-apis:hover svg,.thl-button--topic-apis:active svg,.thl-button--topic-apis:focus svg{fill:#742e3d !important}.thl-button--topic-apis.thl-button--primary{background-color:#993c50 !important;border-color:#993c50 !important;color:#fff !important}.thl-button--topic-apis.thl-button--primary:hover,.thl-button--topic-apis.thl-button--primary:active,.thl-button--topic-apis.thl-button--primary:focus{background-color:#742e3d !important;border-color:#742e3d !important}.thl-button--topic-apis.thl-button--primary:hover svg,.thl-button--topic-apis.thl-button--primary:active svg,.thl-button--topic-apis.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-go{border-color:#375eab !important;color:#375eab !important}.thl-button--topic-go svg{fill:#375eab !important}.thl-button--topic-go:hover,.thl-button--topic-go:active,.thl-button--topic-go:focus{border-color:#2b4984 !important;color:#2b4984 !important}.thl-button--topic-go:hover svg,.thl-button--topic-go:active svg,.thl-button--topic-go:focus svg{fill:#2b4984 !important}.thl-button--topic-go.thl-button--primary{background-color:#375eab !important;border-color:#375eab !important;color:#fff !important}.thl-button--topic-go.thl-button--primary:hover,.thl-button--topic-go.thl-button--primary:active,.thl-button--topic-go.thl-button--primary:focus{background-color:#2b4984 !important;border-color:#2b4984 !important}.thl-button--topic-go.thl-button--primary:hover svg,.thl-button--topic-go.thl-button--primary:active svg,.thl-button--topic-go.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-data-analysis{border-color:#645a7e !important;color:#645a7e !important}.thl-button--topic-data-analysis svg{fill:#645a7e !important}.thl-button--topic-data-analysis:hover,.thl-button--topic-data-analysis:active,.thl-button--topic-data-analysis:focus{border-color:#4c4560 !important;color:#4c4560 !important}.thl-button--topic-data-analysis:hover svg,.thl-button--topic-data-analysis:active svg,.thl-button--topic-data-analysis:focus svg{fill:#4c4560 !important}.thl-button--topic-data-analysis.thl-button--primary{background-color:#645a7e !important;border-color:#645a7e !important;color:#fff !important}.thl-button--topic-data-analysis.thl-button--primary:hover,.thl-button--topic-data-analysis.thl-button--primary:active,.thl-button--topic-data-analysis.thl-button--primary:focus{background-color:#4c4560 !important;border-color:#4c4560 !important}.thl-button--topic-data-analysis.thl-button--primary:hover svg,.thl-button--topic-data-analysis.thl-button--primary:active svg,.thl-button--topic-data-analysis.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-security{border-color:#C66C5D !important;color:#C66C5D !important}.thl-button--topic-security svg{fill:#C66C5D !important}.thl-button--topic-security:hover,.thl-button--topic-security:active,.thl-button--topic-security:focus{border-color:#b24f3e !important;color:#b24f3e !important}.thl-button--topic-security:hover svg,.thl-button--topic-security:active svg,.thl-button--topic-security:focus svg{fill:#b24f3e !important}.thl-button--topic-security.thl-button--primary{background-color:#C66C5D !important;border-color:#C66C5D !important;color:#fff !important}.thl-button--topic-security.thl-button--primary:hover,.thl-button--topic-security.thl-button--primary:active,.thl-button--topic-security.thl-button--primary:focus{background-color:#b24f3e !important;border-color:#b24f3e !important}.thl-button--topic-security.thl-button--primary:hover svg,.thl-button--topic-security.thl-button--primary:active svg,.thl-button--topic-security.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-quality-assurance{border-color:#80438E !important;color:#80438E !important}.thl-button--topic-quality-assurance svg{fill:#80438E !important}.thl-button--topic-quality-assurance:hover,.thl-button--topic-quality-assurance:active,.thl-button--topic-quality-assurance:focus{border-color:#61336b !important;color:#61336b !important}.thl-button--topic-quality-assurance:hover svg,.thl-button--topic-quality-assurance:active svg,.thl-button--topic-quality-assurance:focus svg{fill:#61336b !important}.thl-button--topic-quality-assurance.thl-button--primary{background-color:#80438E !important;border-color:#80438E !important;color:#fff !important}.thl-button--topic-quality-assurance.thl-button--primary:hover,.thl-button--topic-quality-assurance.thl-button--primary:active,.thl-button--topic-quality-assurance.thl-button--primary:focus{background-color:#61336b !important;border-color:#61336b !important}.thl-button--topic-quality-assurance.thl-button--primary:hover svg,.thl-button--topic-quality-assurance.thl-button--primary:active svg,.thl-button--topic-quality-assurance.thl-button--primary:focus svg{fill:#fff !important}.thl-button--topic-undefined{border-color:#717b85 !important;color:#717b85 !important}.thl-button--topic-undefined svg{fill:#717b85 !important}.thl-button--topic-undefined:hover,.thl-button--topic-undefined:active,.thl-button--topic-undefined:focus{border-color:#5a6269 !important;color:#5a6269 !important}.thl-button--topic-undefined:hover svg,.thl-button--topic-undefined:active svg,.thl-button--topic-undefined:focus svg{fill:#5a6269 !important}.thl-button--topic-undefined.thl-button--primary{background-color:#717b85 !important;border-color:#717b85 !important;color:#fff !important}.thl-button--topic-undefined.thl-button--primary:hover,.thl-button--topic-undefined.thl-button--primary:active,.thl-button--topic-undefined.thl-button--primary:focus{background-color:#5a6269 !important;border-color:#5a6269 !important}.thl-button--topic-undefined.thl-button--primary:hover svg,.thl-button--topic-undefined.thl-button--primary:active svg,.thl-button--topic-undefined.thl-button--primary:focus svg{fill:#fff !important}.thl-split-button .thl-button{float:left;z-index:1;margin:0 !important;border-radius:4px 0 0 4px;padding:0 20px}.thl-split-button .thl-button:hover,.thl-split-button .thl-button:active,.thl-split-button .thl-button:focus{z-index:2}.thl-split-button .thl-button.thl-button--primary{border-right-color:rgba(0,0,0,0.1)}.thl-split-button .thl-button+.thl-button{border-radius:0 4px 4px 0;margin-left:-2px !important}.thl-split-button .thl-button+.thl-button.thl-button--primary{border-left-color:rgba(0,0,0,0.1)}.thl-split-button{display:inline-block;margin:0 15px 0 0}.thl-split-button:before,.thl-split-button:after{content:" ";display:table}.thl-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}}.thl-block-grid{padding:0 !important;list-style:none !important;font-size:0 !important;display:block !important;overflow:hidden !important;margin-bottom:2rem !important}.thl-block-grid-gutters{margin:-1rem -1rem 1rem -1rem !important}.thl-block-grid-gutters .thl-block-grid__item{padding:1rem !important}.thl-block-grid__item{display:block !important;float:left !important;font-size:16px !important}@media screen{.thl-block-1-xs .thl-block-grid__item{width:100% !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xs .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xs .thl-block-grid__item{width:50% !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xs .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xs .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xs .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xs .thl-block-grid__item{width:25% !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xs .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xs .thl-block-grid__item{width:20% !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xs .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xs .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xs .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 480px){.thl-block-1-sm .thl-block-grid__item{width:100% !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-sm .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-sm .thl-block-grid__item{width:50% !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-sm .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-sm .thl-block-grid__item{width:33.33333% !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-sm .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-sm .thl-block-grid__item{width:25% !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-sm .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-sm .thl-block-grid__item{width:20% !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-sm .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-sm .thl-block-grid__item{width:16.66667% !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-sm .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 680px){.thl-block-1-md .thl-block-grid__item{width:100% !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-md .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-md .thl-block-grid__item{width:50% !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-md .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-md .thl-block-grid__item{width:33.33333% !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-md .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-md .thl-block-grid__item{width:25% !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-md .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-md .thl-block-grid__item{width:20% !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-md .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-md .thl-block-grid__item{width:16.66667% !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-md .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 960px){.thl-block-1-lg .thl-block-grid__item{width:100% !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-lg .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-lg .thl-block-grid__item{width:50% !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-lg .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-lg .thl-block-grid__item{width:33.33333% !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-lg .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-lg .thl-block-grid__item{width:25% !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-lg .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-lg .thl-block-grid__item{width:20% !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-lg .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-lg .thl-block-grid__item{width:16.66667% !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-lg .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen and (min-width: 1140px){.thl-block-1-xl .thl-block-grid__item{width:100% !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-1-xl .thl-block-grid__item:nth-of-type(1n+1){clear:both !important}.thl-block-2-xl .thl-block-grid__item{width:50% !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-2-xl .thl-block-grid__item:nth-of-type(2n+1){clear:both !important}.thl-block-3-xl .thl-block-grid__item{width:33.33333% !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-3-xl .thl-block-grid__item:nth-of-type(3n+1){clear:both !important}.thl-block-4-xl .thl-block-grid__item{width:25% !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-4-xl .thl-block-grid__item:nth-of-type(4n+1){clear:both !important}.thl-block-5-xl .thl-block-grid__item{width:20% !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-5-xl .thl-block-grid__item:nth-of-type(5n+1){clear:both !important}.thl-block-6-xl .thl-block-grid__item{width:16.66667% !important}.thl-block-6-xl .thl-block-grid__item:nth-of-type(1n){clear:none !important}.thl-block-6-xl .thl-block-grid__item:nth-of-type(6n+1){clear:both !important}}@media screen{.thl-block-xs{display:block !important}.thl-hide-xs{display:none !important}.thl-inline-xs{display:inline !important}.thl-inline-block-xs{display:inline-block !important}}@media screen and (min-width: 480px){.thl-block-sm{display:block !important}.thl-hide-sm{display:none !important}.thl-inline-sm{display:inline !important}.thl-inline-block-sm{display:inline-block !important}}@media screen and (min-width: 680px){.thl-block-md{display:block !important}.thl-hide-md{display:none !important}.thl-inline-md{display:inline !important}.thl-inline-block-md{display:inline-block !important}}@media screen and (min-width: 960px){.thl-block-lg{display:block !important}.thl-hide-lg{display:none !important}.thl-inline-lg{display:inline !important}.thl-inline-block-lg{display:inline-block !important}}@media screen and (min-width: 1140px){.thl-block-xl{display:block !important}.thl-hide-xl{display:none !important}.thl-inline-xl{display:inline !important}.thl-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{.thl-float-l-xs{float:left !important}.thl-float-r-xs{float:right !important}.thl-float-none-xs{float:none !important}}@media screen and (min-width: 480px){.thl-float-l-sm{float:left !important}.thl-float-r-sm{float:right !important}.thl-float-none-sm{float:none !important}}@media screen and (min-width: 680px){.thl-float-l-md{float:left !important}.thl-float-r-md{float:right !important}.thl-float-none-md{float:none !important}}@media screen and (min-width: 960px){.thl-float-l-lg{float:left !important}.thl-float-r-lg{float:right !important}.thl-float-none-lg{float:none !important}}@media screen and (min-width: 1140px){.thl-float-l-xl{float:left !important}.thl-float-r-xl{float:right !important}.thl-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:.5rem;font-size:.9rem}.thl-form-feedback-success .form-feedback{color:#36b55c}.thl-form-feedback-warning .form-feedback{color:#ff9f1f}.thl-form-feedback-error .form-feedback{color:#ed5a5a}.form-label,.form-helper{display:block}.form-label{color:#40484a;font-weight:500;margin-bottom:.5rem;line-height:1.3}.form-label-required{color:red;font-weight:500}.thl-form-feedback-success .form-label{color:#36b55c}.thl-form-feedback-warning .form-label{color:#ff9f1f}.thl-form-feedback-error .form-label{color:#ed5a5a}.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}.thl-form-feedback-success .form-text-input,.thl-form-feedback-warning .form-text-input,.thl-form-feedback-error .form-text-input,.thl-form-feedback-success .form-textarea,.thl-form-feedback-warning .form-textarea,.thl-form-feedback-error .form-textarea{background-color:#fff}.thl-form-feedback-success .form-text-input,.thl-form-feedback-success .form-textarea{border-color:#36b55c}.thl-form-feedback-warning .form-text-input,.thl-form-feedback-warning .form-textarea{border-color:#ff9f1f}.thl-form-feedback-error .form-text-input,.thl-form-feedback-error .form-textarea{border-color:#ed5a5a}.form-text-input:focus,.form-textarea:focus{background-color:#fff;border-color:#8c9aa6}.thl-form-feedback-success .form-text-input:focus,.thl-form-feedback-warning .form-text-input:focus,.thl-form-feedback-error .form-text-input:focus,.thl-form-feedback-success .form-textarea:focus,.thl-form-feedback-warning .form-textarea:focus,.thl-form-feedback-error .form-textarea:focus{background-color:#fff}.thl-form-feedback-success .form-text-input:focus,.thl-form-feedback-success .form-textarea:focus{border-color:#288644}.thl-form-feedback-warning .form-text-input:focus,.thl-form-feedback-warning .form-textarea:focus{border-color:#e18000}.thl-form-feedback-error .form-text-input:focus,.thl-form-feedback-error .form-textarea:focus{border-color:#e72323}.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}.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}.form-radio,.form-checkbox{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form-radio+.thl-form-label,.form-checkbox+.thl-form-label{display:block;font-weight:normal;color:#4b5658;padding:.25rem 0}.form-radio+.thl-form-label:before,.form-checkbox+.thl-form-label:before{content:"";display:inline-block;width:1rem;height:1rem;position:relative;bottom:-2px;margin-right:.5rem}.form-radio+.thl-form-label>.thl-form-text-input,.form-checkbox+.thl-form-label>.thl-form-text-input{height:24px;line-height:24px;padding-left:.25rem}.form-radio:checked+.thl-form-label,.form-checkbox:checked+.thl-form-label{color:#40484a}.form-radio:focus+.thl-form-label,.form-checkbox:focus+.thl-form-label{color:#40484a}.form-radio:focus+.thl-form-label:before,.form-checkbox:focus+.thl-form-label:before{border:2px solid #8c9aa6}.form-radio+.thl-form-label:before{border-radius:50%;border:1px solid #d4d9dd}.form-radio:checked+.thl-form-label:before{border:5px solid #3f8abf}.form-checkbox+.thl-form-label:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:4px;border:1px solid #d4d9dd}.form-checkbox:checked+.thl-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+.thl-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}.thl-form-feedback-success .form-upload+.thl-form-label,.thl-form-feedback-warning .form-upload+.thl-form-label,.thl-form-feedback-error .form-upload+.thl-form-label{background-color:#fff}.thl-form-feedback-success .form-upload+.thl-form-label{border-color:#36b55c;color:#36b55c}.thl-form-feedback-warning .form-upload+.thl-form-label{border-color:#ff9f1f;color:#ff9f1f}.thl-form-feedback-error .form-upload+.thl-form-label{border-color:#ed5a5a;color:#ed5a5a}.form-upload:focus+.thl-form-label,.form-upload+.thl-form-label:hover{background-color:#fff;border:2px solid #8c9aa6;color:#40484a}.thl-form-feedback-success .form-upload:focus+.thl-form-label,.thl-form-feedback-success .form-upload+.thl-form-label:hover{border-color:#288644;color:#288644}.thl-form-feedback-warning .form-upload:focus+.thl-form-label,.thl-form-feedback-warning .form-upload+.thl-form-label:hover{border-color:#e18000;color:#e18000}.thl-form-feedback-error .form-upload:focus+.thl-form-label,.thl-form-feedback-error .form-upload+.thl-form-label:hover{border-color:#e72323;color:#e72323}table{width:100%;border-collapse:collapse}table th{font-weight:600}table th,table td{text-align:left;padding:0.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{.thl-flex-block-xs{display:flex !important}.thl-flex-inline-xs{display:flex-inline !important}.thl-flex-row-xs{flex-direction:row !important}.thl-flex-row-reverse-xs{flex-direction:row-reverse !important}.thl-flex-column-xs{flex-direction:column !important}.thl-flex-column-reverse-xs{flex-direction:column-reverse !important}.thl-flex-wrap-xs{flex-wrap:wrap !important}.thl-flex-nowrap-xs{flex-wrap:nowrap !important}.thl-flex-wrap-reverse-xs{flex-wrap:wrap-reverse !important}.thl-flex-justify-start-xs{justify-content:flex-start !important}.thl-flex-justify-end-xs{justify-content:flex-end !important}.thl-flex-justify-center-xs{justify-content:center !important}.thl-flex-justify-between-xs{justify-content:space-between !important}.thl-flex-justify-around-xs{justify-content:space-around !important}.thl-flex-item-start-xs{align-items:flex-start !important}.thl-flex-item-end-xs{align-items:flex-end !important}.thl-flex-item-center-xs{align-items:center !important}.thl-flex-item-stretch-xs{align-items:stretch !important}.thl-flex-item-baseline-xs{align-items:baseline !important}.thl-flex-content-start-xs{align-content:flex-start !important}.thl-flex-content-end-xs{align-content:flex-end !important}.thl-flex-content-center-xs{align-content:center !important}.thl-flex-content-around-xs{align-content:space-around !important}.thl-flex-content-between-xs{align-content:space-between !important}.thl-flex-content-stretch-xs{align-content:stretch !important}.thl-flex-order-1-xs{order:1 !important}.thl-flex-order-2-xs{order:2 !important}.thl-flex-order-3-xs{order:3 !important}.thl-flex-order-4-xs{order:4 !important}.thl-flex-order-5-xs{order:5 !important}.thl-flex-order-6-xs{order:6 !important}.thl-flex-grow-0-xs{flex-grow:0 !important}.thl-flex-grow-1-xs{flex-grow:1 !important}.thl-flex-grow-2-xs{flex-grow:2 !important}.thl-flex-grow-3-xs{flex-grow:3 !important}.thl-flex-grow-4-xs{flex-grow:4 !important}.thl-flex-grow-5-xs{flex-grow:5 !important}.thl-flex-grow-6-xs{flex-grow:6 !important}.thl-flex-shrink-1-xs{flex-shrink:1 !important}.thl-flex-shrink-2-xs{flex-shrink:2 !important}.thl-flex-shrink-3-xs{flex-shrink:3 !important}.thl-flex-shrink-4-xs{flex-shrink:4 !important}.thl-flex-shrink-5-xs{flex-shrink:5 !important}.thl-flex-shrink-6-xs{flex-shrink:6 !important}.thl-flex-basis-5-xs{flex-basis:5% !important}.thl-flex-basis-10-xs{flex-basis:10% !important}.thl-flex-basis-15-xs{flex-basis:15% !important}.thl-flex-basis-20-xs{flex-basis:20% !important}.thl-flex-basis-25-xs{flex-basis:25% !important}.thl-flex-basis-30-xs{flex-basis:30% !important}.thl-flex-basis-33-xs{flex-basis:33% !important}.thl-flex-basis-35-xs{flex-basis:35% !important}.thl-flex-basis-40-xs{flex-basis:40% !important}.thl-flex-basis-45-xs{flex-basis:45% !important}.thl-flex-basis-50-xs{flex-basis:50% !important}.thl-flex-basis-55-xs{flex-basis:55% !important}.thl-flex-basis-60-xs{flex-basis:60% !important}.thl-flex-basis-65-xs{flex-basis:65% !important}.thl-flex-basis-70-xs{flex-basis:70% !important}.thl-flex-basis-75-xs{flex-basis:75% !important}.thl-flex-basis-80-xs{flex-basis:80% !important}.thl-flex-basis-85-xs{flex-basis:85% !important}.thl-flex-basis-90-xs{flex-basis:90% !important}.thl-flex-basis-95-xs{flex-basis:95% !important}.thl-flex-basis-100-xs{flex-basis:100% !important}.thl-flex-basis-auto-xs{flex-basis:auto !important}.thl-flex-basis-s0-xs{flex-basis:0rem !important}.thl-flex-basis-s05-xs{flex-basis:.5rem !important}.thl-flex-basis-s1-xs{flex-basis:1rem !important}.thl-flex-basis-s2-xs{flex-basis:1.5rem !important}.thl-flex-basis-s3-xs{flex-basis:2rem !important}.thl-flex-basis-s4-xs{flex-basis:3rem !important}.thl-flex-basis-s5-xs{flex-basis:4rem !important}.thl-flex-basis-s6-xs{flex-basis:5rem !important}.thl-flex-self-auto-xs{align-self:auto !important}.thl-flex-self-start-xs{align-self:flex-start !important}.thl-flex-self-end-xs{align-self:flex-end !important}.thl-flex-self-center-xs{align-self:center !important}.thl-flex-self-stretch-xs{align-self:stretch !important}.thl-flex-self-baseline-xs{align-self:baseline !important}}@media screen and (min-width: 480px){.thl-flex-block-sm{display:flex !important}.thl-flex-inline-sm{display:flex-inline !important}.thl-flex-row-sm{flex-direction:row !important}.thl-flex-row-reverse-sm{flex-direction:row-reverse !important}.thl-flex-column-sm{flex-direction:column !important}.thl-flex-column-reverse-sm{flex-direction:column-reverse !important}.thl-flex-wrap-sm{flex-wrap:wrap !important}.thl-flex-nowrap-sm{flex-wrap:nowrap !important}.thl-flex-wrap-reverse-sm{flex-wrap:wrap-reverse !important}.thl-flex-justify-start-sm{justify-content:flex-start !important}.thl-flex-justify-end-sm{justify-content:flex-end !important}.thl-flex-justify-center-sm{justify-content:center !important}.thl-flex-justify-between-sm{justify-content:space-between !important}.thl-flex-justify-around-sm{justify-content:space-around !important}.thl-flex-item-start-sm{align-items:flex-start !important}.thl-flex-item-end-sm{align-items:flex-end !important}.thl-flex-item-center-sm{align-items:center !important}.thl-flex-item-stretch-sm{align-items:stretch !important}.thl-flex-item-baseline-sm{align-items:baseline !important}.thl-flex-content-start-sm{align-content:flex-start !important}.thl-flex-content-end-sm{align-content:flex-end !important}.thl-flex-content-center-sm{align-content:center !important}.thl-flex-content-around-sm{align-content:space-around !important}.thl-flex-content-between-sm{align-content:space-between !important}.thl-flex-content-stretch-sm{align-content:stretch !important}.thl-flex-order-1-sm{order:1 !important}.thl-flex-order-2-sm{order:2 !important}.thl-flex-order-3-sm{order:3 !important}.thl-flex-order-4-sm{order:4 !important}.thl-flex-order-5-sm{order:5 !important}.thl-flex-order-6-sm{order:6 !important}.thl-flex-grow-0-sm{flex-grow:0 !important}.thl-flex-grow-1-sm{flex-grow:1 !important}.thl-flex-grow-2-sm{flex-grow:2 !important}.thl-flex-grow-3-sm{flex-grow:3 !important}.thl-flex-grow-4-sm{flex-grow:4 !important}.thl-flex-grow-5-sm{flex-grow:5 !important}.thl-flex-grow-6-sm{flex-grow:6 !important}.thl-flex-shrink-1-sm{flex-shrink:1 !important}.thl-flex-shrink-2-sm{flex-shrink:2 !important}.thl-flex-shrink-3-sm{flex-shrink:3 !important}.thl-flex-shrink-4-sm{flex-shrink:4 !important}.thl-flex-shrink-5-sm{flex-shrink:5 !important}.thl-flex-shrink-6-sm{flex-shrink:6 !important}.thl-flex-basis-5-sm{flex-basis:5% !important}.thl-flex-basis-10-sm{flex-basis:10% !important}.thl-flex-basis-15-sm{flex-basis:15% !important}.thl-flex-basis-20-sm{flex-basis:20% !important}.thl-flex-basis-25-sm{flex-basis:25% !important}.thl-flex-basis-30-sm{flex-basis:30% !important}.thl-flex-basis-33-sm{flex-basis:33% !important}.thl-flex-basis-35-sm{flex-basis:35% !important}.thl-flex-basis-40-sm{flex-basis:40% !important}.thl-flex-basis-45-sm{flex-basis:45% !important}.thl-flex-basis-50-sm{flex-basis:50% !important}.thl-flex-basis-55-sm{flex-basis:55% !important}.thl-flex-basis-60-sm{flex-basis:60% !important}.thl-flex-basis-65-sm{flex-basis:65% !important}.thl-flex-basis-70-sm{flex-basis:70% !important}.thl-flex-basis-75-sm{flex-basis:75% !important}.thl-flex-basis-80-sm{flex-basis:80% !important}.thl-flex-basis-85-sm{flex-basis:85% !important}.thl-flex-basis-90-sm{flex-basis:90% !important}.thl-flex-basis-95-sm{flex-basis:95% !important}.thl-flex-basis-100-sm{flex-basis:100% !important}.thl-flex-basis-auto-sm{flex-basis:auto !important}.thl-flex-basis-s0-sm{flex-basis:0rem !important}.thl-flex-basis-s05-sm{flex-basis:.5rem !important}.thl-flex-basis-s1-sm{flex-basis:1rem !important}.thl-flex-basis-s2-sm{flex-basis:1.5rem !important}.thl-flex-basis-s3-sm{flex-basis:2rem !important}.thl-flex-basis-s4-sm{flex-basis:3rem !important}.thl-flex-basis-s5-sm{flex-basis:4rem !important}.thl-flex-basis-s6-sm{flex-basis:5rem !important}.thl-flex-self-auto-sm{align-self:auto !important}.thl-flex-self-start-sm{align-self:flex-start !important}.thl-flex-self-end-sm{align-self:flex-end !important}.thl-flex-self-center-sm{align-self:center !important}.thl-flex-self-stretch-sm{align-self:stretch !important}.thl-flex-self-baseline-sm{align-self:baseline !important}}@media screen and (min-width: 680px){.thl-flex-block-md{display:flex !important}.thl-flex-inline-md{display:flex-inline !important}.thl-flex-row-md{flex-direction:row !important}.thl-flex-row-reverse-md{flex-direction:row-reverse !important}.thl-flex-column-md{flex-direction:column !important}.thl-flex-column-reverse-md{flex-direction:column-reverse !important}.thl-flex-wrap-md{flex-wrap:wrap !important}.thl-flex-nowrap-md{flex-wrap:nowrap !important}.thl-flex-wrap-reverse-md{flex-wrap:wrap-reverse !important}.thl-flex-justify-start-md{justify-content:flex-start !important}.thl-flex-justify-end-md{justify-content:flex-end !important}.thl-flex-justify-center-md{justify-content:center !important}.thl-flex-justify-between-md{justify-content:space-between !important}.thl-flex-justify-around-md{justify-content:space-around !important}.thl-flex-item-start-md{align-items:flex-start !important}.thl-flex-item-end-md{align-items:flex-end !important}.thl-flex-item-center-md{align-items:center !important}.thl-flex-item-stretch-md{align-items:stretch !important}.thl-flex-item-baseline-md{align-items:baseline !important}.thl-flex-content-start-md{align-content:flex-start !important}.thl-flex-content-end-md{align-content:flex-end !important}.thl-flex-content-center-md{align-content:center !important}.thl-flex-content-around-md{align-content:space-around !important}.thl-flex-content-between-md{align-content:space-between !important}.thl-flex-content-stretch-md{align-content:stretch !important}.thl-flex-order-1-md{order:1 !important}.thl-flex-order-2-md{order:2 !important}.thl-flex-order-3-md{order:3 !important}.thl-flex-order-4-md{order:4 !important}.thl-flex-order-5-md{order:5 !important}.thl-flex-order-6-md{order:6 !important}.thl-flex-grow-0-md{flex-grow:0 !important}.thl-flex-grow-1-md{flex-grow:1 !important}.thl-flex-grow-2-md{flex-grow:2 !important}.thl-flex-grow-3-md{flex-grow:3 !important}.thl-flex-grow-4-md{flex-grow:4 !important}.thl-flex-grow-5-md{flex-grow:5 !important}.thl-flex-grow-6-md{flex-grow:6 !important}.thl-flex-shrink-1-md{flex-shrink:1 !important}.thl-flex-shrink-2-md{flex-shrink:2 !important}.thl-flex-shrink-3-md{flex-shrink:3 !important}.thl-flex-shrink-4-md{flex-shrink:4 !important}.thl-flex-shrink-5-md{flex-shrink:5 !important}.thl-flex-shrink-6-md{flex-shrink:6 !important}.thl-flex-basis-5-md{flex-basis:5% !important}.thl-flex-basis-10-md{flex-basis:10% !important}.thl-flex-basis-15-md{flex-basis:15% !important}.thl-flex-basis-20-md{flex-basis:20% !important}.thl-flex-basis-25-md{flex-basis:25% !important}.thl-flex-basis-30-md{flex-basis:30% !important}.thl-flex-basis-33-md{flex-basis:33% !important}.thl-flex-basis-35-md{flex-basis:35% !important}.thl-flex-basis-40-md{flex-basis:40% !important}.thl-flex-basis-45-md{flex-basis:45% !important}.thl-flex-basis-50-md{flex-basis:50% !important}.thl-flex-basis-55-md{flex-basis:55% !important}.thl-flex-basis-60-md{flex-basis:60% !important}.thl-flex-basis-65-md{flex-basis:65% !important}.thl-flex-basis-70-md{flex-basis:70% !important}.thl-flex-basis-75-md{flex-basis:75% !important}.thl-flex-basis-80-md{flex-basis:80% !important}.thl-flex-basis-85-md{flex-basis:85% !important}.thl-flex-basis-90-md{flex-basis:90% !important}.thl-flex-basis-95-md{flex-basis:95% !important}.thl-flex-basis-100-md{flex-basis:100% !important}.thl-flex-basis-auto-md{flex-basis:auto !important}.thl-flex-basis-s0-md{flex-basis:0rem !important}.thl-flex-basis-s05-md{flex-basis:.5rem !important}.thl-flex-basis-s1-md{flex-basis:1rem !important}.thl-flex-basis-s2-md{flex-basis:1.5rem !important}.thl-flex-basis-s3-md{flex-basis:2rem !important}.thl-flex-basis-s4-md{flex-basis:3rem !important}.thl-flex-basis-s5-md{flex-basis:4rem !important}.thl-flex-basis-s6-md{flex-basis:5rem !important}.thl-flex-self-auto-md{align-self:auto !important}.thl-flex-self-start-md{align-self:flex-start !important}.thl-flex-self-end-md{align-self:flex-end !important}.thl-flex-self-center-md{align-self:center !important}.thl-flex-self-stretch-md{align-self:stretch !important}.thl-flex-self-baseline-md{align-self:baseline !important}}@media screen and (min-width: 960px){.thl-flex-block-lg{display:flex !important}.thl-flex-inline-lg{display:flex-inline !important}.thl-flex-row-lg{flex-direction:row !important}.thl-flex-row-reverse-lg{flex-direction:row-reverse !important}.thl-flex-column-lg{flex-direction:column !important}.thl-flex-column-reverse-lg{flex-direction:column-reverse !important}.thl-flex-wrap-lg{flex-wrap:wrap !important}.thl-flex-nowrap-lg{flex-wrap:nowrap !important}.thl-flex-wrap-reverse-lg{flex-wrap:wrap-reverse !important}.thl-flex-justify-start-lg{justify-content:flex-start !important}.thl-flex-justify-end-lg{justify-content:flex-end !important}.thl-flex-justify-center-lg{justify-content:center !important}.thl-flex-justify-between-lg{justify-content:space-between !important}.thl-flex-justify-around-lg{justify-content:space-around !important}.thl-flex-item-start-lg{align-items:flex-start !important}.thl-flex-item-end-lg{align-items:flex-end !important}.thl-flex-item-center-lg{align-items:center !important}.thl-flex-item-stretch-lg{align-items:stretch !important}.thl-flex-item-baseline-lg{align-items:baseline !important}.thl-flex-content-start-lg{align-content:flex-start !important}.thl-flex-content-end-lg{align-content:flex-end !important}.thl-flex-content-center-lg{align-content:center !important}.thl-flex-content-around-lg{align-content:space-around !important}.thl-flex-content-between-lg{align-content:space-between !important}.thl-flex-content-stretch-lg{align-content:stretch !important}.thl-flex-order-1-lg{order:1 !important}.thl-flex-order-2-lg{order:2 !important}.thl-flex-order-3-lg{order:3 !important}.thl-flex-order-4-lg{order:4 !important}.thl-flex-order-5-lg{order:5 !important}.thl-flex-order-6-lg{order:6 !important}.thl-flex-grow-0-lg{flex-grow:0 !important}.thl-flex-grow-1-lg{flex-grow:1 !important}.thl-flex-grow-2-lg{flex-grow:2 !important}.thl-flex-grow-3-lg{flex-grow:3 !important}.thl-flex-grow-4-lg{flex-grow:4 !important}.thl-flex-grow-5-lg{flex-grow:5 !important}.thl-flex-grow-6-lg{flex-grow:6 !important}.thl-flex-shrink-1-lg{flex-shrink:1 !important}.thl-flex-shrink-2-lg{flex-shrink:2 !important}.thl-flex-shrink-3-lg{flex-shrink:3 !important}.thl-flex-shrink-4-lg{flex-shrink:4 !important}.thl-flex-shrink-5-lg{flex-shrink:5 !important}.thl-flex-shrink-6-lg{flex-shrink:6 !important}.thl-flex-basis-5-lg{flex-basis:5% !important}.thl-flex-basis-10-lg{flex-basis:10% !important}.thl-flex-basis-15-lg{flex-basis:15% !important}.thl-flex-basis-20-lg{flex-basis:20% !important}.thl-flex-basis-25-lg{flex-basis:25% !important}.thl-flex-basis-30-lg{flex-basis:30% !important}.thl-flex-basis-33-lg{flex-basis:33% !important}.thl-flex-basis-35-lg{flex-basis:35% !important}.thl-flex-basis-40-lg{flex-basis:40% !important}.thl-flex-basis-45-lg{flex-basis:45% !important}.thl-flex-basis-50-lg{flex-basis:50% !important}.thl-flex-basis-55-lg{flex-basis:55% !important}.thl-flex-basis-60-lg{flex-basis:60% !important}.thl-flex-basis-65-lg{flex-basis:65% !important}.thl-flex-basis-70-lg{flex-basis:70% !important}.thl-flex-basis-75-lg{flex-basis:75% !important}.thl-flex-basis-80-lg{flex-basis:80% !important}.thl-flex-basis-85-lg{flex-basis:85% !important}.thl-flex-basis-90-lg{flex-basis:90% !important}.thl-flex-basis-95-lg{flex-basis:95% !important}.thl-flex-basis-100-lg{flex-basis:100% !important}.thl-flex-basis-auto-lg{flex-basis:auto !important}.thl-flex-basis-s0-lg{flex-basis:0rem !important}.thl-flex-basis-s05-lg{flex-basis:.5rem !important}.thl-flex-basis-s1-lg{flex-basis:1rem !important}.thl-flex-basis-s2-lg{flex-basis:1.5rem !important}.thl-flex-basis-s3-lg{flex-basis:2rem !important}.thl-flex-basis-s4-lg{flex-basis:3rem !important}.thl-flex-basis-s5-lg{flex-basis:4rem !important}.thl-flex-basis-s6-lg{flex-basis:5rem !important}.thl-flex-self-auto-lg{align-self:auto !important}.thl-flex-self-start-lg{align-self:flex-start !important}.thl-flex-self-end-lg{align-self:flex-end !important}.thl-flex-self-center-lg{align-self:center !important}.thl-flex-self-stretch-lg{align-self:stretch !important}.thl-flex-self-baseline-lg{align-self:baseline !important}}@media screen and (min-width: 1140px){.thl-flex-block-xl{display:flex !important}.thl-flex-inline-xl{display:flex-inline !important}.thl-flex-row-xl{flex-direction:row !important}.thl-flex-row-reverse-xl{flex-direction:row-reverse !important}.thl-flex-column-xl{flex-direction:column !important}.thl-flex-column-reverse-xl{flex-direction:column-reverse !important}.thl-flex-wrap-xl{flex-wrap:wrap !important}.thl-flex-nowrap-xl{flex-wrap:nowrap !important}.thl-flex-wrap-reverse-xl{flex-wrap:wrap-reverse !important}.thl-flex-justify-start-xl{justify-content:flex-start !important}.thl-flex-justify-end-xl{justify-content:flex-end !important}.thl-flex-justify-center-xl{justify-content:center !important}.thl-flex-justify-between-xl{justify-content:space-between !important}.thl-flex-justify-around-xl{justify-content:space-around !important}.thl-flex-item-start-xl{align-items:flex-start !important}.thl-flex-item-end-xl{align-items:flex-end !important}.thl-flex-item-center-xl{align-items:center !important}.thl-flex-item-stretch-xl{align-items:stretch !important}.thl-flex-item-baseline-xl{align-items:baseline !important}.thl-flex-content-start-xl{align-content:flex-start !important}.thl-flex-content-end-xl{align-content:flex-end !important}.thl-flex-content-center-xl{align-content:center !important}.thl-flex-content-around-xl{align-content:space-around !important}.thl-flex-content-between-xl{align-content:space-between !important}.thl-flex-content-stretch-xl{align-content:stretch !important}.thl-flex-order-1-xl{order:1 !important}.thl-flex-order-2-xl{order:2 !important}.thl-flex-order-3-xl{order:3 !important}.thl-flex-order-4-xl{order:4 !important}.thl-flex-order-5-xl{order:5 !important}.thl-flex-order-6-xl{order:6 !important}.thl-flex-grow-0-xl{flex-grow:0 !important}.thl-flex-grow-1-xl{flex-grow:1 !important}.thl-flex-grow-2-xl{flex-grow:2 !important}.thl-flex-grow-3-xl{flex-grow:3 !important}.thl-flex-grow-4-xl{flex-grow:4 !important}.thl-flex-grow-5-xl{flex-grow:5 !important}.thl-flex-grow-6-xl{flex-grow:6 !important}.thl-flex-shrink-1-xl{flex-shrink:1 !important}.thl-flex-shrink-2-xl{flex-shrink:2 !important}.thl-flex-shrink-3-xl{flex-shrink:3 !important}.thl-flex-shrink-4-xl{flex-shrink:4 !important}.thl-flex-shrink-5-xl{flex-shrink:5 !important}.thl-flex-shrink-6-xl{flex-shrink:6 !important}.thl-flex-basis-5-xl{flex-basis:5% !important}.thl-flex-basis-10-xl{flex-basis:10% !important}.thl-flex-basis-15-xl{flex-basis:15% !important}.thl-flex-basis-20-xl{flex-basis:20% !important}.thl-flex-basis-25-xl{flex-basis:25% !important}.thl-flex-basis-30-xl{flex-basis:30% !important}.thl-flex-basis-33-xl{flex-basis:33% !important}.thl-flex-basis-35-xl{flex-basis:35% !important}.thl-flex-basis-40-xl{flex-basis:40% !important}.thl-flex-basis-45-xl{flex-basis:45% !important}.thl-flex-basis-50-xl{flex-basis:50% !important}.thl-flex-basis-55-xl{flex-basis:55% !important}.thl-flex-basis-60-xl{flex-basis:60% !important}.thl-flex-basis-65-xl{flex-basis:65% !important}.thl-flex-basis-70-xl{flex-basis:70% !important}.thl-flex-basis-75-xl{flex-basis:75% !important}.thl-flex-basis-80-xl{flex-basis:80% !important}.thl-flex-basis-85-xl{flex-basis:85% !important}.thl-flex-basis-90-xl{flex-basis:90% !important}.thl-flex-basis-95-xl{flex-basis:95% !important}.thl-flex-basis-100-xl{flex-basis:100% !important}.thl-flex-basis-auto-xl{flex-basis:auto !important}.thl-flex-basis-s0-xl{flex-basis:0rem !important}.thl-flex-basis-s05-xl{flex-basis:.5rem !important}.thl-flex-basis-s1-xl{flex-basis:1rem !important}.thl-flex-basis-s2-xl{flex-basis:1.5rem !important}.thl-flex-basis-s3-xl{flex-basis:2rem !important}.thl-flex-basis-s4-xl{flex-basis:3rem !important}.thl-flex-basis-s5-xl{flex-basis:4rem !important}.thl-flex-basis-s6-xl{flex-basis:5rem !important}.thl-flex-self-auto-xl{align-self:auto !important}.thl-flex-self-start-xl{align-self:flex-start !important}.thl-flex-self-end-xl{align-self:flex-end !important}.thl-flex-self-center-xl{align-self:center !important}.thl-flex-self-stretch-xl{align-self:stretch !important}.thl-flex-self-baseline-xl{align-self:baseline !important}} /*# sourceMappingURL=leap.min.css.map */ diff --git a/forms.html b/forms.html index 5909852..0c44c43 100644 --- a/forms.html +++ b/forms.html @@ -19,16 +19,16 @@

Labels

-

Use the .form-label class to set the default styles on a label.

+

Use the .thl-form-label class to set the default styles on a label.

- - + +
<form>
-  <label class="form-label">Form Label</label>
-  <label class="form-label">Required Form Label <span class="form-label-required">*</span></label>
+  <label class="thl-form-label">Form Label</label>
+  <label class="thl-form-label">Required Form Label <span class="thl-form-label-required">*</span></label>
 </form>
@@ -37,59 +37,59 @@

Text Inputs

Use the .text-input class to apply the default styling for text inputs. Inputs should always be paired with a label to make them accessible. You can use placeholder text for additional context when necessary. NEVER use placeholder text in place of a label.

- - + +
<form>
-  <label for="form-text-input-1" class="form-label">Text Input Label</label>
-  <input type="text" class="form-text-input" id="form-text-input-1" placeholder="this is placeholder text">
+  <label for="thl-form-text-input-1" class="thl-form-label">Text Input Label</label>
+  <input type="text" class="thl-form-text-input" id="thl-form-text-input-1" placeholder="this is placeholder text">
 </form>

Helper Text

-

When necessary, you can place additional text below the input in a label with a .form-helper to add helper text.

+

When necessary, you can place additional text below the input in a label with a .thl-form-helper to add helper text.

- - - + + +
<form>
-  <label for="form-text-input-1" class="form-label">Text Input Label</label>
-  <input type="text" class="form-text-input" id="form-text-input-1" placeholder="this is placeholder text">
+  <label for="thl-form-text-input-1" class="thl-form-label">Text Input Label</label>
+  <input type="text" class="thl-form-text-input" id="thl-form-text-input-1" placeholder="this is placeholder text">
   </form>
-  <label class="form-helper">You don't need to include http://</label>
+  <label class="thl-form-helper">You don't need to include http://</label>
 </form>

Textareas

-

Use the .form-textarea class to get the default styling. When setting a typesize and width, we recommend aiming for a measure of 52-78 characters.

+

Use the .thl-form-textarea class to get the default styling. When setting a typesize and width, we recommend aiming for a measure of 52-78 characters.

- - + +
<form>
-  <label for="form-textarea-1" class="form-label">Textarea Label</label>
-  <textarea name="form-textarea-1" id="form-textarea-1" class="form-textarea col-50-xs"></textarea>
+  <label for="thl-form-textarea-1" class="thl-form-label">Textarea Label</label>
+  <textarea name="thl-form-textarea-1" id="thl-form-textarea-1" class="thl-form-textarea col-50-xs"></textarea>
 </form>

Selects

-

Use the .form-select class to get the default styling.

+

Use the .thl-form-select class to get the default styling.

- - @@ -98,8 +98,8 @@

Selects

<form>
-  <label for="form-select-1" class="form-label">Select Label 1</label>
-  <select id="form-select-1" class="form-select">
+  <label for="thl-form-select-1" class="thl-form-label">Select Label 1</label>
+  <select id="thl-form-select-1" class="thl-form-select">
     <option value="">Item 1</option>
     <option value="">Item 2</option>
     <option value="">Item 3</option>
@@ -111,136 +111,136 @@ 

Selects

Radios

-

Use .form-radio immediately following a label to get Leap's default radio button style.

+

Use .thl-form-radio immediately following a label to get Leap's default radio button style.

- - + + - - + +
<form>
-  <input type="radio" id="form-radio-1" class="form-radio" name="radio" checked="checked">
-  <label for="form-radio-1" class="form-label">Radio Label 1</label>
-  <input type="radio" id="form-radio-2" class="form-radio" name="radio">
-  <label for="form-radio-2" class="form-label">Radio Label 2</label>
+  <input type="radio" id="thl-form-radio-1" class="thl-form-radio" name="radio" checked="checked">
+  <label for="thl-form-radio-1" class="thl-form-label">Radio Label 1</label>
+  <input type="radio" id="thl-form-radio-2" class="thl-form-radio" name="radio">
+  <label for="thl-form-radio-2" class="thl-form-label">Radio Label 2</label>
 </form>

Checkboxes

-

Use .form-checkbox immediately following a label to get Leap's default checkbox style.

+

Use .thl-form-checkbox immediately following a label to get Leap's default checkbox style.

- - + + - - + +
<form>
-  <input type="checkbox" id="form-checkbox-1" class="form-checkbox">
-  <label for="form-checkbox-1" class="form-label">Checkbox Label 1</label>
-  <input type="checkbox" id="form-checkbox-2" class="form-checkbox">
-  <label for="form-checkbox-2" class="form-label">Checkbox Label 2</label>
+  <input type="checkbox" id="thl-form-checkbox-1" class="thl-form-checkbox">
+  <label for="thl-form-checkbox-1" class="thl-form-label">Checkbox Label 1</label>
+  <input type="checkbox" id="thl-form-checkbox-2" class="thl-form-checkbox">
+  <label for="thl-form-checkbox-2" class="thl-form-label">Checkbox Label 2</label>
 </form>

Uploads

-

Use .form-upload immediately following a label to get Leap's default file upload style.

+

Use .thl-form-upload immediately following a label to get Leap's default file upload style.

- - + +
<form>
-  <input type="file" class="form-upload" id="form-upload-1">
-  <label for="form-upload-1" class="form-label">Upload File...</label>
+  <input type="file" class="thl-form-upload" id="thl-form-upload-1">
+  <label for="thl-form-upload-1" class="thl-form-label">Upload File...</label>
 </form>

Form Success

-

Wrap each field in a fieldset and add the .fieldset and .form-feedback-success to apply Leap's default for feedback styling. Additionally, add a span with the class of form-feedback to inform the user what the feedback is.

+

Wrap each field in a fieldset and add the .fieldset and .thl-form-feedback-success to apply Leap's default for feedback styling. Additionally, add a span with the class of thl-form-feedback to inform the user what the feedback is.

-