@transferwise/components 0.0.0-experimental-9050641 → 0.0.0-experimental-ce05ccb

package/build/styles/main.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:08 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-personal {
@@ -394,7 +394,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -644,7 +644,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -894,7 +894,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-personal--dark {
@@ -1144,7 +1144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-platform {
@@ -1328,7 +1328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1512,7 +1512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-business {
@@ -1697,7 +1697,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-business--dark {
@@ -1882,7 +1882,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
  */
 
 .np-theme-business--forest-green {
@@ -2067,7 +2067,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 08 May 2026 16:25:09 GMT
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
  */
 
 .np-theme-business--bright-green {
@@ -2899,7 +2899,7 @@ dd {
   color: var(--color-content-primary);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   dd {
     margin-bottom: 24px;
     margin-bottom: var(--size-24);
@@ -2918,7 +2918,7 @@ dd {
   clear: both;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .dl-horizontal dt {
     float: left;
     clear: left;
@@ -2982,14 +2982,14 @@ hr {
   border-top: 1px solid rgba(255,255,255,0.10196);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   hr {
     margin: 24px auto;
     margin: var(--size-24) auto;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   hr {
     margin: 32px auto;
     margin: var(--size-32) auto;
@@ -3116,7 +3116,7 @@ h6,
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .h1,
     .h2,
     .h3,
@@ -3142,7 +3142,7 @@ h6,
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .h1,
     .h2,
     .h3,
@@ -3197,7 +3197,7 @@ h6,
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .h1,
     .h2,
     .h3,
@@ -3571,7 +3571,7 @@ a,
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .np-text-display-extra-large,
     .np-text-display-large,
     .np-text-display-medium,
@@ -3579,7 +3579,7 @@ a,
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-text-display-extra-large,
     .np-text-display-large,
     .np-text-display-medium,
@@ -3598,7 +3598,7 @@ a,
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-text-display-extra-large,
     .np-text-display-large,
     .np-text-display-medium,
@@ -4017,7 +4017,7 @@ a,
   font-size: 3.73333333rem;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .display-1 {
     margin-bottom: 8px;
     margin-bottom: var(--size-8);
@@ -4034,7 +4034,7 @@ a,
   font-size: 3.73333333rem;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .display-2 {
     margin-bottom: 16px;
     margin-bottom: var(--size-16);
@@ -4050,7 +4050,7 @@ a,
   font-size: 2.8rem;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .display-3 {
     margin-bottom: 24px;
     margin-bottom: var(--size-24);
@@ -4067,7 +4067,7 @@ a,
   font-size: 1.86666667rem;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .display-4 {
     margin-bottom: 24px;
     margin-bottom: var(--size-24);
@@ -4084,7 +4084,7 @@ a,
   font-size: 1.86666667rem;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .display-5 {
     margin-bottom: 8px;
     margin-bottom: var(--size-8);
@@ -4196,14 +4196,14 @@ blockquote footer::before {
   content: "\2014 \00A0";
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   blockquote {
     margin: 24px;
     margin: var(--size-24);
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   blockquote {
     margin: 32px;
     margin: var(--size-32);
@@ -4346,7 +4346,7 @@ kbd kbd {
   white-space: nowrap;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .text-sm-left {
     text-align: left;
   }
@@ -4370,7 +4370,7 @@ kbd kbd {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .text-md-left {
     text-align: left;
   }
@@ -4394,32 +4394,49 @@ kbd kbd {
   }
 }
 
-@media (min-width: 1160px) {
-  .text-lg-left,
+@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) {
   .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;
   }
@@ -4810,106 +4827,126 @@ a.text-inverse:focus {
   display: none !important;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .visible-xs,
   .visible-xs-block {
     display: block !important;
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .visible-xs-inline {
     display: inline !important;
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .visible-xs-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (min-width: 600px) and (max-width: 839.98px) {
+@media (min-width: 576px) and (max-width: 767px) {
   .visible-sm,
   .visible-sm-block {
     display: block !important;
   }
 }
 
-@media (min-width: 600px) and (max-width: 839.98px) {
+@media (min-width: 576px) and (max-width: 767px) {
   .visible-sm-inline {
     display: inline !important;
   }
 }
 
-@media (min-width: 600px) and (max-width: 839.98px) {
+@media (min-width: 576px) and (max-width: 767px) {
   .visible-sm-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (max-width: 991px) {
   .visible-md,
   .visible-md-block {
     display: block !important;
   }
 }
 
-@media (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (max-width: 991px) {
   .visible-md-inline {
     display: inline !important;
   }
 }
 
-@media (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (max-width: 991px) {
   .visible-md-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) and (max-width: 1199px) {
   .visible-lg,
-  .visible-lg-block,
+  .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-xl,
   .visible-xl-block {
     display: block !important;
   }
 }
 
-@media (min-width: 1160px) {
-  .visible-lg-inline,
+@media (min-width: 1200px) {
   .visible-xl-inline {
     display: inline !important;
   }
 }
 
-@media (min-width: 1160px) {
-  .visible-lg-inline-block,
+@media (min-width: 1200px) {
   .visible-xl-inline-block {
     display: inline-block !important;
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .hidden-xs {
     display: none !important;
   }
 }
 
-@media (min-width: 600px) and (max-width: 839.98px) {
+@media (min-width: 576px) and (max-width: 767px) {
   .hidden-sm {
     display: none !important;
   }
 }
 
-@media (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (max-width: 991px) {
   .hidden-md {
     display: none !important;
   }
 }
 
-@media (min-width: 1160px) {
-  .hidden-lg,
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
   .hidden-xl {
     display: none !important;
   }
@@ -6018,7 +6055,7 @@ html:not([dir="rtl"]) .p-a-panel {
   padding-left: var(--size-16) !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .m-a-panel {
     margin-top: 24px !important;
     margin-top: var(--size-24) !important;
@@ -6065,7 +6102,7 @@ html:not([dir="rtl"]) .p-a-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .m-a-panel {
     margin-top: 32px !important;
     margin-top: var(--size-32) !important;
@@ -6146,7 +6183,7 @@ html:not([dir="rtl"]) .p-a-panel {
   padding-bottom: var(--size-16) !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .m-t-panel {
     margin-top: 24px !important;
     margin-top: var(--size-24) !important;
@@ -6177,7 +6214,7 @@ html:not([dir="rtl"]) .p-a-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .m-t-panel {
     margin-top: 32px !important;
     margin-top: var(--size-32) !important;
@@ -6288,7 +6325,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-right: var(--size-16) !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   [dir="rtl"] .m-l-panel {
     margin-right: 24px !important;
     margin-right: var(--size-24) !important;
@@ -6355,7 +6392,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   [dir="rtl"] .m-l-panel {
     margin-right: 32px !important;
     margin-right: var(--size-32) !important;
@@ -6456,7 +6493,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-16) !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .m-t-section-1 {
     margin-top: 24px !important;
     margin-top: var(--size-24) !important;
@@ -6487,7 +6524,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .m-t-section-1 {
     margin-top: 32px !important;
     margin-top: var(--size-32) !important;
@@ -6552,7 +6589,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-32) !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .m-t-section-2 {
     margin-top: 48px !important;
     margin-top: var(--size-48) !important;
@@ -6583,7 +6620,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .m-t-section-2 {
     margin-top: 64px !important;
     margin-top: var(--size-64) !important;
@@ -6648,7 +6685,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-48) !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .m-t-section-3 {
     margin-top: 72px !important;
     margin-top: var(--size-72) !important;
@@ -6679,7 +6716,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .m-t-section-3 {
     margin-top: 96px !important;
     margin-top: var(--size-96) !important;
@@ -6754,7 +6791,7 @@ html:not([dir="rtl"]) .p-x-panel {
   padding-bottom: var(--size-48);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .section {
     padding-top: 72px;
     padding-top: var(--size-72);
@@ -6763,7 +6800,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .section {
     padding-top: 96px;
     padding-top: var(--size-96);
@@ -6777,12 +6814,12 @@ html:not([dir="rtl"]) .p-x-panel {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .np-text-hyphenated {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-text-hyphenated {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -6795,7 +6832,7 @@ html:not([dir="rtl"]) .p-x-panel {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-text-hyphenated {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -9186,7 +9223,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
   background-size: 12px 12px !important;
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-collapse .btn {
     padding: 12px 24px calc(12px - 2px);
     padding: var(--btn-padding);
@@ -9600,7 +9637,7 @@ a.btn {
   margin-left: initial;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .btn-toolbar:not(.btn-toolbar-xl) {
     margin-left: -4px;
     margin-right: -4px;
@@ -9642,7 +9679,7 @@ a.btn {
   float: right;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .btn-toolbar.btn-toolbar-sm {
     margin-left: -4px;
     margin-right: -4px;
@@ -9663,7 +9700,7 @@ a.btn {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .btn-toolbar.btn-toolbar-md {
     margin-left: -4px;
     margin-right: -4px;
@@ -9684,7 +9721,7 @@ a.btn {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .btn-toolbar.btn-toolbar-lg {
     margin-left: -4px;
     margin-right: -4px;
@@ -9705,7 +9742,7 @@ a.btn {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .btn-toolbar.btn-toolbar-xl {
     margin-left: -4px;
     margin-right: -4px;
@@ -10080,7 +10117,7 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
   padding-right: 16px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .btn-group.btn-block .btn-input.btn.dropdown-toggle {
     padding-right: 48px;
   }
@@ -11669,7 +11706,7 @@ select[multiple].input-lg {
   top: 0;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -11762,7 +11799,7 @@ select[multiple].input-lg {
   margin-right: -12px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .form-horizontal .control-label {
     text-align: right;
     margin-bottom: 0;
@@ -11783,7 +11820,7 @@ select[multiple].input-lg {
   right: initial;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .form-horizontal .form-group-lg .control-label {
     padding-top: 17px;
     font-size: 1.25rem;
@@ -11791,7 +11828,7 @@ select[multiple].input-lg {
   }
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .form-horizontal .form-group-sm .control-label {
     padding-top: 8px;
     font-size: 0.875rem;
@@ -12298,7 +12335,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   padding-right: initial;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .form-group .row [class*='col-sm-'] {
     margin-bottom: 0;
   }
@@ -12307,7 +12344,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .form-group .row [class*='col-md-'] {
     margin-bottom: 0;
   }
@@ -12317,7 +12354,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 991px) {
   .form-group .row [class*='col-lg-'] {
     margin-bottom: 0;
   }
@@ -12327,7 +12364,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 1199px) {
   .form-group .row [class*='col-xl-'] {
     margin-bottom: 0;
   }
@@ -12337,7 +12374,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   }
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   fieldset .form-group:nth-of-type(odd) {
     clear: left;
   }
@@ -12878,14 +12915,14 @@ select[multiple].input-group-lg > .input-group-btn .btn {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .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: 1160px) {
+  @media (min-width: 992px) {
     .input-group-lg > .form-control,
     .input-group-lg > .input-group-addon,
     .input-group-lg > .input-group-btn .btn {
@@ -12902,7 +12939,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .input-group-lg > .form-control,
     .input-group-lg > .input-group-addon,
     .input-group-lg > .input-group-btn .btn {
@@ -13498,7 +13535,7 @@ a.circle.active:hover {
   background-color: var(--color-background-neutral);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .circle-responsive {
     border-radius: 50%;
     background-color: #fff;
@@ -13672,7 +13709,7 @@ a.circle.active:hover {
   padding: var(--size-24);
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .column-layout {
     display: table;
   }
@@ -13717,13 +13754,13 @@ a.circle.active:hover {
   top: 20px;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .column-layout-cover {
     display: none;
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 991px) {
   .column-layout-open {
     overflow: hidden;
   }
@@ -13767,7 +13804,7 @@ a.circle.active:hover {
   padding: var(--size-4) 24px;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .column-layout-brand {
     padding-left: 32px;
     padding-right: 32px;
@@ -13894,12 +13931,12 @@ li > a > .currency-flag:first-child {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .decision__title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .decision__title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -13912,7 +13949,7 @@ li > a > .currency-flag:first-child {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .decision__title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -13974,7 +14011,7 @@ li > a > .currency-flag:first-child {
   color: var(--color-content-secondary);
 }
 
-@media (min-width: 320.02px) {
+@media (min-width: 480px) {
   .decision .media .media-left,
   .decision.media .media-left {
     display: block;
@@ -14077,7 +14114,7 @@ li > a > .currency-flag:first-child {
   box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .dropdown-menu {
     min-width: 160px;
   }
@@ -14220,7 +14257,7 @@ li > a > .currency-flag:first-child {
   transform: none;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .open > .dropdown-menu-overlay {
     position: fixed;
     top: 0;
@@ -14290,7 +14327,7 @@ li > a > .currency-flag:first-child {
   right: initial;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .dropdown-menu-sm-right {
     left: auto;
     right: 0;
@@ -14321,7 +14358,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .dropdown-menu-md-right {
     left: auto;
     right: 0;
@@ -14352,7 +14389,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .dropdown-menu-lg-right {
     left: auto;
     right: 0;
@@ -14383,7 +14420,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .dropdown-menu-xl-right {
     left: auto;
     right: 0;
@@ -14441,12 +14478,12 @@ li > a > .currency-flag:first-child {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .dropdown-header {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .dropdown-header {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -14459,7 +14496,7 @@ li > a > .currency-flag:first-child {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .dropdown-header {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -14501,7 +14538,7 @@ li > a > .currency-flag:first-child {
   margin-bottom: 2px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-right .dropdown-menu {
     left: auto;
     right: 0;
@@ -14567,7 +14604,7 @@ li > a > .currency-flag:first-child {
   border-radius: initial;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .droppable {
     border-style: dashed;
   }
@@ -14686,7 +14723,7 @@ li > a > .currency-flag:first-child {
   margin: 0 auto;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .droppable .thumbnail {
     max-height: 128px;
     max-width: 128px;
@@ -14751,13 +14788,13 @@ li > a > .currency-flag:first-child {
   padding: 16px 16px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .droppable-sm {
     padding: 24px 16px;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .droppable-sm {
     padding: 32px 24px;
   }
@@ -14767,13 +14804,13 @@ li > a > .currency-flag:first-child {
   padding: 32px 32px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .droppable-md {
     padding: 48px 32px;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .droppable-md {
     padding: 64px 48px;
   }
@@ -14783,13 +14820,13 @@ li > a > .currency-flag:first-child {
   padding: 48px 48px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .droppable-lg {
     padding: 72px 48px;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .droppable-lg {
     padding: 96px 72px;
   }
@@ -14908,7 +14945,7 @@ li > a > .currency-flag:first-child {
   flex-grow: 1;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .d-flex--sm {
     display: flex;
   }
@@ -14989,7 +15026,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .d-flex--md {
     display: flex;
   }
@@ -15070,7 +15107,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .d-flex--lg {
     display: flex;
   }
@@ -15149,6 +15186,9 @@ li > a > .currency-flag:first-child {
   .flex-grow-1--lg {
     flex-grow: 1;
   }
+}
+
+@media (min-width: 1200px) {
   .d-flex--xl {
     display: flex;
   }
@@ -15255,7 +15295,7 @@ li > a > .currency-flag:first-child {
   margin-left: initial;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .flex__inner {
     margin-right: calc(-1 * 24px);
     margin-right: calc(-1 * var(--size-24));
@@ -15276,7 +15316,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .flex__inner {
     margin-right: calc(-1 * 32px);
     margin-right: calc(-1 * var(--size-32));
@@ -15297,7 +15337,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .flex__inner {
     margin-right: calc(-1 * 48px);
     margin-right: calc(-1 * var(--size-48));
@@ -15339,7 +15379,7 @@ li > a > .currency-flag:first-child {
   padding-left: initial;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .flex__item {
     padding-right: 24px;
     padding-right: var(--size-24);
@@ -15360,7 +15400,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .flex__item {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -15381,7 +15421,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .flex__item {
     padding-right: 48px;
     padding-right: var(--size-48);
@@ -15407,7 +15447,7 @@ li > a > .currency-flag:first-child {
   max-width: calc(100% / 3);
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .flex__item--4--md {
     flex: 0 0 calc(100% / 3);
     max-width: calc(100% / 3);
@@ -15419,7 +15459,7 @@ li > a > .currency-flag:first-child {
   max-width: calc(100% / 1.5);
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .flex__item--8--md {
     flex: 0 0 calc(100% / 1.5);
     max-width: calc(100% / 1.5);
@@ -15431,7 +15471,7 @@ li > a > .currency-flag:first-child {
   max-width: 50%;
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .flex__item--6--md {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15443,7 +15483,7 @@ li > a > .currency-flag:first-child {
   max-width: 100%;
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .flex__item--12--md {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15465,7 +15505,7 @@ li > a > .currency-flag:first-child {
   padding-bottom: calc(var(--size-8) * 10);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .footer {
     padding-top: calc(8px * 15);
     padding-top: calc(var(--size-8) * 15);
@@ -15474,7 +15514,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .footer {
     padding-top: calc(8px * 20);
     padding-top: calc(var(--size-8) * 20);
@@ -15595,7 +15635,7 @@ li > a > .currency-flag:first-child {
   color: #ffffff;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .footer {
     position: relative;
   }
@@ -15660,20 +15700,20 @@ li > a > .currency-flag:first-child {
   clear: both;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .container {
     max-width: 1164px;
   }
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .container {
     padding-right: 24px;
     padding-left: 24px;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .container {
     padding-right: 32px;
     padding-left: 32px;
@@ -16346,7 +16386,7 @@ li > a > .currency-flag:first-child {
   margin-left: initial;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
@@ -16773,7 +16813,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .col-md-1,
   .col-md-2,
   .col-md-3,
@@ -17200,7 +17240,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
@@ -17627,7 +17667,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .col-xl-1,
   .col-xl-2,
   .col-xl-3,
@@ -18054,14 +18094,14 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .container {
     padding-right: 16px;
     padding-left: 16px;
   }
 }
 
-@media (min-width: 600px) and (max-width: 839.98px) {
+@media (min-width: 576px) and (max-width: 767px) {
   .container {
     padding-right: 24px;
     padding-left: 24px;
@@ -18080,25 +18120,25 @@ li > a > .currency-flag:first-child {
   margin-bottom: 0;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   [class*="col-sm"] {
     margin-bottom: 0;
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   [class*="col-md"] {
     margin-bottom: 0;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   [class*="col-lg"] {
     margin-bottom: 0;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   [class*="col-xl"] {
     margin-bottom: 0;
   }
@@ -18113,14 +18153,14 @@ li > a > .currency-flag:first-child {
   display: flex;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .row-equal-height .col-xs-12 {
     margin-bottom: 12px;
     margin-bottom: var(--size-12);
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .row {
     margin-right: calc(8px * -1);
     margin-right: calc(var(--size-8) * -1);
@@ -18145,7 +18185,7 @@ li > a > .currency-flag:first-child {
   padding-left: 24px / 2;
 }
 
-@media all and (min-width: 600px) {
+@media all and (min-width: 576px) {
   .row--wide {
     margin-right: -48px / 2;
     margin-left: -48px / 2;
@@ -18156,7 +18196,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media all and (min-width: 1160px) {
+@media all and (min-width: 992px) {
   .row--wide {
     margin-right: -96px / 2;
     margin-left: -96px / 2;
@@ -18167,7 +18207,7 @@ li > a > .currency-flag:first-child {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .container--fullscreen {
     max-width: 100%;
   }
@@ -18185,7 +18225,7 @@ li > a > .currency-flag:first-child {
   margin-left: auto;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .container--wide {
     max-width: 1500px;
   }
@@ -18257,7 +18297,7 @@ html:not([dir="rtl"]) .list-group-item {
   margin-top: 0;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .list-group-item {
     padding: 24px 24px 24px 22px;
   }
@@ -18266,7 +18306,7 @@ html:not([dir="rtl"]) .list-group-item {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .list-group-item {
     padding: 32px 32px 32px 30px;
   }
@@ -18296,12 +18336,12 @@ html:not([dir="rtl"]) .list-group-item {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .list-group-item-heading {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .list-group-item-heading {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -18314,7 +18354,7 @@ html:not([dir="rtl"]) .list-group-item {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .list-group-item-heading {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -18390,7 +18430,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
   box-shadow: none;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .list-group-item.active {
     margin-left: -12px;
     margin-right: -12px;
@@ -18411,7 +18451,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
   background-color: var(--color-background-screen);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .list-group-inactive .list-group-item:hover .circle,
   .list-group-inactive .list-group-item.active .circle {
     background-color: rgba(134,167,189,0.10196);
@@ -18580,7 +18620,7 @@ a.list-group-item-danger:hover {
   }
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .list-group-slide-out .list-group-item .collapse {
     position: fixed;
     top: 0;
@@ -18810,7 +18850,7 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
   transition: none;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .nav-stacked > li > a {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -18901,7 +18941,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   line-height: var(--line-height-body);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .nav-justified-2-p-x {
     padding-right: 25%;
     padding-left: 25%;
@@ -19089,7 +19129,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   float: none !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .pull-sm-left {
     float: left !important;
   }
@@ -19107,7 +19147,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .pull-md-left {
     float: left !important;
   }
@@ -19125,7 +19165,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .pull-lg-left {
     float: left !important;
   }
@@ -19143,7 +19183,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .pull-xl-left {
     float: left !important;
   }
@@ -19218,7 +19258,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   transition: border-top-width 0s linear;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar {
     border-radius: 0;
   }
@@ -19228,7 +19268,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-header {
     float: left;
   }
@@ -19242,7 +19282,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   -webkit-overflow-scrolling: touch;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-collapse {
     width: auto;
     border-top: 0;
@@ -19261,7 +19301,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .container > .navbar-header,
   .container-fluid > .navbar-header,
   .container > .navbar-collapse,
@@ -19276,7 +19316,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-bottom: 0;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-static-top {
     border-radius: 0;
   }
@@ -19311,7 +19351,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-background-screen);
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .navbar.affix .navbar-nav > li > a,
   .navbar-fixed-top .navbar-nav > li > a,
   .navbar-fixed-bottom .navbar-nav > li > a,
@@ -19333,7 +19373,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-active);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar.affix,
   .navbar-fixed-top,
   .navbar-fixed-bottom {
@@ -19461,7 +19501,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   background-color: var(--color-content-accent-hover);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-toggle {
     display: none;
   }
@@ -19475,7 +19515,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   transition: color ease 0.15s;
 }
 
-@media (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (max-width: 991px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     padding-left: 12px;
@@ -19522,7 +19562,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-active);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
   .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
     color: #ffffff;
@@ -19548,7 +19588,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-left: initial;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-nav > li > a.navbar-title-link,
   .navbar-nav > li > button.navbar-title-link {
     font-size: 1.25rem;
@@ -19560,7 +19600,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   display: none;
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     font-size: 1rem;
@@ -19611,7 +19651,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-nav {
     float: left;
   }
@@ -19635,7 +19675,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   padding: 8px 16px;
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-form .form-group {
     margin-bottom: 4px;
   }
@@ -19644,7 +19684,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-form {
     width: auto;
     border: 0;
@@ -19658,7 +19698,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) and (min-width: 600px) {
+@media (min-width: 768px) and (min-width: 576px) {
   .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -19721,7 +19761,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) and (min-width: 600px) {
+@media (min-width: 768px) and (min-width: 576px) {
   .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -19784,7 +19824,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (max-width: 840px) {
+@media (max-width: 768px) {
   .navbar-form {
     border-bottom: 1px solid rgba(0,0,0,0.10196);
     border-bottom: 1px solid var(--color-border-neutral);
@@ -19818,7 +19858,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   font-size: var(--font-size-14);
 }
 
-@media (max-width: 840px) {
+@media (max-width: 768px) {
   .navbar-nav > li > .dropdown-menu > li > a {
     position: relative;
     -webkit-touch-callout: none;
@@ -19854,7 +19894,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   background-color: var(--color-background-neutral);
 }
 
-@media (max-width: 600px) {
+@media (max-width: 576px) {
   .navbar-nav > li > .dropdown-menu-overlay {
     margin-top: 0;
   }
@@ -19882,7 +19922,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   transform: none;
 }
 
-@media (min-width: 840px) {
+@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;
@@ -19911,7 +19951,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   left: initial;
 }
 
-@media (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (max-width: 991px) {
   .navbar-right li > .dropdown-menu::before,
   .pull-xs-right li > .dropdown-menu::before {
     right: 16px;
@@ -19973,7 +20013,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-bottom: 16px;
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-btn {
     display: block;
   }
@@ -19984,7 +20024,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-bottom: 15px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-text {
     float: left;
     margin-left: 16px;
@@ -19995,7 +20035,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-left {
     float: left !important;
   }
@@ -20058,7 +20098,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 840px) and (min-width: 840px) and (max-width: 1159.98px) {
+@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
   .navbar-right li > .dropdown-menu::before {
     right: 16px;
   }
@@ -20098,7 +20138,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-primary);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-default .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
@@ -20138,7 +20178,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-active);
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #0097c7;
     color: var(--color-content-accent);
@@ -20214,7 +20254,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: #ffffff;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar-inverse .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
@@ -20258,7 +20298,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: var(--color-content-accent-hover);
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-inverse .navbar-nav > li > a {
     color: #37517e;
     color: var(--color-content-primary);
@@ -20341,7 +20381,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   display: none;
 }
 
-@media (max-width: 839px) {
+@media (max-width: 767px) {
   .navbar-collapse {
     position: fixed;
     bottom: 0;
@@ -20481,7 +20521,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   display: inline-block;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
@@ -20489,7 +20529,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
@@ -20505,7 +20545,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-top: 56px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image,
   .navbar + .jumbotron-image-inverse,
@@ -20526,7 +20566,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   padding-bottom: 64px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image > .jumbotron,
   .navbar + .jumbotron-image-inverse > .jumbotron,
@@ -20548,7 +20588,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   margin-left: initial;
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .navbar-static-top {
     background-color: #37517e;
     border-bottom-color: transparent;
@@ -20587,7 +20627,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   width: 75%;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .navbar-title,
   .navbar-subtitle {
     color: #37517e;
@@ -20612,7 +20652,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   border-bottom: 1px solid var(--color-border-neutral);
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .nav-toolbar {
     margin-top: 0;
     background-color: #ffffff;
@@ -20632,7 +20672,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 991px) {
   .nav-toolbar.affix {
     position: relative !important;
   }
@@ -20672,13 +20712,13 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   height: 32px;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .nav-toolbar--compact {
     padding-top: 0;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .column-layout .nav-toolbar.affix {
     width: calc(100% - 264px);
   }
@@ -20698,7 +20738,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   width: calc(100% - 140px);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .simple-nav .navbar-header {
     width: calc(100% - 340px);
   }
@@ -20716,14 +20756,14 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   float: left;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .simple-nav .navbar-nav > li > a {
     font-size: 1rem !important;
     font-size: var(--font-size-16) !important;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .simple-nav {
     background-color: #ffffff;
     background-color: var(--color-background-screen);
@@ -20732,7 +20772,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 991px) {
   .simple-nav .navbar-nav > li > a {
     color: #ffffff;
   }
@@ -20760,7 +20800,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   max-width: 164px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .subnav {
     height: 128px !important;
     position: relative;
@@ -20804,7 +20844,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 
 /* stylelint-enable */
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -20986,7 +21026,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   vertical-align: middle;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .tw-select.dropdown-menu.dropdown-menu--open {
     max-height: 50vh;
     max-height: 50svh;
@@ -21411,9 +21451,9 @@ button.close {
   overflow: scroll;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .modal-dialog {
-    width: 564px;
+    width: 540px;
     margin: 32px auto;
   }
   .modal-content {
@@ -21438,7 +21478,7 @@ button.close {
   }
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .modal-sm,
   .modal-lg {
     width: auto;
@@ -21446,16 +21486,16 @@ button.close {
   }
 }
 
-@media (min-width: 320.02px) {
+@media (min-width: 332px) {
   .modal-sm {
     width: 300px;
     margin: 32px auto;
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .modal-lg {
-    width: 824px;
+    width: 720px;
     margin: 32px auto;
   }
 }
@@ -21498,7 +21538,7 @@ button.close {
   padding: 16px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .panel {
     margin-bottom: 24px;
     margin-left: -24px;
@@ -21515,7 +21555,7 @@ button.close {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .panel {
     margin-left: 0;
     margin-right: 0;
@@ -21525,7 +21565,7 @@ button.close {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .panel {
     margin-bottom: 32px;
     border-radius: 3px;
@@ -21538,7 +21578,7 @@ button.close {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .panel-title {
     line-height: calc(1.2 * 2);
     line-height: calc(var(--line-height-title) * 2);
@@ -21832,7 +21872,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   padding-right: initial;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .panel > .table tr > :first-child,
   .panel > .table-responsive tr > :first-child {
     padding-left: 24px;
@@ -21855,7 +21895,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .panel > .table tr > :first-child,
   .panel > .table-responsive tr > :first-child {
     padding-left: 32px;
@@ -22056,21 +22096,21 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   padding: 16px;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .panel-group .panel .panel-heading,
   .panel-group .panel .panel-footer {
     padding: 24px !important;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .panel-group .panel .panel-heading,
   .panel-group .panel .panel-footer {
     padding: 24px 32px;
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .panel {
     margin-left: 0;
     margin-right: 0;
@@ -22519,12 +22559,12 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .popover-title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .popover-title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -22537,7 +22577,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: 1160px) {
+  @media (min-width: 992px) {
     .popover-title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -22648,7 +22688,7 @@ button.popover-close {
   border-bottom: 0;
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 991px) {
   .popover-modal {
     position: fixed;
     top: 0 !important;
@@ -22663,7 +22703,7 @@ button.popover-close {
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .popover-modal.left {
     margin-right: -var(--size-24) !important;
   }
@@ -22719,7 +22759,7 @@ button.popover-close {
   left: initial;
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 991px) {
   .popover-modal-cover {
     display: block;
   }
@@ -22731,7 +22771,7 @@ button.popover-close {
   padding: var(--size-24);
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 576px) {
   .popover-promotion {
     width: auto !important;
     padding: 24px !important;
@@ -22741,7 +22781,7 @@ button.popover-close {
   }
 }
 
-@media (min-width: 590px) and (max-width: 1159.98px) {
+@media (min-width: 566px) and (max-width: 992px) {
   .popover-promotion {
     width: 540px !important;
     padding: 28px 32px !important;
@@ -22758,7 +22798,7 @@ button.popover-close {
   line-height: var(--line-height-title);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .popover-promotion .popover-title {
     font-size: 1.25rem;
     font-size: var(--font-size-20);
@@ -22767,25 +22807,25 @@ button.popover-close {
   }
 }
 
-@media (max-width: 320px) {
+@media (max-width: 480px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
 
-@media (min-width: 320.02px) and (max-width: 1159.98px) {
+@media (min-width: 480px) and (max-width: 992px) {
   .popover-promotion .popover-image {
     width: 60%;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 992px) {
   .popover-promotion {
     position: absolute !important;
   }
@@ -23524,7 +23564,7 @@ textarea:focus-visible {
   margin-bottom: 16px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .sequence > li {
     padding-top: 4px;
     padding-bottom: 4px;
@@ -23573,7 +23613,7 @@ textarea:focus-visible {
   top: 2px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .sequence .sequence-icon {
     top: 4px;
   }
@@ -23645,7 +23685,7 @@ textarea:focus-visible {
   margin-left: initial;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .sequence {
     padding-right: 24px;
     font-size: 1rem;
@@ -24205,7 +24245,7 @@ textarea:focus-visible {
   margin-bottom: 24px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .sequence-lg > li {
     padding-top: 8px;
     padding-bottom: 8px;
@@ -24254,7 +24294,7 @@ textarea:focus-visible {
   top: 8px;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .sequence-lg .sequence-icon {
     top: 8px;
   }
@@ -24320,7 +24360,7 @@ textarea:focus-visible {
   margin-left: initial;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .sequence-lg {
     padding-left: 48px;
   }
@@ -24680,7 +24720,7 @@ th {
   background-color: var(--color-background-neutral);
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   div.table-bordered:not(.table-responsive) {
     border: 0;
   }
@@ -24691,7 +24731,7 @@ th {
   background-color: var(--color-background-neutral);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .table-striped > .tbody > dl:nth-of-type(odd) {
     background-color: rgba(134,167,189,0.10196);
     background-color: var(--color-background-neutral);
@@ -24884,7 +24924,7 @@ table col[class*="col-"] {
   border: 0;
 }
 
-@media screen and (max-width: 839.98px) {
+@media screen and (max-width: 767px) {
   .table-responsive {
     width: 100%;
     margin-bottom: 24px;
@@ -24919,7 +24959,7 @@ table col[class*="col-"] {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .table {
     display: table;
   }
@@ -24957,7 +24997,7 @@ table col[class*="col-"] {
   }
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .table > .thead {
     display: none;
   }
@@ -24979,7 +25019,7 @@ table col[class*="col-"] {
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .table > .tbody > dl {
     padding-bottom: 8px;
   }
@@ -25366,7 +25406,7 @@ a[data-toggle="tooltip"] {
   float: none !important;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .pull-sm-left {
     float: left !important;
   }
@@ -25384,7 +25424,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .pull-md-left {
     float: left !important;
   }
@@ -25402,24 +25442,37 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (min-width: 1160px) {
-  .pull-lg-left,
+@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) {
   .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;
   }
@@ -25491,7 +25544,7 @@ a[data-toggle="tooltip"] {
   box-shadow: none;
 }
 
-@media only screen and (min-width: 600px) {
+@media only screen and (min-width: 576px) {
   .well-sm {
     min-height: 24px;
     min-height: var(--size-24);
@@ -25507,7 +25560,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media only screen and (min-width: 840px) {
+@media only screen and (min-width: 768px) {
   .well-md {
     min-height: 24px;
     min-height: var(--size-24);
@@ -25523,8 +25576,23 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media only screen and (min-width: 1160px) {
-  .well-lg,
+@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) {
   .well-xl {
     min-height: 24px;
     min-height: var(--size-24);
@@ -26233,19 +26301,19 @@ a[data-toggle="tooltip"] {
   padding-inline: var(--wds-container-padding-inline);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .wds-container {
     --wds-container-padding-inline: var(--size-16);
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .wds-container {
     --wds-container-padding-inline: var(--size-32);
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .wds-container {
     --wds-container-padding-inline: var(--size-40);
   }
@@ -26324,7 +26392,7 @@ a[data-toggle="tooltip"] {
   --Button-background-active: var(--color-sentiment-interactive-secondary-neutral-active);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .critical-comms .alert-warning .alert__message,
   .critical-comms .alert-negative .alert__message,
   .critical-comms .alert-neutral .alert__message {
@@ -26367,7 +26435,7 @@ a[data-toggle="tooltip"] {
   border-bottom: 1px solid var(--color-border-neutral);
 }
 
-@media (min-width: 320.02px) {
+@media (min-width: 480px) {
   .np-accordion-item__content.has-icon {
     padding-left: 68px;
   }
@@ -27457,14 +27525,14 @@ a[data-toggle="tooltip"] {
   cursor: default;
 }
 
-@media (min-width: 320.02px) {
+@media (min-width: 480px) {
   .np-card--has-icon .np-card__content {
     padding: 24px 72px;
     padding: var(--size-24) var(--size-72);
   }
 }
 
-@media (min-width: 320.02px) {
+@media (min-width: 480px) {
   .np-card--has-icon .np-card__divider--expanded {
     margin: 0 72px;
     margin: 0 var(--size-72);
@@ -27568,7 +27636,7 @@ a[data-toggle="tooltip"] {
   padding: var(--size-8);
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .carousel {
     gap: 8px;
     gap: var(--size-8);
@@ -27610,7 +27678,7 @@ a[data-toggle="tooltip"] {
   transition: all 0.4s !important;
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 1200px) {
   .carousel__card {
     min-width: 280px;
     width: 280px;
@@ -27618,7 +27686,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .carousel-wrapper {
     overflow: visible;
   }
@@ -27628,7 +27696,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (max-width: 1159.98px) {
+@media (max-width: 1199px) {
   .carousel__card {
     min-width: 242px;
     width: 242px;
@@ -27636,7 +27704,7 @@ a[data-toggle="tooltip"] {
   }
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .carousel__card {
     min-width: 336px;
     width: 336px;
@@ -28099,7 +28167,7 @@ a[data-toggle="tooltip"] {
   overflow: hidden;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .np-Card {
     max-width: var(--Card-max-width);
   }
@@ -28415,7 +28483,7 @@ button.np-option {
   width: auto;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .np-theme-personal .np-option {
     border-radius: 10px;
     border-radius: var(--radius-small);
@@ -28434,11 +28502,14 @@ button.np-option {
   max-width: fit-content;
 }
 
-@media (max-width: 320px) {
+@media (max-width: 480px) {
   .np-theme-personal :not(.np-option__sm-media) > .np-option-additional-content {
     margin-left: 16px;
     margin-left: var(--size-16);
   }
+}
+
+@media (max-width: 320px) {
   .np-theme-personal .np-option-additional-content {
     margin-top: -3px;
   }
@@ -28552,7 +28623,7 @@ button.np-option {
   margin-bottom: 0;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .np-theme-personal .tw-date label {
     margin-bottom: 0;
   }
@@ -28738,13 +28809,13 @@ button.np-option {
   margin-top: -50%;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 576px) {
   .tw-definition-list--right-aligned-desktop {
     justify-content: space-between;
   }
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .tw-definition-list--right-aligned-desktop {
     justify-content: flex-end;
   }
@@ -28883,7 +28954,7 @@ button.np-option {
   max-height: 100dvh;
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 770px) {
   .np-drawer {
     max-width: none;
     max-width: initial;
@@ -28924,7 +28995,7 @@ button.np-option {
   padding: 0 var(--size-16);
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .np-drawer .np-drawer-header,
   .np-drawer .np-drawer-footer {
     padding: 24px;
@@ -29076,7 +29147,7 @@ button.np-option {
 .np-flow-navigation__content {
   width: 100%;
   min-width: 320px;
-  max-width: calc(1160px - 36px);
+  max-width: 1164px;
 }
 
 .np-flow-navigation__stepper {
@@ -29350,12 +29421,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .np-form-control--size-lg {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-form-control--size-lg {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -29368,7 +29439,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-form-control--size-lg {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -30519,7 +30590,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline: none;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .np-select-input-options-container {
     max-height: 28rem /* 448px */;
   }
@@ -30560,7 +30631,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   overflow-y: auto;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .np-select-input-listbox-container {
     height: auto;
   }
@@ -31052,7 +31123,7 @@ button.np-link {
   padding-bottom: var(--size-12);
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .tw-modal .tw-modal-content .tw-modal-header,
   .tw-modal .tw-modal-content .tw-modal-footer {
     padding: 24px;
@@ -31064,13 +31135,13 @@ button.np-link {
   }
 }
 
-@media (min-width: 320.02px) {
+@media (min-width: 480px) {
   .tw-modal-dialog.tw-modal-sm {
     width: 300px;
   }
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .tw-modal {
     padding: 40px;
     padding: var(--size-40);
@@ -31080,22 +31151,37 @@ button.np-link {
     border-radius: var(--radius-small);
   }
   .tw-modal .tw-modal-dialog.tw-modal-md {
-    width: 576px;
+    width: 540px;
   }
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .tw-modal-dialog.tw-modal-lg {
-    width: 792px;
+    width: 720px;
   }
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .tw-modal-dialog.tw-modal-xl {
     width: 1000px;
   }
 }
 
+/* Internet explorer hack */
+
+@media all and (-ms-high-contrast: none) {
+  /* IE11 */
+  /* stylelint-disable selector-no-vendor-prefix, selector-type-no-unknown */
+  _:-ms-fullscreen,
+  :root .tw-modal {
+    height: 100%;
+  }
+  _:-ms-fullscreen .tw-modal-dialog,
+  :root .tw-modal .tw-modal-dialog {
+    height: 100%;
+  }
+}
+
 .tw-money-input {
   display: flex;
 }
@@ -31602,7 +31688,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   min-height: 97px;
   width: 100%;
   min-width: 320px;
-  max-width: calc(1160px - 36px);
+  max-width: 1164px;
 }
 
 .np-theme-personal .np-overlay-header {
@@ -31700,12 +31786,12 @@ html:not([dir="rtl"]) .np-navigation-option {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 840px) {
+  @media (min-width: 768px) {
     .np-popover__container.np-bottom-sheet .np-popover__title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-popover__container.np-bottom-sheet .np-popover__title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -31718,7 +31804,7 @@ html:not([dir="rtl"]) .np-navigation-option {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 1160px) {
+  @media (min-width: 992px) {
     .np-popover__container.np-bottom-sheet .np-popover__title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -31943,7 +32029,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
 }
 
-@media (min-width: 840px) {
+@media (min-width: 768px) {
   .np-CardGroup {
     flex-direction: row;
   }
@@ -32001,7 +32087,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   grid-column-end: 3;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 767px) {
   .wds-prompt__actions-wrapper {
     grid-column: span 2;
     width: 100%;
@@ -32164,7 +32250,7 @@ html:not([dir="rtl"]) .np-navigation-option {
      object-fit: contain;
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 767px) {
   .wds-action-prompt--with-two-actions .wds-prompt__actions-wrapper .wds-Button {
     flex: 1 1 calc(50% - (var(--Prompt-actions-gap) / 2));
     min-width: -moz-fit-content;
@@ -32263,7 +32349,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 
-@container (width < 320px) {
+@container (max-width: 320px) {
   .wds-critical-banner__text-wrapper {
     padding-top: 0;
   }
@@ -32323,6 +32409,73 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 
+.wds-critical-banner-overhang {
+  --critical-banner-mobile-overhang-size: 32px;
+  --critical-banner-mobile-overhang-color: var(--color-sentiment-negative);
+  position: relative;
+}
+
+.wds-critical-banner-overhang--warning {
+  --critical-banner-mobile-overhang-color: var(--color-sentiment-warning);
+}
+
+.wds-critical-banner-overhang--negative {
+  --critical-banner-mobile-overhang-color: var(--color-sentiment-negative);
+}
+
+.wds-critical-banner-overhang--neutral {
+  --critical-banner-mobile-overhang-color: var(--color-background-neutral);
+}
+
+.wds-critical-banner-overhang--success {
+  --critical-banner-mobile-overhang-color: var(--color-sentiment-positive);
+}
+
+.wds-critical-banner-overhang-query {
+  container-name: critical-banner-overhang;
+  container-type: inline-size;
+  inline-size: 100%;
+}
+
+.wds-critical-banner__entry-mask {
+  display: grid;
+  grid-template-rows: 0fr;
+  overflow: hidden;
+  animation: wds-critical-banner-reveal-height 400ms cubic-bezier(0.3, 0, 0.1, 1) 500ms both;
+}
+
+@container critical-banner-overhang (max-width: 600px) {
+  .wds-critical-banner__entry-mask .wds-critical-banner-overhang {
+    margin-bottom: var(--critical-banner-mobile-overhang-size);
+    padding-bottom: var(--critical-banner-mobile-overhang-size);
+  }
+  .wds-critical-banner__entry-mask .wds-critical-banner-overhang::after {
+    content: "";
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: var(--critical-banner-mobile-overhang-size);
+    pointer-events: none;
+    background: radial-gradient(circle at 100% 100%, transparent var(--critical-banner-mobile-overhang-size), var(--critical-banner-mobile-overhang-color) var(--critical-banner-mobile-overhang-size)) 0 0 / var(--critical-banner-mobile-overhang-size) var(--critical-banner-mobile-overhang-size) no-repeat, radial-gradient(circle at 0% 100%, transparent var(--critical-banner-mobile-overhang-size), var(--critical-banner-mobile-overhang-color) var(--critical-banner-mobile-overhang-size)) 100% 0 / var(--critical-banner-mobile-overhang-size) var(--critical-banner-mobile-overhang-size) no-repeat;
+  }
+}
+
+.wds-critical-banner__entry-track {
+  min-height: 0;
+}
+
+@keyframes wds-critical-banner-reveal-height {
+  from {
+    grid-template-rows: 0fr;
+    overflow: hidden;
+  }
+  to {
+    grid-template-rows: 1fr;
+    overflow: visible;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .wds-critical-banner__description,
   .wds-critical-banner__title,
@@ -32330,6 +32483,11 @@ html:not([dir="rtl"]) .np-navigation-option {
   .wds-critical-banner__toggle {
     transition: none !important;
   }
+  .wds-critical-banner__entry-mask {
+    animation: none;
+    grid-template-rows: 1fr;
+    overflow: visible;
+  }
 }
 
 .wds-expander-toggle {
@@ -32560,7 +32718,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   box-shadow: none;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .snackbar__text {
     width: auto;
     max-width: 600px;
@@ -32589,7 +32747,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   transform: translateY(calc(-16px - env(safe-area-inset-bottom)));
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .snackbar__text-container-enter-active {
     transform: translateY(-24px);
   }
@@ -32646,7 +32804,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
 }
 
-@media only screen and (max-width: 599.98px) {
+@media only screen and (max-width: 575px) {
   .tw-stepper {
     padding-bottom: 0;
   }
@@ -32682,7 +32840,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   cursor: pointer;
 }
 
-@media screen and (min-width: 600px) and (max-width: 1159.98px) {
+@media screen and (min-width: 576px) and (max-width: 991px) {
   .tw-stepper__step:first-child .tooltip-inner {
     transform: translateX(calc(50% - 32px));
   }
@@ -33519,7 +33677,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-@media (min-width: 1160px) {
+@media (min-width: 992px) {
   .tabs__tab:not(.disabled):not(:disabled):hover {
     color: #0084b3;
     color: var(--color-content-accent-hover);
@@ -33605,7 +33763,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   vertical-align: middle;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 576px) {
   .tabs.tabs--auto-width .tabs__tab {
     padding: 0 24px;
     padding: 0 var(--size-24);
@@ -33642,7 +33800,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   margin-left: auto;
 }
 
-@media (max-width: 839.98px) {
+@media (max-width: 767px) {
   .np-table-outer-container--center {
     width: 100%;
   }
@@ -34286,7 +34444,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 
-@media (max-width: 599.98px) {
+@media (max-width: 575px) {
   .typeahead .dropdown.open .dropdown-menu {
     position: absolute;
     bottom: auto;