@transferwise/neptune-css 14.29.0 → 14.29.2

package/dist/css/neptune.css

@@ -140,6 +140,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -322,6 +323,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -504,6 +506,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -686,6 +689,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -868,6 +872,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1050,6 +1055,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1232,6 +1238,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1415,6 +1422,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1598,6 +1606,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1781,6 +1790,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1964,6 +1974,7 @@
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
+
 /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
 @font-face {
   font-family: Inter;
@@ -2626,6 +2637,7 @@ h6,
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  word-wrap: break-word;
 }
 @supports (hyphenate-limit-chars: 1) {
   .h1,
@@ -2927,6 +2939,65 @@ small,
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .body-2,
+  .body-3,
+  .small,
+  .tiny,
+  body,
+  small,
+  .np-text-body-default {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .body-2,
+    .body-3,
+    .small,
+    .tiny,
+    body,
+    small,
+    .np-text-body-default {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .body-2,
+    .body-3,
+    .small,
+    .tiny,
+    body,
+    small,
+    .np-text-body-default {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .body-2,
+  .body-3,
+  .small,
+  .tiny,
+  body,
+  small,
+  .np-text-body-default {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .body-2,
+    .body-3,
+    .small,
+    .tiny,
+    body,
+    small,
+    .np-text-body-default {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 /* DEPRECATED: use .np-text-body-default-bold instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2940,6 +3011,50 @@ small,
   letter-spacing: -0.006em;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .control-2,
+  .label,
+  .control-label,
+  .np-text-body-default-bold {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .control-2,
+    .label,
+    .control-label,
+    .np-text-body-default-bold {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .control-2,
+    .label,
+    .control-label,
+    .np-text-body-default-bold {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .control-2,
+  .label,
+  .control-label,
+  .np-text-body-default-bold {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .control-2,
+    .label,
+    .control-label,
+    .np-text-body-default-bold {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 /* DEPRECATED: use .np-text-body-large instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2952,6 +3067,45 @@ small,
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .body-1,
+  .value,
+  .np-text-body-large {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .body-1,
+    .value,
+    .np-text-body-large {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .body-1,
+    .value,
+    .np-text-body-large {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .body-1,
+  .value,
+  .np-text-body-large {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .body-1,
+    .value,
+    .np-text-body-large {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 /* DEPRECATED: use np-text-body-large-bold instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2963,6 +3117,40 @@ small,
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .control-1,
+  .np-text-body-large-bold {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .control-1,
+    .np-text-body-large-bold {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .control-1,
+    .np-text-body-large-bold {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .control-1,
+  .np-text-body-large-bold {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .control-1,
+    .np-text-body-large-bold {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 a,
 .np-text-link-default,
@@ -3069,6 +3257,7 @@ a,
 .np-text-display-medium,
 .np-text-display-small {
   letter-spacing: normal;
+  word-wrap: break-word;
 }
 @supports (hyphenate-limit-chars: 1) {
   .np-text-display-extra-large,
@@ -3157,6 +3346,13 @@ a,
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
+/* Disable hyphenation for Japanese, Thai, and Chinese — these languages use character-level breaks and should never insert hyphens. */
+:lang(ja),
+:lang(th),
+:lang(zh-CN),
+:lang(zh-HK) {
+  hyphens: none;
+}
 :lang(af) .np-text-display-extra-large,
 :lang(sq) .np-text-display-extra-large,
 :lang(eu) .np-text-display-extra-large,
@@ -5274,6 +5470,9 @@ a.text-inverse:focus {
     padding-block-end: var(--size-96);
   }
 }
+.np-text-hyphenated {
+  word-wrap: break-word;
+}
 @supports (hyphenate-limit-chars: 1) {
   .np-text-hyphenated {
     hyphens: auto;
@@ -5350,6 +5549,9 @@ tbody.collapse.in {
 .tw-chevron.top {
   transform: rotate(0deg);
 }
+[dir="rtl"] .tw-chevron.top {
+  transform: rotate(360deg);
+}
 .tw-chevron.right {
   transform: rotate(90deg);
 }
@@ -6203,6 +6405,7 @@ a.badge:focus {
 .btn {
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
   display: inline-block;
   margin-block-end: 0;
   text-align: center;
@@ -6229,6 +6432,34 @@ a.badge:focus {
      -moz-user-select: none;
           user-select: none;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .btn {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .btn {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .btn {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .btn {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .btn {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .btn .dropdown-menu > li > a {
   font-size: 1rem;
   font-size: var(--font-size-16);
@@ -7493,17 +7724,11 @@ input[type="button"].btn-block {
   display: inline-flex;
   align-items: center;
 }
-.btn-loading:not(.btn-block) .btn-loader {
+.btn-loading:not(.btn-block) .btn-loader[class] {
   margin-block-end: 0;
-}
-:not([dir="rtl"]) .btn-loading:not(.btn-block) .btn-loader {
   margin-inline-start: 16px;
   margin-inline-end: 0;
 }
-[dir="rtl"] .btn-loading:not(.btn-block) .btn-loader {
-  margin-inline-start: 0 !important;
-  margin-inline-end: 16px !important;
-}
 .btn-loading.btn-block .btn-loader {
   inset-block-start: 0;
   inset-block-end: 0;
@@ -7983,9 +8208,38 @@ a.btn {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   color: #5d7079;
   color: var(--color-content-secondary);
 }
+@supports (hyphenate-limit-chars: 1) {
+  .btn-group .secondary {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .btn-group .secondary {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .btn-group .secondary {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .btn-group .secondary {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .btn-group .secondary {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 form {
   margin-block-end: 0;
 }
@@ -8086,6 +8340,7 @@ output {
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
   background-clip: padding-box;
 }
 select.form-control {
@@ -8095,6 +8350,34 @@ textarea.form-control,
 select[multiple].form-control {
   block-size: auto;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .form-control {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .form-control {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .form-control {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .form-control {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .form-control {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .form-control:not(.disabled):not(:disabled):focus {
   border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
@@ -8280,6 +8563,7 @@ fieldset[disabled] .checkbox label {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
 }
 select.input-sm {
   min-block-size: 32px;
@@ -8288,6 +8572,34 @@ textarea.input-sm,
 select[multiple].input-sm {
   block-size: auto;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .input-sm {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .input-sm {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .input-sm {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .input-sm {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .input-sm {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .form-group-sm .form-control,
 .navbar .form-control {
   block-size: 32px;
@@ -8334,6 +8646,7 @@ select[multiple].input-sm {
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
 }
 select.input-lg {
   min-block-size: var(--input-height-large);
@@ -8342,6 +8655,34 @@ textarea.input-lg,
 select[multiple].input-lg {
   block-size: auto;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .input-lg {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .input-lg {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .input-lg {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .input-lg {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .input-lg {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .form-group-lg {
   position: relative;
 }
@@ -9943,29 +10284,58 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
   display: block;
   inline-size: 100%;
   color: #768e9c;
   color: var(--color-content-tertiary);
 }
-.np-theme-personal .btn-input,
-.np-theme-personal .input-group,
-.np-theme-personal .form-control,
-.np-theme-personal .input-group-addon,
-.np-theme-personal .radio > label,
-.np-theme-personal .checkbox > label {
-  background-color: transparent;
-  background-color: initial;
-  border: none !important;
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-}
-.np-theme-personal .btn-input,
-.np-theme-personal .input-group,
-.np-theme-personal .form-control,
-.np-theme-personal .radio > label,
-.np-theme-personal .checkbox > label {
-  box-shadow: inset 0 0 0 1px #c9cbce;
+@supports (hyphenate-limit-chars: 1) {
+  .form-control-placeholder {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .form-control-placeholder {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .form-control-placeholder {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .form-control-placeholder {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .form-control-placeholder {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+.np-theme-personal .btn-input,
+.np-theme-personal .input-group,
+.np-theme-personal .form-control,
+.np-theme-personal .input-group-addon,
+.np-theme-personal .radio > label,
+.np-theme-personal .checkbox > label {
+  background-color: transparent;
+  background-color: initial;
+  border: none !important;
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+.np-theme-personal .btn-input,
+.np-theme-personal .input-group,
+.np-theme-personal .form-control,
+.np-theme-personal .radio > label,
+.np-theme-personal .checkbox > label {
+  box-shadow: inset 0 0 0 1px #c9cbce;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
   transition: box-shadow 0.3s ease-in-out;
 }
@@ -10173,6 +10543,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  word-wrap: break-word;
   margin-block-end: initial;
   font-size: 1.375rem;
   font-size: var(--font-size-22);
@@ -10233,6 +10604,44 @@ select[multiple].input-group-lg > .input-group-btn .btn {
     }
   }
 }
+@supports (hyphenate-limit-chars: 1) {
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn .btn {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .input-group-lg > .form-control,
+    .input-group-lg > .input-group-addon,
+    .input-group-lg > .input-group-btn .btn {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .input-group-lg > .form-control,
+    .input-group-lg > .input-group-addon,
+    .input-group-lg > .input-group-btn .btn {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn .btn {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .input-group-lg > .form-control,
+    .input-group-lg > .input-group-addon,
+    .input-group-lg > .input-group-btn .btn {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .input-group-lg > .form-control + p,
 .input-group-lg > .input-group-addon + p,
 .input-group-lg > .input-group-btn .btn + p,
@@ -10260,6 +10669,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
 }
 select.input-group-sm > .form-control,
 select.input-group-sm > .input-group-addon {
@@ -10271,6 +10681,39 @@ select[multiple].input-group-sm > .form-control,
 select[multiple].input-group-sm > .input-group-addon {
   block-size: auto;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .input-group-sm > .form-control,
+  .input-group-sm > .input-group-addon {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .input-group-sm > .form-control,
+    .input-group-sm > .input-group-addon {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .input-group-sm > .form-control,
+    .input-group-sm > .input-group-addon {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .input-group-sm > .form-control,
+  .input-group-sm > .input-group-addon {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .input-group-sm > .form-control,
+    .input-group-sm > .input-group-addon {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .input-group-sm > .form-control .icon,
 .input-group-sm > .input-group-addon .icon {
   font-size: 1.25rem;
@@ -10901,6 +11344,7 @@ li > a > .currency-flag:first-child {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  word-wrap: break-word;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
@@ -10949,9 +11393,38 @@ li > a > .currency-flag:first-child {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   margin-block-start: 4px;
   margin-block-start: var(--size-4);
 }
+@supports (hyphenate-limit-chars: 1) {
+  .decision__content {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .decision__content {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .decision__content {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .decision__content {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .decision__content {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .decision + .decision {
   margin-block-start: -1px;
 }
@@ -11035,6 +11508,7 @@ li > a > .currency-flag:first-child {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   text-align: start;
   background-color: #ffffff;
   background-color: var(--color-background-screen);
@@ -11049,6 +11523,34 @@ li > a > .currency-flag:first-child {
   transform: translateY(-10px) scale(0.95, 0.95);
   visibility: hidden;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .dropdown-menu {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .dropdown-menu {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .dropdown-menu {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .dropdown-menu {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .dropdown-menu {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .np-theme-personal .dropdown-menu,
 .np-theme-personal--forest-green .dropdown-menu,
 .np-theme-personal--dark .dropdown-menu {
@@ -11092,10 +11594,39 @@ li > a > .currency-flag:first-child {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   color: #37517e;
   color: var(--color-content-primary);
   white-space: nowrap;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .dropdown-menu > li > a {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .dropdown-menu > li > a {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .dropdown-menu > li > a {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .dropdown-menu > li > a {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .dropdown-menu > li > a {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .dropdown-menu > li > a .secondary {
   display: block;
   white-space: normal;
@@ -11270,6 +11801,7 @@ li > a > .currency-flag:first-child {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  word-wrap: break-word;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
@@ -11347,6 +11879,7 @@ li > a > .currency-flag:first-child {
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
+  word-wrap: break-word;
   text-align: center;
   border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
@@ -11354,6 +11887,34 @@ li > a > .currency-flag:first-child {
   overflow: auto;
   transition: border-color 0.15s linear;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .droppable {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .droppable {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .droppable {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .droppable {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .droppable {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .droppable:hover {
   border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
@@ -12074,11 +12635,40 @@ li > a > .currency-flag:first-child {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   padding-block-start: calc(8px * 10);
   padding-block-start: calc(var(--size-8) * 10);
   padding-block-end: calc(8px * 10);
   padding-block-end: calc(var(--size-8) * 10);
 }
+@supports (hyphenate-limit-chars: 1) {
+  .footer {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .footer {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .footer {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .footer {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .footer {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 @media (min-width: 600px) {
   .footer {
     padding-block-start: calc(8px * 15);
@@ -12105,6 +12695,40 @@ li > a > .currency-flag:first-child {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .footer .footer-link,
+  .footer .link-icon {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .footer .footer-link,
+    .footer .link-icon {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .footer .footer-link,
+    .footer .link-icon {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .footer .footer-link,
+  .footer .link-icon {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .footer .footer-link,
+    .footer .link-icon {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 .footer .footer-link:hover,
 .footer .link-icon:hover,
@@ -13639,6 +14263,7 @@ li > a > .currency-flag:first-child {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  word-wrap: break-word;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
@@ -16495,6 +17120,7 @@ button.close {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   background-color: #ffffff;
   background-color: var(--color-background-screen);
   background-clip: padding-box;
@@ -16502,6 +17128,34 @@ button.close {
   box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
   position: absolute;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .popover {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .popover {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .popover {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .popover {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .popover {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .np-theme-personal--forest-green .popover,
 .np-theme-personal--bright-green .popover,
 .np-theme-personal--dark .popover {
@@ -16659,6 +17313,7 @@ button.close {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  word-wrap: break-word;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
@@ -16716,9 +17371,38 @@ button.close {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   color: #5d7079;
   color: var(--color-content-secondary);
 }
+@supports (hyphenate-limit-chars: 1) {
+  .popover-content {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .popover-content {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .popover-content {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .popover-content {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .popover-content {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .popover-content > :last-child {
   margin-block-end: 0;
 }
@@ -16960,6 +17644,9 @@ button.popover-close {
   inset-inline-start: 25%;
   inset-block-start: 25%;
 }
+[dir="rtl"] .process-icon-container {
+  transform: rotate(45deg) scaleX(-1);
+}
 .process-icon-horizontal,
 .process-icon-vertical {
   position: absolute;
@@ -17039,37 +17726,37 @@ button.popover-close {
 .process-stopped .process-icon-container {
   display: none;
 }
-.process-xs {
+.process-xxs {
   inline-size: 12px;
   block-size: 12px;
 }
-.process-xs .process-circle {
+.process-xxs .process-circle {
   /* Hide before animation to prevent glitching */
   stroke-dashoffset: 31.41592654px;
   stroke-dasharray: 31.41592654px;
   stroke-width: 1.5px;
 }
-.process-xs.process-danger .process-icon-horizontal {
+.process-xxs.process-danger .process-icon-horizontal {
   inset-block-start: 2.5px;
   block-size: 1px;
 }
-.process-xs.process-danger .process-icon-vertical {
+.process-xxs.process-danger .process-icon-vertical {
   inset-inline-start: 2.5px;
   inline-size: 1px;
 }
-.process-xs .process-icon-horizontal,
-.process-xs .process-icon-vertical {
+.process-xxs .process-icon-horizontal,
+.process-xxs .process-icon-vertical {
   border-radius: 0.5px;
 }
-.process-xs.process-success .process-icon-container {
+.process-xxs.process-success .process-icon-container {
   inline-size: 2.5px;
   block-size: 5px;
   inset-inline-start: 4.5px;
 }
-.process-xs.process-success .process-icon-horizontal {
+.process-xxs.process-success .process-icon-horizontal {
   block-size: 1px;
 }
-.process-xs.process-success .process-icon-vertical {
+.process-xxs.process-success .process-icon-vertical {
   inline-size: 1px;
 }
 .process-xs {
@@ -17171,6 +17858,9 @@ button.popover-close {
 .process-xl.process-success .process-icon-vertical {
   inline-size: 8px;
 }
+.process-xxs .process-icon-container {
+  display: none;
+}
 .process-xxs .process-circle {
   animation-name: process-chase-circle-xxs;
 }
@@ -18725,6 +19415,7 @@ table col[class*="col-"] {
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
+  word-wrap: break-word;
   max-inline-size: 200px;
   min-inline-size: 120px;
   padding-block: 16px;
@@ -18739,6 +19430,34 @@ table col[class*="col-"] {
   border-radius: 3px;
   box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
 }
+@supports (hyphenate-limit-chars: 1) {
+  .tooltip-inner {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .tooltip-inner {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .tooltip-inner {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .tooltip-inner {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .tooltip-inner {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .np-theme-personal--forest-green .tooltip-inner,
 .np-theme-personal--bright-green .tooltip-inner,
 .np-theme-personal--dark .tooltip-inner {
@@ -18811,10 +19530,13 @@ a[data-toggle="tooltip"] {
   position: absolute;
   background: #ffffff;
   background: var(--color-background-screen);
-  transform: translateX(0.5px) rotate(-45deg);
+  transform: translateX(-1.5px) rotate(-45deg);
   transform-origin: left bottom;
-  inset-inline-start: 8px;
-  inset-inline-start: var(--size-8);
+}
+[dir="rtl"] .tw-checkbox-check::before,
+[dir="rtl"] .tw-checkbox-check::after {
+  transform: translateX(-1.5px) rotate(-45deg) scaleX(-1);
+  transform-origin: right bottom;
 }
 .tw-checkbox-check .has-error::before,
 .tw-checkbox-check .has-error::after {