@ptcwebops/ptcw-design 3.4.6 → 3.4.8

package/dist/cjs/ptc-readmore.cjs.entry.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cd9a1b1a.js');
+
+const ptcReadmoreCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-blue-07)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";
+
+const PtcReadmore = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.moreText = 'read more';
+    this.lessText = undefined;
+    this.readMorePosition = 'right';
+    this.display = 'inline';
+    this.visibleLines = 'line2';
+    this.visibleLinesCustom = undefined;
+    this.zIndex = 'z-auto';
+    this.checked = false;
+    this.size = 'small';
+    this.isIcon = false;
+    this.color = 'blue';
+  }
+  async updateReadmoreStatus() {
+    setTimeout(() => {
+      this.addBtnTruncated();
+    }, 100);
+  }
+  addBtnTruncated() {
+    const appRoot = this.el.shadowRoot;
+    const ps = appRoot.querySelectorAll('.read-more-text');
+    ps.forEach(p => {
+      // if (this.visibleCharacters){
+      //   const truncatedText = p.textContent.slice(0, this.visibleCharacters);
+      //   p.textContent = truncatedText;
+      // }
+      p.classList[p.scrollHeight > p.clientHeight ? 'add' : 'remove']('truncated');
+    });
+  }
+  // Created this function to initialize the truncate function on specific elements like tabs
+  enableAddTruncatedClass(element) {
+    const allTabHeaders = document.querySelectorAll(element);
+    for (const element of Array.from(allTabHeaders)) {
+      let tabHeader = element;
+      if (tabHeader) {
+        tabHeader.addEventListener('click', () => {
+          setTimeout(() => {
+            this.addBtnTruncated();
+          }, 100);
+        });
+      }
+    }
+  }
+  componentDidLoad() {
+    this.addBtnTruncated();
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
+        this.addBtnTruncated();
+      }
+    });
+    this.enableAddTruncatedClass('tab-header');
+    this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
+  }
+  // click event handler
+  handleClick(event) {
+    this.addBtnTruncated();
+    // check if the input box is checked
+    this.checked = event.target.checked;
+    // Getting cta element
+    const cta = this.el.shadowRoot.querySelector('.read-more-cta-label');
+    // Updating the cta text
+    this.checked
+      ? cta.innerHTML = `<span> ${this.lessText ? this.lessText : ''} </span>`
+      : cta.innerHTML = `<span> ${this.moreText ? this.moreText : ''}</span>`;
+    this.checked ? cta.classList.add('show-less-cta') : cta.classList.remove('show-less-cta');
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: this.display }, index.h("div", { class: classMap }, index.h("input", { type: "checkbox", id: "expanded", onClick: (e) => this.handleClick(e) }), !!this.visibleLines || !!this.visibleLinesCustom ? index.h("p", { class: `read-more-text ${this.visibleLines}`, style: { WebkitLineClamp: `${this.visibleLinesCustom}` } }, index.h("slot", null)) : null, index.h("label", { htmlFor: "expanded", role: "button", class: `${this.zIndex + ' ' + this.readMorePosition} read-more-cta-label` }, index.h("span", null, this.moreText)))));
+  }
+  getCssClassMap() {
+    return {
+      ['box']: true,
+      [this.color]: true,
+      [this.size]: true,
+      ['add-icon']: this.isIcon
+    };
+  }
+  get el() { return index.getElement(this); }
+};
+PtcReadmore.style = ptcReadmoreCss;
+
+exports.ptc_readmore = PtcReadmore;

package/dist/cjs/ptc-related-card-rail.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcRelatedCardRailCss = ":host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;}:host .card-rail-content icon-asset#right-arrow{right:3px}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{width:100%;flex:1 0 100%;display:flex}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";
+const ptcRelatedCardRailCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;}:host .card-rail-content icon-asset#right-arrow{right:3px}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{width:100%;flex:1 0 100%;display:flex}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";
 
 const PtcRelatedCardRail = class {
   constructor(hostRef) {

package/dist/cjs/ptc-search-field.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSearchFieldCss = ":host .search-div{position:relative;display:flex;align-items:stretch;height:51px;border-radius:var(--ptc-border-radius-standard)}:host .search-div .input-wrap{position:relative;width:100%;box-sizing:border-box;display:flex}:host .search-div .input-wrap input{height:100%}:host .search-div input{background-color:var(--color-white);height:-webkit-fill-available;border:0 solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose);padding-right:54px;width:100%;box-sizing:border-box;margin-right:0px}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;min-width:51px;border-radius:0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0;background-color:var(--color-gray-12);border:0 solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);margin:0}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.dark) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04);padding-right:2px}:host(.dark) .search-div input::placeholder{color:var(--color-white);font-size:var(--ptc-font-size-x-small)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}:host(.x-small) .search-div{box-shadow:var(--ptc-shadow-x-small)}:host(.small) .search-div{box-shadow:var(--ptc-shadow-small)}:host(.medium) .search-div{box-shadow:var(--ptc-shadow-medium)}:host(.large) .search-div{box-shadow:var(--ptc-shadow-large)}:host(.x-large) .search-div{box-shadow:var(--ptc-shadow-x-large)}@media (max-width: 480px){input{width:75%}}.icon-wrapper{padding:16px 20px 0;background-color:var(--color-white);position:absolute;right:0;top:0;height:100%;box-sizing:border-box}.icon-wrapper .cls{cursor:pointer;display:block}:host(.dark) .icon-wrapper{padding:12px 20px 0;background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);border-left-width:0;position:initial;right:auto;top:auto}:host(.dark):host(.enable-clear) input{border-right-width:0}@media only screen and (min-width: 992px){.cls{display:none}}";
+const ptcSearchFieldCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .search-div{position:relative;display:flex;align-items:stretch;height:51px;border-radius:var(--ptc-border-radius-standard)}:host .search-div .input-wrap{position:relative;width:100%;box-sizing:border-box;display:flex}:host .search-div .input-wrap input{height:100%}:host .search-div input{background-color:var(--color-white);height:-webkit-fill-available;border:0 solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose);padding-right:54px;width:100%;box-sizing:border-box;margin-right:0px}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;min-width:51px;border-radius:0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0;background-color:var(--color-gray-12);border:0 solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);margin:0}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.dark) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04);padding-right:2px}:host(.dark) .search-div input::placeholder{color:var(--color-white);font-size:var(--ptc-font-size-x-small)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}:host(.news){z-index:999;position:relative;margin-top:20px}:host(.news) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.news) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.news) .search-div{width:246px}}:host(.news) .search-div .search-btn{height:43px}:host(.x-small) .search-div{box-shadow:var(--ptc-shadow-x-small)}:host(.small) .search-div{box-shadow:var(--ptc-shadow-small)}:host(.medium) .search-div{box-shadow:var(--ptc-shadow-medium)}:host(.large) .search-div{box-shadow:var(--ptc-shadow-large)}:host(.x-large) .search-div{box-shadow:var(--ptc-shadow-x-large)}@media (max-width: 480px){input{width:75%}}.icon-wrapper{padding:16px 20px 0;background-color:var(--color-white);position:absolute;right:0;top:0;height:100%;box-sizing:border-box}.icon-wrapper .cls{cursor:pointer;display:block}:host(.dark) .icon-wrapper{padding:12px 20px 0;background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);border-left-width:0;position:initial;right:auto;top:auto}:host(.dark):host(.enable-clear) input{border-right-width:0}@media only screen and (min-width: 992px){.cls{display:none}}";
 
 const PtcSearchField = class {
   constructor(hostRef) {
@@ -14,6 +14,7 @@ const PtcSearchField = class {
     this.textValue = undefined;
     this.placeholderLabel = undefined;
     this.darkTheme = undefined;
+    this.isNews = undefined;
     this.elevation = 'small';
     this.enableClear = false;
     this.styles = undefined;
@@ -72,7 +73,8 @@ const PtcSearchField = class {
     return {
       ['dark']: this.darkTheme ? true : false,
       [this.elevation]: true,
-      ['enable-clear']: this.enableClear
+      ['enable-clear']: this.enableClear,
+      ['news']: this.isNews ? true : false,
     };
   }
   get el() { return index.getElement(this); }

package/dist/cjs/ptc-seo-title.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSeoTitleCss = "div.center.sc-ptc-seo-title{text-align:center}div.center.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-seo-title{text-align:left}div.left.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:0%}div.right.sc-ptc-seo-title{text-align:right}div.right.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{right:0%}div.inherit.sc-ptc-seo-title{text-align:inherit}div.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title{padding-top:12px}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-seo-title h1.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h2.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h3.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h4.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h5.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-seo-title h4.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-seo-title h1.sc-ptc-seo-title,div.green.sc-ptc-seo-title h2.sc-ptc-seo-title,div.green.sc-ptc-seo-title h3.sc-ptc-seo-title,div.green.sc-ptc-seo-title h4.sc-ptc-seo-title,div.green.sc-ptc-seo-title h5.sc-ptc-seo-title,div.green.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-seo-title h1.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h2.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h3.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h4.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h5.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-seo-title h1.sc-ptc-seo-title,div.red.sc-ptc-seo-title h2.sc-ptc-seo-title,div.red.sc-ptc-seo-title h3.sc-ptc-seo-title,div.red.sc-ptc-seo-title h4.sc-ptc-seo-title,div.red.sc-ptc-seo-title h5.sc-ptc-seo-title,div.red.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-seo-title h1.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h2.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h3.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h4.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h5.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-seo-title h1.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h2.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h3.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h4.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h5.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-seo-title h1.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h2.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h3.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h4.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h5.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-seo-title h1.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h2.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h3.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h4.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h5.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-seo-title h1.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h2.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h3.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h4.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h5.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-seo-title h1.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h2.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h3.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h4.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h5.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-seo-title h1.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h2.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h3.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h4.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h5.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-seo-title h1.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h2.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h3.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h4.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h5.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-seo-title h1.sc-ptc-seo-title,div.black.sc-ptc-seo-title h2.sc-ptc-seo-title,div.black.sc-ptc-seo-title h3.sc-ptc-seo-title,div.black.sc-ptc-seo-title h4.sc-ptc-seo-title,div.black.sc-ptc-seo-title h5.sc-ptc-seo-title,div.black.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-black)}div.white.sc-ptc-seo-title h1.sc-ptc-seo-title,div.white.sc-ptc-seo-title h2.sc-ptc-seo-title,div.white.sc-ptc-seo-title h3.sc-ptc-seo-title,div.white.sc-ptc-seo-title h4.sc-ptc-seo-title,div.white.sc-ptc-seo-title h5.sc-ptc-seo-title,div.white.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-white)}div.gray-1.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-01)}div.gray.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-seo-title h1.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h2.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h3.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h4.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h5.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h6.sc-ptc-seo-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-seo-title h1.sc-ptc-seo-title,div.block.sc-ptc-seo-title h2.sc-ptc-seo-title,div.block.sc-ptc-seo-title h3.sc-ptc-seo-title,div.block.sc-ptc-seo-title h4.sc-ptc-seo-title,div.block.sc-ptc-seo-title h5.sc-ptc-seo-title,div.block.sc-ptc-seo-title h6.sc-ptc-seo-title{display:block}.sc-ptc-seo-title-h{word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";
+const ptcSeoTitleCss = "h1.sc-ptc-seo-title,h2.sc-ptc-seo-title,h3.sc-ptc-seo-title,h4.sc-ptc-seo-title,h5.sc-ptc-seo-title,h6.sc-ptc-seo-title,p.sc-ptc-seo-title,ul.sc-ptc-seo-title,li.sc-ptc-seo-title,span.sc-ptc-seo-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-seo-title,h2.sc-ptc-seo-title,h3.sc-ptc-seo-title,h4.sc-ptc-seo-title,h5.sc-ptc-seo-title,h6.sc-ptc-seo-title,p.sc-ptc-seo-title,ul.sc-ptc-seo-title,li.sc-ptc-seo-title,span.sc-ptc-seo-title{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}div.center.sc-ptc-seo-title{text-align:center}div.center.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-seo-title{text-align:left}div.left.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:0%}div.right.sc-ptc-seo-title{text-align:right}div.right.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{right:0%}div.inherit.sc-ptc-seo-title{text-align:inherit}div.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title{padding-top:12px}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-seo-title h1.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h2.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h3.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h4.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h5.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-seo-title h4.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-seo-title h1.sc-ptc-seo-title,div.green.sc-ptc-seo-title h2.sc-ptc-seo-title,div.green.sc-ptc-seo-title h3.sc-ptc-seo-title,div.green.sc-ptc-seo-title h4.sc-ptc-seo-title,div.green.sc-ptc-seo-title h5.sc-ptc-seo-title,div.green.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-seo-title h1.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h2.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h3.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h4.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h5.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-seo-title h1.sc-ptc-seo-title,div.red.sc-ptc-seo-title h2.sc-ptc-seo-title,div.red.sc-ptc-seo-title h3.sc-ptc-seo-title,div.red.sc-ptc-seo-title h4.sc-ptc-seo-title,div.red.sc-ptc-seo-title h5.sc-ptc-seo-title,div.red.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-seo-title h1.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h2.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h3.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h4.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h5.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-seo-title h1.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h2.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h3.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h4.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h5.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-seo-title h1.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h2.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h3.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h4.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h5.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-seo-title h1.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h2.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h3.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h4.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h5.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-seo-title h1.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h2.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h3.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h4.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h5.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-seo-title h1.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h2.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h3.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h4.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h5.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-seo-title h1.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h2.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h3.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h4.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h5.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-seo-title h1.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h2.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h3.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h4.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h5.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-seo-title h1.sc-ptc-seo-title,div.black.sc-ptc-seo-title h2.sc-ptc-seo-title,div.black.sc-ptc-seo-title h3.sc-ptc-seo-title,div.black.sc-ptc-seo-title h4.sc-ptc-seo-title,div.black.sc-ptc-seo-title h5.sc-ptc-seo-title,div.black.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-black)}div.white.sc-ptc-seo-title h1.sc-ptc-seo-title,div.white.sc-ptc-seo-title h2.sc-ptc-seo-title,div.white.sc-ptc-seo-title h3.sc-ptc-seo-title,div.white.sc-ptc-seo-title h4.sc-ptc-seo-title,div.white.sc-ptc-seo-title h5.sc-ptc-seo-title,div.white.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-white)}div.gray-1.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-01)}div.gray.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-seo-title h1.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h2.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h3.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h4.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h5.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h6.sc-ptc-seo-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-seo-title h1.sc-ptc-seo-title,div.block.sc-ptc-seo-title h2.sc-ptc-seo-title,div.block.sc-ptc-seo-title h3.sc-ptc-seo-title,div.block.sc-ptc-seo-title h4.sc-ptc-seo-title,div.block.sc-ptc-seo-title h5.sc-ptc-seo-title,div.block.sc-ptc-seo-title h6.sc-ptc-seo-title{display:block}.sc-ptc-seo-title-h{word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";
 
 const PtcSeoTitle = class {
   constructor(hostRef) {

package/dist/cjs/ptc-shopping-cart.cjs.entry.js

@@ -14,7 +14,7 @@ const ShoppingCartWhite = `<svg width="26" height="24" viewBox="0 0 26 24" fill=
 </svg>
 `;
 
-const ptcShoppingCartCss = ":host{height:20px}:host .cart{border-radius:4px;display:inline-block;padding:0.45rem;max-height:28px}:host .cart .cart__count{position:relative;background:#D33E3E;height:20px;width:20px;text-align:center;border-radius:50%;color:white;left:18px;bottom:38px;vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Raleway;font-size:14px;font-weight:600;line-height:21px;letter-spacing:0em}:host .cart.black-background{background:rgba(0, 0, 0, 0.54)}:host .cart.clear-background{background:rgba(0, 0, 0, 0)}";
+const ptcShoppingCartCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{height:20px}:host .cart{border-radius:4px;display:inline-block;padding:0.45rem;max-height:28px}:host .cart .cart__count{position:relative;background:#D33E3E;height:20px;width:20px;text-align:center;border-radius:50%;color:white;left:18px;bottom:38px;vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Raleway;font-size:14px;font-weight:600;line-height:21px;letter-spacing:0em}:host .cart.black-background{background:rgba(0, 0, 0, 0.54)}:host .cart.clear-background{background:rgba(0, 0, 0, 0)}";
 
 const PtcShoppingCart = class {
   constructor(hostRef) {

package/dist/cjs/ptc-skeleton.cjs.entry.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cd9a1b1a.js');
+
+const ptcSkeletonCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.content{display:flex;align-items:center;justify-content:center;height:100%;}.placeholder{width:100%;height:100%;min-height:1em;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.08) 100%);background-size:400% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.animated .placeholder{animation:loading 2.5s ease-in-out infinite}";
+
+const PtcSkeleton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isLoading = true;
+    this.animated = false;
+    this.width = '100%';
+    this.borderRadius = undefined;
+    this.topMargin = "0px";
+    this.btmMargin = "0px";
+  }
+  render() {
+    const borderRadiusValue = this.borderRadius || getComputedStyle(document.documentElement).getPropertyValue('--ptc-border-radius-large');
+    return (index.h("div", { class: `content ${this.animated && this.isLoading ? 'animated' : ''}`, style: { width: this.width, marginTop: this.topMargin, marginBottom: this.btmMargin } }, this.isLoading ? index.h("div", { class: "placeholder", style: { borderRadius: borderRadiusValue } }) : index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+PtcSkeleton.style = ptcSkeletonCss;
+
+exports.ptc_skeleton = PtcSkeleton;

package/dist/cjs/ptc-slit-card.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSlitCardCss = ":host{display:block}:host(.sim-card){display:block;height:100%}:host(.sim-card) .card-link{display:flex;flex-direction:column;outline:none;text-decoration:none;height:100%}:host(.sim-card) .card-link .card-heading{display:block;background-color:var(--color-gray-10);clip-path:polygon(0% 0%, calc(100% - 35px) 0%, 100% 45%, 100% 100%, 0% 100%)}:host(.sim-card) .card-link .card-heading .card-heading-div{max-width:75%;margin:15px 0px 15px 15px}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper{color:var(--color-green-14);display:inline;margin-bottom:2rem;white-space:nowrap}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper .sim-arrow{background:transparent url(https://www.ptc.com/images/right-arrow.svg) no-repeat 100%;display:inline-block;height:10px;margin-left:5px;-webkit-transition:-webkit-transform 0.15s ease-in-out;transition:-webkit-transform 0.15s ease-in-out;-o-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;vertical-align:middle;width:10px}:host(.sim-card) .card-link .card-heading .ptc-h3{color:var(--color-white);font-family:var(--ptc-font-secondary-latin);font-size:14px;font-weight:900;line-height:2.17;position:relative}:host(.sim-card) .card-link .card-heading .ptc-h3::after{background-color:var(--color-green-14);bottom:-5px;content:\"\";height:2px;left:0;position:absolute;-webkit-transition:width 0.2s ease-in-out;-o-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;width:30px}:host(.sim-card) .card-link .card-body{background:var(--color-white);box-shadow:0 3px 25px 0 rgba(0, 0, 0, 0.16);padding:20px 15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:100%}:host(.sim-card) .card-link:hover{outline:none;text-decoration:none}:host(.sim-card) .card-link:hover .card-heading{display:block}:host(.sim-card) .card-link:hover .card-heading .ptc-h3::after{width:100%}:host(.sim-card) .card-link:hover .card-heading .sim-arrow{-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px)}:host(.sim-card) .card-link:hover .card-body{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.3)}:host(.sim-card) .card-link:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.sim-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}";
+const ptcSlitCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host(.sim-card){display:block;height:100%}:host(.sim-card) .card-link{display:flex;flex-direction:column;outline:none;text-decoration:none;height:100%}:host(.sim-card) .card-link .card-heading{display:block;background-color:var(--color-gray-10);clip-path:polygon(0% 0%, calc(100% - 35px) 0%, 100% 45%, 100% 100%, 0% 100%)}:host(.sim-card) .card-link .card-heading .card-heading-div{max-width:75%;margin:15px 0px 15px 15px}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper{color:var(--color-green-14);display:inline;margin-bottom:2rem;white-space:nowrap}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper .sim-arrow{background:transparent url(https://www.ptc.com/images/right-arrow.svg) no-repeat 100%;display:inline-block;height:10px;margin-left:5px;-webkit-transition:-webkit-transform 0.15s ease-in-out;transition:-webkit-transform 0.15s ease-in-out;-o-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;vertical-align:middle;width:10px}:host(.sim-card) .card-link .card-heading .ptc-h3{color:var(--color-white);font-family:var(--ptc-font-secondary-latin);font-size:14px;font-weight:900;line-height:2.17;position:relative}:host(.sim-card) .card-link .card-heading .ptc-h3::after{background-color:var(--color-green-14);bottom:-5px;content:\"\";height:2px;left:0;position:absolute;-webkit-transition:width 0.2s ease-in-out;-o-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;width:30px}:host(.sim-card) .card-link .card-body{background:var(--color-white);box-shadow:0 3px 25px 0 rgba(0, 0, 0, 0.16);padding:20px 15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:100%}:host(.sim-card) .card-link:hover{outline:none;text-decoration:none}:host(.sim-card) .card-link:hover .card-heading{display:block}:host(.sim-card) .card-link:hover .card-heading .ptc-h3::after{width:100%}:host(.sim-card) .card-link:hover .card-heading .sim-arrow{-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px)}:host(.sim-card) .card-link:hover .card-body{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.3)}:host(.sim-card) .card-link:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.sim-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}";
 
 const PtcSlitCard = class {
   constructor(hostRef) {

package/dist/cjs/ptc-span.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSpanCss = ":host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.three-column-report) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-densest)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 360px){:host(.three-column-report) span{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 480px){:host(.three-column-report) span{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 768px){:host(.three-column-report) span{font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest)}}";
+const ptcSpanCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.three-column-report) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-densest)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 360px){:host(.three-column-report) span{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 480px){:host(.three-column-report) span{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 768px){:host(.three-column-report) span{font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest)}}";
 
 const PtcSpan = class {
   constructor(hostRef) {

package/dist/cjs/ptc-square-card.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSquareCardCss = ":host{display:block;background-color:transparent}:host ::slotted([slot=seo-content]){display:none}:host .card-border{height:auto;width:200px}@media only screen and (min-width: 480px){:host .card-border{height:200px}}:host .square-padding{margin:var(--ptc-element-spacing-02)}@media only screen and (min-width: 480px){:host .square-padding{margin:var(--ptc-element-spacing-03) var(--ptc-element-spacing-01)}}@media screen and (min-width: 512px){:host .square-padding{margin:var(--ptc-element-spacing-03)}}:host .card-layout{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}:host .icon{display:inline;vertical-align:middle}:host .number{display:inline-block;line-height:var(--ptc-line-height-denser);font-size:var(--ptc-font-size-xx-large);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}:host slot[name=before-icon],:host slot[name=after-icon]{text-align:center;line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host slot[name=before-icon]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}:host slot[name=after-icon]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}";
+const ptcSquareCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;background-color:transparent}:host ::slotted([slot=seo-content]){display:none}:host .card-border{height:auto;width:200px}@media only screen and (min-width: 480px){:host .card-border{height:200px}}:host .square-padding{margin:var(--ptc-element-spacing-02)}@media only screen and (min-width: 480px){:host .square-padding{margin:var(--ptc-element-spacing-03) var(--ptc-element-spacing-01)}}@media screen and (min-width: 512px){:host .square-padding{margin:var(--ptc-element-spacing-03)}}:host .card-layout{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}:host .icon{display:inline;vertical-align:middle}:host .number{display:inline-block;line-height:var(--ptc-line-height-denser);font-size:var(--ptc-font-size-xx-large);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}:host slot[name=before-icon],:host slot[name=after-icon]{text-align:center;line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host slot[name=before-icon]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}:host slot[name=after-icon]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}";
 
 const PtcSquareCard = class {
   constructor(hostRef) {

package/dist/cjs/ptc-sticky-icons.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcStickyIconsCss = "@media only screen and (min-width: 992px){:host{z-index:105;margin:auto;position:sticky;top:10%;right:0;float:right;margin-right:-40px}}:host .icon-container{padding:var(--ptc-element-spacing-03) 0}@media only screen and (min-width: 992px){:host .icon-container{padding:0 0 0 var(--ptc-element-spacing-03);display:flex;flex-direction:column}}:host ::slotted(ptc-social-share){margin:0 var(--ptc-element-spacing-03) 0 0}@media only screen and (min-width: 992px){:host ::slotted(ptc-social-share){margin:0 0 var(--ptc-element-spacing-03) 0;display:flex;align-items:center;justify-content:center}}";
+const ptcStickyIconsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@media only screen and (min-width: 992px){:host{z-index:105;margin:auto;position:sticky;top:10%;right:0;float:right;margin-right:-40px}}:host .icon-container{padding:var(--ptc-element-spacing-03) 0}@media only screen and (min-width: 992px){:host .icon-container{padding:0 0 0 var(--ptc-element-spacing-03);display:flex;flex-direction:column}}:host ::slotted(ptc-social-share){margin:0 var(--ptc-element-spacing-03) 0 0}@media only screen and (min-width: 992px){:host ::slotted(ptc-social-share){margin:0 0 var(--ptc-element-spacing-03) 0;display:flex;align-items:center;justify-content:center}}";
 
 const PtcStickyIcons = class {
   constructor(hostRef) {

package/dist/cjs/ptc-sticky-section.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcStickySectionCss = ":host{display:block}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}";
+const ptcStickySectionCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}";
 
 const PtcStickySection = class {
   constructor(hostRef) {

package/dist/cjs/ptc-sticky-title.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcStickyTitleCss = ":host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;display:flex;opacity:0;visibility:hidden;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 768px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1;visibility:visible;opacity:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0}@media only screen and (min-width: 768px){.sticky-header-title{justify-content:center;padding:0 80px}}@media only screen and (min-width: 992px){.sticky-header-title{padding:0 100px}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 768px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 768px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 768px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title h1{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){.sticky-header-title h1{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";
+const ptcStickyTitleCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;display:flex;opacity:0;visibility:hidden;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 768px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1;visibility:visible;opacity:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0}@media only screen and (min-width: 768px){.sticky-header-title{justify-content:center;padding:0 80px}}@media only screen and (min-width: 992px){.sticky-header-title{padding:0 100px}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 768px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 768px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 768px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title h1{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){.sticky-header-title h1{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";
 
 const PtcStickyTitle = class {
   constructor(hostRef) {

package/dist/cjs/ptc-subnav-card.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSubnavCardCss = ":host{display:block;text-align:center;padding:0 var(--ptc-layout-spacing-02)}:host a{text-decoration:none}:host a:hover{text-decoration:none}:host h4{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white);margin:0}:host .cta icon-asset{margin-left:4px;vertical-align:middle}:host img{max-width:75px;margin:var(--ptc-layout-spacing-03) 0}";
+const ptcSubnavCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;text-align:center;padding:0 var(--ptc-layout-spacing-02)}:host a{text-decoration:none}:host a:hover{text-decoration:none}:host h4{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white);margin:0}:host .cta icon-asset{margin-left:4px;vertical-align:middle}:host img{max-width:75px;margin:var(--ptc-layout-spacing-03) 0}";
 
 const PtcSubnavCard = class {
   constructor(hostRef) {

package/dist/cjs/ptc-subnav.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990;position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1200px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
+const ptcSubnavCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990;position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1200px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
 
 const PtcSubnav = class {
   constructor(hostRef) {

package/dist/cjs/ptc-svg-btn.cjs.entry.js

@@ -91,7 +91,7 @@ const play = `<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns=
 </svg>
 `;
 
-const ptcSvgBtnCss = ":host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";
+const ptcSvgBtnCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";
 
 const PtcSvgBtn = class {
   constructor(hostRef) {

package/dist/cjs/ptc-tab-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcTabListCss = "ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:20px 10px}@media only screen and (min-width: 480px){ptc-tab-list.tab-with-banner{padding:30px}}ptc-tab-list.tab-with-banner .tabs-content{padding:30px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:block}tab-header{padding-right:48px}";
+const ptcTabListCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:20px 10px}@media only screen and (min-width: 480px){ptc-tab-list.tab-with-banner{padding:30px}}ptc-tab-list.tab-with-banner .tabs-content{padding:30px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:block}tab-header{padding-right:48px}";
 
 const PtcTabList = class {
   constructor(hostRef) {

package/dist/cjs/ptc-tab.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcTabsCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";
+const ptcTabsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";
 
 const Tab = class {
   constructor(hostRef) {

package/dist/cjs/ptc-tabs.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcTabsCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";
+const ptcTabsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";
 
 const Tabs = class {
   constructor(hostRef) {

package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd9a1b1a.js');
 
-const ptcTextCopyWithBackgroundCss = ":host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02) 88px var(--ptc-layout-spacing-02)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:var(--ptc-element-spacing-08)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:0;transform:scale(1.5, 1.5)}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";
+const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,span{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,span{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02) 88px var(--ptc-layout-spacing-02)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:var(--ptc-element-spacing-08)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:0;transform:scale(1.5, 1.5)}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";
 
 const PtcTextCopyWithBackground = class {
   constructor(hostRef) {