@transferwise/neptune-css 0.0.0-experimental-16f6486 → 0.0.0-experimental-69786e7

package/dist/css/accordion.css

@@ -60,8 +60,6 @@
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
@@ -69,6 +67,36 @@
   letter-spacing: -0.014em;
   line-height: 135%;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .decision__title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .decision__title {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .decision__title {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .decision__title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .decision__title {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .decision__title + p,
 .decision__title + ul:not(.list-unstyled),
 .decision__title + ol:not(.list-unstyled) {

package/dist/css/decision.css

@@ -21,14 +21,40 @@
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   letter-spacing: -0.014em;
   line-height: 135%;
+}@supports (hyphenate-limit-chars: 1) {
+  .decision__title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .decision__title {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .decision__title {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .decision__title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .decision__title {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }.decision__title + p,
 .decision__title + ul:not(.list-unstyled),
 .decision__title + ol:not(.list-unstyled) {

package/dist/css/dropdowns.css

@@ -335,14 +335,40 @@
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   letter-spacing: -0.006em;
   line-height: 140%;
+}@supports (hyphenate-limit-chars: 1) {
+  .dropdown-header {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .dropdown-header {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }.dropdown-header + p,
 .dropdown-header + ul:not(.list-unstyled),
 .dropdown-header + ol:not(.list-unstyled) {

package/dist/css/input-groups.css

@@ -2358,8 +2358,6 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   margin-bottom: 0;
   margin-bottom: initial;
   font-size: 1.375rem;
@@ -2383,6 +2381,46 @@ select[multiple].input-group-lg > .input-group-addon,
 select[multiple].input-group-lg > .input-group-btn .btn {
   height: auto;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn .btn {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @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: 992px) {
+    .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 {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .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,

package/dist/css/list-group.css

@@ -49,8 +49,6 @@
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
@@ -59,6 +57,34 @@
   line-height: 140%;
   color: #37517e;
   color: var(--color-content-primary);
+}@supports (hyphenate-limit-chars: 1) {
+  .list-group-item-heading {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .list-group-item-heading {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .list-group-item-heading {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .list-group-item-heading {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .list-group-item-heading {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }.list-group-item-heading + p,
 .list-group-item-heading + ul:not(.list-unstyled),
 .list-group-item-heading + ol:not(.list-unstyled) {

package/dist/css/navbar.css

@@ -524,8 +524,6 @@
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
@@ -533,6 +531,36 @@
   letter-spacing: -0.006em;
   line-height: 140%;
 }
+@supports (hyphenate-limit-chars: 1) {
+  .dropdown-header {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .dropdown-header {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
 .dropdown-header + p,
 .dropdown-header + ul:not(.list-unstyled),
 .dropdown-header + ol:not(.list-unstyled) {

package/dist/css/neptune-core.css

@@ -769,8 +769,141 @@ h6,
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  .title-1,
+  .title-2,
+  .title-3,
+  .title-4,
+  .title-5,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .np-text-title-screen,
+  .np-text-title-section,
+  .np-text-title-subsection,
+  .np-text-title-body,
+  .np-text-title-group {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6,
+    .title-1,
+    .title-2,
+    .title-3,
+    .title-4,
+    .title-5,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .np-text-title-screen,
+    .np-text-title-section,
+    .np-text-title-subsection,
+    .np-text-title-body,
+    .np-text-title-group {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6,
+    .title-1,
+    .title-2,
+    .title-3,
+    .title-4,
+    .title-5,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .np-text-title-screen,
+    .np-text-title-section,
+    .np-text-title-subsection,
+    .np-text-title-body,
+    .np-text-title-group {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  .title-1,
+  .title-2,
+  .title-3,
+  .title-4,
+  .title-5,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .np-text-title-screen,
+  .np-text-title-section,
+  .np-text-title-subsection,
+  .np-text-title-body,
+  .np-text-title-group {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6,
+    .title-1,
+    .title-2,
+    .title-3,
+    .title-4,
+    .title-5,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .np-text-title-screen,
+    .np-text-title-section,
+    .np-text-title-subsection,
+    .np-text-title-body,
+    .np-text-title-group {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 .h1 + p,
 .h2 + p,

package/dist/css/neptune.css

@@ -2410,8 +2410,143 @@ h6,
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
+}
+
+@supports (hyphenate-limit-chars: 1) {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  .title-1,
+  .title-2,
+  .title-3,
+  .title-4,
+  .title-5,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .np-text-title-screen,
+  .np-text-title-section,
+  .np-text-title-subsection,
+  .np-text-title-body,
+  .np-text-title-group {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6,
+    .title-1,
+    .title-2,
+    .title-3,
+    .title-4,
+    .title-5,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .np-text-title-screen,
+    .np-text-title-section,
+    .np-text-title-subsection,
+    .np-text-title-body,
+    .np-text-title-group {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6,
+    .title-1,
+    .title-2,
+    .title-3,
+    .title-4,
+    .title-5,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .np-text-title-screen,
+    .np-text-title-section,
+    .np-text-title-subsection,
+    .np-text-title-body,
+    .np-text-title-group {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  .title-1,
+  .title-2,
+  .title-3,
+  .title-4,
+  .title-5,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .np-text-title-screen,
+  .np-text-title-section,
+  .np-text-title-subsection,
+  .np-text-title-body,
+  .np-text-title-group {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6,
+    .title-1,
+    .title-2,
+    .title-3,
+    .title-4,
+    .title-5,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .np-text-title-screen,
+    .np-text-title-section,
+    .np-text-title-subsection,
+    .np-text-title-body,
+    .np-text-title-group {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }
 
 .h1 + p,
@@ -11993,8 +12128,6 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   margin-bottom: 0;
   margin-bottom: initial;
   font-size: 1.375rem;
@@ -12021,6 +12154,48 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   height: auto;
 }
 
+@supports (hyphenate-limit-chars: 1) {
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn .btn {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @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: 992px) {
+    .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 {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .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,
@@ -12991,8 +13166,6 @@ li > a > .currency-flag:first-child {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
@@ -13001,6 +13174,38 @@ li > a > .currency-flag:first-child {
   line-height: 135%;
 }
 
+@supports (hyphenate-limit-chars: 1) {
+  .decision__title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .decision__title {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .decision__title {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .decision__title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .decision__title {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+
 .decision__title + p,
 .decision__title + ul:not(.list-unstyled),
 .decision__title + ol:not(.list-unstyled) {
@@ -13510,8 +13715,6 @@ li > a > .currency-flag:first-child {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
@@ -13520,6 +13723,38 @@ li > a > .currency-flag:first-child {
   line-height: 140%;
 }
 
+@supports (hyphenate-limit-chars: 1) {
+  .dropdown-header {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .dropdown-header {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+
 .dropdown-header + p,
 .dropdown-header + ul:not(.list-unstyled),
 .dropdown-header + ol:not(.list-unstyled) {
@@ -17338,8 +17573,6 @@ html:not([dir="rtl"]) .list-group-item {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   font-size: 0.875rem;
@@ -17350,6 +17583,38 @@ html:not([dir="rtl"]) .list-group-item {
   color: var(--color-content-primary);
 }
 
+@supports (hyphenate-limit-chars: 1) {
+  .list-group-item-heading {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .list-group-item-heading {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .list-group-item-heading {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .list-group-item-heading {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .list-group-item-heading {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+
 .list-group-item-heading + p,
 .list-group-item-heading + ul:not(.list-unstyled),
 .list-group-item-heading + ol:not(.list-unstyled) {
@@ -21530,8 +21795,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
@@ -21545,6 +21808,38 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   color: var(--color-content-primary) !important;
 }
 
+@supports (hyphenate-limit-chars: 1) {
+  .popover-title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .popover-title {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .popover-title {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .popover-title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .popover-title {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+
 .popover-title + p,
 .popover-title + ul:not(.list-unstyled),
 .popover-title + ol:not(.list-unstyled) {

package/dist/css/popovers.css

@@ -333,8 +333,6 @@
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   font-size: 1.125rem;
   font-size: var(--font-size-18);
   font-weight: 600;
@@ -346,6 +344,34 @@
   border-bottom: 0;
   border-radius: 2px 2px 0 0;
   color: var(--color-content-primary) !important;
+}@supports (hyphenate-limit-chars: 1) {
+  .popover-title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .popover-title {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .popover-title {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .popover-title {
+    -webkit-hyphens: auto;
+            hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .popover-title {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
 }.popover-title + p,
 .popover-title + ul:not(.list-unstyled),
 .popover-title + ol:not(.list-unstyled) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-16f6486",
+  "version": "0.0.0-experimental-69786e7",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/less/core/_typography.less

@@ -24,7 +24,29 @@ h6,
   color: var(--color-content-primary);
   line-height: var(--line-height-title);
   letter-spacing: 0;
-  hyphens: auto;
+  
+  @supports (hyphenate-limit-chars: 1) {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+
+    @media (--screen-md) {
+      hyphenate-limit-chars: 8 3;
+    }
+
+    @media (--screen-lg) {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+
+  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+
+    @media (--screen-lg) {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
   
   + p,
   + ul:not(.list-unstyled),