@transferwise/components 0.0.0-experimental-feef95e → 0.0.0-experimental-1bb5459

package/src/main.css

@@ -3534,64 +3534,6 @@ small,
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
-@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 */
 .control-2,
@@ -3605,49 +3547,6 @@ small,
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
-@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 */
 .body-1,
@@ -3660,44 +3559,6 @@ small,
   line-height: 150%;
   letter-spacing: -0.011em;
 }
-@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 */
 .control-1,
@@ -3709,39 +3570,6 @@ small,
   line-height: 150%;
   letter-spacing: -0.011em;
 }
-@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,
 .np-text-link-large {
@@ -3935,13 +3763,6 @@ 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,
@@ -7017,34 +6838,6 @@ 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);
@@ -8796,34 +8589,6 @@ a.btn {
   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;
 }
@@ -8933,34 +8698,6 @@ 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);
@@ -9154,34 +8891,6 @@ 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;
@@ -9236,34 +8945,6 @@ 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;
 }
@@ -10870,34 +10551,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   color: #768e9c;
   color: var(--color-content-tertiary);
 }
-@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,
@@ -11183,44 +10836,6 @@ 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,
@@ -11259,39 +10874,6 @@ 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;
@@ -11973,34 +11555,6 @@ li > a > .currency-flag:first-child {
   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;
 }
@@ -12098,34 +11652,6 @@ 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 {
@@ -12173,34 +11699,6 @@ li > a > .currency-flag:first-child {
   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;
@@ -12435,58 +11933,30 @@ li > a > .currency-flag:first-child {
     inset-inline-start: auto;
     inset-inline-end: 0;
   }
-  .navbar-right .dropdown-menu-left {
-    inset-inline-start: 0;
-    inset-inline-end: auto;
-  }
-}
-.bootstrap-select .dropdown-menu {
-  margin-block: -8px -6px;
-  margin-inline: 0;
-}
-.droppable {
-  position: relative;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-  line-height: 150%;
-  letter-spacing: -0.011em;
-  text-align: center;
-  border: 1px solid #c9cbce;
-  border: 1px solid var(--color-interactive-secondary);
-  border-radius: 3px;
-  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;
-    }
+  .navbar-right .dropdown-menu-left {
+    inset-inline-start: 0;
+    inset-inline-end: auto;
   }
 }
+.bootstrap-select .dropdown-menu {
+  margin-block: -8px -6px;
+  margin-inline: 0;
+}
+.droppable {
+  position: relative;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 150%;
+  letter-spacing: -0.011em;
+  text-align: center;
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+  border-radius: 3px;
+  overflow: auto;
+  transition: border-color 0.15s linear;
+}
 .droppable:hover {
   border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
@@ -13212,34 +12682,6 @@ li > a > .currency-flag:first-child {
   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);
@@ -13267,39 +12709,6 @@ li > a > .currency-flag:first-child {
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
-@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,
 .footer .footer-link:active,
@@ -17696,34 +17105,6 @@ 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 {
@@ -17941,34 +17322,6 @@ button.close {
   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;
 }
@@ -19995,34 +19348,6 @@ 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 {
@@ -23185,34 +22510,6 @@ button.np-option {
   padding-block-end: 12px;
   padding-block-end: var(--size-12);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-auto {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-auto {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-auto {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-auto {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-auto {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-form-control--size-sm,
 .np-form-control--size-md,
 .np-form-control--size-lg {
@@ -23229,34 +22526,6 @@ button.np-option {
   block-size: 32px !important;
   block-size: var(--size-32) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-sm {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-sm {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-sm {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-sm {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-sm {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (max-width: 320px) {
   .np-form-control--size-sm {
     block-size: 64px !important;
@@ -23273,34 +22542,6 @@ button.np-option {
   block-size: 48px !important;
   block-size: var(--size-48) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-md {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-md {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-md {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-md {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-md {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (max-width: 320px) {
   .np-form-control--size-md {
     block-size: 72px !important;
@@ -26507,34 +25748,6 @@ button.np-link {
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-dropdown-menu > li > a {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-dropdown-menu > li > a {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-dropdown-menu > li > a {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-dropdown-menu > li > a {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-dropdown-menu > li > a {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-dropdown-menu > li:first-child > a {
   border-start-end-radius: 3px;
   border-start-start-radius: 3px;
@@ -27351,6 +26564,41 @@ button.np-link {
   margin-inline-end: 12px;
   margin-inline-end: var(--size-12);
 }
+.wds-tag {
+  align-items: center;
+  display: inline-flex;
+  gap: 1px;
+  max-inline-size: 240px;
+  min-inline-size: 0;
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+}
+.wds-tag--small {
+  border-radius: 6px;
+  padding-block: 1px;
+  padding-inline: 3px 4px;
+  padding-inline: 3px var(--size-4);
+}
+.wds-tag--small .wds-tag__text {
+  font-size: 0.75rem;
+  font-size: var(--font-size-12);
+}
+.wds-tag--large {
+  border-radius: 8px;
+  border-radius: var(--size-8);
+  padding-block: 1px;
+  padding-inline: 5px 6px;
+  padding-inline: var(--size-5) 6px;
+}
+.wds-tag__text {
+  overflow: hidden;
+  padding-inline-start: 1px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wds-tag.wds-tag--proposition {
+  color: var(--color-sentiment-interactive-primary);
+}
 .np-tile {
   min-inline-size: 120px;
   border-radius: 10px;