@transferwise/neptune-css 14.9.1 → 14.9.3

package/dist/css/navbar-base.css

@@ -1,18 +1,23 @@
-@media (min-width: 768px) {
-}@media (min-width: 768px) {
-}@media (min-width: 576px) {
-}.navbar::before,
+.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;
-}.navbar {
+}
+@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
+}
+@media (min-width: 576px) {
+}
+.navbar {
   position: relative;
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -20,7 +25,8 @@
   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;
   }
@@ -28,17 +34,20 @@
   .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;
@@ -55,7 +64,8 @@
     padding-left: 0;
     padding-right: 0;
   }
-}@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
   .container > .navbar-header,
   .container-fluid > .navbar-header,
   .container > .navbar-collapse,
@@ -63,10 +73,12 @@
     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;
   }
@@ -75,7 +87,8 @@
     border-width: 0;
     margin-bottom: -1px;
   }
-}.navbar.affix,
+}
+.navbar.affix,
 .navbar-fixed-top,
 .navbar-fixed-bottom {
   position: fixed;
@@ -84,7 +97,8 @@
   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,
@@ -95,7 +109,8 @@
 .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,
@@ -108,33 +123,41 @@
     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;
@@ -144,19 +167,24 @@
   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;
@@ -174,44 +202,55 @@
   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;
@@ -229,7 +268,8 @@
     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;
@@ -239,10 +279,12 @@
   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 {
@@ -250,7 +292,8 @@
   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;
@@ -262,23 +305,28 @@
     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;
@@ -327,7 +375,8 @@
     color: #0077a5;
     color: var(--color-content-accent-active);
   }
-}@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
   .navbar-nav {
     float: left;
   }
@@ -345,16 +394,19 @@
     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;
@@ -366,7 +418,8 @@
     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;
@@ -427,14 +480,17 @@
   .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;
@@ -444,14 +500,17 @@
   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;
@@ -471,21 +530,25 @@
     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,
@@ -495,7 +558,8 @@
 .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 {
@@ -503,28 +567,33 @@
   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: auto;
   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;
@@ -535,47 +604,58 @@
     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 {
   left: auto;
   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;
@@ -584,12 +664,19 @@
   [dir="rtl"] .navbar-text {
     float: right;
   }
-}@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
   .navbar-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .navbar-left {
+    float: right !important;
   }
   .navbar-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .navbar-right {
+    float: left !important;
   }
   .navbar-right li > .dropdown-menu::before {
     right: calc((8px * 2) + (8px / 2));
@@ -633,7 +720,8 @@
     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;
   }
@@ -642,37 +730,47 @@
     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,
@@ -682,14 +780,16 @@
   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);
@@ -712,53 +812,67 @@
     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,
@@ -768,7 +882,8 @@
   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,
@@ -777,62 +892,77 @@
   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;
@@ -954,33 +1084,41 @@
   .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,
@@ -992,12 +1130,14 @@
   .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,
@@ -1005,20 +1145,24 @@
     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);
@@ -1028,13 +1172,16 @@
   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;
@@ -1042,26 +1189,30 @@
   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;
@@ -1079,7 +1230,8 @@
   .nav-toolbar.affix + .container-fluid {
     margin-top: 64px !important;
   }
-}@media (max-width: 991px) {
+}
+@media (max-width: 991px) {
   .nav-toolbar.affix {
     position: relative !important;
   }
@@ -1106,52 +1258,66 @@
   .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;
   }
@@ -1161,17 +1327,21 @@
     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;
@@ -1211,4 +1381,5 @@
     position: absolute;
     top: 64px;
   }
-}/* stylelint-enable */
+}
+/* stylelint-enable */