From 013b7e48daa56a3fa0c9b2d5c67e39c7440dd4b2 Mon Sep 17 00:00:00 2001
From: Joshua <joshua@Joshuas-MacBook-Pro.local>
Date: Thu, 7 May 2020 11:39:41 -0400
Subject: update docs

---
 docs/components.html                   |   34 +-
 docs/components/accordions.html        |   32 +-
 docs/components/avatars.html           |   32 +-
 docs/components/badges.html            |   32 +-
 docs/components/bars.html              |   32 +-
 docs/components/breadcrumbs.html       |   32 +-
 docs/components/cards.html             |   32 +-
 docs/components/chips.html             |   32 +-
 docs/components/empty.html             |   32 +-
 docs/components/menu.html              |   32 +-
 docs/components/modals.html            |   32 +-
 docs/components/nav.html               |   32 +-
 docs/components/pagination.html        |   32 +-
 docs/components/panels.html            |   32 +-
 docs/components/popovers.html          |   32 +-
 docs/components/steps.html             |   32 +-
 docs/components/tabs.html              |   32 +-
 docs/components/tiles.html             |   32 +-
 docs/components/toasts.html            |   32 +-
 docs/components/tooltips.html          |   32 +-
 docs/dist/docs.min.css                 | 1066 +------
 docs/dist/spectre-rtl.min.css          | 4889 +-------------------------------
 docs/elements.html                     |   34 +-
 docs/elements/buttons.html             |   32 +-
 docs/elements/code.html                |   32 +-
 docs/elements/forms.html               |   32 +-
 docs/elements/icons.html               |   32 +-
 docs/elements/labels.html              |   32 +-
 docs/elements/media.html               |   32 +-
 docs/elements/tables.html              |   32 +-
 docs/elements/typography.html          |   32 +-
 docs/examples/starter.html             |    9 -
 docs/experimentals.html                |   34 +-
 docs/experimentals/autocomplete.html   |   32 +-
 docs/experimentals/calendars.html      |   32 +-
 docs/experimentals/carousels.html      |   32 +-
 docs/experimentals/comparison.html     |   32 +-
 docs/experimentals/filters.html        |   32 +-
 docs/experimentals/meters.html         |   32 +-
 docs/experimentals/off-canvas.html     |   32 +-
 docs/experimentals/parallax.html       |   32 +-
 docs/experimentals/progress.html       |   32 +-
 docs/experimentals/sliders.html        |   32 +-
 docs/experimentals/timelines.html      |   32 +-
 docs/experimentals/viewer-360.html     |   32 +-
 docs/getting-started.html              |   39 +-
 docs/getting-started/browsers.html     |   32 +-
 docs/getting-started/custom.html       |   32 +-
 docs/getting-started/installation.html |   32 +-
 docs/getting-started/whatsnew.html     |   34 +-
 docs/index.html                        |   41 +-
 docs/layout.html                       |   34 +-
 docs/layout/grid.html                  |   32 +-
 docs/layout/hero.html                  |   32 +-
 docs/layout/navbar.html                |   32 +-
 docs/layout/responsive.html            |   32 +-
 docs/src/_layout/_ad-g.pug             |   13 -
 docs/src/_layout/_docs-layout.pug      |   20 +-
 docs/src/_layout/_example-layout.pug   |   15 +-
 docs/src/_layout/_layout.pug           |   18 +-
 docs/src/getting-started.pug           |   13 +-
 docs/src/index.pug                     |   12 +-
 docs/utilities.html                    |   34 +-
 docs/utilities/colors.html             |   32 +-
 docs/utilities/cursors.html            |   32 +-
 docs/utilities/display.html            |   32 +-
 docs/utilities/divider.html            |   32 +-
 docs/utilities/loading.html            |   32 +-
 docs/utilities/position.html           |   32 +-
 docs/utilities/shapes.html             |   32 +-
 docs/utilities/text.html               |   32 +-
 71 files changed, 416 insertions(+), 7651 deletions(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index 004d174..1f8790d 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -30,8 +30,8 @@
         </div>
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
-        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark">
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="components">
             <h3 class="s-title">Components<a class="anchor" href="#components" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p>
                Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
@@ -397,21 +386,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/accordions.html b/docs/components/accordions.html
index fc883c1..850040e 100644
--- a/docs/components/accordions.html
+++ b/docs/components/accordions.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="accordions">
             <h3 class="s-title">Accordions<a class="anchor" href="#accordions" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Accordions are used to toggle sections of content.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-md-12">
@@ -326,21 +315,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/avatars.html b/docs/components/avatars.html
index f7a5749..ec179c3 100644
--- a/docs/components/avatars.html
+++ b/docs/components/avatars.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="avatars">
             <h3 class="s-title">Avatars<a class="anchor" href="#avatars" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Avatars are user profile pictures. </p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">
@@ -294,21 +283,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/badges.html b/docs/components/badges.html
index c21c678..2a62712 100644
--- a/docs/components/badges.html
+++ b/docs/components/badges.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="badges">
             <h3 class="s-title">Badges<a class="anchor" href="#badges" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Badges are often used as unread number indicators.</p>
             <div class="docs-demo columns">
               <div class="column col-3 col-xs-6"><span class="badge" data-badge="">Notifications</span></div>
@@ -265,21 +254,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/bars.html b/docs/components/bars.html
index 6ed6a66..730c965 100644
--- a/docs/components/bars.html
+++ b/docs/components/bars.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="bars">
             <h3 class="s-title">Bars<a class="anchor" href="#bars" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>
               Bars represent the progress of a task or the value within the known range.
               Bars are custom components for displaying HTML5 &lt;progress&gt;, &lt;meter&gt; and input range elements.
@@ -305,21 +294,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/breadcrumbs.html b/docs/components/breadcrumbs.html
index 26630a1..dca37ec 100644
--- a/docs/components/breadcrumbs.html
+++ b/docs/components/breadcrumbs.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="breadcrumbs">
             <h3 class="s-title">Breadcrumbs<a class="anchor" href="#breadcrumbs" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Breadcrumbs are used as navigational hierarchies to indicate current location.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -259,21 +248,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/cards.html b/docs/components/cards.html
index 1e990cd..b80748d 100644
--- a/docs/components/cards.html
+++ b/docs/components/cards.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="cards">
             <h3 class="s-title">Cards<a class="anchor" href="#cards" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Cards are flexible content containers.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">
@@ -311,21 +300,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/chips.html b/docs/components/chips.html
index 507ac65..f86fcf0 100644
--- a/docs/components/chips.html
+++ b/docs/components/chips.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="chips">
             <h3 class="s-title">Chips<a class="anchor" href="#chips" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Chips are complex entities in small blocks.</p>
             <div class="docs-demo columns">
               <div class="column col-12"><span class="chip">Crime</span><span class="chip">Drama</span><span class="chip">Biography<a class="btn btn-clear" href="#" aria-label="Close" role="button"></a></span><span class="chip">Mystery<a class="btn btn-clear" href="#" aria-label="Close" role="button"></a></span></div>
@@ -248,21 +237,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/empty.html b/docs/components/empty.html
index 766743c..cb3bc74 100644
--- a/docs/components/empty.html
+++ b/docs/components/empty.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="empty">
             <h3 class="s-title">Empty states<a class="anchor" href="#empty" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Empty states/blank slates are commonly used as placeholders for first time use, empty data and error screens.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -274,21 +263,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/menu.html b/docs/components/menu.html
index 85bc157..80c8952 100644
--- a/docs/components/menu.html
+++ b/docs/components/menu.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="menu">
             <h3 class="s-title">Menu<a class="anchor" href="#menu" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Menus are vertical list of links or buttons for actions and navigation.</p>
             <div class="docs-demo columns">
               <div class="column col-4 col-xs-12">
@@ -391,21 +380,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/modals.html b/docs/components/modals.html
index 85853c2..7c14797 100644
--- a/docs/components/modals.html
+++ b/docs/components/modals.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="modals">
             <h3 class="s-title">Modals<a class="anchor" href="#modals" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Modals are flexible dialog prompts.</p>
             <div class="docs-demo columns">
               <div class="column"><a class="btn btn-primary" href="#example-modal-1">Open Modal</a>
@@ -351,21 +340,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/nav.html b/docs/components/nav.html
index 7612289..2419476 100644
--- a/docs/components/nav.html
+++ b/docs/components/nav.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="nav">
             <h3 class="s-title">Nav<a class="anchor" href="#nav" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">
                 <ul class="nav">
@@ -271,21 +260,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/pagination.html b/docs/components/pagination.html
index 5577162..1740ddf 100644
--- a/docs/components/pagination.html
+++ b/docs/components/pagination.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="pagination">
             <h3 class="s-title">Pagination<a class="anchor" href="#pagination" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <div class="docs-demo columns">
               <div class="column col-xs-12">
                 <ul class="pagination">
@@ -304,21 +293,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/panels.html b/docs/components/panels.html
index e510a91..2a877e2 100644
--- a/docs/components/panels.html
+++ b/docs/components/panels.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="panels">
             <h3 class="s-title">Panels<a class="anchor" href="#panels" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Panels are flexible view container with auto-expand content section.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">
@@ -351,21 +340,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/popovers.html b/docs/components/popovers.html
index 1765ce8..d4e6c65 100644
--- a/docs/components/popovers.html
+++ b/docs/components/popovers.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="popovers">
             <h3 class="s-title">Popovers<a class="anchor" href="#popovers" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Popovers are small overlay content containers. Popovers component is built entirely in CSS.</p>
             <div class="docs-demo columns">
               <div class="column col-3 col-sm-6">
@@ -312,21 +301,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/steps.html b/docs/components/steps.html
index 869cd6d..e1b1000 100644
--- a/docs/components/steps.html
+++ b/docs/components/steps.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="steps">
             <h3 class="s-title">Steps<a class="anchor" href="#steps" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Steps are progress indicators of a sequence of task steps.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -259,21 +248,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/tabs.html b/docs/components/tabs.html
index e1b210f..c370eda 100644
--- a/docs/components/tabs.html
+++ b/docs/components/tabs.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="tabs">
             <h3 class="s-title">Tabs<a class="anchor" href="#tabs" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Tabs enable quick switch between different views.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-sm-12">
@@ -318,21 +307,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/tiles.html b/docs/components/tiles.html
index 417c484..981987d 100644
--- a/docs/components/tiles.html
+++ b/docs/components/tiles.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="tiles">
             <h3 class="s-title">Tiles<a class="anchor" href="#tiles" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Tiles are repeatable or embeddable information blocks.</p>
             <div class="docs-demo columns">
               <div class="column col-9 col-sm-12">
@@ -311,21 +300,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/toasts.html b/docs/components/toasts.html
index b21de28..d207cda 100644
--- a/docs/components/toasts.html
+++ b/docs/components/toasts.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="toasts">
             <h3 class="s-title">Toasts<a class="anchor" href="#toasts" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Toasts are used to show alert or information to users.</p>
             <div class="docs-demo columns">
               <div class="column col-9 col-sm-12">
@@ -271,21 +260,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/components/tooltips.html b/docs/components/tooltips.html
index 2fc9264..0e5e11b 100644
--- a/docs/components/tooltips.html
+++ b/docs/components/tooltips.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="tooltips">
             <h3 class="s-title">Tooltips<a class="anchor" href="#tooltips" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Tooltips provide context information labels that appear on hover and focus. Tooltips component is built entirely in CSS.</p>
             <div class="docs-demo columns text-center">
               <div class="column col-xs-12">
@@ -255,21 +244,12 @@ Multiline">left tooltip</button>
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/dist/docs.min.css b/docs/dist/docs.min.css
index ba68e6d..9595b7f 100644
--- a/docs/dist/docs.min.css
+++ b/docs/dist/docs.min.css
@@ -1,1065 +1 @@
-/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
-.version::after {
-  content: "0.5.8";
-}
-
-.off-canvas .off-canvas-toggle {
-  font-size: 1rem;
-  left: 1.5rem;
-  position: fixed;
-  top: 1rem;
-}
-
-.off-canvas .off-canvas-sidebar {
-  width: 12rem;
-}
-
-.off-canvas .off-canvas-content {
-  padding: 0;
-}
-
-.docs-container {
-  min-height: 100vh;
-}
-
-.docs-navbar {
-  height: 3.8rem;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 100;
-}
-
-.docs-navbar .btns {
-  position: absolute;
-  right: 1.5rem;
-  top: 1rem;
-  width: 14rem;
-}
-
-.docs-navbar .algolia-autocomplete {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-}
-
-.docs-sidebar .docs-nav {
-  bottom: 1.5rem;
-  -webkit-overflow-scrolling: touch;
-  overflow-y: auto;
-  padding: .5rem 1.5rem;
-  position: fixed;
-  top: 3.5rem;
-  width: 12rem;
-}
-
-.docs-sidebar .accordion {
-  margin-bottom: .75rem;
-}
-
-.docs-sidebar .accordion input ~ .accordion-header {
-  color: #a6a6a6;
-  font-size: .65rem;
-  font-weight: 600;
-  text-transform: uppercase;
-}
-
-.docs-sidebar .accordion input:checked ~ .accordion-header {
-  color: #b3b2b2;
-}
-
-.docs-sidebar .accordion .menu .menu-item {
-  font-size: .7rem;
-  padding-left: 1rem;
-}
-
-.docs-sidebar .accordion .menu .menu-item > a {
-  background: 0 0;
-  color: #404040;
-  display: inline-block;
-}
-
-.docs-content {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0 4rem;
-  width: calc(100vw - 12rem);
-}
-
-.docs-content > .container {
-  margin-left: 0;
-  max-width: 800px;
-  padding-bottom: 1.5rem;
-}
-
-.docs-content .anchor {
-  color: #6362dc;
-  display: none;
-  margin-left: .2rem;
-  padding: 0 .2rem;
-}
-
-.docs-content .anchor:focus,
-.docs-content .anchor:hover {
-  display: inline;
-  text-decoration: none;
-}
-
-.docs-content .s-subtitle,
-.docs-content .s-title {
-  line-height: 1.8rem;
-  margin-bottom: 0;
-  padding-bottom: 1rem;
-  padding-top: 1rem;
-  position: static;
-}
-
-@supports ((position: -webkit-sticky) or (position: sticky)) {
-  .docs-content .s-subtitle,
-  .docs-content .s-title {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
-    z-index: 99;
-  }
-  .docs-content .s-subtitle::before,
-  .docs-content .s-title::before {
-    background: #000;
-    bottom: 0;
-    content: "";
-    display: block;
-    left: -10px;
-    position: absolute;
-    right: -10px;
-    top: -5px;
-    z-index: -1;
-  }
-}
-
-.docs-content .s-subtitle:hover .anchor,
-.docs-content .s-title:hover .anchor {
-  display: inline;
-}
-
-.docs-content .s-subtitle + .docs-note,
-.docs-content .s-title + .docs-note {
-  margin-top: .4rem;
-}
-
-.docs-content .docs-demo {
-  padding-bottom: 1rem;
-  padding-top: 1rem;
-}
-
-.docs-content .docs-demo .card {
-  border: 0;
-  box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .15);
-  height: 100%;
-}
-
-.docs-content .column {
-  padding: .4rem;
-}
-
-.docs-content .docs-block {
-  border-radius: .1rem;
-  padding: .4rem;
-}
-
-.docs-content .docs-block.bg-gray {
-  background: #050505;
-}
-
-.docs-content .docs-shape {
-  height: 4.8rem;
-  line-height: 1.2rem;
-  padding: 1.8rem 0;
-  width: 4.8rem;
-}
-
-.docs-content .docs-dot {
-  border-radius: 50%;
-  display: inline-block;
-  height: .5rem;
-  padding: 0;
-  width: .5rem;
-}
-
-.docs-content .docs-table td,
-.docs-content .docs-table th {
-  padding: .75rem .25rem;
-}
-
-.docs-content .docs-color {
-  border-radius: .1rem;
-  margin: .25rem 0;
-  padding: 5rem .5rem .5rem;
-}
-
-.docs-content .docs-color .color-subtitle {
-  font-size: .7rem;
-  opacity: .75;
-}
-
-.docs-content .code .hljs-tag {
-  color: #fff;
-}
-
-.docs-content .code .hljs-comment {
-  color: #8c8c8c;
-}
-
-.docs-content .code .hljs-class,
-.docs-content .code .hljs-number,
-.docs-content .code .hljs-string,
-.docs-content .code .hljs-title {
-  color: #5755d9;
-}
-
-.docs-content .code .hljs-attribute,
-.docs-content .code .hljs-built_in,
-.docs-content .code .hljs-keyword,
-.docs-content .code .hljs-name,
-.docs-content .code .hljs-variable {
-  color: #d73e48;
-}
-
-.docs-content .code .hljs-hexcolor,
-.docs-content .code .hljs-value {
-  color: #fff;
-}
-
-.docs-content .c-select-all {
-  -webkit-user-select: all;
-  -moz-user-select: all;
-  -ms-user-select: all;
-  user-select: all;
-}
-
-.docs-content .panel {
-  height: 75vh;
-}
-
-.docs-content .panel .tile {
-  margin: .75rem 0;
-}
-
-.docs-content .parallax {
-  margin: 2rem auto;
-}
-
-.docs-content .form-autocomplete .menu {
-  position: static;
-}
-
-.docs-content .example-tile-icon {
-  align-content: space-around;
-  align-items: center;
-  background: #5755d9;
-  border-radius: .1rem;
-  color: #000;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-line-pack: distribute;
-  font-size: 1.2rem;
-  height: 2rem;
-  width: 2rem;
-}
-
-.docs-content .example-tile-icon .icon {
-  margin: auto;
-}
-
-.docs-content .comparison-slider {
-  height: auto;
-  padding-bottom: 56.2222%;
-}
-
-.docs-content .comparison-slider .filter-grayscale {
-  filter: grayscale(75%);
-}
-
-.docs-content .off-canvas {
-  position: relative;
-}
-
-.docs-content .off-canvas .off-canvas-toggle {
-  left: .4rem;
-  position: absolute;
-  top: .4rem;
-  z-index: 1;
-}
-
-.docs-brand {
-  color: #5755d9;
-  height: 2rem;
-  left: 1.5rem;
-  position: fixed;
-  top: .85rem;
-}
-
-.docs-brand .docs-logo {
-  align-items: center;
-  border-radius: .1rem;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-align: center;
-  font-size: .7rem;
-  height: 2rem;
-  padding: .2rem;
-  width: auto;
-}
-
-.docs-brand .docs-logo:focus,
-.docs-brand .docs-logo:hover {
-  text-decoration: none;
-}
-
-.docs-brand .docs-logo img {
-  display: inline-block;
-  height: auto;
-  width: 1.6rem;
-}
-
-.docs-brand .docs-logo h2 {
-  display: inline-block;
-  font-size: .8rem;
-  font-weight: 700;
-  line-height: 1.5rem;
-  margin-bottom: 0;
-  margin-left: .5rem;
-  margin-right: .3rem;
-}
-
-.docs-footer {
-  color: #8c8c8c;
-  padding: .5rem;
-}
-
-.docs-footer a {
-  color: #404040;
-}
-
-.docs-ad {
-  background: #0d0d0d;
-  border-radius: .1rem;
-  display: block;
-  margin: 2rem 0;
-  padding: .4rem;
-  position: relative;
-}
-
-.docs-ad ins {
-  line-height: 1;
-  vertical-align: middle;
-}
-
-.docs-ad .carbon-wrap .carbon-img {
-  display: block;
-}
-
-.docs-ad .carbon-wrap .carbon-text {
-  color: #404040;
-  display: block;
-  font-size: .7rem;
-}
-
-.docs-ad .carbon-poweredby {
-  color: #8c8c8c;
-  font-size: .7rem;
-}
-
-.section-hero {
-  padding: 1rem .5rem;
-}
-
-.section-hero .docs-brand {
-  position: absolute;
-  top: .85rem;
-}
-
-.section-hero .docs-brand h2 {
-  color: #5755d9;
-}
-
-.section-hero .column {
-  padding: .4rem;
-}
-
-.section-ads {
-  padding: 1rem .5rem;
-}
-
-.section-updates {
-  padding: 4.5rem .5rem 2.5rem .5rem;
-}
-
-.section-updates .card {
-  border: 0;
-  margin-bottom: 1rem;
-}
-
-.section-features {
-  padding: 4.5rem .5rem;
-}
-
-.section-features .column {
-  padding: .4rem;
-}
-
-.section-footer {
-  color: #8c8c8c;
-  padding: 1.8rem .75rem 1rem;
-  position: relative;
-  z-index: 200;
-}
-
-.section-footer a {
-  color: #404040;
-}
-
-.grid-hero {
-  padding-bottom: 2rem;
-  padding-top: 6rem;
-}
-
-.grid-hero h1 {
-  color: #fff;
-  font-size: 1.6rem;
-  font-weight: 600;
-  margin-bottom: 1.5rem;
-}
-
-.grid-hero h2 {
-  color: #fff;
-  font-size: .9rem;
-  font-weight: 400;
-  line-height: 1.5rem;
-  margin-bottom: 1.5rem;
-}
-
-.grid-hero h2 u {
-  border-bottom: .1rem solid currentColor;
-  padding-bottom: .05rem;
-  text-decoration: none;
-}
-
-.grid-hero .card {
-  background: 0 0;
-  border: 0;
-  color: #fff;
-  padding: .5rem;
-}
-
-.grid-hero .card .card-title {
-  color: #5755d9;
-  font-size: 1rem;
-  font-weight: 700;
-  margin-bottom: 0;
-}
-
-@media (max-width: 960px) {
-  .off-canvas .off-canvas-toggle {
-    z-index: 300;
-  }
-  .off-canvas .off-canvas-content {
-    width: 100%;
-  }
-  .docs-sidebar .docs-brand {
-    margin: .85rem 1.5rem;
-    padding: 0;
-    position: static;
-  }
-  .docs-sidebar .docs-nav {
-    margin-top: 1rem;
-    position: static;
-  }
-  .docs-sidebar .menu .menu-item > a {
-    padding: .3rem .4rem;
-  }
-  .docs-navbar {
-    -webkit-backdrop-filter: blur(5px);
-    backdrop-filter: blur(5px);
-    background: rgba(13, 13, 13, .65);
-    left: 0;
-  }
-  .docs-content {
-    min-width: auto;
-    padding: 0 1.5rem;
-    width: 100%;
-  }
-  .docs-content .s-subtitle,
-  .docs-content .s-title {
-    padding-top: 5rem;
-    position: static;
-  }
-  .docs-content .s-subtitle::before,
-  .docs-content .s-title::before {
-    content: none;
-  }
-  .section-hero .s-brand {
-    height: 5rem;
-    padding: 1.5rem .5rem;
-    text-align: center;
-    width: 100%;
-  }
-  .section-hero .s-brand .s-logo {
-    height: auto;
-  }
-  .section-hero .s-brand img {
-    height: 3.2rem;
-    width: 3.2rem;
-  }
-  .section-hero .s-brand h2 {
-    display: none;
-  }
-}
-
-@media (max-width: 600px) {
-  .grid-hero h2 {
-    font-size: .9rem;
-  }
-  .grid-hero .card {
-    padding: 0;
-  }
-  .off-canvas .off-canvas-toggle {
-    left: .5rem;
-  }
-  .docs-navbar .btns {
-    right: .9rem;
-  }
-  .grid-hero .docs-brand {
-    left: .9rem;
-  }
-  .docs-sidebar .docs-brand {
-    margin: .85rem 1rem;
-  }
-  .docs-sidebar .docs-nav {
-    padding: .5rem 1rem;
-  }
-  .docs-content {
-    padding: 0 .5rem;
-  }
-  .docs-content .docs-block {
-    padding: .4rem .1rem;
-  }
-}
-
-@media (min-width: 1366px) {
-  .docs-ad.docs-ad-sidebar {
-    bottom: 1rem;
-    margin: 0;
-    position: fixed;
-    right: 1rem;
-    width: 7.3rem;
-  }
-}
-
-.searchbox {
-  box-sizing: border-box;
-  display: inline-block;
-  height: 32px !important;
-  position: relative;
-  visibility: visible !important;
-  white-space: nowrap;
-  width: 200px;
-}
-
-.searchbox .algolia-autocomplete {
-  display: block;
-  height: 100%;
-  width: 100%;
-}
-
-.searchbox__wrapper {
-  height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 999;
-}
-
-.searchbox__input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: #fff !important;
-  border: 0;
-  border-radius: 16px;
-  box-shadow: inset 0 0 0 1px #ccc;
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 12px;
-  height: 100%;
-  padding: 0 26px 0 32px;
-  transition: box-shadow .4s ease,background .4s ease;
-  vertical-align: middle;
-  white-space: normal;
-  width: 100%;
-}
-
-.searchbox__input::-webkit-search-cancel-button,
-.searchbox__input::-webkit-search-decoration,
-.searchbox__input::-webkit-search-results-button,
-.searchbox__input::-webkit-search-results-decoration {
-  display: none;
-}
-
-.searchbox__input:hover {
-  box-shadow: inset 0 0 0 1px #b3b3b3;
-}
-
-.searchbox__input:active,
-.searchbox__input:focus {
-  background: #fff;
-  box-shadow: inset 0 0 0 1px #aaa;
-  outline: 0;
-}
-
-.searchbox__input:-ms-input-placeholder {
-  color: #aaa;
-}
-
-.searchbox__input::-ms-input-placeholder {
-  color: #aaa;
-}
-
-.searchbox__input::placeholder {
-  color: #aaa;
-}
-
-.searchbox__submit {
-  background-color: rgba(69, 142, 225, 0);
-  border: 0;
-  border-radius: 16px 0 0 16px;
-  font-size: inherit;
-  height: 100%;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: inherit;
-  text-align: center;
-  top: 0;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 32px;
-}
-
-.searchbox__submit:before {
-  content: "";
-  display: inline-block;
-  height: 100%;
-  margin-right: -4px;
-  vertical-align: middle;
-}
-
-.searchbox__submit:active,
-.searchbox__submit:hover {
-  cursor: pointer;
-}
-
-.searchbox__submit:focus {
-  outline: 0;
-}
-
-.searchbox__submit svg {
-  fill: #6d7e96;
-  height: 14px;
-  vertical-align: middle;
-  width: 14px;
-}
-
-.searchbox__reset {
-  background: 0 0;
-  border: 0;
-  cursor: pointer;
-  display: block;
-  fill: rgba(0, 0, 0, .5);
-  font-size: inherit;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 8px;
-  top: 8px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.searchbox__reset.hide {
-  display: none;
-}
-
-.searchbox__reset:focus {
-  outline: 0;
-}
-
-.searchbox__reset svg {
-  display: block;
-  height: 8px;
-  margin: 4px;
-  width: 8px;
-}
-
-.searchbox__input:valid ~ .searchbox__reset {
-  animation-duration: .15s;
-  animation-name: sbx-reset-in;
-  display: block;
-}
-
-@keyframes sbx-reset-in {
-  0% {
-    opacity: 0;
-    transform: translate3d(-20%, 0, 0);
-  }
-  to {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
-  left: inherit !important;
-  right: 0 !important;
-}
-
-.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before {
-  right: 48px;
-}
-
-.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu {
-  left: 0 !important;
-  right: inherit !important;
-}
-
-.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before {
-  left: 48px;
-}
-
-.algolia-autocomplete .ds-dropdown-menu {
-  background: 0 0;
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 .05rem .2rem rgba(0, 0, 0, .3);
-  height: auto;
-  margin: 6px 0 0;
-  max-width: 600px;
-  min-width: 500px;
-  padding: 0;
-  position: relative;
-  text-align: left;
-  top: -6px;
-  z-index: 999;
-}
-
-.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {
-  margin-top: 8px;
-  position: relative;
-  z-index: 1000;
-}
-
-.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover {
-  text-decoration: none;
-}
-
-.algolia-autocomplete .ds-dropdown-menu .ds-suggestion {
-  cursor: pointer;
-}
-
-.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,
-.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {
-  background-color: rgba(87, 85, 217, .05);
-}
-
-.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
-  background: #fff;
-  border-radius: 4px;
-  overflow: auto;
-  padding: 0 8px 8px;
-  position: relative;
-}
-
-.algolia-autocomplete .ds-dropdown-menu * {
-  box-sizing: border-box;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion {
-  background: #fff;
-  color: #000;
-  display: block;
-  overflow: hidden;
-  padding: 0 8px;
-  position: relative;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
-  background: rgba(87, 85, 217, .1);
-  color: #5755d9;
-  padding: .1em .05em;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,
-.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight {
-  background: inherit;
-  box-shadow: inset 0 -2px 0 0 rgba(87, 85, 217, .8);
-  color: inherit;
-  padding: 0 0 1px;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-  background: inherit;
-  box-shadow: inset 0 -2px 0 0 rgba(87, 85, 217, .8);
-  color: inherit;
-  padding: 0 0 1px;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--content {
-  cursor: pointer;
-  display: block;
-  float: right;
-  padding: 5.33333px 0 5.33333px 10.66667px;
-  position: relative;
-  width: 70%;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--content:before {
-  background: #bfbfbf;
-  content: "";
-  display: block;
-  height: 100%;
-  left: -1px;
-  position: absolute;
-  top: 0;
-  width: 1px;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
-  border-bottom: 1px solid #bfbfbf;
-  color: #000;
-  display: none;
-  font-size: 1em;
-  margin-top: 8px;
-  padding: 4px 0;
-  position: relative;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {
-  float: left;
-  padding: 8px 0 0;
-  width: 100%;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
-  color: #8c8c8c;
-  float: left;
-  font-size: .9em;
-  padding: 5.33333px 10.66667px;
-  position: relative;
-  text-align: right;
-  width: 30%;
-  word-wrap: break-word;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before {
-  background: #bfbfbf;
-  content: "";
-  display: block;
-  height: 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 1px;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline {
-  display: none;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--title {
-  color: #000;
-  font-size: .9em;
-  font-weight: 700;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--text {
-  color: #404040;
-  display: block;
-  font-size: .85em;
-  line-height: 1.2em;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--no-results {
-  font-size: 1.2em;
-  padding: 8px 0;
-  text-align: center;
-  width: 100%;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before {
-  display: none;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion code {
-  background-color: #ebebeb;
-  border: none;
-  border-radius: 3px;
-  color: #222;
-  font-family: Menlo,Monaco,Consolas,Courier New,monospace;
-  font-size: 90%;
-  padding: 1px 5px;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight {
-  background: 0 0;
-}
-
-.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,
-.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary {
-  display: block;
-}
-
-.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion {
-  border-bottom: 1px solid #eee;
-  margin: 0;
-  padding: 8px;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content {
-  padding: 0;
-  width: 100%;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before {
-  display: none;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header {
-  border: none;
-  display: block;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0 {
-  font-size: .85em;
-  opacity: .6;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1 {
-  font-size: .85em;
-  opacity: .6;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before {
-  background-image: url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"10\" viewBox=\"0 0 20 38\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.49 4.31l14 16.126.002-2.624-14 16.074-1.314 1.51 3.017 2.626 1.313-1.508 14-16.075 1.142-1.313-1.14-1.313-14-16.125L3.2.18.18 2.8l1.31 1.51z\" fill-rule=\"evenodd\" fill=\"%231D3657\" /></svg>");
-  content: "";
-  display: inline-block;
-  height: 10px;
-  width: 10px;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper {
-  float: left;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline {
-  display: none !important;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title {
-  color: #458ee1;
-  font-size: .9em;
-  font-weight: 400;
-  margin: 0;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before {
-  color: #458ee1;
-  content: "#";
-  display: inline-block;
-  font-weight: 700;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text {
-  background: #f8f8f8;
-  display: block;
-  font-size: .85em;
-  line-height: 1.4em;
-  margin: 4px 0 0;
-  opacity: .8;
-  padding: 5.33333px 8px;
-}
-
-.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-  box-shadow: none;
-  color: #3f4145;
-  font-weight: 700;
-}
-
-.algolia-autocomplete .algolia-docsearch-footer {
-  float: right;
-  font-size: 0;
-  height: 20px;
-  line-height: 0;
-  margin-top: 10.66667px;
-  width: 134px;
-  z-index: 2000;
-}
-
-.algolia-autocomplete .algolia-docsearch-footer--logo {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
-  background-position: 50%;
-  background-repeat: no-repeat;
-  background-size: 100%;
-  display: block;
-  height: 100%;
-  overflow: hidden;
-  padding: 0 !important;
-  text-indent: -9000px;
-  width: 100%;
-}
-
-@media (min-width: 768px) {
-  .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column {
-    display: block;
-  }
-}
-
-@media (max-width: 768px) {
-  .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column {
-    color: #02060c;
-    display: inline-block;
-    float: left;
-    font-size: .9em;
-    font-weight: 700;
-    opacity: .5;
-    padding: 0;
-    text-align: left;
-    width: auto;
-  }
-  .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before {
-    display: none;
-  }
-  .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after {
-    content: "|";
-  }
-  .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content {
-    display: inline-block;
-    float: left;
-    padding: 0;
-    text-align: left;
-    width: auto;
-  }
-  .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before {
-    display: none;
-  }
-}
\ No newline at end of file
+/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */.version::after{content:"0.5.8"}.off-canvas .off-canvas-toggle{font-size:1rem;left:1.5rem;position:fixed;top:1rem}.off-canvas .off-canvas-sidebar{width:12rem}.off-canvas .off-canvas-content{padding:0}.docs-container{min-height:100vh}.docs-navbar{height:3.8rem;position:fixed;right:0;top:0;z-index:100}.docs-navbar .btns{position:absolute;right:1.5rem;top:1rem;width:14rem}.docs-navbar .algolia-autocomplete{-ms-flex:1 1 auto;flex:1 1 auto}.docs-sidebar .docs-nav{bottom:1.5rem;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:.5rem 1.5rem;position:fixed;top:3.5rem;width:12rem}.docs-sidebar .accordion{margin-bottom:.75rem}.docs-sidebar .accordion input~.accordion-header{color:#a6a6a6;font-size:.65rem;font-weight:600;text-transform:uppercase}.docs-sidebar .accordion input:checked~.accordion-header{color:#b3b2b2}.docs-sidebar .accordion .menu .menu-item{font-size:.7rem;padding-left:1rem}.docs-sidebar .accordion .menu .menu-item>a{background:0 0;color:#404040;display:inline-block}.docs-content{-ms-flex:1 1 auto;flex:1 1 auto;padding:0 4rem;width:calc(100vw - 12rem)}.docs-content>.container{margin-left:0;max-width:800px;padding-bottom:1.5rem}.docs-content .anchor{color:#6362dc;display:none;margin-left:.2rem;padding:0 .2rem}.docs-content .anchor:focus,.docs-content .anchor:hover{display:inline;text-decoration:none}.docs-content .s-subtitle,.docs-content .s-title{line-height:1.8rem;margin-bottom:0;padding-bottom:1rem;padding-top:1rem;position:static}@supports ((position:-webkit-sticky) or (position:sticky)){.docs-content .s-subtitle,.docs-content .s-title{position:-webkit-sticky;position:sticky;top:0;z-index:99}.docs-content .s-subtitle::before,.docs-content .s-title::before{background:#000;bottom:0;content:"";display:block;left:-10px;position:absolute;right:-10px;top:-5px;z-index:-1}}.docs-content .s-subtitle:hover .anchor,.docs-content .s-title:hover .anchor{display:inline}.docs-content .s-subtitle+.docs-note,.docs-content .s-title+.docs-note{margin-top:.4rem}.docs-content .docs-demo{padding-bottom:1rem;padding-top:1rem}.docs-content .docs-demo .card{border:0;box-shadow:0 .25rem 1rem rgba(0,0,0,.15);height:100%}.docs-content .column{padding:.4rem}.docs-content .docs-block{border-radius:.1rem;padding:.4rem}.docs-content .docs-block.bg-gray{background:#050505}.docs-content .docs-shape{height:4.8rem;line-height:1.2rem;padding:1.8rem 0;width:4.8rem}.docs-content .docs-dot{border-radius:50%;display:inline-block;height:.5rem;padding:0;width:.5rem}.docs-content .docs-table td,.docs-content .docs-table th{padding:.75rem .25rem}.docs-content .docs-color{border-radius:.1rem;margin:.25rem 0;padding:5rem .5rem .5rem}.docs-content .docs-color .color-subtitle{font-size:.7rem;opacity:.75}.docs-content .code .hljs-tag{color:#fff}.docs-content .code .hljs-comment{color:#8c8c8c}.docs-content .code .hljs-class,.docs-content .code .hljs-number,.docs-content .code .hljs-string,.docs-content .code .hljs-title{color:#5755d9}.docs-content .code .hljs-attribute,.docs-content .code .hljs-built_in,.docs-content .code .hljs-keyword,.docs-content .code .hljs-name,.docs-content .code .hljs-variable{color:#d73e48}.docs-content .code .hljs-hexcolor,.docs-content .code .hljs-value{color:#fff}.docs-content .c-select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.docs-content .panel{height:75vh}.docs-content .panel .tile{margin:.75rem 0}.docs-content .parallax{margin:2rem auto}.docs-content .form-autocomplete .menu{position:static}.docs-content .example-tile-icon{align-content:space-around;align-items:center;background:#5755d9;border-radius:.1rem;color:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-line-pack:distribute;font-size:1.2rem;height:2rem;width:2rem}.docs-content .example-tile-icon .icon{margin:auto}.docs-content .comparison-slider{height:auto;padding-bottom:56.2222%}.docs-content .comparison-slider .filter-grayscale{filter:grayscale(75%)}.docs-content .off-canvas{position:relative}.docs-content .off-canvas .off-canvas-toggle{left:.4rem;position:absolute;top:.4rem;z-index:1}.docs-brand{color:#5755d9;height:2rem;left:1.5rem;position:fixed;top:.85rem}.docs-brand .docs-logo{align-items:center;border-radius:.1rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:.7rem;height:2rem;padding:.2rem;width:auto}.docs-brand .docs-logo:focus,.docs-brand .docs-logo:hover{text-decoration:none}.docs-brand .docs-logo img{display:inline-block;height:auto;width:1.6rem}.docs-brand .docs-logo h2{display:inline-block;font-size:.8rem;font-weight:700;line-height:1.5rem;margin-bottom:0;margin-left:.5rem;margin-right:.3rem}.docs-footer{color:#8c8c8c;padding:.5rem}.docs-footer a{color:#404040}.docs-ad{background:#0d0d0d;border-radius:.1rem;display:block;margin:2rem 0;padding:.4rem;position:relative}.docs-ad ins{line-height:1;vertical-align:middle}.docs-ad .carbon-wrap .carbon-img{display:block}.docs-ad .carbon-wrap .carbon-text{color:#404040;display:block;font-size:.7rem}.docs-ad .carbon-poweredby{color:#8c8c8c;font-size:.7rem}.section-hero{padding:1rem .5rem}.section-hero .docs-brand{position:absolute;top:.85rem}.section-hero .docs-brand h2{color:#5755d9}.section-hero .column{padding:.4rem}.section-ads{padding:1rem .5rem}.section-updates{padding:4.5rem .5rem 2.5rem .5rem}.section-updates .card{border:0;margin-bottom:1rem}.section-features{padding:4.5rem .5rem}.section-features .column{padding:.4rem}.section-footer{color:#8c8c8c;padding:1.8rem .75rem 1rem;position:relative;z-index:200}.section-footer a{color:#404040}.grid-hero{padding-bottom:2rem;padding-top:6rem}.grid-hero h1{color:#fff;font-size:1.6rem;font-weight:600;margin-bottom:1.5rem}.grid-hero h2{color:#fff;font-size:.9rem;font-weight:400;line-height:1.5rem;margin-bottom:1.5rem}.grid-hero h2 u{border-bottom:.1rem solid currentColor;padding-bottom:.05rem;text-decoration:none}.grid-hero .card{background:0 0;border:0;color:#fff;padding:.5rem}.grid-hero .card .card-title{color:#5755d9;font-size:1rem;font-weight:700;margin-bottom:0}@media (max-width:960px){.off-canvas .off-canvas-toggle{z-index:300}.off-canvas .off-canvas-content{width:100%}.docs-sidebar .docs-brand{margin:.85rem 1.5rem;padding:0;position:static}.docs-sidebar .docs-nav{margin-top:1rem;position:static}.docs-sidebar .menu .menu-item>a{padding:.3rem .4rem}.docs-navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(13,13,13,.65);left:0}.docs-content{min-width:auto;padding:0 1.5rem;width:100%}.docs-content .s-subtitle,.docs-content .s-title{padding-top:5rem;position:static}.docs-content .s-subtitle::before,.docs-content .s-title::before{content:none}.section-hero .s-brand{height:5rem;padding:1.5rem .5rem;text-align:center;width:100%}.section-hero .s-brand .s-logo{height:auto}.section-hero .s-brand img{height:3.2rem;width:3.2rem}.section-hero .s-brand h2{display:none}}@media (max-width:600px){.grid-hero h2{font-size:.9rem}.grid-hero .card{padding:0}.off-canvas .off-canvas-toggle{left:.5rem}.docs-navbar .btns{right:.9rem}.grid-hero .docs-brand{left:.9rem}.docs-sidebar .docs-brand{margin:.85rem 1rem}.docs-sidebar .docs-nav{padding:.5rem 1rem}.docs-content{padding:0 .5rem}.docs-content .docs-block{padding:.4rem .1rem}}@media (min-width:1366px){.docs-ad.docs-ad-sidebar{bottom:1rem;margin:0;position:fixed;right:1rem;width:7.3rem}}.searchbox{box-sizing:border-box;display:inline-block;height:32px!important;position:relative;visibility:visible!important;white-space:nowrap;width:200px}.searchbox .algolia-autocomplete{display:block;height:100%;width:100%}.searchbox__wrapper{height:100%;position:relative;width:100%;z-index:999}.searchbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff!important;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;box-sizing:border-box;display:inline-block;font-size:12px;height:100%;padding:0 26px 0 32px;transition:box-shadow .4s ease,background .4s ease;vertical-align:middle;white-space:normal;width:100%}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{background:#fff;box-shadow:inset 0 0 0 1px #aaa;outline:0}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{background-color:rgba(69,142,225,0);border:0;border-radius:16px 0 0 16px;font-size:inherit;height:100%;left:0;margin:0;padding:0;position:absolute;right:inherit;text-align:center;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:32px}.searchbox__submit:before{content:"";display:inline-block;height:100%;margin-right:-4px;vertical-align:middle}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{fill:#6d7e96;height:14px;vertical-align:middle;width:14px}.searchbox__reset{background:0 0;border:0;cursor:pointer;display:block;fill:rgba(0,0,0,.5);font-size:inherit;margin:0;padding:0;position:absolute;right:8px;top:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;height:8px;margin:4px;width:8px}.searchbox__input:valid~.searchbox__reset{animation-duration:.15s;animation-name:sbx-reset-in;display:block}@keyframes sbx-reset-in{0%{opacity:0;transform:translate3d(-20%,0,0)}to{opacity:1;transform:none}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{left:inherit!important;right:0!important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0!important;right:inherit!important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{background:0 0;border:none;border-radius:4px;box-shadow:0 .05rem .2rem rgba(0,0,0,.3);height:auto;margin:6px 0 0;max-width:600px;min-width:500px;padding:0;position:relative;text-align:left;top:-6px;z-index:999}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:8px;position:relative;z-index:1000}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(87,85,217,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px;position:relative}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{background:#fff;color:#000;display:block;overflow:hidden;padding:0 8px;position:relative}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{background:rgba(87,85,217,.1);color:#5755d9;padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight{background:inherit;box-shadow:inset 0 -2px 0 0 rgba(87,85,217,.8);color:inherit;padding:0 0 1px}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{background:inherit;box-shadow:inset 0 -2px 0 0 rgba(87,85,217,.8);color:inherit;padding:0 0 1px}.algolia-autocomplete .algolia-docsearch-suggestion--content{cursor:pointer;display:block;float:right;padding:5.33333px 0 5.33333px 10.66667px;position:relative;width:70%}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{background:#bfbfbf;content:"";display:block;height:100%;left:-1px;position:absolute;top:0;width:1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{border-bottom:1px solid #bfbfbf;color:#000;display:none;font-size:1em;margin-top:8px;padding:4px 0;position:relative}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{float:left;padding:8px 0 0;width:100%}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{color:#8c8c8c;float:left;font-size:.9em;padding:5.33333px 10.66667px;position:relative;text-align:right;width:30%;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{background:#bfbfbf;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:1px}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{color:#000;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{color:#404040;display:block;font-size:.85em;line-height:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{font-size:1.2em;padding:8px 0;text-align:center;width:100%}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{background-color:#ebebeb;border:none;border-radius:3px;color:#222;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;padding:1px 5px}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:0 0}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;margin:0;padding:8px}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{padding:0;width:100%}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{border:none;display:block;margin:0;padding:0;width:100%}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0{font-size:.85em;opacity:.6}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{font-size:.85em;opacity:.6}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"10\" viewBox=\"0 0 20 38\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.49 4.31l14 16.126.002-2.624-14 16.074-1.314 1.51 3.017 2.626 1.313-1.508 14-16.075 1.142-1.313-1.14-1.313-14-16.125L3.2.18.18 2.8l1.31 1.51z\" fill-rule=\"evenodd\" fill=\"%231D3657\" /></svg>");content:"";display:inline-block;height:10px;width:10px}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{float:left;margin:0;padding:0;width:100%}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{color:#458ee1;font-size:.9em;font-weight:400;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{color:#458ee1;content:"#";display:inline-block;font-weight:700}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{background:#f8f8f8;display:block;font-size:.85em;line-height:1.4em;margin:4px 0 0;opacity:.8;padding:5.33333px 8px}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:none;color:#3f4145;font-weight:700}.algolia-autocomplete .algolia-docsearch-footer{float:right;font-size:0;height:20px;line-height:0;margin-top:10.66667px;width:134px;z-index:2000}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;display:block;height:100%;overflow:hidden;padding:0!important;text-indent:-9000px;width:100%}@media (min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media (max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{color:#02060c;display:inline-block;float:left;font-size:.9em;font-weight:700;opacity:.5;padding:0;text-align:left;width:auto}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;float:left;padding:0;text-align:left;width:auto}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}
\ No newline at end of file
diff --git a/docs/dist/spectre-rtl.min.css b/docs/dist/spectre-rtl.min.css
index d037aaf..87927d6 100644
--- a/docs/dist/spectre-rtl.min.css
+++ b/docs/dist/spectre-rtl.min.css
@@ -1,4888 +1 @@
-/*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre */
-/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */
-html {
-  font-family: sans-serif;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-}
-
-body {
-  margin: 0;
-}
-
-article,
-aside,
-footer,
-header,
-nav,
-section {
-  display: block;
-}
-
-h1 {
-  font-size: 2em;
-  margin: .67em 0;
-}
-
-figcaption,
-figure,
-main {
-  display: block;
-}
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-a {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-}
-
-a:active,
-a:hover {
-  outline-width: 0;
-}
-
-address {
-  font-style: normal;
-}
-
-b,
-strong {
-  font-weight: inherit;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-family: "SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;
-  font-size: 1em;
-}
-
-dfn {
-  font-style: italic;
-}
-
-small {
-  font-size: 80%;
-  font-weight: 400;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -.25em;
-}
-
-sup {
-  top: -.5em;
-}
-
-audio,
-video {
-  display: inline-block;
-}
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-img {
-  border-style: none;
-}
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  margin: 0;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-[type=reset],
-[type=submit],
-button,
-html [type=button] {
-  -webkit-appearance: button;
-}
-
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner,
-button::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-fieldset {
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-
-progress {
-  display: inline-block;
-  vertical-align: baseline;
-}
-
-textarea {
-  overflow: auto;
-}
-
-[type=checkbox],
-[type=radio] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-[type=number]::-webkit-inner-spin-button,
-[type=number]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-[type=search]::-webkit-search-cancel-button,
-[type=search]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-details,
-menu {
-  display: block;
-}
-
-summary {
-  display: list-item;
-  outline: 0;
-}
-
-canvas {
-  display: inline-block;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}
-
-*,
-::after,
-::before {
-  box-sizing: inherit;
-}
-
-html {
-  box-sizing: border-box;
-  font-size: 20px;
-  line-height: 1.5;
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  background: #000;
-  color: #fff;
-  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
-  font-size: .8rem;
-  overflow-x: hidden;
-  text-rendering: optimizeLegibility;
-}
-
-a {
-  color: #5755d9;
-  outline: 0;
-  text-decoration: none;
-}
-
-a:focus {
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-a.active,
-a:active,
-a:focus,
-a:hover {
-  color: #302ecd;
-  text-decoration: underline;
-}
-
-a:visited {
-  color: #807fe2;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: inherit;
-  font-weight: 500;
-  line-height: 1.2;
-  margin-bottom: .5em;
-  margin-top: 0;
-}
-
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  font-weight: 500;
-}
-
-.h1,
-h1 {
-  font-size: 2rem;
-}
-
-.h2,
-h2 {
-  font-size: 1.6rem;
-}
-
-.h3,
-h3 {
-  font-size: 1.4rem;
-}
-
-.h4,
-h4 {
-  font-size: 1.2rem;
-}
-
-.h5,
-h5 {
-  font-size: 1rem;
-}
-
-.h6,
-h6 {
-  font-size: .8rem;
-}
-
-p {
-  margin: 0 0 1.2rem;
-}
-
-a,
-ins,
-u {
-  -webkit-text-decoration-skip: ink edges;
-  text-decoration-skip: ink edges;
-}
-
-abbr[title] {
-  border-bottom: .05rem dotted;
-  cursor: help;
-  text-decoration: none;
-}
-
-kbd {
-  background: #fff;
-  border-radius: .1rem;
-  color: #000;
-  font-size: .7rem;
-  line-height: 1.25;
-  padding: .1rem .2rem;
-}
-
-mark {
-  background: #fff000;
-  border-bottom: .05rem solid #b3a800;
-  border-radius: .1rem;
-  color: #1a1919;
-  padding: .05rem .1rem 0;
-}
-
-blockquote {
-  border-left: .1rem solid #a6a6a6;
-  margin-left: 0;
-  padding: .4rem .8rem;
-}
-
-blockquote p:last-child {
-  margin-bottom: 0;
-}
-
-ol,
-ul {
-  margin: .8rem 0 .8rem .8rem;
-  padding: 0;
-}
-
-ol ol,
-ol ul,
-ul ol,
-ul ul {
-  margin: .8rem 0 .8rem .8rem;
-}
-
-ol li,
-ul li {
-  margin-top: .4rem;
-}
-
-ul {
-  list-style: disc inside;
-}
-
-ul ul {
-  list-style-type: circle;
-}
-
-ol {
-  list-style: decimal inside;
-}
-
-ol ol {
-  list-style-type: lower-alpha;
-}
-
-dl dt {
-  font-weight: 700;
-}
-
-dl dd {
-  margin: .4rem 0 .8rem 0;
-}
-
-.lang-zh,
-.lang-zh-hans,
-html:lang(zh),
-html:lang(zh-Hans) {
-  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;
-}
-
-.lang-zh-hant,
-html:lang(zh-Hant) {
-  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif;
-}
-
-.lang-ja,
-html:lang(ja) {
-  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif;
-}
-
-.lang-ko,
-html:lang(ko) {
-  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif;
-}
-
-.lang-cjk ins,
-.lang-cjk u,
-:lang(ja) ins,
-:lang(ja) u,
-:lang(zh) ins,
-:lang(zh) u {
-  border-bottom: .05rem solid;
-  text-decoration: none;
-}
-
-.lang-cjk del + del,
-.lang-cjk del + s,
-.lang-cjk ins + ins,
-.lang-cjk ins + u,
-.lang-cjk s + del,
-.lang-cjk s + s,
-.lang-cjk u + ins,
-.lang-cjk u + u,
-:lang(ja) del + del,
-:lang(ja) del + s,
-:lang(ja) ins + ins,
-:lang(ja) ins + u,
-:lang(ja) s + del,
-:lang(ja) s + s,
-:lang(ja) u + ins,
-:lang(ja) u + u,
-:lang(zh) del + del,
-:lang(zh) del + s,
-:lang(zh) ins + ins,
-:lang(zh) ins + u,
-:lang(zh) s + del,
-:lang(zh) s + s,
-:lang(zh) u + ins,
-:lang(zh) u + u {
-  margin-left: .125em;
-}
-
-.table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  text-align: right;
-  width: 100%;
-}
-
-.table.table-striped tbody tr:nth-of-type(odd) {
-  background: #0d0d0d;
-}
-
-.table tbody tr.active,
-.table.table-striped tbody tr.active {
-  background: #050505;
-}
-
-.table.table-hover tbody tr:hover {
-  background: #050505;
-}
-
-.table.table-scroll {
-  display: block;
-  overflow-x: auto;
-  padding-bottom: .75rem;
-  white-space: nowrap;
-}
-
-.table td,
-.table th {
-  border-bottom: .05rem solid #a6a6a6;
-  padding: .6rem .4rem;
-}
-
-.table th {
-  border-bottom-width: .1rem;
-}
-
-.btn {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: #000;
-  border: .05rem solid #5755d9;
-  border-radius: .1rem;
-  color: #5755d9;
-  cursor: pointer;
-  display: inline-block;
-  font-size: .8rem;
-  height: 1.8rem;
-  line-height: 1.2rem;
-  outline: 0;
-  padding: .25rem .4rem;
-  text-align: center;
-  text-decoration: none;
-  transition: background .2s,border .2s,box-shadow .2s,color .2s;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-
-.btn:focus {
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-.btn:focus,
-.btn:hover {
-  background: #f1f1fc;
-  border-color: #4b48d6;
-  text-decoration: none;
-}
-
-.btn.active,
-.btn:active {
-  background: #4b48d6;
-  border-color: #3634d2;
-  color: #000;
-  text-decoration: none;
-}
-
-.btn.active.loading::after,
-.btn:active.loading::after {
-  border-bottom-color: #000;
-  border-left-color: #000;
-}
-
-.btn.disabled,
-.btn:disabled,
-.btn[disabled] {
-  cursor: default;
-  opacity: .5;
-  pointer-events: none;
-}
-
-.btn.btn-primary {
-  background: #5755d9;
-  border-color: #4b48d6;
-  color: #000;
-}
-
-.btn.btn-primary:focus,
-.btn.btn-primary:hover {
-  background: #4240d4;
-  border-color: #3634d2;
-  color: #000;
-}
-
-.btn.btn-primary.active,
-.btn.btn-primary:active {
-  background: #3a38d2;
-  border-color: #302ecd;
-  color: #000;
-}
-
-.btn.btn-primary.loading::after {
-  border-bottom-color: #000;
-  border-left-color: #000;
-}
-
-.btn.btn-success {
-  background: #32b643;
-  border-color: #2faa3f;
-  color: #000;
-}
-
-.btn.btn-success:focus {
-  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
-}
-
-.btn.btn-success:focus,
-.btn.btn-success:hover {
-  background: #30ae40;
-  border-color: #2da23c;
-  color: #000;
-}
-
-.btn.btn-success.active,
-.btn.btn-success:active {
-  background: #2a9a39;
-  border-color: #278e34;
-  color: #000;
-}
-
-.btn.btn-success.loading::after {
-  border-bottom-color: #000;
-  border-left-color: #000;
-}
-
-.btn.btn-error {
-  background: #e85600;
-  border-color: #d95000;
-  color: #000;
-}
-
-.btn.btn-error:focus {
-  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
-}
-
-.btn.btn-error:focus,
-.btn.btn-error:hover {
-  background: #de5200;
-  border-color: #cf4d00;
-  color: #000;
-}
-
-.btn.btn-error.active,
-.btn.btn-error:active {
-  background: #c44900;
-  border-color: #b54300;
-  color: #000;
-}
-
-.btn.btn-error.loading::after {
-  border-bottom-color: #000;
-  border-left-color: #000;
-}
-
-.btn.btn-link {
-  background: 0 0;
-  border-color: transparent;
-  color: #5755d9;
-}
-
-.btn.btn-link.active,
-.btn.btn-link:active,
-.btn.btn-link:focus,
-.btn.btn-link:hover {
-  color: #302ecd;
-}
-
-.btn.btn-sm {
-  font-size: .7rem;
-  height: 1.4rem;
-  padding: .05rem .3rem;
-}
-
-.btn.btn-lg {
-  font-size: .9rem;
-  height: 2rem;
-  padding: .35rem .6rem;
-}
-
-.btn.btn-block {
-  display: block;
-  width: 100%;
-}
-
-.btn.btn-action {
-  padding-left: 0;
-  padding-right: 0;
-  width: 1.8rem;
-}
-
-.btn.btn-action.btn-sm {
-  width: 1.4rem;
-}
-
-.btn.btn-action.btn-lg {
-  width: 2rem;
-}
-
-.btn.btn-clear {
-  background: 0 0;
-  border: 0;
-  color: currentColor;
-  height: 1rem;
-  line-height: .8rem;
-  margin-left: .2rem;
-  margin-right: -2px;
-  opacity: 1;
-  padding: .1rem;
-  text-decoration: none;
-  width: 1rem;
-}
-
-.btn.btn-clear:focus,
-.btn.btn-clear:hover {
-  background: rgba(13, 13, 13, .5);
-  opacity: .95;
-}
-
-.btn.btn-clear::before {
-  content: "\2715";
-}
-
-.btn-group {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
-.btn-group .btn {
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-}
-
-.btn-group .btn:first-child:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.btn-group .btn:not(:first-child):not(:last-child) {
-  border-radius: 0;
-  margin-left: -.05rem;
-}
-
-.btn-group .btn:last-child:not(:first-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  margin-left: -.05rem;
-}
-
-.btn-group .btn.active,
-.btn-group .btn:active,
-.btn-group .btn:focus,
-.btn-group .btn:hover {
-  z-index: 1;
-}
-
-.btn-group.btn-group-block {
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.btn-group.btn-group-block .btn {
-  -ms-flex: 1 0 0;
-  flex: 1 0 0;
-}
-
-.form-group:not(:last-child) {
-  margin-bottom: .4rem;
-}
-
-fieldset {
-  margin-bottom: .8rem;
-}
-
-legend {
-  font-size: .9rem;
-  font-weight: 500;
-  margin-bottom: .8rem;
-}
-
-.form-label {
-  display: block;
-  line-height: 1.2rem;
-  padding: .3rem 0;
-}
-
-.form-label.label-sm {
-  font-size: .7rem;
-  padding: .1rem 0;
-}
-
-.form-label.label-lg {
-  font-size: .9rem;
-  padding: .4rem 0;
-}
-
-.form-input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: #000;
-  background-image: none;
-  border: .05rem solid #8c8c8c;
-  border-radius: .1rem;
-  color: #fff;
-  display: block;
-  font-size: .8rem;
-  height: 1.8rem;
-  line-height: 1.2rem;
-  max-width: 100%;
-  outline: 0;
-  padding: .25rem .4rem;
-  position: relative;
-  transition: background .2s,border .2s,box-shadow .2s,color .2s;
-  width: 100%;
-}
-
-.form-input:focus {
-  border-color: #5755d9;
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-.form-input:-ms-input-placeholder {
-  color: #8c8c8c;
-}
-
-.form-input::-ms-input-placeholder {
-  color: #8c8c8c;
-}
-
-.form-input::placeholder {
-  color: #8c8c8c;
-}
-
-.form-input.input-sm {
-  font-size: .7rem;
-  height: 1.4rem;
-  padding: .05rem .3rem;
-}
-
-.form-input.input-lg {
-  font-size: .9rem;
-  height: 2rem;
-  padding: .35rem .6rem;
-}
-
-.form-input.input-inline {
-  display: inline-block;
-  vertical-align: middle;
-  width: auto;
-}
-
-.form-input[type=file] {
-  height: auto;
-}
-
-textarea.form-input,
-textarea.form-input.input-lg,
-textarea.form-input.input-sm {
-  height: auto;
-}
-
-.form-input-hint {
-  color: #8c8c8c;
-  font-size: .7rem;
-  margin-top: .2rem;
-}
-
-.has-success .form-input-hint,
-.is-success + .form-input-hint {
-  color: #32b643;
-}
-
-.has-error .form-input-hint,
-.is-error + .form-input-hint {
-  color: #e85600;
-}
-
-.form-select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: #000;
-  border: .05rem solid #8c8c8c;
-  border-radius: .1rem;
-  color: inherit;
-  font-size: .8rem;
-  height: 1.8rem;
-  line-height: 1.2rem;
-  outline: 0;
-  padding: .25rem .4rem;
-  vertical-align: middle;
-  width: 100%;
-}
-
-.form-select:focus {
-  border-color: #5755d9;
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-.form-select::-ms-expand {
-  display: none;
-}
-
-.form-select.select-sm {
-  font-size: .7rem;
-  height: 1.4rem;
-  padding: .05rem 1.1rem .05rem .3rem;
-}
-
-.form-select.select-lg {
-  font-size: .9rem;
-  height: 2rem;
-  padding: .35rem 1.4rem .35rem .6rem;
-}
-
-.form-select[multiple],
-.form-select[size] {
-  height: auto;
-  padding: .25rem .4rem;
-}
-
-.form-select[multiple] option,
-.form-select[size] option {
-  padding: .1rem .2rem;
-}
-
-.form-select:not([multiple]):not([size]) {
-  background: #000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
-  padding-right: 1.2rem;
-}
-
-.has-icon-left,
-.has-icon-right {
-  position: relative;
-}
-
-.has-icon-left .form-icon,
-.has-icon-right .form-icon {
-  height: .8rem;
-  margin: 0 .25rem;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  width: .8rem;
-  z-index: 2;
-}
-
-.has-icon-left .form-icon {
-  left: .05rem;
-}
-
-.has-icon-left .form-input {
-  padding-left: 1.3rem;
-}
-
-.has-icon-right .form-icon {
-  right: .05rem;
-}
-
-.has-icon-right .form-input {
-  padding-right: 1.3rem;
-}
-
-.form-checkbox,
-.form-radio,
-.form-switch {
-  display: block;
-  line-height: 1.2rem;
-  margin: .2rem 0;
-  min-height: 1.4rem;
-  padding: .1rem .4rem .1rem 1.2rem;
-  position: relative;
-}
-
-.form-checkbox input,
-.form-radio input,
-.form-switch input {
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  position: absolute;
-  width: 1px;
-}
-
-.form-checkbox input:focus + .form-icon,
-.form-radio input:focus + .form-icon,
-.form-switch input:focus + .form-icon {
-  border-color: #5755d9;
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-.form-checkbox input:checked + .form-icon,
-.form-radio input:checked + .form-icon,
-.form-switch input:checked + .form-icon {
-  background: #5755d9;
-  border-color: #5755d9;
-}
-
-.form-checkbox .form-icon,
-.form-radio .form-icon,
-.form-switch .form-icon {
-  border: .05rem solid #8c8c8c;
-  cursor: pointer;
-  display: inline-block;
-  position: absolute;
-  transition: background .2s,border .2s,box-shadow .2s,color .2s;
-}
-
-.form-checkbox.input-sm,
-.form-radio.input-sm,
-.form-switch.input-sm {
-  font-size: .7rem;
-  margin: 0;
-}
-
-.form-checkbox.input-lg,
-.form-radio.input-lg,
-.form-switch.input-lg {
-  font-size: .9rem;
-  margin: .3rem 0;
-}
-
-.form-checkbox .form-icon,
-.form-radio .form-icon {
-  background: #000;
-  height: .8rem;
-  left: 0;
-  top: .3rem;
-  width: .8rem;
-}
-
-.form-checkbox input:active + .form-icon,
-.form-radio input:active + .form-icon {
-  background: #050505;
-}
-
-.form-checkbox .form-icon {
-  border-radius: .1rem;
-}
-
-.form-checkbox input:checked + .form-icon::before {
-  background-clip: padding-box;
-  border: .1rem solid #000;
-  border-left-width: 0;
-  border-top-width: 0;
-  content: "";
-  height: 9px;
-  left: 50%;
-  margin-left: -3px;
-  margin-top: -6px;
-  position: absolute;
-  top: 50%;
-  transform: rotate(45deg);
-  width: 6px;
-}
-
-.form-checkbox input:indeterminate + .form-icon {
-  background: #5755d9;
-  border-color: #5755d9;
-}
-
-.form-checkbox input:indeterminate + .form-icon::before {
-  background: #000;
-  content: "";
-  height: 2px;
-  left: 50%;
-  margin-left: -5px;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 10px;
-}
-
-.form-radio .form-icon {
-  border-radius: 50%;
-}
-
-.form-radio input:checked + .form-icon::before {
-  background: #000;
-  border-radius: 50%;
-  content: "";
-  height: 6px;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 6px;
-}
-
-.form-switch {
-  padding-left: 2rem;
-}
-
-.form-switch .form-icon {
-  background: #8c8c8c;
-  background-clip: padding-box;
-  border-radius: .45rem;
-  height: .9rem;
-  left: 0;
-  top: .25rem;
-  width: 1.6rem;
-}
-
-.form-switch .form-icon::before {
-  background: #000;
-  border-radius: 50%;
-  content: "";
-  display: block;
-  height: .8rem;
-  left: 0;
-  position: absolute;
-  top: 0;
-  transition: background .2s,border .2s,box-shadow .2s,color .2s,left .2s;
-  width: .8rem;
-}
-
-.form-switch input:checked + .form-icon::before {
-  left: 14px;
-}
-
-.form-switch input:active + .form-icon::before {
-  background: #0d0d0d;
-}
-
-.input-group {
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.input-group .input-group-addon {
-  background: #0d0d0d;
-  border: .05rem solid #8c8c8c;
-  border-radius: .1rem;
-  line-height: 1.2rem;
-  padding: .25rem .4rem;
-  white-space: nowrap;
-}
-
-.input-group .input-group-addon.addon-sm {
-  font-size: .7rem;
-  padding: .05rem .3rem;
-}
-
-.input-group .input-group-addon.addon-lg {
-  font-size: .9rem;
-  padding: .35rem .6rem;
-}
-
-.input-group .form-input,
-.input-group .form-select {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-}
-
-.input-group .input-group-btn {
-  z-index: 1;
-}
-
-.input-group .form-input:first-child:not(:last-child),
-.input-group .form-select:first-child:not(:last-child),
-.input-group .input-group-addon:first-child:not(:last-child),
-.input-group .input-group-btn:first-child:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.input-group .form-input:not(:first-child):not(:last-child),
-.input-group .form-select:not(:first-child):not(:last-child),
-.input-group .input-group-addon:not(:first-child):not(:last-child),
-.input-group .input-group-btn:not(:first-child):not(:last-child) {
-  border-radius: 0;
-  margin-left: -.05rem;
-}
-
-.input-group .form-input:last-child:not(:first-child),
-.input-group .form-select:last-child:not(:first-child),
-.input-group .input-group-addon:last-child:not(:first-child),
-.input-group .input-group-btn:last-child:not(:first-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  margin-left: -.05rem;
-}
-
-.input-group .form-input:focus,
-.input-group .form-select:focus,
-.input-group .input-group-addon:focus,
-.input-group .input-group-btn:focus {
-  z-index: 2;
-}
-
-.input-group .form-select {
-  width: auto;
-}
-
-.input-group.input-inline {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.form-input.is-success,
-.form-select.is-success,
-.has-success .form-input,
-.has-success .form-select {
-  background: #f9fdfa;
-  border-color: #32b643;
-}
-
-.form-input.is-success:focus,
-.form-select.is-success:focus,
-.has-success .form-input:focus,
-.has-success .form-select:focus {
-  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
-}
-
-.form-input.is-error,
-.form-select.is-error,
-.has-error .form-input,
-.has-error .form-select {
-  background: #fffaf7;
-  border-color: #e85600;
-}
-
-.form-input.is-error:focus,
-.form-select.is-error:focus,
-.has-error .form-input:focus,
-.has-error .form-select:focus {
-  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
-}
-
-.form-checkbox.is-error .form-icon,
-.form-radio.is-error .form-icon,
-.form-switch.is-error .form-icon,
-.has-error .form-checkbox .form-icon,
-.has-error .form-radio .form-icon,
-.has-error .form-switch .form-icon {
-  border-color: #e85600;
-}
-
-.form-checkbox.is-error input:checked + .form-icon,
-.form-radio.is-error input:checked + .form-icon,
-.form-switch.is-error input:checked + .form-icon,
-.has-error .form-checkbox input:checked + .form-icon,
-.has-error .form-radio input:checked + .form-icon,
-.has-error .form-switch input:checked + .form-icon {
-  background: #e85600;
-  border-color: #e85600;
-}
-
-.form-checkbox.is-error input:focus + .form-icon,
-.form-radio.is-error input:focus + .form-icon,
-.form-switch.is-error input:focus + .form-icon,
-.has-error .form-checkbox input:focus + .form-icon,
-.has-error .form-radio input:focus + .form-icon,
-.has-error .form-switch input:focus + .form-icon {
-  border-color: #e85600;
-  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
-}
-
-.form-checkbox.is-error input:indeterminate + .form-icon,
-.has-error .form-checkbox input:indeterminate + .form-icon {
-  background: #e85600;
-  border-color: #e85600;
-}
-
-.form-input:not(:placeholder-shown):invalid {
-  border-color: #e85600;
-}
-
-.form-input:not(:placeholder-shown):invalid:focus {
-  background: #fffaf7;
-  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
-}
-
-.form-input:not(:placeholder-shown):invalid + .form-input-hint {
-  color: #e85600;
-}
-
-.form-input.disabled,
-.form-input:disabled,
-.form-select.disabled,
-.form-select:disabled {
-  background-color: #050505;
-  cursor: not-allowed;
-  opacity: .5;
-}
-
-.form-input[readonly] {
-  background-color: #0d0d0d;
-}
-
-input.disabled + .form-icon,
-input:disabled + .form-icon {
-  background: #050505;
-  cursor: not-allowed;
-  opacity: .5;
-}
-
-.form-switch input.disabled + .form-icon::before,
-.form-switch input:disabled + .form-icon::before {
-  background: #000;
-}
-
-.form-horizontal {
-  padding: .4rem 0;
-}
-
-.form-horizontal .form-group {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
-.form-inline {
-  display: inline-block;
-}
-
-.label {
-  background: #050505;
-  border-radius: .1rem;
-  color: #fff;
-  display: inline-block;
-  line-height: 1.25;
-  padding: .1rem .2rem;
-}
-
-.label.label-rounded {
-  border-radius: 5rem;
-  padding-left: .4rem;
-  padding-right: .4rem;
-}
-
-.label.label-primary {
-  background: #5755d9;
-  color: #000;
-}
-
-.label.label-secondary {
-  background: #f1f1fc;
-  color: #5755d9;
-}
-
-.label.label-success {
-  background: #32b643;
-  color: #000;
-}
-
-.label.label-warning {
-  background: #ffb700;
-  color: #000;
-}
-
-.label.label-error {
-  background: #e85600;
-  color: #000;
-}
-
-code {
-  background: #fcf2f2;
-  border-radius: .1rem;
-  color: #d73e48;
-  font-size: 85%;
-  line-height: 1.25;
-  padding: .1rem .2rem;
-}
-
-.code {
-  border-radius: .1rem;
-  color: #fff;
-  position: relative;
-}
-
-.code::before {
-  color: #8c8c8c;
-  content: attr(data-lang);
-  font-size: .7rem;
-  position: absolute;
-  right: .4rem;
-  top: .1rem;
-}
-
-.code code {
-  background: #0d0d0d;
-  color: inherit;
-  display: block;
-  line-height: 1.5;
-  overflow-x: auto;
-  padding: 1rem;
-  width: 100%;
-}
-
-.img-responsive {
-  display: block;
-  height: auto;
-  max-width: 100%;
-}
-
-.img-fit-cover {
-  object-fit: cover;
-}
-
-.img-fit-contain {
-  object-fit: contain;
-}
-
-.video-responsive {
-  display: block;
-  overflow: hidden;
-  padding: 0;
-  position: relative;
-  width: 100%;
-}
-
-.video-responsive::before {
-  content: "";
-  display: block;
-  padding-bottom: 56.25%;
-}
-
-.video-responsive embed,
-.video-responsive iframe,
-.video-responsive object {
-  border: 0;
-  bottom: 0;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 100%;
-}
-
-video.video-responsive {
-  height: auto;
-  max-width: 100%;
-}
-
-video.video-responsive::before {
-  content: none;
-}
-
-.video-responsive-4-3::before {
-  padding-bottom: 75%;
-}
-
-.video-responsive-1-1::before {
-  padding-bottom: 100%;
-}
-
-.figure {
-  margin: 0 0 .4rem 0;
-}
-
-.figure .figure-caption {
-  color: #404040;
-  margin-top: .4rem;
-}
-
-.container {
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: .4rem;
-  padding-right: .4rem;
-  width: 100%;
-}
-
-.container.grid-xl {
-  max-width: 1296px;
-}
-
-.container.grid-lg {
-  max-width: 976px;
-}
-
-.container.grid-md {
-  max-width: 856px;
-}
-
-.container.grid-sm {
-  max-width: 616px;
-}
-
-.container.grid-xs {
-  max-width: 496px;
-}
-
-.show-lg,
-.show-md,
-.show-sm,
-.show-xl,
-.show-xs {
-  display: none !important;
-}
-
-.columns {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-left: -.4rem;
-  margin-right: -.4rem;
-}
-
-.columns.col-gapless {
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.columns.col-gapless > .column {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.columns.col-oneline {
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-}
-
-.column {
-  -ms-flex: 1;
-  flex: 1;
-  max-width: 100%;
-  padding-left: .4rem;
-  padding-right: .4rem;
-}
-
-.column.col-1,
-.column.col-10,
-.column.col-11,
-.column.col-12,
-.column.col-2,
-.column.col-3,
-.column.col-4,
-.column.col-5,
-.column.col-6,
-.column.col-7,
-.column.col-8,
-.column.col-9,
-.column.col-auto {
-  -ms-flex: none;
-  flex: none;
-}
-
-.col-12 {
-  width: 100%;
-}
-
-.col-11 {
-  width: 91.66666667%;
-}
-
-.col-10 {
-  width: 83.33333333%;
-}
-
-.col-9 {
-  width: 75%;
-}
-
-.col-8 {
-  width: 66.66666667%;
-}
-
-.col-7 {
-  width: 58.33333333%;
-}
-
-.col-6 {
-  width: 50%;
-}
-
-.col-5 {
-  width: 41.66666667%;
-}
-
-.col-4 {
-  width: 33.33333333%;
-}
-
-.col-3 {
-  width: 25%;
-}
-
-.col-2 {
-  width: 16.66666667%;
-}
-
-.col-1 {
-  width: 8.33333333%;
-}
-
-.col-auto {
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  max-width: none;
-  width: auto;
-}
-
-.col-mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.col-ml-auto {
-  margin-left: auto;
-}
-
-.col-mr-auto {
-  margin-right: auto;
-}
-
-@media (max-width: 1280px) {
-  .col-xl-1,
-  .col-xl-10,
-  .col-xl-11,
-  .col-xl-12,
-  .col-xl-2,
-  .col-xl-3,
-  .col-xl-4,
-  .col-xl-5,
-  .col-xl-6,
-  .col-xl-7,
-  .col-xl-8,
-  .col-xl-9,
-  .col-xl-auto {
-    -ms-flex: none;
-    flex: none;
-  }
-  .col-xl-12 {
-    width: 100%;
-  }
-  .col-xl-11 {
-    width: 91.66666667%;
-  }
-  .col-xl-10 {
-    width: 83.33333333%;
-  }
-  .col-xl-9 {
-    width: 75%;
-  }
-  .col-xl-8 {
-    width: 66.66666667%;
-  }
-  .col-xl-7 {
-    width: 58.33333333%;
-  }
-  .col-xl-6 {
-    width: 50%;
-  }
-  .col-xl-5 {
-    width: 41.66666667%;
-  }
-  .col-xl-4 {
-    width: 33.33333333%;
-  }
-  .col-xl-3 {
-    width: 25%;
-  }
-  .col-xl-2 {
-    width: 16.66666667%;
-  }
-  .col-xl-1 {
-    width: 8.33333333%;
-  }
-  .col-xl-auto {
-    width: auto;
-  }
-  .hide-xl {
-    display: none !important;
-  }
-  .show-xl {
-    display: block !important;
-  }
-}
-
-@media (max-width: 960px) {
-  .col-lg-1,
-  .col-lg-10,
-  .col-lg-11,
-  .col-lg-12,
-  .col-lg-2,
-  .col-lg-3,
-  .col-lg-4,
-  .col-lg-5,
-  .col-lg-6,
-  .col-lg-7,
-  .col-lg-8,
-  .col-lg-9,
-  .col-lg-auto {
-    -ms-flex: none;
-    flex: none;
-  }
-  .col-lg-12 {
-    width: 100%;
-  }
-  .col-lg-11 {
-    width: 91.66666667%;
-  }
-  .col-lg-10 {
-    width: 83.33333333%;
-  }
-  .col-lg-9 {
-    width: 75%;
-  }
-  .col-lg-8 {
-    width: 66.66666667%;
-  }
-  .col-lg-7 {
-    width: 58.33333333%;
-  }
-  .col-lg-6 {
-    width: 50%;
-  }
-  .col-lg-5 {
-    width: 41.66666667%;
-  }
-  .col-lg-4 {
-    width: 33.33333333%;
-  }
-  .col-lg-3 {
-    width: 25%;
-  }
-  .col-lg-2 {
-    width: 16.66666667%;
-  }
-  .col-lg-1 {
-    width: 8.33333333%;
-  }
-  .col-lg-auto {
-    width: auto;
-  }
-  .hide-lg {
-    display: none !important;
-  }
-  .show-lg {
-    display: block !important;
-  }
-}
-
-@media (max-width: 840px) {
-  .col-md-1,
-  .col-md-10,
-  .col-md-11,
-  .col-md-12,
-  .col-md-2,
-  .col-md-3,
-  .col-md-4,
-  .col-md-5,
-  .col-md-6,
-  .col-md-7,
-  .col-md-8,
-  .col-md-9,
-  .col-md-auto {
-    -ms-flex: none;
-    flex: none;
-  }
-  .col-md-12 {
-    width: 100%;
-  }
-  .col-md-11 {
-    width: 91.66666667%;
-  }
-  .col-md-10 {
-    width: 83.33333333%;
-  }
-  .col-md-9 {
-    width: 75%;
-  }
-  .col-md-8 {
-    width: 66.66666667%;
-  }
-  .col-md-7 {
-    width: 58.33333333%;
-  }
-  .col-md-6 {
-    width: 50%;
-  }
-  .col-md-5 {
-    width: 41.66666667%;
-  }
-  .col-md-4 {
-    width: 33.33333333%;
-  }
-  .col-md-3 {
-    width: 25%;
-  }
-  .col-md-2 {
-    width: 16.66666667%;
-  }
-  .col-md-1 {
-    width: 8.33333333%;
-  }
-  .col-md-auto {
-    width: auto;
-  }
-  .hide-md {
-    display: none !important;
-  }
-  .show-md {
-    display: block !important;
-  }
-}
-
-@media (max-width: 600px) {
-  .col-sm-1,
-  .col-sm-10,
-  .col-sm-11,
-  .col-sm-12,
-  .col-sm-2,
-  .col-sm-3,
-  .col-sm-4,
-  .col-sm-5,
-  .col-sm-6,
-  .col-sm-7,
-  .col-sm-8,
-  .col-sm-9,
-  .col-sm-auto {
-    -ms-flex: none;
-    flex: none;
-  }
-  .col-sm-12 {
-    width: 100%;
-  }
-  .col-sm-11 {
-    width: 91.66666667%;
-  }
-  .col-sm-10 {
-    width: 83.33333333%;
-  }
-  .col-sm-9 {
-    width: 75%;
-  }
-  .col-sm-8 {
-    width: 66.66666667%;
-  }
-  .col-sm-7 {
-    width: 58.33333333%;
-  }
-  .col-sm-6 {
-    width: 50%;
-  }
-  .col-sm-5 {
-    width: 41.66666667%;
-  }
-  .col-sm-4 {
-    width: 33.33333333%;
-  }
-  .col-sm-3 {
-    width: 25%;
-  }
-  .col-sm-2 {
-    width: 16.66666667%;
-  }
-  .col-sm-1 {
-    width: 8.33333333%;
-  }
-  .col-sm-auto {
-    width: auto;
-  }
-  .hide-sm {
-    display: none !important;
-  }
-  .show-sm {
-    display: block !important;
-  }
-}
-
-@media (max-width: 480px) {
-  .col-xs-1,
-  .col-xs-10,
-  .col-xs-11,
-  .col-xs-12,
-  .col-xs-2,
-  .col-xs-3,
-  .col-xs-4,
-  .col-xs-5,
-  .col-xs-6,
-  .col-xs-7,
-  .col-xs-8,
-  .col-xs-9,
-  .col-xs-auto {
-    -ms-flex: none;
-    flex: none;
-  }
-  .col-xs-12 {
-    width: 100%;
-  }
-  .col-xs-11 {
-    width: 91.66666667%;
-  }
-  .col-xs-10 {
-    width: 83.33333333%;
-  }
-  .col-xs-9 {
-    width: 75%;
-  }
-  .col-xs-8 {
-    width: 66.66666667%;
-  }
-  .col-xs-7 {
-    width: 58.33333333%;
-  }
-  .col-xs-6 {
-    width: 50%;
-  }
-  .col-xs-5 {
-    width: 41.66666667%;
-  }
-  .col-xs-4 {
-    width: 33.33333333%;
-  }
-  .col-xs-3 {
-    width: 25%;
-  }
-  .col-xs-2 {
-    width: 16.66666667%;
-  }
-  .col-xs-1 {
-    width: 8.33333333%;
-  }
-  .col-xs-auto {
-    width: auto;
-  }
-  .hide-xs {
-    display: none !important;
-  }
-  .show-xs {
-    display: block !important;
-  }
-}
-
-.hero {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  padding-bottom: 4rem;
-  padding-top: 4rem;
-}
-
-.hero.hero-sm {
-  padding-bottom: 2rem;
-  padding-top: 2rem;
-}
-
-.hero.hero-lg {
-  padding-bottom: 8rem;
-  padding-top: 8rem;
-}
-
-.hero .hero-body {
-  padding: .4rem;
-}
-
-.navbar {
-  align-items: stretch;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: stretch;
-  -ms-flex-pack: justify;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.navbar .navbar-section {
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 1 0 0;
-  flex: 1 0 0;
-  -ms-flex-align: center;
-}
-
-.navbar .navbar-section:not(:first-child):last-child {
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-}
-
-.navbar .navbar-center {
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -ms-flex-align: center;
-}
-
-.navbar .navbar-brand {
-  font-size: .9rem;
-  text-decoration: none;
-}
-
-.accordion input:checked ~ .accordion-header .icon,
-.accordion[open] .accordion-header .icon {
-  transform: rotate(90deg);
-}
-
-.accordion input:checked ~ .accordion-body,
-.accordion[open] .accordion-body {
-  max-height: 50rem;
-}
-
-.accordion .accordion-header {
-  display: block;
-  padding: .2rem .4rem;
-}
-
-.accordion .accordion-header .icon {
-  transition: transform .25s;
-}
-
-.accordion .accordion-body {
-  margin-bottom: .4rem;
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height .25s;
-}
-
-summary.accordion-header::-webkit-details-marker {
-  display: none;
-}
-
-.avatar {
-  background: #5755d9;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, .85);
-  display: inline-block;
-  font-size: .8rem;
-  font-weight: 300;
-  height: 1.6rem;
-  line-height: 1.25;
-  margin: 0;
-  position: relative;
-  vertical-align: middle;
-  width: 1.6rem;
-}
-
-.avatar.avatar-xs {
-  font-size: .4rem;
-  height: .8rem;
-  width: .8rem;
-}
-
-.avatar.avatar-sm {
-  font-size: .6rem;
-  height: 1.2rem;
-  width: 1.2rem;
-}
-
-.avatar.avatar-lg {
-  font-size: 1.2rem;
-  height: 2.4rem;
-  width: 2.4rem;
-}
-
-.avatar.avatar-xl {
-  font-size: 1.6rem;
-  height: 3.2rem;
-  width: 3.2rem;
-}
-
-.avatar img {
-  border-radius: 50%;
-  height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 1;
-}
-
-.avatar .avatar-icon,
-.avatar .avatar-presence {
-  background: #000;
-  bottom: 14.64%;
-  height: 50%;
-  padding: .1rem;
-  position: absolute;
-  right: 14.64%;
-  transform: translate(50%, 50%);
-  width: 50%;
-  z-index: 2;
-}
-
-.avatar .avatar-presence {
-  background: #8c8c8c;
-  border-radius: 50%;
-  box-shadow: 0 0 0 .1rem #000;
-  height: .5em;
-  width: .5em;
-}
-
-.avatar .avatar-presence.online {
-  background: #32b643;
-}
-
-.avatar .avatar-presence.busy {
-  background: #e85600;
-}
-
-.avatar .avatar-presence.away {
-  background: #ffb700;
-}
-
-.avatar[data-initial]::before {
-  color: currentColor;
-  content: attr(data-initial);
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-}
-
-.badge {
-  position: relative;
-  white-space: nowrap;
-}
-
-.badge:not([data-badge])::after,
-.badge[data-badge]::after {
-  background: #5755d9;
-  background-clip: padding-box;
-  border-radius: .5rem;
-  box-shadow: 0 0 0 .1rem #000;
-  color: #000;
-  content: attr(data-badge);
-  display: inline-block;
-  transform: translate(-.05rem, -.5rem);
-}
-
-.badge[data-badge]::after {
-  font-size: .7rem;
-  height: .9rem;
-  line-height: 1;
-  min-width: .9rem;
-  padding: .1rem .2rem;
-  text-align: center;
-  white-space: nowrap;
-}
-
-.badge:not([data-badge])::after,
-.badge[data-badge=""]::after {
-  height: 6px;
-  min-width: 6px;
-  padding: 0;
-  width: 6px;
-}
-
-.badge.btn::after {
-  position: absolute;
-  right: 0;
-  top: 0;
-  transform: translate(50%, -50%);
-}
-
-.badge.avatar::after {
-  position: absolute;
-  right: 14.64%;
-  top: 14.64%;
-  transform: translate(50%, -50%);
-  z-index: 100;
-}
-
-.breadcrumb {
-  list-style: none;
-  margin: .2rem 0;
-  padding: .2rem 0;
-}
-
-.breadcrumb .breadcrumb-item {
-  color: #404040;
-  display: inline-block;
-  margin: 0;
-  padding: .2rem 0;
-}
-
-.breadcrumb .breadcrumb-item:not(:last-child) {
-  margin-right: .2rem;
-}
-
-.breadcrumb .breadcrumb-item:not(:last-child) a {
-  color: #404040;
-}
-
-.breadcrumb .breadcrumb-item:not(:first-child)::before {
-  color: #404040;
-  content: "/";
-  padding-right: .4rem;
-}
-
-.bar {
-  background: #050505;
-  border-radius: .1rem;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  height: .8rem;
-  width: 100%;
-}
-
-.bar.bar-sm {
-  height: .2rem;
-}
-
-.bar .bar-item {
-  background: #5755d9;
-  color: #000;
-  display: block;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  font-size: .7rem;
-  height: 100%;
-  line-height: .8rem;
-  position: relative;
-  text-align: center;
-  width: 0;
-}
-
-.bar .bar-item:first-child {
-  border-bottom-left-radius: .1rem;
-  border-top-left-radius: .1rem;
-}
-
-.bar .bar-item:last-child {
-  border-bottom-right-radius: .1rem;
-  border-top-right-radius: .1rem;
-  -ms-flex-negative: 1;
-  flex-shrink: 1;
-}
-
-.bar-slider {
-  height: .1rem;
-  margin: .4rem 0;
-  position: relative;
-}
-
-.bar-slider .bar-item {
-  left: 0;
-  padding: 0;
-  position: absolute;
-}
-
-.bar-slider .bar-item:not(:last-child):first-child {
-  background: #050505;
-  z-index: 1;
-}
-
-.bar-slider .bar-slider-btn {
-  background: #5755d9;
-  border: 0;
-  border-radius: 50%;
-  height: .6rem;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translate(50%, -50%);
-  width: .6rem;
-}
-
-.bar-slider .bar-slider-btn:active {
-  box-shadow: 0 0 0 .1rem #5755d9;
-}
-
-.card {
-  background: #000;
-  border: .05rem solid #a6a6a6;
-  border-radius: .1rem;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.card .card-body,
-.card .card-footer,
-.card .card-header {
-  padding: .8rem;
-  padding-bottom: 0;
-}
-
-.card .card-body:last-child,
-.card .card-footer:last-child,
-.card .card-header:last-child {
-  padding-bottom: .8rem;
-}
-
-.card .card-body {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-}
-
-.card .card-image {
-  padding-top: .8rem;
-}
-
-.card .card-image:first-child {
-  padding-top: 0;
-}
-
-.card .card-image:first-child img {
-  border-top-left-radius: .1rem;
-  border-top-right-radius: .1rem;
-}
-
-.card .card-image:last-child img {
-  border-bottom-left-radius: .1rem;
-  border-bottom-right-radius: .1rem;
-}
-
-.chip {
-  align-items: center;
-  background: #050505;
-  border-radius: 5rem;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-align: center;
-  font-size: 90%;
-  height: 1.2rem;
-  line-height: .8rem;
-  margin: .1rem;
-  max-width: 320px;
-  overflow: hidden;
-  padding: .2rem .4rem;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-
-.chip.active {
-  background: #5755d9;
-  color: #000;
-}
-
-.chip .avatar {
-  margin-left: -.4rem;
-  margin-right: .2rem;
-}
-
-.chip .btn-clear {
-  border-radius: 50%;
-  transform: scale(.75);
-}
-
-.dropdown {
-  display: inline-block;
-  position: relative;
-}
-
-.dropdown .menu {
-  animation: slide-down .15s ease 1;
-  display: none;
-  left: 0;
-  max-height: 50vh;
-  overflow-y: auto;
-  position: absolute;
-  top: 100%;
-}
-
-.dropdown.dropdown-right .menu {
-  left: auto;
-  right: 0;
-}
-
-.dropdown .dropdown-toggle:focus + .menu,
-.dropdown .menu:hover,
-.dropdown.active .menu {
-  display: block;
-}
-
-.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
-  border-bottom-right-radius: .1rem;
-  border-top-right-radius: .1rem;
-}
-
-.empty {
-  background: #0d0d0d;
-  border-radius: .1rem;
-  color: #404040;
-  padding: 3.2rem 1.6rem;
-  text-align: center;
-}
-
-.empty .empty-icon {
-  margin-bottom: .8rem;
-}
-
-.empty .empty-subtitle,
-.empty .empty-title {
-  margin: .4rem auto;
-}
-
-.empty .empty-action {
-  margin-top: .8rem;
-}
-
-.menu {
-  background: #000;
-  border-radius: .1rem;
-  box-shadow: 0 .05rem .2rem rgba(0, 0, 0, .3);
-  list-style: none;
-  margin: 0;
-  min-width: 180px;
-  padding: .4rem;
-  transform: translateY(.2rem);
-  z-index: 300;
-}
-
-.menu.menu-nav {
-  background: 0 0;
-  box-shadow: none;
-}
-
-.menu .menu-item {
-  margin-top: 0;
-  padding: 0 .4rem;
-  position: relative;
-  text-decoration: none;
-}
-
-.menu .menu-item > a {
-  border-radius: .1rem;
-  color: inherit;
-  display: block;
-  margin: 0 -.4rem;
-  padding: .2rem .4rem;
-  text-decoration: none;
-}
-
-.menu .menu-item > a:focus,
-.menu .menu-item > a:hover {
-  background: #f1f1fc;
-  color: #5755d9;
-}
-
-.menu .menu-item > a.active,
-.menu .menu-item > a:active {
-  background: #f1f1fc;
-  color: #5755d9;
-}
-
-.menu .menu-item .form-checkbox,
-.menu .menu-item .form-radio,
-.menu .menu-item .form-switch {
-  margin: .1rem 0;
-}
-
-.menu .menu-item + .menu-item {
-  margin-top: .2rem;
-}
-
-.menu .menu-badge {
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  height: 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.menu .menu-badge .label {
-  margin-right: .4rem;
-}
-
-.modal {
-  align-items: center;
-  bottom: 0;
-  display: none;
-  -ms-flex-align: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  left: 0;
-  opacity: 0;
-  overflow: hidden;
-  padding: .4rem;
-  position: fixed;
-  right: 0;
-  top: 0;
-}
-
-.modal.active,
-.modal:target {
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 1;
-  z-index: 400;
-}
-
-.modal.active .modal-overlay,
-.modal:target .modal-overlay {
-  background: rgba(13, 13, 13, .75);
-  bottom: 0;
-  cursor: default;
-  display: block;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.modal.active .modal-container,
-.modal:target .modal-container {
-  animation: slide-down .2s ease 1;
-  z-index: 1;
-}
-
-.modal.modal-sm .modal-container {
-  max-width: 320px;
-  padding: 0 .4rem;
-}
-
-.modal.modal-lg .modal-overlay {
-  background: #000;
-}
-
-.modal.modal-lg .modal-container {
-  box-shadow: none;
-  max-width: 960px;
-}
-
-.modal-container {
-  background: #000;
-  border-radius: .1rem;
-  box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .3);
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  max-height: 75vh;
-  max-width: 640px;
-  padding: 0 .8rem;
-  width: 100%;
-}
-
-.modal-container.modal-fullheight {
-  max-height: 100vh;
-}
-
-.modal-container .modal-header {
-  color: #000;
-  padding: .8rem;
-}
-
-.modal-container .modal-body {
-  overflow-y: auto;
-  padding: .8rem;
-  position: relative;
-}
-
-.modal-container .modal-footer {
-  padding: .8rem;
-  text-align: right;
-}
-
-.nav {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  list-style: none;
-  margin: .2rem 0;
-}
-
-.nav .nav-item a {
-  color: #404040;
-  padding: .2rem .4rem;
-  text-decoration: none;
-}
-
-.nav .nav-item a:focus,
-.nav .nav-item a:hover {
-  color: #5755d9;
-}
-
-.nav .nav-item.active > a {
-  color: #262626;
-  font-weight: 700;
-}
-
-.nav .nav-item.active > a:focus,
-.nav .nav-item.active > a:hover {
-  color: #5755d9;
-}
-
-.nav .nav {
-  margin-bottom: .4rem;
-  margin-left: .8rem;
-}
-
-.pagination {
-  display: -ms-flexbox;
-  display: flex;
-  list-style: none;
-  margin: .2rem 0;
-  padding: .2rem 0;
-}
-
-.pagination .page-item {
-  margin: .2rem .05rem;
-}
-
-.pagination .page-item span {
-  display: inline-block;
-  padding: .2rem .2rem;
-}
-
-.pagination .page-item a {
-  border-radius: .1rem;
-  display: inline-block;
-  padding: .2rem .4rem;
-  text-decoration: none;
-}
-
-.pagination .page-item a:focus,
-.pagination .page-item a:hover {
-  color: #5755d9;
-}
-
-.pagination .page-item.disabled a {
-  cursor: default;
-  opacity: .5;
-  pointer-events: none;
-}
-
-.pagination .page-item.active a {
-  background: #5755d9;
-  color: #000;
-}
-
-.pagination .page-item.page-next,
-.pagination .page-item.page-prev {
-  -ms-flex: 1 0 50%;
-  flex: 1 0 50%;
-}
-
-.pagination .page-item.page-next {
-  text-align: right;
-}
-
-.pagination .page-item .page-item-title {
-  margin: 0;
-}
-
-.pagination .page-item .page-item-subtitle {
-  margin: 0;
-  opacity: .5;
-}
-
-.panel {
-  border: .05rem solid #a6a6a6;
-  border-radius: .1rem;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.panel .panel-footer,
-.panel .panel-header {
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding: .8rem;
-}
-
-.panel .panel-nav {
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-
-.panel .panel-body {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  overflow-y: auto;
-  padding: 0 .8rem;
-}
-
-.popover {
-  display: inline-block;
-  position: relative;
-}
-
-.popover .popover-container {
-  left: 50%;
-  opacity: 0;
-  padding: .4rem;
-  position: absolute;
-  top: 0;
-  transform: translate(-50%, -50%) scale(0);
-  transition: transform .2s;
-  width: 320px;
-  z-index: 300;
-}
-
-.popover :focus + .popover-container,
-.popover:hover .popover-container {
-  display: block;
-  opacity: 1;
-  transform: translate(-50%, -100%) scale(1);
-}
-
-.popover.popover-right .popover-container {
-  left: 100%;
-  top: 50%;
-}
-
-.popover.popover-right :focus + .popover-container,
-.popover.popover-right:hover .popover-container {
-  transform: translate(0, -50%) scale(1);
-}
-
-.popover.popover-bottom .popover-container {
-  left: 50%;
-  top: 100%;
-}
-
-.popover.popover-bottom :focus + .popover-container,
-.popover.popover-bottom:hover .popover-container {
-  transform: translate(-50%, 0) scale(1);
-}
-
-.popover.popover-left .popover-container {
-  left: 0;
-  top: 50%;
-}
-
-.popover.popover-left :focus + .popover-container,
-.popover.popover-left:hover .popover-container {
-  transform: translate(-100%, -50%) scale(1);
-}
-
-.popover .card {
-  border: 0;
-  box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .3);
-}
-
-.step {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  list-style: none;
-  margin: .2rem 0;
-  width: 100%;
-}
-
-.step .step-item {
-  -ms-flex: 1 1 0;
-  flex: 1 1 0;
-  margin-top: 0;
-  min-height: 1rem;
-  position: relative;
-  text-align: center;
-}
-
-.step .step-item:not(:first-child)::before {
-  background: #5755d9;
-  content: "";
-  height: 2px;
-  left: -50%;
-  position: absolute;
-  top: 9px;
-  width: 100%;
-}
-
-.step .step-item a {
-  color: #5755d9;
-  display: inline-block;
-  padding: 20px 10px 0;
-  text-decoration: none;
-}
-
-.step .step-item a::before {
-  background: #5755d9;
-  border: .1rem solid #000;
-  border-radius: 50%;
-  content: "";
-  display: block;
-  height: .6rem;
-  left: 50%;
-  position: absolute;
-  top: .2rem;
-  transform: translateX(-50%);
-  width: .6rem;
-  z-index: 1;
-}
-
-.step .step-item.active a::before {
-  background: #000;
-  border: .1rem solid #5755d9;
-}
-
-.step .step-item.active ~ .step-item::before {
-  background: #a6a6a6;
-}
-
-.step .step-item.active ~ .step-item a {
-  color: #8c8c8c;
-}
-
-.step .step-item.active ~ .step-item a::before {
-  background: #a6a6a6;
-}
-
-.tab {
-  align-items: center;
-  border-bottom: .05rem solid #a6a6a6;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  list-style: none;
-  margin: .2rem 0 .15rem 0;
-}
-
-.tab .tab-item {
-  margin-top: 0;
-}
-
-.tab .tab-item a {
-  border-bottom: .1rem solid transparent;
-  color: inherit;
-  display: block;
-  margin: 0 .4rem 0 0;
-  padding: .4rem .2rem .3rem .2rem;
-  text-decoration: none;
-}
-
-.tab .tab-item a:focus,
-.tab .tab-item a:hover {
-  color: #5755d9;
-}
-
-.tab .tab-item a.active,
-.tab .tab-item.active a {
-  border-bottom-color: #5755d9;
-  color: #5755d9;
-}
-
-.tab .tab-item.tab-action {
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  text-align: right;
-}
-
-.tab .tab-item .btn-clear {
-  margin-top: -.2rem;
-}
-
-.tab.tab-block .tab-item {
-  -ms-flex: 1 0 0;
-  flex: 1 0 0;
-  text-align: center;
-}
-
-.tab.tab-block .tab-item a {
-  margin: 0;
-}
-
-.tab.tab-block .tab-item .badge[data-badge]::after {
-  position: absolute;
-  right: .1rem;
-  top: .1rem;
-  transform: translate(0, 0);
-}
-
-.tab:not(.tab-block) .badge {
-  padding-right: 0;
-}
-
-.tile {
-  align-content: space-between;
-  align-items: flex-start;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: start;
-  -ms-flex-line-pack: justify;
-}
-
-.tile .tile-action,
-.tile .tile-icon {
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-
-.tile .tile-content {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-}
-
-.tile .tile-content:not(:first-child) {
-  padding-left: .4rem;
-}
-
-.tile .tile-content:not(:last-child) {
-  padding-right: .4rem;
-}
-
-.tile .tile-subtitle,
-.tile .tile-title {
-  line-height: 1.2rem;
-}
-
-.tile.tile-centered {
-  align-items: center;
-  -ms-flex-align: center;
-}
-
-.tile.tile-centered .tile-content {
-  overflow: hidden;
-}
-
-.tile.tile-centered .tile-subtitle,
-.tile.tile-centered .tile-title {
-  margin-bottom: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.toast {
-  background: rgba(0, 0, 0, .95);
-  border: .05rem solid #000;
-  border-color: #000;
-  border-radius: .1rem;
-  color: #000;
-  display: block;
-  padding: .4rem;
-  width: 100%;
-}
-
-.toast.toast-primary {
-  background: rgba(87, 85, 217, .95);
-  border-color: #5755d9;
-}
-
-.toast.toast-success {
-  background: rgba(50, 182, 67, .95);
-  border-color: #32b643;
-}
-
-.toast.toast-warning {
-  background: rgba(255, 183, 0, .95);
-  border-color: #ffb700;
-}
-
-.toast.toast-error {
-  background: rgba(232, 86, 0, .95);
-  border-color: #e85600;
-}
-
-.toast a {
-  color: #000;
-  text-decoration: underline;
-}
-
-.toast a.active,
-.toast a:active,
-.toast a:focus,
-.toast a:hover {
-  opacity: .75;
-}
-
-.toast .btn-clear {
-  margin: .1rem;
-}
-
-.toast p:last-child {
-  margin-bottom: 0;
-}
-
-.tooltip {
-  position: relative;
-}
-
-.tooltip::after {
-  background: rgba(0, 0, 0, .95);
-  border-radius: .1rem;
-  bottom: 100%;
-  color: #000;
-  content: attr(data-tooltip);
-  display: block;
-  font-size: .7rem;
-  left: 50%;
-  max-width: 320px;
-  opacity: 0;
-  overflow: hidden;
-  padding: .2rem .4rem;
-  pointer-events: none;
-  position: absolute;
-  text-overflow: ellipsis;
-  transform: translate(-50%, .4rem);
-  transition: opacity .2s,transform .2s;
-  white-space: pre;
-  z-index: 300;
-}
-
-.tooltip:focus::after,
-.tooltip:hover::after {
-  opacity: 1;
-  transform: translate(-50%, -.2rem);
-}
-
-.tooltip.disabled,
-.tooltip[disabled] {
-  pointer-events: auto;
-}
-
-.tooltip.tooltip-right::after {
-  bottom: 50%;
-  left: 100%;
-  transform: translate(-.2rem, 50%);
-}
-
-.tooltip.tooltip-right:focus::after,
-.tooltip.tooltip-right:hover::after {
-  transform: translate(.2rem, 50%);
-}
-
-.tooltip.tooltip-bottom::after {
-  bottom: auto;
-  top: 100%;
-  transform: translate(-50%, -.4rem);
-}
-
-.tooltip.tooltip-bottom:focus::after,
-.tooltip.tooltip-bottom:hover::after {
-  transform: translate(-50%, .2rem);
-}
-
-.tooltip.tooltip-left::after {
-  bottom: 50%;
-  left: auto;
-  right: 100%;
-  transform: translate(.4rem, 50%);
-}
-
-.tooltip.tooltip-left:focus::after,
-.tooltip.tooltip-left:hover::after {
-  transform: translate(-.2rem, 50%);
-}
-
-@keyframes loading {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes slide-down {
-  0% {
-    opacity: 0;
-    transform: translateY(-1.6rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.text-primary {
-  color: #5755d9 !important;
-}
-
-a.text-primary:focus,
-a.text-primary:hover {
-  color: #4240d4;
-}
-
-a.text-primary:visited {
-  color: #6c6ade;
-}
-
-.text-secondary {
-  color: #e5e5f9 !important;
-}
-
-a.text-secondary:focus,
-a.text-secondary:hover {
-  color: #d1d0f4;
-}
-
-a.text-secondary:visited {
-  color: #fafafe;
-}
-
-.text-gray {
-  color: #8c8c8c !important;
-}
-
-a.text-gray:focus,
-a.text-gray:hover {
-  color: #807f7f;
-}
-
-a.text-gray:visited {
-  color: #999;
-}
-
-.text-light {
-  color: #000 !important;
-}
-
-a.text-light:focus,
-a.text-light:hover {
-  color: #000;
-}
-
-a.text-light:visited {
-  color: #0d0d0d;
-}
-
-.text-dark {
-  color: #fff !important;
-}
-
-a.text-dark:focus,
-a.text-dark:hover {
-  color: #f2f2f2;
-}
-
-a.text-dark:visited {
-  color: #fff;
-}
-
-.text-success {
-  color: #32b643 !important;
-}
-
-a.text-success:focus,
-a.text-success:hover {
-  color: #2da23c;
-}
-
-a.text-success:visited {
-  color: #39c94b;
-}
-
-.text-warning {
-  color: #ffb700 !important;
-}
-
-a.text-warning:focus,
-a.text-warning:hover {
-  color: #e6a500;
-}
-
-a.text-warning:visited {
-  color: #ffbe1a;
-}
-
-.text-error {
-  color: #e85600 !important;
-}
-
-a.text-error:focus,
-a.text-error:hover {
-  color: #cf4d00;
-}
-
-a.text-error:visited {
-  color: #ff6003;
-}
-
-.bg-primary {
-  background: #5755d9 !important;
-}
-
-.bg-secondary {
-  background: #f1f1fc !important;
-}
-
-.bg-dark {
-  background: #000 !important;
-  color: #000;
-}
-
-.bg-gray {
-  background: #0d0d0d !important;
-}
-
-.bg-success {
-  background: #32b643 !important;
-}
-
-.bg-warning {
-  background: #ffb700 !important;
-}
-
-.bg-error {
-  background: #e85600 !important;
-}
-
-.c-hand {
-  cursor: pointer;
-}
-
-.c-move {
-  cursor: move;
-}
-
-.c-zoom-in {
-  cursor: zoom-in;
-}
-
-.c-zoom-out {
-  cursor: zoom-out;
-}
-
-.c-not-allowed {
-  cursor: not-allowed;
-}
-
-.c-auto {
-  cursor: auto;
-}
-
-.d-block {
-  display: block;
-}
-
-.d-inline {
-  display: inline;
-}
-
-.d-inline-block {
-  display: inline-block;
-}
-
-.d-flex {
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.d-inline-flex {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.d-hide,
-.d-none {
-  display: none !important;
-}
-
-.d-visible {
-  visibility: visible;
-}
-
-.d-invisible {
-  visibility: hidden;
-}
-
-.text-hide {
-  background: 0 0;
-  border: 0;
-  color: transparent;
-  font-size: 0;
-  line-height: 0;
-  text-shadow: none;
-}
-
-.text-assistive {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.divider,
-.divider-vert {
-  display: block;
-  position: relative;
-}
-
-.divider-vert[data-content]::after,
-.divider[data-content]::after {
-  background: #000;
-  color: #8c8c8c;
-  content: attr(data-content);
-  display: inline-block;
-  font-size: .7rem;
-  padding: 0 .4rem;
-  transform: translateY(-.65rem);
-}
-
-.divider {
-  border-top: .05rem solid #bababa;
-  height: .05rem;
-  margin: .4rem 0;
-}
-
-.divider[data-content] {
-  margin: .8rem 0;
-}
-
-.divider-vert {
-  display: block;
-  padding: .8rem;
-}
-
-.divider-vert::before {
-  border-left: .05rem solid #a6a6a6;
-  bottom: .4rem;
-  content: "";
-  display: block;
-  left: 50%;
-  position: absolute;
-  top: .4rem;
-  transform: translateX(-50%);
-}
-
-.divider-vert[data-content]::after {
-  left: 50%;
-  padding: .2rem 0;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.loading {
-  color: transparent !important;
-  min-height: .8rem;
-  pointer-events: none;
-  position: relative;
-}
-
-.loading::after {
-  animation: loading .5s infinite linear;
-  border: .1rem solid #5755d9;
-  border-radius: 50%;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: .8rem;
-  left: 50%;
-  margin-left: -.4rem;
-  margin-top: -.4rem;
-  position: absolute;
-  top: 50%;
-  width: .8rem;
-  z-index: 1;
-}
-
-.loading.loading-lg {
-  min-height: 2rem;
-}
-
-.loading.loading-lg::after {
-  height: 1.6rem;
-  margin-left: -.8rem;
-  margin-top: -.8rem;
-  width: 1.6rem;
-}
-
-.clearfix::after {
-  clear: both;
-  content: "";
-  display: table;
-}
-
-.float-left {
-  float: left !important;
-}
-
-.float-right {
-  float: right !important;
-}
-
-.p-relative {
-  position: relative !important;
-}
-
-.p-absolute {
-  position: absolute !important;
-}
-
-.p-fixed {
-  position: fixed !important;
-}
-
-.p-sticky {
-  position: -webkit-sticky !important;
-  position: sticky !important;
-}
-
-.p-centered {
-  display: block;
-  float: none;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.flex-centered {
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.m-0 {
-  margin: 0 !important;
-}
-
-.mb-0 {
-  margin-bottom: 0 !important;
-}
-
-.ml-0 {
-  margin-left: 0 !important;
-}
-
-.mr-0 {
-  margin-right: 0 !important;
-}
-
-.mt-0 {
-  margin-top: 0 !important;
-}
-
-.mx-0 {
-  margin-left: 0 !important;
-  margin-right: 0 !important;
-}
-
-.my-0 {
-  margin-bottom: 0 !important;
-  margin-top: 0 !important;
-}
-
-.m-1 {
-  margin: .2rem !important;
-}
-
-.mb-1 {
-  margin-bottom: .2rem !important;
-}
-
-.ml-1 {
-  margin-left: .2rem !important;
-}
-
-.mr-1 {
-  margin-right: .2rem !important;
-}
-
-.mt-1 {
-  margin-top: .2rem !important;
-}
-
-.mx-1 {
-  margin-left: .2rem !important;
-  margin-right: .2rem !important;
-}
-
-.my-1 {
-  margin-bottom: .2rem !important;
-  margin-top: .2rem !important;
-}
-
-.m-2 {
-  margin: .4rem !important;
-}
-
-.mb-2 {
-  margin-bottom: .4rem !important;
-}
-
-.ml-2 {
-  margin-left: .4rem !important;
-}
-
-.mr-2 {
-  margin-right: .4rem !important;
-}
-
-.mt-2 {
-  margin-top: .4rem !important;
-}
-
-.mx-2 {
-  margin-left: .4rem !important;
-  margin-right: .4rem !important;
-}
-
-.my-2 {
-  margin-bottom: .4rem !important;
-  margin-top: .4rem !important;
-}
-
-.p-0 {
-  padding: 0 !important;
-}
-
-.pb-0 {
-  padding-bottom: 0 !important;
-}
-
-.pl-0 {
-  padding-left: 0 !important;
-}
-
-.pr-0 {
-  padding-right: 0 !important;
-}
-
-.pt-0 {
-  padding-top: 0 !important;
-}
-
-.px-0 {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
-
-.py-0 {
-  padding-bottom: 0 !important;
-  padding-top: 0 !important;
-}
-
-.p-1 {
-  padding: .2rem !important;
-}
-
-.pb-1 {
-  padding-bottom: .2rem !important;
-}
-
-.pl-1 {
-  padding-left: .2rem !important;
-}
-
-.pr-1 {
-  padding-right: .2rem !important;
-}
-
-.pt-1 {
-  padding-top: .2rem !important;
-}
-
-.px-1 {
-  padding-left: .2rem !important;
-  padding-right: .2rem !important;
-}
-
-.py-1 {
-  padding-bottom: .2rem !important;
-  padding-top: .2rem !important;
-}
-
-.p-2 {
-  padding: .4rem !important;
-}
-
-.pb-2 {
-  padding-bottom: .4rem !important;
-}
-
-.pl-2 {
-  padding-left: .4rem !important;
-}
-
-.pr-2 {
-  padding-right: .4rem !important;
-}
-
-.pt-2 {
-  padding-top: .4rem !important;
-}
-
-.px-2 {
-  padding-left: .4rem !important;
-  padding-right: .4rem !important;
-}
-
-.py-2 {
-  padding-bottom: .4rem !important;
-  padding-top: .4rem !important;
-}
-
-.s-rounded {
-  border-radius: .1rem;
-}
-
-.s-circle {
-  border-radius: 50%;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.text-lowercase {
-  text-transform: lowercase;
-}
-
-.text-uppercase {
-  text-transform: uppercase;
-}
-
-.text-capitalize {
-  text-transform: capitalize;
-}
-
-.text-normal {
-  font-weight: 400;
-}
-
-.text-bold {
-  font-weight: 700;
-}
-
-.text-italic {
-  font-style: italic;
-}
-
-.text-large {
-  font-size: 1.2em;
-}
-
-.text-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.text-clip {
-  overflow: hidden;
-  text-overflow: clip;
-  white-space: nowrap;
-}
-
-.text-break {
-  -webkit-hyphens: auto;
-  -ms-hyphens: auto;
-  hyphens: auto;
-  word-break: break-word;
-  word-wrap: break-word;
-}
-
-/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */
-.form-autocomplete {
-  position: relative;
-}
-
-.form-autocomplete .form-autocomplete-input {
-  align-content: flex-start;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-line-pack: start;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  height: auto;
-  min-height: 1.6rem;
-  padding: .1rem;
-}
-
-.form-autocomplete .form-autocomplete-input.is-focused {
-  border-color: #5755d9;
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-.form-autocomplete .form-autocomplete-input .form-input {
-  border-color: transparent;
-  box-shadow: none;
-  display: inline-block;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  height: 1.2rem;
-  line-height: .8rem;
-  margin: .1rem;
-  width: auto;
-}
-
-.form-autocomplete .menu {
-  left: 0;
-  position: absolute;
-  top: 100%;
-  width: 100%;
-}
-
-.form-autocomplete.autocomplete-oneline .form-autocomplete-input {
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-}
-
-.form-autocomplete.autocomplete-oneline .chip {
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-}
-
-.calendar {
-  border: .05rem solid #a6a6a6;
-  border-radius: .1rem;
-  display: block;
-  min-width: 280px;
-}
-
-.calendar .calendar-nav {
-  align-items: center;
-  background: #0d0d0d;
-  border-top-left-radius: .1rem;
-  border-top-right-radius: .1rem;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  font-size: .9rem;
-  padding: .4rem;
-}
-
-.calendar .calendar-body,
-.calendar .calendar-header {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding: .4rem 0;
-}
-
-.calendar .calendar-body .calendar-date,
-.calendar .calendar-header .calendar-date {
-  -ms-flex: 0 0 14.28%;
-  flex: 0 0 14.28%;
-  max-width: 14.28%;
-}
-
-.calendar .calendar-header {
-  background: #0d0d0d;
-  border-bottom: .05rem solid #a6a6a6;
-  color: #8c8c8c;
-  font-size: .7rem;
-  text-align: center;
-}
-
-.calendar .calendar-body {
-  color: #404040;
-}
-
-.calendar .calendar-date {
-  border: 0;
-  padding: .2rem;
-}
-
-.calendar .calendar-date .date-item {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: 0 0;
-  border: .05rem solid transparent;
-  border-radius: 50%;
-  color: #404040;
-  cursor: pointer;
-  font-size: .7rem;
-  height: 1.4rem;
-  line-height: 1rem;
-  outline: 0;
-  padding: .1rem;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  transition: background .2s,border .2s,box-shadow .2s,color .2s;
-  vertical-align: middle;
-  white-space: nowrap;
-  width: 1.4rem;
-}
-
-.calendar .calendar-date .date-item.date-today {
-  border-color: #e5e5f9;
-  color: #5755d9;
-}
-
-.calendar .calendar-date .date-item:focus {
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-}
-
-.calendar .calendar-date .date-item:focus,
-.calendar .calendar-date .date-item:hover {
-  background: #fefeff;
-  border-color: #e5e5f9;
-  color: #5755d9;
-  text-decoration: none;
-}
-
-.calendar .calendar-date .date-item.active,
-.calendar .calendar-date .date-item:active {
-  background: #4b48d6;
-  border-color: #3634d2;
-  color: #000;
-}
-
-.calendar .calendar-date .date-item.badge::after {
-  position: absolute;
-  right: 3px;
-  top: 3px;
-  transform: translate(50%, -50%);
-}
-
-.calendar .calendar-date .calendar-event.disabled,
-.calendar .calendar-date .calendar-event:disabled,
-.calendar .calendar-date .date-item.disabled,
-.calendar .calendar-date .date-item:disabled {
-  cursor: default;
-  opacity: .25;
-  pointer-events: none;
-}
-
-.calendar .calendar-date.next-month .calendar-event,
-.calendar .calendar-date.next-month .date-item,
-.calendar .calendar-date.prev-month .calendar-event,
-.calendar .calendar-date.prev-month .date-item {
-  opacity: .25;
-}
-
-.calendar .calendar-range {
-  position: relative;
-}
-
-.calendar .calendar-range::before {
-  background: #f1f1fc;
-  content: "";
-  height: 1.4rem;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.calendar .calendar-range.range-start::before {
-  left: 50%;
-}
-
-.calendar .calendar-range.range-end::before {
-  right: 50%;
-}
-
-.calendar .calendar-range.range-end .date-item,
-.calendar .calendar-range.range-start .date-item {
-  background: #4b48d6;
-  border-color: #3634d2;
-  color: #000;
-}
-
-.calendar .calendar-range .date-item {
-  color: #5755d9;
-}
-
-.calendar.calendar-lg .calendar-body {
-  padding: 0;
-}
-
-.calendar.calendar-lg .calendar-body .calendar-date {
-  border-bottom: .05rem solid #a6a6a6;
-  border-right: .05rem solid #a6a6a6;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 5.5rem;
-  padding: 0;
-}
-
-.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n) {
-  border-right: 0;
-}
-
-.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7) {
-  border-bottom: 0;
-}
-
-.calendar.calendar-lg .date-item {
-  align-self: flex-end;
-  -ms-flex-item-align: end;
-  height: 1.4rem;
-  margin-right: .2rem;
-  margin-top: .2rem;
-}
-
-.calendar.calendar-lg .calendar-range::before {
-  top: 19px;
-}
-
-.calendar.calendar-lg .calendar-range.range-start::before {
-  left: auto;
-  width: 19px;
-}
-
-.calendar.calendar-lg .calendar-range.range-end::before {
-  right: 19px;
-}
-
-.calendar.calendar-lg .calendar-events {
-  flex-grow: 1;
-  -ms-flex-positive: 1;
-  line-height: 1;
-  overflow-y: auto;
-  padding: .2rem;
-}
-
-.calendar.calendar-lg .calendar-event {
-  border-radius: .1rem;
-  display: block;
-  font-size: .7rem;
-  margin: .1rem auto;
-  overflow: hidden;
-  padding: 3px 4px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1),
-.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2),
-.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3),
-.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4),
-.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-container .carousel-item:nth-of-type(5),
-.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-container .carousel-item:nth-of-type(6),
-.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-container .carousel-item:nth-of-type(7),
-.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-container .carousel-item:nth-of-type(8) {
-  animation: carousel-slidein .75s ease-in-out 1;
-  opacity: 1;
-  z-index: 100;
-}
-
-.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1),
-.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2),
-.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3),
-.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4),
-.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-nav .nav-item:nth-of-type(5),
-.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-nav .nav-item:nth-of-type(6),
-.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-nav .nav-item:nth-of-type(7),
-.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-nav .nav-item:nth-of-type(8) {
-  color: #bfbfbf;
-}
-
-.carousel {
-  background: #0d0d0d;
-  display: block;
-  overflow: hidden;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-  width: 100%;
-  z-index: 1;
-}
-
-.carousel .carousel-container {
-  height: 100%;
-  left: 0;
-  position: relative;
-}
-
-.carousel .carousel-container::before {
-  content: "";
-  display: block;
-  padding-bottom: 56.25%;
-}
-
-.carousel .carousel-container .carousel-item {
-  animation: carousel-slideout 1s ease-in-out 1;
-  height: 100%;
-  left: 0;
-  margin: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.carousel .carousel-container .carousel-item:hover .item-next,
-.carousel .carousel-container .carousel-item:hover .item-prev {
-  opacity: 1;
-}
-
-.carousel .carousel-container .item-next,
-.carousel .carousel-container .item-prev {
-  background: rgba(191, 191, 191, .25);
-  border-color: rgba(191, 191, 191, .5);
-  color: #bfbfbf;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  transition: all .4s;
-  z-index: 100;
-}
-
-.carousel .carousel-container .item-prev {
-  left: 1rem;
-}
-
-.carousel .carousel-container .item-next {
-  right: 1rem;
-}
-
-.carousel .carousel-nav {
-  bottom: .4rem;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-  justify-content: center;
-  left: 50%;
-  position: absolute;
-  transform: translateX(-50%);
-  width: 10rem;
-  z-index: 100;
-}
-
-.carousel .carousel-nav .nav-item {
-  color: rgba(191, 191, 191, .5);
-  display: block;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  height: 1.6rem;
-  margin: .2rem;
-  max-width: 2.5rem;
-  position: relative;
-}
-
-.carousel .carousel-nav .nav-item::before {
-  background: currentColor;
-  content: "";
-  display: block;
-  height: .1rem;
-  position: absolute;
-  top: .5rem;
-  width: 100%;
-}
-
-@keyframes carousel-slidein {
-  0% {
-    transform: translateX(100%);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-
-@keyframes carousel-slideout {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(-50%);
-  }
-}
-
-.comparison-slider {
-  height: 50vh;
-  overflow: hidden;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-  width: 100%;
-}
-
-.comparison-slider .comparison-after,
-.comparison-slider .comparison-before {
-  height: 100%;
-  left: 0;
-  margin: 0;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-}
-
-.comparison-slider .comparison-after img,
-.comparison-slider .comparison-before img {
-  height: 100%;
-  object-fit: cover;
-  object-position: left center;
-  position: absolute;
-  width: 100%;
-}
-
-.comparison-slider .comparison-before {
-  width: 100%;
-  z-index: 1;
-}
-
-.comparison-slider .comparison-before .comparison-label {
-  right: .8rem;
-}
-
-.comparison-slider .comparison-after {
-  max-width: 100%;
-  min-width: 0;
-  z-index: 2;
-}
-
-.comparison-slider .comparison-after::before {
-  background: 0 0;
-  content: "";
-  cursor: default;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  right: .8rem;
-  top: 0;
-  z-index: 1;
-}
-
-.comparison-slider .comparison-after::after {
-  background: currentColor;
-  border-radius: 50%;
-  box-shadow: 0 -5px,0 5px;
-  color: #000;
-  content: "";
-  height: 3px;
-  position: absolute;
-  right: .4rem;
-  top: 50%;
-  transform: translate(50%, -50%);
-  width: 3px;
-}
-
-.comparison-slider .comparison-after .comparison-label {
-  left: .8rem;
-}
-
-.comparison-slider .comparison-resizer {
-  animation: first-run 1.5s 1 ease-in-out;
-  cursor: ew-resize;
-  height: .8rem;
-  left: 0;
-  max-width: 100%;
-  min-width: .8rem;
-  opacity: 0;
-  outline: 0;
-  position: relative;
-  resize: horizontal;
-  top: 50%;
-  transform: translateY(-50%) scaleY(30);
-  width: 0;
-}
-
-.comparison-slider .comparison-label {
-  background: rgba(0, 0, 0, .5);
-  bottom: .8rem;
-  color: #000;
-  padding: .2rem .4rem;
-  position: absolute;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-@keyframes first-run {
-  0% {
-    width: 0;
-  }
-  25% {
-    width: 2.4rem;
-  }
-  50% {
-    width: .8rem;
-  }
-  75% {
-    width: 1.2rem;
-  }
-  100% {
-    width: 0;
-  }
-}
-
-.filter .filter-tag#tag-0:checked ~ .filter-nav .chip[for=tag-0],
-.filter .filter-tag#tag-1:checked ~ .filter-nav .chip[for=tag-1],
-.filter .filter-tag#tag-2:checked ~ .filter-nav .chip[for=tag-2],
-.filter .filter-tag#tag-3:checked ~ .filter-nav .chip[for=tag-3],
-.filter .filter-tag#tag-4:checked ~ .filter-nav .chip[for=tag-4],
-.filter .filter-tag#tag-5:checked ~ .filter-nav .chip[for=tag-5],
-.filter .filter-tag#tag-6:checked ~ .filter-nav .chip[for=tag-6],
-.filter .filter-tag#tag-7:checked ~ .filter-nav .chip[for=tag-7],
-.filter .filter-tag#tag-8:checked ~ .filter-nav .chip[for=tag-8] {
-  background: #5755d9;
-  color: #000;
-}
-
-.filter .filter-tag#tag-1:checked ~ .filter-body .filter-item:not([data-tag~=tag-1]),
-.filter .filter-tag#tag-2:checked ~ .filter-body .filter-item:not([data-tag~=tag-2]),
-.filter .filter-tag#tag-3:checked ~ .filter-body .filter-item:not([data-tag~=tag-3]),
-.filter .filter-tag#tag-4:checked ~ .filter-body .filter-item:not([data-tag~=tag-4]),
-.filter .filter-tag#tag-5:checked ~ .filter-body .filter-item:not([data-tag~=tag-5]),
-.filter .filter-tag#tag-6:checked ~ .filter-body .filter-item:not([data-tag~=tag-6]),
-.filter .filter-tag#tag-7:checked ~ .filter-body .filter-item:not([data-tag~=tag-7]),
-.filter .filter-tag#tag-8:checked ~ .filter-body .filter-item:not([data-tag~=tag-8]) {
-  display: none;
-}
-
-.filter .filter-nav {
-  margin: .4rem 0;
-}
-
-.filter .filter-body {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
-.meter {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: #0d0d0d;
-  border: 0;
-  border-radius: .1rem;
-  display: block;
-  height: .8rem;
-  width: 100%;
-}
-
-.meter::-webkit-meter-inner-element {
-  display: block;
-}
-
-.meter::-webkit-meter-bar,
-.meter::-webkit-meter-even-less-good-value,
-.meter::-webkit-meter-optimum-value,
-.meter::-webkit-meter-suboptimum-value {
-  border-radius: .1rem;
-}
-
-.meter::-webkit-meter-bar {
-  background: #0d0d0d;
-}
-
-.meter::-webkit-meter-optimum-value {
-  background: #32b643;
-}
-
-.meter::-webkit-meter-suboptimum-value {
-  background: #ffb700;
-}
-
-.meter::-webkit-meter-even-less-good-value {
-  background: #e85600;
-}
-
-.meter:-moz-meter-optimum,
-.meter:-moz-meter-sub-optimum,
-.meter:-moz-meter-sub-sub-optimum,
-.meter::-moz-meter-bar {
-  border-radius: .1rem;
-}
-
-.meter:-moz-meter-optimum::-moz-meter-bar {
-  background: #32b643;
-}
-
-.meter:-moz-meter-sub-optimum::-moz-meter-bar {
-  background: #ffb700;
-}
-
-.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
-  background: #e85600;
-}
-
-.off-canvas {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: nowrap;
-  flex-flow: nowrap;
-  height: 100%;
-  position: relative;
-  width: 100%;
-}
-
-.off-canvas .off-canvas-toggle {
-  display: block;
-  position: absolute;
-  right: .4rem;
-  top: .4rem;
-  transition: none;
-  z-index: 1;
-}
-
-.off-canvas .off-canvas-sidebar {
-  background: #0d0d0d;
-  bottom: 0;
-  min-width: 10rem;
-  overflow-y: auto;
-  position: fixed;
-  right: 0;
-  top: 0;
-  transform: translateX(100%);
-  transition: transform .25s;
-  z-index: 200;
-}
-
-.off-canvas .off-canvas-content {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  height: 100%;
-  padding: .4rem .4rem .4rem 4rem;
-}
-
-.off-canvas .off-canvas-overlay {
-  background: rgba(0, 0, 0, .1);
-  border-color: transparent;
-  border-radius: 0;
-  bottom: 0;
-  display: none;
-  height: 100%;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  width: 100%;
-}
-
-.off-canvas .off-canvas-sidebar.active,
-.off-canvas .off-canvas-sidebar:target {
-  transform: translateX(0);
-}
-
-.off-canvas .off-canvas-sidebar.active ~ .off-canvas-overlay,
-.off-canvas .off-canvas-sidebar:target ~ .off-canvas-overlay {
-  display: block;
-  z-index: 100;
-}
-
-@media (min-width: 960px) {
-  .off-canvas.off-canvas-sidebar-show .off-canvas-toggle {
-    display: none;
-  }
-  .off-canvas.off-canvas-sidebar-show .off-canvas-sidebar {
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    position: relative;
-    transform: none;
-  }
-  .off-canvas.off-canvas-sidebar-show .off-canvas-overlay {
-    display: none !important;
-  }
-}
-
-.parallax {
-  display: block;
-  height: auto;
-  position: relative;
-  width: auto;
-}
-
-.parallax .parallax-content {
-  box-shadow: 0 1rem 2.1rem rgba(0, 0, 0, .3);
-  height: auto;
-  transform: perspective(1000px);
-  transform-style: preserve-3d;
-  transition: all .4s ease;
-  width: 100%;
-}
-
-.parallax .parallax-content::before {
-  content: "";
-  display: block;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.parallax .parallax-front {
-  align-items: center;
-  color: #000;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-pack: center;
-  height: 100%;
-  justify-content: center;
-  left: 0;
-  position: absolute;
-  text-align: center;
-  text-shadow: 0 0 20px rgba(0, 0, 0, .75);
-  top: 0;
-  transform: translateZ(50px) scale(.95);
-  transition: transform .4s;
-  width: 100%;
-  z-index: 1;
-}
-
-.parallax .parallax-top-left {
-  height: 50%;
-  left: 0;
-  outline: 0;
-  position: absolute;
-  top: 0;
-  width: 50%;
-  z-index: 100;
-}
-
-.parallax .parallax-top-left:focus ~ .parallax-content,
-.parallax .parallax-top-left:hover ~ .parallax-content {
-  transform: perspective(1000px) rotateX(3deg) rotateY(-3deg);
-}
-
-.parallax .parallax-top-left:focus ~ .parallax-content::before,
-.parallax .parallax-top-left:hover ~ .parallax-content::before {
-  background: linear-gradient(135deg, rgba(255, 255, 255, .35) 0, transparent 50%);
-}
-
-.parallax .parallax-top-left:focus ~ .parallax-content .parallax-front,
-.parallax .parallax-top-left:hover ~ .parallax-content .parallax-front {
-  transform: translate3d(4.5px, 4.5px, 50px) scale(.95);
-}
-
-.parallax .parallax-top-right {
-  height: 50%;
-  outline: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 50%;
-  z-index: 100;
-}
-
-.parallax .parallax-top-right:focus ~ .parallax-content,
-.parallax .parallax-top-right:hover ~ .parallax-content {
-  transform: perspective(1000px) rotateX(3deg) rotateY(3deg);
-}
-
-.parallax .parallax-top-right:focus ~ .parallax-content::before,
-.parallax .parallax-top-right:hover ~ .parallax-content::before {
-  background: linear-gradient(-135deg, rgba(255, 255, 255, .35) 0, transparent 50%);
-}
-
-.parallax .parallax-top-right:focus ~ .parallax-content .parallax-front,
-.parallax .parallax-top-right:hover ~ .parallax-content .parallax-front {
-  transform: translate3d(-4.5px, 4.5px, 50px) scale(.95);
-}
-
-.parallax .parallax-bottom-left {
-  bottom: 0;
-  height: 50%;
-  left: 0;
-  outline: 0;
-  position: absolute;
-  width: 50%;
-  z-index: 100;
-}
-
-.parallax .parallax-bottom-left:focus ~ .parallax-content,
-.parallax .parallax-bottom-left:hover ~ .parallax-content {
-  transform: perspective(1000px) rotateX(-3deg) rotateY(-3deg);
-}
-
-.parallax .parallax-bottom-left:focus ~ .parallax-content::before,
-.parallax .parallax-bottom-left:hover ~ .parallax-content::before {
-  background: linear-gradient(45deg, rgba(255, 255, 255, .35) 0, transparent 50%);
-}
-
-.parallax .parallax-bottom-left:focus ~ .parallax-content .parallax-front,
-.parallax .parallax-bottom-left:hover ~ .parallax-content .parallax-front {
-  transform: translate3d(4.5px, -4.5px, 50px) scale(.95);
-}
-
-.parallax .parallax-bottom-right {
-  bottom: 0;
-  height: 50%;
-  outline: 0;
-  position: absolute;
-  right: 0;
-  width: 50%;
-  z-index: 100;
-}
-
-.parallax .parallax-bottom-right:focus ~ .parallax-content,
-.parallax .parallax-bottom-right:hover ~ .parallax-content {
-  transform: perspective(1000px) rotateX(-3deg) rotateY(3deg);
-}
-
-.parallax .parallax-bottom-right:focus ~ .parallax-content::before,
-.parallax .parallax-bottom-right:hover ~ .parallax-content::before {
-  background: linear-gradient(-45deg, rgba(255, 255, 255, .35) 0, transparent 50%);
-}
-
-.parallax .parallax-bottom-right:focus ~ .parallax-content .parallax-front,
-.parallax .parallax-bottom-right:hover ~ .parallax-content .parallax-front {
-  transform: translate3d(-4.5px, -4.5px, 50px) scale(.95);
-}
-
-.progress {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: #050505;
-  border: 0;
-  border-radius: .1rem;
-  color: #5755d9;
-  height: .2rem;
-  position: relative;
-  width: 100%;
-}
-
-.progress::-webkit-progress-bar {
-  background: 0 0;
-  border-radius: .1rem;
-}
-
-.progress::-webkit-progress-value {
-  background: #5755d9;
-  border-radius: .1rem;
-}
-
-.progress::-moz-progress-bar {
-  background: #5755d9;
-  border-radius: .1rem;
-}
-
-.progress:indeterminate {
-  animation: progress-indeterminate 1.5s linear infinite;
-  background: #050505 linear-gradient(to right, #5755d9 30%, #050505 30%) top left/150% 150% no-repeat;
-}
-
-.progress:indeterminate::-moz-progress-bar {
-  background: 0 0;
-}
-
-@keyframes progress-indeterminate {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-
-.slider {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: 0 0;
-  display: block;
-  height: 1.2rem;
-  width: 100%;
-}
-
-.slider:focus {
-  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
-  outline: 0;
-}
-
-.slider.tooltip:not([data-tooltip])::after {
-  content: attr(value);
-}
-
-.slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  background: #5755d9;
-  border: 0;
-  border-radius: 50%;
-  height: .6rem;
-  margin-top: -.25rem;
-  -webkit-transition: transform .2s;
-  transition: transform .2s;
-  width: .6rem;
-}
-
-.slider::-moz-range-thumb {
-  background: #5755d9;
-  border: 0;
-  border-radius: 50%;
-  height: .6rem;
-  -moz-transition: transform .2s;
-  transition: transform .2s;
-  width: .6rem;
-}
-
-.slider::-ms-thumb {
-  background: #5755d9;
-  border: 0;
-  border-radius: 50%;
-  height: .6rem;
-  -ms-transition: transform .2s;
-  transition: transform .2s;
-  width: .6rem;
-}
-
-.slider:active::-webkit-slider-thumb {
-  transform: scale(1.25);
-}
-
-.slider:active::-moz-range-thumb {
-  transform: scale(1.25);
-}
-
-.slider:active::-ms-thumb {
-  transform: scale(1.25);
-}
-
-.slider.disabled::-webkit-slider-thumb,
-.slider:disabled::-webkit-slider-thumb {
-  background: #bfbfbf;
-  transform: scale(1);
-}
-
-.slider.disabled::-moz-range-thumb,
-.slider:disabled::-moz-range-thumb {
-  background: #bfbfbf;
-  transform: scale(1);
-}
-
-.slider.disabled::-ms-thumb,
-.slider:disabled::-ms-thumb {
-  background: #bfbfbf;
-  transform: scale(1);
-}
-
-.slider::-webkit-slider-runnable-track {
-  background: #050505;
-  border-radius: .1rem;
-  height: .1rem;
-  width: 100%;
-}
-
-.slider::-moz-range-track {
-  background: #050505;
-  border-radius: .1rem;
-  height: .1rem;
-  width: 100%;
-}
-
-.slider::-ms-track {
-  background: #050505;
-  border-radius: .1rem;
-  height: .1rem;
-  width: 100%;
-}
-
-.slider::-ms-fill-lower {
-  background: #5755d9;
-}
-
-.timeline .timeline-item {
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 1.2rem;
-  position: relative;
-}
-
-.timeline .timeline-item::before {
-  background: #a6a6a6;
-  content: "";
-  height: 100%;
-  left: 11px;
-  position: absolute;
-  top: 1.2rem;
-  width: 2px;
-}
-
-.timeline .timeline-item .timeline-left {
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-
-.timeline .timeline-item .timeline-content {
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 2px 0 2px .8rem;
-}
-
-.timeline .timeline-item .timeline-icon {
-  align-items: center;
-  border-radius: 50%;
-  color: #000;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-pack: center;
-  height: 1.2rem;
-  justify-content: center;
-  text-align: center;
-  width: 1.2rem;
-}
-
-.timeline .timeline-item .timeline-icon::before {
-  border: .1rem solid #5755d9;
-  border-radius: 50%;
-  content: "";
-  display: block;
-  height: .4rem;
-  left: .4rem;
-  position: absolute;
-  top: .4rem;
-  width: .4rem;
-}
-
-.timeline .timeline-item .timeline-icon.icon-lg {
-  background: #5755d9;
-  line-height: 1.2rem;
-}
-
-.timeline .timeline-item .timeline-icon.icon-lg::before {
-  content: none;
-}
-
-.viewer-360 {
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="1"] + .viewer-image {
-  background-position-y: 0;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="2"] + .viewer-image {
-  background-position-y: 2.8571428571%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="3"] + .viewer-image {
-  background-position-y: 5.7142857143%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="4"] + .viewer-image {
-  background-position-y: 8.5714285714%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="5"] + .viewer-image {
-  background-position-y: 11.4285714286%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="6"] + .viewer-image {
-  background-position-y: 14.2857142857%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="7"] + .viewer-image {
-  background-position-y: 17.1428571429%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="8"] + .viewer-image {
-  background-position-y: 20%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="9"] + .viewer-image {
-  background-position-y: 22.8571428571%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="10"] + .viewer-image {
-  background-position-y: 25.7142857143%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="11"] + .viewer-image {
-  background-position-y: 28.5714285714%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="12"] + .viewer-image {
-  background-position-y: 31.4285714286%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="13"] + .viewer-image {
-  background-position-y: 34.2857142857%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="14"] + .viewer-image {
-  background-position-y: 37.1428571429%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="15"] + .viewer-image {
-  background-position-y: 40%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="16"] + .viewer-image {
-  background-position-y: 42.8571428571%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="17"] + .viewer-image {
-  background-position-y: 45.7142857143%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="18"] + .viewer-image {
-  background-position-y: 48.5714285714%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="19"] + .viewer-image {
-  background-position-y: 51.4285714286%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="20"] + .viewer-image {
-  background-position-y: 54.2857142857%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="21"] + .viewer-image {
-  background-position-y: 57.1428571429%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="22"] + .viewer-image {
-  background-position-y: 60%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="23"] + .viewer-image {
-  background-position-y: 62.8571428571%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="24"] + .viewer-image {
-  background-position-y: 65.7142857143%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="25"] + .viewer-image {
-  background-position-y: 68.5714285714%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="26"] + .viewer-image {
-  background-position-y: 71.4285714286%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="27"] + .viewer-image {
-  background-position-y: 74.2857142857%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="28"] + .viewer-image {
-  background-position-y: 77.1428571429%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="29"] + .viewer-image {
-  background-position-y: 80%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="30"] + .viewer-image {
-  background-position-y: 82.8571428571%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="31"] + .viewer-image {
-  background-position-y: 85.7142857143%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="32"] + .viewer-image {
-  background-position-y: 88.5714285714%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="33"] + .viewer-image {
-  background-position-y: 91.4285714286%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="34"] + .viewer-image {
-  background-position-y: 94.2857142857%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="35"] + .viewer-image {
-  background-position-y: 97.1428571429%;
-}
-
-.viewer-360 .viewer-slider[max="36"][value="36"] + .viewer-image {
-  background-position-y: 100%;
-}
-
-.viewer-360 .viewer-slider {
-  cursor: ew-resize;
-  -ms-flex-order: 2;
-  margin: 1rem;
-  order: 2;
-  width: 60%;
-}
-
-.viewer-360 .viewer-image {
-  background-position-y: 0;
-  background-repeat: no-repeat;
-  background-size: 100%;
-  -ms-flex-order: 1;
-  max-width: 100%;
-  order: 1;
-}
\ No newline at end of file
+/*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre *//*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#000;color:#fff;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#5755d9;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a.active,a:active,a:focus,a:hover{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#fff;border-radius:.1rem;color:#000;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#fff000;border-bottom:.05rem solid #b3a800;border-radius:.1rem;color:#1a1919;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #a6a6a6;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.05rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;text-align:right;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#0d0d0d}.table tbody tr.active,.table.table-striped tbody tr.active{background:#050505}.table.table-hover tbody tr:hover{background:#050505}.table.table-scroll{display:block;overflow-x:auto;padding-bottom:.75rem;white-space:nowrap}.table td,.table th{border-bottom:.05rem solid #a6a6a6;padding:.6rem .4rem}.table th{border-bottom-width:.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;border:.05rem solid #5755d9;border-radius:.1rem;color:#5755d9;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.btn:focus,.btn:hover{background:#f1f1fc;border-color:#4b48d6;text-decoration:none}.btn.active,.btn:active{background:#4b48d6;border-color:#3634d2;color:#000;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#5755d9;border-color:#4b48d6;color:#000}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#4240d4;border-color:#3634d2;color:#000}.btn.btn-primary.active,.btn.btn-primary:active{background:#3a38d2;border-color:#302ecd;color:#000}.btn.btn-primary.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.btn-success{background:#32b643;border-color:#2faa3f;color:#000}.btn.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.btn.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#000}.btn.btn-success.active,.btn.btn-success:active{background:#2a9a39;border-color:#278e34;color:#000}.btn.btn-success.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.btn-error{background:#e85600;border-color:#d95000;color:#000}.btn.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.btn.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#000}.btn.btn-error.active,.btn.btn-error:active{background:#c44900;border-color:#b54300;color:#000}.btn.btn-error.loading::after{border-bottom-color:#000;border-left-color:#000}.btn.btn-link{background:0 0;border-color:transparent;color:#5755d9}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#302ecd}.btn.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(13,13,13,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;background-image:none;border:.05rem solid #8c8c8c;border-radius:.1rem;color:#fff;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-input:-ms-input-placeholder{color:#8c8c8c}.form-input::-ms-input-placeholder{color:#8c8c8c}.form-input::placeholder{color:#8c8c8c}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#8c8c8c;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;border:.05rem solid #8c8c8c;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.25rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #8c8c8c;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#000;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#050505}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #000;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox input:indeterminate+.form-icon::before{background:#000;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#000;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#8c8c8c;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#000;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#0d0d0d}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#0d0d0d;border:.05rem solid #8c8c8c;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#050505;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#0d0d0d}input.disabled+.form-icon,input:disabled+.form-icon{background:#050505;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#000}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#050505;border-radius:.1rem;color:#fff;display:inline-block;line-height:1.25;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#5755d9;color:#000}.label.label-secondary{background:#f1f1fc;color:#5755d9}.label.label-success{background:#32b643;color:#000}.label.label-warning{background:#ffb700;color:#000}.label.label-error{background:#e85600;color:#000}code{background:#fcf2f2;border-radius:.1rem;color:#d73e48;font-size:85%;line-height:1.25;padding:.1rem .2rem}.code{border-radius:.1rem;color:#fff;position:relative}.code::before{color:#8c8c8c;content:attr(data-lang);font-size:.7rem;position:absolute;right:.4rem;top:.1rem}.code code{background:#0d0d0d;color:inherit;display:block;line-height:1.5;overflow-x:auto;padding:1rem;width:100%}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#404040;margin-top:.4rem}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.hero{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:4rem;padding-top:4rem}.hero.hero-sm{padding-bottom:2rem;padding-top:2rem}.hero.hero-lg{padding-bottom:8rem;padding-top:8rem}.hero .hero-body{padding:.4rem}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.accordion input:checked~.accordion-header .icon,.accordion[open] .accordion-header .icon{transform:rotate(90deg)}.accordion input:checked~.accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.avatar{background:#5755d9;border-radius:50%;color:rgba(0,0,0,.85);display:inline-block;font-size:.8rem;font-weight:300;height:1.6rem;line-height:1.25;margin:0;position:relative;vertical-align:middle;width:1.6rem}.avatar.avatar-xs{font-size:.4rem;height:.8rem;width:.8rem}.avatar.avatar-sm{font-size:.6rem;height:1.2rem;width:1.2rem}.avatar.avatar-lg{font-size:1.2rem;height:2.4rem;width:2.4rem}.avatar.avatar-xl{font-size:1.6rem;height:3.2rem;width:3.2rem}.avatar img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.avatar .avatar-icon,.avatar .avatar-presence{background:#000;bottom:14.64%;height:50%;padding:.1rem;position:absolute;right:14.64%;transform:translate(50%,50%);width:50%;z-index:2}.avatar .avatar-presence{background:#8c8c8c;border-radius:50%;box-shadow:0 0 0 .1rem #000;height:.5em;width:.5em}.avatar .avatar-presence.online{background:#32b643}.avatar .avatar-presence.busy{background:#e85600}.avatar .avatar-presence.away{background:#ffb700}.avatar[data-initial]::before{color:currentColor;content:attr(data-initial);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.badge{position:relative;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge]::after{background:#5755d9;background-clip:padding-box;border-radius:.5rem;box-shadow:0 0 0 .1rem #000;color:#000;content:attr(data-badge);display:inline-block;transform:translate(-.05rem,-.5rem)}.badge[data-badge]::after{font-size:.7rem;height:.9rem;line-height:1;min-width:.9rem;padding:.1rem .2rem;text-align:center;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge=""]::after{height:6px;min-width:6px;padding:0;width:6px}.badge.btn::after{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.badge.avatar::after{position:absolute;right:14.64%;top:14.64%;transform:translate(50%,-50%);z-index:100}.breadcrumb{list-style:none;margin:.2rem 0;padding:.2rem 0}.breadcrumb .breadcrumb-item{color:#404040;display:inline-block;margin:0;padding:.2rem 0}.breadcrumb .breadcrumb-item:not(:last-child){margin-right:.2rem}.breadcrumb .breadcrumb-item:not(:last-child) a{color:#404040}.breadcrumb .breadcrumb-item:not(:first-child)::before{color:#404040;content:"/";padding-right:.4rem}.bar{background:#050505;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.8rem;width:100%}.bar.bar-sm{height:.2rem}.bar .bar-item{background:#5755d9;color:#000;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:.7rem;height:100%;line-height:.8rem;position:relative;text-align:center;width:0}.bar .bar-item:first-child{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bar .bar-item:last-child{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem;-ms-flex-negative:1;flex-shrink:1}.bar-slider{height:.1rem;margin:.4rem 0;position:relative}.bar-slider .bar-item{left:0;padding:0;position:absolute}.bar-slider .bar-item:not(:last-child):first-child{background:#050505;z-index:1}.bar-slider .bar-slider-btn{background:#5755d9;border:0;border-radius:50%;height:.6rem;padding:0;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:.6rem}.bar-slider .bar-slider-btn:active{box-shadow:0 0 0 .1rem #5755d9}.card{background:#000;border:.05rem solid #a6a6a6;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card .card-body,.card .card-footer,.card .card-header{padding:.8rem;padding-bottom:0}.card .card-body:last-child,.card .card-footer:last-child,.card .card-header:last-child{padding-bottom:.8rem}.card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.chip{align-items:center;background:#050505;border-radius:5rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#5755d9;color:#000}.chip .avatar{margin-left:-.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(.75)}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.empty{background:#0d0d0d;border-radius:.1rem;color:#404040;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#000;border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(0,0,0,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#f1f1fc;color:#5755d9}.menu .menu-item>a.active,.menu .menu-item>a:active{background:#f1f1fc;color:#5755d9}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:.4rem;position:fixed;right:0;top:0}.modal.active,.modal:target{display:-ms-flexbox;display:flex;opacity:1;z-index:400}.modal.active .modal-overlay,.modal:target .modal-overlay{background:rgba(13,13,13,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}.modal.active .modal-container,.modal:target .modal-container{animation:slide-down .2s ease 1;z-index:1}.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}.modal.modal-lg .modal-overlay{background:#000}.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}.modal-container{background:#000;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.3);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:75vh;max-width:640px;padding:0 .8rem;width:100%}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#000;padding:.8rem}.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}.modal-container .modal-footer{padding:.8rem;text-align:right}.nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#404040;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#5755d9}.nav .nav-item.active>a{color:#262626;font-weight:700}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#5755d9}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.1rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#5755d9}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#5755d9;color:#000}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.panel{border:.05rem solid #a6a6a6;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.panel .panel-footer,.panel .panel-header{-ms-flex:0 0 auto;flex:0 0 auto;padding:.8rem}.panel .panel-nav{-ms-flex:0 0 auto;flex:0 0 auto}.panel .panel-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;padding:0 .8rem}.popover{display:inline-block;position:relative}.popover .popover-container{left:50%;opacity:0;padding:.4rem;position:absolute;top:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:320px;z-index:300}.popover :focus+.popover-container,.popover:hover .popover-container{display:block;opacity:1;transform:translate(-50%,-100%) scale(1)}.popover.popover-right .popover-container{left:100%;top:50%}.popover.popover-right :focus+.popover-container,.popover.popover-right:hover .popover-container{transform:translate(0,-50%) scale(1)}.popover.popover-bottom .popover-container{left:50%;top:100%}.popover.popover-bottom :focus+.popover-container,.popover.popover-bottom:hover .popover-container{transform:translate(-50%,0) scale(1)}.popover.popover-left .popover-container{left:0;top:50%}.popover.popover-left :focus+.popover-container,.popover.popover-left:hover .popover-container{transform:translate(-100%,-50%) scale(1)}.popover .card{border:0;box-shadow:0 .2rem .5rem rgba(0,0,0,.3)}.step{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:.2rem 0;width:100%}.step .step-item{-ms-flex:1 1 0;flex:1 1 0;margin-top:0;min-height:1rem;position:relative;text-align:center}.step .step-item:not(:first-child)::before{background:#5755d9;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%}.step .step-item a{color:#5755d9;display:inline-block;padding:20px 10px 0;text-decoration:none}.step .step-item a::before{background:#5755d9;border:.1rem solid #000;border-radius:50%;content:"";display:block;height:.6rem;left:50%;position:absolute;top:.2rem;transform:translateX(-50%);width:.6rem;z-index:1}.step .step-item.active a::before{background:#000;border:.1rem solid #5755d9}.step .step-item.active~.step-item::before{background:#a6a6a6}.step .step-item.active~.step-item a{color:#8c8c8c}.step .step-item.active~.step-item a::before{background:#a6a6a6}.tab{align-items:center;border-bottom:.05rem solid #a6a6a6;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:.2rem 0 .15rem 0}.tab .tab-item{margin-top:0}.tab .tab-item a{border-bottom:.1rem solid transparent;color:inherit;display:block;margin:0 .4rem 0 0;padding:.4rem .2rem .3rem .2rem;text-decoration:none}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5755d9}.tab .tab-item a.active,.tab .tab-item.active a{border-bottom-color:#5755d9;color:#5755d9}.tab .tab-item.tab-action{-ms-flex:1 0 auto;flex:1 0 auto;text-align:right}.tab .tab-item .btn-clear{margin-top:-.2rem}.tab.tab-block .tab-item{-ms-flex:1 0 0;flex:1 0 0;text-align:center}.tab.tab-block .tab-item a{margin:0}.tab.tab-block .tab-item .badge[data-badge]::after{position:absolute;right:.1rem;top:.1rem;transform:translate(0,0)}.tab:not(.tab-block) .badge{padding-right:0}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:rgba(0,0,0,.95);border:.05rem solid #000;border-color:#000;border-radius:.1rem;color:#000;display:block;padding:.4rem;width:100%}.toast.toast-primary{background:rgba(87,85,217,.95);border-color:#5755d9}.toast.toast-success{background:rgba(50,182,67,.95);border-color:#32b643}.toast.toast-warning{background:rgba(255,183,0,.95);border-color:#ffb700}.toast.toast-error{background:rgba(232,86,0,.95);border-color:#e85600}.toast a{color:#000;text-decoration:underline}.toast a.active,.toast a:active,.toast a:focus,.toast a:hover{opacity:.75}.toast .btn-clear{margin:.1rem}.toast p:last-child{margin-bottom:0}.tooltip{position:relative}.tooltip::after{background:rgba(0,0,0,.95);border-radius:.1rem;bottom:100%;color:#000;content:attr(data-tooltip);display:block;font-size:.7rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#5755d9!important}a.text-primary:focus,a.text-primary:hover{color:#4240d4}a.text-primary:visited{color:#6c6ade}.text-secondary{color:#e5e5f9!important}a.text-secondary:focus,a.text-secondary:hover{color:#d1d0f4}a.text-secondary:visited{color:#fafafe}.text-gray{color:#8c8c8c!important}a.text-gray:focus,a.text-gray:hover{color:#807f7f}a.text-gray:visited{color:#999}.text-light{color:#000!important}a.text-light:focus,a.text-light:hover{color:#000}a.text-light:visited{color:#0d0d0d}.text-dark{color:#fff!important}a.text-dark:focus,a.text-dark:hover{color:#f2f2f2}a.text-dark:visited{color:#fff}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#5755d9!important}.bg-secondary{background:#f1f1fc!important}.bg-dark{background:#000!important;color:#000}.bg-gray{background:#0d0d0d!important}.bg-success{background:#32b643!important}.bg-warning{background:#ffb700!important}.bg-error{background:#e85600!important}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#000;color:#8c8c8c;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-.65rem)}.divider{border-top:.05rem solid #bababa;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #a6a6a6;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;border:.1rem solid #5755d9;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:-webkit-sticky!important;position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.1rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-autocomplete .form-autocomplete-input .form-input{border-color:transparent;box-shadow:none;display:inline-block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{-ms-flex:1 0 auto;flex:1 0 auto}.calendar{border:.05rem solid #a6a6a6;border-radius:.1rem;display:block;min-width:280px}.calendar .calendar-nav{align-items:center;background:#0d0d0d;border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.9rem;padding:.4rem}.calendar .calendar-body,.calendar .calendar-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%}.calendar .calendar-header{background:#0d0d0d;border-bottom:.05rem solid #a6a6a6;color:#8c8c8c;font-size:.7rem;text-align:center}.calendar .calendar-body{color:#404040}.calendar .calendar-date{border:0;padding:.2rem}.calendar .calendar-date .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.05rem solid transparent;border-radius:50%;color:#404040;cursor:pointer;font-size:.7rem;height:1.4rem;line-height:1rem;outline:0;padding:.1rem;position:relative;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;vertical-align:middle;white-space:nowrap;width:1.4rem}.calendar .calendar-date .date-item.date-today{border-color:#e5e5f9;color:#5755d9}.calendar .calendar-date .date-item:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.calendar .calendar-date .date-item:focus,.calendar .calendar-date .date-item:hover{background:#fefeff;border-color:#e5e5f9;color:#5755d9;text-decoration:none}.calendar .calendar-date .date-item.active,.calendar .calendar-date .date-item:active{background:#4b48d6;border-color:#3634d2;color:#000}.calendar .calendar-date .date-item.badge::after{position:absolute;right:3px;top:3px;transform:translate(50%,-50%)}.calendar .calendar-date .calendar-event.disabled,.calendar .calendar-date .calendar-event:disabled,.calendar .calendar-date .date-item.disabled,.calendar .calendar-date .date-item:disabled{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-date.next-month .calendar-event,.calendar .calendar-date.next-month .date-item,.calendar .calendar-date.prev-month .calendar-event,.calendar .calendar-date.prev-month .date-item{opacity:.25}.calendar .calendar-range{position:relative}.calendar .calendar-range::before{background:#f1f1fc;content:"";height:1.4rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.calendar .calendar-range.range-start::before{left:50%}.calendar .calendar-range.range-end::before{right:50%}.calendar .calendar-range.range-end .date-item,.calendar .calendar-range.range-start .date-item{background:#4b48d6;border-color:#3634d2;color:#000}.calendar .calendar-range .date-item{color:#5755d9}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.05rem solid #a6a6a6;border-right:.05rem solid #a6a6a6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:5.5rem;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .date-item{align-self:flex-end;-ms-flex-item-align:end;height:1.4rem;margin-right:.2rem;margin-top:.2rem}.calendar.calendar-lg .calendar-range::before{top:19px}.calendar.calendar-lg .calendar-range.range-start::before{left:auto;width:19px}.calendar.calendar-lg .calendar-range.range-end::before{right:19px}.calendar.calendar-lg .calendar-events{flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.2rem}.calendar.calendar-lg .calendar-event{border-radius:.1rem;display:block;font-size:.7rem;margin:.1rem auto;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;white-space:nowrap}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-container .carousel-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-container .carousel-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-container .carousel-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-container .carousel-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-container .carousel-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-container .carousel-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-container .carousel-item:nth-of-type(8){animation:carousel-slidein .75s ease-in-out 1;opacity:1;z-index:100}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-nav .nav-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-nav .nav-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-nav .nav-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-nav .nav-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-nav .nav-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-nav .nav-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-nav .nav-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-nav .nav-item:nth-of-type(8){color:#bfbfbf}.carousel{background:#0d0d0d;display:block;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%;z-index:1}.carousel .carousel-container{height:100%;left:0;position:relative}.carousel .carousel-container::before{content:"";display:block;padding-bottom:56.25%}.carousel .carousel-container .carousel-item{animation:carousel-slideout 1s ease-in-out 1;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carousel .carousel-container .carousel-item:hover .item-next,.carousel .carousel-container .carousel-item:hover .item-prev{opacity:1}.carousel .carousel-container .item-next,.carousel .carousel-container .item-prev{background:rgba(191,191,191,.25);border-color:rgba(191,191,191,.5);color:#bfbfbf;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s;z-index:100}.carousel .carousel-container .item-prev{left:1rem}.carousel .carousel-container .item-next{right:1rem}.carousel .carousel-nav{bottom:.4rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:10rem;z-index:100}.carousel .carousel-nav .nav-item{color:rgba(191,191,191,.5);display:block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.6rem;margin:.2rem;max-width:2.5rem;position:relative}.carousel .carousel-nav .nav-item::before{background:currentColor;content:"";display:block;height:.1rem;position:absolute;top:.5rem;width:100%}@keyframes carousel-slidein{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes carousel-slideout{0%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(-50%)}}.comparison-slider{height:50vh;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%}.comparison-slider .comparison-after,.comparison-slider .comparison-before{height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0}.comparison-slider .comparison-after img,.comparison-slider .comparison-before img{height:100%;object-fit:cover;object-position:left center;position:absolute;width:100%}.comparison-slider .comparison-before{width:100%;z-index:1}.comparison-slider .comparison-before .comparison-label{right:.8rem}.comparison-slider .comparison-after{max-width:100%;min-width:0;z-index:2}.comparison-slider .comparison-after::before{background:0 0;content:"";cursor:default;height:100%;left:0;position:absolute;right:.8rem;top:0;z-index:1}.comparison-slider .comparison-after::after{background:currentColor;border-radius:50%;box-shadow:0 -5px,0 5px;color:#000;content:"";height:3px;position:absolute;right:.4rem;top:50%;transform:translate(50%,-50%);width:3px}.comparison-slider .comparison-after .comparison-label{left:.8rem}.comparison-slider .comparison-resizer{animation:first-run 1.5s 1 ease-in-out;cursor:ew-resize;height:.8rem;left:0;max-width:100%;min-width:.8rem;opacity:0;outline:0;position:relative;resize:horizontal;top:50%;transform:translateY(-50%) scaleY(30);width:0}.comparison-slider .comparison-label{background:rgba(0,0,0,.5);bottom:.8rem;color:#000;padding:.2rem .4rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes first-run{0%{width:0}25%{width:2.4rem}50%{width:.8rem}75%{width:1.2rem}100%{width:0}}.filter .filter-tag#tag-0:checked~.filter-nav .chip[for=tag-0],.filter .filter-tag#tag-1:checked~.filter-nav .chip[for=tag-1],.filter .filter-tag#tag-2:checked~.filter-nav .chip[for=tag-2],.filter .filter-tag#tag-3:checked~.filter-nav .chip[for=tag-3],.filter .filter-tag#tag-4:checked~.filter-nav .chip[for=tag-4],.filter .filter-tag#tag-5:checked~.filter-nav .chip[for=tag-5],.filter .filter-tag#tag-6:checked~.filter-nav .chip[for=tag-6],.filter .filter-tag#tag-7:checked~.filter-nav .chip[for=tag-7],.filter .filter-tag#tag-8:checked~.filter-nav .chip[for=tag-8]{background:#5755d9;color:#000}.filter .filter-tag#tag-1:checked~.filter-body .filter-item:not([data-tag~=tag-1]),.filter .filter-tag#tag-2:checked~.filter-body .filter-item:not([data-tag~=tag-2]),.filter .filter-tag#tag-3:checked~.filter-body .filter-item:not([data-tag~=tag-3]),.filter .filter-tag#tag-4:checked~.filter-body .filter-item:not([data-tag~=tag-4]),.filter .filter-tag#tag-5:checked~.filter-body .filter-item:not([data-tag~=tag-5]),.filter .filter-tag#tag-6:checked~.filter-body .filter-item:not([data-tag~=tag-6]),.filter .filter-tag#tag-7:checked~.filter-body .filter-item:not([data-tag~=tag-7]),.filter .filter-tag#tag-8:checked~.filter-body .filter-item:not([data-tag~=tag-8]){display:none}.filter .filter-nav{margin:.4rem 0}.filter .filter-body{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0d0d0d;border:0;border-radius:.1rem;display:block;height:.8rem;width:100%}.meter::-webkit-meter-inner-element{display:block}.meter::-webkit-meter-bar,.meter::-webkit-meter-even-less-good-value,.meter::-webkit-meter-optimum-value,.meter::-webkit-meter-suboptimum-value{border-radius:.1rem}.meter::-webkit-meter-bar{background:#0d0d0d}.meter::-webkit-meter-optimum-value{background:#32b643}.meter::-webkit-meter-suboptimum-value{background:#ffb700}.meter::-webkit-meter-even-less-good-value{background:#e85600}.meter:-moz-meter-optimum,.meter:-moz-meter-sub-optimum,.meter:-moz-meter-sub-sub-optimum,.meter::-moz-meter-bar{border-radius:.1rem}.meter:-moz-meter-optimum::-moz-meter-bar{background:#32b643}.meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#ffb700}.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#e85600}.off-canvas{display:-ms-flexbox;display:flex;-ms-flex-flow:nowrap;flex-flow:nowrap;height:100%;position:relative;width:100%}.off-canvas .off-canvas-toggle{display:block;position:absolute;right:.4rem;top:.4rem;transition:none;z-index:1}.off-canvas .off-canvas-sidebar{background:#0d0d0d;bottom:0;min-width:10rem;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s;z-index:200}.off-canvas .off-canvas-content{-ms-flex:1 1 auto;flex:1 1 auto;height:100%;padding:.4rem .4rem .4rem 4rem}.off-canvas .off-canvas-overlay{background:rgba(0,0,0,.1);border-color:transparent;border-radius:0;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.off-canvas .off-canvas-sidebar.active,.off-canvas .off-canvas-sidebar:target{transform:translateX(0)}.off-canvas .off-canvas-sidebar.active~.off-canvas-overlay,.off-canvas .off-canvas-sidebar:target~.off-canvas-overlay{display:block;z-index:100}@media (min-width:960px){.off-canvas.off-canvas-sidebar-show .off-canvas-toggle{display:none}.off-canvas.off-canvas-sidebar-show .off-canvas-sidebar{-ms-flex:0 0 auto;flex:0 0 auto;position:relative;transform:none}.off-canvas.off-canvas-sidebar-show .off-canvas-overlay{display:none!important}}.parallax{display:block;height:auto;position:relative;width:auto}.parallax .parallax-content{box-shadow:0 1rem 2.1rem rgba(0,0,0,.3);height:auto;transform:perspective(1000px);transform-style:preserve-3d;transition:all .4s ease;width:100%}.parallax .parallax-content::before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.parallax .parallax-front{align-items:center;color:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:100%;justify-content:center;left:0;position:absolute;text-align:center;text-shadow:0 0 20px rgba(0,0,0,.75);top:0;transform:translateZ(50px) scale(.95);transition:transform .4s;width:100%;z-index:1}.parallax .parallax-top-left{height:50%;left:0;outline:0;position:absolute;top:0;width:50%;z-index:100}.parallax .parallax-top-left:focus~.parallax-content,.parallax .parallax-top-left:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg)}.parallax .parallax-top-left:focus~.parallax-content::before,.parallax .parallax-top-left:hover~.parallax-content::before{background:linear-gradient(135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-left:focus~.parallax-content .parallax-front,.parallax .parallax-top-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,4.5px,50px) scale(.95)}.parallax .parallax-top-right{height:50%;outline:0;position:absolute;right:0;top:0;width:50%;z-index:100}.parallax .parallax-top-right:focus~.parallax-content,.parallax .parallax-top-right:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(3deg)}.parallax .parallax-top-right:focus~.parallax-content::before,.parallax .parallax-top-right:hover~.parallax-content::before{background:linear-gradient(-135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-right:focus~.parallax-content .parallax-front,.parallax .parallax-top-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,4.5px,50px) scale(.95)}.parallax .parallax-bottom-left{bottom:0;height:50%;left:0;outline:0;position:absolute;width:50%;z-index:100}.parallax .parallax-bottom-left:focus~.parallax-content,.parallax .parallax-bottom-left:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(-3deg)}.parallax .parallax-bottom-left:focus~.parallax-content::before,.parallax .parallax-bottom-left:hover~.parallax-content::before{background:linear-gradient(45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-left:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,-4.5px,50px) scale(.95)}.parallax .parallax-bottom-right{bottom:0;height:50%;outline:0;position:absolute;right:0;width:50%;z-index:100}.parallax .parallax-bottom-right:focus~.parallax-content,.parallax .parallax-bottom-right:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(3deg)}.parallax .parallax-bottom-right:focus~.parallax-content::before,.parallax .parallax-bottom-right:hover~.parallax-content::before{background:linear-gradient(-45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-right:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,-4.5px,50px) scale(.95)}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#050505;border:0;border-radius:.1rem;color:#5755d9;height:.2rem;position:relative;width:100%}.progress::-webkit-progress-bar{background:0 0;border-radius:.1rem}.progress::-webkit-progress-value{background:#5755d9;border-radius:.1rem}.progress::-moz-progress-bar{background:#5755d9;border-radius:.1rem}.progress:indeterminate{animation:progress-indeterminate 1.5s linear infinite;background:#050505 linear-gradient(to right,#5755d9 30%,#050505 30%) top left/150% 150% no-repeat}.progress:indeterminate::-moz-progress-bar{background:0 0}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:block;height:1.2rem;width:100%}.slider:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2);outline:0}.slider.tooltip:not([data-tooltip])::after{content:attr(value)}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#5755d9;border:0;border-radius:50%;height:.6rem;margin-top:-.25rem;-webkit-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-moz-range-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-moz-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-ms-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-ms-transition:transform .2s;transition:transform .2s;width:.6rem}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:active::-moz-range-thumb{transform:scale(1.25)}.slider:active::-ms-thumb{transform:scale(1.25)}.slider.disabled::-webkit-slider-thumb,.slider:disabled::-webkit-slider-thumb{background:#bfbfbf;transform:scale(1)}.slider.disabled::-moz-range-thumb,.slider:disabled::-moz-range-thumb{background:#bfbfbf;transform:scale(1)}.slider.disabled::-ms-thumb,.slider:disabled::-ms-thumb{background:#bfbfbf;transform:scale(1)}.slider::-webkit-slider-runnable-track{background:#050505;border-radius:.1rem;height:.1rem;width:100%}.slider::-moz-range-track{background:#050505;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-track{background:#050505;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-fill-lower{background:#5755d9}.timeline .timeline-item{display:-ms-flexbox;display:flex;margin-bottom:1.2rem;position:relative}.timeline .timeline-item::before{background:#a6a6a6;content:"";height:100%;left:11px;position:absolute;top:1.2rem;width:2px}.timeline .timeline-item .timeline-left{-ms-flex:0 0 auto;flex:0 0 auto}.timeline .timeline-item .timeline-content{-ms-flex:1 1 auto;flex:1 1 auto;padding:2px 0 2px .8rem}.timeline .timeline-item .timeline-icon{align-items:center;border-radius:50%;color:#000;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:1.2rem;justify-content:center;text-align:center;width:1.2rem}.timeline .timeline-item .timeline-icon::before{border:.1rem solid #5755d9;border-radius:50%;content:"";display:block;height:.4rem;left:.4rem;position:absolute;top:.4rem;width:.4rem}.timeline .timeline-item .timeline-icon.icon-lg{background:#5755d9;line-height:1.2rem}.timeline .timeline-item .timeline-icon.icon-lg::before{content:none}.viewer-360{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column}.viewer-360 .viewer-slider[max="36"][value="1"]+.viewer-image{background-position-y:0}.viewer-360 .viewer-slider[max="36"][value="2"]+.viewer-image{background-position-y:2.8571428571%}.viewer-360 .viewer-slider[max="36"][value="3"]+.viewer-image{background-position-y:5.7142857143%}.viewer-360 .viewer-slider[max="36"][value="4"]+.viewer-image{background-position-y:8.5714285714%}.viewer-360 .viewer-slider[max="36"][value="5"]+.viewer-image{background-position-y:11.4285714286%}.viewer-360 .viewer-slider[max="36"][value="6"]+.viewer-image{background-position-y:14.2857142857%}.viewer-360 .viewer-slider[max="36"][value="7"]+.viewer-image{background-position-y:17.1428571429%}.viewer-360 .viewer-slider[max="36"][value="8"]+.viewer-image{background-position-y:20%}.viewer-360 .viewer-slider[max="36"][value="9"]+.viewer-image{background-position-y:22.8571428571%}.viewer-360 .viewer-slider[max="36"][value="10"]+.viewer-image{background-position-y:25.7142857143%}.viewer-360 .viewer-slider[max="36"][value="11"]+.viewer-image{background-position-y:28.5714285714%}.viewer-360 .viewer-slider[max="36"][value="12"]+.viewer-image{background-position-y:31.4285714286%}.viewer-360 .viewer-slider[max="36"][value="13"]+.viewer-image{background-position-y:34.2857142857%}.viewer-360 .viewer-slider[max="36"][value="14"]+.viewer-image{background-position-y:37.1428571429%}.viewer-360 .viewer-slider[max="36"][value="15"]+.viewer-image{background-position-y:40%}.viewer-360 .viewer-slider[max="36"][value="16"]+.viewer-image{background-position-y:42.8571428571%}.viewer-360 .viewer-slider[max="36"][value="17"]+.viewer-image{background-position-y:45.7142857143%}.viewer-360 .viewer-slider[max="36"][value="18"]+.viewer-image{background-position-y:48.5714285714%}.viewer-360 .viewer-slider[max="36"][value="19"]+.viewer-image{background-position-y:51.4285714286%}.viewer-360 .viewer-slider[max="36"][value="20"]+.viewer-image{background-position-y:54.2857142857%}.viewer-360 .viewer-slider[max="36"][value="21"]+.viewer-image{background-position-y:57.1428571429%}.viewer-360 .viewer-slider[max="36"][value="22"]+.viewer-image{background-position-y:60%}.viewer-360 .viewer-slider[max="36"][value="23"]+.viewer-image{background-position-y:62.8571428571%}.viewer-360 .viewer-slider[max="36"][value="24"]+.viewer-image{background-position-y:65.7142857143%}.viewer-360 .viewer-slider[max="36"][value="25"]+.viewer-image{background-position-y:68.5714285714%}.viewer-360 .viewer-slider[max="36"][value="26"]+.viewer-image{background-position-y:71.4285714286%}.viewer-360 .viewer-slider[max="36"][value="27"]+.viewer-image{background-position-y:74.2857142857%}.viewer-360 .viewer-slider[max="36"][value="28"]+.viewer-image{background-position-y:77.1428571429%}.viewer-360 .viewer-slider[max="36"][value="29"]+.viewer-image{background-position-y:80%}.viewer-360 .viewer-slider[max="36"][value="30"]+.viewer-image{background-position-y:82.8571428571%}.viewer-360 .viewer-slider[max="36"][value="31"]+.viewer-image{background-position-y:85.7142857143%}.viewer-360 .viewer-slider[max="36"][value="32"]+.viewer-image{background-position-y:88.5714285714%}.viewer-360 .viewer-slider[max="36"][value="33"]+.viewer-image{background-position-y:91.4285714286%}.viewer-360 .viewer-slider[max="36"][value="34"]+.viewer-image{background-position-y:94.2857142857%}.viewer-360 .viewer-slider[max="36"][value="35"]+.viewer-image{background-position-y:97.1428571429%}.viewer-360 .viewer-slider[max="36"][value="36"]+.viewer-image{background-position-y:100%}.viewer-360 .viewer-slider{cursor:ew-resize;-ms-flex-order:2;margin:1rem;order:2;width:60%}.viewer-360 .viewer-image{background-position-y:0;background-repeat:no-repeat;background-size:100%;-ms-flex-order:1;max-width:100%;order:1}
\ No newline at end of file
diff --git a/docs/elements.html b/docs/elements.html
index a6bc034..5598685 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -30,8 +30,8 @@
         </div>
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
-        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark">
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="elements">
             <h3 class="s-title">Elements<a class="anchor" href="#elements" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p>
                Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
@@ -298,21 +287,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/buttons.html b/docs/elements/buttons.html
index 242babf..6374229 100644
--- a/docs/elements/buttons.html
+++ b/docs/elements/buttons.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="buttons">
             <h3 class="s-title">Buttons<a class="anchor" href="#buttons" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Buttons include simple button styles for actions in different types and sizes.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -365,21 +354,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/code.html b/docs/elements/code.html
index bc7ea28..fdd1bb3 100644
--- a/docs/elements/code.html
+++ b/docs/elements/code.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="code">
             <h3 class="s-title">Code<a class="anchor" href="#code" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Code is used for styling inline and multiline code snippets.</p>
             <h4 class="s-subtitle" id="code-inline">Inline code<a class="anchor" href="#code-inline" aria-hidden="true">#</a></h4>
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- inline code --&gt;</span>
@@ -242,21 +231,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/forms.html b/docs/elements/forms.html
index ce21c0d..21fcffe 100644
--- a/docs/elements/forms.html
+++ b/docs/elements/forms.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="forms">
             <h3 class="s-title">Forms<a class="anchor" href="#forms" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Forms provide the most common control styles used in forms, including input, textarea, select, checkbox, radio and switch.</p>
             <h4 class="s-subtitle" id="forms-input">Form input<a class="anchor" href="#forms-input" aria-hidden="true">#</a></h4>
             <div class="docs-demo columns">
@@ -966,21 +955,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/icons.html b/docs/elements/icons.html
index 0d92fd6..32de0be 100644
--- a/docs/elements/icons.html
+++ b/docs/elements/icons.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="icons">
             <h3 class="s-title">Icons.css<a class="anchor" href="#icons" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <div class="docs-demo columns">
               <div class="column">
                 <div class="toast toast-primary">Spectre.css Icons will be moved to a new <a href="https://github.com/picturepan2/icons.css" target="_blank">GitHub Repo</a> while Spectre will only include basic icons.</div>
@@ -418,21 +407,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/labels.html b/docs/elements/labels.html
index ca2dc58..13c402b 100644
--- a/docs/elements/labels.html
+++ b/docs/elements/labels.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="labels">
             <h3 class="s-title">Labels<a class="anchor" href="#labels" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Labels are formatted text tags for highlighted, informative information.</p>
             <div class="docs-demo columns">
               <div class="column"><span class="label mr-1">default label</span><span class="label label-primary mr-1">primary label</span><span class="label label-secondary mr-1">secondary label</span><span class="label label-success mr-1">success label</span><span class="label label-warning mr-1">warning label</span><span class="label label-error">error label</span></div>
@@ -240,21 +229,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/media.html b/docs/elements/media.html
index 337aa38..89d5d40 100644
--- a/docs/elements/media.html
+++ b/docs/elements/media.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="media">
             <h3 class="s-title">Media<a class="anchor" href="#media" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Media includes responsive images, figures and video classes.</p>
             <h4 class="s-subtitle" id="media-images">Images<a class="anchor" href="#media-images" aria-hidden="true">#</a></h4>
             <p>Add the <code>img-responsive</code> class to &lt;img&gt; elements. The images will scale with the parent sizes.</p>
@@ -286,21 +275,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/tables.html b/docs/elements/tables.html
index 806939d..1df3212 100644
--- a/docs/elements/tables.html
+++ b/docs/elements/tables.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="tables">
             <h3 class="s-title">Tables<a class="anchor" href="#tables" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Tables include default styles for tables and data sets.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -390,21 +379,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/elements/typography.html b/docs/elements/typography.html
index c096735..16ed5b4 100644
--- a/docs/elements/typography.html
+++ b/docs/elements/typography.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="typography">
             <h3 class="s-title">Typography<a class="anchor" href="#typography" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Typography sets default styles for headings, paragraphs, semantic text, blockquote and lists elements.</p>
             <h4 class="s-subtitle" id="typography-headings">Headings<a class="anchor" href="#typography-headings" aria-hidden="true">#</a></h4>
             <div class="docs-demo columns">
@@ -416,21 +405,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/examples/starter.html b/docs/examples/starter.html
index 2fe3017..280b9dd 100644
--- a/docs/examples/starter.html
+++ b/docs/examples/starter.html
@@ -24,14 +24,5 @@
         <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p>
       </div>
     </footer>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
-    </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals.html b/docs/experimentals.html
index 6820b57..af903af 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -30,8 +30,8 @@
         </div>
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
-        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark">
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="experimentals">
             <h3 class="s-title">Experimentals<a class="anchor" href="#experimentals" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>
               The Experimentals include experimental elements and features, mostly are not yet ready for wide use.
               These elements and components are limited inside <code>spectre-exp.scss</code> before browsers fully support them.
@@ -336,21 +325,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/autocomplete.html b/docs/experimentals/autocomplete.html
index d90502c..0e68fc4 100644
--- a/docs/experimentals/autocomplete.html
+++ b/docs/experimentals/autocomplete.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="autocomplete">
             <h3 class="s-title">Autocomplete<a class="anchor" href="#autocomplete" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Autocomplete form component provides suggestions while you type. It is often used for tags and contacts input.</p>
             <div class="docs-demo columns">
               <div class="column col-9 col-xs-12">
@@ -325,21 +314,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/calendars.html b/docs/experimentals/calendars.html
index 27b9865..c17b291 100644
--- a/docs/experimentals/calendars.html
+++ b/docs/experimentals/calendars.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="calendars">
             <h3 class="s-title">Calendars<a class="anchor" href="#calendars" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Calendars are designed for date or date range picker and events display. It is made with flex layout.</p>
             <div class="docs-demo columns">
               <div class="column col-4 col-md-12">
@@ -583,21 +572,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/carousels.html b/docs/experimentals/carousels.html
index 398875f..f0719c5 100644
--- a/docs/experimentals/carousels.html
+++ b/docs/experimentals/carousels.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="carousels">
             <h3 class="s-title">Carousels<a class="anchor" href="#carousels" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Carousels are slideshows for cycling images. It is built in pure CSS.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -298,21 +287,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/comparison.html b/docs/experimentals/comparison.html
index 6beac80..65545b9 100644
--- a/docs/experimentals/comparison.html
+++ b/docs/experimentals/comparison.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="comparison">
             <h3 class="s-title">Comparison sliders<a class="anchor" href="#comparison" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Comparison Sliders are sliders for comparing two images. It is built in pure CSS.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -249,21 +238,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/filters.html b/docs/experimentals/filters.html
index aa6d803..83ba9e3 100644
--- a/docs/experimentals/filters.html
+++ b/docs/experimentals/filters.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="filters">
             <h3 class="s-title">Filters<a class="anchor" href="#filters" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Filters are CSS only content filters.</p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -365,21 +354,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/meters.html b/docs/experimentals/meters.html
index f98f7a2..f0838f1 100644
--- a/docs/experimentals/meters.html
+++ b/docs/experimentals/meters.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="meters">
             <h3 class="s-title">Meters<a class="anchor" href="#meters" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Meters represent the value within the known range.</p>
             <div class="docs-demo columns">
               <div class="column col-3 col-xs-12">
@@ -244,21 +233,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/off-canvas.html b/docs/experimentals/off-canvas.html
index 0654549..9dcb593 100644
--- a/docs/experimentals/off-canvas.html
+++ b/docs/experimentals/off-canvas.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="off-canvas">
             <h3 class="s-title">Off-canvas<a class="anchor" href="#off-canvas" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Off-canvas is a navigation layout that the sidebar can slide in and out of the viewport. It is built in pure CSS.</p>
             <p>
               By default, the off-canvas menu is collapsed whenever the window width is.
@@ -261,21 +250,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/parallax.html b/docs/experimentals/parallax.html
index daf1966..40be65d 100644
--- a/docs/experimentals/parallax.html
+++ b/docs/experimentals/parallax.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="parallax">
             <h3 class="s-title">Parallax<a class="anchor" href="#parallax" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Parallax acts like Apple TV/tvOS hover parallax effect. It is built in pure CSS.</p>
             <div class="docs-demo columns">
               <div class="column col-sm-12 col-8 col-mx-auto">
@@ -254,21 +243,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/progress.html b/docs/experimentals/progress.html
index c6bede0..770e4ac 100644
--- a/docs/experimentals/progress.html
+++ b/docs/experimentals/progress.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="progress">
             <h3 class="s-title">Progress<a class="anchor" href="#progress" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Progress indicates the progress completion of a task.</p>
             <div class="docs-demo columns">
               <div class="column col-3 col-xs-12">
@@ -239,21 +228,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/sliders.html b/docs/experimentals/sliders.html
index f8dbd58..f27f4bf 100644
--- a/docs/experimentals/sliders.html
+++ b/docs/experimentals/sliders.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="sliders">
             <h3 class="s-title">Sliders<a class="anchor" href="#sliders" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Sliders are for selecting values from ranges.</p>
             <p>You can add the class <code>tooltip</code> to have tooltip labels.
               If no <code>data-tooltip</code> is set, the <code>value</code> will be used instead.
@@ -238,21 +227,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/timelines.html b/docs/experimentals/timelines.html
index a19401c..176feb0 100644
--- a/docs/experimentals/timelines.html
+++ b/docs/experimentals/timelines.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="timelines">
             <h3 class="s-title">Timelines<a class="anchor" href="#timelines" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Timelines are ordered sequences of activities.</p>
             <div class="docs-demo columns">
               <div class="column col-9 col-sm-12">
@@ -296,21 +285,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/experimentals/viewer-360.html b/docs/experimentals/viewer-360.html
index e1809bb..b3598e3 100644
--- a/docs/experimentals/viewer-360.html
+++ b/docs/experimentals/viewer-360.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -201,17 +201,6 @@
           <div class="container" id="viewer-360">
             <h3 class="s-title">360-Degree Viewer<a class="anchor" href="#viewer-360" aria-hidden="true">#</a></h3>
             <p><small class="label label-secondary">CSS ONLY</small></p>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>360-Degree Viewer is an interactive product photo viewer. It is built in pure CSS. </p>
             <div class="docs-demo columns">
               <div class="column col-12">
@@ -251,21 +240,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/getting-started.html b/docs/getting-started.html
index f65a657..6fa6a1f 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -30,8 +30,8 @@
         </div>
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
-        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark">
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,20 +200,8 @@
         <div class="docs-content" id="content">
           <div class="container" id="getting-started">
             <h3 class="s-title">Getting started<a class="anchor" href="#getting-started" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
-            <p> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
-            <p>
-               Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
+            <p><strong>Spectre.css</strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
+            <p>Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
             <div class="docs-demo columns">
               <div class="column col-6 col-xs-12">
                 <div class="card">
@@ -270,21 +258,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/getting-started/browsers.html b/docs/getting-started/browsers.html
index e106ae2..27d39e7 100644
--- a/docs/getting-started/browsers.html
+++ b/docs/getting-started/browsers.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="browsers">
             <h3 class="s-title">Browser support<a class="anchor" href="#browsers" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Spectre uses <a href="https://github.com/postcss/autoprefixer" target="_blank">Autoprefixer</a> to make most styles compatible with earlier browsers and <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a> for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:</p>
             <ul>
               <li>Chrome <small class="label label-success">LAST 4</small></li>
@@ -231,21 +220,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/getting-started/custom.html b/docs/getting-started/custom.html
index 3d81d5f..eb6ba4a 100644
--- a/docs/getting-started/custom.html
+++ b/docs/getting-started/custom.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="custom">
             <h3 class="s-title">Custom version<a class="anchor" href="#custom" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>You can customize your version of Spectre.css by editing Sass files in <code>/src</code> directory or removing unneeded components from <code>.scss</code> source files.</p>
             <p><a class="btn btn-primary" href="https://github.com/picturepan2/spectre/" target="_blank">Sass Source Code</a></p>
             <p>If you are looking for Less version of Spectre.css, please switch to <code>Less</code> branch.</p>
@@ -409,21 +398,12 @@ gulp.task(<span class="hljs-string">'prefix'</span>, <span class="hljs-function"
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/getting-started/installation.html b/docs/getting-started/installation.html
index 0142131..b846721 100644
--- a/docs/getting-started/installation.html
+++ b/docs/getting-started/installation.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="installation">
             <h3 class="s-title">Installation<a class="anchor" href="#installation" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use package managers.</p>
             <h4 class="s-subtitle" id="install-manually">Install manually<a class="anchor" href="#install-manually" aria-hidden="true">#</a></h4>
             <p>Download the compiled and minified <a href="https://github.com/picturepan2/spectre/releases" target="_blank">Spectre CSS file</a> (core ~10KB min+gzip):</p>
@@ -245,21 +234,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/getting-started/whatsnew.html b/docs/getting-started/whatsnew.html
index 137fd11..4c9e1e0 100644
--- a/docs/getting-started/whatsnew.html
+++ b/docs/getting-started/whatsnew.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -199,18 +199,7 @@
       <div class="off-canvas-content">
         <div class="docs-content" id="content">
           <div class="container" id="whatsnew">
-            <h3 class="s-title">What's new<a class="anchor" href="#whatsnew" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div><h4>Spectre.css Changelog</h4>
+            <h3 class="s-title">What's new<a class="anchor" href="#whatsnew" aria-hidden="true">#</a></h3><h4>Spectre.css Changelog</h4>
 <h5>v0.5.8 <a href="https://github.com/picturepan2/spectre/releases/tag/v0.5.8">#</a></h5>
 <ul>
 <li>IMPORTANT: Moving</li>
@@ -515,21 +504,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 04e269d..3bb15d8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,14 +27,14 @@
       <div class="grid-hero container grid-lg text-center" id="overview">
         <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
             <h2>SPECTRE DARK</h2></a></div>
-        <h1>SPECTRE-DARK.CSS</h1>
-        <h2>A
-          <u>Lightweight</u>,
-          <u>Responsive</u> and
-          <u>Modern</u> CSS Framework—now at dark.
+        <h1>SPECTRE.CSS</h1>
+        <h2>A 
+          <u>Lightweight</u>, 
+          <u>Responsive</u> and 
+          <u>Modern</u> CSS Framework
         </h2>
         <p><a class="btn btn-primary btn-lg mr-2" href="getting-started.html">Docs</a><a class="btn btn-primary btn-lg" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a></p>
-        <p class="text-gray">Latest version: <span class="version"></span></p>
+        <p class="text-gray">Latest version:<span class="version"></span></p>
         <div class="columns">
           <div class="column col-4 col-xs-12">
             <div class="card text-center">
@@ -57,25 +57,13 @@
         </div>
       </div>
     </div>
-    <div class="section section-ads bg-gray">
-      <div class="docs-ad">
-        <div class="hide-md text-center">
-          <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-          <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-          <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-        </div>
-        <div class="show-md text-center">
-          <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-          <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-        </div>
-      </div>
-    </div>
+    <div class="section section-ads bg-gray"></div>
     <div class="section section-features bg-primary text-light text-center">
       <div class="container grid-lg">
         <h2>Introduction</h2>
         <div class="columns">
           <div class="column col-10 col-sm-12 col-mx-auto text-left">
-            <p class="text-secondary"><strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
+            <p class="text-secondary"><strong>Spectre.css</strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p class="text-secondary">Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
           </div>
           <div class="column col-10 col-sm-12 col-mx-auto"><a class="btn btn-lg" href="getting-started/installation.html">Install Spectre.css</a></div>
@@ -90,7 +78,7 @@
               <div class="card-header">
                 <div class="card-title h6">Spectre Twitter</div>
               </div>
-              <div class="card-body">For the latest announcements and updates, follow on Twitter: <a href="https://twitter.com/spectrecss" target="_blank">@spectrecss</a>.</div>
+              <div class="card-body">For the latest announcements and updates, follow on Twitter:<a href="https://twitter.com/spectrecss" target="_blank">@spectrecss</a>.</div>
               <div class="card-footer"><a class="btn btn-primary" href="https://twitter.com/spectrecss" target="_blank">Follow</a></div>
             </div>
           </div>
@@ -122,14 +110,5 @@
         <p>Designed and built with <span class="text-error">&hearts;</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </div>
     </footer>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
-    </script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/docs/layout.html b/docs/layout.html
index a0db1b8..86e9482 100644
--- a/docs/layout.html
+++ b/docs/layout.html
@@ -30,8 +30,8 @@
         </div>
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
-        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark">
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="layout">
             <h3 class="s-title">Layout<a class="anchor" href="#layout" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p>
                Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
@@ -262,21 +251,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/layout/grid.html b/docs/layout/grid.html
index 2232913..053b843 100644
--- a/docs/layout/grid.html
+++ b/docs/layout/grid.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="grid">
             <h3 class="s-title">Flexbox grid<a class="anchor" href="#grid" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Layout includes flexbox based responsive grid system with 12 columns.</p>
             <div class="docs-demo columns">
               <div class="column">
@@ -449,21 +438,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/layout/hero.html b/docs/layout/hero.html
index f25e0e8..73fa38c 100644
--- a/docs/layout/hero.html
+++ b/docs/layout/hero.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="hero">
             <h3 class="s-title">Hero<a class="anchor" href="#hero" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Hero container shows key featured content or information.</p>
             <div class="docs-demo columns">
               <div class="column">
@@ -254,21 +243,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/layout/navbar.html b/docs/layout/navbar.html
index 5c15190..33cd534 100644
--- a/docs/layout/navbar.html
+++ b/docs/layout/navbar.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="navbar">
             <h3 class="s-title">Navbar<a class="anchor" href="#navbar" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Navbar is a layout container that appears in the header of apps and websites.</p>
             <div class="docs-demo columns">
               <div class="column">
@@ -277,21 +266,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/layout/responsive.html b/docs/layout/responsive.html
index 0cb70c8..5652dd7 100644
--- a/docs/layout/responsive.html
+++ b/docs/layout/responsive.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="responsive">
             <h3 class="s-title">Responsive<a class="anchor" href="#responsive" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Spectre provides a neat responsive layout grid system and responsive visibility utilities.</p>
             <div class="docs-demo columns">
               <div class="column col-10 col-lg-8 col-md-6 col-sm-4">
@@ -515,21 +504,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/src/_layout/_ad-g.pug b/docs/src/_layout/_ad-g.pug
index c227ea8..e69de29 100644
--- a/docs/src/_layout/_ad-g.pug
+++ b/docs/src/_layout/_ad-g.pug
@@ -1,13 +0,0 @@
-block ad-adsense
-  .docs-ad
-    .hide-md.text-center
-      script(async='', src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js')
-      // GitHub-lg
-      ins.adsbygoogle.mx-auto(style='display:inline-block;width:728px;height:90px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9894180784')
-      script.
-        (adsbygoogle = window.adsbygoogle || []).push({});
-    .show-md.text-center
-      // GitHub-sm
-      ins.adsbygoogle(style='display:inline-block;width:300px;height:250px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9278881734')
-      script.
-        (adsbygoogle = window.adsbygoogle || []).push({});
\ No newline at end of file
diff --git a/docs/src/_layout/_docs-layout.pug b/docs/src/_layout/_docs-layout.pug
index dcec070..e855074 100644
--- a/docs/src/_layout/_docs-layout.pug
+++ b/docs/src/_layout/_docs-layout.pug
@@ -16,12 +16,14 @@ block content
         if slug != parent
           a.docs-logo(href='../index.html')
             img(src='../img/spectre-logo.svg' alt='Spectre.css CSS Framework')
-            h2 SPECTRE
+            h2 SPECTRE DARK
+            br
             small.label.label-secondary.text-bold DOCS
         else
           a.docs-logo(href='index.html')
-            img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework')
-            h2 SPECTRE
+            img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework—now at dark')
+            h2 SPECTRE DARK
+            br
             small.label.label-secondary.text-bold DOCS
       .docs-nav
         .accordion-container
@@ -104,7 +106,7 @@ block content
             {url: 'sliders', name: 'Sliders'},
             {url: 'timelines', name: 'Timelines'}
           )
-  
+
     a.off-canvas-overlay(href='#close')
     .off-canvas-content
       #content.docs-content
@@ -112,9 +114,9 @@ block content
 
   script(type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js")
   script.
-    docsearch({ 
-    apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-    indexName: 'picturepan2_spectre', 
-    inputSelector: '.docs-search', 
+    docsearch({
+    apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+    indexName: 'picturepan2_spectre',
+    inputSelector: '.docs-search',
     debug: true
-    }); 
\ No newline at end of file
+    });
diff --git a/docs/src/_layout/_example-layout.pug b/docs/src/_layout/_example-layout.pug
index c3afafe..d9c5193 100644
--- a/docs/src/_layout/_example-layout.pug
+++ b/docs/src/_layout/_example-layout.pug
@@ -1,7 +1,7 @@
 block variables
   - var slug = ''
   - var parent = ''
-  - var title = 'Spectre.css - A Lightweight, Responsive and Modern CSS Framework'
+  - var title = 'Spectre.css - A Lightweight, Responsive and Modern CSS Framework—now at dark.'
   - var description = 'Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
 
 doctype html
@@ -18,18 +18,7 @@ html(lang='en')
     link(rel='stylesheet' href='../dist/spectre.min.css')
     link(rel='stylesheet' href='../dist/spectre-icons.min.css')
     link(rel='stylesheet' href='../dist/spectre-exp.min.css')
-    link(rel='stylesheet' href='../dist/docs.min.css') 
+    link(rel='stylesheet' href='../dist/docs.min.css')
 
   body
     block content
-
-    script.
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
-
-  
\ No newline at end of file
diff --git a/docs/src/_layout/_layout.pug b/docs/src/_layout/_layout.pug
index 676bda5..6fc5b99 100644
--- a/docs/src/_layout/_layout.pug
+++ b/docs/src/_layout/_layout.pug
@@ -10,10 +10,10 @@ block variables
 
 if slug == parent
   if slug == 'index'
-    - var url = domain 
+    - var url = domain
   else
     - var url = domain + slug + '.html'
-else 
+else
   - var url = domain + parent + '/' + slug + '.html'
 
 doctype html
@@ -38,8 +38,8 @@ html(lang='en')
       link(rel='stylesheet' href='../dist/spectre.min.css')
       link(rel='stylesheet' href='../dist/spectre-icons.min.css')
       link(rel='stylesheet' href='../dist/spectre-exp.min.css')
-      link(rel='stylesheet' href='../dist/docs.min.css') 
-    else 
+      link(rel='stylesheet' href='../dist/docs.min.css')
+    else
       link(rel='shortcut icon' href='img/favicons/favicon.ico')
       link(rel='icon' href='img/favicons/favicon.png')
       link(rel='stylesheet' href='dist/spectre.min.css')
@@ -50,13 +50,3 @@ html(lang='en')
 
   body
     block content
-
-    script.
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
-  
\ No newline at end of file
diff --git a/docs/src/getting-started.pug b/docs/src/getting-started.pug
index c157ea7..2a4937a 100644
--- a/docs/src/getting-started.pug
+++ b/docs/src/getting-started.pug
@@ -8,12 +8,11 @@ block variables
 
 block docs-content
   +docs-heading('getting-started', 'Getting started')
-    include _layout/_ad-g.pug
 
-    p 
-      strong Spectre.css 
+    p
+      strong Spectre.css
       | is a lightweight, responsive and modern CSS framework for faster and extensible development.
-    p 
+    p
       | Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
 
     .docs-demo.columns
@@ -25,7 +24,7 @@ block docs-content
             | How to install and use Spectre.css
           .card-footer
             a.btn.btn-primary(href="getting-started/installation.html") View
-              
+
       .column.col-6.col-xs-12
         .card
           .card-header
@@ -34,7 +33,7 @@ block docs-content
             | Customize your version of Spectre.css
           .card-footer
             a.btn.btn-primary(href="getting-started/custom.html") View
-        
+
       .column.col-6.col-xs-12
         .card
           .card-header
@@ -43,7 +42,7 @@ block docs-content
             | Browser compatibility and support
           .card-footer
             a.btn.btn-primary(href="getting-started/browsers.html") View
-              
+
       .column.col-6.col-xs-12
         .card
           .card-header
diff --git a/docs/src/index.pug b/docs/src/index.pug
index 25a9359..0cdbc5a 100644
--- a/docs/src/index.pug
+++ b/docs/src/index.pug
@@ -12,7 +12,7 @@ block content
       .docs-brand
         a.docs-logo(href='index.html')
           img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework')
-          h2 SPECTRE
+          h2 SPECTRE DARK
       h1 SPECTRE.CSS
       h2
         | A #[u Lightweight], #[u Responsive] and #[u Modern] CSS Framework
@@ -20,7 +20,7 @@ block content
         a.btn.btn-primary.btn-lg.mr-2(href='getting-started.html') Docs
         a.btn.btn-primary.btn-lg(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
       p.text-gray
-        | Latest version: 
+        | Latest version:
         span.version
       .columns
         .column.col-4.col-xs-12
@@ -41,7 +41,7 @@ block content
               span.card-title Modern
             .card-body
               | Elegantly designed and developed elements and components
-  
+
   .section.section-ads.bg-gray
     include _layout/_ad-g.pug
 
@@ -51,7 +51,7 @@ block content
       .columns
         .column.col-10.col-sm-12.col-mx-auto.text-left
           p.text-secondary
-            strong Spectre.css 
+            strong Spectre.css
             | is a lightweight, responsive and modern CSS framework for faster and extensible development.
           p.text-secondary
             | Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
@@ -66,7 +66,7 @@ block content
             .card-header
               .card-title.h6 Spectre Twitter
             .card-body
-              | For the latest announcements and updates, follow on Twitter: 
+              | For the latest announcements and updates, follow on Twitter:
               a(href='https://twitter.com/spectrecss' target='_blank') @spectrecss
               | .
             .card-footer
@@ -91,4 +91,4 @@ block content
     include _layout/_ad-c.pug
 
   footer.section.section-footer
-    include _layout/_footer.pug
\ No newline at end of file
+    include _layout/_footer.pug
diff --git a/docs/utilities.html b/docs/utilities.html
index a90e237..7c51ab9 100644
--- a/docs/utilities.html
+++ b/docs/utilities.html
@@ -30,8 +30,8 @@
         </div>
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
-        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+        <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework—now at dark">
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="utilities">
             <h3 class="s-title">Utilities<a class="anchor" href="#utilities" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p> <strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p>
                Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
@@ -298,21 +287,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/colors.html b/docs/utilities/colors.html
index b3e2e8f..7ee1589 100644
--- a/docs/utilities/colors.html
+++ b/docs/utilities/colors.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="colors">
             <h3 class="s-title">Color utilities<a class="anchor" href="#colors" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Color utilities are used for changing colors for text, link and background.</p>
             <h4 class="s-subtitle" id="colors-text">Text colors<a class="anchor" href="#colors-text" aria-hidden="true">#</a></h4>
             <div class="docs-demo columns">
@@ -285,21 +274,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/cursors.html b/docs/utilities/cursors.html
index 80cb9dc..cb2189a 100644
--- a/docs/utilities/cursors.html
+++ b/docs/utilities/cursors.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="cursors">
             <h3 class="s-title">Cursor utilities<a class="anchor" href="#cursors" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Cursor utilities specify which mouse cursor to display when mouseover.</p>
             <div class="docs-demo columns">
               <div class="column col-4">
@@ -255,21 +244,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/display.html b/docs/utilities/display.html
index e0d80cd..1268701 100644
--- a/docs/utilities/display.html
+++ b/docs/utilities/display.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="display">
             <h3 class="s-title">Display utilities<a class="anchor" href="#display" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Display utilities are used for display and hidden things.</p>
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- display: block; --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-block"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
@@ -244,21 +233,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/divider.html b/docs/utilities/divider.html
index ae5d254..c932041 100644
--- a/docs/utilities/divider.html
+++ b/docs/utilities/divider.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="divider">
             <h3 class="s-title">Divider<a class="anchor" href="#divider" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>The Divider is used for separating elements.</p>
             <div class="docs-demo columns">
               <div class="column">
@@ -283,21 +272,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/loading.html b/docs/utilities/loading.html
index d28304e..41f0433 100644
--- a/docs/utilities/loading.html
+++ b/docs/utilities/loading.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="loading">
             <h3 class="s-title">Loading<a class="anchor" href="#loading" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>
               Loading indicator is used for loading or updating.
               You can add the <code>loading</code> class to a container for loading status.
@@ -240,21 +229,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/position.html b/docs/utilities/position.html
index ff9eb59..d9415d3 100644
--- a/docs/utilities/position.html
+++ b/docs/utilities/position.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="position">
             <h3 class="s-title">Position utilities<a class="anchor" href="#position" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Position utilities are used for useful layout and position things, including clearfix, float, position and margin/padding utilities.</p>
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- clear float --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"clearfix"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
@@ -258,21 +247,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/shapes.html b/docs/utilities/shapes.html
index a9bccfe..5d5cdca 100644
--- a/docs/utilities/shapes.html
+++ b/docs/utilities/shapes.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="shapes">
             <h3 class="s-title">Shape utilities<a class="anchor" href="#shapes" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Shape utilities are used for changing element shapes.</p>
             <div class="docs-demo columns">
               <div class="column col-6 text-center">
@@ -235,21 +224,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/utilities/text.html b/docs/utilities/text.html
index 81d3575..2752c36 100644
--- a/docs/utilities/text.html
+++ b/docs/utilities/text.html
@@ -31,7 +31,7 @@
       </div>
       <div class="docs-sidebar off-canvas-sidebar" id="sidebar">
         <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-            <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a>
+            <h2>SPECTRE DARK</h2><br><small class="label label-secondary text-bold">DOCS</small></a>
         </div>
         <div class="docs-nav">
           <div class="accordion-container">
@@ -200,17 +200,6 @@
         <div class="docs-content" id="content">
           <div class="container" id="text">
             <h3 class="s-title">Text utilities<a class="anchor" href="#text" aria-hidden="true">#</a></h3>
-            <div class="docs-ad">
-              <div class="hide-md text-center">
-                <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-              <div class="show-md text-center">
-                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
-                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
-              </div>
-            </div>
             <p>Text utilities are used for text alignment, styles and overflow things.</p>
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- left-aligned text --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"text-left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
@@ -254,21 +243,12 @@
     </div>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script>
-      docsearch({ 
-      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
-      indexName: 'picturepan2_spectre', 
-      inputSelector: '.docs-search', 
+      docsearch({
+      apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+      indexName: 'picturepan2_spectre',
+      inputSelector: '.docs-search',
       debug: true
-      }); 
-    </script>
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-      
-      ga('create', 'UA-2702768-8', 'auto');
-      ga('send', 'pageview');
+      });
     </script>
   </body>
 </html>
\ No newline at end of file
-- 
cgit v1.3.1-23-gd82d