@transferwise/neptune-css 0.0.0-experimental-2acee4e → 0.0.0-experimental-b089b8c

package/dist/css/neptune.css

@@ -1933,6 +1933,16 @@ video {
   vertical-align: middle;
 }
 
+.img-rounded {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+
+.img-circle {
+  border-radius: 9999px;
+  border-radius: var(--radius-full);
+}
+
 .disabled,
 :disabled {
   filter: grayscale(1);
@@ -3093,6 +3103,14 @@ kbd kbd {
 
 /* TODO: Remove utility imports to prevent duplicates */
 
+/**
+ * @deprecated Obsolete since the brand has turned green.
+ */
+
+.font-italic {
+  font-style: italic !important;
+}
+
 /**
  * @deprecated Obsolete since the brand has turned green.
  */
@@ -4107,7 +4125,7 @@ html:not([dir="rtl"]) .p-x-panel {
   display: none !important;
 }
 
-@media not all and (min-width: 576px) {
+@media (max-width: 575px) {
   .hidden-xs {
     display: none !important;
   }
@@ -4132,7 +4150,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (--screen-sm) and not all and (--screen-md) {
+@media (min-width: 576px) and (max-width: 767px) {
   .hidden-sm {
     display: none !important;
   }
@@ -4157,7 +4175,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (--screen-md) and not all and (--screen-lg) {
+@media (min-width: 768px) and (max-width: 991px) {
   .hidden-md {
     display: none !important;
   }
@@ -4182,7 +4200,7 @@ html:not([dir="rtl"]) .p-x-panel {
   }
 }
 
-@media (--screen-lg) and not all and (--screen-xl) {
+@media (min-width: 992px) and (max-width: 1199px) {
   .hidden-lg {
     display: none !important;
   }
@@ -5305,12 +5323,12 @@ a.badge:focus {
   border-radius: 2px;
 }
 
-.img-rounded {
+.rounded {
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
 
-.img-circle {
+.rounded-full {
   border-radius: 9999px;
   border-radius: var(--radius-full);
 }
@@ -7009,6 +7027,56 @@ a.btn {
   clear: both;
 }
 
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
 .btn-toolbar .btn,
 .btn-toolbar .btn-group,
 .btn-toolbar .input-group {
@@ -7464,6 +7532,56 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
   clear: both;
 }
 
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
 .btn-group.btn-block .btn {
   display: block;
   width: 100%;
@@ -13162,6 +13280,56 @@ li > a > .currency-flag:first-child {
   clear: both;
 }
 
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
 @media (min-width: 1200px) {
   .container {
     max-width: 1164px;
@@ -13254,6 +13422,56 @@ li > a > .currency-flag:first-child {
   clear: both;
 }
 
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
 .col-xs-1,
 .col-sm-1,
 .col-md-1,
@@ -18276,15 +18494,101 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   clear: both;
 }
 
-.tw-select .tw-icon {
-  display: inline-block;
-  margin-right: 8px;
-  margin-right: var(--size-8);
-  margin-top: -2px;
-  vertical-align: middle;
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
 }
 
-[dir="rtl"] .tw-select .tw-icon {
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
+}
+
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
+}
+
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
+}
+
+.tw-select .tw-icon {
+  display: inline-block;
+  margin-right: 8px;
+  margin-right: var(--size-8);
+  margin-top: -2px;
+  vertical-align: middle;
+}
+
+[dir="rtl"] .tw-select .tw-icon {
   margin-left: 8px;
   margin-left: var(--size-8);
   margin-right: 0;
@@ -22631,92 +22935,721 @@ a[data-toggle="tooltip"] {
   width: 11px;
 }
 
-.text-primary {
-  color: #37517e !important;
-  color: var(--color-content-primary) !important;
-  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
-}
-
-.bg-primary .text-primary {
-  color: #ffffff !important;
+.well,
+.well-xs {
+  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;
 }
 
-.text-secondary {
-  color: #5d7079 !important;
-  color: var(--color-content-secondary) !important;
+@media only screen and (min-width: 576px) {
+  .well-sm {
+    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;
+  }
 }
 
-.text-muted {
-  color: #768e9c !important;
-  color: var(--color-content-tertiary) !important;
+@media only screen and (min-width: 768px) {
+  .well-md {
+    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;
+  }
 }
 
-.text-accent,
-.text-info {
-  color: var(--color-interactive-primary) !important;
-  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+@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;
+  }
 }
 
-.bg-primary .text-accent,
-.bg-primary .text-info {
-  color: #00b9ff !important;
+@media only screen and (min-width: 1200px) {
+  .well-xl {
+    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;
+  }
 }
 
-.text-negative,
-.text-danger {
-  color: var(--color-sentiment-negative) !important;
-  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+.center-block {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
 }
 
-.bg-primary .text-negative,
-.bg-primary .text-danger {
-  color: #ffa6a9 !important;
+.align-items-start {
+  align-items: flex-start;
 }
 
-.text-positive,
-.text-success {
-  color: var(--color-sentiment-positive) !important;
-  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+.align-items-end {
+  align-items: flex-end;
 }
 
-.bg-primary .text-positive,
-.bg-primary .text-success {
-  color: #6fd698 !important;
+.align-items-center {
+  align-items: center;
 }
 
-/**
- * @deprecated This makes text inaccessible. Use background color in combination with `.text-primary` instead.
- */
-
-.text-warning {
-  color: var(--color-sentiment-warning) !important;
-  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+.align-items-baseline {
+  align-items: baseline;
 }
 
-.bg-primary .text-warning {
-  color: #ffd184 !important;
+.align-items-stretch {
+  align-items: stretch;
 }
 
-/**
- * @deprecated Navy colors are obsolete.
- */
-
-.text-inverse {
-  color: #ffffff !important;
+@media (min-width: 576px) {
+  .align-items-start--sm {
+    align-items: flex-start;
+  }
+  .align-items-end--sm {
+    align-items: flex-end;
+  }
+  .align-items-center--sm {
+    align-items: center;
+  }
+  .align-items-baseline--sm {
+    align-items: baseline;
+  }
+  .align-items-stretch--sm {
+    align-items: stretch;
+  }
 }
 
-a.text-inverse:hover,
-a.text-inverse:focus {
-  color: #c9cbce !important;
+@media (min-width: 768px) {
+  .align-items-start--md {
+    align-items: flex-start;
+  }
+  .align-items-end--md {
+    align-items: flex-end;
+  }
+  .align-items-center--md {
+    align-items: center;
+  }
+  .align-items-baseline--md {
+    align-items: baseline;
+  }
+  .align-items-stretch--md {
+    align-items: stretch;
+  }
 }
 
-.clickable {
-  cursor: pointer;
+@media (min-width: 992px) {
+  .align-items-start--lg {
+    align-items: flex-start;
+  }
+  .align-items-end--lg {
+    align-items: flex-end;
+  }
+  .align-items-center--lg {
+    align-items: center;
+  }
+  .align-items-baseline--lg {
+    align-items: baseline;
+  }
+  .align-items-stretch--lg {
+    align-items: stretch;
+  }
 }
 
-.font-italic {
-  font-style: italic !important;
-}
+@media (min-width: 1200px) {
+  .align-items-start--xl {
+    align-items: flex-start;
+  }
+  .align-items-end--xl {
+    align-items: flex-end;
+  }
+  .align-items-center--xl {
+    align-items: center;
+  }
+  .align-items-baseline--xl {
+    align-items: baseline;
+  }
+  .align-items-stretch--xl {
+    align-items: stretch;
+  }
+}
+
+.align-self-start {
+  align-self: flex-start;
+}
+
+.align-self-end {
+  align-self: flex-end;
+}
+
+.align-self-center {
+  align-self: center;
+}
+
+.align-self-stretch {
+  align-self: stretch;
+}
+
+.align-self-baseline {
+  align-self: baseline;
+}
+
+@media (min-width: 576px) {
+  .align-self-start--sm {
+    align-self: flex-start;
+  }
+  .align-self-end--sm {
+    align-self: flex-end;
+  }
+  .align-self-center--sm {
+    align-self: center;
+  }
+  .align-self-stretch--sm {
+    align-self: stretch;
+  }
+  .align-self-baseline--sm {
+    align-self: baseline;
+  }
+}
+
+@media (min-width: 768px) {
+  .align-self-start--md {
+    align-self: flex-start;
+  }
+  .align-self-end--md {
+    align-self: flex-end;
+  }
+  .align-self-center--md {
+    align-self: center;
+  }
+  .align-self-stretch--md {
+    align-self: stretch;
+  }
+  .align-self-baseline--md {
+    align-self: baseline;
+  }
+}
+
+@media (min-width: 992px) {
+  .align-self-start--lg {
+    align-self: flex-start;
+  }
+  .align-self-end--lg {
+    align-self: flex-end;
+  }
+  .align-self-center--lg {
+    align-self: center;
+  }
+  .align-self-stretch--lg {
+    align-self: stretch;
+  }
+  .align-self-baseline--lg {
+    align-self: baseline;
+  }
+}
+
+@media (min-width: 1200px) {
+  .align-self-start--xl {
+    align-self: flex-start;
+  }
+  .align-self-end--xl {
+    align-self: flex-end;
+  }
+  .align-self-center--xl {
+    align-self: center;
+  }
+  .align-self-stretch--xl {
+    align-self: stretch;
+  }
+  .align-self-baseline--xl {
+    align-self: baseline;
+  }
+}
+
+.rounded-sm {
+  border-radius: 2px;
+}
+
+.rounded {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+
+.rounded-full {
+  border-radius: 9999px;
+  border-radius: var(--radius-full);
+}
+
+.text-primary {
+  color: #37517e !important;
+  color: var(--color-content-primary) !important;
+  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+}
+
+.bg-primary .text-primary {
+  color: #ffffff !important;
+}
+
+.text-secondary {
+  color: #5d7079 !important;
+  color: var(--color-content-secondary) !important;
+}
+
+.text-muted {
+  color: #768e9c !important;
+  color: var(--color-content-tertiary) !important;
+}
+
+.text-accent,
+.text-info {
+  color: var(--color-interactive-primary) !important;
+  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+}
+
+.bg-primary .text-accent,
+.bg-primary .text-info {
+  color: #00b9ff !important;
+}
+
+.text-negative,
+.text-danger {
+  color: var(--color-sentiment-negative) !important;
+  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+}
+
+.bg-primary .text-negative,
+.bg-primary .text-danger {
+  color: #ffa6a9 !important;
+}
+
+.text-positive,
+.text-success {
+  color: var(--color-sentiment-positive) !important;
+  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+}
+
+.bg-primary .text-positive,
+.bg-primary .text-success {
+  color: #6fd698 !important;
+}
+
+/**
+ * @deprecated This makes text inaccessible. Use background color in combination with `.text-primary` instead.
+ */
+
+.text-warning {
+  color: var(--color-sentiment-warning) !important;
+  /* @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead */
+}
+
+.bg-primary .text-warning {
+  color: #ffd184 !important;
+}
+
+/**
+ * @deprecated Navy colors are obsolete.
+ */
+
+.text-inverse {
+  color: #ffffff !important;
+}
+
+a.text-inverse:hover,
+a.text-inverse:focus {
+  color: #c9cbce !important;
+}
+
+a.text-inverse:hover,
+a.text-inverse:focus {
+  color: #c9cbce !important;
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.d-block,
+.show {
+  display: block !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.d-inline {
+  display: inline;
+}
+
+.d-flex {
+  display: flex;
+}
+
+.d-inline-flex {
+  display: inline-flex;
+}
+
+.hidden,
+.hide,
+.visible-xs,
+.visible-xs-block,
+.visible-xs-inline-block,
+.visible-xs-inline,
+.visible-sm,
+.visible-sm-block,
+.visible-sm-inline-block,
+.visible-sm-inline,
+.visible-md,
+.visible-md-block,
+.visible-md-inline-block,
+.visible-md-inline,
+.visible-lg,
+.visible-lg-block,
+.visible-lg-inline-block,
+.visible-lg-inline,
+.visible-xl,
+.visible-xl-block,
+.visible-xl-inline-block,
+.visible-xl-inline {
+  display: none !important;
+}
+
+@media (max-width: 575px) {
+  .hidden-xs {
+    display: none !important;
+  }
+  .visible-xs,
+  .visible-xs-block {
+    display: block !important;
+  }
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+  .visible-xs-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 576px) {
+  .d-flex--sm {
+    display: flex;
+  }
+  .d-inline-flex--sm {
+    display: inline-flex;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767px) {
+  .hidden-sm {
+    display: none !important;
+  }
+  .visible-sm,
+  .visible-sm-block {
+    display: block !important;
+  }
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+  .visible-sm-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .d-flex--md {
+    display: flex;
+  }
+  .d-inline-flex--md {
+    display: inline-flex;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-md {
+    display: none !important;
+  }
+  .visible-md,
+  .visible-md-block {
+    display: block !important;
+  }
+  .visible-md-inline-block {
+    display: inline-block !important;
+  }
+  .visible-md-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .d-flex--lg {
+    display: flex;
+  }
+  .d-inline-flex--lg {
+    display: inline-flex;
+  }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-lg {
+    display: none !important;
+  }
+  .visible-lg,
+  .visible-lg-block {
+    display: block !important;
+  }
+  .visible-lg-inline-block {
+    display: inline-block !important;
+  }
+  .visible-lg-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .d-flex--xl {
+    display: flex;
+  }
+  .d-inline-flex--xl {
+    display: inline-flex;
+  }
+  .hidden-xl {
+    display: none !important;
+  }
+  .visible-xl,
+  .visible-xl-block {
+    display: block !important;
+  }
+  .visible-xl-inline-block {
+    display: inline-block !important;
+  }
+  .visible-xl-inline {
+    display: inline !important;
+  }
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-column {
+  flex-direction: column;
+}
+
+@media (min-width: 576px) {
+  .flex-row--sm {
+    flex-direction: row;
+  }
+  .flex-column--sm {
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-row--md {
+    flex-direction: row;
+  }
+  .flex-column--md {
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-row--lg {
+    flex-direction: row;
+  }
+  .flex-column--lg {
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-row--xl {
+    flex-direction: row;
+  }
+  .flex-column--xl {
+    flex-direction: column;
+  }
+}
+
+.flex-grow-1 {
+  flex-grow: 1;
+}
+
+@media (min-width: 576px) {
+  .flex-grow-1--sm {
+    flex-grow: 1;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-grow-1--md {
+    flex-grow: 1;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-grow-1--lg {
+    flex-grow: 1;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-grow-1--xl {
+    flex-grow: 1;
+  }
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+@media (min-width: 576px) {
+  .flex-wrap--sm {
+    flex-wrap: wrap;
+  }
+  .flex-nowrap--sm {
+    flex-wrap: nowrap;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-wrap--md {
+    flex-wrap: wrap;
+  }
+  .flex-nowrap--md {
+    flex-wrap: nowrap;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-wrap--lg {
+    flex-wrap: wrap;
+  }
+  .flex-nowrap--lg {
+    flex-wrap: nowrap;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-wrap--xl {
+    flex-wrap: wrap;
+  }
+  .flex-nowrap--xl {
+    flex-wrap: nowrap;
+  }
+}
+
+.pull-left,
+.pull-xs-left {
+  float: inline-start !important;
+}
+
+.pull-right,
+.pull-xs-right {
+  float: inline-end !important;
+}
+
+.pull-right-single-direction {
+  float: right !important;
+}
+
+.pull-left-single-direction {
+  float: left !important;
+}
+
+.pull-xs-none {
+  float: none !important;
+}
+
+@media (min-width: 576px) {
+  .pull-sm-left {
+    float: inline-start !important;
+  }
+  .pull-sm-right {
+    float: inline-end !important;
+  }
+  .pull-sm-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .pull-md-left {
+    float: inline-start !important;
+  }
+  .pull-md-right {
+    float: inline-end !important;
+  }
+  .pull-md-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .pull-lg-left {
+    float: inline-start !important;
+  }
+  .pull-lg-right {
+    float: inline-end !important;
+  }
+  .pull-lg-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .pull-xl-left {
+    float: inline-start !important;
+  }
+  .pull-xl-right {
+    float: inline-end !important;
+  }
+  .pull-xl-none {
+    float: none !important;
+  }
+}
 
 .font-weight-normal {
   font-weight: 400 !important;
@@ -22738,6 +23671,98 @@ a.text-inverse:focus {
   row-gap: var(--size-8);
 }
 
+.justify-content-start {
+  justify-content: flex-start;
+}
+
+.justify-content-end {
+  justify-content: flex-end;
+}
+
+.justify-content-center {
+  justify-content: center;
+}
+
+.justify-content-between {
+  justify-content: space-between;
+}
+
+.justify-content-around {
+  justify-content: space-around;
+}
+
+@media (min-width: 576px) {
+  .justify-content-start--sm {
+    justify-content: flex-start;
+  }
+  .justify-content-end--sm {
+    justify-content: flex-end;
+  }
+  .justify-content-center--sm {
+    justify-content: center;
+  }
+  .justify-content-between--sm {
+    justify-content: space-between;
+  }
+  .justify-content-around--sm {
+    justify-content: space-around;
+  }
+}
+
+@media (min-width: 768px) {
+  .justify-content-start--md {
+    justify-content: flex-start;
+  }
+  .justify-content-end--md {
+    justify-content: flex-end;
+  }
+  .justify-content-center--md {
+    justify-content: center;
+  }
+  .justify-content-between--md {
+    justify-content: space-between;
+  }
+  .justify-content-around--md {
+    justify-content: space-around;
+  }
+}
+
+@media (min-width: 992px) {
+  .justify-content-start--lg {
+    justify-content: flex-start;
+  }
+  .justify-content-end--lg {
+    justify-content: flex-end;
+  }
+  .justify-content-center--lg {
+    justify-content: center;
+  }
+  .justify-content-between--lg {
+    justify-content: space-between;
+  }
+  .justify-content-around--lg {
+    justify-content: space-around;
+  }
+}
+
+@media (min-width: 1200px) {
+  .justify-content-start--xl {
+    justify-content: flex-start;
+  }
+  .justify-content-end--xl {
+    justify-content: flex-end;
+  }
+  .justify-content-center--xl {
+    justify-content: center;
+  }
+  .justify-content-between--xl {
+    justify-content: space-between;
+  }
+  .justify-content-around--xl {
+    justify-content: space-around;
+  }
+}
+
 .m-a-0 {
   margin: 0px !important;
 }
@@ -22980,6 +24005,91 @@ a.text-inverse:focus {
   max-width: 600px;
 }
 
+.order-1 {
+  order: 1;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.order-0 {
+  order: 0;
+}
+
+@media (min-width: 576px) {
+  .order-1--sm {
+    order: 1;
+  }
+  .order-2--sm {
+    order: 2;
+  }
+  .order-3--sm {
+    order: 3;
+  }
+  .order-0--sm {
+    order: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .order-1--md {
+    order: 1;
+  }
+  .order-2--md {
+    order: 2;
+  }
+  .order-3--md {
+    order: 3;
+  }
+  .order-0--md {
+    order: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .order-1--lg {
+    order: 1;
+  }
+  .order-2--lg {
+    order: 2;
+  }
+  .order-3--lg {
+    order: 3;
+  }
+  .order-0--lg {
+    order: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .order-1--xl {
+    order: 1;
+  }
+  .order-2--xl {
+    order: 2;
+  }
+  .order-3--xl {
+    order: 3;
+  }
+  .order-0--xl {
+    order: 0;
+  }
+}
+
+.outline-none {
+  outline: none;
+  /*
+  TODO: Support Windows High Contrast mode
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  */
+}
+
 .text-word-break {
   word-wrap: break-word;
 }
@@ -23472,88 +24582,95 @@ a.text-inverse:focus {
   clear: both;
 }
 
-.text-hide {
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-.well,
-.well-xs {
-  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;
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
 }
 
-@media only screen and (min-width: 576px) {
-  .well-sm {
-    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;
-  }
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
 }
 
-@media only screen and (min-width: 768px) {
-  .well-md {
-    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;
-  }
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
 }
 
-@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;
-  }
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
 }
 
-@media only screen and (min-width: 1200px) {
-  .well-xl {
-    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;
-  }
+.text-hide {
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
 }