@ptcwebops/ptcw-design 3.4.5 → 3.4.7

package/dist/collection/components/ptc-icon-list/ptc-icon-list.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   padding-bottom: var(--ptc-element-spacing-03);

package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 .content {
   transition: max-height ease-out 250ms;
   overflow: hidden;

package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   position: relative;

package/dist/collection/components/ptc-img/ptc-img.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 .smart-bg {
   width: 100%;
   height: 100%;

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 .ptc-container {
   padding-right: 24px;
   padding-left: 24px;
@@ -546,6 +585,30 @@
   border-radius: var(--ptc-border-radius-circle);
 }
 
+.u-border-none {
+  border: none;
+}
+
+.u-shadow-x-small {
+  box-shadow: var(--ptc-shadow-x-small);
+}
+
+.u-shadow-small {
+  box-shadow: var(--ptc-shadow-small);
+}
+
+.u-shadow-medium {
+  box-shadow: var(--ptc-shadow-medium);
+}
+
+.u-shadow-large {
+  box-shadow: var(--ptc-shadow-large);
+}
+
+.u-shadow-x-large {
+  box-shadow: var(--ptc-shadow-x-large);
+}
+
 @media only screen and (min-width: 768px) {
   .u-hero-width {
     width: 525px;

package/dist/collection/components/ptc-link/ptc-link.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }
@@ -317,4 +356,27 @@
 
 .w-black {
   font-weight: var(--ptc-font-weight-black);
+}
+
+.utility-nav-link {
+  background-color: transparent;
+  box-sizing: border-box;
+  color: var(--color-gray-13);
+  font-stretch: 100%;
+  font-weight: var(--ptc-font-weight-semibold);
+  line-height: var(--ptc-line-height-densest);
+  list-style: none;
+  text-align: left;
+  text-decoration: none;
+  text-decoration-color: var(--color-green-06);
+  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);
+  display: inline-block;
+  font-size: var(--ptc-font-size-x-small);
+}
+.utility-nav-link:hover {
+  text-decoration: underline;
+  text-underline-offset: 5px;
+  text-decoration-color: var(--color-green-06);
+  text-decoration-thickness: 2px;
+  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
 }

package/dist/collection/components/ptc-link/ptc-link.js

@@ -61,6 +61,7 @@ export class PtcLink {
       'd-green-underline',
       'd-white-underline',
       'global',
+      'utility-nav-link'
     ];
     let mainClass = this.theme;
     if (classOptions.indexOf(mainClass) < 0) {
@@ -181,8 +182,8 @@ export class PtcLink {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'simple'\r\n    | 'underline'\r\n    | 'nav-title'\r\n    | 'primary-nav-link'\r\n    | 'nav-title-link'\r\n    | 'nav-card-link'\r\n    | 'secondary-nav-link'\r\n    | 'footer-nav-link'\r\n    | 'copyright-link'\r\n    | 'product-link'\r\n    | 'd-green-underline'\r\n    | 'd-white-underline'\r\n    | 'global'\r\n    | 'standard-link'",
-          "resolved": "\"copyright-link\" | \"d-green-underline\" | \"d-white-underline\" | \"footer-nav-link\" | \"global\" | \"nav-card-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"product-link\" | \"secondary-nav-link\" | \"simple\" | \"standard-link\" | \"underline\"",
+          "original": "| 'simple'\r\n    | 'underline'\r\n    | 'nav-title'\r\n    | 'primary-nav-link'\r\n    | 'nav-title-link'\r\n    | 'nav-card-link'\r\n    | 'secondary-nav-link'\r\n    | 'footer-nav-link'\r\n    | 'copyright-link'\r\n    | 'product-link'\r\n    | 'd-green-underline'\r\n    | 'd-white-underline'\r\n    | 'global'\r\n    | 'utility-nav-link'\r\n    | 'standard-link'",
+          "resolved": "\"copyright-link\" | \"d-green-underline\" | \"d-white-underline\" | \"footer-nav-link\" | \"global\" | \"nav-card-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"product-link\" | \"secondary-nav-link\" | \"simple\" | \"standard-link\" | \"underline\" | \"utility-nav-link\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ptc-list/ptc-list.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/ptc-media-card/ptc-media-card.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   position: relative;

package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css

@@ -158,6 +158,45 @@ body.ms-show {
   overflow-y: hidden;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 .mobile-select-wrapper {
   display: block;
 }

package/dist/collection/components/ptc-modal/ptc-modal.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/ptc-nav-card/ptc-nav-card.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: flex;
   height: 100%;

package/dist/collection/components/ptc-nav-pills/ptc-nav-pills.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  /* For Safari */
+  -webkit-hyphenate-limit-after: 3;
+  /* For Safari */
+  hyphenate-limit-chars: 12 3 3;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-last: always;
+  hyphenate-limit-zone: 6%;
+  -webkit-hyphens: auto;
+  -webkit-hyphenate-limit-before: 3;
+  -webkit-hyphenate-limit-after: 3;
+  -webkit-hyphenate-limit-chars: 12 3 3;
+  -webkit-hyphenate-limit-lines: 2;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   text-align: center;