@transferwise/components 46.141.0 → 46.143.0

package/build/styles/css/neptune.css

@@ -2635,7 +2635,7 @@ dd {
   color: var(--color-content-primary);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   dd {
     margin-bottom: 24px;
     margin-bottom: var(--size-24);
@@ -2654,7 +2654,7 @@ dd {
   clear: both;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dl-horizontal dt {
     float: left;
     clear: left;
@@ -2718,14 +2718,14 @@ hr {
   border-top: 1px solid rgba(255,255,255,0.10196);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   hr {
     margin: 24px auto;
     margin: var(--size-24) auto;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   hr {
     margin: 32px auto;
     margin: var(--size-32) auto;
@@ -2852,7 +2852,7 @@ h6,
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .h1,
     .h2,
     .h3,
@@ -2878,7 +2878,7 @@ h6,
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .h1,
     .h2,
     .h3,
@@ -2933,7 +2933,7 @@ h6,
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .h1,
     .h2,
     .h3,
@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
@@ -3307,7 +3321,7 @@ a,
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .np-text-display-extra-large,
     .np-text-display-large,
     .np-text-display-medium,
@@ -3315,7 +3329,7 @@ a,
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .np-text-display-extra-large,
     .np-text-display-large,
     .np-text-display-medium,
@@ -3334,7 +3348,7 @@ a,
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .np-text-display-extra-large,
     .np-text-display-large,
     .np-text-display-medium,
@@ -3753,7 +3767,7 @@ a,
   font-size: 3.73333333rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .display-1 {
     margin-bottom: 8px;
     margin-bottom: var(--size-8);
@@ -3770,7 +3784,7 @@ a,
   font-size: 3.73333333rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .display-2 {
     margin-bottom: 16px;
     margin-bottom: var(--size-16);
@@ -3786,7 +3800,7 @@ a,
   font-size: 2.8rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .display-3 {
     margin-bottom: 24px;
     margin-bottom: var(--size-24);
@@ -3803,7 +3817,7 @@ a,
   font-size: 1.86666667rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .display-4 {
     margin-bottom: 24px;
     margin-bottom: var(--size-24);
@@ -3820,7 +3834,7 @@ a,
   font-size: 1.86666667rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .display-5 {
     margin-bottom: 8px;
     margin-bottom: var(--size-8);
@@ -3932,14 +3946,14 @@ blockquote footer::before {
   content: "\2014 \00A0";
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   blockquote {
     margin: 24px;
     margin: var(--size-24);
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   blockquote {
     margin: 32px;
     margin: var(--size-32);
@@ -4082,7 +4096,7 @@ kbd kbd {
   white-space: nowrap;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .text-sm-left {
     text-align: left;
   }
@@ -4106,7 +4120,7 @@ kbd kbd {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .text-md-left {
     text-align: left;
   }
@@ -4130,49 +4144,32 @@ kbd kbd {
   }
 }
 
-@media (min-width: 992px) {
-  .text-lg-left {
-    text-align: left;
-  }
-  [dir="rtl"] .text-lg-left {
-    text-align: right;
-  }
-  .text-lg-right {
-    text-align: right;
-  }
-  [dir="rtl"] .text-lg-right {
-    text-align: left;
-  }
-  .text-lg-center {
-    text-align: center;
-  }
-  .text-lg-justify {
-    text-align: justify;
-  }
-  .text-lg-nowrap {
-    white-space: nowrap;
-  }
-}
-
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
+  .text-lg-left,
   .text-xl-left {
     text-align: left;
   }
+  [dir="rtl"] .text-lg-left,
   [dir="rtl"] .text-xl-left {
     text-align: right;
   }
+  .text-lg-right,
   .text-xl-right {
     text-align: right;
   }
+  [dir="rtl"] .text-lg-right,
   [dir="rtl"] .text-xl-right {
     text-align: left;
   }
+  .text-lg-center,
   .text-xl-center {
     text-align: center;
   }
+  .text-lg-justify,
   .text-xl-justify {
     text-align: justify;
   }
+  .text-lg-nowrap,
   .text-xl-nowrap {
     white-space: nowrap;
   }
@@ -4568,126 +4565,106 @@ a.text-inverse:focus {
   display: none !important;
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .visible-xs,
   .visible-xs-block {
     display: block !important;
   }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .visible-xs-inline {
     display: inline !important;
   }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .visible-xs-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (min-width: 576px) and (max-width: 767px) {
+@media (min-width: 600px) and (max-width: 839.98px) {
   .visible-sm,
   .visible-sm-block {
     display: block !important;
   }
 }
 
-@media (min-width: 576px) and (max-width: 767px) {
+@media (min-width: 600px) and (max-width: 839.98px) {
   .visible-sm-inline {
     display: inline !important;
   }
 }
 
-@media (min-width: 576px) and (max-width: 767px) {
+@media (min-width: 600px) and (max-width: 839.98px) {
   .visible-sm-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .visible-md,
   .visible-md-block {
     display: block !important;
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .visible-md-inline {
     display: inline !important;
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .visible-md-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (min-width: 992px) and (max-width: 1199px) {
+@media (min-width: 1160px) {
   .visible-lg,
-  .visible-lg-block {
-    display: block !important;
-  }
-}
-
-@media (min-width: 992px) and (max-width: 1199px) {
-  .visible-lg-inline {
-    display: inline !important;
-  }
-}
-
-@media (min-width: 992px) and (max-width: 1199px) {
-  .visible-lg-inline-block {
-    display: inline-block !important;
-  }
-}
-
-@media (min-width: 1200px) {
+  .visible-lg-block,
   .visible-xl,
   .visible-xl-block {
     display: block !important;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
+  .visible-lg-inline,
   .visible-xl-inline {
     display: inline !important;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
+  .visible-lg-inline-block,
   .visible-xl-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .hidden-xs {
     display: none !important;
   }
 }
 
-@media (min-width: 576px) and (max-width: 767px) {
+@media (min-width: 600px) and (max-width: 839.98px) {
   .hidden-sm {
     display: none !important;
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .hidden-md {
     display: none !important;
   }
 }
 
-@media (min-width: 992px) and (max-width: 1199px) {
-  .hidden-lg {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
+  .hidden-lg,
   .hidden-xl {
     display: none !important;
   }
@@ -5796,7 +5773,7 @@ html:not([dir="rtl"]) .p-a-panel {
   padding-left: var(--size-16) !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .m-a-panel {
     margin-top: 24px !important;
     margin-top: var(--size-24) !important;
@@ -5843,7 +5820,7 @@ html:not([dir="rtl"]) .p-a-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .m-a-panel {
     margin-top: 32px !important;
     margin-top: var(--size-32) !important;
@@ -5924,7 +5901,7 @@ html:not([dir="rtl"]) .p-a-panel {
   padding-bottom: var(--size-16) !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .m-t-panel {
     margin-top: 24px !important;
     margin-top: var(--size-24) !important;
@@ -5955,7 +5932,7 @@ html:not([dir="rtl"]) .p-a-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .m-t-panel {
     margin-top: 32px !important;
     margin-top: var(--size-32) !important;
@@ -6066,7 +6043,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-right: var(--size-16) !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   [dir="rtl"] .m-l-panel {
     margin-right: 24px !important;
     margin-right: var(--size-24) !important;
@@ -6133,7 +6110,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   [dir="rtl"] .m-l-panel {
     margin-right: 32px !important;
     margin-right: var(--size-32) !important;
@@ -6234,7 +6211,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-16) !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .m-t-section-1 {
     margin-top: 24px !important;
     margin-top: var(--size-24) !important;
@@ -6265,7 +6242,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .m-t-section-1 {
     margin-top: 32px !important;
     margin-top: var(--size-32) !important;
@@ -6330,7 +6307,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-32) !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .m-t-section-2 {
     margin-top: 48px !important;
     margin-top: var(--size-48) !important;
@@ -6361,7 +6338,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .m-t-section-2 {
     margin-top: 64px !important;
     margin-top: var(--size-64) !important;
@@ -6426,7 +6403,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-48) !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .m-t-section-3 {
     margin-top: 72px !important;
     margin-top: var(--size-72) !important;
@@ -6457,7 +6434,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .m-t-section-3 {
     margin-top: 96px !important;
     margin-top: var(--size-96) !important;
@@ -6532,7 +6509,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-48);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .section {
     padding-top: 72px;
     padding-top: var(--size-72);
@@ -6541,7 +6518,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .section {
     padding-top: 96px;
     padding-top: var(--size-96);
@@ -6555,12 +6532,12 @@ html:not([dir="rtl"]) .p-x-panel {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .np-text-hyphenated {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .np-text-hyphenated {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -6573,7 +6550,7 @@ html:not([dir="rtl"]) .p-x-panel {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .np-text-hyphenated {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -8964,7 +8941,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
   background-size: 12px 12px !important;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-collapse .btn {
     padding: 12px 24px calc(12px - 2px);
     padding: var(--btn-padding);
@@ -9378,7 +9355,7 @@ a.btn {
   margin-left: initial;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .btn-toolbar:not(.btn-toolbar-xl) {
     margin-left: -4px;
     margin-right: -4px;
@@ -9420,7 +9397,7 @@ a.btn {
   float: right;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .btn-toolbar.btn-toolbar-sm {
     margin-left: -4px;
     margin-right: -4px;
@@ -9441,7 +9418,7 @@ a.btn {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .btn-toolbar.btn-toolbar-md {
     margin-left: -4px;
     margin-right: -4px;
@@ -9462,7 +9439,7 @@ a.btn {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .btn-toolbar.btn-toolbar-lg {
     margin-left: -4px;
     margin-right: -4px;
@@ -9483,7 +9460,7 @@ a.btn {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .btn-toolbar.btn-toolbar-xl {
     margin-left: -4px;
     margin-right: -4px;
@@ -9858,7 +9835,7 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
   padding-right: 16px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .btn-group.btn-block .btn-input.btn.dropdown-toggle {
     padding-right: 48px;
   }
@@ -11447,7 +11424,7 @@ select[multiple].input-lg {
   top: 0;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -11540,7 +11517,7 @@ select[multiple].input-lg {
   margin-right: -12px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .form-horizontal .control-label {
     text-align: right;
     margin-bottom: 0;
@@ -11561,7 +11538,7 @@ select[multiple].input-lg {
   right: initial;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .form-horizontal .form-group-lg .control-label {
     padding-top: 17px;
     font-size: 1.25rem;
@@ -11569,7 +11546,7 @@ select[multiple].input-lg {
   }
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .form-horizontal .form-group-sm .control-label {
     padding-top: 8px;
     font-size: 0.875rem;
@@ -12076,7 +12053,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   padding-right: initial;
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .form-group .row [class*='col-sm-'] {
     margin-bottom: 0;
   }
@@ -12085,7 +12062,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .form-group .row [class*='col-md-'] {
     margin-bottom: 0;
   }
@@ -12095,7 +12072,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .form-group .row [class*='col-lg-'] {
     margin-bottom: 0;
   }
@@ -12105,7 +12082,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (max-width: 1199px) {
+@media (max-width: 1159.98px) {
   .form-group .row [class*='col-xl-'] {
     margin-bottom: 0;
   }
@@ -12115,7 +12092,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   fieldset .form-group:nth-of-type(odd) {
     clear: left;
   }
@@ -12656,14 +12633,14 @@ select[multiple].input-group-lg > .input-group-btn .btn {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .input-group-lg > .form-control,
     .input-group-lg > .input-group-addon,
     .input-group-lg > .input-group-btn .btn {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .input-group-lg > .form-control,
     .input-group-lg > .input-group-addon,
     .input-group-lg > .input-group-btn .btn {
@@ -12680,7 +12657,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .input-group-lg > .form-control,
     .input-group-lg > .input-group-addon,
     .input-group-lg > .input-group-btn .btn {
@@ -13276,7 +13253,7 @@ a.circle.active:hover {
   background-color: var(--color-background-neutral);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .circle-responsive {
     border-radius: 50%;
     background-color: #fff;
@@ -13450,7 +13427,7 @@ a.circle.active:hover {
   padding: var(--size-24);
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout {
     display: table;
   }
@@ -13495,13 +13472,13 @@ a.circle.active:hover {
   top: 20px;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout-cover {
     display: none;
   }
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .column-layout-open {
     overflow: hidden;
   }
@@ -13545,7 +13522,7 @@ a.circle.active:hover {
   padding: var(--size-4) 24px;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout-brand {
     padding-left: 32px;
     padding-right: 32px;
@@ -13672,12 +13649,12 @@ li > a > .currency-flag:first-child {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .decision__title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .decision__title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -13690,7 +13667,7 @@ li > a > .currency-flag:first-child {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .decision__title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -13752,7 +13729,7 @@ li > a > .currency-flag:first-child {
   color: var(--color-content-secondary);
 }
 
-@media (min-width: 480px) {
+@media (min-width: 320.02px) {
   .decision .media .media-left,
   .decision.media .media-left {
     display: block;
@@ -13855,7 +13832,7 @@ li > a > .currency-flag:first-child {
   box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dropdown-menu {
     min-width: 160px;
   }
@@ -13998,7 +13975,7 @@ li > a > .currency-flag:first-child {
   transform: none;
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .open > .dropdown-menu-overlay {
     position: fixed;
     top: 0;
@@ -14068,7 +14045,7 @@ li > a > .currency-flag:first-child {
   right: initial;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dropdown-menu-sm-right {
     left: auto;
     right: 0;
@@ -14099,7 +14076,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .dropdown-menu-md-right {
     left: auto;
     right: 0;
@@ -14130,7 +14107,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .dropdown-menu-lg-right {
     left: auto;
     right: 0;
@@ -14161,7 +14138,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .dropdown-menu-xl-right {
     left: auto;
     right: 0;
@@ -14219,12 +14196,12 @@ li > a > .currency-flag:first-child {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .dropdown-header {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .dropdown-header {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -14237,7 +14214,7 @@ li > a > .currency-flag:first-child {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .dropdown-header {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -14279,7 +14256,7 @@ li > a > .currency-flag:first-child {
   margin-bottom: 2px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-right .dropdown-menu {
     left: auto;
     right: 0;
@@ -14345,7 +14322,7 @@ li > a > .currency-flag:first-child {
   border-radius: initial;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .droppable {
     border-style: dashed;
   }
@@ -14464,7 +14441,7 @@ li > a > .currency-flag:first-child {
   margin: 0 auto;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .droppable .thumbnail {
     max-height: 128px;
     max-width: 128px;
@@ -14529,13 +14506,13 @@ li > a > .currency-flag:first-child {
   padding: 16px 16px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .droppable-sm {
     padding: 24px 16px;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .droppable-sm {
     padding: 32px 24px;
   }
@@ -14545,13 +14522,13 @@ li > a > .currency-flag:first-child {
   padding: 32px 32px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .droppable-md {
     padding: 48px 32px;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .droppable-md {
     padding: 64px 48px;
   }
@@ -14561,13 +14538,13 @@ li > a > .currency-flag:first-child {
   padding: 48px 48px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .droppable-lg {
     padding: 72px 48px;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .droppable-lg {
     padding: 96px 72px;
   }
@@ -14686,7 +14663,7 @@ li > a > .currency-flag:first-child {
   flex-grow: 1;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .d-flex--sm {
     display: flex;
   }
@@ -14767,7 +14744,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .d-flex--md {
     display: flex;
   }
@@ -14848,7 +14825,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .d-flex--lg {
     display: flex;
   }
@@ -14927,9 +14904,6 @@ li > a > .currency-flag:first-child {
   .flex-grow-1--lg {
     flex-grow: 1;
   }
-}
-
-@media (min-width: 1200px) {
   .d-flex--xl {
     display: flex;
   }
@@ -15036,7 +15010,7 @@ li > a > .currency-flag:first-child {
   margin-left: initial;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .flex__inner {
     margin-right: calc(-1 * 24px);
     margin-right: calc(-1 * var(--size-24));
@@ -15057,7 +15031,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .flex__inner {
     margin-right: calc(-1 * 32px);
     margin-right: calc(-1 * var(--size-32));
@@ -15078,7 +15052,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .flex__inner {
     margin-right: calc(-1 * 48px);
     margin-right: calc(-1 * var(--size-48));
@@ -15120,7 +15094,7 @@ li > a > .currency-flag:first-child {
   padding-left: initial;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .flex__item {
     padding-right: 24px;
     padding-right: var(--size-24);
@@ -15141,7 +15115,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .flex__item {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -15162,7 +15136,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .flex__item {
     padding-right: 48px;
     padding-right: var(--size-48);
@@ -15188,7 +15162,7 @@ li > a > .currency-flag:first-child {
   max-width: calc(100% / 3);
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--4--md {
     flex: 0 0 calc(100% / 3);
     max-width: calc(100% / 3);
@@ -15200,7 +15174,7 @@ li > a > .currency-flag:first-child {
   max-width: calc(100% / 1.5);
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--8--md {
     flex: 0 0 calc(100% / 1.5);
     max-width: calc(100% / 1.5);
@@ -15212,7 +15186,7 @@ li > a > .currency-flag:first-child {
   max-width: 50%;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--6--md {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15224,7 +15198,7 @@ li > a > .currency-flag:first-child {
   max-width: 100%;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--12--md {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15246,7 +15220,7 @@ li > a > .currency-flag:first-child {
   padding-bottom: calc(var(--size-8) * 10);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .footer {
     padding-top: calc(8px * 15);
     padding-top: calc(var(--size-8) * 15);
@@ -15255,7 +15229,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .footer {
     padding-top: calc(8px * 20);
     padding-top: calc(var(--size-8) * 20);
@@ -15376,7 +15350,7 @@ li > a > .currency-flag:first-child {
   color: #ffffff;
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .footer {
     position: relative;
   }
@@ -15441,20 +15415,20 @@ li > a > .currency-flag:first-child {
   clear: both;
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .container {
     max-width: 1164px;
   }
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .container {
     padding-right: 24px;
     padding-left: 24px;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .container {
     padding-right: 32px;
     padding-left: 32px;
@@ -16127,7 +16101,7 @@ li > a > .currency-flag:first-child {
   margin-left: initial;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
@@ -16554,7 +16528,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .col-md-1,
   .col-md-2,
   .col-md-3,
@@ -16981,7 +16955,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
@@ -17408,7 +17382,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .col-xl-1,
   .col-xl-2,
   .col-xl-3,
@@ -17835,14 +17809,14 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .container {
     padding-right: 16px;
     padding-left: 16px;
   }
 }
 
-@media (min-width: 576px) and (max-width: 767px) {
+@media (min-width: 600px) and (max-width: 839.98px) {
   .container {
     padding-right: 24px;
     padding-left: 24px;
@@ -17861,25 +17835,25 @@ li > a > .currency-flag:first-child {
   margin-bottom: 0;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   [class*="col-sm"] {
     margin-bottom: 0;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   [class*="col-md"] {
     margin-bottom: 0;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   [class*="col-lg"] {
     margin-bottom: 0;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   [class*="col-xl"] {
     margin-bottom: 0;
   }
@@ -17894,14 +17868,14 @@ li > a > .currency-flag:first-child {
   display: flex;
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .row-equal-height .col-xs-12 {
     margin-bottom: 12px;
     margin-bottom: var(--size-12);
   }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .row {
     margin-right: calc(8px * -1);
     margin-right: calc(var(--size-8) * -1);
@@ -17926,7 +17900,7 @@ li > a > .currency-flag:first-child {
   padding-left: 24px / 2;
 }
 
-@media all and (min-width: 576px) {
+@media all and (min-width: 600px) {
   .row--wide {
     margin-right: -48px / 2;
     margin-left: -48px / 2;
@@ -17937,7 +17911,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media all and (min-width: 992px) {
+@media all and (min-width: 1160px) {
   .row--wide {
     margin-right: -96px / 2;
     margin-left: -96px / 2;
@@ -17948,7 +17922,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .container--fullscreen {
     max-width: 100%;
   }
@@ -17966,7 +17940,7 @@ li > a > .currency-flag:first-child {
   margin-left: auto;
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .container--wide {
     max-width: 1500px;
   }
@@ -18038,7 +18012,7 @@ html:not([dir="rtl"]) .list-group-item {
   margin-top: 0;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .list-group-item {
     padding: 24px 24px 24px 22px;
   }
@@ -18047,7 +18021,7 @@ html:not([dir="rtl"]) .list-group-item {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .list-group-item {
     padding: 32px 32px 32px 30px;
   }
@@ -18077,12 +18051,12 @@ html:not([dir="rtl"]) .list-group-item {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .list-group-item-heading {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .list-group-item-heading {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -18095,7 +18069,7 @@ html:not([dir="rtl"]) .list-group-item {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .list-group-item-heading {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -18171,7 +18145,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
   box-shadow: none;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .list-group-item.active {
     margin-left: -12px;
     margin-right: -12px;
@@ -18192,7 +18166,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
   background-color: var(--color-background-screen);
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .list-group-inactive .list-group-item:hover .circle,
   .list-group-inactive .list-group-item.active .circle {
     background-color: rgba(134,167,189,0.10196);
@@ -18361,7 +18335,7 @@ a.list-group-item-danger:hover {
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .list-group-slide-out .list-group-item .collapse {
     position: fixed;
     top: 0;
@@ -18591,7 +18565,7 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
   transition: none;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-stacked > li > a {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -18682,7 +18656,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   line-height: var(--line-height-body);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .nav-justified-2-p-x {
     padding-right: 25%;
     padding-left: 25%;
@@ -18870,7 +18844,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   float: none !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .pull-sm-left {
     float: left !important;
   }
@@ -18888,7 +18862,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .pull-md-left {
     float: left !important;
   }
@@ -18906,7 +18880,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .pull-lg-left {
     float: left !important;
   }
@@ -18924,7 +18898,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .pull-xl-left {
     float: left !important;
   }
@@ -18999,7 +18973,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   transition: border-top-width 0s linear;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar {
     border-radius: 0;
   }
@@ -19009,7 +18983,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-header {
     float: left;
   }
@@ -19023,7 +18997,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   -webkit-overflow-scrolling: touch;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-collapse {
     width: auto;
     border-top: 0;
@@ -19042,7 +19016,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .container > .navbar-header,
   .container-fluid > .navbar-header,
   .container > .navbar-collapse,
@@ -19057,7 +19031,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-bottom: 0;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-static-top {
     border-radius: 0;
   }
@@ -19092,7 +19066,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-background-screen);
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .navbar.affix .navbar-nav > li > a,
   .navbar-fixed-top .navbar-nav > li > a,
   .navbar-fixed-bottom .navbar-nav > li > a,
@@ -19114,7 +19088,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-active);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar.affix,
   .navbar-fixed-top,
   .navbar-fixed-bottom {
@@ -19242,7 +19216,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   background-color: var(--color-content-accent-hover);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-toggle {
     display: none;
   }
@@ -19256,7 +19230,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   transition: color ease 0.15s;
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     padding-left: 12px;
@@ -19303,7 +19277,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-active);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
   .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
     color: #ffffff;
@@ -19329,7 +19303,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-left: initial;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-nav > li > a.navbar-title-link,
   .navbar-nav > li > button.navbar-title-link {
     font-size: 1.25rem;
@@ -19341,7 +19315,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   display: none;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     font-size: 1rem;
@@ -19392,7 +19366,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-nav {
     float: left;
   }
@@ -19416,7 +19390,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   padding: 8px 16px;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-form .form-group {
     margin-bottom: 4px;
   }
@@ -19425,7 +19399,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-form {
     width: auto;
     border: 0;
@@ -19439,7 +19413,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) and (min-width: 576px) {
+@media (min-width: 840px) and (min-width: 600px) {
   .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -19502,7 +19476,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) and (min-width: 576px) {
+@media (min-width: 840px) and (min-width: 600px) {
   .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -19565,7 +19539,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 840px) {
   .navbar-form {
     border-bottom: 1px solid rgba(0,0,0,0.10196);
     border-bottom: 1px solid var(--color-border-neutral);
@@ -19599,7 +19573,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   font-size: var(--font-size-14);
 }
 
-@media (max-width: 768px) {
+@media (max-width: 840px) {
   .navbar-nav > li > .dropdown-menu > li > a {
     position: relative;
     -webkit-touch-callout: none;
@@ -19635,7 +19609,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   background-color: var(--color-background-neutral);
 }
 
-@media (max-width: 576px) {
+@media (max-width: 600px) {
   .navbar-nav > li > .dropdown-menu-overlay {
     margin-top: 0;
   }
@@ -19663,7 +19637,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   transform: none;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .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;
@@ -19692,7 +19666,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   left: initial;
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .navbar-right li > .dropdown-menu::before,
   .pull-xs-right li > .dropdown-menu::before {
     right: 16px;
@@ -19754,7 +19728,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-bottom: 16px;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-btn {
     display: block;
   }
@@ -19765,7 +19739,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-bottom: 15px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-text {
     float: left;
     margin-left: 16px;
@@ -19776,7 +19750,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-left {
     float: left !important;
   }
@@ -19839,7 +19813,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (min-width: 840px) and (max-width: 1159.98px) {
   .navbar-right li > .dropdown-menu::before {
     right: 16px;
   }
@@ -19879,7 +19853,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-primary);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-default .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
@@ -19919,7 +19893,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-active);
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #0097c7;
     color: var(--color-content-accent);
@@ -19995,7 +19969,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: #ffffff;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-inverse .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
@@ -20039,7 +20013,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-hover);
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-inverse .navbar-nav > li > a {
     color: #37517e;
     color: var(--color-content-primary);
@@ -20122,7 +20096,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   display: none;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-collapse {
     position: fixed;
     bottom: 0;
@@ -20262,7 +20236,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   display: inline-block;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
@@ -20270,7 +20244,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
@@ -20286,7 +20260,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-top: 56px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image,
   .navbar + .jumbotron-image-inverse,
@@ -20307,7 +20281,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   padding-bottom: 64px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image > .jumbotron,
   .navbar + .jumbotron-image-inverse > .jumbotron,
@@ -20329,7 +20303,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-left: initial;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .navbar-static-top {
     background-color: #37517e;
     border-bottom-color: transparent;
@@ -20368,7 +20342,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   width: 75%;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .navbar-title,
   .navbar-subtitle {
     color: #37517e;
@@ -20393,7 +20367,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   border-bottom: 1px solid var(--color-border-neutral);
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-toolbar {
     margin-top: 0;
     background-color: #ffffff;
@@ -20413,7 +20387,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .nav-toolbar.affix {
     position: relative !important;
   }
@@ -20453,13 +20427,13 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   height: 32px;
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-toolbar--compact {
     padding-top: 0;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout .nav-toolbar.affix {
     width: calc(100% - 264px);
   }
@@ -20479,7 +20453,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   width: calc(100% - 140px);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .simple-nav .navbar-header {
     width: calc(100% - 340px);
   }
@@ -20497,14 +20471,14 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   float: left;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .simple-nav .navbar-nav > li > a {
     font-size: 1rem !important;
     font-size: var(--font-size-16) !important;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .simple-nav {
     background-color: #ffffff;
     background-color: var(--color-background-screen);
@@ -20513,7 +20487,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .simple-nav .navbar-nav > li > a {
     color: #ffffff;
   }
@@ -20541,7 +20515,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   max-width: 164px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .subnav {
     height: 128px !important;
     position: relative;
@@ -20585,7 +20559,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 
 /* stylelint-enable */
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -20767,7 +20741,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   vertical-align: middle;
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .tw-select.dropdown-menu.dropdown-menu--open {
     max-height: 50vh;
     max-height: 50svh;
@@ -21192,9 +21166,9 @@ button.close {
   overflow: scroll;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .modal-dialog {
-    width: 540px;
+    width: 564px;
     margin: 32px auto;
   }
   .modal-content {
@@ -21219,7 +21193,7 @@ button.close {
   }
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .modal-sm,
   .modal-lg {
     width: auto;
@@ -21227,16 +21201,16 @@ button.close {
   }
 }
 
-@media (min-width: 332px) {
+@media (min-width: 320.02px) {
   .modal-sm {
     width: 300px;
     margin: 32px auto;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .modal-lg {
-    width: 720px;
+    width: 824px;
     margin: 32px auto;
   }
 }
@@ -21279,7 +21253,7 @@ button.close {
   padding: 16px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .panel {
     margin-bottom: 24px;
     margin-left: -24px;
@@ -21296,7 +21270,7 @@ button.close {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel {
     margin-left: 0;
     margin-right: 0;
@@ -21306,7 +21280,7 @@ button.close {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .panel {
     margin-bottom: 32px;
     border-radius: 3px;
@@ -21319,7 +21293,7 @@ button.close {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel-title {
     line-height: calc(1.2 * 2);
     line-height: calc(var(--line-height-title) * 2);
@@ -21613,7 +21587,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   padding-right: initial;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel > .table tr > :first-child,
   .panel > .table-responsive tr > :first-child {
     padding-left: 24px;
@@ -21636,7 +21610,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .panel > .table tr > :first-child,
   .panel > .table-responsive tr > :first-child {
     padding-left: 32px;
@@ -21837,21 +21811,21 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   padding: 16px;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .panel-group .panel .panel-heading,
   .panel-group .panel .panel-footer {
     padding: 24px !important;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .panel-group .panel .panel-heading,
   .panel-group .panel .panel-footer {
     padding: 24px 32px;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel {
     margin-left: 0;
     margin-right: 0;
@@ -22300,12 +22274,12 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .popover-title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .popover-title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -22318,7 +22292,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .popover-title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -22429,7 +22403,7 @@ button.popover-close {
   border-bottom: 0;
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .popover-modal {
     position: fixed;
     top: 0 !important;
@@ -22444,7 +22418,7 @@ button.popover-close {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .popover-modal.left {
     margin-right: -var(--size-24) !important;
   }
@@ -22500,7 +22474,7 @@ button.popover-close {
   left: initial;
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .popover-modal-cover {
     display: block;
   }
@@ -22512,7 +22486,7 @@ button.popover-close {
   padding: var(--size-24);
 }
 
-@media (max-width: 576px) {
+@media (max-width: 599.98px) {
   .popover-promotion {
     width: auto !important;
     padding: 24px !important;
@@ -22522,7 +22496,7 @@ button.popover-close {
   }
 }
 
-@media (min-width: 566px) and (max-width: 992px) {
+@media (min-width: 590px) and (max-width: 1159.98px) {
   .popover-promotion {
     width: 540px !important;
     padding: 28px 32px !important;
@@ -22539,7 +22513,7 @@ button.popover-close {
   line-height: var(--line-height-title);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .popover-promotion .popover-title {
     font-size: 1.25rem;
     font-size: var(--font-size-20);
@@ -22548,25 +22522,25 @@ button.popover-close {
   }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 320px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
 
-@media (min-width: 480px) and (max-width: 992px) {
+@media (min-width: 320.02px) and (max-width: 1159.98px) {
   .popover-promotion .popover-image {
     width: 60%;
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
 
-@media (max-width: 992px) {
+@media (max-width: 1159.98px) {
   .popover-promotion {
     position: absolute !important;
   }
@@ -23305,7 +23279,7 @@ textarea:focus-visible {
   margin-bottom: 16px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence > li {
     padding-top: 4px;
     padding-bottom: 4px;
@@ -23354,7 +23328,7 @@ textarea:focus-visible {
   top: 2px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence .sequence-icon {
     top: 4px;
   }
@@ -23426,7 +23400,7 @@ textarea:focus-visible {
   margin-left: initial;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence {
     padding-right: 24px;
     font-size: 1rem;
@@ -23986,7 +23960,7 @@ textarea:focus-visible {
   margin-bottom: 24px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence-lg > li {
     padding-top: 8px;
     padding-bottom: 8px;
@@ -24035,7 +24009,7 @@ textarea:focus-visible {
   top: 8px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence-lg .sequence-icon {
     top: 8px;
   }
@@ -24101,7 +24075,7 @@ textarea:focus-visible {
   margin-left: initial;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence-lg {
     padding-left: 48px;
   }
@@ -24461,7 +24435,7 @@ th {
   background-color: var(--color-background-neutral);
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   div.table-bordered:not(.table-responsive) {
     border: 0;
   }
@@ -24472,7 +24446,7 @@ th {
   background-color: var(--color-background-neutral);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .table-striped > .tbody > dl:nth-of-type(odd) {
     background-color: rgba(134,167,189,0.10196);
     background-color: var(--color-background-neutral);
@@ -24665,7 +24639,7 @@ table col[class*="col-"] {
   border: 0;
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 839.98px) {
   .table-responsive {
     width: 100%;
     margin-bottom: 24px;
@@ -24700,7 +24674,7 @@ table col[class*="col-"] {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .table {
     display: table;
   }
@@ -24738,7 +24712,7 @@ table col[class*="col-"] {
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .table > .thead {
     display: none;
   }
@@ -24760,7 +24734,7 @@ table col[class*="col-"] {
   }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .table > .tbody > dl {
     padding-bottom: 8px;
   }
@@ -25147,7 +25121,7 @@ a[data-toggle="tooltip"] {
   float: none !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .pull-sm-left {
     float: left !important;
   }
@@ -25165,7 +25139,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .pull-md-left {
     float: left !important;
   }
@@ -25183,37 +25157,24 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (min-width: 992px) {
-  .pull-lg-left {
-    float: left !important;
-  }
-  [dir="rtl"] .pull-lg-left {
-    float: right !important;
-  }
-  .pull-lg-right {
-    float: right !important;
-  }
-  [dir="rtl"] .pull-lg-right {
-    float: left !important;
-  }
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
+  .pull-lg-left,
   .pull-xl-left {
     float: left !important;
   }
+  [dir="rtl"] .pull-lg-left,
   [dir="rtl"] .pull-xl-left {
     float: right !important;
   }
+  .pull-lg-right,
   .pull-xl-right {
     float: right !important;
   }
+  [dir="rtl"] .pull-lg-right,
   [dir="rtl"] .pull-xl-right {
     float: left !important;
   }
+  .pull-lg-none,
   .pull-xl-none {
     float: none !important;
   }
@@ -25285,7 +25246,7 @@ a[data-toggle="tooltip"] {
   box-shadow: none;
 }
 
-@media only screen and (min-width: 576px) {
+@media only screen and (min-width: 600px) {
   .well-sm {
     min-height: 24px;
     min-height: var(--size-24);
@@ -25301,7 +25262,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 840px) {
   .well-md {
     min-height: 24px;
     min-height: var(--size-24);
@@ -25317,23 +25278,8 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media only screen and (min-width: 992px) {
-  .well-lg {
-    min-height: 24px;
-    min-height: var(--size-24);
-    margin-bottom: 24px;
-    margin-bottom: var(--size-24);
-    border-radius: 10px;
-    border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
-    border: solid 1px var(--color-border-neutral);
-    padding: 24px;
-    padding: var(--size-24);
-    box-shadow: none;
-  }
-}
-
-@media only screen and (min-width: 1200px) {
+@media only screen and (min-width: 1160px) {
+  .well-lg,
   .well-xl {
     min-height: 24px;
     min-height: var(--size-24);