@transferwise/neptune-css 0.0.0-experimental-96eba2f → 0.0.0-experimental-5e97558

package/dist/css/navbar-base.css

@@ -1,21 +1,17 @@
-.navbar::before,
+@media (min-width: 768px) {
+}@media (min-width: 576px) {
+}.navbar::before,
 .navbar::after,
 .navbar-header::before,
 .navbar-header::after,
 .navbar-collapse::before,
 .navbar-collapse::after {
   content: " ";display: table;
-}
-.navbar::after,
+}.navbar::after,
 .navbar-header::after,
 .navbar-collapse::after {
   clear: both;
-}
-@media (min-width: 768px) {
-}
-@media (min-width: 576px) {
-}
-.navbar {
+}.navbar {
   position: relative;
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -23,8 +19,7 @@
   margin-bottom: 40px;
   border: 0 solid transparent;
   transition: border-top-width 0s linear;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar {
     border-radius: 0;
   }
@@ -32,20 +27,17 @@
   .navbar .container-fluid {
     border: 0 solid transparent;
   }
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-header {
     float: left;
   }
   [dir="rtl"] .navbar-header {
     float: right;
   }
-}
-.navbar-collapse {
+}.navbar-collapse {
   overflow-x: visible;
   -webkit-overflow-scrolling: touch;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-collapse {
     width: auto;
     border-top: 0;
@@ -62,8 +54,7 @@
     padding-left: 0;
     padding-right: 0;
   }
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .container > .navbar-header,
   .container-fluid > .navbar-header,
   .container > .navbar-collapse,
@@ -71,12 +62,10 @@
     margin-right: 0;
     margin-left: 0;
   }
-}
-.navbar-static-top {
+}.navbar-static-top {
   z-index: 1000;
   margin-bottom: 0;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-static-top {
     border-radius: 0;
   }
@@ -85,8 +74,7 @@
     border-width: 0;
     margin-bottom: -1px;
   }
-}
-.navbar.affix,
+}.navbar.affix,
 .navbar-fixed-top,
 .navbar-fixed-bottom {
   position: fixed;
@@ -95,8 +83,7 @@
   z-index: 1030;
   backface-visibility: hidden;
   background-color: #37517e;
-}
-.navbar.affix .navbar-nav > li > a,
+}.navbar.affix .navbar-nav > li > a,
 .navbar-fixed-top .navbar-nav > li > a,
 .navbar-fixed-bottom .navbar-nav > li > a,
 .navbar.affix .navbar-nav > li .navbar-title,
@@ -107,8 +94,7 @@
 .navbar-fixed-bottom .navbar-nav > li .navbar-text {
   color: #ffffff;
   color: var(--color-background-screen);
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar.affix .navbar-nav > li > a,
   .navbar-fixed-top .navbar-nav > li > a,
   .navbar-fixed-bottom .navbar-nav > li > a,
@@ -121,41 +107,33 @@
     color: #37517e;
     color: var(--color-content-primary);
   }
-}
-.navbar.affix .navbar-nav > li.active > a,
+}.navbar.affix .navbar-nav > li.active > a,
 .navbar-fixed-top .navbar-nav > li.active > a,
 .navbar-fixed-bottom .navbar-nav > li.active > a {
   color: #0077a5;
   color: var(--color-content-accent-active);
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar.affix,
   .navbar-fixed-top,
   .navbar-fixed-bottom {
     border-radius: 0;
   }
-}
-.navbar.affix {
+}.navbar.affix {
   top: -56px;
   border-top-width: 56px;
   transition: border-top-width 0.2s ease-out, background-color 0.2s ease-out;
-}
-.navbar-fixed-top {
+}.navbar-fixed-top {
   top: 0;
-}
-.navbar-fixed-top .container,
+}.navbar-fixed-top .container,
 .navbar-fixed-top .container-fluid {
   margin-bottom: -1px;
-}
-.navbar-fixed-bottom {
+}.navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0;
-}
-.navbar-fixed-bottom .container,
+}.navbar-fixed-bottom .container,
 .navbar-fixed-bottom .container-fluid {
   margin-top: -1px;
-}
-.navbar-brand {
+}.navbar-brand {
   float: left;
   padding: 8px 16px 5px;
   font-size: 16px;
@@ -165,24 +143,19 @@
   margin-right: 10px;
   height: 24px;
   width: 118px;
-}
-[dir="rtl"] .navbar-brand {
+}[dir="rtl"] .navbar-brand {
   float: right;
-}
-[dir="rtl"] .navbar-brand {
+}[dir="rtl"] .navbar-brand {
   margin-left: 10px;
   margin-right: 0;
   margin-right: initial;
-}
-.navbar-brand:hover,
+}.navbar-brand:hover,
 .navbar-brand:focus {
   -webkit-text-decoration: none;
   text-decoration: none;
-}
-.navbar-brand > img {
+}.navbar-brand > img {
   display: block;
-}
-.navbar-toggle {
+}.navbar-toggle {
   position: relative;
   float: left;
   padding: 9px 0;
@@ -200,55 +173,44 @@
   line-height: var(--line-height-body);
   margin-bottom: 8px;
   color: #ffffff;
-}
-[dir="rtl"] .navbar-toggle {
+}[dir="rtl"] .navbar-toggle {
   float: right;
-}
-[dir="rtl"] .navbar-toggle {
+}[dir="rtl"] .navbar-toggle {
   margin-left: 12px;
   margin-right: 0;
   margin-right: initial;
-}
-.navbar-toggle:focus {
+}.navbar-toggle:focus {
   outline: 0;
-}
-.navbar-toggle .icon-bar:first-child {
+}.navbar-toggle .icon-bar:first-child {
   margin-top: 1px;
-}
-.navbar-toggle .icon-bar {
+}.navbar-toggle .icon-bar {
   display: block;
   width: 22px;
   height: 2px;
   border-radius: 1px;
   background-color: #0097c7;
   background-color: var(--color-content-accent);
-}
-.navbar-toggle .icon-bar + .icon-bar {
+}.navbar-toggle .icon-bar + .icon-bar {
   margin-top: 4px;
-}
-.navbar-toggle:hover,
+}.navbar-toggle:hover,
 .navbar-toggle:focus {
   color: #0084b3;
   color: var(--color-content-accent-hover);
-}
-.navbar-toggle:hover .icon-bar,
+}.navbar-toggle:hover .icon-bar,
 .navbar-toggle:focus .icon-bar {
   background-color: #0084b3;
   background-color: var(--color-content-accent-hover);
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-toggle {
     display: none;
   }
-}
-.navbar-nav > li > a,
+}.navbar-nav > li > a,
 .navbar-nav > li > button {
   padding: 9px 16px 7px;
   line-height: 40px;
   outline-offset: -1px;
   transition: color ease 0.15s;
-}
-@media (min-width: 768px) and (max-width: 991px) {
+}@media (min-width: 768px) and (max-width: 991px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     padding-left: 12px;
@@ -266,8 +228,7 @@
     padding-right: 0;
     padding-right: initial;
   }
-}
-.navbar-nav > li > a.dropdown-toggle,
+}.navbar-nav > li > a.dropdown-toggle,
 .navbar-nav > li > button.dropdown-toggle {
   height: 56px;
   border: 0;
@@ -277,12 +238,10 @@
   text-align: left;
   color: #0097c7;
   color: var(--color-content-accent);
-}
-[dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
+}[dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
 [dir="rtl"] .navbar-nav > li > button.dropdown-toggle {
   text-align: right;
-}
-.navbar-nav > li > a.dropdown-toggle:active,
+}.navbar-nav > li > a.dropdown-toggle:active,
 .navbar-nav > li > button.dropdown-toggle:active,
 .navbar-nav > li > a.dropdown-toggle:focus,
 .navbar-nav > li > button.dropdown-toggle:focus {
@@ -290,8 +249,7 @@
   outline: 0;
   color: #0077a5;
   color: var(--color-content-accent-active);
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
   .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
     color: #ffffff;
@@ -303,28 +261,23 @@
     color: #0084b3;
     color: var(--color-content-accent-hover);
   }
-}
-.navbar-nav > li > a.dropdown-toggle .caret,
+}.navbar-nav > li > a.dropdown-toggle .caret,
 .navbar-nav > li > button.dropdown-toggle .caret {
   margin-left: 4px;
-}
-[dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
+}[dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
 [dir="rtl"] .navbar-nav > li > button.dropdown-toggle .caret {
   margin-right: 4px;
   margin-left: 0;
   margin-left: initial;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-nav > li > a.navbar-title-link,
   .navbar-nav > li > button.navbar-title-link {
     font-size: 1.25rem;
     font-size: var(--font-size-20);
   }
-}
-.navbar-nav > li.divider {
+}.navbar-nav > li.divider {
   display: none;
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     font-size: 1rem;
@@ -373,8 +326,7 @@
     color: #0077a5;
     color: var(--color-content-accent-active);
   }
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-nav {
     float: left;
   }
@@ -392,19 +344,16 @@
     font-size: 0.875rem;
     font-size: var(--font-size-14);
   }
-}
-.navbar-form {
+}.navbar-form {
   padding: 8px 16px;
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-form .form-group {
     margin-bottom: 4px;
   }
   .navbar-form .form-group:last-child {
     margin-bottom: 0;
   }
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-form {
     width: auto;
     border: 0;
@@ -416,8 +365,7 @@
     margin-top: 12px;
     margin-bottom: 12px;
   }
-}
-@media (min-width: 768px) and (min-width: 576px) {
+}@media (min-width: 768px) and (min-width: 576px) {
   .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -478,17 +426,14 @@
   .navbar-form .has-feedback .form-control-feedback {
     top: 0;
   }
-}
-@media (max-width: 768px) {
+}@media (max-width: 768px) {
   .navbar-form {
     border-bottom: 1px solid rgba(0,0,0,0.10196);
     border-bottom: 1px solid var(--color-border-neutral);
   }
-}
-.navbar-nav > li > .dropdown-menu {
+}.navbar-nav > li > .dropdown-menu {
   margin-top: 56px;
-}
-.navbar-nav > li > .dropdown-menu::before {
+}.navbar-nav > li > .dropdown-menu::before {
   content: " ";
   position: absolute;
   display: block;
@@ -498,17 +443,14 @@
   top: -4px;
   transform: rotate(45deg);
   background-color: inherit;
-}
-[dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
+}[dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
   right: 16px;
   left: auto;
   left: initial;
-}
-.navbar-nav > li > .dropdown-menu > li > a {
+}.navbar-nav > li > .dropdown-menu > li > a {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
-}
-@media (max-width: 768px) {
+}@media (max-width: 768px) {
   .navbar-nav > li > .dropdown-menu > li > a {
     position: relative;
     -webkit-touch-callout: none;
@@ -528,25 +470,21 @@
     right: auto;
     right: initial;
   }
-}
-.navbar-nav > li > .dropdown-menu > .active > a {
+}.navbar-nav > li > .dropdown-menu > .active > a {
   color: #0077a5;
   color: var(--color-content-accent-active);
   background-color: transparent;
   font-weight: 800;
   font-weight: var(--font-weight-bold);
-}
-.navbar-nav > li > .dropdown-menu > .active > a:hover,
+}.navbar-nav > li > .dropdown-menu > .active > a:hover,
 .navbar-nav > li > .dropdown-menu > .active > a:focus {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-}
-@media (max-width: 576px) {
+}@media (max-width: 576px) {
   .navbar-nav > li > .dropdown-menu-overlay {
     margin-top: 0;
   }
-}
-.navbar-nav > li.dropdown:active > a,
+}.navbar-nav > li.dropdown:active > a,
 .navbar-nav > li.dropdown:focus > a,
 .navbar-nav > li.dropdown:focus-within > a,
 .navbar-nav > li.dropdown.focus-within > a,
@@ -556,8 +494,7 @@
 .navbar-nav > li.dropdown.focus-within > button {
   color: #0077a5;
   color: var(--color-content-accent-active);
-}
-.navbar-nav > li.dropdown:active .dropdown-menu,
+}.navbar-nav > li.dropdown:active .dropdown-menu,
 .navbar-nav > li.dropdown:focus .dropdown-menu,
 .navbar-nav > li.dropdown:focus-within .dropdown-menu,
 .navbar-nav > li.dropdown.focus-within .dropdown-menu {
@@ -565,32 +502,27 @@
   visibility: visible;
   opacity: 1;
   transform: none;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-nav > li.dropdown:hover .dropdown-menu {
     transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
     visibility: visible;
     opacity: 1;
     transform: none;
   }
-}
-.navbar-right li > .dropdown-menu::before,
+}.navbar-right li > .dropdown-menu::before,
 .pull-xs-right li > .dropdown-menu::before {
   right: calc((8px * 2) + (8px / 2));
   left: auto;
-}
-[dir="rtl"] .navbar-right li > .dropdown-menu::before,
+}[dir="rtl"] .navbar-right li > .dropdown-menu::before,
 [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
   left: calc((8px * 2) + (8px / 2));
   right: initial;
-}
-[dir="rtl"] .navbar-right li > .dropdown-menu::before,
+}[dir="rtl"] .navbar-right li > .dropdown-menu::before,
 [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
   right: auto;
   left: auto;
   left: initial;
-}
-@media (min-width: 768px) and (max-width: 991px) {
+}@media (min-width: 768px) and (max-width: 991px) {
   .navbar-right li > .dropdown-menu::before,
   .pull-xs-right li > .dropdown-menu::before {
     right: 16px;
@@ -601,57 +533,46 @@
     right: auto;
     right: initial;
   }
-}
-.navbar-right.dropdown-menu-center::before,
+}.navbar-right.dropdown-menu-center::before,
 .pull-xs-right.dropdown-menu-center::before {
   right: auto;
   left: 50%;
   margin-left: -4px;
-}
-[dir="rtl"] .navbar-right.dropdown-menu-center::before,
+}[dir="rtl"] .navbar-right.dropdown-menu-center::before,
 [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
   right: auto;
   right: initial;
-}
-[dir="rtl"] .navbar-right.dropdown-menu-center::before,
+}[dir="rtl"] .navbar-right.dropdown-menu-center::before,
 [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
   right: 50%;
   left: auto;
   left: initial;
-}
-[dir="rtl"] .navbar-right.dropdown-menu-center::before,
+}[dir="rtl"] .navbar-right.dropdown-menu-center::before,
 [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
   margin-right: -4px;
   margin-left: 0;
   margin-left: initial;
-}
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+}.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
   margin-bottom: 0;
-}
-.navbar-btn {
+}.navbar-btn {
   margin-top: 13px;
   margin-bottom: 11px;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
-}
-.navbar-btn.btn-sm {
+}.navbar-btn.btn-sm {
   margin-top: 13px;
   margin-bottom: 11px;
-}
-.navbar-btn.btn-xs {
+}.navbar-btn.btn-xs {
   margin-top: 18px;
   margin-bottom: 16px;
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-btn {
     display: block;
   }
-}
-.navbar-text {
+}.navbar-text {
   margin-top: 17px;
   margin-bottom: 15px;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-text {
     float: left;
     margin-left: 16px;
@@ -660,19 +581,12 @@
   [dir="rtl"] .navbar-text {
     float: right;
   }
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-left {
-    float: left !important;
-  }
-  [dir="rtl"] .navbar-left {
-    float: right !important;
+    float: inline-start !important;
   }
   .navbar-right {
-    float: right !important;
-  }
-  [dir="rtl"] .navbar-right {
-    float: left !important;
+    float: inline-end !important;
   }
   .navbar-right li > .dropdown-menu::before {
     right: calc((8px * 2) + (8px / 2));
@@ -714,8 +628,7 @@
     margin-right: 0;
     margin-right: initial;
   }
-}
-@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
+}@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
   .navbar-right li > .dropdown-menu::before {
     right: 16px;
   }
@@ -724,47 +637,37 @@
     right: auto;
     right: initial;
   }
-}
-.navbar-default {
+}.navbar-default {
   background-color: transparent;
-}
-.navbar-default .container,
+}.navbar-default .container,
 .navbar-default .container-fluid {
   border-color: rgba(0,0,0,0.10196);
   border-color: var(--color-border-neutral);
-}
-.navbar-default .navbar-brand {
+}.navbar-default .navbar-brand {
   color: #ffffff;
-}
-.navbar-default .navbar-brand:hover,
+}.navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus {
   background-color: transparent;
-}
-.navbar-default .navbar-text {
+}.navbar-default .navbar-text {
   color: #37517e;
   color: var(--color-content-primary);
-}
-.navbar-default .navbar-nav > li > a {
+}.navbar-default .navbar-nav > li > a {
   color: #37517e;
   color: var(--color-content-primary);
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-default .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
-}
-.navbar-default .navbar-nav > li > a:hover,
+}.navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
   color: #0084b3;
   color: var(--color-content-accent-hover);
   background-color: transparent;
-}
-.navbar-default .navbar-nav > .active > a,
+}.navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > .dropdown-toggle {
   font-weight: 800;
   font-weight: var(--font-weight-bold);
-}
-.navbar-default .navbar-nav > .active > a,
+}.navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > .dropdown-toggle,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > .dropdown-toggle:hover,
@@ -774,16 +677,14 @@
   color: var(--color-content-accent-active);
   background-color: transparent;
   border-color: transparent;
-}
-.navbar-default .navbar-nav > .open > a,
+}.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus,
 .navbar-default .navbar-nav > .open > a:focus-within {
   background-color: transparent;
   color: #0077a5;
   color: var(--color-content-accent-active);
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #0097c7;
     color: var(--color-content-accent);
@@ -806,67 +707,53 @@
     color: var(--color-content-accent-active);
     background-color: transparent;
   }
-}
-.navbar-default .navbar-link {
+}.navbar-default .navbar-link {
   color: #0097c7;
   color: var(--color-content-accent);
-}
-.navbar-default .navbar-link:hover {
+}.navbar-default .navbar-link:hover {
   color: #0084b3;
   color: var(--color-content-accent-hover);
-}
-.navbar-default .btn-link {
+}.navbar-default .btn-link {
   color: #0097c7;
   color: var(--color-content-accent);
-}
-.navbar-default .btn-link:hover,
+}.navbar-default .btn-link:hover,
 .navbar-default .btn-link:focus {
   color: #0084b3;
   color: var(--color-content-accent-hover);
-}
-.navbar-inverse {
+}.navbar-inverse {
   background-color: transparent;
-}
-.navbar-inverse .container,
+}.navbar-inverse .container,
 .navbar-inverse .container-fluid {
   border-color: rgba(0,0,0,0.10196);
   border-color: var(--color-border-neutral);
-}
-.navbar-inverse .navbar-brand {
+}.navbar-inverse .navbar-brand {
   color: #37517e;
   color: var(--color-content-primary);
-}
-.navbar-inverse .navbar-brand:hover,
+}.navbar-inverse .navbar-brand:hover,
 .navbar-inverse .navbar-brand:focus {
   color: #37517e;
   color: var(--color-content-primary);
   background-color: transparent;
-}
-.navbar-inverse .navbar-text {
+}.navbar-inverse .navbar-text {
   color: #ffffff;
-}
-.navbar-inverse .navbar-nav > li > a {
+}.navbar-inverse .navbar-nav > li > a {
   color: #ffffff;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar-inverse .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
-}
-.navbar-inverse .navbar-nav > li > a:hover,
+}.navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
   color: #0084b3;
   color: var(--color-content-accent-hover);
   background-color: transparent;
-}
-.navbar-inverse .navbar-nav > .active > a,
+}.navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
   color: #0077a5;
   color: var(--color-content-accent-active);
   font-weight: 800;
   font-weight: var(--font-weight-bold);
-}
-.navbar-inverse .navbar-nav > .active > a,
+}.navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle:hover,
@@ -876,8 +763,7 @@
   color: var(--color-content-accent-hover);
   background-color: transparent;
   border-color: transparent;
-}
-.navbar-inverse .navbar-nav > .open > a,
+}.navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav .dropdown:focus-within > a,
 .navbar-inverse .navbar-nav > .open > a:hover,
 .navbar-inverse .navbar-nav .dropdown:focus-within > a:hover,
@@ -886,77 +772,62 @@
   background-color: transparent;
   color: #0084b3;
   color: var(--color-content-accent-hover);
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-inverse .navbar-nav > li > a {
     color: #37517e;
     color: var(--color-content-primary);
   }
-}
-.navbar-inverse .navbar-link {
+}.navbar-inverse .navbar-link {
   color: #ffffff;
-}
-.navbar-inverse .navbar-link:hover {
+}.navbar-inverse .navbar-link:hover {
   color: #0084b3;
   color: var(--color-content-accent-hover);
-}
-.navbar-inverse .btn-link {
+}.navbar-inverse .btn-link {
   color: #ffffff;
-}
-.navbar-inverse .btn-link:hover,
+}.navbar-inverse .btn-link:hover,
 .navbar-inverse .btn-link:focus {
   color: #0084b3;
   color: var(--color-content-accent-hover);
-}
-.navbar .navbar-brand,
+}.navbar .navbar-brand,
 .navbar-inverse .navbar-brand {
   background-repeat: no-repeat;
   background-position: 50% 50%;
   color: transparent;
-}
-.navbar .navbar-brand:hover,
+}.navbar .navbar-brand:hover,
 .navbar-inverse .navbar-brand:hover,
 .navbar .navbar-brand:focus,
 .navbar-inverse .navbar-brand:focus {
   color: transparent;
-}
-.navbar .flag,
+}.navbar .flag,
 .navbar .fast-flag {
   height: 24px;
   width: 24px;
   margin-top: 16px;
   margin-right: 8px;
   float: left;
-}
-[dir="rtl"] .navbar .flag,
+}[dir="rtl"] .navbar .flag,
 [dir="rtl"] .navbar .fast-flag {
   margin-left: 8px;
   margin-right: 0;
   margin-right: initial;
-}
-[dir="rtl"] .navbar .flag,
+}[dir="rtl"] .navbar .flag,
 [dir="rtl"] .navbar .fast-flag {
   float: right;
-}
-.navbar .logo-text {
+}.navbar .logo-text {
   height: 20px;
   width: 104px;
   margin-top: 16.5px;
   margin-right: 8px;
   float: left;
-}
-[dir="rtl"] .navbar .logo-text {
+}[dir="rtl"] .navbar .logo-text {
   margin-left: 8px;
   margin-right: 0;
   margin-right: initial;
-}
-[dir="rtl"] .navbar .logo-text {
+}[dir="rtl"] .navbar .logo-text {
   float: right;
-}
-.cover {
+}.cover {
   display: none;
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-collapse {
     position: fixed;
     bottom: 0;
@@ -1078,41 +949,33 @@
   .navbar-collapse .navbar-btn.btn-group .dropdown-menu {
     width: 100%;
   }
-}
-.np-theme-light .navbar .profile-name {
+}.np-theme-light .navbar .profile-name {
   padding-bottom: 3px;
-}
-.navbar .profile-name .caret {
+}.navbar .profile-name .caret {
   vertical-align: top;
   line-height: 40px;
-}
-.navbar .profile-name .text-ellipses,
+}.navbar .profile-name .text-ellipses,
 .navbar .profile-name .text-ellipsis,
 .navbar .profile-name .truncate {
   max-width: 75px;
   display: inline-block;
-}
-@media (min-width: 992px) {
+}@media (min-width: 992px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
     max-width: 125px;
   }
-}
-@media (min-width: 1200px) {
+}@media (min-width: 1200px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
     max-width: 220px;
   }
-}
-.navbar[data-spy~='affix'] + * {
+}.navbar[data-spy~='affix'] + * {
   margin-top: 0;
-}
-.navbar[data-spy~='affix'].affix + * {
+}.navbar[data-spy~='affix'].affix + * {
   margin-top: 56px;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image,
   .navbar + .jumbotron-image-inverse,
@@ -1124,14 +987,12 @@
   .navbar.affix + .jumbotron-image-inverse {
     margin-top: 0;
   }
-}
-.navbar + .jumbotron,
+}.navbar + .jumbotron,
 .navbar + .jumbotron-image > .jumbotron,
 .navbar + .jumbotron-image-inverse > .jumbotron,
 .jumbotron-image-adjacent-to-navbar > .jumbotron {
   padding-bottom: 64px;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image > .jumbotron,
   .navbar + .jumbotron-image-inverse > .jumbotron,
@@ -1139,24 +1000,20 @@
     padding-top: 140px;
     padding-bottom: 104px;
   }
-}
-.navbar > .container .navbar-brand,
+}.navbar > .container .navbar-brand,
 .navbar > .container-fluid .navbar-brand {
   margin-left: 0;
-}
-[dir="rtl"] .navbar > .container .navbar-brand,
+}[dir="rtl"] .navbar > .container .navbar-brand,
 [dir="rtl"] .navbar > .container-fluid .navbar-brand {
   margin-right: 0;
   margin-left: 0;
   margin-left: initial;
-}
-@media (max-width: 767px) {
+}@media (max-width: 767px) {
   .navbar-static-top {
     background-color: #37517e;
     border-bottom-color: transparent;
   }
-}
-.navbar-title {
+}.navbar-title {
   float: left;
   font-size: 1.25rem;
   font-size: var(--font-size-20);
@@ -1166,16 +1023,13 @@
   margin-bottom: 12px;
   font-weight: 800;
   font-weight: var(--font-weight-bold);
-}
-[dir="rtl"] .navbar-title {
+}[dir="rtl"] .navbar-title {
   float: right;
-}
-.navbar-subtitle {
+}.navbar-subtitle {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   margin-bottom: 8px;
-}
-.navbar-title,
+}.navbar-title,
 .navbar-subtitle {
   color: #ffffff;
   text-overflow: ellipsis;
@@ -1183,30 +1037,26 @@
   white-space: nowrap;
   display: inline-block;
   width: 75%;
-}
-@media (min-width: 992px) {
+}@media (min-width: 992px) {
   .navbar-title,
   .navbar-subtitle {
     color: #37517e;
     color: var(--color-content-primary);
     width: 100%;
   }
-}
-.navbar-logo {
+}.navbar-logo {
   width: 127px;
   height: 22px;
   margin-top: 13px;
   margin-bottom: 21px;
-}
-.nav-toolbar {
+}.nav-toolbar {
   padding-top: 16px;
   margin-top: -16px;
   padding-bottom: 0;
   background-color: #37517e;
   border-bottom: 1px solid rgba(0,0,0,0.10196);
   border-bottom: 1px solid var(--color-border-neutral);
-}
-@media (min-width: 992px) {
+}@media (min-width: 992px) {
   .nav-toolbar {
     margin-top: 0;
     background-color: #ffffff;
@@ -1224,8 +1074,7 @@
   .nav-toolbar.affix + .container-fluid {
     margin-top: 64px !important;
   }
-}
-@media (max-width: 991px) {
+}@media (max-width: 991px) {
   .nav-toolbar.affix {
     position: relative !important;
   }
@@ -1252,66 +1101,52 @@
   .nav-toolbar .input-group-addon {
     border-color: #ffffff;
   }
-}
-.nav-toolbar h1 {
+}.nav-toolbar h1 {
   line-height: 1.2;
   line-height: var(--line-height-title);
-}
-.nav-toolbar .close {
+}.nav-toolbar .close {
   -webkit-text-decoration: none;
   text-decoration: none;
   height: 32px;
-}
-@media (min-width: 992px) {
+}@media (min-width: 992px) {
   .nav-toolbar--compact {
     padding-top: 0;
   }
-}
-@media (min-width: 992px) {
+}@media (min-width: 992px) {
   .column-layout .nav-toolbar.affix {
     width: calc(100% - 264px);
   }
-}
-.simple-nav {
+}.simple-nav {
   background-color: #37517e;
-}
-.simple-nav .navbar-nav > li > a {
+}.simple-nav .navbar-nav > li > a {
   padding-top: 12px;
   padding-bottom: 9px;
-}
-.simple-nav .navbar-header {
+}.simple-nav .navbar-header {
   padding-top: 4px;
   width: calc(100% - 140px);
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .simple-nav .navbar-header {
     width: calc(100% - 340px);
   }
-}
-.simple-nav .navbar-nav > li > a.dropdown-toggle {
+}.simple-nav .navbar-nav > li > a.dropdown-toggle {
   height: 64px;
-}
-.simple-nav > .navbar-right li > a {
+}.simple-nav > .navbar-right li > a {
   float: right;
-}
-[dir="rtl"] .simple-nav > .navbar-right li > a {
+}[dir="rtl"] .simple-nav > .navbar-right li > a {
   float: left;
-}
-@media (min-width: 576px) {
+}@media (min-width: 576px) {
   .simple-nav .navbar-nav > li > a {
     font-size: 1rem !important;
     font-size: var(--font-size-16) !important;
   }
-}
-@media (min-width: 992px) {
+}@media (min-width: 992px) {
   .simple-nav {
     background-color: #ffffff;
     background-color: var(--color-background-screen);
     border-bottom: 1px solid rgba(0,0,0,0.10196);
     border-bottom: 1px solid var(--color-border-neutral);
   }
-}
-@media (max-width: 991px) {
+}@media (max-width: 991px) {
   .simple-nav .navbar-nav > li > a {
     color: #ffffff;
   }
@@ -1321,21 +1156,17 @@
     color: #0084b3;
     color: var(--color-content-accent-hover);
   }
-}
-.simple-nav .profile-name .text-ellipses,
+}.simple-nav .profile-name .text-ellipses,
 .simple-nav .profile-name .text-ellipsis,
 .simple-nav .profile-name .truncate {
   max-width: 240px;
-}
-.tw-public-navigation-item-content__icon {
+}.tw-public-navigation-item-content__icon {
   vertical-align: middle;
-}
-.tw-public-navigation-item-content__text {
+}.tw-public-navigation-item-content__text {
   display: inline-block;
   vertical-align: middle;
   max-width: 164px;
-}
-@media (min-width: 768px) {
+}@media (min-width: 768px) {
   .subnav {
     height: 128px !important;
     position: relative;
@@ -1375,5 +1206,4 @@
     position: absolute;
     top: 64px;
   }
-}
-/* stylelint-enable */
+}/* stylelint-enable */