From feb0df99ebfc9bb7ed7e6cc070075cb7c4cf005b Mon Sep 17 00:00:00 2001
From: Florin <8792019+florindmtr@users.noreply.github.com>
Date: Mon, 4 Nov 2024 11:28:42 +0200
Subject: [PATCH] [TBT-171] enhance search UI (#3418)

---
 Gemfile.lock                      |  2 +-
 _includes/enterprise_sidebar.html | 27 -------------
 _includes/header.html             | 28 +++++++++++++
 _includes/sidebar.html            | 27 -------------
 assets/javascripts/main.js        |  7 ++--
 assets/stylesheets/_search.sass   | 65 ++++++++++++++++++++++++-------
 assets/stylesheets/_top.sass      | 17 +++++---
 7 files changed, 95 insertions(+), 78 deletions(-)

diff --git a/Gemfile.lock b/Gemfile.lock
index 0d6c57cccec..f5da74bd826 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -100,7 +100,7 @@ GEM
       listen (~> 3.0)
     json (2.3.1)
     kramdown (1.17.0)
-    libv8 (3.16.14.19)
+    libv8 (3.16.14.19.1)
     liquid (4.0.3)
     listen (3.0.8)
       rb-fsevent (~> 0.9, >= 0.9.4)
diff --git a/_includes/enterprise_sidebar.html b/_includes/enterprise_sidebar.html
index 31db71c48f4..566f6b61c19 100644
--- a/_includes/enterprise_sidebar.html
+++ b/_includes/enterprise_sidebar.html
@@ -1,31 +1,4 @@
 <div id="sidebar" class="sidebar">
-  <div>
-    <!-- <h2>Search</h2> -->
-    <div class="searchbox">
-      <form>
-        <input type="text" id="st-search-input" class="searchbox-input" placeholder="Search the docs" />
-      </form>
-      <script type="text/javascript">
-      var Swiftype = window.Swiftype || {};
-        (function() {
-          Swiftype.key = 'tXvDDzd4fNTBnLvxfEyx';
-
-      Swiftype.searchSearchFields = {
-            "page": ["title, body, tags"]
-          };
-          Swiftype.autocompleteSearchFields = {
-            "page": ["title, body, tags"]
-          };
-          /** DO NOT EDIT BELOW THIS LINE **/
-          var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
-          script.src = "//swiftype.com/embed.js";
-          var entry = document.getElementsByTagName('script')[0];
-          document.getElementsByTagName('script')[0].parentNode.insertBefore(script, entry);
-        }());
-      </script>
-    </div>
-  </div>
-
   <section class="sidebar-navigation">
     <nav>
       <h3>Travis CI Enterprise</h3>
diff --git a/_includes/header.html b/_includes/header.html
index 22ef6fee23e..aae9d516a63 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,6 +5,34 @@
       <ul id="navigation" class="navigation">
         <li><a href="https://travis-ci.com/blog">Blog</a></li>
         <li><a href="/">Docs</a></li>
+        <li class="searchbox-wrap">
+          <div class="searchtoggle">
+            <img class="searchtoggleicon" src="/images/ui/search.svg" alt="Search icon" />
+          </div>
+          <div class="searchbox">
+            <form>
+              <input type="text" id="st-search-input" class="searchbox-input" placeholder="Search the docs" />
+            </form>
+            <script type="text/javascript">
+              var Swiftype = window.Swiftype || {};
+                (function() {
+                  Swiftype.key = 'tXvDDzd4fNTBnLvxfEyx';
+
+                  Swiftype.searchSearchFields = {
+                    "page": ["title, body, tags"]
+                  };
+                  Swiftype.autocompleteSearchFields = {
+                    "page": ["title, body, tags"]
+                  };
+                  /** DO NOT EDIT BELOW THIS LINE **/
+                  var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+                  script.src = "//swiftype.com/embed.js";
+                  var entry = document.getElementsByTagName('script')[0];
+                  document.getElementsByTagName('script')[0].parentNode.insertBefore(script, entry);
+                }());
+            </script>
+          </div>
+        </li>
         <li class="toggle"><button type="button" id="toggle-menu" class="button--teal">Menu</button></li>
       </ul>
     </nav>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 4ad82c8144c..1071d275ea7 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -1,31 +1,4 @@
 <div id="sidebar" class="sidebar">
-  <div>
-    <!-- <h2>Search</h2> -->
-    <div class="searchbox">
-      <form>
-        <input type="text" id="st-search-input" class="searchbox-input" placeholder="Search the docs" />
-      </form>
-      <script type="text/javascript">
-      var Swiftype = window.Swiftype || {};
-        (function() {
-          Swiftype.key = 'tXvDDzd4fNTBnLvxfEyx';
-
-          Swiftype.searchSearchFields = {
-            "page": ["title, body, tags"]
-          };
-          Swiftype.autocompleteSearchFields = {
-            "page": ["title, body, tags"]
-          };
-          /** DO NOT EDIT BELOW THIS LINE **/
-          var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
-          script.src = "//swiftype.com/embed.js";
-          var entry = document.getElementsByTagName('script')[0];
-          document.getElementsByTagName('script')[0].parentNode.insertBefore(script, entry);
-        }());
-      </script>
-    </div>
-  </div>
-
   <section class="sidebar-navigation">
     <nav>
       <h3>Getting Started</h3>
diff --git a/assets/javascripts/main.js b/assets/javascripts/main.js
index cb257452913..0eb08268e71 100644
--- a/assets/javascripts/main.js
+++ b/assets/javascripts/main.js
@@ -2,16 +2,17 @@ $(document).ready(function () {
 
   $('#toggle-menu').on('click', function () {
     $('#sidebar').toggleClass('is-open');
-    $('.wrapper').toggleClass('is-fixed')
+    $('.wrapper').toggleClass('is-fixed');
     if ($('#sidebar').hasClass('is-open')) {
       $(this).text('Close');
     } else {
       $(this).text('Menu');
     }
-
   });
 
-
+  $('.searchtoggle').on('click', function () {
+    $('.searchbox').toggleClass('is-open');
+  });
 
   var sidebarToggle = function () {
     $('.sidebar-navigation').addClass('has-js');
diff --git a/assets/stylesheets/_search.sass b/assets/stylesheets/_search.sass
index 06e5f9c7173..4789140687a 100644
--- a/assets/stylesheets/_search.sass
+++ b/assets/stylesheets/_search.sass
@@ -1,15 +1,52 @@
+.topbar .navigation .searchbox-wrap
+  padding: 7px
+  text-align: right
+  margin-right: 10px
 
-.searchbox
-  margin-top: 3rem
-
-.searchbox-input
-  display: block
-  width: 100%
-  padding: .4em .6em
-  border: 2px solid $cream-dark
-  border-radius: 4px
-  background:
-    image: url(../../images/ui/search.svg)
-    repeat: no-repeat
-    size: 1.4rem
-    position: 98% 48%
+  @media #{$large-up}
+    padding: 7px 30px
+
+  .searchbox
+    background-color: #f1f1f1
+    position: absolute
+    padding: 10px 15px
+    top: 54px
+    left: 0
+    right: 0
+    transition: transform 200ms ease
+    will-change: transform
+    transform: translateX(-100%)
+    z-index: 10
+
+    &.is-open
+      transform: translateX(0)
+
+    .enterprise &
+      background-color: #333333
+
+    @media #{$large-up}
+      position: relative
+      transform: none
+      padding: 0
+      top: 0
+
+    .searchbox-input
+      display: block
+      width: 100%
+      padding: .4em 2em
+      border: 2px solid $cream-dark
+      border-radius: 4px
+      color: $asphalt-grey
+      background:
+        image: url(../../images/ui/search.svg)
+        repeat: no-repeat
+        size: 1.4rem
+        position: 1% 48%
+
+  .searchtoggle
+
+    .searchtoggleicon
+      height: 25px
+
+    @media #{$large-up}
+      display: none
diff --git a/assets/stylesheets/_top.sass b/assets/stylesheets/_top.sass
index de5c52d82ca..1acf79d4d3e 100644
--- a/assets/stylesheets/_top.sass
+++ b/assets/stylesheets/_top.sass
@@ -3,6 +3,7 @@
   position: relative
   margin: 0 1.5rem 0 $column-gutter/2
   float: left
+
   a
     display: block
     width: 100px
@@ -17,7 +18,7 @@
       background: $cream-light url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0yMy4yNCwzNi4zMTZjLTAuMjczLTAuMjgzLTAuNTE2LTAuNTQ4LTAuNzA4LTAuNzYyYy0wLjA5MywwLjIxNC0wLjIxNiwwLjQ5Ni0wLjM3OSwwLjg1OWgwLjA0OQ0KCQljMC4xMywwLDAuMjcyLTAuMDE2LDAuNDA4LTAuMDIxQzIyLjgxNywzNi4zNzUsMjMuMDI3LDM2LjM0OSwyMy4yNCwzNi4zMTZ6Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgZD0iTTMzLjIwMiwyOC40MTRsLTAuODEsMC41NjZjLTAuMDU2LDAuMDM4LTAuMTIxLDAuMDU3LTAuMTg4LDAuMDQ5bC04LjA2Mi0wLjkxN2wtMC4xMi0wLjAxM2wtMC40NjgtMC4wNTMNCgkJYy0wLjEwOC0wLjAxMy0wLjE5OS0wLjA4OS0wLjIzMS0wLjE5NWwtMS4yNjItNC4xNTNjLTAuMjExLTAuMDI4LTAuMzk5LTAuMDQzLTAuNTU2LTAuMDQzYy0wLjE2LDAtMC4zNDcsMC4wMTUtMC41NTksMC4wNDMNCgkJbC0xLjIyNiw0LjAzM2MtMC4wMjksMC4wOTUtMC4xMDUsMC4xNjctMC4yMDIsMC4xODhsLTAuNTg3LDAuMTMybC04LjAwNywxLjc4MmMtMC4wMjEsMC4wMDQtMC4wNDIsMC4wMDYtMC4wNjEsMC4wMDYNCgkJYy0wLjA1NSwwLTAuMTExLTAuMDE3LTAuMTU4LTAuMDVsLTAuMzEyLTAuMjE3bC0wLjkzNS0wLjY1NnYtMC4wMDJsLTAuMzc4LTAuMjY0YzAuMDI3LDAuMDg1LDAuMDU4LDAuMTcsMC4wODcsMC4yNXYwLjAwMg0KCQljMC4wMjYsMC4wNzksMC4xNDIsMC40MTIsMC4zNSwwLjkwMmMwLjM1NywwLjg0MSwwLjk4OCwyLjE0NywxLjkxOSwzLjQzNmMxLjU3Ni0wLjQ2MywyLjkzOS0wLjg5NiwzLjM3NS0xLjAzNA0KCQljMC44ODctMS4zNjksMi4xNTEtMi43MjYsMy4wNDktMi43NzNjMC4xNTUtMC4wMDgsMC4zMTctMC4wMTIsMC40NzUtMC4wMTJjMC40NCwwLDAuODYxLDAuMDMyLDEuMjUsMC4wNzcNCgkJYy0wLjMzMS0wLjI5OS0wLjM5OC0wLjY1MS0wLjQ0Ny0wLjgwOGMwLDAsMS4xNDcsMC44OTcsMi42MDUsMC43MDljMS40NjItMC4xODcsMi4zNjgtMS4wMywyLjM2OC0xLjAzcy0wLjAwNSwwLjYxMy0wLjY0MiwxLjA4OQ0KCQljMS4yMjQtMC4zNjksMS43MjktMC40OTUsMi4wNzctMC40OTVjMC4zODIsMCwwLjU2OSwwLjE1OCwwLjczNCwwLjI5OGMwLjAzMiwwLjAyNiwwLjA2NCwwLjA1NiwwLjEwMSwwLjA4NA0KCQljMC45MzksMC43NDEsMi4wNywxLjYzOSwyLjQwMywxLjkwM2MwLjM4MywwLjA0MywxLjU5NiwwLjE4MiwyLjM2MSwwLjI1M2MwLjQ0MSwwLjA0MSwwLjg0LDAuMDczLDEuMjMxLDAuMDczDQoJCWMwLjEyNiwwLDAuMjQ0LTAuMDA1LDAuMzU0LTAuMDEyYzAuNDA0LTAuNzcyLDAuNzc1LTEuNjI3LDEuMTA2LTIuNTY5YzAuMDgyLTAuMjM3LDAuMTY0LTAuNDc4LDAuMjQxLTAuNzI2DQoJCWMwLjA1My0wLjE4OSwwLjEwMy0wLjM4MSwwLjE0Ny0wLjU3NGwtMC4yNzcsMC4xOTVMMzMuMjAyLDI4LjQxNHoiLz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNMTMuMjY4LDIwLjU0NmMtMS44ODYsMC4yMTEtMy40NTgsMC40Ni00LjYzMiwwLjY3N2wwLjYwMiw0Ljg3M2wyLjA2OSwxLjQ0OWw2LjU2NS0xLjQ1OWwxLjIzLTQuMDUxDQoJCWMwLjAyLTAuMDY2LDAuMDY0LTAuMTIyLDAuMTI0LTAuMTU2YzAuMDE5LTAuMDEyLDAuMDQtMC4wMjEsMC4wNjMtMC4wMjdjMC4wMzYtMC4wMSwwLjY5NC0wLjE5OSwxLjQ1My0wLjI5MWwxLjIwMy0wLjcyOA0KCQljMC4zNjItMC4yMTgsMC43MS0wLjQ2OCwxLjA0LTAuNzM0Yy0wLjQ3NC0wLjAwOC0wLjk1Mi0wLjAxNS0xLjQ0LTAuMDE1Yy0yLjAwNiwwLTMuODgsMC4wODMtNS41NzgsMC4yMTENCgkJYy0xLjcwMywwLjgzMy0yLjc0NiwxLjUxOC0yLjc3MSwxLjUzNGwtMS42MzQsMS4wOTFsMS4xMjMtMS42MTJDMTIuODY4LDIxLjA0LDEzLjA2NSwyMC43ODYsMTMuMjY4LDIwLjU0NnogTTEzLjcxOSwyNC45MTcNCgkJYy0wLjA4Mi0wLjE4Mi0wLjEzMy0wLjQzMi0wLjE0OC0wLjc3OWMtMC4wNDktMS4zMzMsMC43NzItMi40MjcsMS42MjItMi40MzVjMC44NTEtMC4wMDksMS40NDMsMS4wNzEsMS40NTcsMi40MDUNCgkJYzAuMDExLDEuMzM0LTAuNjk0LDEuMjU0LTEuNTQ1LDEuMjYyYy0wLjA4NiwwLjAwMy0wLjE2NywwLjAwNS0wLjI1LDAuMDA1Yy0wLjA5NSwwLjAwMi0wLjE4NywwLjAwNC0wLjI3NCwwLjAwMg0KCQljLTAuODI1LTAuMDAyLTEuMzUzLTAuMDM4LTEuODE5LDAuMjEzQzEyLjc3MywyNS41NjEsMTIuOTc5LDI1LjEwNCwxMy43MTksMjQuOTE3eiIvPg0KCTxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0yMy41OTYsMzYuNjg0Yy0wLjMxNiwwLjA2My0wLjYzNiwwLjExMS0wLjk2NiwwLjEzOWMtMC4xMzksMC4wMDYtMC4yNywwLjAxOC0wLjQxMiwwLjAxOGwtMC4yMTYsMC4wMDINCgkJTDIxLjkyLDM2Ljg0Yy0wLjg2OCwxLjI5Mi0yLjgwMSwxLjU0Ni0yLjg5LDEuNTU4Yy0wLjA4MSwwLjAwOS0wLjE0NSwwLjAyLTAuMjM1LDAuMDM3YzEuMDc3LDAuMjk1LDIuMTc3LDAuNDIyLDMuMjYsMC4zNQ0KCQljMS4wODctMC4wNzIsMi40OTgtMC4zMDksMy45OTctMC45MTZjLTAuODkyLTAuMDY1LTEuNzAyLTAuNDM2LTIuMzU1LTEuMDgzQzIzLjY2MywzNi43NSwyMy42MywzNi43MTcsMjMuNTk2LDM2LjY4NHoiLz4NCgk8Y2lyY2xlIGZpbGw9Im5vbmUiIGN4PSIyNy40OTciIGN5PSIyMi42NTQiIHI9IjAuNDM0Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgZD0iTTI1LjcxMiw3LjI5OWgtMi4zODlWNi4zMTVoLTAuNTM4djQuNTQ3aDAuODEydjIuNTQzaC00LjE3N3YtMi41NDNoMC44MTFWNi4zMTVoLTAuNTM3djAuOTgzaC0yLjM4N1YzLjkzMQ0KCQloOC40MDRWNy4yOTl6Ii8+DQoJPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMTUuMzI0IiBjeT0iMjIuOTc2IiByPSIwLjQzNCIvPg0KCTxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik02Ljk2MywyNy41MjVsMS4zOSwwLjk0N2MtMC4wMjUtMC4wODEtMC4wNDctMC4xNjEtMC4wNzEtMC4yNDJjLTAuMDE3LTAuMDU5LTAuMDM1LTAuMTE2LTAuMDUyLTAuMTczDQoJCWwtMS4wMjEtMC43MTdjLTAuMDYzLTAuMDQ0LTAuMTA0LTAuMTEzLTAuMTE1LTAuMTlsLTAuNDk4LTQuMDQ3bC0wLjI2MSwyLjQ4NEw2Ljk2MywyNy41MjV6Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgZD0iTTIyLjE2NCwyMS41MjNsLTAuMTU4LDAuMDEyYzAuODYxLDAuMDczLDEuNjcyLDAuMzA1LDEuNzEzLDAuMzE3YzAuMDksMC4wMjYsMC4xNTksMC4wOTQsMC4xODgsMC4xODQNCgkJbDEuMjI1LDQuMDNsNi41NTcsMC43NDVsMi4wODYtMS40NTlsMC41OTEtNC4xNDZjLTEuNjctMC4zMDUtNC4xMTEtMC42NzEtNy4xMDMtMC45QzI0LjU2MSwyMS4yMzcsMjIuMjk5LDIxLjUxNCwyMi4xNjQsMjEuNTIzeg0KCQkgTTI5LjI5OCwyMy43MzRjMC4wMjgsMC4zNjgtMC4wMTEsMC42MzYtMC4xMDMsMC44MzRjMC43OS0wLjA5NCwwLjk3LDAuNDQxLDAuOTc5LDAuNDc0Yy0wLjU3My0wLjI3Ni0xLjIsMC4wNzMtMi4zNDIsMC4wOTUNCgkJYy0wLjg0OSwwLjAzMS0xLjU2MiwwLjA0MS0xLjYwOS0xLjI5MmMtMC4wNDctMS4zMzYsMC40OTgtMi40NDEsMS4zNDctMi40NzFDMjguNDE5LDIxLjM0NSwyOS4xOTUsMjIuNDAyLDI5LjI5OCwyMy43MzR6Ii8+DQoJPHBhdGggZmlsbD0iI0EwQTFBMiIgZD0iTTI2LjIyMywyMy44NDVjMC4wNDgsMS4zMzMsMC43NjEsMS4zMjMsMS42MDksMS4yOTJjMS4xNDItMC4wMjEsMS43NjktMC4zNzEsMi4zNDItMC4wOTUNCgkJYy0wLjAwOS0wLjAzMi0wLjE4OC0wLjU2Ny0wLjk3OS0wLjQ3NGMwLjA5Mi0wLjE5OCwwLjEzMS0wLjQ2NiwwLjEwMy0wLjgzNGMtMC4xMDQtMS4zMzItMC44NzktMi4zOS0xLjcyOS0yLjM2DQoJCUMyNi43MjEsMjEuNDAzLDI2LjE3NiwyMi41MDksMjYuMjIzLDIzLjg0NXogTTI3LjQ4OSwyMi4yMmMwLjIzOS0wLjAwNSwwLjQzOCwwLjE4NiwwLjQ0MSwwLjQyNg0KCQljMC4wMDUsMC4yMzktMC4xODcsMC40MzgtMC40MjUsMC40NDJjLTAuMjQsMC4wMDQtMC40MzgtMC4xODgtMC40NDItMC40MjhDMjcuMDU4LDIyLjQyMSwyNy4yNSwyMi4yMjQsMjcuNDg5LDIyLjIyeiIvPg0KCTxwYXRoIGZpbGw9IiNBMEExQTIiIGQ9Ik0xNC41ODEsMjUuMzc3YzAuMDg4LDAuMDAyLDAuMTgsMCwwLjI3NC0wLjAwMmMwLjA4MiwwLDAuMTY0LTAuMDAyLDAuMjUtMC4wMDUNCgkJYzAuODUxLTAuMDA4LDEuNTU2LDAuMDcyLDEuNTQ1LTEuMjYyYy0wLjAxNC0xLjMzNC0wLjYwNi0yLjQxNC0xLjQ1Ny0yLjQwNWMtMC44NDksMC4wMDgtMS42NzEsMS4xMDItMS42MjIsMi40MzUNCgkJYzAuMDE1LDAuMzQ4LDAuMDY2LDAuNTk4LDAuMTQ4LDAuNzc5Yy0wLjc0LDAuMTg3LTAuOTQ1LDAuNjQ0LTAuOTU3LDAuNjczQzEzLjIyOCwyNS4zMzksMTMuNzU1LDI1LjM3NSwxNC41ODEsMjUuMzc3eg0KCQkgTTE1LjMxMiwyMi41NDJjMC4yNC0wLjAwOCwwLjQzOSwwLjE4MiwwLjQ0NywwLjQyMmMwLjAwNiwwLjIzOS0wLjE4NCwwLjQzOS0wLjQyMywwLjQ0NWMtMC4yNCwwLjAwOC0wLjQ0LTAuMTgzLTAuNDQ2LTAuNDIyDQoJCUMxNC44ODMsMjIuNzQ4LDE1LjA3MiwyMi41NDcsMTUuMzEyLDIyLjU0MnoiLz4NCgk8cG9seWdvbiBmaWxsPSIjQTBBMUEyIiBwb2ludHM9IjE3LjMwOSw4LjMyNyAxOS42OTUsOC4zMjcgMTkuNjk1LDcuMzQzIDIwLjIzMiw3LjM0MyAyMC4yMzIsMTEuODg5IDE5LjQyMSwxMS44ODkgMTkuNDIxLDE0LjQzMiANCgkJMjMuNTk4LDE0LjQzMiAyMy41OTgsMTEuODg5IDIyLjc4NiwxMS44ODkgMjIuNzg2LDcuMzQzIDIzLjMyNCw3LjM0MyAyMy4zMjQsOC4zMjcgMjUuNzEyLDguMzI3IDI1LjcxMiw0Ljk1OCAxNy4zMDksNC45NTggCSIvPg0KCTxwYXRoIGZpbGw9IiNBMEExQTIiIGQ9Ik0zOS42ODksMTQuODIzYy0wLjAxNS0wLjI4OS0wLjA0My0wLjU3Ny0wLjA4Mi0wLjg2MWMtMC4wMi0wLjE0NC0wLjA0MS0wLjI4OC0wLjA3MS0wLjQyOQ0KCQljLTAuMDI4LTAuMTQ2LTAuMDU2LTAuMjgxLTAuMTAzLTAuNDRsLTAuMDMtMC4xMTJsLTAuMDc5LTAuMDYzYy0wLjQ1NS0wLjM1Ni0wLjk0NC0wLjYyNi0xLjQ0MS0wLjg2NA0KCQljLTAuNDExLTAuMTk0LTAuODI4LTAuMzYzLTEuMjQ5LTAuNTE4Yy0xLjE3Ny0zLjI2NC0zLjE5Ny02LjE1OC01Ljg1Ni04LjE3M2MtMi43NDctMi4wODQtNS45NzgtMy4xODctOS4zNDItMy4xODcNCgkJYy0zLjM2NiwwLTYuNTk2LDEuMTAzLTkuMzQ0LDMuMTg3QzkuOTk5LDQuOTQ5LDguMzA0LDcuMDgxLDcuMTAzLDkuNTA4SDcuMDk3Yy0wLjMyNSwwLjY1Ny0wLjYxNywxLjMzMy0wLjg2NywyLjAyOA0KCQljLTAuNDIyLDAuMTU1LTAuODM5LDAuMzI0LTEuMjUsMC41MThjLTAuNDk4LDAuMjM4LTAuOTg2LDAuNTA4LTEuNDQxLDAuODY0bC0wLjA4LDAuMDYzbC0wLjAzLDAuMTEyDQoJCWMtMC4wNDYsMC4xNTktMC4wNzYsMC4yOTQtMC4xMDQsMC40NGMtMC4wMjgsMC4xNDEtMC4wNTEsMC4yODUtMC4wNywwLjQyOWMtMC4wMjksMC4yMDUtMC4wNDgsMC40MTMtMC4wNjUsMC42MjFoMC4wMDcNCgkJYy0wLjAwNywwLjA4LTAuMDEzLDAuMTYtMC4wMTcsMC4yNDFjLTAuMDI5LDAuNTc3LTAuMDEzLDEuMTU0LDAuMDUsMS43MjhjMC4wNjEsMC41NzMsMC4xNjcsMS4xNCwwLjMyLDEuNzAzDQoJCWMwLjA4LDAuMjgsMC4xNzEsMC41NTUsMC4yNzksMC44M2MwLjA1MywwLjEzNywwLjExMSwwLjI3MywwLjE3NiwwLjQxYzAuMDMyLDAuMDY4LDAuMDY3LDAuMTM1LDAuMTAyLDAuMjA0bDAuMDU3LDAuMTAxDQoJCWMwLjAyMiwwLjAzOCwwLjAzNywwLjA2NSwwLjA3LDAuMTE0bDAuMDU3LDAuMDlsMC4wOTIsMC4wNDdjMC4wOTcsMC4wNSwwLjE3OCwwLjA4NywwLjI2NiwwLjEyOWwwLjI1NiwwLjExNg0KCQljMC4wNDcsMC4wMTksMC4wOTMsMC4wMzksMC4xNDIsMC4wNTljLTEuMTY3LDEuMDc4LTIuNDM1LDIuNDc5LTMuNTMyLDQuMjExTDAuMTMsMjYuNzQ5bDEuOTQ1LTEuNzA3DQoJCWMwLjAzNC0wLjAyOSwxLjY2NC0xLjQ0LDQuMzg0LTMuMDQxbDAuMDM4LDAuMzEzbDAuMDk5LDAuNzg5bDAuNDk4LDQuMDQ3YzAuMDExLDAuMDc3LDAuMDUxLDAuMTQ2LDAuMTE1LDAuMTlsMS4wMjEsMC43MTcNCgkJYzAuMDE4LDAuMDU3LDAuMDM1LDAuMTE0LDAuMDUyLDAuMTczYzAuMDI0LDAuMDgxLDAuMDQ2LDAuMTYxLDAuMDcxLDAuMjQybDAuMjMzLDAuNzAzYzAuNTExLDEuNTg5LDEuMjM1LDMuMDIyLDIuMTE2LDQuMjgxDQoJCWMtMC4wNDIsMC4wMTMtMC4wODUsMC4wMjUtMC4xMjcsMC4wMzdjLTAuNTMxLTAuMjQ2LTIuMzg2LTEuMTA2LTMuMDA5LTEuMzg3bC0xLjMwMy0wLjU4NWwwLjc3MSwxLjIwMw0KCQljMC4wNTYsMC4wODcsMS4zODYsMi4xNjEsMi40NzEsMy41NTljMS4wMTcsMS4zMDUsMi40MDgsMi42MzcsNS4wMzIsMi42MzdjMC4zMTUsMCwwLjY0Ny0wLjAyLDAuOTg3LTAuMDU2DQoJCWMwLjc4My0wLjA5MSwxLjM3MS0wLjE2MSwxLjgxOC0wLjIxOWMyLjc1NCwxLjAxNCw1Ljc5MiwxLjA3NCw4LjY3NS0wLjAxN2MwLjc5LTAuMywxLjUwOS0wLjY2MywyLjE2OC0xLjA3MQ0KCQljMC4wMTQtMC4wMDIsMC4wMjctMC4wMDYsMC4wMzktMC4wMDljMS4wNzItMC4yNTgsMi4yODktMC41NDksMi44OS0wLjcxN2MwLjA5Ni0wLjAyNiwwLjIxNy0wLjA1NSwwLjM0Mi0wLjA4NQ0KCQljMC44MzctMC4xOTEsMi4yMzYtMC41MTcsMi45ODEtMi4wMDljMC43NTEtMS41MDYsMS45NzctMy44MTIsMS45ODktMy44MzVMMzcsMjkuODI5bC0xLjExNSwwLjQ4NQ0KCQljLTAuMDYxLDAuMDI2LTEuNDc1LDAuNjQzLTIuMjEsMS4wMjhjLTAuMDI1LDAuMDE1LTAuMDU3LDAuMDI4LTAuMDg2LDAuMDQyYzAuNTk4LTEuMjE5LDAuODk2LTIuMTksMS4wMDMtMi41NjNsMC40MDMtMS42NjMNCgkJbDEuMTYxLTIuNTk3YzAsMCwwLjMyNi0yLjgzOSwwLjMzMy0yLjgzN2wwLjExNC0xLjA4NmMwLjEwMi0wLjA0MywwLjcyMi0wLjA4NiwwLjg0My0wLjEzNGMwLjE3My0wLjA2OCwwLjM0Ni0wLjEzNSwwLjUxOS0wLjIxDQoJCWwwLjI1NS0wLjExNmMwLjA5LTAuMDQyLDAuMTctMC4wNzksMC4yNjctMC4xMjlsMC4wOTItMC4wNDdsMC4wNTgtMC4wOWMwLjAzMi0wLjA0OSwwLjA1LTAuMDc3LDAuMDY5LTAuMTE0bDAuMDU2LTAuMTAxDQoJCWMwLjAzOS0wLjA2OSwwLjA3Mi0wLjEzNiwwLjEwMy0wLjIwNGMwLjA2NS0wLjEzNiwwLjEyMi0wLjI3MiwwLjE3OC0wLjQxYzAuMTA3LTAuMjc1LDAuMTk2LTAuNTUsMC4yNzctMC44Mw0KCQljMC4xNTItMC41NjMsMC4yNjItMS4xMywwLjMyLTEuNzAzQzM5LjcwNCwxNS45NzgsMzkuNzE4LDE1LjQsMzkuNjg5LDE0LjgyM3ogTTEzLjE5NSwyMS44M2MwLjAyNS0wLjAxNywxLjA2OC0wLjcwMSwyLjc3MS0xLjUzNA0KCQljMS42OTgtMC4xMjksMy41NzEtMC4yMTEsNS41NzgtMC4yMTFjMC40ODgsMCwwLjk2NywwLjAwNywxLjQ0LDAuMDE1Yy0wLjMzLDAuMjY2LTAuNjc4LDAuNTE3LTEuMDQsMC43MzRsLTEuMjAzLDAuNzI4DQoJCWMtMC43NTksMC4wOTItMS40MTcsMC4yODEtMS40NTMsMC4yOTFjLTAuMDIzLDAuMDA2LTAuMDQ0LDAuMDE2LTAuMDYzLDAuMDI3Yy0wLjA1OSwwLjAzNC0wLjEwNCwwLjA5LTAuMTI0LDAuMTU2bC0xLjIzLDQuMDUxDQoJCWwtNi41NjUsMS40NTlsLTIuMDY5LTEuNDQ5bC0wLjYwMi00Ljg3M2MxLjE3NC0wLjIxNywyLjc0Ni0wLjQ2Niw0LjYzMi0wLjY3N2MtMC4yMDIsMC4yNC0wLjM5OSwwLjQ5NC0wLjU4NCwwLjc2MmwtMS4xMjMsMS42MTINCgkJTDEzLjE5NSwyMS44M3ogTTIyLjA1NSwzOC43ODRjLTEuMDgzLDAuMDcyLTIuMTgzLTAuMDU1LTMuMjYtMC4zNWMwLjA5LTAuMDE4LDAuMTU1LTAuMDI4LDAuMjM1LTAuMDM3DQoJCWMwLjA4OC0wLjAxMiwyLjAyMS0wLjI2NiwyLjg5LTEuNTU4bDAuMDgyLDAuMDAybDAuMjE2LTAuMDAyYzAuMTQzLDAsMC4yNzMtMC4wMTIsMC40MTItMC4wMThjMC4zMy0wLjAyNywwLjY0OS0wLjA3NSwwLjk2Ni0wLjEzOQ0KCQljMC4wMzQsMC4wMzMsMC4wNjYsMC4wNjYsMC4xMDEsMC4xMDJjMC42NTMsMC42NDcsMS40NjQsMS4wMTgsMi4zNTUsMS4wODNDMjQuNTUzLDM4LjQ3NiwyMy4xNDIsMzguNzEyLDIyLjA1NSwzOC43ODR6DQoJCSBNMjIuMTUzLDM2LjQxNGMwLjE2My0wLjM2MywwLjI4Ni0wLjY0NiwwLjM3OS0wLjg1OWMwLjE5MiwwLjIxNCwwLjQzNSwwLjQ3OSwwLjcwOCwwLjc2MmMtMC4yMTMsMC4wMzItMC40MjMsMC4wNTktMC42MywwLjA3Ng0KCQljLTAuMTM2LDAuMDA2LTAuMjc4LDAuMDIxLTAuNDA4LDAuMDIxSDIyLjE1M3ogTTE4LjkzMiwyOC4wNTJsMC41ODctMC4xMzJjMC4wOTctMC4wMjEsMC4xNzMtMC4wOTQsMC4yMDItMC4xODhsMS4yMjYtNC4wMzMNCgkJYzAuMjEyLTAuMDI4LDAuMzk4LTAuMDQzLDAuNTU5LTAuMDQzYzAuMTU2LDAsMC4zNDUsMC4wMTUsMC41NTYsMC4wNDNsMS4yNjIsNC4xNTNjMC4wMzIsMC4xMDYsMC4xMjMsMC4xODMsMC4yMzEsMC4xOTUNCgkJbDAuNDY4LDAuMDUzbDAuMTIsMC4wMTNsOC4wNjIsMC45MTdjMC4wNjcsMC4wMDgsMC4xMzMtMC4wMTEsMC4xODgtMC4wNDlsMC44MS0wLjU2NmwwLjc0OS0wLjUyNGwwLjI3Ny0wLjE5NQ0KCQljLTAuMDQ1LDAuMTkzLTAuMDk1LDAuMzg1LTAuMTQ3LDAuNTc0Yy0wLjA3NywwLjI0OC0wLjE1OSwwLjQ4OC0wLjI0MSwwLjcyNmMtMC4zMzEsMC45NDItMC43MDIsMS43OTctMS4xMDYsMi41NjkNCgkJYy0wLjExLDAuMDA3LTAuMjI5LDAuMDEyLTAuMzU0LDAuMDEyYy0wLjM5MiwwLTAuNzktMC4wMzItMS4yMzEtMC4wNzNjLTAuNzY2LTAuMDcxLTEuOTc5LTAuMjEtMi4zNjEtMC4yNTMNCgkJYy0wLjMzMy0wLjI2NS0xLjQ2NC0xLjE2Mi0yLjQwMy0xLjkwM2MtMC4wMzYtMC4wMjgtMC4wNjgtMC4wNTgtMC4xMDEtMC4wODRjLTAuMTY1LTAuMTQtMC4zNTMtMC4yOTgtMC43MzQtMC4yOTgNCgkJYy0wLjM0OCwwLTAuODU0LDAuMTI2LTIuMDc3LDAuNDk1YzAuNjM3LTAuNDc2LDAuNjQyLTEuMDg5LDAuNjQyLTEuMDg5cy0wLjkwNiwwLjg0NC0yLjM2OCwxLjAzDQoJCWMtMS40NTgsMC4xODgtMi42MDUtMC43MDktMi42MDUtMC43MDljMC4wNDgsMC4xNTYsMC4xMTYsMC41MDksMC40NDcsMC44MDhjLTAuMzg5LTAuMDQ1LTAuODA5LTAuMDc3LTEuMjUtMC4wNzcNCgkJYy0wLjE1OCwwLTAuMzIsMC4wMDQtMC40NzUsMC4wMTJjLTAuODk4LDAuMDQ4LTIuMTYyLDEuNDA0LTMuMDQ5LDIuNzczYy0wLjQzNiwwLjEzOC0xLjc5OSwwLjU3MS0zLjM3NSwxLjAzNA0KCQljLTAuOTMxLTEuMjg4LTEuNTYyLTIuNTk1LTEuOTE5LTMuNDM2Yy0wLjIwOC0wLjQ5LTAuMzI0LTAuODIzLTAuMzUtMC45MDJ2LTAuMDAyYy0wLjAyOS0wLjA4LTAuMDYtMC4xNjUtMC4wODctMC4yNWwwLjM3OCwwLjI2NA0KCQl2MC4wMDJsMC45MzUsMC42NTZsMC4zMTIsMC4yMTdjMC4wNDcsMC4wMzMsMC4xMDQsMC4wNSwwLjE1OCwwLjA1YzAuMDIsMCwwLjA0LTAuMDAyLDAuMDYxLTAuMDA2IE0yMy45MDYsMjIuMDM2DQoJCWMtMC4wMjgtMC4wOS0wLjA5OC0wLjE1Ny0wLjE4OC0wLjE4NGMtMC4wNDEtMC4wMTMtMC44NTItMC4yNDQtMS43MTMtMC4zMTdsMC4xNTgtMC4wMTJjMC4xMzYtMC4wMSwyLjM5Ny0wLjI4Niw1LjA5OC0xLjIxOA0KCQljMi45OTEsMC4yMjksNS40MzMsMC41OTYsNy4xMDMsMC45bC0wLjU5MSw0LjE0NmwtMi4wODYsMS40NTlsLTYuNTU3LTAuNzQ1IE0zOC4zMDEsMTYuNDUxYy0wLjA3MywwLjUzNC0wLjMxNSwxLjU3NC0wLjMxNSwxLjU3NA0KCQlsLTAuMTg5LDAuMDMxYy0wLjA5OS0wLjAyNy0xLjAyMS0wLjI2Ni0yLjYwOS0wLjU2YzAuMDUxLTAuMDExLDAuMS0wLjAyMiwwLjE0OC0wLjAzM2MwLjMyOS0wLjA4MiwwLjY1My0wLjE4MywwLjk2OC0wLjMxDQoJCWMwLjE1Ni0wLjA2NywwLjMxMi0wLjEzOCwwLjQ1OS0wLjIyMmMwLjE0Ni0wLjA4NSwwLjI4OS0wLjE3OSwwLjQwMS0wLjMwNmMtMS41OSwwLjUyLTQuODc2LDAuMjg0LTcuNzk3LTAuMDE4DQoJCWMtMi42NjktMC4yNzYtNS4zNDgtMC40NTQtOC4wNC0wLjQ2Yy0yLjY5MSwwLjAwNi01LjM2NywwLjE4NS04LjAzOSwwLjQ2Yy0yLjkyMSwwLjMwMi02LjIwNiwwLjUzOC03Ljc5NiwwLjAxOA0KCQljMC4xMTIsMC4xMjYsMC4yNTYsMC4yMjEsMC40MDMsMC4zMDZjMC4xNDYsMC4wODQsMC4zMDEsMC4xNTQsMC40NTcsMC4yMjJjMC4zMTQsMC4xMjYsMC42NCwwLjIyOCwwLjk2OSwwLjMxDQoJCWMwLjExNiwwLjAyNywwLjIzNCwwLjA1MywwLjM1MiwwLjA3NGMtMS40NDksMC4yNzUtMi4yODgsMC40OTMtMi4zODIsMC41MTljMCwwLTAuMzM0LDAuMDU0LTAuNDA3LTAuMjAyDQoJCWMtMC4xNDUtMC41MTItMC4yNDItMC44Ny0wLjMxNS0xLjQwM2MtMC4wNjktMC41MzEtMC4xMDQtMS4wNjgtMC4xLTEuNjA0YzAuMDAxLTAuMDg4LTAuMDAxLTAuMjY0LTAuMDAxLTAuMjY0DQoJCWMwLjAwNS0wLjE4LDAuMDEzLTAuMzYsMC4wMy0wLjU0YzAuMDEtMC4xMzMsMC40OTktMC41NTksMC45MTktMC44MDFjMC40NTQtMC4yNjQsMC45MzEtMC41MDIsMS40MTctMC43MjMNCgkJYzAuNDgxLTAuMjI4LDIuMDQtMC41NTksMi45OC0wLjcyOWMwLjk0LTAuMTcyLDQuMzAyLTAuNjE4LDQuNTU0LTAuNzEyYzAuMjUxLTAuMDk2LDEuNzA0LTEuMjE2LDEuOTU4LTEuMzA5DQoJCWMtMC41MzQsMC4wODgtNy45MTIsMS4yMTUtOC4yNDQsMS4zMmMyLjM5NS02LjI2Myw3LjA5Ni05LjMxMywxMy4zNTMtOS4zMTNjNi4yNTUsMCwxMC45NTcsMi44OCwxMy4zNTQsOS4xNDQNCgkJYy0zLjE2NC0wLjg0MS03LjU0Ni0xLjIzMy04LjA4LTEuMzIyYzAuMjU0LDAuMDkzLDEuNjkxLDEuMTA0LDEuOTU4LDEuMTM4YzIuMTg4LDAuMjg0LDUuNjM4LDEuMDQ5LDUuODg4LDEuMTQ4DQoJCWMwLjQ5NiwwLjIwMSwwLjk5MywwLjQwOCwxLjQ3NSwwLjYzNWMwLjQ4NywwLjIyMSwwLjk2MywwLjQ1OSwxLjQxNywwLjcyM2MwLjQyLDAuMjQzLDAuOTA4LDAuNjY4LDAuOTIsMC44MDENCgkJYzAuMDIzLDAuMjY4LDAuMDMzLDAuNTM1LDAuMDM2LDAuODAzQzM4LjQwNywxNS4zODIsMzguMzcsMTUuOTIsMzguMzAxLDE2LjQ1MXoiLz4NCjwvZz4NCjwvc3ZnPg0K) 50% no-repeat
 
     .enterprise &
-      width: 232px
+      width: 160px
       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjMyLjMzNyAyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMyLjMzNyAyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fS5zdDF7b3BhY2l0eTowLjU7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LjczNCw0LjYyM0gwVjEuNjQyaDE0Ljk1N3YyLjk4MUg5LjI1NHYxNi45MUg1LjczNFY0LjYyM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQuNzM2LDYuNmgyLjg4MmwwLjI0MywyLjY0NmgwLjEyMWMxLjA2Mi0xLjk0NywyLjYzOS0zLjAxMSw0LjIxNy0zLjAxMWMwLjc1OCwwLDEuMjQ0LDAuMDkxLDEuNjk5LDAuMzA0bC0wLjYwNywzLjA0MWMtMC41MTYtMC4xNTItMC45MS0wLjI0My0xLjU0Ny0wLjI0M2MtMS4xODMsMC0yLjYwOSwwLjgyMS0zLjUxOSwzLjA3MnY5LjEyNGgtMy40ODlWNi42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMy41MTksMTEuOTgzYy0wLjAzLTEuNTgxLTAuNjk4LTIuOTItMi43LTIuOTJjLTEuNDg3LDAtMi44ODIsMC42NjktNC4xODcsMS40NmwtMS4yNzQtMi4zNDJjMS42MzgtMS4wMzQsMy43MzItMS45NDcsNi4wOTgtMS45NDdjMy43MzIsMCw1LjU1MiwyLjI4MSw1LjU1Miw2LjQ0OHY4Ljg1MWgtMi44NTJsLTAuMjczLTEuNjQyaC0wLjA5MWMtMS4zMzUsMS4xMjUtMi44NTIsMi4wMDctNC42MTIsMi4wMDdjLTIuNjA5LDAtNC40My0xLjc2NC00LjQzLTQuMzhDMjQuNzUxLDE0LjMyNSwyNy40MjEsMTIuNjUyLDMzLjUxOSwxMS45ODN6IE0zMC4yNzMsMTkuMTYxYzEuMjE0LDAsMi4xNTQtMC42MDgsMy4yNDYtMS42NDJ2LTMuMzQ2Yy00LjAzNSwwLjUxNy01LjM3LDEuNTgyLTUuMzcsMy4wNzJDMjguMTQ5LDE4LjU4MywyOS4wMjksMTkuMTYxLDMwLjI3MywxOS4xNjF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM3Ljg1NSw2LjZoMy41NWwyLjM2Nyw3Ljc1NmMwLjM5NCwxLjQ2LDAuODQ5LDIuOTgxLDEuMjQ0LDQuNTAxaDAuMTIxYzAuNDI1LTEuNTIxLDAuODUtMy4wNDIsMS4yNzQtNC41MDFMNDguNzc3LDYuNmgzLjM2OGwtNS4wNjcsMTQuOTMzaC00LjAzNUwzNy44NTUsNi42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01My41NDcsMi4wMDdjMC0xLjE4NiwwLjkxLTIuMDA3LDIuMTU0LTIuMDA3YzEuMjQ0LDAsMi4xNTQsMC44MjEsMi4xNTQsMi4wMDdjMCwxLjE1Ni0wLjkxLDEuOTc3LTIuMTU0LDEuOTc3QzU0LjQ1NywzLjk4NCw1My41NDcsMy4xNjMsNTMuNTQ3LDIuMDA3eiBNNTMuOTQxLDYuNmgzLjQ4OXYxNC45MzNoLTMuNDg5VjYuNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjEuMTYyLDE3LjU3OWMxLjMzNSwxLjAzNCwyLjYwOSwxLjY3Myw0LjEyNiwxLjY3M2MxLjYwOCwwLDIuMzY3LTAuNzYxLDIuMzY3LTEuNzk0YzAtMS4yNDctMS42MDgtMS43OTQtMy4xODYtMi40MDNjLTEuOTcyLTAuNzMtNC4xODctMS44NTUtNC4xODctNC4zNDljMC0yLjYxNiwyLjA5My00LjQ3MSw1LjQzMS00LjQ3MWMyLjA2MywwLDMuNzMyLDAuODUyLDQuOTQ1LDEuNzk0bC0xLjYwOCwyLjEyOWMtMS4wMzItMC43Ni0yLjA5My0xLjI3Ny0zLjI3Ny0xLjI3N2MtMS40ODcsMC0yLjE4NCwwLjctMi4xODQsMS42NDJjMCwxLjE1NiwxLjQ4NywxLjY0MiwzLjA5NSwyLjIyYzIuMDMzLDAuNzYxLDQuMjc4LDEuNzM0LDQuMjc4LDQuNTMyYzAsMi41NTUtMi4wMzMsNC42MjMtNS43OTUsNC42MjNjLTIuMDMzLDAtNC4xODctMC44ODItNS42NDMtMi4wNjhMNjEuMTYyLDE3LjU3OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNODguMDE1LDEuMjc3YzIuNDI3LDAsNC4zOTksMS4xODYsNS42NDMsMi41MjRsLTEuOTQyLDIuMTljLTEuMDMxLTEuMDA0LTIuMTU0LTEuNjQyLTMuNjcxLTEuNjQyYy0zLjI0NiwwLTUuNTgzLDIuNzM3LTUuNTgzLDcuMjA4YzAsNC41MzIsMi4xNTQsNy4yNjksNS40NjEsNy4yNjljMS43NiwwLDMuMDY0LTAuNzMsNC4xODctMS45NzdsMS45NDIsMi4xNTljLTEuNjA4LDEuODU1LTMuNjcxLDIuODg5LTYuMTg5LDIuODg5Yy01LjAzNiwwLTkuMDExLTMuNjUtOS4wMTEtMTAuMjVDNzguODUzLDUuMTQsODIuOTE4LDEuMjc3LDg4LjAxNSwxLjI3N3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTYuMjk4LDEuNjQyaDMuNTE5djE5Ljg5MWgtMy41MTlWMS42NDJ6Ii8+PC9nPjwvZz48cmVjdCB4PSIxMTAuMjU3IiB5PSIxLjY0MiIgY2xhc3M9InN0MSIgd2lkdGg9IjAuNzM2IiBoZWlnaHQ9IjE5Ljg5MSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjEuNTIzLDEuNzUxaDEwLjc3M3YxLjE4NmgtOS4zOTl2Ny40NzZoNy44OTN2MS4xODZoLTcuODkzdjguNzA0aDkuNjk4djEuMTg2aC0xMS4wNzJWMS43NTF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEzNS40NjcsNy4xMDZoMS4xMTdsMC4xNDMsMi4yMjhoMC4wNjZjMS40NjQtMS40NjIsMi45NTctMi41ODgsNC45MzUtMi41ODhjMi45NjQsMCw0LjMzOCwxLjgwMyw0LjMzOCw1LjUxN3Y5LjIyNWgtMS4zMnYtOS4wNTFjMC0zLjA0OS0wLjk2Mi00LjQ5OS0zLjI2OS00LjQ5OWMtMS43MDksMC0yLjk0NiwwLjkwNS00LjY5LDIuNzAydjEwLjg0OGgtMS4zMlY3LjEwNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUwLjI4NSwxNy41MTdWOC4yNjJoLTIuMjQxdi0xLjAzbDIuMjcxLTAuMTI2bDAuMTY3LTQuMTYzaDEuMTIzdjQuMTYzaDQuMTU5djEuMTU2aC00LjE1OXY5LjM1NGMwLDEuODM2LDAuNDYsMy4wNzYsMi40MzgsMy4wNzZjMC41MzIsMCwxLjI3OS0wLjIyNywxLjc5OS0wLjQ1NWwwLjM0NiwxLjA3MmMtMC44MywwLjI5My0xLjc0OCwwLjUzOS0yLjM0MiwwLjUzOUMxNTEuMDkyLDIxLjg0OCwxNTAuMjg1LDIwLjA5MywxNTAuMjg1LDE3LjUxN3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU2LjcyOSwxNC4zMjRjMC00LjY5LDMuMDQxLTcuNTc3LDYuMjU2LTcuNTc3YzMuNCwwLDUuNDkxLDIuNDI2LDUuNDkxLDYuNjU1YzAsMC4zNTktMC4wMTIsMC43MTktMC4wNzQsMS4wNzhoLTEwLjMxNmMwLjA0OCwzLjYzLDIuMTY5LDYuMjI0LDUuNDAyLDYuMjI0YzEuNTU0LDAsMi43NzgtMC41MTUsMy44NTQtMS4yNzZsMC41NDQsMS4wMDZjLTEuMTI5LDAuNzA3LTIuNDIsMS40MTQtNC41MjMsMS40MTRDMTU5LjY5OSwyMS44NDgsMTU2LjcyOSwxOS4wMjcsMTU2LjcyOSwxNC4zMjR6IE0xNjcuMjM0LDEzLjM5YzAtMy42NzItMS42NjEtNS40OTktNC4yMzYtNS40OTljLTIuNDI2LDAtNC42MTksMi4wNjEtNC45MTgsNS40OTlIMTY3LjIzNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjQ0NCw3LjEwNmgxLjExN2wwLjE0MywyLjY4NGgwLjA2NmMwLjk3MS0xLjc2NywyLjM3NS0zLjA0Myw0LjA4MS0zLjA0M2MwLjUyMywwLDAuOTUsMC4wNjYsMS40MjIsMC4zbC0wLjI5OSwxLjE5OGMtMC40ODQtMC4xNzQtMC43NDctMC4yNC0xLjI5Ny0wLjI0Yy0xLjI5MSwwLTIuODIsMC45ODItMy45MTQsMy43MDJ2OS43ODJoLTEuMzJWNy4xMDZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4MC40MjcsNy4xMDZoMS4xMTdsMC4xNDMsMS44MDloMC4wNjZjMS40MDEtMS4xMjYsMy4xMDctMi4xNjgsNC44Ny0yLjE2OGMzLjg0OCwwLDUuNzQyLDIuODg3LDUuNzQyLDcuMzM4YzAsNC44ODItMi45NCw3Ljc2My02LjMyMiw3Ljc2M2MtMS4zNjIsMC0yLjgyLTAuNjQ3LTQuMzE0LTEuNzY3bDAuMDE4LDIuNjU0VjI4aC0xLjMyVjcuMTA2eiBNMTkwLjk3OSwxNC4wOTFjMC0zLjUzNC0xLjI1NS02LjE3LTQuNTY1LTYuMTdjLTEuNDIyLDAtMi45MzQsMC44MzktNC42NjYsMi4zNzJ2OC41M2MxLjYxOSwxLjM0OCwzLjEzNywxLjg1MSw0LjIyNCwxLjg1MUMxODguODg4LDIwLjY3NCwxOTAuOTc5LDE3Ljk5LDE5MC45NzksMTQuMDkxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTUuNjUyLDcuMTA2aDEuMTE3bDAuMTQzLDIuNjg0aDAuMDY2YzAuOTcxLTEuNzY3LDIuMzc1LTMuMDQzLDQuMDgxLTMuMDQzYzAuNTIzLDAsMC45NSwwLjA2NiwxLjQyMiwwLjNsLTAuMjk5LDEuMTk4Yy0wLjQ4NC0wLjE3NC0wLjc0Ny0wLjI0LTEuMjk3LTAuMjRjLTEuMjkxLDAtMi44MiwwLjk4Mi0zLjkxNCwzLjcwMnY5Ljc4MmgtMS4zMlY3LjEwNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA0LjEyMiwyLjQ1OGMwLTAuNzQzLDAuNTUtMS4xNzQsMS4yMDEtMS4xNzRjMC42NTEsMCwxLjIwMSwwLjQzMSwxLjIwMSwxLjE3NGMwLDAuNjg5LTAuNTUsMS4xNzQtMS4yMDEsMS4xNzRDMjA0LjY3MiwzLjYzMiwyMDQuMTIyLDMuMTQ3LDIwNC4xMjIsMi40NTh6IE0yMDQuNjM2LDcuMTA2aDEuMzJ2MTQuMzgyaC0xLjMyVjcuMTA2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDguNTI5LDE5Ljg1OWwwLjc2NS0wLjk2NGMxLjIxMywxLjAxOCwyLjUxOSwxLjgyMSw0LjU1OSwxLjgyMWMyLjI1OSwwLDMuNDMtMS4zMjQsMy40My0yLjgzOWMwLTEuODAzLTEuODU4LTIuNTk0LTMuNTE0LTMuMTkzYy0yLjE2My0wLjc3LTQuNTcxLTEuNjUzLTQuNTcxLTQuMTA5YzAtMi4wNzMsMS42MzctMy44MjgsNC42MjUtMy44MjhjMS41MzUsMCwzLjA1MywwLjYzOCw0LjA5OSwxLjQ5MmwtMC43MTEsMC45NTJjLTAuOTY4LTAuNzI1LTEuOTg3LTEuMzEyLTMuNDI0LTEuMzEyYy0yLjIzOCwwLTMuMjUxLDEuMjkxLTMuMjUxLDIuNjE4YzAsMS42NDEsMS42OTEsMi4yNjQsMy40LDIuOTExYzIuMjIzLDAuODQ4LDQuNjg0LDEuNTgxLDQuNjg0LDQuMzg1YzAsMi4xNjgtMS43MjcsNC4wNTUtNC44MzQsNC4wNTVDMjExLjY2LDIxLjg0OCwyMDkuODEzLDIwLjk1NSwyMDguNTI5LDE5Ljg1OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIwLjU5LDE0LjMyNGMwLTQuNjksMy4wNDEtNy41NzcsNi4yNTYtNy41NzdjMy40LDAsNS40OTEsMi40MjYsNS40OTEsNi42NTVjMCwwLjM1OS0wLjAxMiwwLjcxOS0wLjA3NCwxLjA3OGgtMTAuMzE2YzAuMDQ4LDMuNjMsMi4xNjksNi4yMjQsNS40MDIsNi4yMjRjMS41NTQsMCwyLjc3OC0wLjUxNSwzLjg1NC0xLjI3NmwwLjU0NCwxLjAwNmMtMS4xMjksMC43MDctMi40MiwxLjQxNC00LjUyMywxLjQxNEMyMjMuNTYsMjEuODQ4LDIyMC41OSwxOS4wMjcsMjIwLjU5LDE0LjMyNHogTTIzMS4wOTQsMTMuMzljMC0zLjY3Mi0xLjY2MS01LjQ5OS00LjIzNi01LjQ5OWMtMi40MjYsMC00LjYxOSwyLjA2MS00LjkxOCw1LjQ5OUgyMzEuMDk0eiIvPjwvZz48L3N2Zz4=) 0 50% no-repeat
       &:hover
         background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjMyLjMzNyAyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMyLjMzNyAyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM5ZDlkOWQ7fS5zdDF7b3BhY2l0eTowLjU7ZmlsbDojOWQ5ZDlkO308L3N0eWxlPjxnPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LjczNCw0LjYyM0gwVjEuNjQyaDE0Ljk1N3YyLjk4MUg5LjI1NHYxNi45MUg1LjczNFY0LjYyM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQuNzM2LDYuNmgyLjg4MmwwLjI0MywyLjY0NmgwLjEyMWMxLjA2Mi0xLjk0NywyLjYzOS0zLjAxMSw0LjIxNy0zLjAxMWMwLjc1OCwwLDEuMjQ0LDAuMDkxLDEuNjk5LDAuMzA0bC0wLjYwNywzLjA0MWMtMC41MTYtMC4xNTItMC45MS0wLjI0My0xLjU0Ny0wLjI0M2MtMS4xODMsMC0yLjYwOSwwLjgyMS0zLjUxOSwzLjA3MnY5LjEyNGgtMy40ODlWNi42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMy41MTksMTEuOTgzYy0wLjAzLTEuNTgxLTAuNjk4LTIuOTItMi43LTIuOTJjLTEuNDg3LDAtMi44ODIsMC42NjktNC4xODcsMS40NmwtMS4yNzQtMi4zNDJjMS42MzgtMS4wMzQsMy43MzItMS45NDcsNi4wOTgtMS45NDdjMy43MzIsMCw1LjU1MiwyLjI4MSw1LjU1Miw2LjQ0OHY4Ljg1MWgtMi44NTJsLTAuMjczLTEuNjQyaC0wLjA5MWMtMS4zMzUsMS4xMjUtMi44NTIsMi4wMDctNC42MTIsMi4wMDdjLTIuNjA5LDAtNC40My0xLjc2NC00LjQzLTQuMzhDMjQuNzUxLDE0LjMyNSwyNy40MjEsMTIuNjUyLDMzLjUxOSwxMS45ODN6IE0zMC4yNzMsMTkuMTYxYzEuMjE0LDAsMi4xNTQtMC42MDgsMy4yNDYtMS42NDJ2LTMuMzQ2Yy00LjAzNSwwLjUxNy01LjM3LDEuNTgyLTUuMzcsMy4wNzJDMjguMTQ5LDE4LjU4MywyOS4wMjksMTkuMTYxLDMwLjI3MywxOS4xNjF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM3Ljg1NSw2LjZoMy41NWwyLjM2Nyw3Ljc1NmMwLjM5NCwxLjQ2LDAuODQ5LDIuOTgxLDEuMjQ0LDQuNTAxaDAuMTIxYzAuNDI1LTEuNTIxLDAuODUtMy4wNDIsMS4yNzQtNC41MDFMNDguNzc3LDYuNmgzLjM2OGwtNS4wNjcsMTQuOTMzaC00LjAzNUwzNy44NTUsNi42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01My41NDcsMi4wMDdjMC0xLjE4NiwwLjkxLTIuMDA3LDIuMTU0LTIuMDA3YzEuMjQ0LDAsMi4xNTQsMC44MjEsMi4xNTQsMi4wMDdjMCwxLjE1Ni0wLjkxLDEuOTc3LTIuMTU0LDEuOTc3QzU0LjQ1NywzLjk4NCw1My41NDcsMy4xNjMsNTMuNTQ3LDIuMDA3eiBNNTMuOTQxLDYuNmgzLjQ4OXYxNC45MzNoLTMuNDg5VjYuNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjEuMTYyLDE3LjU3OWMxLjMzNSwxLjAzNCwyLjYwOSwxLjY3Myw0LjEyNiwxLjY3M2MxLjYwOCwwLDIuMzY3LTAuNzYxLDIuMzY3LTEuNzk0YzAtMS4yNDctMS42MDgtMS43OTQtMy4xODYtMi40MDNjLTEuOTcyLTAuNzMtNC4xODctMS44NTUtNC4xODctNC4zNDljMC0yLjYxNiwyLjA5My00LjQ3MSw1LjQzMS00LjQ3MWMyLjA2MywwLDMuNzMyLDAuODUyLDQuOTQ1LDEuNzk0bC0xLjYwOCwyLjEyOWMtMS4wMzItMC43Ni0yLjA5My0xLjI3Ny0zLjI3Ny0xLjI3N2MtMS40ODcsMC0yLjE4NCwwLjctMi4xODQsMS42NDJjMCwxLjE1NiwxLjQ4NywxLjY0MiwzLjA5NSwyLjIyYzIuMDMzLDAuNzYxLDQuMjc4LDEuNzM0LDQuMjc4LDQuNTMyYzAsMi41NTUtMi4wMzMsNC42MjMtNS43OTUsNC42MjNjLTIuMDMzLDAtNC4xODctMC44ODItNS42NDMtMi4wNjhMNjEuMTYyLDE3LjU3OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNODguMDE1LDEuMjc3YzIuNDI3LDAsNC4zOTksMS4xODYsNS42NDMsMi41MjRsLTEuOTQyLDIuMTljLTEuMDMxLTEuMDA0LTIuMTU0LTEuNjQyLTMuNjcxLTEuNjQyYy0zLjI0NiwwLTUuNTgzLDIuNzM3LTUuNTgzLDcuMjA4YzAsNC41MzIsMi4xNTQsNy4yNjksNS40NjEsNy4yNjljMS43NiwwLDMuMDY0LTAuNzMsNC4xODctMS45NzdsMS45NDIsMi4xNTljLTEuNjA4LDEuODU1LTMuNjcxLDIuODg5LTYuMTg5LDIuODg5Yy01LjAzNiwwLTkuMDExLTMuNjUtOS4wMTEtMTAuMjVDNzguODUzLDUuMTQsODIuOTE4LDEuMjc3LDg4LjAxNSwxLjI3N3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTYuMjk4LDEuNjQyaDMuNTE5djE5Ljg5MWgtMy41MTlWMS42NDJ6Ii8+PC9nPjwvZz48cmVjdCB4PSIxMTAuMjU3IiB5PSIxLjY0MiIgY2xhc3M9InN0MSIgd2lkdGg9IjAuNzM2IiBoZWlnaHQ9IjE5Ljg5MSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjEuNTIzLDEuNzUxaDEwLjc3M3YxLjE4NmgtOS4zOTl2Ny40NzZoNy44OTN2MS4xODZoLTcuODkzdjguNzA0aDkuNjk4djEuMTg2aC0xMS4wNzJWMS43NTF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEzNS40NjcsNy4xMDZoMS4xMTdsMC4xNDMsMi4yMjhoMC4wNjZjMS40NjQtMS40NjIsMi45NTctMi41ODgsNC45MzUtMi41ODhjMi45NjQsMCw0LjMzOCwxLjgwMyw0LjMzOCw1LjUxN3Y5LjIyNWgtMS4zMnYtOS4wNTFjMC0zLjA0OS0wLjk2Mi00LjQ5OS0zLjI2OS00LjQ5OWMtMS43MDksMC0yLjk0NiwwLjkwNS00LjY5LDIuNzAydjEwLjg0OGgtMS4zMlY3LjEwNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUwLjI4NSwxNy41MTdWOC4yNjJoLTIuMjQxdi0xLjAzbDIuMjcxLTAuMTI2bDAuMTY3LTQuMTYzaDEuMTIzdjQuMTYzaDQuMTU5djEuMTU2aC00LjE1OXY5LjM1NGMwLDEuODM2LDAuNDYsMy4wNzYsMi40MzgsMy4wNzZjMC41MzIsMCwxLjI3OS0wLjIyNywxLjc5OS0wLjQ1NWwwLjM0NiwxLjA3MmMtMC44MywwLjI5My0xLjc0OCwwLjUzOS0yLjM0MiwwLjUzOUMxNTEuMDkyLDIxLjg0OCwxNTAuMjg1LDIwLjA5MywxNTAuMjg1LDE3LjUxN3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU2LjcyOSwxNC4zMjRjMC00LjY5LDMuMDQxLTcuNTc3LDYuMjU2LTcuNTc3YzMuNCwwLDUuNDkxLDIuNDI2LDUuNDkxLDYuNjU1YzAsMC4zNTktMC4wMTIsMC43MTktMC4wNzQsMS4wNzhoLTEwLjMxNmMwLjA0OCwzLjYzLDIuMTY5LDYuMjI0LDUuNDAyLDYuMjI0YzEuNTU0LDAsMi43NzgtMC41MTUsMy44NTQtMS4yNzZsMC41NDQsMS4wMDZjLTEuMTI5LDAuNzA3LTIuNDIsMS40MTQtNC41MjMsMS40MTRDMTU5LjY5OSwyMS44NDgsMTU2LjcyOSwxOS4wMjcsMTU2LjcyOSwxNC4zMjR6IE0xNjcuMjM0LDEzLjM5YzAtMy42NzItMS42NjEtNS40OTktNC4yMzYtNS40OTljLTIuNDI2LDAtNC42MTksMi4wNjEtNC45MTgsNS40OTlIMTY3LjIzNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjQ0NCw3LjEwNmgxLjExN2wwLjE0MywyLjY4NGgwLjA2NmMwLjk3MS0xLjc2NywyLjM3NS0zLjA0Myw0LjA4MS0zLjA0M2MwLjUyMywwLDAuOTUsMC4wNjYsMS40MjIsMC4zbC0wLjI5OSwxLjE5OGMtMC40ODQtMC4xNzQtMC43NDctMC4yNC0xLjI5Ny0wLjI0Yy0xLjI5MSwwLTIuODIsMC45ODItMy45MTQsMy43MDJ2OS43ODJoLTEuMzJWNy4xMDZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4MC40MjcsNy4xMDZoMS4xMTdsMC4xNDMsMS44MDloMC4wNjZjMS40MDEtMS4xMjYsMy4xMDctMi4xNjgsNC44Ny0yLjE2OGMzLjg0OCwwLDUuNzQyLDIuODg3LDUuNzQyLDcuMzM4YzAsNC44ODItMi45NCw3Ljc2My02LjMyMiw3Ljc2M2MtMS4zNjIsMC0yLjgyLTAuNjQ3LTQuMzE0LTEuNzY3bDAuMDE4LDIuNjU0VjI4aC0xLjMyVjcuMTA2eiBNMTkwLjk3OSwxNC4wOTFjMC0zLjUzNC0xLjI1NS02LjE3LTQuNTY1LTYuMTdjLTEuNDIyLDAtMi45MzQsMC44MzktNC42NjYsMi4zNzJ2OC41M2MxLjYxOSwxLjM0OCwzLjEzNywxLjg1MSw0LjIyNCwxLjg1MUMxODguODg4LDIwLjY3NCwxOTAuOTc5LDE3Ljk5LDE5MC45NzksMTQuMDkxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTUuNjUyLDcuMTA2aDEuMTE3bDAuMTQzLDIuNjg0aDAuMDY2YzAuOTcxLTEuNzY3LDIuMzc1LTMuMDQzLDQuMDgxLTMuMDQzYzAuNTIzLDAsMC45NSwwLjA2NiwxLjQyMiwwLjNsLTAuMjk5LDEuMTk4Yy0wLjQ4NC0wLjE3NC0wLjc0Ny0wLjI0LTEuMjk3LTAuMjRjLTEuMjkxLDAtMi44MiwwLjk4Mi0zLjkxNCwzLjcwMnY5Ljc4MmgtMS4zMlY3LjEwNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA0LjEyMiwyLjQ1OGMwLTAuNzQzLDAuNTUtMS4xNzQsMS4yMDEtMS4xNzRjMC42NTEsMCwxLjIwMSwwLjQzMSwxLjIwMSwxLjE3NGMwLDAuNjg5LTAuNTUsMS4xNzQtMS4yMDEsMS4xNzRDMjA0LjY3MiwzLjYzMiwyMDQuMTIyLDMuMTQ3LDIwNC4xMjIsMi40NTh6IE0yMDQuNjM2LDcuMTA2aDEuMzJ2MTQuMzgyaC0xLjMyVjcuMTA2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDguNTI5LDE5Ljg1OWwwLjc2NS0wLjk2NGMxLjIxMywxLjAxOCwyLjUxOSwxLjgyMSw0LjU1OSwxLjgyMWMyLjI1OSwwLDMuNDMtMS4zMjQsMy40My0yLjgzOWMwLTEuODAzLTEuODU4LTIuNTk0LTMuNTE0LTMuMTkzYy0yLjE2My0wLjc3LTQuNTcxLTEuNjUzLTQuNTcxLTQuMTA5YzAtMi4wNzMsMS42MzctMy44MjgsNC42MjUtMy44MjhjMS41MzUsMCwzLjA1MywwLjYzOCw0LjA5OSwxLjQ5MmwtMC43MTEsMC45NTJjLTAuOTY4LTAuNzI1LTEuOTg3LTEuMzEyLTMuNDI0LTEuMzEyYy0yLjIzOCwwLTMuMjUxLDEuMjkxLTMuMjUxLDIuNjE4YzAsMS42NDEsMS42OTEsMi4yNjQsMy40LDIuOTExYzIuMjIzLDAuODQ4LDQuNjg0LDEuNTgxLDQuNjg0LDQuMzg1YzAsMi4xNjgtMS43MjcsNC4wNTUtNC44MzQsNC4wNTVDMjExLjY2LDIxLjg0OCwyMDkuODEzLDIwLjk1NSwyMDguNTI5LDE5Ljg1OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIwLjU5LDE0LjMyNGMwLTQuNjksMy4wNDEtNy41NzcsNi4yNTYtNy41NzdjMy40LDAsNS40OTEsMi40MjYsNS40OTEsNi42NTVjMCwwLjM1OS0wLjAxMiwwLjcxOS0wLjA3NCwxLjA3OGgtMTAuMzE2YzAuMDQ4LDMuNjMsMi4xNjksNi4yMjQsNS40MDIsNi4yMjRjMS41NTQsMCwyLjc3OC0wLjUxNSwzLjg1NC0xLjI3NmwwLjU0NCwxLjAwNmMtMS4xMjksMC43MDctMi40MiwxLjQxNC00LjUyMywxLjQxNEMyMjMuNTYsMjEuODQ4LDIyMC41OSwxOS4wMjcsMjIwLjU5LDE0LjMyNHogTTIzMS4wOTQsMTMuMzljMC0zLjY3Mi0xLjY2MS01LjQ5OS00LjIzNi01LjQ5OWMtMi40MjYsMC00LjYxOSwyLjA2MS00LjkxOCw1LjQ5OUgyMzEuMDk0eiIvPjwvZz48L3N2Zz4=)
@@ -28,7 +29,7 @@
 .top
   background-color: #f1f1f1
   .enterprise &
-    background-color: #333333  
+    background-color: #333333
 
 .topbar
   font-size: $font-size-m
@@ -39,14 +40,18 @@
     margin: 0
     height: $top-height
     list-style: none
+    display: grid
+    grid-template-columns: auto auto 1fr auto
+    align-items: center
+
     li
       display: inline-block
       margin-right: 1rem
+      text-align: left
 
     .toggle
-      float: right
-      margin-top: .6em
-      
+      text-align: right
+
       @media #{$large-up}
         display: none
 
@@ -56,7 +61,7 @@
     font-size: $font-size-sm
     cursor: pointer
     height: $top-height
-    line-height: $top-height + 2px
+    line-height: $top-height
     border: none
     text-decoration: none
     &:hover