@ptcwebops/ptcw-design 4.5.2 → 4.5.4

package/dist/cjs/homepage-clickable-tab_2.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-63ddc79c.js');
+
+const homepageClickableTabCss = "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}.tab-item{cursor:pointer;color:#fff;border-radius:4px;background:var(--color-gray-11);transition:background-color 0.3s;display:flex;width:auto;min-height:72px;padding:24px;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:#FFF;text-align:center;font-family:Raleway;font-size:20px;font-style:normal;font-weight:800}@media screen and (min-width: 1280px){.tab-item{width:160px}}@media only screen and (min-width: 1440px){.tab-item{width:172px}}.tab-item span{z-index:2}.tab-item.active{color:#fff;position:relative}.tab-item.active::after{content:\"\";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}.tab-item.hp-blue.active{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.tab-item.hp-blue.active::after{border-style:solid;border-top-width:10px;border-top-color:var(--color-blue-06)}.tab-item.hp-blue:hover{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.tab-item.hp-green.active{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.tab-item.hp-green.active::after{border-style:solid;border-top-width:10px;border-top-color:var(--color-green-06)}.tab-item.hp-green:hover{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.tab-item.hp-red.active{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.tab-item.hp-red.active::after{border-style:solid;border-top-width:10px;border-top-color:var(--color-red-06)}.tab-item.hp-red:hover{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.tab-item.hp-gray.active{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.tab-item.hp-gray.active::after{border-style:solid;border-top-width:10px;border-top-color:var(--color-gray-06)}.tab-item.hp-gray:hover{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.tab-item.hp-orange.active{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.tab-item.hp-orange.active::after{border-style:solid;border-top-width:10px;border-top-color:var(--color-orange-06)}.tab-item.hp-orange:hover{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}";
+
+const HomepageClickableTab = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tabSelected = index.createEvent(this, "tabSelected", 7);
+    this.active = undefined;
+    this.label = undefined;
+    this.activeColor = 'hp-blue';
+    this.isHovered = false;
+  }
+  handleClick() {
+    this.tabSelected.emit();
+  }
+  handleMouseEnter() {
+    this.isHovered = true;
+  }
+  handleMouseLeave() {
+    this.isHovered = false;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: { 'tab-item': true, 'active': this.active, [this.activeColor]: true }, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, (this.active || this.isHovered) ? index.h("ptc-overlay", { "filter-color": this.activeColor, "border-radius": "radius-standard" }) : index.h("ptc-overlay", { "filter-color": "transparent", "border-radius": "radius-standard" }), index.h("span", null, this.label))));
+  }
+};
+HomepageClickableTab.style = homepageClickableTabCss;
+
+const ptcInfoTileCss = "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}.tile{position:relative;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);cursor:pointer;transition:border 0.3s;max-width:360px;height:116px}.tile.image{width:373px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;margin:0 auto}.tile.image .tile-content{border-bottom:2px solid var(--color-white);background:#FFF;height:82px;text-align:left;flex:1}.tile.image:hover .tile-content{border-bottom:2px solid var(--Blue-6, #4795CD);background:#FFF}.tile.image:active .tile-content,.tile.image:focus .tile-content{border-bottom:2px solid var(--Blue-6, #4795CD);background:var(--Gray-1, #F6F6F6)}.tile.text{background-color:var(--color-white);border:1px solid var(--color-gray-03);width:268px}.tile.text:hover{background-color:var(--color-gray-01);border:1px solid var(--color-gray-07)}.tile img{width:120px;height:116px}.tile h3{margin:0;font-size:1.2em}.tile p{margin:0.5em 0 0;color:#666}.tile .link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.tile .tile-content{padding:16px}.tile .tile-content h3{color:var(--color-blue-07);font-family:Raleway;font-size:14px;font-weight:500}.tile .tile-content p{color:var(--color-gray-10);font-family:Raleway;font-size:16px;font-weight:700;line-height:24px;}::slotted(img[slot=tile-image]){width:120px !important;height:120px !important}::slotted(h3[slot=tile-title]){color:var(--color-blue-07) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-medium) !important;text-align:left !important}::slotted(p[slot=tile-description]){color:var(--color-gray-10) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-x-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;text-align:left !important}";
+
+const PtcInfoTile = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tileClick = index.createEvent(this, "tileClick", 7);
+    this.link = undefined;
+    this.variant = undefined;
+  }
+  handleClick() {
+    this.tileClick.emit();
+  }
+  render() {
+    const content = (index.h("div", { class: "tile-content" }, index.h("h3", null, index.h("slot", { name: "tile-title" })), index.h("p", null, index.h("slot", { name: "tile-description" }))));
+    return (index.h(index.Host, null, index.h("div", { class: `tile ${this.variant}`, onClick: () => this.handleClick() }, this.variant === 'image' && index.h("div", { class: "tile-image" }, index.h("slot", { name: "tile-image" })), content, this.link && (index.h("a", { href: this.link, class: "link-overlay" })))));
+  }
+};
+PtcInfoTile.style = ptcInfoTileCss;
+
+exports.homepage_clickable_tab = HomepageClickableTab;
+exports.ptc_info_tile = PtcInfoTile;

package/dist/cjs/homepage-jumbotron.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-63ddc79c.js');
 const core = require('./core-d64db970.js');
 
-const homepageJumbotronCss = "@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}.sc-homepage-jumbotron:root{--swiper-theme-color:#007aff}.swiper.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-direction:column}.swiper-wrapper.sc-homepage-jumbotron{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-wrapper.sc-homepage-jumbotron{transform:translate3d(0px, 0, 0)}.swiper-horizontal.sc-homepage-jumbotron{touch-action:pan-y}.swiper-vertical.sc-homepage-jumbotron{touch-action:pan-x}.swiper-slide.sc-homepage-jumbotron,swiper-slide.sc-homepage-jumbotron{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank.sc-homepage-jumbotron{visibility:hidden}.swiper-autoheight.sc-homepage-jumbotron,.swiper-autoheight.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{height:auto}.swiper-autoheight.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron{background:rgba(0, 0, 0, 0.15)}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::-webkit-scrollbar{display:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:none}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{content:'';flex-shrink:0;order:9999}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader.sc-homepage-jumbotron{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,.swiper-watch-progress.sc-homepage-jumbotron .swiper-slide-visible.sc-homepage-jumbotron .swiper-lazy-preloader.sc-homepage-jumbotron{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white.sc-homepage-jumbotron{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black.sc-homepage-jumbotron{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{width:1px;height:var(--swiper-virtual-size)}.sc-homepage-jumbotron:root{--swiper-navigation-size:44px}.swiper-button-prev.sc-homepage-jumbotron,.swiper-button-next.sc-homepage-jumbotron{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled.sc-homepage-jumbotron,.swiper-button-next.swiper-button-disabled.sc-homepage-jumbotron{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden.sc-homepage-jumbotron,.swiper-button-next.swiper-button-hidden.sc-homepage-jumbotron{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron,.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{display:none !important}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-button-next.sc-homepage-jumbotron:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron:after{content:'prev'}.swiper-button-next.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron:after{content:'next'}.swiper-button-lock.sc-homepage-jumbotron{display:none}.swiper-pagination.sc-homepage-jumbotron{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden.sc-homepage-jumbotron{opacity:0}.swiper-pagination-disabled.sc-homepage-jumbotron>.swiper-pagination.sc-homepage-jumbotron,.swiper-pagination.swiper-pagination-disabled.sc-homepage-jumbotron{display:none !important}.swiper-pagination-fraction.sc-homepage-jumbotron,.swiper-pagination-custom.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-homepage-jumbotron{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-main.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev-prev.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next-next.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullet.sc-homepage-jumbotron{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet.sc-homepage-jumbotron{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{cursor:pointer}.swiper-pagination-bullet.sc-homepage-jumbotron:only-child{display:none !important}.swiper-pagination-bullet-active.sc-homepage-jumbotron{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron>.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron-h .swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms right}.swiper-pagination-fraction.sc-homepage-jumbotron{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar.sc-homepage-jumbotron{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl.sc-homepage-jumbotron .swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{transform-origin:right top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-homepage-jumbotron,.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock.sc-homepage-jumbotron{display:none}.swiper-scrollbar.sc-homepage-jumbotron{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-disabled.sc-homepage-jumbotron{display:none !important}.swiper-horizontal.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-horizontal.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-vertical.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag.sc-homepage-jumbotron{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag.sc-homepage-jumbotron{cursor:move}.swiper-scrollbar-lock.sc-homepage-jumbotron{display:none}.swiper-zoom-container.sc-homepage-jumbotron{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container.sc-homepage-jumbotron>img.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>svg.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>canvas.sc-homepage-jumbotron{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed.sc-homepage-jumbotron{cursor:move;touch-action:none}.swiper.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{transition-timing-function:ease-out;margin:0 auto}.swiper-grid.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap}.swiper-grid-column.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transition-timing-function:ease-out}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;transition-property:opacity}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron{overflow:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-cube.swiper-rtl.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:100% 0}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-prev.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron+.swiper-slide.sc-homepage-jumbotron{pointer-events:auto;visibility:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip.sc-homepage-jumbotron{overflow:visible}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards.sc-homepage-jumbotron{overflow:visible}.swiper-cards.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{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}}.sc-homepage-jumbotron-h{display:block;width:100%;height:auto;position:relative;overflow:hidden}ptc-jumbotron.sc-homepage-jumbotron{height:86vh}.hp-sub-title.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}.hp-h1.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}.swiper-container.sc-homepage-jumbotron{position:relative;z-index:999;width:100%;height:100%;transform:translateY(-20px);max-width:1200px;margin:0 auto}@media screen and (min-width: 1200px){.swiper-wrapper.sc-homepage-jumbotron{justify-content:center}}.swiper-slide.sc-homepage-jumbotron{display:flex;justify-content:center;align-items:center}.swiper-button-next.sc-homepage-jumbotron,.swiper-button-prev.sc-homepage-jumbotron{color:transparent}";
+const homepageJumbotronCss = "@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}.sc-homepage-jumbotron:root{--swiper-theme-color:#007aff}.swiper.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-direction:column}.swiper-wrapper.sc-homepage-jumbotron{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-wrapper.sc-homepage-jumbotron{transform:translate3d(0px, 0, 0)}.swiper-horizontal.sc-homepage-jumbotron{touch-action:pan-y}.swiper-vertical.sc-homepage-jumbotron{touch-action:pan-x}.swiper-slide.sc-homepage-jumbotron,swiper-slide.sc-homepage-jumbotron{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank.sc-homepage-jumbotron{visibility:hidden}.swiper-autoheight.sc-homepage-jumbotron,.swiper-autoheight.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{height:auto}.swiper-autoheight.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron{background:rgba(0, 0, 0, 0.15)}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::-webkit-scrollbar{display:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:none}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{content:'';flex-shrink:0;order:9999}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader.sc-homepage-jumbotron{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,.swiper-watch-progress.sc-homepage-jumbotron .swiper-slide-visible.sc-homepage-jumbotron .swiper-lazy-preloader.sc-homepage-jumbotron{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white.sc-homepage-jumbotron{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black.sc-homepage-jumbotron{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{width:1px;height:var(--swiper-virtual-size)}.sc-homepage-jumbotron:root{--swiper-navigation-size:44px}.swiper-button-prev.sc-homepage-jumbotron,.swiper-button-next.sc-homepage-jumbotron{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled.sc-homepage-jumbotron,.swiper-button-next.swiper-button-disabled.sc-homepage-jumbotron{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden.sc-homepage-jumbotron,.swiper-button-next.swiper-button-hidden.sc-homepage-jumbotron{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron,.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{display:none !important}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-button-next.sc-homepage-jumbotron:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron:after{content:'prev'}.swiper-button-next.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron:after{content:'next'}.swiper-button-lock.sc-homepage-jumbotron{display:none}.swiper-pagination.sc-homepage-jumbotron{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden.sc-homepage-jumbotron{opacity:0}.swiper-pagination-disabled.sc-homepage-jumbotron>.swiper-pagination.sc-homepage-jumbotron,.swiper-pagination.swiper-pagination-disabled.sc-homepage-jumbotron{display:none !important}.swiper-pagination-fraction.sc-homepage-jumbotron,.swiper-pagination-custom.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-homepage-jumbotron{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-main.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev-prev.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next-next.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullet.sc-homepage-jumbotron{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet.sc-homepage-jumbotron{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{cursor:pointer}.swiper-pagination-bullet.sc-homepage-jumbotron:only-child{display:none !important}.swiper-pagination-bullet-active.sc-homepage-jumbotron{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron>.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron-h .swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms right}.swiper-pagination-fraction.sc-homepage-jumbotron{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar.sc-homepage-jumbotron{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl.sc-homepage-jumbotron .swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{transform-origin:right top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-homepage-jumbotron,.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock.sc-homepage-jumbotron{display:none}.swiper-scrollbar.sc-homepage-jumbotron{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-disabled.sc-homepage-jumbotron{display:none !important}.swiper-horizontal.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-horizontal.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-vertical.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag.sc-homepage-jumbotron{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag.sc-homepage-jumbotron{cursor:move}.swiper-scrollbar-lock.sc-homepage-jumbotron{display:none}.swiper-zoom-container.sc-homepage-jumbotron{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container.sc-homepage-jumbotron>img.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>svg.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>canvas.sc-homepage-jumbotron{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed.sc-homepage-jumbotron{cursor:move;touch-action:none}.swiper.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{transition-timing-function:ease-out;margin:0 auto}.swiper-grid.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap}.swiper-grid-column.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transition-timing-function:ease-out}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;transition-property:opacity}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron{overflow:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-cube.swiper-rtl.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:100% 0}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-prev.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron+.swiper-slide.sc-homepage-jumbotron{pointer-events:auto;visibility:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip.sc-homepage-jumbotron{overflow:visible}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards.sc-homepage-jumbotron{overflow:visible}.swiper-cards.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{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}}.sc-homepage-jumbotron-h{display:block;width:100%;height:auto;position:relative;overflow:hidden}ptc-jumbotron.sc-homepage-jumbotron{height:fit-content}@media screen and (min-width: 992px){ptc-jumbotron.sc-homepage-jumbotron{height:86vh}}.hp-sub-title.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}.hp-h1.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}.swiper-container.sc-homepage-jumbotron{position:relative;z-index:999;width:100%;height:100%;transform:translateY(-20px);max-width:1200px;margin:0 auto}@media screen and (min-width: 1200px){.swiper-wrapper.sc-homepage-jumbotron{justify-content:center}}.swiper-slide.sc-homepage-jumbotron{display:flex;justify-content:center;align-items:center}.swiper-button-next.sc-homepage-jumbotron,.swiper-button-prev.sc-homepage-jumbotron{color:transparent}";
 
 const HomepageJumbotron = class {
   constructor(hostRef) {
@@ -22,6 +22,7 @@ const HomepageJumbotron = class {
     this.activeMainTitle = undefined;
     this.activeSubTitle = undefined;
     this.activeButton = undefined;
+    this.tileElements = [];
   }
   componentWillLoad() {
     this.updateDefaultContent();
@@ -54,12 +55,17 @@ const HomepageJumbotron = class {
       console.log('running swiper');
     }
   }
+  destroySlider() {
+    if (this.mySwiper) {
+      this.mySwiper.destroy(true, true);
+    }
+  }
   handleTileClick(tabIndex) {
     this.activeTab = tabIndex;
     this.updateActiveContent();
-    if (this.mySwiper) {
-      this.mySwiper.update();
-    }
+    this.updateTileElements();
+    this.destroySlider();
+    this.initSlider();
   }
   updateDefaultContent() {
     const defaultBgVideoElement = this.el.querySelector(`[slot="bg-video-src"]`);
@@ -80,22 +86,22 @@ const HomepageJumbotron = class {
     this.activeMainTitle = activeMainTitleElement ? activeMainTitleElement.innerHTML : '';
     this.activeSubTitle = activeSubTitleElement ? activeSubTitleElement.innerHTML : '';
     this.activeButton = activeButtonElement ? activeButtonElement.innerHTML : '';
-    this.tileCount = this.el.querySelectorAll(`[slot^="jumbotron-tile-image-${this.activeTab}"]`).length;
-    console.log("sub tile counts: " + this.tileCount + "; this active tab: " + this.activeTab);
+    //this.tileCount = this.el.querySelectorAll(`[slot^="jumbotron-tile-image-${this.activeTab}"]`).length;
+    //console.log('sub tile counts: ' + this.tileCount + '; this active tab: ' + this.activeTab);
+    this.updateTileElements();
+  }
+  updateTileElements() {
+    const tiles = Array.from(this.el.querySelectorAll(`[slot^="jumbotron-tile-${this.activeTab}"]`));
+    this.tileElements = tiles;
+    //console.log('tile check: ' + tiles[0].outerHTML);
   }
   onItemSelected(event) {
     this.handleTileClick(event.detail);
   }
   render() {
-    // const tileCount = this.el.querySelectorAll('[slot^="jumbotron-tile-image-"]').length;
-    const tileSlots = Array.from({ length: 3 }, (_, index) => ({
-      image: `jumbotron-tile-image-${this.activeTab}-${index}`,
-      title: `jumbotron-tile-title-${this.activeTab}-${index}`,
-      description: `jumbotron-tile-description-${this.activeTab}-${index}`,
-    }));
     return (index.h(index.Host, null, index.h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!this.activeBgVideoSrc && { bgVideoSrc: this.activeBgVideoSrc }), (!this.bgVideoSrc && !!this.bgSrc && { bgSrc: this.bgSrc }), { "is-iframe": this.isIframe, "is-homepage": "true", "sub-title": "" //sub title is coming from slot here
       ,
-      "play-button-title": this.playBtnText, "pause-button-title": this.pauseBtnText, "button-location": "allbp-bottom-right" }), index.h("slot", { name: "breadcrumb" }), index.h("h1", { slot: "main-title", class: "hp-h1" }, this.activeMainTitle), index.h("p", { slot: "hp-sub-title", class: "hp-sub-title" }, this.activeSubTitle), index.h("div", { slot: "j-cta", innerHTML: this.activeButton })), index.h("div", { class: "swiper-container", ref: el => (this.swiperContainerRef = el) }, index.h("div", { class: "swiper-wrapper" }, tileSlots.map(({ image, title, description }, index$1) => (index.h("div", { class: "swiper-slide", key: index$1 }, index.h("ptc-info-tile", { variant: "image", link: "#test" }, index.h("div", { slot: "tile-image" }, index.h("slot", { name: image })), index.h("div", { slot: "tile-title" }, index.h("slot", { name: title })), index.h("div", { slot: "tile-description" }, index.h("slot", { name: description }))))))), index.h("div", { class: "swiper-pagination" }))));
+      "play-button-title": this.playBtnText, "pause-button-title": this.pauseBtnText, "button-location": "allbp-bottom-right" }), index.h("slot", { name: "breadcrumb" }), index.h("h1", { slot: "main-title", class: "hp-h1" }, this.activeMainTitle), index.h("p", { slot: "hp-sub-title", class: "hp-sub-title" }, this.activeSubTitle), index.h("div", { slot: "j-cta", innerHTML: this.activeButton })), index.h("div", { class: "swiper-container", ref: el => (this.swiperContainerRef = el) }, index.h("div", { class: "swiper-wrapper" }, this.tileElements.map((tile, index$1) => (index.h("div", { class: "swiper-slide", key: index$1, innerHTML: tile.outerHTML })))), index.h("div", { class: "swiper-pagination" }))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/homepage-toggled-content.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const homepageToggledContentCss = "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}}::slotted(.title){color:var(--color-gray-10);font-family:Raleway;font-size:32px;font-style:normal;font-weight:800;line-height:40px;}::slotted(.description){color:var(--color-gray-10);font-family:Raleway;font-size:18px;font-style:normal;font-weight:400;line-height:27px;}.header{text-align:center;margin-bottom:20px}@media only screen and (min-width: 992px){.header{width:70%}}.tabs{display:flex;justify-content:center;margin-bottom:64px}.tabs-desktop{display:flex;gap:24px}.tabs-mobile{display:none;position:relative}.dropdown-button{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%);color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:calc(100% - 2px);background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border:1px solid var(--color-gray-10);border-top:0px}.dropdown-menu .dropdown-item{color:var(--gray-10-text-gray, #323B42);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-item{padding:10px;cursor:pointer;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;overflow:hidden}.tab-content{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.tab-content{display:flex;flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;overflow:hidden;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:72px;display:flex;flex-wrap:wrap;gap:24px}";
+const homepageToggledContentCss = "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}}::slotted(.title){color:var(--color-gray-10);font-family:Raleway;font-size:32px;font-style:normal;font-weight:800;line-height:40px;}::slotted(.description){color:var(--color-gray-10);font-family:Raleway;font-size:18px;font-style:normal;font-weight:400;line-height:27px;}.header{text-align:center;margin-bottom:20px}@media only screen and (min-width: 992px){.header{width:70%}}.tabs{display:flex;justify-content:center;margin-bottom:64px}.tabs-desktop{display:flex;gap:24px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:calc(100% - 2px);background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;overflow:hidden}.tab-content{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.tab-content{display:flex;flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;overflow:hidden;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:72px;display:flex;flex-wrap:wrap;gap:24px}";
 
 const HomepageToggledContent = class {
   constructor(hostRef) {
@@ -31,7 +31,7 @@ const HomepageToggledContent = class {
     const upArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const downArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const tabs = this.getTabs();
-    return (index.h("div", null, index.h("div", { class: "header" }, index.h("h2", null, index.h("slot", { name: "title" })), index.h("p", null, index.h("slot", { name: "description" }))), index.h("div", { class: "tabs" }, index.h("div", { class: "tabs-desktop" }, tabs.map(tab => (index.h("homepage-clickable-tab", { label: tab.label, active: this.activeTab === tab.index, activeColor: this.colors[tab.index], onClick: () => this.handleTabSelected(tab.index) })))), index.h("div", { class: "tabs-mobile" }, index.h("button", { class: "dropdown-button", onClick: () => this.toggleDropdown() }, index.h("slot", { name: `tab-label-${this.activeTab}` }), index.h("span", { class: "arrow" }, this.dropdownOpen ? upArrow : downArrow)), this.dropdownOpen && (index.h("div", { class: "dropdown-menu" }, tabs.map(tab => (index.h("div", { class: "dropdown-item", onClick: () => this.handleTabSelected(tab.index) }, index.h("slot", { name: `tab-label-${tab.index}` })))))))), index.h("div", { class: "content" }, tabs.map((tab, index$1) => (index.h("div", { style: { display: this.activeTab === index$1 ? 'flex' : 'none' }, class: "tab-content" }, index.h("slot", { name: `tab-image-${index$1}` }), index.h("div", { class: "content-detail" }, index.h("div", { hidden: true }, tab.label), index.h("h2", null, index.h("slot", { name: `tab-title-${index$1}` })), index.h("p", null, index.h("slot", { name: `tab-content-${index$1}` })), index.h("slot", { name: `tab-button-${index$1}` }), Array.from(this.el.querySelectorAll(`[slot^="tab-tile-title-${index$1}"]`)).length > 0 ? (index.h("div", { class: "info-card-wrapper" }, index.h("ptc-info-tile", { variant: 'text' }, index.h("div", { slot: "tile-title" }, index.h("slot", { name: `tab-tile-title-${index$1}-0` })), index.h("div", { slot: "tile-description" }, index.h("slot", { name: `tab-tile-description-${index$1}-0` }))), index.h("ptc-info-tile", { variant: 'text' }, index.h("div", { slot: "tile-title" }, index.h("slot", { name: `tab-tile-title-${index$1}-1` })), index.h("div", { slot: "tile-description" }, index.h("slot", { name: `tab-tile-description-${index$1}-1` }))))) : null)))))));
+    return (index.h("div", null, index.h("div", { class: "header" }, index.h("h2", null, index.h("slot", { name: "title" })), index.h("p", null, index.h("slot", { name: "description" }))), index.h("div", { class: "tabs" }, index.h("div", { class: "tabs-desktop" }, tabs.map(tab => (index.h("homepage-clickable-tab", { label: tab.label, active: this.activeTab === tab.index, activeColor: this.colors[tab.index], onClick: () => this.handleTabSelected(tab.index) })))), index.h("div", { class: "tabs-mobile" }, index.h("button", { class: `dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen ? "opened" : ""}`, onClick: () => this.toggleDropdown() }, tabs[this.activeTab].label, index.h("span", { class: "arrow" }, this.dropdownOpen ? upArrow : downArrow)), this.dropdownOpen && (index.h("div", { class: "dropdown-menu" }, tabs.map(tab => (index.h("div", { class: "dropdown-item", onClick: () => this.handleTabSelected(tab.index) }, index.h("slot", { name: `tab-label-${tab.index}` })))))))), index.h("div", { class: "content" }, tabs.map((tab, index$1) => (index.h("div", { style: { display: this.activeTab === index$1 ? 'flex' : 'none' }, class: "tab-content" }, index.h("slot", { name: `tab-image-${index$1}` }), index.h("div", { class: "content-detail" }, index.h("div", { hidden: true }, tab.label), index.h("h2", null, index.h("slot", { name: `tab-title-${index$1}` })), index.h("p", null, index.h("slot", { name: `tab-content-${index$1}` })), index.h("slot", { name: `tab-button-${index$1}` }), Array.from(this.el.querySelectorAll(`[slot^="tab-tile-title-${index$1}"]`)).length > 0 ? (index.h("div", { class: "info-card-wrapper" }, index.h("ptc-info-tile", { variant: 'text' }, index.h("div", { slot: "tile-title" }, index.h("slot", { name: `tab-tile-title-${index$1}-0` })), index.h("div", { slot: "tile-description" }, index.h("slot", { name: `tab-tile-description-${index$1}-0` }))), index.h("ptc-info-tile", { variant: 'text' }, index.h("div", { slot: "tile-title" }, index.h("slot", { name: `tab-tile-title-${index$1}-1` })), index.h("div", { slot: "tile-description" }, index.h("slot", { name: `tab-tile-description-${index$1}-1` }))))) : null)))))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/jumbotron-sub-menu.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const jumbotronSubMenuCss = "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}}.menu{display:block;background-color:white;color:black;position:relative}.menu-list{list-style:none;margin:0;padding:10px 0;display:none;flex-direction:column;background-color:white;width:100%;position:absolute;top:40px;right:0;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);border-radius:4px}.menu-list.open{display:flex}.menu-list li{margin:0}.menu-list button{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);text-decoration:none;border:none;background:none;cursor:pointer;line-height:var(--ptc-line-height-p);position:relative;text-align:left;width:100%;padding:12px 24px}.menu-list button::after{content:\"\";display:block;width:2px;height:24px;background:var(--color-green-07);transition:transform 0.3s ease;transform:scaleX(0);transform-origin:left;position:absolute;top:25%;left:10px}.menu-list button:hover::after,.menu-list button:focus::after{transform:scaleX(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:flex;align-items:center;cursor:pointer;font-size:18px;text-align:left;padding:10px 20px;background-color:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}@media (min-width: 992px){.menu{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:10px 0;color:white;position:relative;font-family:var(--ptc-font-latin);left:0;top:32px}.menu-list{display:flex;flex-direction:row;justify-content:center;gap:32px;background-color:transparent;width:auto;position:relative;top:auto;right:auto;box-shadow:none;border-radius:0}.menu-list button{text-align:center;width:auto;padding:10px 0px;font-size:16px;color:white;font-family:var(--ptc-font-latin)}.menu-list button::after{position:absolute;width:100%;height:2px;transform-origin:bottom;bottom:0;margin-top:24px;background:var(--color-white);left:0;transform:scaleY(0)}.menu-list button:hover::after,.menu-list button:focus::after{transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:none}}";
+const jumbotronSubMenuCss = "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}}.menu{display:block;background-color:transparent;color:black;position:relative}.menu-list{list-style:none;margin:0;padding:10px 0;display:none;flex-direction:column;background-color:white;width:240px;position:absolute;top:40px;left:0;margin-top:var(--ptc-element-spacing-03);box-shadow:var(--ptc-shadow-x-small);border-radius:var(--ptc-border-radius-standard)}.menu-list.open{display:flex}.menu-list li{margin:0}.menu-list button{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);text-decoration:none;border:none;background:none;cursor:pointer;line-height:var(--ptc-line-height-p);position:relative;text-align:left;width:100%;padding:12px 24px}.menu-list button::after{content:\"\";display:block;width:2px;height:24px;background:var(--color-green-07);transition:transform 0.3s ease;transform:scaleX(0);transform-origin:left;position:absolute;top:25%;left:10px}.menu-list button:hover::after,.menu-list button:focus::after{transform:scaleX(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:flex;align-items:center;cursor:pointer;font-size:var(--ptc-font-size-x-small);text-align:left;padding:8px 0px;background-color:var(--color-white);border-bottom:3px solid var(--color-white);justify-content:flex-end;width:fit-content;background-color:transparent}.mobile-menu-text{color:var(--color-white);text-align:center;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);margin-right:var(--ptc-element-spacing-03)}@media (min-width: 992px){.menu{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:0px;color:white;position:relative;font-family:var(--ptc-font-latin);left:0;top:0px}.menu-list{display:flex;flex-direction:row;justify-content:center;gap:32px;background-color:transparent;width:auto;position:relative;top:auto;right:auto;box-shadow:none;border-radius:0;margin-top:0px;padding-top:0px;padding-bottom:0px}.menu-list button{text-align:center;width:auto;padding:0px;font-size:16px;color:white;font-family:var(--ptc-font-latin)}.menu-list button::after{position:absolute;width:100%;height:2px;transform-origin:bottom;bottom:0;margin-top:24px;background:var(--color-white);left:0;transform:scaleY(0)}.menu-list button:hover::after,.menu-list button:focus::after{transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:none}}";
 
 const JumbotronSubMenu = class {
   constructor(hostRef) {
@@ -21,24 +21,24 @@ const JumbotronSubMenu = class {
     this.isOpen = false;
     this.itemSelected.emit(index); // Emit the custom event
   }
-  getMenuItemContent(index) {
-    const slot = this.el.querySelector(`slot[name="menu-item-${index}"]`);
-    if (slot) {
-      const nodes = slot.assignedNodes({ flatten: true });
-      if (nodes.length > 0 && nodes[0].nodeType === Node.ELEMENT_NODE) {
-        return nodes[0].innerText || '';
-      }
-      else if (nodes.length > 0 && nodes[0].nodeType === Node.TEXT_NODE) {
-        return nodes[0].textContent || '';
-      }
-    }
-    return '';
-  }
+  // getMenuItemContent(index: number): string {
+  //   const slot = this.el.querySelector(`slot[name="menu-item-${index}"]`) as HTMLSlotElement;
+  //   if (slot) {
+  //     const nodes = slot.assignedNodes({ flatten: true });
+  //     if (nodes.length > 0 && nodes[0].nodeType === Node.ELEMENT_NODE) {
+  //       return (nodes[0] as HTMLElement).innerText || '';
+  //     } else if (nodes.length > 0 && nodes[0].nodeType === Node.TEXT_NODE) {
+  //       return nodes[0].textContent || '';
+  //     }
+  //   }
+  //   return '';
+  // }
   render() {
-    const upArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "black", "stroke-width": "3", "stroke-linecap": "round" })));
-    const downArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "black", "stroke-width": "3", "stroke-linecap": "round" })));
+    const upArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
+    const downArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const menuItems = Array.from(this.el.querySelectorAll('[slot^="menu-item"]'));
-    return (index.h("nav", { class: "menu" }, index.h("div", { class: "mobile-menu-icon", onClick: () => this.toggleMenu() }, this.getMenuItemContent(this.activeItem), index.h("span", null, this.isOpen ? upArrow : downArrow)), index.h("ul", { class: `menu-list ${this.isOpen ? 'open' : ''}` }, menuItems.map((_, index$1) => (index.h("li", { key: index$1 }, index.h("button", { onClick: () => this.selectItem(index$1) }, index.h("slot", { name: `menu-item-${index$1}` }))))))));
+    //console.log("menuItems: " + menuItems[0].textContent)
+    return (index.h("nav", { class: "menu" }, index.h("div", { class: "mobile-menu-icon", onClick: () => this.toggleMenu() }, index.h("span", { class: "mobile-menu-text" }, menuItems[this.activeItem].textContent), index.h("span", null, this.isOpen ? upArrow : downArrow)), index.h("ul", { class: `menu-list ${this.isOpen ? 'open' : ''}` }, menuItems.map((_, index$1) => (index.h("li", { key: index$1 }, index.h("button", { onClick: () => this.selectItem(index$1) }, index.h("slot", { name: `menu-item-${index$1}` }))))))));
   }
   get el() { return index.getElement(this); }
 };