@ptcwebops/ptcw-design 6.2.4-beta → 6.2.4

package/dist/cjs/icon-asset_15.cjs.entry.js

@@ -0,0 +1,1714 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-63ddc79c.js');
+const utils = require('./utils-ad441b07.js');
+const interfaces = require('./interfaces-574e6df7.js');
+const x = require('./x-d5052f9b.js');
+
+const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{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}}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}svg[tabIndex=\"0\"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
+
+const IconAsset = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ready = index.createEvent(this, "ready", 7);
+    this.regularSprite = index.getAssetPath('./media/regular.svg');
+    this.solidSprite = index.getAssetPath('./media/solid.svg');
+    this.brandSprite = index.getAssetPath('./media/brands.svg');
+    this.ptcSprite = index.getAssetPath('./media/designer-v6.0.6.svg');
+    this.name = undefined;
+    this.size = 'xx-small';
+    this.type = 'regular';
+    this.spin = '';
+    this.pulse = '';
+    this.color = 'default';
+    this.isMobileSelect = undefined;
+    this.injectedStyle = undefined;
+    this.focusOn = false;
+    this.trackerId = "";
+  }
+  componentDidLoad() {
+    this.ready.emit({
+      'regular-icons': this.regularSprite,
+      'sold-icons': this.solidSprite,
+      'brand-icons': this.brandSprite,
+      'ptc-icons': this.ptcSprite
+    });
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    if (this.type == 'brands') {
+      return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.brandSprite}#${this.name}` }))));
+    }
+    else if (this.type == 'solid') {
+      return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.solidSprite}#${this.name}` }))));
+    }
+    else if (this.type == 'ptc') {
+      return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap, "aria-hidden": this.isMobileSelect && "true", tabindex: this.focusOn ? 0 : -1, id: this.trackerId }, index.h("use", { href: `${this.ptcSprite}#${this.name}` }))));
+    }
+    else {
+      return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.regularSprite}#${this.name}` }))));
+    }
+  }
+  getCssClassMap() {
+    return {
+      [this.size]: true,
+      [this.spin]: true,
+      [this.pulse]: true,
+      [this.color]: true,
+      ['ismobileselect']: this.isMobileSelect ? true : false,
+      ['mf-listen']: this.trackerId !== "" ? true : false
+    };
+  }
+  static get assetsDirs() { return ["media"]; }
+};
+IconAsset.style = iconAssetCss;
+
+const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
+
+const MaxWidthContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.maxWidthP = undefined;
+    this.maxWidth = undefined;
+    this.breakpoint = 768;
+    this.contentAlign = 'center';
+    this.styles = undefined;
+  }
+  componentDidLoad() {
+    this.handleResize();
+    window.addEventListener('resize', this.handleResize.bind(this));
+  }
+  disconnectedCallback() {
+    window.removeEventListener('resize', this.handleResize);
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.contentAlign]: true,
+    };
+  }
+  handleResize() {
+    // const selectedContainer = this.el.querySelector('.max-width-container');
+    if (this.el) {
+      if (window.innerWidth >= this.breakpoint) {
+        if (this.maxWidthP) {
+          this.el.style.maxWidth = `${this.maxWidthP}%`;
+        }
+        else {
+          this.el.style.maxWidth = `${this.maxWidth}px`;
+        }
+      }
+      else {
+        this.el.style.maxWidth = 'initial';
+      }
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+MaxWidthContainer.style = maxWidthContainerCss;
+
+const ptcButtonCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus-visible{border-radius:4px !important;border:2px solid #FFF !important;outline:5px solid #003DD6 !important;background-color:transparent !important;outline-offset:0px !important}.nav:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus-visible,.ptc-quaternary:focus-visible,.ptc-secondary:focus-visible,.ptc-tertiary:focus-visible,.icon-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary.acc-alt-style:focus-visible,.ptc-quaternary.acc-alt-style:focus-visible,.ptc-secondary.acc-alt-style:focus-visible,.ptc-tertiary.acc-alt-style:focus-visible,.icon-toggle.acc-alt-style:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black);transition:none}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black);transition:none}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03);transition:none}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-tertiary ::slotted(a){color:var(--color-gray-10) !important;text-decoration-line:none !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard);cursor:pointer}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09);transition:none}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.tracker-div{display:inline;display:inline-block}.focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}";
+
+const PtcButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.clickEvent = index.createEvent(this, "clickEvent", 7);
+    this.disabled = false;
+    this.active = false;
+    this.type = 'button';
+    this.color = 'ptc-primary';
+    this.iconAnimation = '';
+    this.iconPosition = 'icon-right';
+    this.linkHref = undefined;
+    this.linkTitle = undefined;
+    this.target = '_self';
+    this.rel = undefined;
+    this.tabNav = 0;
+    this.styles = undefined;
+    this.textAlign = undefined;
+    this.enableAccessibilityAltStyle = false;
+    this.size = undefined;
+    this.buttonTitle = undefined;
+    this.ariaLabel = '';
+    this.seoCompatibilityMode = false;
+    this.maintainContent = false;
+    this.trackerId = undefined;
+    this.darkFocusState = false;
+  }
+  clickEventHandler() {
+    this.clickEvent.emit();
+  }
+  componentWillLoad() {
+    utils.CheckDarkFocusState(this, this.el);
+  }
+  seoCompRender() {
+    const classMap = this.getCssClassMap();
+    const Tag = !!this.linkHref ? 'a' : 'button';
+    const [TagType, firstChild] = utils.getSeoTagType(this.el, Tag);
+    const html = firstChild && firstChild.innerHTML;
+    if (this.el == firstChild) {
+      this.el.innerHTML = '';
+    }
+    if (this.maintainContent) {
+      this.el.innerHTML = html;
+    }
+    return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h(TagType, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), index.h("span", { innerHTML: html }, index.h("slot", { name: "slot-before-text" }), index.h("slot", { name: "slot-after-text" }))))));
+  }
+  standardRender() {
+    const classMap = this.getCssClassMap();
+    const Tag = !!this.linkHref ? 'a' : 'button';
+    return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), this.iconAnimation == 'reveal-down' ?
+      index.h("span", null, index.h("div", { class: "content" }, index.h("slot", null)), index.h("div", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("slot", { name: "slot-after-text" })))) :
+      index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" }))))));
+  }
+  render() {
+    if (this.seoCompatibilityMode) {
+      return this.seoCompRender();
+    }
+    else {
+      return this.standardRender();
+    }
+  }
+  getCssClassMap() {
+    return {
+      [this.color]: true,
+      [this.iconAnimation]: true,
+      [this.iconPosition]: true,
+      ['disabled']: this.disabled ? true : false,
+      ['active']: this.active ? true : false,
+      [this.textAlign]: true,
+      [this.size]: true,
+      ['acc-alt-style']: this.enableAccessibilityAltStyle,
+      ['focus-state-dark-background']: this.darkFocusState
+    };
+  }
+  get el() { return index.getElement(this); }
+};
+PtcButton.style = ptcButtonCss;
+
+const ptcCloseIconCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";
+
+const PtcCloseIcon = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: 'close-icon mf-listen', "tab-index": "0" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
+  }
+};
+PtcCloseIcon.style = ptcCloseIconCss;
+
+const ptcFooterV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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-footer{display:block;color:var(--color-white);background-color:var(--color-gray-12);position:relative;z-index:2}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{margin:-2px;border:2px solid transparent;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:transparent;transition:text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white) !important}ptc-footer ul li a:hover{color:var(--color-white) !important;text-decoration-color:var(--color-white)}ptc-footer ul li a:visited{color:var(--color-white)}ptc-footer ul li a:active{color:var(--color-gray-04) !important;transition:none;text-decoration-color:var(--color-gray-04)}ptc-footer ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-footer .gap-20{grid-column-gap:20px;grid-row-gap:20px}ptc-footer .footer-bg-wrap{position:relative;border-top:1px solid var(--color-gray-10)}ptc-footer .footer-bg{position:absolute;width:100%;text-align:center;height:100%;background-repeat:no-repeat;background-position:center center;z-index:0}ptc-footer .footer-top{padding-top:48px;padding-bottom:48px;position:relative;z-index:1;max-width:500px;margin:auto;box-sizing:content-box}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 80px;max-width:900px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}@media only screen and (min-width: 1440px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}ptc-footer .footer-top ptc-title{display:block}ptc-footer .footer-top .f-menu{justify-content:space-between;width:100%;gap:16px;max-width:516px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:419px;gap:56px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:413px;gap:80px}}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu ul,ptc-footer .footer-top .f-menu ol{max-width:initial}}@media only screen and (min-width: 1024px){ptc-footer .footer-top .f-menu ul,ptc-footer .footer-top .f-menu ol{width:50%}}ptc-footer .footer-top .f-menu ul li,ptc-footer .footer-top .f-menu ol li{padding:6px 0;font-size:var(--ptc-font-size-x-small)}ptc-footer .footer-top .f-menu ul li:first-child,ptc-footer .footer-top .f-menu ol li:first-child{padding-top:0}ptc-footer .footer-top .f-menu ul li:last-child,ptc-footer .footer-top .f-menu ol li:last-child{padding-bottom:0}ptc-footer .footer-top .f-menu ul li a,ptc-footer .footer-top .f-menu ol li a{display:inline-block;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);padding-bottom:4px}ptc-footer .footer-top .f-social-wrap{display:flex;flex-direction:column;align-items:center;grid-column-gap:48px;grid-row-gap:48px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-social-wrap{flex-direction:row;justify-content:flex-start}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-social-wrap{display:block}}ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{display:none}}ptc-footer .footer-bottom{background-color:var(--color-gray-11);padding-top:var(--ptc-layout-spacing-02);padding-bottom:var(--ptc-layout-spacing-02);text-align:center;font-size:var(--ptc-font-size-xx-small)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{max-width:1136px;box-sizing:content-box}}@media only screen and (min-width: 1200px){ptc-footer .footer-bottom{padding-right:24px;padding-left:24px;max-width:1200px}}ptc-footer .footer-bottom ul li,ptc-footer .footer-bottom ol li{font-size:var(--ptc-font-size-xx-small)}ptc-footer .footer-bottom .logo{margin:-2px;margin-bottom:var(--ptc-element-spacing-06)}ptc-footer .footer-bottom .logo a{border:2px solid transparent;display:inline-block}ptc-footer .footer-bottom .logo a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-footer .footer-bottom .logo .footer-ptc-logo{width:78px;height:28px}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .logo{margin-bottom:0}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list .copyright{margin-left:20px}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list{display:flex;align-items:center}}ptc-footer .footer-bottom .copyright-list ul{margin-top:var(--ptc-element-spacing-04)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list ul{margin-left:40px;margin-top:0}}ptc-footer .footer-bottom .copyright-list ul li{display:inline-block;margin:0 12px}ptc-footer .footer-bottom .copyright-list ul li:first-child{margin-left:0}ptc-footer .footer-bottom .copyright-list ul li:last-child{margin-right:0}ptc-footer .footer-bottom .copyright-list ul li a{display:block;padding:6px 0}ptc-footer .f-desktop-div{display:none}@media only screen and (min-width: 1200px){ptc-footer .f-desktop-div{display:block}}ptc-footer .f-mobile-div{display:block}@media only screen and (min-width: 1200px){ptc-footer .f-mobile-div{display:none}}ptc-footer .ft-grid{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:48px;align-self:stretch;flex-flow:row wrap}@media only screen and (min-width: 992px){ptc-footer .ft-grid{row-gap:56px}}ptc-footer .ft-grid .ft-col{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-col{padding-right:64px}}ptc-footer .ft-grid .ft-cards{padding-right:0;width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards{padding-right:48px;width:auto}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-cards{padding-right:64px}}ptc-footer .ft-grid .ft-cards max-width-container{width:100%;margin-top:0}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards max-width-container{width:auto}}ptc-footer .ft-grid .ft-menu{padding-right:16px;width:100%}@media only screen and (min-width: 480px){ptc-footer .ft-grid .ft-menu{padding-right:56px}}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-menu{width:auto;max-width:365px;padding-right:0}}@media (min-width: 998px){ptc-footer .ft-grid .ft-menu{min-width:360px}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-menu{padding-right:64px;min-width:413px;max-width:min-content}}ptc-footer .ft-grid .ft-social{display:flex;padding-right:0;width:100%;justify-content:flex-start;align-items:center;flex-direction:column;gap:48px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-social{flex-direction:row}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-social{width:auto;justify-content:space-between;align-items:flex-end;flex-direction:column}}ptc-footer .ft-grid .ft-cn-contact{width:100%;text-align:center}";
+
+const PtcFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isTabMob = undefined;
+    this.backgroundImage = undefined;
+  }
+  handleWindowResize() {
+    this.setEqualHeights('ptc-icon-card');
+    this.isTabMob = window.innerWidth < 1200;
+    if (!this.isTabMob) {
+      this.setEqualHeights('.ft-col');
+    }
+    else {
+      document.querySelectorAll('.ft-col').forEach((col) => {
+        col.style.height = 'auto';
+      });
+    }
+  }
+  componentWillLoad() {
+    this.isTabMob = window.innerWidth < 1200;
+  }
+  componentDidLoad() {
+    this.setEqualHeights('ptc-icon-card');
+    if (!this.isTabMob) {
+      this.setEqualHeights('.ft-col');
+    }
+    else {
+      document.querySelectorAll('.ft-col').forEach((col) => {
+        col.style.height = 'auto';
+      });
+    }
+  }
+  setEqualHeights(selector) {
+    const cards = document.querySelectorAll(selector);
+    let maxHeight = 0;
+    // Reset all heights to auto to properly recalculate the tallest one
+    cards.forEach((card) => {
+      card.style.height = 'auto';
+    });
+    // Calculate the maximum height
+    cards.forEach((card) => {
+      const cardHeight = card.offsetHeight;
+      if (cardHeight > maxHeight) {
+        maxHeight = cardHeight;
+      }
+    });
+    // Set the height of all cards to the maximum height
+    cards.forEach((card) => {
+      card.style.height = `${maxHeight}px`;
+    });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "footer-bg-wrap" }, index.h("div", { class: 'footer-bg', style: { backgroundImage: `url(${this.backgroundImage})` } }), index.h("slot", null)), index.h("slot", { name: 'footer-bottom-slot' })));
+  }
+};
+PtcFooter.style = ptcFooterV2Css;
+
+const ptcIconCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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;height:100%}:host .tracker-div{display:inline}@supports (hyphenate-limit-chars: 10 3 3){:host{hyphenate-limit-chars:10 4 4}}:host a{display:block;padding:20px;background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:2px solid transparent;align-items:center;text-decoration:none;text-align:center;box-sizing:border-box;height:100%;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 992px){:host a{padding:var(--ptc-layout-spacing-03)}}:host a>div{display:flex;width:100%;height:100%;flex-direction:column;text-align:center;justify-content:center;align-items:center}@media only screen and (min-width: 480px){:host a>div{flex-direction:row;text-align:left;justify-content:left}}:host a:hover{background-color:var(--color-gray-08)}:host a:active{transition:none;background-color:var(--color-gray-09)}:host a span{display:block}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dark-bg a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .card-icon{width:2rem;height:2rem;margin:auto;margin-bottom:1rem;margin-top:0}@media only screen and (min-width: 480px){:host .card-icon{margin:0 var(--ptc-element-spacing-04) 0 0}}:host .card-title{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-white)}";
+
+const PtcIconCard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cardHref = undefined;
+    this.target = undefined;
+    this.trackerId = undefined;
+    this.darkFocusState = false;
+  }
+  componentWillLoad() {
+    utils.CheckDarkFocusState(this, this.el, '.light-links,ptc-footer');
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { id: this.trackerId, class: this.darkFocusState ? `tracker-div mf-listen dark-bg` : `tracker-div mf-listenstandard-bg` }, index.h("a", { href: this.cardHref, target: this.target }, index.h("div", null, index.h("span", { class: 'card-icon' }, index.h("slot", null)), index.h("div", { class: 'card-title' }, index.h("slot", { name: 'card-title' })))))));
+  }
+  get el() { return index.getElement(this); }
+};
+PtcIconCard.style = ptcIconCardCss;
+
+const ptcLinkCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-extrabold);position:relative;line-height:var(--ptc-line-height-densest);outline:none;text-decoration:none;transition:color var(--ptc-transition-fast) var(--ptc-ease-inout)}.ptc-link.focus-state-dark-background{border:2px solid transparent;margin:-2px}.ptc-link:active{transition:none}.ptc-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-link:focus-visible .focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}.simple{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple.focus-state-dark-background{border:2px solid transparent;margin:-2px}.simple:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:active{transition:none}.simple:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none;color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:focus-visible.focus-state-dark-background{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}.global{font-style:var(--ptc-letter-spacing-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out)}.global:visited{color:var(--color-blue-10)}.global:active,.global:visited:active{color:var(--color-blue-09);transition:none}.global:hover,.global:visited:hover{color:var(--color-blue-08)}.global.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.product-link{font-weight:var(--ptc-font-weight-extrabold);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:active{transition:none}.underline{border-bottom:2px solid var(--color-green-06)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.underline:active{transition:none}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title:active,.nav-title-link:active,.nav-card-link:active,.primary-nav-link:active,.secondary-nav-link:active,.footer-nav-link:active,.copyright-link:active{transition:none}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.primary-nav-link:active{transition:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-title-link:active{transition:none}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-white);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);text-decoration:underline var(--color-green-06) solid 1px;text-underline-offset:2px}.nav-card-link:active{transition:none}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.secondary-nav-link:active{transition:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.footer-nav-link:active{transition:none}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.d-green-underline:hover{color:var(--color-green-06)}.d-green-underline:active{transition:none}.d-green-underline:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.d-green-underline:focus-visible.focus-state-dark-background{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:\"\";position:absolute;width:100%;height:100%;inset:0;z-index:2}.standard-link,.blog-link{font-weight:800;line-height:1;display:flex;align-items:center;color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.standard-link:hover,.blog-link:hover{color:var(--color-green-06)}.standard-link:active,.blog-link:active{transition:none}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}.utility-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-13);font-stretch:100%;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-green-06);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-x-small)}.utility-nav-link:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.utility-nav-link:active{transition:none}.tracker-div{display:inline}";
+
+const PtcLink = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.disabled = false;
+    this.external = false;
+    this.href = undefined;
+    this.target = '_self';
+    this.linkTitle = undefined;
+    this.theme = 'simple';
+    this.fontSize = 'medium';
+    this.fontWeight = undefined;
+    this.linkArea = undefined;
+    this.seoCompatibilityMode = false;
+    this.styles = undefined;
+    this.trackerId = undefined;
+    this.tabNav = 0;
+    this.darkFocusState = false;
+  }
+  componentWillLoad() {
+    utils.CheckDarkFocusState(this, this.el);
+  }
+  seoCompRender() {
+    const classMap = this.getCssClassMap();
+    const [TagType, firstChild] = utils.getSeoTagType(this.el, "a");
+    const html = firstChild && firstChild.innerHTML;
+    if (this.el == firstChild) {
+      this.el.innerHTML = '';
+    }
+    return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h(TagType, Object.assign({ class: classMap, innerHTML: html, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), index.h("slot", null)))));
+  }
+  standardRender() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h("a", Object.assign({ class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), index.h("slot", null)))));
+  }
+  // render() {
+  //   const classMap = this.getCssClassMap();
+  //   return (
+  //     <Host>
+  //       {this.styles && <style>{this.styles}</style>}
+  //       <a class={classMap} href={this.href} target={this.external ? '_blank' : this.target} title={this.linkTitle}>
+  //         <slot></slot>
+  //       </a>
+  //     </Host>
+  //   );
+  // }
+  render() {
+    if (this.seoCompatibilityMode) {
+      return this.seoCompRender();
+    }
+    else {
+      return this.standardRender();
+    }
+  }
+  getCssClassMap() {
+    const classOptions = [
+      'simple',
+      'underline',
+      'nav-title',
+      'primary-nav-link',
+      'nav-title-link',
+      'nav-card-link',
+      'secondary-nav-link',
+      'footer-nav-link',
+      'copyright-link',
+      'product-link',
+      'd-green-underline',
+      'd-white-underline',
+      'global',
+      'utility-nav-link'
+    ];
+    let mainClass = this.theme;
+    if (classOptions.indexOf(mainClass) < 0) {
+      mainClass = 'simple'; // fallback to simple class if theme is unavailable
+    }
+    return {
+      ['ptc-link']: true,
+      [mainClass]: true,
+      ['disabled']: this.disabled,
+      [this.fontSize]: true,
+      [this.linkArea]: this.linkArea ? true : false,
+      [this.fontWeight]: this.fontWeight ? true : false,
+      ['focus-state-dark-background']: this.darkFocusState
+    };
+  }
+  get el() { return index.getElement(this); }
+};
+PtcLink.style = ptcLinkCss;
+
+/*
+* mobile-select v1.4.0
+* Homepage: https://github.com/onlyhom/mobile-select
+* Released under the MIT License.
+* (c) 2017-present
+*/
+var S = Object.defineProperty;
+var D = (g, t, e) => t in g ? S(g, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[t] = e;
+var h = (g, t, e) => (D(g, typeof t != "symbol" ? t + "" : t, e), e);
+function w() {
+  return !navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/);
+}
+const l = class {
+  constructor(t) {
+    h(this, "mobileSelect");
+    h(this, "trigger");
+    h(this, "wheelList");
+    h(this, "sliderList");
+    h(this, "wheelsContain");
+    h(this, "panel");
+    h(this, "ensureBtn");
+    h(this, "cancelBtn");
+    h(this, "grayLayer");
+    h(this, "popUp");
+    h(this, "initPosition");
+    h(this, "initColWidth");
+    h(this, "wheelsData");
+    h(this, "displayJson");
+    h(this, "curValue");
+    h(this, "curIndexArr");
+    h(this, "isCascade");
+    h(this, "isJsonType");
+    h(this, "startY");
+    h(this, "moveEndY");
+    h(this, "moveY");
+    h(this, "preMoveY");
+    h(this, "offsetY");
+    h(this, "offsetSum");
+    h(this, "oversizeBorder");
+    h(this, "enableClickStatus");
+    h(this, "optionHeight");
+    h(this, "curDistance");
+    h(this, "cascadeJsonData");
+    h(this, "eventHandleMap");
+    h(this, "initDeepCount");
+    h(this, "config");
+    !l.checkRequiredConfig(t) || (this.config = Object.assign({}, l.defaultConfig, t), this.wheelsData = t.wheels, this.isJsonType = !1, this.cascadeJsonData = [], this.displayJson = [], this.curValue = [], this.curIndexArr = [], this.isCascade = !1, this.offsetY = 0, this.offsetSum = 0, this.curDistance = [], this.enableClickStatus = !1, this.optionHeight = 0, this.initPosition = t.position || [], this.initColWidth = t.colWidth || [], this.init());
+  }
+  init() {
+    if (!this.checkTriggerAvailable())
+      return;
+    const { config: t } = this;
+    if (this.isJsonType = l.checkDataType(this.wheelsData), this.renderComponent(this.wheelsData), this.wheelList = this.mobileSelect.getElementsByClassName("ms-wheel"), this.sliderList = this.mobileSelect.getElementsByClassName("ms-select-container"), this.panel = this.mobileSelect.querySelector(".ms-panel"), this.wheelsContain = this.mobileSelect.querySelector(".ms-wheels"), this.ensureBtn = this.mobileSelect.querySelector(".ms-ensure"), this.cancelBtn = this.mobileSelect.querySelector(".ms-cancel"), this.grayLayer = this.mobileSelect.querySelector(".ms-gray-layer"), this.popUp = this.mobileSelect.querySelector(".ms-content"), this.optionHeight = this.mobileSelect.querySelector("li").offsetHeight, t.initValue && this.setTriggerInnerText(t.initValue), this.setStyle(t), this.isCascade = this.checkCascade(), this.isCascade && this.initCascade(), t.initValue && (this.initPosition = this.getPositionByInitValue()), this.initPosition.length < this.sliderList.length) {
+      const e = this.sliderList.length - this.initPosition.length;
+      for (let i = 0; i < e; i++)
+        this.initPosition.push(0);
+    }
+    this.isCascade ? this.initPosition.forEach((e, i) => {
+      this.checkRange(i, this.initPosition);
+    }) : this.setCurDistance(this.initPosition), this.eventHandleMap = {
+      cancelBtn: {
+        event: "click",
+        fn: () => {
+          var e, i, s, n;
+          this.hide(), (i = (e = this.config).cancel) == null || i.call(e, this.curIndexArr, this.curValue, this), (n = (s = this.config).onCancel) == null || n.call(s, this.curValue, this.curIndexArr, this);
+        }
+      },
+      ensureBtn: {
+        event: "click",
+        fn: () => {
+          var e, i, s, n;
+          this.hide(), this.optionHeight || (this.optionHeight = this.mobileSelect.querySelector("li").offsetHeight), this.setTriggerInnerText(this.getConnectedString()), this.curIndexArr = this.getIndexArr(), this.curValue = this.getCurValue(), (i = (e = this.config).callback) == null || i.call(e, this.curIndexArr, this.curValue, this), (n = (s = this.config).onChange) == null || n.call(s, this.curValue, this.curIndexArr, this);
+        }
+      },
+      trigger: {
+        event: "click",
+        fn: () => {
+          this.show();
+        }
+      },
+      grayLayer: {
+        event: "click",
+        fn: () => this.hide()
+      },
+      popUp: {
+        event: "click",
+        fn: (e) => e.stopPropagation()
+      },
+      panel: {
+        event: ["touchstart", "touchend", "touchmove"],
+        fn: (e) => this.touch(e)
+      }
+    }, w() && (this.eventHandleMap.panel.event = ["mousedown", "mousemove", "mouseup"]), this.registerEvents("add"), this.fixRowStyle(), t.autoFocus && this.show();
+  }
+  static checkDataType(t) {
+    var e, i;
+    return typeof ((i = (e = t[0]) == null ? void 0 : e.data) == null ? void 0 : i[0]) == "object";
+  }
+  static checkRequiredConfig(t) {
+    const e = l.REQUIRED_PARAMS;
+    if (!t) {
+      const i = e.map((s) => `'${s}'`);
+      return l.log("error", `missing required param ${i.join(" and ")}.`), !1;
+    }
+    for (let i = 0; i < e.length; i++) {
+      const s = e[i];
+      if (!t[s])
+        return l.log("error", `missing required param '${s}'.`), !1;
+    }
+    return !0;
+  }
+  static log(t, e) {
+    var i;
+    (i = console[t]) == null || i.call(console, `[mobile-select]: ${e}`);
+  }
+  checkTriggerAvailable() {
+    const { config: t } = this;
+    return this.trigger = t.trigger instanceof HTMLElement ? t.trigger : document.querySelector(t.trigger), this.trigger ? !0 : (l.log("error", "trigger HTMLElement does not found on your document."), !1);
+  }
+  getPositionByInitValue() {
+    var n;
+    const { keyMap: t, connector: e, initValue: i } = this.config, s = (i == null ? void 0 : i.split(e)) || [];
+    if (this.isJsonType) {
+      let o = (n = this.wheelsData[0]) == null ? void 0 : n.data;
+      return s.reduce((r, c) => {
+        var u;
+        const a = o == null ? void 0 : o.findIndex((d) => d[t.value] == c);
+        return r.push(a < 0 ? 0 : a), o = (u = o[a]) == null ? void 0 : u[t.childs], r;
+      }, []);
+    }
+    return s.reduce((o, r, c) => {
+      var u, d;
+      const a = (d = (u = this.wheelsData[c]) == null ? void 0 : u.data) == null ? void 0 : d.findIndex((f) => f == r);
+      return o.push(a < 0 ? 0 : a), o;
+    }, []);
+  }
+  getConnectedString() {
+    let t = "";
+    for (let e = 0; e < this.wheelList.length; e++)
+      e == this.wheelList.length - 1 ? t += this.getInnerText(e) : t += this.getInnerText(e) + this.config.connector;
+    return t;
+  }
+  setTriggerInnerText(t) {
+    this.config.triggerDisplayValue && (this.trigger.textContent = t);
+  }
+  setValue(t) {
+    if (!t || !t.length)
+      return;
+    if (this.isJsonType && typeof t[0] != "object" || !this.isJsonType && typeof t[0] == "object") {
+      l.log("error", `The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);
+      return;
+    }
+    const { keyMap: e } = this.config;
+    t.forEach((i, s) => {
+      var r;
+      const n = this.isCascade ? this.displayJson[s] : (r = this.wheelsData[s]) == null ? void 0 : r.data, o = n == null ? void 0 : n.findIndex((c) => this.isJsonType ? i[e.id] == c[e.id] || i[e.value] == c[e.value] : i == c);
+      this.locatePosition(s, o);
+    }), this.setTriggerInnerText(this.getConnectedString());
+  }
+  setTitle(t) {
+    this.mobileSelect.querySelector(".ms-title").innerHTML = t;
+  }
+  setStyle(t) {
+    if (t.ensureBtnColor && (this.ensureBtn.style.color = t.ensureBtnColor), t.cancelBtnColor && (this.cancelBtn.style.color = t.cancelBtnColor), t.titleColor) {
+      const e = this.mobileSelect.querySelector(".ms-title");
+      e.style.color = t.titleColor;
+    }
+    if (t.textColor && (this.panel = this.mobileSelect.querySelector(".ms-panel"), this.panel.style.color = t.textColor), t.titleBgColor) {
+      const e = this.mobileSelect.querySelector(".ms-btn-bar");
+      e.style.backgroundColor = t.titleBgColor;
+    }
+    if (t.bgColor) {
+      this.panel = this.mobileSelect.querySelector(".ms-panel");
+      const e = this.mobileSelect.querySelector(".ms-shadow-mask");
+      this.panel.style.backgroundColor = t.bgColor, e.style.background = "linear-gradient(to bottom, " + t.bgColor + ", rgba(255, 255, 255, 0), " + t.bgColor + ")";
+    }
+    if (typeof t.maskOpacity == "number") {
+      const e = this.mobileSelect.querySelector(".ms-gray-layer");
+      e.style.background = "rgba(0, 0, 0, " + t.maskOpacity + ")";
+    }
+  }
+  show() {
+    var t, e, i;
+    this.mobileSelect.classList.add("ms-show"), (t = document.querySelector("body")) == null || t.classList.add("ms-show"), typeof this.config.onShow == "function" && ((i = (e = this.config).onShow) == null || i.call(e, this.curValue, this.curIndexArr, this));
+  }
+  hide() {
+    var t, e, i;
+    this.mobileSelect.classList.remove("ms-show"), (t = document.querySelector("body")) == null || t.classList.remove("ms-show"), typeof this.config.onHide == "function" && ((i = (e = this.config).onHide) == null || i.call(e, this.curValue, this.curIndexArr, this));
+  }
+  registerEvents(t) {
+    for (const [e, i] of Object.entries(this.eventHandleMap))
+      typeof i.event == "string" ? this[e][`${t}EventListener`](i.event, i.fn, { passive: !1 }) : i.event.forEach((s) => {
+        this[e][`${t}EventListener`](s, i.fn, { passive: !1 });
+      });
+  }
+  destroy() {
+    var t, e;
+    this.registerEvents("remove"), (e = (t = this.mobileSelect) == null ? void 0 : t.parentNode) == null || e.removeChild(this.mobileSelect);
+  }
+  getOptionsHtmlStr(t) {
+    const { keyMap: e } = this.config;
+    let i = "";
+    if (this.isJsonType)
+      for (let s = 0; s < t.length; s++) {
+        const n = t[s][e.id], o = t[s][e.value];
+        i += `<li data-id="${n}">${o}</li>`;
+      }
+    else
+      for (let s = 0; s < t.length; s++)
+        i += "<li>" + t[s] + "</li>";
+    return i;
+  }
+  renderComponent(t) {
+    this.mobileSelect = document.createElement("div"), this.mobileSelect.className = "ms-mobile-select", this.mobileSelect.innerHTML = `<div class="ms-gray-layer"></div>
+        <div class="ms-content">
+          <div class="ms-btn-bar">
+            <div class="ms-fix-width">
+              <div class="ms-cancel">${this.config.cancelBtnText}</div>  
+              <div class="ms-title">${this.config.title || ""}</div>
+              <div class="ms-ensure">${this.config.ensureBtnText}</div>
+            </div>
+          </div>
+          <div class="ms-panel">
+            <div class="ms-fix-width">
+            <div class="ms-wheels"></div>
+            <div class="ms-select-line"></div>
+            <div class="ms-shadow-mask"></div>
+          </div>
+        </div>`, document.body.appendChild(this.mobileSelect);
+    let e = "";
+    for (let i = 0; i < t.length; i++)
+      e += `<div class="ms-wheel" data-index="${i}"><ul class="ms-select-container">`, e += this.getOptionsHtmlStr(t[i].data), e += "</ul></div>";
+    this.mobileSelect.querySelector(".ms-wheels").innerHTML = e;
+  }
+  reRenderWheels() {
+    const t = this.wheelList.length - this.displayJson.length;
+    if (t > 0)
+      for (let e = 0; e < t; e++)
+        this.wheelsContain.removeChild(this.wheelList[this.wheelList.length - 1]);
+    for (let e = 0; e < this.displayJson.length; e++)
+      if (this.wheelList[e])
+        this.sliderList[e].innerHTML = this.getOptionsHtmlStr(this.displayJson[e]);
+      else {
+        const i = document.createElement("div");
+        i.className = "ms-wheel", i.innerHTML = `<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[e])}</ul>`, i.setAttribute("data-index", e.toString()), this.wheelsContain.appendChild(i);
+      }
+  }
+  checkCascade() {
+    var e;
+    const { keyMap: t } = this.config;
+    if (this.isJsonType) {
+      const i = this.wheelsData[0].data;
+      for (let s = 0; s < i.length; s++)
+        if (t.childs in i[s] && ((e = i[s][t.childs]) == null ? void 0 : e.length) > 0)
+          return this.cascadeJsonData = this.wheelsData[0].data, !0;
+    }
+    return !1;
+  }
+  initCascade() {
+    this.displayJson.push(this.cascadeJsonData), this.initPosition.length > 0 ? (this.initDeepCount = 0, this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])) : this.checkArrDeep(this.cascadeJsonData[0]), this.reRenderWheels();
+  }
+  initCheckArrDeep(t) {
+    if (t) {
+      const { keyMap: e } = this.config;
+      if (e.childs in t && t[e.childs].length > 0) {
+        this.displayJson.push(t[e.childs]), this.initDeepCount++;
+        const i = t[e.childs][this.initPosition[this.initDeepCount]];
+        i ? this.initCheckArrDeep(i) : this.checkArrDeep(t[e.childs][0]);
+      }
+    }
+  }
+  checkArrDeep(t) {
+    if (!t)
+      return;
+    const { keyMap: e } = this.config;
+    e.childs in t && t[e.childs].length > 0 && (this.displayJson.push(t[e.childs]), this.checkArrDeep(t[e.childs][0]));
+  }
+  checkRange(t, e) {
+    var o;
+    const i = this.displayJson.length - 1 - t, { keyMap: s } = this.config;
+    for (let r = 0; r < i; r++)
+      this.displayJson.pop();
+    let n;
+    for (let r = 0; r <= t; r++)
+      n = r == 0 ? this.cascadeJsonData[e[0]] : (o = n == null ? void 0 : n[s.childs]) == null ? void 0 : o[e[r]];
+    this.checkArrDeep(n), this.reRenderWheels(), this.fixRowStyle(), this.setCurDistance(this.resetPosition(t, e));
+  }
+  resetPosition(t, e) {
+    const i = [...e];
+    let s;
+    if (this.sliderList.length > e.length) {
+      s = this.sliderList.length - e.length;
+      for (let n = 0; n < s; n++)
+        i.push(0);
+    } else if (this.sliderList.length < e.length) {
+      s = e.length - this.sliderList.length;
+      for (let n = 0; n < s; n++)
+        i.pop();
+    }
+    for (let n = t + 1; n < i.length; n++)
+      i[n] = 0;
+    return i;
+  }
+  updateWheels(t) {
+    if (this.isCascade) {
+      if (this.cascadeJsonData = t, this.displayJson = [], this.initCascade(), this.initPosition.length < this.sliderList.length) {
+        const e = this.sliderList.length - this.initPosition.length;
+        for (let i = 0; i < e; i++)
+          this.initPosition.push(0);
+      }
+      this.setCurDistance(this.initPosition), this.fixRowStyle();
+    }
+  }
+  updateWheel(t, e) {
+    if (this.isCascade) {
+      l.log("error", "'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");
+      return;
+    }
+    let i = "";
+    i += this.getOptionsHtmlStr(e), this.wheelsData[t] = this.isJsonType ? { data: e } : e, this.sliderList[t].innerHTML = i;
+  }
+  fixRowStyle() {
+    if (this.initColWidth.length && this.initColWidth.length === this.wheelList.length) {
+      const e = this.initColWidth.reduce((i, s) => i + s, 0);
+      this.initColWidth.forEach((i, s) => {
+        this.wheelList[s].style.width = (i / e * 100).toFixed(2) + "%";
+      });
+      return;
+    }
+    const t = (100 / this.wheelList.length).toFixed(2);
+    for (let e = 0; e < this.wheelList.length; e++)
+      this.wheelList[e].style.width = t + "%";
+  }
+  getIndex(t) {
+    return Math.round((2 * this.optionHeight - t) / this.optionHeight);
+  }
+  getIndexArr() {
+    const t = [];
+    for (let e = 0; e < this.curDistance.length; e++)
+      t.push(this.getIndex(this.curDistance[e]));
+    return t;
+  }
+  getCurValue() {
+    const t = [], e = this.getIndexArr(), { keyMap: i } = this.config;
+    if (this.isCascade)
+      for (let s = 0; s < this.wheelList.length; s++) {
+        const n = this.displayJson[s][e[s]];
+        n && t.push({
+          [i.id]: n[i.id],
+          [i.value]: n[i.value]
+        });
+      }
+    else if (this.isJsonType)
+      for (let s = 0; s < this.curDistance.length; s++)
+        t.push(this.wheelsData[s].data[this.getIndex(this.curDistance[s])]);
+    else
+      for (let s = 0; s < this.curDistance.length; s++)
+        t.push(this.getInnerText(s));
+    return t;
+  }
+  getValue() {
+    return this.getCurValue();
+  }
+  calcDistance(t) {
+    return 2 * this.optionHeight - t * this.optionHeight;
+  }
+  setCurDistance(t) {
+    const e = [];
+    for (let i = 0; i < this.sliderList.length; i++)
+      e.push(this.calcDistance(t[i])), this.movePosition(this.sliderList[i], e[i]);
+    this.curDistance = e;
+  }
+  fixPosition(t) {
+    return -(this.getIndex(t) - 2) * this.optionHeight;
+  }
+  movePosition(t, e) {
+    t.style.transform = "translate3d(0," + e + "px, 0)";
+  }
+  locatePosition(t, e) {
+    t === void 0 || e === void 0 || e < 0 || (this.curDistance[t] = this.calcDistance(e), this.movePosition(this.sliderList[t], this.curDistance[t]), this.isCascade && this.checkRange(t, this.getIndexArr()));
+  }
+  updateCurDistance(t, e) {
+    this.curDistance[e] = parseInt(t.style.transform.split(",")[1]);
+  }
+  getInnerText(t) {
+    var s;
+    const e = this.sliderList[t].getElementsByTagName("li").length;
+    let i = this.getIndex(this.curDistance[t]);
+    return i >= e ? i = e - 1 : i < 0 && (i = 0), ((s = this.sliderList[t].getElementsByTagName("li")[i]) == null ? void 0 : s.textContent) || "";
+  }
+  touch(t) {
+    var o, r, c, a, u, d, f, v;
+    const i = (t.composedPath && t.composedPath()).find((m) => {
+      var p;
+      return (p = m.classList) == null ? void 0 : p.contains("ms-wheel");
+    });
+    if (!i)
+      return;
+    const s = i.firstChild, n = parseInt(i.getAttribute("data-index") || "0");
+    switch (t.type) {
+      case "touchstart":
+      case "mousedown":
+        s.style.transition = "none 0s ease-out", this.startY = Math.floor(t instanceof TouchEvent ? t.touches[0].clientY : t.clientY), this.preMoveY = this.startY, t.type === "mousedown" && (this.enableClickStatus = !0);
+        break;
+      case "touchmove":
+      case "mousemove":
+        if (t.preventDefault(), t.type === "mousemove" && !this.enableClickStatus)
+          break;
+        this.moveY = Math.floor(t instanceof TouchEvent ? t.touches[0].clientY : t.clientY), this.offsetY = (this.moveY - this.preMoveY) * this.config.scrollSpeed, this.updateCurDistance(s, n), this.curDistance[n] = this.curDistance[n] + this.offsetY, this.movePosition(s, this.curDistance[n]), this.preMoveY = this.moveY;
+        break;
+      case "touchend":
+      case "mouseup":
+        if (s.style.transition = "transform 0.18s ease-out", this.moveEndY = Math.floor(t instanceof TouchEvent ? t.changedTouches[0].clientY : t.clientY), this.offsetSum = this.moveEndY - this.startY, this.oversizeBorder = -(s.getElementsByTagName("li").length - 3) * this.optionHeight, this.offsetSum == 0) {
+          const m = Math.floor((window.innerHeight - this.moveEndY) / 40);
+          if (m != 2) {
+            const p = m - 2, C = this.curDistance[n] + p * this.optionHeight;
+            C <= 2 * this.optionHeight && C >= this.oversizeBorder && (this.curDistance[n] = C, this.movePosition(s, this.curDistance[n]), (r = (o = this.config).transitionEnd) == null || r.call(o, this.getIndexArr(), this.getCurValue(), this), (a = (c = this.config).onTransitionEnd) == null || a.call(c, this.getCurValue(), this.getIndexArr(), this));
+          }
+        } else
+          this.updateCurDistance(s, n), this.curDistance[n] = this.fixPosition(this.curDistance[n]), this.curDistance[n] > 2 * this.optionHeight ? this.curDistance[n] = 2 * this.optionHeight : this.curDistance[n] < this.oversizeBorder && (this.curDistance[n] = this.oversizeBorder), this.movePosition(s, this.curDistance[n]), (d = (u = this.config).transitionEnd) == null || d.call(u, this.getIndexArr(), this.getCurValue(), this), (v = (f = this.config).onTransitionEnd) == null || v.call(f, this.getCurValue(), this.getIndexArr(), this);
+        t.type === "mouseup" && (this.enableClickStatus = !1), this.isCascade && this.checkRange(n, this.getIndexArr());
+        break;
+    }
+  }
+};
+let y = l;
+h(y, "defaultConfig", {
+  keyMap: { id: "id", value: "value", childs: "childs" },
+  position: [],
+  colWidth: [],
+  title: "",
+  connector: " ",
+  ensureBtnText: "\u786E\u8BA4",
+  cancelBtnText: "\u53D6\u6D88",
+  triggerDisplayValue: !0,
+  scrollSpeed: 1
+}), h(y, "REQUIRED_PARAMS", ["trigger", "wheels"]);
+
+const ptcMobileSelectCss = ".ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}";
+
+class MobileSelectedItem {
+}
+const PtcMobileSelect = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.selectionChanged = index.createEvent(this, "selectionChanged", 7);
+    this.triggerName = undefined;
+    this.selectedText = undefined;
+    this.wheelData = undefined;
+    this.selectedId = '';
+    this.ensureBtnText = 'Confirm';
+    this.cancelBtnText = 'Cancel';
+    this.listTitle = undefined;
+    this.notFoundPopupProceedButton = undefined;
+  }
+  componentWillLoad() {
+    this.notFoundPopupProceedButton = document.querySelector("#translation-popup-button");
+    if (this.notFoundPopupProceedButton) {
+      this.notFoundPopupProceedButton.addEventListener('click', () => {
+        let footerNav = document.querySelector("footer-nav");
+        if (footerNav) {
+          let currentLang = footerNav.getAttribute('ms-selected-text');
+          let langText = document.querySelector("footer-nav #lang-ddl");
+          if (langText && currentLang) {
+            langText.innerHTML = currentLang;
+          }
+        }
+      });
+    }
+  }
+  wrapperClick(e) {
+    if (e) {
+      e.preventDefault();
+      let elem = e.target;
+      if (elem.id != this.triggerName) {
+        let div = e.currentTarget;
+        let trigger = div.querySelector(`#${this.triggerName}`);
+        if (trigger) {
+          trigger.click();
+        }
+      }
+    }
+  }
+  render() {
+    return (index.h("div", { class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => { this.wrapperClick(e); } }, index.h("div", { onClick: (e) => { this.wrapperClick(e); } }, index.h("span", { id: this.triggerName }, this.selectedText), index.h("icon-asset", { type: "ptc", size: "x-small", name: "lang-drop-arrow", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}" }))));
+  }
+  componentDidRender() {
+    let that = this; //input current lang
+    let storeIndex = 0;
+    let mySelect = new y({
+      trigger: `#${this.triggerName}`,
+      title: `${this.listTitle ? this.listTitle : ''}`,
+      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
+      position: [0],
+      ensureBtnText: this.ensureBtnText,
+      cancelBtnText: this.cancelBtnText,
+      ensureBtnColor: 'var(--color-gray-12)',
+      cancelBtnColor: 'var(--color-gray-12)',
+      titleColor: 'var(--color-gray-12)',
+      onShow: function (_1, _2, context) {
+        if (that.selectedId) {
+          /*let liEle = context.mobileSelect.querySelectorAll('[data-id]'); // document.querySelectorAll('.selectContainer li');
+          liEle.forEach((currentValue, currentIndex) => {
+            if (currentValue.getAttribute('data-id') == currentId) {
+              storeIndex = currentIndex;
+              return;
+            }
+          });*/
+          try {
+            const item = that.getMobileSelectedItem(context);
+            context.locatePosition(0, item.index);
+            storeIndex = item.index;
+            //console.log("storeIndex: "+ storeIndex)
+          }
+          catch (error) {
+            console.log(error);
+            // debugger
+          }
+          //e.locatePosition(0, storeIndex);
+        }
+        else {
+          return;
+        }
+      },
+      callback: function (indexArr, data, context) {
+        this.selectionChanged.emit({
+          sender: context,
+          index: indexArr && indexArr.length > 0 ? indexArr[0] : -1,
+          data: data && data.length > 0 ? data[0] : undefined
+        });
+        if (data && data[0] && data[0].id != '#') {
+          window.location.href = data[0].id;
+        }
+        else {
+          if (!indexArr || isNaN(indexArr[0])) {
+            const selectedItem = that.getMobileSelectedItem(context);
+            context.locatePosition(0, selectedItem.index);
+            context.setValue(this.wheelData[selectedItem.index]);
+            context.setTriggerInnerText(selectedItem.value);
+            context.show();
+          }
+          //console.log('href: ' + data[0].id + '; indexArr: ' + indexArr);
+        }
+      }.bind(this),
+    });
+    mySelect.locatePosition(0, storeIndex);
+  }
+  getMobileSelectedItem(context) {
+    let result = new MobileSelectedItem;
+    result.id = this.selectedId;
+    let liEle = context.mobileSelect.querySelectorAll('[data-id]');
+    liEle.forEach((currentValue, currentIndex) => {
+      if (currentValue.getAttribute('data-id') == result.id) {
+        result.index = currentIndex;
+        result.value = currentValue.textContent;
+        return;
+      }
+    });
+    return result;
+  }
+};
+PtcMobileSelect.style = ptcMobileSelectCss;
+
+const ptcModalCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:500001;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:50020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup.max{width:calc(100% - 4rem);max-width:75rem;height:80vh;margin:auto;overflow:hidden}.wrapper .modal-popup.max .close{margin:var(--ptc-element-spacing-02)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup.sm-modal{width:341px;max-width:341px}@media only screen and (max-width: 360px){.wrapper .modal-popup.sm-modal{max-width:100%;width:100%}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal{max-width:360px;width:360px}}@media only screen and (min-width: 480px){.wrapper .modal-popup.sm-modal.modal-with-content{width:371px;max-width:371px}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal.modal-with-content{max-width:360px;width:360px}}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden;overflow-y:hidden;overflow-x:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup.frame .modal-body{display:flex;flex:1;height:100%}.wrapper .modal-popup .close{margin-right:2px;margin-top:2px}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}@media only screen and (min-width: 992px){.wrapper .modal-popup.shadow-scroller{max-height:756px}}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:8px;right:8px;margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:50010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.enclose-modal) .modal-popup{max-height:calc(100vh - 180px)}:host(.enclose-modal) .modal-popup:not(.frame) .modal-body{overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}@media only screen and (min-width: 768px){:host(.bio-modal) .wrapper.show{align-items:center}}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px;margin:20px auto 0 auto;max-height:calc(100vh - 180px);width:90%;height:100%}:host(.bio-modal) .modal-popup .modal-body{height:100%}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup .modal-body{height:auto}}@media (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup{max-height:none;width:80%;margin-top:0px;height:auto}}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}@media (max-height: 450px){:host(.bio-modal) .modal-popup{max-height:calc(100vh - 180px);height:100%}}:host(.bio-modal) .close{position:absolute;margin:0;right:8px;top:8px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}:host(.no-container) .wrapper .modal-popup.xl{max-width:80rem !important;background:transparent;box-shadow:none}:host(.no-container) .wrapper .modal-popup .close{display:none}:host(.video-modal) .modal-popup{margin:auto}@media (max-height: 768px){:host(.video-modal) .modal-popup.xl{max-width:56rem}}@media (max-height: 600px){:host(.video-modal) .modal-popup.xl{max-width:44rem}}@media (max-height: 500px){:host(.video-modal) .modal-popup.xl{max-width:35rem}}@media (max-height: 400px){:host(.video-modal) .modal-popup.xl{max-width:26rem}}:host(.event-listing) .wrapper .modal-popup{max-width:unset;width:calc(100% - 48px);top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px;position:absolute}";
+
+const PtcModal = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.closed = index.createEvent(this, "closed", 7);
+    this.opened = index.createEvent(this, "opened", 7);
+    this.iframeUrl = undefined;
+    this.size = 'sm';
+    this.customClass = undefined;
+    this.show = false;
+    this.overlay = true;
+    this.fixed = false;
+    this.keepInViewport = false;
+    this.closeOnBlur = false;
+    this.rounded = false;
+    this.hideContainer = false;
+    this.showHeaderFooter = false;
+    this.overlayHeight = undefined;
+    this.borderRadius = 'standard';
+    this.isBioModal = false;
+    this.styles = undefined;
+    this.modalType = 'default-modal';
+    this.bodyOverflowSetting = undefined;
+  }
+  fireOnClosed(modal) {
+    this.closed.emit(modal);
+    document.activeElement.blur();
+  }
+  fireOnOpened(modal) {
+    this.opened.emit(modal);
+    setTimeout(() => {
+      const wrapperEle = this.el.shadowRoot.querySelector('.wrapper');
+      wrapperEle && wrapperEle.focus();
+    }, 100);
+  }
+  componentWillLoad() {
+    let body = document.querySelector('body');
+    this.bodyOverflowSetting = {
+      //overflow: body.style['overflow'],
+      overflowY: body.style['overflowY'],
+      overflowX: body.style['overflowX'],
+    };
+  }
+  componentWillRender() {
+    let body = document.querySelector('body');
+    if (body) {
+      if (this.show) {
+        //body.style['overflow'] = 'hidden';
+        if (this.fixed) {
+          body.style['overflowY'] = 'hidden';
+          body.style['overflowX'] = 'hidden';
+        }
+        else {
+          body.style['overflowY'] = 'scroll';
+          body.style['overflowX'] = 'hidden';
+        }
+      }
+      else {
+        //body.style['overflow'] = this.bodyOverflowSetting.overflow;
+        body.style['overflowY'] = this.bodyOverflowSetting.overflowY;
+        body.style['overflowX'] = this.bodyOverflowSetting.overflowX;
+      }
+    }
+  }
+  componentDidLoad() {
+    if (this.show) {
+      this.fireOnOpened(this);
+    }
+    if (this.showHeaderFooter) {
+      this.handleScroll();
+    }
+  }
+  componentDidUpdate() {
+    if (this.show) {
+      this.fireOnOpened(this);
+    }
+    else {
+      this.fireOnClosed(this);
+    }
+  }
+  resizeIframe(e) {
+    let iFrame = e.target;
+    setTimeout(() => {
+      try {
+        if (iFrame.contentDocument) {
+          iFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;
+        }
+        else {
+          iFrame.height = '616px'; //default
+          iFrame.removeAttribute('scrolling');
+        }
+      }
+      catch (error) {
+        console.log(error);
+        iFrame.height = '616px'; //default
+        iFrame.removeAttribute('scrolling');
+      }
+      iFrame.classList.add('ready');
+    }, 50);
+  }
+  handleScroll() {
+    let modal = this.el.shadowRoot.querySelector('.shadow-scroller');
+    if (modal) {
+      let body = modal.querySelector('.modal-body');
+      var height = body.clientHeight;
+      var scrollHeight = body.scrollHeight;
+      var scrollTop = body.scrollTop;
+      var offset = body.offsetHeight;
+      if (height < scrollHeight) { //has scrollbar
+        if (scrollTop > 0) { //can scroll up
+          modal.classList.add('scroll-top');
+        }
+        else {
+          modal.classList.remove('scroll-top');
+        }
+        if (offset + scrollTop < scrollHeight) { //can scroll down
+          modal.classList.add('scroll-bottom');
+        }
+        else {
+          modal.classList.remove('scroll-bottom');
+        }
+      }
+    }
+  }
+  close() {
+    this.show = false;
+  }
+  render() {
+    let content;
+    let overlay;
+    let type = this.iframeUrl ? 'frame' : 'html';
+    let closebtn = (index.h("div", { class: "close", id: "modal-close" }, index.h("ptc-close-icon", { onClick: (e) => { e.preventDefault(); this.close(); }, onKeyPress: (e) => { e.preventDefault(); this.close(); } })));
+    if (this.iframeUrl) {
+      content = (index.h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
+    }
+    else {
+      if (this.showHeaderFooter) {
+        content = (index.h("slot", { name: "body" }));
+      }
+      else {
+        content = (index.h("slot", null));
+      }
+    }
+    if (this.overlay) {
+      if (this.closeOnBlur) {
+        overlay = index.h("div", { class: "overlay", onClick: (_) => this.close() });
+      }
+      else {
+        overlay = index.h("div", { class: "overlay" });
+      }
+    }
+    return (index.h(index.Host, { class: this.getCssClassMap() }, this.styles && index.h("style", null, this.styles), index.h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? 'fixed' : ''} ` }, overlay, index.h("div", { class: `modal-popup ${this.customClass ? this.customClass : ''} ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} ` }, this.showHeaderFooter ? [
+      index.h("div", { class: "modal-header" }, index.h("slot", { name: "header" }), closebtn),
+      index.h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
+      index.h("div", { class: "modal-footer" }, index.h("slot", { name: "footer" }))
+    ] : [
+      closebtn,
+      index.h("div", { class: "modal-body" }, content)
+    ]))));
+  }
+  getCssClassMap() {
+    return {
+      ["no-container"]: this.hideContainer,
+      ["bio-modal"]: this.isBioModal,
+      ["enclose-modal"]: !this.isBioModal && this.keepInViewport,
+      [this.borderRadius]: true,
+      [this.modalType]: true
+    };
+  }
+  async showModal() {
+    this.show = true;
+  }
+  async hideModal() {
+    this.show = false;
+  }
+  async toggleModal() {
+    this.show = !this.show;
+  }
+  async reloadIframe() {
+    if (this.iframeUrl) {
+      let iframe = this.el.shadowRoot.querySelector('iframe');
+      if (iframe) {
+        iframe.src = iframe.src;
+      }
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+PtcModal.style = ptcModalCss;
+
+const ptcParaCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
+
+const PtcPara = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.fontSize = 'x-small';
+    this.fontWeight = 'w-4';
+    this.paraStyle = 'default';
+    this.paraColor = 'primary-grey';
+    this.paraLineH = 'line-height-normal';
+    this.paraMargin = undefined;
+    this.paraAlign = undefined;
+    this.ellipsisLineCutoff = undefined;
+    this.paraZIndex = undefined;
+    this.styles = undefined;
+    this.seoCompatibilityMode = false;
+    this.tooltipZIndex = 'auto';
+    this.tooltipPosition = 'bottom';
+    this.tooltipTheme = 'standard';
+    this.enableTooltip = false;
+    this.maxChars = undefined;
+    this.maxLines = undefined;
+    this.hideTooltipOnMobile = false;
+    this.ismob = undefined;
+    this.noOverflow = false;
+    this.tooltipWidth = 'default';
+  }
+  // Tooltip Properties ends
+  render() {
+    if (this.seoCompatibilityMode) {
+      utils.seoSlotReset(this.el);
+    }
+    return this.standardRender();
+  }
+  //tooltip code
+  getSortedText(content) {
+    if (!this.enableTooltip)
+      return;
+    const trimmedContent = content.trim();
+    const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
+    return shouldTruncate ? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\u00A0\u2026` : trimmedContent;
+  }
+  componentDidLoad() {
+    if (this.hideTooltipOnMobile) {
+      this.el.classList.add('hide-tooltip-on-mobile');
+    }
+    this.el.addEventListener('mouseenter', () => { this.toggleTitleTooltip(true); });
+    this.el.addEventListener('mouseleave', () => { this.toggleTitleTooltip(false); });
+    if (this.enableTooltip) {
+      let paraContent = this.el.innerText || this.el.textContent;
+      this.tooltipText = paraContent.trim();
+      this.el.innerText = this.getSortedText(paraContent);
+    }
+  }
+  toggleTitleTooltip(show) {
+    const tooltipClass = 'tooltip-box';
+    const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
+    const text = this.el.shadowRoot.querySelectorAll('.line-clamp-title');
+    let maxLinesShowCheck = false;
+    if (text) {
+      text.forEach(t => {
+        maxLinesShowCheck = t.scrollHeight > t.clientHeight;
+      });
+    }
+    const ifCharExceeds = this.maxChars ? (this.tooltipText.length > this.maxChars) && !this.maxLines : false;
+    const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
+    if (show && this.enableTooltip) {
+      if (((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) && !this.noOverflow) {
+        const tooltipMarkup = document.createElement('div');
+        tooltipMarkup.className = tooltipClass;
+        tooltipMarkup.innerText = this.tooltipText;
+        tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
+        tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
+        if (this.hideTooltipOnMobile) {
+          tooltipMarkup.classList.add('hide-tooltip-mobile');
+        }
+        this.el.appendChild(tooltipMarkup);
+      }
+    }
+    else {
+      existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
+    }
+  }
+  //tooltip code ends
+  standardRender() {
+    const classMap = this.getCssClassMap();
+    const colorClass = this.addWhiteClass();
+    const cutOff = this.getLineCuttoff();
+    return (index.h(index.Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && index.h("style", null, this.styles), index.h("p", { class: classMap, part: "part-para", style: cutOff }, index.h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.fontSize]: true,
+      [this.fontWeight]: true,
+      [this.paraStyle]: true,
+      [this.paraMargin]: !!this.paraMargin ? true : false,
+      [this.paraColor]: true,
+      [this.paraLineH]: true,
+      [this.paraAlign]: !!this.paraAlign ? true : false,
+      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
+      ['line-clamp-title']: this.maxLines && this.maxLines > 0, //tooltip code,
+    };
+  }
+  //WEB-2392
+  addWhiteClass() {
+    if (this.paraColor == 'white') {
+      return {
+        [this.paraColor]: true,
+      };
+    }
+  }
+  getLineCuttoff() {
+    const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
+    return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
+  }
+  get el() { return index.getElement(this); }
+};
+PtcPara.style = ptcParaCss;
+
+const ptcPictureCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
+
+const PtcPicture = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.src = undefined;
+    this.alt = 'image';
+    this.sizeXs = '510x340';
+    this.sizeSm = '1240x496';
+    this.sizeMd = '1366x500';
+    this.sizeLg = '1920x1080';
+    this.disableResize = false;
+    this.oldSrc = undefined;
+    this.imagePosition = 'static';
+    this.borderRadius = undefined;
+    this.height = undefined;
+    this.width = undefined;
+    this.objectFit = 'cover';
+    this.isFullHeight = false;
+    this.isFullWidth = false;
+    this.styles = undefined;
+    this.imageAlignment = 'left';
+    this.maxWidth = undefined;
+    this.displayImage = 'block';
+  }
+  WindowResize() {
+    this.addIntersectionObserver();
+  }
+  componentWillLoad() {
+    if (this.disableResize) {
+      this.sizeXs = undefined;
+      this.sizeSm = undefined;
+      this.sizeMd = undefined;
+      this.sizeLg = undefined;
+    }
+  }
+  componentDidLoad() {
+    this.addIntersectionObserver();
+  }
+  componentWillUpdate() {
+    if (this.src !== this.oldSrc) {
+      this.addIntersectionObserver();
+    }
+    this.oldSrc = this.src;
+  }
+  //lazy-loading
+  addIntersectionObserver() {
+    if (!this.src) {
+      return;
+    }
+    if ('IntersectionObserver' in window) {
+      let lazyLoadImages = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            const image = this.el.shadowRoot.querySelector('img');
+            image.src = this.setResponsiveBg();
+            lazyLoadImages.unobserve(image);
+          }
+        });
+      });
+      let tempImg = this.el.shadowRoot.querySelector('img');
+      if (tempImg) {
+        lazyLoadImages.observe(tempImg);
+      }
+    }
+    else {
+      // fall back to setTimeout for Safari and IE
+      setTimeout(() => {
+        const image = this.el.shadowRoot.querySelector('img');
+        image.src = this.setResponsiveBg();
+        image.onload = () => {
+          image.removeAttribute('data-src');
+          console.log('loaded fallback');
+        };
+      }, 5000);
+    }
+  }
+  //responsive image
+  setResponsiveBg() {
+    // Define local variables
+    let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
+    for (var i = 0, len = backgrounds.length; i < len; i++) {
+      // Set current variables
+      el = backgrounds[i];
+      elData = el.getAttribute('data-' + currentBreakpoint);
+      if (elData !== null) {
+        return elData;
+      }
+      else {
+        if (typeof console == 'object') {
+          console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
+        }
+      }
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const classMapHost = this.getCssClassMapHost();
+    return (index.h(index.Host, { class: classMapHost }, this.styles && index.h("style", null, this.styles), index.h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), index.h("slot", null)));
+  }
+  getCurrentBreakPoints() {
+    // Define local variables
+    let doc = window.document, temp = doc.createElement('div'), env;
+    // Append test node
+    doc.body.appendChild(temp);
+    // Loop through breakpoints
+    for (let i = interfaces.ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
+      env = interfaces.ResponsivePictureVariables.envs[i];
+      // Add classes
+      temp.className = 'hidden-' + env;
+      // Found breakpoint
+      if (temp.offsetParent === null) {
+        // Remove our test node
+        doc.body.removeChild(temp);
+        // Return current breakpoint
+        return env;
+      }
+    }
+    // Breakpoint not found, try fallback
+    doc.body.removeChild(temp);
+    return this.getFallbackBreakpoint();
+  }
+  getFallbackBreakpoint() {
+    if (window.matchMedia('(min-width: 992px)').matches) {
+      return 'lg';
+    }
+    else if (window.matchMedia('(min-width: 768px)').matches) {
+      return 'md';
+    }
+    else if (window.matchMedia('(min-width: 576px)').matches) {
+      return 'sm';
+    }
+    else {
+      return 'xs';
+    }
+  }
+  getCssClassMap() {
+    return {
+      [this.borderRadius]: this.borderRadius ? true : false,
+      [this.objectFit]: true,
+      [this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
+      [this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
+      [this.displayImage]: true
+    };
+  }
+  getCssClassMapHost() {
+    return {
+      [this.imagePosition]: true,
+      [this.imageAlignment]: true,
+    };
+  }
+  get el() { return index.getElement(this); }
+};
+PtcPicture.style = ptcPictureCss;
+
+const instagramSVG = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.45845 0.530037C4.54845 0.570037 3.92845 0.720037 3.38845 0.930037C2.82845 1.15004 2.34845 1.44004 1.87845 1.92004C1.40845 2.40004 1.11845 2.87004 0.898451 3.43004C0.688451 3.97004 0.548451 4.59004 0.508451 5.50004C0.468451 6.41004 0.45845 6.70004 0.46845 9.02004C0.47845 11.34 0.478452 11.63 0.528452 12.54C0.568452 13.45 0.718453 14.07 0.928453 14.61C1.14845 15.17 1.43845 15.65 1.91845 16.12C2.39845 16.59 2.86845 16.88 3.42845 17.1C3.96845 17.31 4.58845 17.45 5.49845 17.49C6.40845 17.53 6.69845 17.54 9.01845 17.53C11.3385 17.53 11.6285 17.52 12.5385 17.47C13.4485 17.42 14.0685 17.28 14.6085 17.07C15.1685 16.85 15.6485 16.56 16.1185 16.08C16.5885 15.6 16.8785 15.13 17.0985 14.57C17.3085 14.03 17.4485 13.41 17.4885 12.5C17.5285 11.59 17.5385 11.3 17.5285 8.98004C17.5185 6.66004 17.5184 6.37004 17.4685 5.46004C17.4185 4.55004 17.2785 3.93004 17.0685 3.39004C16.8485 2.83004 16.5585 2.35004 16.0785 1.88004C15.5985 1.41004 15.1285 1.11004 14.5685 0.900038C14.0285 0.690038 13.4085 0.550037 12.4985 0.510037C11.5885 0.470037 11.2985 0.460038 8.97845 0.470038C6.65845 0.480038 6.36845 0.480037 5.45845 0.530037ZM5.55845 15.97C4.72845 15.93 4.27845 15.8 3.96845 15.68C3.56845 15.53 3.28845 15.34 2.98845 15.04C2.68845 14.74 2.50845 14.46 2.34845 14.06C2.22845 13.76 2.08845 13.31 2.04845 12.47C2.00845 11.57 1.99845 11.3 1.98845 9.02004C1.97845 6.74004 1.98845 6.47004 2.02845 5.57004C2.06845 4.74004 2.19845 4.29004 2.31845 3.98004C2.46845 3.58004 2.65845 3.30004 2.95845 3.00004C3.25845 2.70004 3.53845 2.52004 3.93845 2.36004C4.23845 2.24004 4.68845 2.10004 5.51845 2.06004C6.41845 2.02004 6.68845 2.01004 8.96845 2.00004C11.2485 2.00004 11.5185 2.00004 12.4185 2.04004C13.2485 2.08004 13.6985 2.21004 14.0085 2.33004C14.4085 2.48004 14.6885 2.67004 14.9885 2.97004C15.2885 3.27004 15.4685 3.55004 15.6285 3.95004C15.7485 4.25004 15.8885 4.70004 15.9285 5.53004C15.9685 6.43004 15.9785 6.70004 15.9885 8.98004C15.9885 11.26 15.9885 11.53 15.9485 12.43C15.9085 13.26 15.7785 13.71 15.6585 14.02C15.5085 14.42 15.3185 14.7 15.0185 15C14.7185 15.3 14.4385 15.48 14.0385 15.64C13.7385 15.76 13.2885 15.9 12.4585 15.94C11.5585 15.98 11.2885 15.99 9.00845 16C6.72845 16.01 6.45845 16 5.55845 15.96M12.5185 4.45004C12.5185 5.02004 12.9785 5.47004 13.5485 5.47004C14.1185 5.47004 14.5685 5.01004 14.5685 4.44004C14.5685 3.87004 14.1085 3.42004 13.5385 3.42004C12.9685 3.42004 12.5185 3.88004 12.5185 4.45004ZM4.61845 9.02004C4.61845 11.44 6.58845 13.4 9.00845 13.4C11.4285 13.4 13.3885 11.43 13.3885 9.01004C13.3885 6.59004 11.4185 4.63004 8.99845 4.63004C6.57845 4.63004 4.61845 6.60004 4.61845 9.02004ZM6.14845 9.02004C6.14845 7.45004 7.41845 6.17004 8.98845 6.17004C10.5585 6.17004 11.8385 7.44004 11.8385 9.01004C11.8385 10.58 10.5685 11.86 8.99845 11.86C7.42845 11.86 6.14845 10.59 6.14845 9.02004Z" fill="white"/>
+</svg>
+`;
+
+const youtubeSVG = `<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4794 2.55343C19.2494 1.70343 18.5794 1.03343 17.7294 0.803432C16.1894 0.393432 9.99937 0.393433 9.99937 0.393433C9.99937 0.393433 3.80938 0.393432 2.26938 0.803432C1.41938 1.03343 0.749379 1.70343 0.519379 2.55343C0.109379 4.09343 0.109375 7.31343 0.109375 7.31343C0.109375 7.31343 0.109379 10.5334 0.519379 12.0734C0.749379 12.9234 1.41938 13.5934 2.26938 13.8234C3.80938 14.2334 9.99937 14.2334 9.99937 14.2334C9.99937 14.2334 16.1894 14.2334 17.7294 13.8234C18.5794 13.5934 19.2494 12.9234 19.4794 12.0734C19.8894 10.5334 19.8894 7.31343 19.8894 7.31343C19.8894 7.31343 19.8894 4.09343 19.4794 2.55343ZM8.01938 10.2834V4.34343L13.1594 7.31343L8.01938 10.2834Z" fill="white"/>
+</svg>
+`;
+
+const ykSVG = `<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.09226 0.500002C8.81645 0.500453 8.54001 0.573924 8.30251 0.737896C7.77953 1.09934 7.48857 2.21333 7.13732 3.00625C6.7505 3.87857 6.41111 4.75772 6.03415 5.39807C5.01463 4.24129 4.31909 1.67753 3.09104 0.737896C2.69493 0.435153 1.82655 0.443776 1.43544 0.737896C0.377561 1.53428 1.43894 2.94227 1.86441 3.68101C2.79833 5.30068 3.83358 7.03506 4.62377 8.52494C4.1101 9.8795 1.51589 13.7073 4.99186 13.4912C5.83311 12.9475 6.18934 11.8163 6.64691 10.7927C7.58241 8.69842 8.37723 6.88907 9.34482 4.7233C9.74697 3.82303 10.7158 2.49291 10.51 1.47353C10.3947 0.90533 9.74553 0.498938 9.09228 0.500002H9.09226ZM17.5022 1.33092C16.9995 1.33595 16.4926 1.5707 16.2733 2.0254C15.9105 2.4393 15.522 2.82722 15.1081 3.19003C14.9093 3.44064 14.6842 3.66504 14.434 3.86423C14.1429 4.16697 13.9068 4.52309 13.514 4.72332V2.33206C13.505 1.03135 11.0712 1.03135 11.0618 2.33206V9.13827C11.1681 9.62396 11.3889 9.99531 11.9198 10.0571H12.656C13.1607 9.96944 13.4477 9.66401 13.514 9.13827V7.66643C13.514 7.15622 13.4185 6.29491 13.7592 6.8079C14.2587 7.29671 14.9626 7.82261 15.5992 8.4015C16.2102 8.95866 16.7948 9.85792 17.438 9.99567C18.7549 10.278 19.3358 9.01398 18.8484 8.0954C18.3337 7.12435 16.8512 6.50292 16.2119 5.64271C16.6427 4.65683 18.9847 4.05116 18.7869 2.33206C18.709 1.65301 18.1089 1.32484 17.5023 1.33092H17.5022Z" fill="white"/>
+</svg>
+`;
+
+const weiboSVG = `<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2332 7.27176C20.9763 7.20612 21.1665 5.87974 21.0798 4.77303C20.8492 1.8417 18.3741 -0.375939 15.0943 0.0532817C15.0491 0.0592253 15.0039 0.064479 14.9591 0.0696876C14.5725 0.114632 14.2148 0.156222 14.1349 0.608744C13.9724 1.55041 14.8096 1.46972 15.4197 1.41091C15.5522 1.39814 15.6741 1.38639 15.7726 1.38639C17.7226 1.38639 19.7131 2.97956 19.6684 5.27294C19.6645 5.46856 19.6228 5.69617 19.5807 5.92639C19.4524 6.62725 19.3196 7.35222 20.2332 7.27176ZM16.3829 7.77071C16.1595 7.66321 15.9345 7.55494 15.7163 7.43756C16.0251 6.64645 16.2162 5.62221 15.7163 5.04992C14.9022 4.11874 13.3512 4.53988 12.0925 4.88164C11.5969 5.01618 11.1467 5.13842 10.8046 5.16101C11.3677 3.47106 10.7499 1.75754 8.65936 2.27429C6.73292 2.75064 5.31733 3.78414 3.97412 5.10546C2.56611 6.48991 1.13201 8.11506 0.924973 10.2132C0.685115 12.6505 2.24293 13.8742 3.74773 14.7107C9.23586 17.7591 18.0223 14.9725 18.539 10.8242C18.7759 8.9221 17.6029 8.35771 16.3829 7.77071ZM15.0951 10.6029C15.0977 11.4966 14.644 12.2642 14.1921 12.7675C12.9566 14.1469 10.3552 15.0491 7.75631 14.8774C2.85057 14.5542 1.16399 10.4101 5.15911 8.10411C8.66946 6.07836 15.0867 6.90398 15.0951 10.6029ZM17.1202 5.61813C17.0933 6.09179 17.0744 6.42375 17.6914 6.38334C18.8368 6.30843 18.6516 2.4951 15.6597 2.71897C15.6204 2.72191 15.5774 2.72351 15.5323 2.72518C15.2025 2.73744 14.7558 2.75405 14.7558 3.32998C14.7558 3.88763 15.1542 3.88743 15.6096 3.8872C15.8737 3.88707 16.157 3.88693 16.3928 3.99569C16.7201 4.14718 17.0955 4.66141 17.1266 5.10662C17.139 5.28715 17.1292 5.46049 17.1202 5.61813ZM5.49728 12.4909C6.64355 15.5628 12.9102 13.9006 11.7075 10.3254C11.3465 9.25659 10.1261 8.43518 8.4892 8.60434C6.57202 8.80212 4.73058 10.4365 5.49728 12.4909ZM8.82753 10.9364C9.08254 11.3707 9.66914 11.0585 9.6178 10.7143C9.55636 10.3162 8.82248 10.3751 8.82753 10.9364ZM7.81171 12.8242C8.8654 12.5776 9.00679 10.6259 7.41615 10.992C6.08052 11.2983 6.33889 13.1684 7.81171 12.8242Z" fill="white"/>
+</svg>
+`;
+
+const wechatSVG = `<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9521 5.59994H14.8246C10.8382 5.59994 7.59972 8.2689 7.59972 11.5499C7.61236 11.932 7.6694 12.3114 7.76972 12.6803C7.78501 12.7464 7.78429 12.8151 7.76762 12.8808C7.75095 12.9465 7.71882 13.0072 7.6739 13.0579C7.62898 13.1087 7.57258 13.1479 7.50941 13.1725C7.44623 13.197 7.37811 13.206 7.31072 13.1988C6.66727 13.1267 6.03418 12.9812 5.42375 12.7653L3.17128 14.0488C3.09186 14.0963 2.99914 14.1165 2.90719 14.1065C2.81523 14.0964 2.72906 14.0567 2.66175 13.9932C2.59445 13.9298 2.54968 13.8461 2.53426 13.7549C2.51883 13.6637 2.53359 13.5699 2.57628 13.4878L3.42627 11.7284C2.6321 11.1885 1.97907 10.466 1.52204 9.62146C1.06501 8.77692 0.817329 7.83503 0.799805 6.87492C0.799805 3.35596 4.14026 0.5 8.23721 0.5C11.5012 0.5 14.3316 2.27648 15.3091 4.92845C15.3596 5.00069 15.3863 5.08683 15.3856 5.17494C15.3758 5.28578 15.3267 5.38947 15.2472 5.46738C15.1678 5.54528 15.0631 5.59228 14.9521 5.59994ZM10.6219 4.04321C10.4821 3.94981 10.3178 3.89996 10.1497 3.89996C9.92426 3.89996 9.70806 3.98951 9.54866 4.14891C9.38925 4.30832 9.2997 4.52452 9.2997 4.74995C9.2997 4.91806 9.34955 5.0824 9.44295 5.22218C9.53635 5.36196 9.6691 5.4709 9.82441 5.53524C9.97973 5.59957 10.1506 5.6164 10.3155 5.5836C10.4804 5.55081 10.6318 5.46985 10.7507 5.35098C10.8696 5.23211 10.9505 5.08065 10.9833 4.91577C11.0161 4.75089 10.9993 4.57999 10.935 4.42467C10.8706 4.26936 10.7617 4.13661 10.6219 4.04321ZM5.42751 5.45669C5.56729 5.55009 5.73163 5.59994 5.89974 5.59994C6.12517 5.59994 6.34137 5.51038 6.50077 5.35098C6.66018 5.19158 6.74973 4.97538 6.74973 4.74995C6.74973 4.58184 6.69988 4.4175 6.60648 4.27772C6.51308 4.13794 6.38033 4.02899 6.22502 3.96466C6.0697 3.90033 5.8988 3.88349 5.73392 3.91629C5.56903 3.94909 5.41758 4.03004 5.29871 4.14891C5.17983 4.26779 5.09888 4.41924 5.06608 4.58412C5.03329 4.749 5.05012 4.91991 5.11445 5.07522C5.17879 5.23054 5.28773 5.36329 5.42751 5.45669ZM14.8249 6.45004C18.3438 6.45004 21.1998 8.73651 21.1998 11.55C21.1691 12.3435 20.9418 13.117 20.5382 13.8009C20.1347 14.4849 19.5676 15.0579 18.8878 15.4684L19.4658 16.9134C19.4922 16.9778 19.5025 17.0477 19.4956 17.117C19.4887 17.1862 19.4649 17.2527 19.4263 17.3107C19.3877 17.3686 19.3354 17.4161 19.2742 17.4491C19.2129 17.4821 19.1444 17.4996 19.0748 17.4999C19.01 17.5002 18.9461 17.4856 18.8878 17.4574L16.7798 16.4034C16.1411 16.5674 15.4843 16.6502 14.8249 16.6499C11.3059 16.6499 8.44993 14.3634 8.44993 11.55C8.44993 8.73651 11.3059 6.45004 14.8249 6.45004ZM12.2276 10.5567C12.3674 10.6501 12.5318 10.7 12.6999 10.7C12.9253 10.7 13.1415 10.6104 13.3009 10.451C13.4603 10.2916 13.5499 10.0754 13.5499 9.85C13.5499 9.68189 13.5 9.51755 13.4066 9.37777C13.3132 9.23799 13.1805 9.12904 13.0252 9.06471C12.8698 9.00038 12.6989 8.98354 12.5341 9.01634C12.3692 9.04914 12.2177 9.13009 12.0988 9.24896C11.98 9.36784 11.899 9.51929 11.8662 9.68417C11.8334 9.84906 11.8503 10.02 11.9146 10.1753C11.9789 10.3306 12.0879 10.4633 12.2276 10.5567ZM16.4776 10.5567C16.6174 10.6501 16.7817 10.7 16.9498 10.7C17.1753 10.7 17.3915 10.6104 17.5509 10.451C17.7103 10.2916 17.7998 10.0754 17.7998 9.85C17.7998 9.68189 17.75 9.51755 17.6566 9.37777C17.5632 9.23799 17.4304 9.12904 17.2751 9.06471C17.1198 9.00038 16.9489 8.98354 16.784 9.01634C16.6191 9.04914 16.4677 9.13009 16.3488 9.24896C16.2299 9.36784 16.149 9.51929 16.1162 9.68417C16.0834 9.84906 16.1002 10.02 16.1645 10.1753C16.2289 10.3306 16.3378 10.4633 16.4776 10.5567Z" fill="white"/>
+</svg>
+`;
+
+const ptcSocialIconsFooterCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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;height:100%;width:100%}@media only screen and (min-width: 992px){:host{width:auto}}:host ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;gap:var(--ptc-layout-spacing-03)}@media only screen and (min-width: 992px){:host ul{align-items:flex-start}}@media only screen and (min-width: 1200px){:host ul{flex-direction:column;align-items:flex-end;gap:initial}}:host ul li{width:100%}:host ul li a{background-color:var(--color-gray-10);border-radius:4px;display:flex;padding:11px;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host ul li a:hover{background-color:var(--color-gray-08)}:host ul li a:active{background-color:var(--color-gray-09);transition:none}:host ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 992px){:host ul li a{padding:4px;width:36px;height:36px}}:host ul.dark-bg a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}";
+
+const PtcSocialIconsFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.instagramUrl = undefined;
+    this.facebookUrl = undefined;
+    this.linkedinUrl = undefined;
+    this.xUrl = undefined;
+    this.youtubeUrl = undefined;
+    this.weiboUrl = undefined;
+    this.youkuUrl = undefined;
+    this.wechatQrImageUrl = undefined;
+    this.wechatQrImageAltText = undefined;
+    this.wechatImageUrl = undefined;
+    this.wechatImageAlt = undefined;
+    this.instagramImageUrl = undefined;
+    this.facebookImageUrl = undefined;
+    this.linkedinImageUrl = undefined;
+    this.xImageUrl = undefined;
+    this.youtubeImageUrl = undefined;
+    this.weiboImageUrl = undefined;
+    this.youkuImageUrl = undefined;
+    this.instagramImageAlt = undefined;
+    this.facebookImageAlt = undefined;
+    this.linkedinImageAlt = undefined;
+    this.xImageAlt = undefined;
+    this.youtubeImageAlt = undefined;
+    this.weiboImageAlt = undefined;
+    this.youkuImageAlt = undefined;
+    this.target = undefined;
+    this.darkFocusState = false;
+  }
+  openModal(e) {
+    e.preventDefault();
+    const modal = this.hostElement.shadowRoot.querySelector('#QRModal');
+    modal.show = true;
+  }
+  componentWillLoad() {
+    utils.CheckDarkFocusState(this, this.hostElement);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null), index.h("ul", { class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && index.h("li", { id: "footerInstagramIconID" }, " ", index.h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && index.h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && index.h("li", { id: "footerFacebookIconID" }, " ", index.h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == "" ? x.facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && index.h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && index.h("li", { id: "footerLinkedInIconID" }, " ", index.h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == "" ? x.linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && index.h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && index.h("li", { id: "footerXIconID" }, " ", index.h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? x.xSVG : "", target: this.target }, this.xImageUrl != "" && index.h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" })), " "), this.youtubeUrl && index.h("li", { id: "footerYouTubeIconID" }, " ", index.h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && index.h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && index.h("li", { id: "footerWeiboIconID" }, " ", index.h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && index.h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt })), " "), this.youkuUrl && index.h("li", { id: "footerYouKuIconID" }, " ", index.h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && index.h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && index.h("li", { id: "footerWeChatIconID" }, " ", index.h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: this.wechatImageAlt != "" ? this.wechatImageAlt : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && index.h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt })), " ")), index.h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, index.h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
+  }
+  get hostElement() { return index.getElement(this); }
+};
+PtcSocialIconsFooter.style = ptcSocialIconsFooterCss;
+
+const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
+
+const PtcSpacer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.breakpoint = '';
+    this.size = 'medium';
+    this.direction = 'vertical';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }));
+  }
+  getCssClassMap() {
+    return {
+      [this.size]: true,
+      ['ptc-spacer-horizontal']: this.direction === 'horizontal',
+      ['ptc-spacer-vertical']: this.direction === 'vertical',
+      ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
+      ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
+      ['ptc-spacer-small']: this.breakpoint === 'small',
+      ['ptc-spacer-medium']: this.breakpoint === 'medium',
+      ['ptc-spacer-large']: this.breakpoint === 'large',
+      ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
+      ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
+      ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
+    };
+  }
+};
+PtcSpacer.style = ptcSpacerCss;
+
+const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}: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:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}: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}}:host(.bg-image-absent){padding:0rem}";
+
+const PtcTextCopyWithBackground = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.type = 'text-copy-with-background';
+    this.backgroundImage = undefined;
+    this.ImageAltText = undefined;
+    this.topSlitBackgroundColor = undefined;
+    this.slitPosition = 'top-right';
+    this.isBackgroundBlur = false;
+    this.overlay = true;
+    this.disableLightLinks = false;
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const slitFill = this.getSlitFillColor();
+    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, index.h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ?
+      index.h("div", { class: "" }, index.h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
+        index.h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
+      : null, this.overlay &&
+      index.h("div", { class: "copy-bg-overlay-layer" }), index.h("div", { class: "content-wrap" }, this.type == "case-studies" &&
+      index.h("div", { class: "ptc-container" }, index.h("div", { class: "card-wrap" }, index.h("div", { class: "card-animated-border" }), index.h("div", { class: "card-content" }, index.h("div", { class: "card-layout" }, index.h("slot", { name: 'card-content' }))))), index.h("slot", null))));
+  }
+  getSlitFillColor() {
+    let slitFill = '#fff';
+    if (this.topSlitBackgroundColor == "auto") {
+      let style = getComputedStyle(document.body);
+      if (style && style.backgroundColor) {
+        slitFill = style.backgroundColor;
+      }
+    }
+    else {
+      slitFill = this.topSlitBackgroundColor;
+    }
+    return slitFill;
+  }
+  getCssClassMap() {
+    return {
+      [this.type]: true,
+      [this.slitPosition]: true,
+      ['light-links']: this.overlay && !this.disableLightLinks,
+      ['bg-image-absent']: !this.backgroundImage && this.type == "text-copy-with-background"
+    };
+  }
+};
+PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
+
+const ptcTitleCss = "h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-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-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-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-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-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-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-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-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-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-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-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-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-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-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
+
+const PtcTitle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isPlmHub = false;
+    this.type = 'h2';
+    this.textAlign = undefined;
+    this.upperline = 'dotted';
+    this.titleShadow = undefined;
+    this.titleColor = 'gray';
+    this.titleMargin = undefined;
+    this.titleWeight = undefined;
+    this.titleSize = undefined;
+    this.titleHeight = 'densest';
+    this.styles = undefined;
+    this.ellipsisLineCutoff = undefined;
+    this.titleDisplay = 'inline-block';
+    this.seoCompatibilityMode = false;
+    this.tooltipZIndex = 'auto';
+    this.tooltipPosition = 'bottom';
+    this.tooltipTheme = 'standard';
+    this.enableTooltip = false;
+    this.maxChars = undefined;
+    this.maxLines = undefined;
+    this.hideTooltipOnMobile = false;
+    this.ismob = undefined;
+    this.tooltipWidth = 'default';
+  }
+  // Tooltip Properties ends
+  componentDidLoad() {
+    if (this.hideTooltipOnMobile) {
+      this.el.classList.add('hide-tooltip-on-mobile');
+    }
+    this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
+    this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
+  }
+  render() {
+    if (this.seoCompatibilityMode) {
+      return this.seoCompRender();
+    }
+    else {
+      return this.standardRender();
+    }
+  }
+  getSortedText(content) {
+    if (!this.enableTooltip)
+      return;
+    const trimmedContent = content.trim();
+    const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
+    return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
+  }
+  toggleTitleTooltip(show) {
+    var _a;
+    const tooltipClass = 'tooltip-box';
+    const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
+    const text = this.el.querySelectorAll('.line-clamp-title');
+    let maxLinesShowCheck = false;
+    if (text) {
+      text.forEach(t => {
+        maxLinesShowCheck = t.scrollHeight > t.clientHeight;
+      });
+    }
+    const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
+    const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
+    if (show && this.enableTooltip) {
+      if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
+        const tooltipMarkup = document.createElement('div');
+        tooltipMarkup.className = tooltipClass;
+        tooltipMarkup.innerText = this.tooltipText;
+        tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
+        tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
+        if (this.hideTooltipOnMobile) {
+          tooltipMarkup.classList.add('hide-tooltip-mobile');
+        }
+        (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
+      }
+    }
+    else {
+      existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
+    }
+  }
+  seoCompRender() {
+    const classMap = this.getCssClassMap();
+    const cutOff = this.getLineCuttoff();
+    const [TagType, firstChild] = utils.getSeoTagType(this.el, this.type);
+    let html = firstChild && firstChild.innerHTML;
+    // added for tooltip
+    this.tooltipText = html.trim();
+    let eleText = firstChild && firstChild.innerText;
+    html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
+    if (this.el == firstChild) {
+      this.el.innerHTML = '';
+    }
+    return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0 ? 'line-clamp-title' : '' }))));
+  }
+  standardRender() {
+    const classMap = this.getCssClassMap();
+    const cutOff = this.getLineCuttoff();
+    let TagType;
+    switch (this.type) {
+      case 'h1':
+        TagType = 'h1';
+        break;
+      case 'h3':
+        TagType = 'h3';
+        break;
+      case 'h4':
+        TagType = 'h4';
+        break;
+      case 'h5':
+        TagType = 'h5';
+        break;
+      case 'h6':
+        TagType = 'h6';
+        break;
+      default:
+        TagType = 'h2';
+    }
+    return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { style: cutOff }, index.h("slot", null)))));
+  }
+  getCssClassMap() {
+    return {
+      [this.textAlign]: !!this.textAlign ? true : false,
+      [this.upperline]: true,
+      [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
+      [this.titleMargin]: !!this.titleMargin ? true : false,
+      [this.titleShadow]: !!this.titleShadow ? true : false,
+      [this.titleWeight]: !!this.titleWeight ? true : false,
+      [this.titleSize]: !!this.titleSize ? true : false,
+      [this.titleHeight]: !!this.titleHeight ? true : false,
+      [this.titleColor]: !!this.titleColor ? true : false,
+      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
+      [this.titleDisplay]: !!this.titleDisplay ? true : false,
+    };
+  }
+  getLineCuttoff() {
+    const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
+    return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
+  }
+  get el() { return index.getElement(this); }
+};
+PtcTitle.style = ptcTitleCss;
+
+exports.icon_asset = IconAsset;
+exports.max_width_container = MaxWidthContainer;
+exports.ptc_button = PtcButton;
+exports.ptc_close_icon = PtcCloseIcon;
+exports.ptc_footer = PtcFooter;
+exports.ptc_icon_card = PtcIconCard;
+exports.ptc_link = PtcLink;
+exports.ptc_mobile_select = PtcMobileSelect;
+exports.ptc_modal = PtcModal;
+exports.ptc_para = PtcPara;
+exports.ptc_picture = PtcPicture;
+exports.ptc_social_icons_footer = PtcSocialIconsFooter;
+exports.ptc_spacer = PtcSpacer;
+exports.ptc_text_copy_with_background = PtcTextCopyWithBackground;
+exports.ptc_title = PtcTitle;