@ptcwebops/ptcw-design 7.0.3-upgrade → 7.0.5-upgrade

package/dist/esm/ptc-multi-select.entry.js

@@ -0,0 +1,324 @@
+import { r as registerInstance, c as createEvent, a as getElement, V as ValidationMessages, h, H as Host } from './index-DybB092g.js';
+import { h as getLanguageFromURL } from './index-BQ-J1lHr.js';
+
+const ptcMultiSelectCss = ".ptc-multi-select{position:relative;display:block;margin-bottom:var(--ptc-element-spacing-04)}.ptc-multi-select.invalid::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 8px);background:#fef3f3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-multi-select.invalid .mdc-select-helper-text--validation-msg{z-index:2;opacity:1;position:relative;color:#af3231;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);opacity:1;height:auto;margin-left:8px;margin-top:var(--ptc-element-spacing-02)}.ptc-multi-select.invalid .mdc-select-helper-text--validation-msg svg{transform:translate(-8px, 3px)}.ptc-multi-select .multi-select-label{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);z-index:1;position:relative;color:#40434a}.ptc-multi-select .selected-items{cursor:pointer;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.38);padding:8px;border-radius:0px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-gray-12);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);max-width:100%;max-height:34px;overflow:hidden;line-height:24px;display:flex;align-items:center}.ptc-multi-select .selected-items:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);outline-offset:-4px}.ptc-multi-select .selected-items:focus{border:2px solid var(--color-blue-07)}.ptc-multi-select .selected-items[aria-expanded]{border:2px solid var(--color-blue-07)}.ptc-multi-select .selected-items .input-text{width:calc(100% - 18px);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.ptc-multi-select .multi-select-icon{fill:rgba(0, 0, 0, 0.54);position:absolute;right:var(--ptc-element-spacing-02);width:18px;height:18px;margin:0 auto}.ptc-multi-select .multi-select-icon .multi-arrow-svg{transform:translate(-50%, 25%);position:relative;left:50%;bottom:25%}.ptc-multi-select .dropdown{display:none;list-style:none;padding:0;margin:0;border:1px solid #ccc;max-height:350px;overflow-y:auto;position:absolute;width:100%;background-color:#fff;z-index:1000}.ptc-multi-select .dropdown.show{display:block}.ptc-multi-select .dropdown li{display:flex;align-items:center;padding:5px 8px;cursor:pointer;color:var(--color-gray-10);position:relative}.ptc-multi-select .dropdown li:hover,.ptc-multi-select .dropdown li:focus-within{background-color:var(--color-gray-02)}.ptc-multi-select .dropdown li.selected{background-color:var(--color-gray-02)}.ptc-multi-select .dropdown li.selected:hover{background-color:var(--color-gray-04)}.ptc-multi-select .dropdown li label{display:-webkit-box;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);position:relative;padding-left:22px;cursor:pointer;width:100%;overflow:hidden;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:24px}.ptc-multi-select .dropdown li{}.ptc-multi-select .dropdown li:focus-within{background-color:var(--color-gray-02);outline:none}.ptc-multi-select .dropdown li:last-child{border-bottom:none}.ptc-multi-select .dropdown input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.ptc-multi-select .dropdown input[type=checkbox]:checked{background-color:var(--color-green-07)}.ptc-multi-select .dropdown{}.ptc-multi-select .dropdown label::before{content:\"\";position:absolute;left:0;top:5px;width:14px;height:14px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box}.ptc-multi-select .dropdown{}.ptc-multi-select .dropdown input[type=checkbox]:checked+label::before{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-multi-select .dropdown input[type=checkbox]:checked+label::after{content:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.15341 1.14134C7.0572 1.04719 6.94024 1 6.80262 1C6.66499 1 6.54771 1.04719 6.45158 1.14134L3.06571 4.45979L1.5485 2.96965C1.45197 2.8755 1.33501 2.82831 1.19738 2.82831C1.05976 2.82831 0.942797 2.8755 0.846348 2.96965L0.144437 3.65645C0.0482247 3.75091 0 3.86528 0 4.00004C0 4.13472 0.0482247 4.2494 0.144437 4.34355L2.01277 6.17186L2.71492 6.85866C2.81113 6.95312 2.92809 7 3.06571 7C3.20334 7 3.3203 6.95312 3.41675 6.85866L4.11866 6.17186L7.85556 2.51525C7.95177 2.42086 8 2.30641 8 2.17173C8 2.03705 7.95177 1.9226 7.85556 1.82814L7.15341 1.14134Z' fill='white'/%3E%3C/svg%3E\");position:absolute;left:3px;top:0px;color:white;width:8px;height:24px}.ptc-multi-select button.ddl-click-text{all:unset;cursor:pointer;color:var(--color-gray-7);text-decoration:underline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold)}.ptc-multi-select .tooltip{position:absolute;transform:translate(0, -12px);z-index:1001;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:-moz-fit-content;height:fit-content;text-align:left;text-shadow:none;white-space:normal}.ptc-multi-select .tooltip::after{position:absolute;content:\"\";bottom:0px;border:8px solid transparent;border-top:8px solid var(--color-gray-09);left:50%;transform:translate(-50%, 100%)}@media only screen and (min-width: 992px){.ptc-multi-select .tooltip{width:273px;transform:translate(-100%, 80%)}.ptc-multi-select .tooltip::after{right:8px;left:auto;transform:translateY(100%)}}.ptc-multi-select .tooltip span{word-break:initial}";
+
+const PtcMultiSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.ptcMultiSelectLoaded = createEvent(this, "ptcMultiSelectLoaded");
+    }
+    get el() { return getElement(this); }
+    items = [
+        // Initialize with your items, setting 'selected' to false
+        {
+            text: "Lorem Ipsum dolor sit amet",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+        {
+            text: "Consectetur adipiscing elit",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+        {
+            text: "Sed do eiusmod tempor",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+        {
+            text: "Incididunt ut labore",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+        {
+            text: "Et dolore magna aliqua",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+        {
+            text: "Duis aute irure dolor",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+        {
+            text: "In reprehenderit in voluptate",
+            selected: false,
+            ptcDataEloquaName: "data-eloqua-name",
+            ptcDataTargetEloquaName: "data-target-eloqua-name",
+        },
+    ];
+    label = "label";
+    selectAllText = "Select All";
+    clearAllText = "Clear Selected Items";
+    isRequired = false;
+    helpertext = "This field is required";
+    placeholderText = "Please select a company";
+    showDropdown = false;
+    language = "en";
+    isValid = true;
+    selectedItemsCount = 0;
+    hasInteracted = false;
+    tooltipText = "";
+    tooltipVisible = false;
+    tooltipPosition = {
+        top: 0,
+        left: 0,
+    };
+    ptcMultiSelectLoaded;
+    // To track the index of the focused item
+    focusedItemIndex = -1;
+    componentWillLoad() {
+        this.language = getLanguageFromURL();
+        // Initialize selectedItemsCount based on initial selections
+        this.selectedItemsCount = this.items.filter((item) => item.selected).length;
+    }
+    componentDidLoad() {
+        this.ptcMultiSelectLoaded.emit();
+    }
+    handleDocumentClick(event) {
+        const clickedInside = this.el.contains(event.target);
+        if (!clickedInside) {
+            this.showDropdown = false;
+            this.selectedItemsCount = this.items.filter((item) => item.selected).length;
+            this.updateValidity();
+            this.focusedItemIndex = -1;
+        }
+    }
+    toggleDropdown() {
+        this.showDropdown = !this.showDropdown;
+        this.hasInteracted = true;
+        if (this.showDropdown) {
+            requestAnimationFrame(() => {
+                this.focusFirstItem();
+            });
+        }
+        else {
+            this.selectedItemsCount = this.items.filter((item) => item.selected).length;
+            this.updateValidity();
+            this.focusedItemIndex = -1;
+        }
+    }
+    async focusToggleButton() {
+        const toggleButton = this.el.querySelector(".selected-items");
+        if (toggleButton) {
+            toggleButton.focus();
+        }
+    }
+    handleBlur = () => {
+        this.hasInteracted = true;
+        this.updateValidity();
+    };
+    toggleItemSelection(index) {
+        this.items = [
+            ...this.items.slice(0, index),
+            { ...this.items[index], selected: !this.items[index].selected },
+            ...this.items.slice(index + 1),
+        ];
+        this.selectedItemsCount = this.items.filter((item) => item.selected).length;
+        this.updateValidity();
+    }
+    updateValidity = () => {
+        if (this.hasInteracted && this.isRequired && !this.showDropdown) {
+            this.isValid = this.selectedItemsCount > 0;
+            this.setHelperText();
+        }
+        else {
+            this.isValid = true;
+            this.setHelperText();
+        }
+    };
+    selectAllItems = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        this.items = this.items.map((item) => ({ ...item, selected: true }));
+        this.selectedItemsCount = this.items.length;
+        this.updateValidity();
+    };
+    clearSelectedItems = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        this.items = this.items.map((item) => ({ ...item, selected: false }));
+        this.selectedItemsCount = 0;
+        this.updateValidity();
+    };
+    getValidationMessage(type) {
+        return ValidationMessages[this.language][type];
+    }
+    setHelperText() {
+        this.helpertext = this.getValidationMessage("select");
+    }
+    showTooltip(event, text) {
+        this.tooltipText = text;
+        // this.tooltipPosition = {
+        //   top: 100, // Adjust as necessary to position above the item
+        //   left: -rect.left + 624.1,
+        // };
+        this.tooltipVisible = true;
+    }
+    hideTooltip() {
+        this.tooltipVisible = false;
+    }
+    // Keyboard Accessibility Handlers
+    handleKeyDownToggle(event) {
+        switch (event.key) {
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                this.toggleDropdown();
+                break;
+            case "ArrowDown":
+                event.preventDefault();
+                if (!this.showDropdown) {
+                    this.toggleDropdown();
+                }
+                else {
+                    this.focusNextItem();
+                }
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                if (!this.showDropdown) {
+                    this.toggleDropdown();
+                }
+                else {
+                    this.focusPreviousItem();
+                }
+                break;
+        }
+    }
+    handleKeyDownItem(event, index) {
+        const isAllSelected = this.selectedItemsCount === this.items.length &&
+            this.items.length > 0;
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.focusNextItem();
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.focusPreviousItem();
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                if (index === 0) {
+                    // First item is "Select All/Clear Selected Items"
+                    if (isAllSelected) {
+                        this.clearSelectedItems(event);
+                    }
+                    else {
+                        this.selectAllItems(event);
+                    }
+                }
+                else {
+                    this.toggleItemSelection(index - 1);
+                }
+                break;
+            case "Escape":
+                event.preventDefault();
+                this.showDropdown = false;
+                this.focusToggleButton();
+                break;
+        }
+    }
+    focusFirstItem() {
+        if (this.items.length + 1 > 0) {
+            this.focusedItemIndex = 0;
+            this.focusItem(this.focusedItemIndex);
+        }
+    }
+    focusLastItem() {
+        if (this.items.length + 1 > 0) {
+            this.focusedItemIndex = this.items.length;
+            this.focusItem(this.focusedItemIndex);
+        }
+    }
+    focusNextItem() {
+        if (this.focusedItemIndex < this.items.length) {
+            this.focusedItemIndex += 1;
+        }
+        else {
+            this.focusedItemIndex = 0;
+        }
+        this.focusItem(this.focusedItemIndex);
+    }
+    focusPreviousItem() {
+        if (this.focusedItemIndex > 0) {
+            this.focusedItemIndex -= 1;
+        }
+        else {
+            this.focusedItemIndex = this.items.length; // Loop to last
+        }
+        this.focusItem(this.focusedItemIndex);
+    }
+    focusItem(index) {
+        if (index === 0) {
+            const selectAllButton = this.el.querySelector(`#multi-select-item-0 > button`);
+            if (selectAllButton) {
+                selectAllButton.focus();
+            }
+        }
+        else {
+            const checkbox = this.el.querySelector(`#multi-select-item-${index} input[type="checkbox"]`);
+            if (checkbox) {
+                checkbox.focus();
+            }
+        }
+    }
+    render() {
+        const selectedItems = this.items.filter((item) => item.selected);
+        const selectedItemsCount = selectedItems.length;
+        const isAllSelected = selectedItemsCount === this.items.length && this.items.length > 0;
+        const buttonLabel = isAllSelected
+            ? this.clearAllText
+            : this.selectAllText;
+        const buttonAction = isAllSelected
+            ? this.clearSelectedItems
+            : this.selectAllItems;
+        let displayText = `${selectedItemsCount} selected`;
+        if (selectedItemsCount === 0) {
+            displayText = this.placeholderText;
+        }
+        if (selectedItemsCount === 1) {
+            displayText = selectedItems[0].text;
+        }
+        return (h(Host, { key: '8de6eea9194b0ce0d3e5da4d833cdb27702afcac', class: {
+                "ptc-multi-select": true,
+                invalid: !this.isValid,
+                "mf-listen": true,
+            } }, h("label", { key: '3fc69c9626bf733cd1d3c03291bd82ea7852c56c', class: "multi-select-label", id: `multi-select-label-${this.label}` }, this.label), h("div", { key: '549d752ae8d127096a8512858fa07ad9e8950fc3', class: "selected-items multi-selected-items", role: "button", "aria-haspopup": "listbox", "aria-expanded": this.showDropdown, "aria-labelledby": `multi-select-label-${this.label}`, tabIndex: 0, onClick: () => this.toggleDropdown(), onKeyDown: (event) => this.handleKeyDownToggle(event) }, h("div", { key: 'd2edd3be98022ddde774ce6c1f14ba70b1f393e8', class: "input-text" }, displayText), h("span", { key: '6d287f1409fd76b5e317983b140015c6cd180d3b', class: "multi-select-icon" }, h("svg", { key: 'e1141e611b39f7de2723c29d8faecbef69a96d8a', class: "multi-arrow-svg", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e20dd52b64e757d4fac42f82a63c2fbbd4eb9fd2', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("ul", { key: '8d920bf39f083c74c4b567a25983c4a281ad6c43', class: "dropdown" + (this.showDropdown ? " show" : ""), role: "listbox", "aria-labelledby": `multi-select-label-${this.label}`, tabIndex: -1 }, h("li", { key: 'fdcc2f4c76094b1a191896685bfad12cdb386186', id: `multi-select-item-0`, role: "option", "aria-selected": isAllSelected, class: { selected: isAllSelected }, tabIndex: -1, onKeyDown: (event) => this.handleKeyDownItem(event, 0) }, h("button", { key: '3aeff2dde4b50d979783a64437bbf2309e817f19', onClick: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                buttonAction(event);
+            }, class: "ddl-click-text" }, buttonLabel)), this.items.map((item, index) => (h("li", { key: index + 1, id: `multi-select-item-${index + 1}`, role: "option", "aria-selected": item.selected, class: { selected: item.selected }, tabIndex: -1, onMouseEnter: (event) => this.checkOverflow(event, item.text), onMouseLeave: () => this.hideTooltip(), onKeyDown: (event) => this.handleKeyDownItem(event, index + 1), onClick: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                this.toggleItemSelection(index);
+            } }, h("input", { class: "multi-checkbox", type: "checkbox", id: `checkbox-${index}`, checked: item.selected, "data-eloqua-name": item.ptcDataEloquaName, "data-target-eloqua-name": item.ptcDataTargetEloquaName, required: this.isRequired, onClick: (event) => {
+                event.stopPropagation(); // Prevents the dropdown from closing
+                this.toggleItemSelection(index);
+            }, onBlur: this.handleBlur }), h("label", { htmlFor: `checkbox-${index}` }, item.text))))), this.tooltipVisible && (h("div", { key: 'fe4606ca2952d820e63ee3f23784bf95e5e9e628', class: "tooltip", style: {
+                top: `${this.tooltipPosition.top}px`,
+                left: `${this.tooltipPosition.left}px`,
+            } }, this.tooltipText)), h("div", { key: 'e145e438265fca4e030328599c984796ba1448cb', id: "tbd", class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: '2a430f8564b808ee0a78c9543f2533fa28698c7c', class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '05ff97a893b39a320e55da04b06826ed1599c9af', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '7185785667f302a1c432ba0611f643e2e58d0364', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", { key: '0ed202fb9fa9e52a259e7e5e7a37ee4ba78f8740' }, h("clipPath", { key: '860b09eb1e58bd9cc8efccaeaffb7f3e4fe21444', id: "clip0_12_1424" }, h("rect", { key: '22cb212fd2bf6f839f7f9d433ba8256405f3d72a', width: "16", height: "16", fill: "white" })))), this.helpertext)));
+    }
+    // Ensure that checkOverflow is inside the class
+    checkOverflow(event, text) {
+        const target = event.currentTarget;
+        const label = target.querySelector("label");
+        if (label && label.scrollHeight > label.clientHeight) {
+            this.showTooltip(event, text);
+        }
+    }
+};
+PtcMultiSelect.style = ptcMultiSelectCss;
+
+export { PtcMultiSelect as ptc_multi_select };
+//# sourceMappingURL=ptc-multi-select.entry.js.map

package/dist/esm/ptc-multi-select.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ptc-multi-select.entry.js","sources":["src/components/molecules/ptc-multi-select/ptc-multi-select.scss?tag=ptc-multi-select","src/components/molecules/ptc-multi-select/ptc-multi-select.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n.ptc-multi-select {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\r\n\t&.invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\t\tz-index: 2;\r\n\t\t\topacity: 1;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\tcolor: #af3231;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-style: normal;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\topacity: 1;\r\n\t\t\theight: auto;\r\n\t\t\tmargin-left: 8px;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\r\n\t\t\tsvg {\r\n\t\t\t\ttransform: translate(-8px, 3px);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.multi-select-label {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.selected-items {\r\n\t\tcursor: pointer;\r\n\t\tbackground-color: #fff;\r\n\t\tborder: 1px solid rgba(0, 0, 0, 0.38);\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 0px;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tmax-width: 100%;\r\n\t\tmax-height: 34px;\r\n\t\toverflow: hidden;\r\n\t\tline-height: 24px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t\toutline-offset: -4px;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder: 2px solid var(--color-blue-07);\r\n\t\t}\r\n\r\n\t\t&[aria-expanded] {\r\n\t\t\tborder: 2px solid var(--color-blue-07);\r\n\t\t}\r\n\r\n\t\t.input-text {\r\n\t\t\twidth: calc(100% - 18px);\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\tline-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\t}\r\n\r\n\t.multi-select-icon {\r\n\t\tfill: rgba(0, 0, 0, 0.54);\r\n\t\tposition: absolute;\r\n\t\tright: var(--ptc-element-spacing-02);\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tmargin: 0 auto;\r\n\r\n\t\t.multi-arrow-svg {\r\n\t\t\ttransform: translate(-50%, 25%);\r\n\t\t\tposition: relative;\r\n\t\t\tleft: 50%;\r\n\t\t\tbottom: 25%;\r\n\t\t}\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tdisplay: none;\r\n\t\tlist-style: none;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tborder: 1px solid #ccc;\r\n\t\tmax-height: 350px;\r\n\t\toverflow-y: auto;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\tbackground-color: #fff;\r\n\t\tz-index: 1000;\r\n\r\n\t\t&.show {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 5px 8px;\r\n\t\t\tcursor: pointer;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tposition: relative; // Ensure positioning for child elements\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus-within {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t&.selected {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-04);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlabel {\r\n\t\t\t\tdisplay: -webkit-box;\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding-left: 22px; //(22-14=8)\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t-webkit-line-clamp: 4;\r\n\t\t\t\tline-clamp: 4;\r\n\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\r\n\t\t\t/* Focused item styles */\r\n\t\t\t&:focus-within {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tli:last-child {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Custom square for the checkbox */\r\n\t\tlabel::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 5px;\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #ccc;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\r\n\t\t/* When checkbox is checked, change background color */\r\n\t\tinput[type=\"checkbox\"]:checked + label::before {\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tborder-color: var(--color-green-07);\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"]:checked + label::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.15341 1.14134C7.0572 1.04719 6.94024 1 6.80262 1C6.66499 1 6.54771 1.04719 6.45158 1.14134L3.06571 4.45979L1.5485 2.96965C1.45197 2.8755 1.33501 2.82831 1.19738 2.82831C1.05976 2.82831 0.942797 2.8755 0.846348 2.96965L0.144437 3.65645C0.0482247 3.75091 0 3.86528 0 4.00004C0 4.13472 0.0482247 4.2494 0.144437 4.34355L2.01277 6.17186L2.71492 6.85866C2.81113 6.95312 2.92809 7 3.06571 7C3.20334 7 3.3203 6.95312 3.41675 6.85866L4.11866 6.17186L7.85556 2.51525C7.95177 2.42086 8 2.30641 8 2.17173C8 2.03705 7.95177 1.9226 7.85556 1.82814L7.15341 1.14134Z' fill='white'/%3E%3C/svg%3E\");\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 3px;\r\n\t\t\ttop: 0px;\r\n\t\t\tcolor: white;\r\n\t\t\twidth: 8px;\r\n\t\t\theight: 24px;\r\n\t\t}\r\n\t}\r\n\r\n\tbutton {\r\n\t\t&.ddl-click-text {\r\n\t\t\tall: unset;\r\n\t\t\tcursor: pointer;\r\n\t\t\tcolor: var(--color-gray-7);\r\n\t\t\ttext-decoration: underline;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\r\n\t.tooltip {\r\n\t\tposition: absolute;\r\n\t\ttransform: translate(0, -12px);\r\n\t\tz-index: 1001;\r\n\t\tpadding: 8px;\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tbackground: var(--color-gray-09);\r\n\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px; //not standard\r\n\t\twidth: auto;\r\n\t\theight: fit-content;\r\n\t\ttext-align: left;\r\n\t\ttext-shadow: none;\r\n\t\twhite-space: normal;\r\n\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\tbottom: 0px;\r\n\t\t\tborder: 8px solid transparent;\r\n\t\t\tborder-top: 8px solid var(--color-gray-09);\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, 100%);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\twidth: 273px;\r\n\t\t\ttransform: translate(-100%, 80%);\r\n\t\t\t&::after {\r\n\t\t\t\tright: 8px;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttransform: translateY(100%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tword-break: initial;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tHost,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-multi-select\",\r\n\tstyleUrl: \"ptc-multi-select.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcMultiSelect {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop({ mutable: true }) items: Array<{\r\n\t\ttext: string;\r\n\t\tselected: boolean;\r\n\t\tptcDataEloquaName: string;\r\n\t\tptcDataTargetEloquaName: string;\r\n\t}> = [\r\n\t\t// Initialize with your items, setting 'selected' to false\r\n\t\t{\r\n\t\t\ttext: \"Lorem Ipsum dolor sit amet\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Consectetur adipiscing elit\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Sed do eiusmod tempor\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Incididunt ut labore\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Et dolore magna aliqua\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Duis aute irure dolor\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"In reprehenderit in voluptate\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t];\r\n\t@Prop() label: string = \"label\";\r\n\t@Prop() selectAllText: string = \"Select All\";\r\n\t@Prop() clearAllText: string = \"Clear Selected Items\";\r\n\t@Prop() isRequired: boolean = false;\r\n\t@Prop() helpertext: string = \"This field is required\";\r\n\t@Prop() placeholderText: string = \"Please select a company\";\r\n\t@State() showDropdown: boolean = false;\r\n\t@State() language: string = \"en\";\r\n\t@State() isValid: boolean = true;\r\n\r\n\t@State() selectedItemsCount: number = 0;\r\n\t@State() hasInteracted: boolean = false;\r\n\t@State() tooltipText: string = \"\";\r\n\t@State() tooltipVisible: boolean = false;\r\n\t@State() tooltipPosition: { top: number; left: number } = {\r\n\t\ttop: 0,\r\n\t\tleft: 0,\r\n\t};\r\n\r\n\t@Event() ptcMultiSelectLoaded: EventEmitter<void>;\r\n\r\n\t// To track the index of the focused item\r\n\t@State() focusedItemIndex: number = -1;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.language = getLanguageFromURL();\r\n\t\t// Initialize selectedItemsCount based on initial selections\r\n\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t(item) => item.selected,\r\n\t\t).length;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ptcMultiSelectLoaded.emit();\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\thandleDocumentClick(event: MouseEvent) {\r\n\t\tconst clickedInside = this.el.contains(event.target as Node);\r\n\t\tif (!clickedInside) {\r\n\t\t\tthis.showDropdown = false;\r\n\t\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t\t(item) => item.selected,\r\n\t\t\t).length;\r\n\t\t\tthis.updateValidity();\r\n\t\t\tthis.focusedItemIndex = -1;\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.showDropdown = !this.showDropdown;\r\n\t\tthis.hasInteracted = true;\r\n\t\tif (this.showDropdown) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tthis.focusFirstItem();\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t\t(item) => item.selected,\r\n\t\t\t).length;\r\n\t\t\tthis.updateValidity();\r\n\t\t\tthis.focusedItemIndex = -1;\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync focusToggleButton() {\r\n\t\tconst toggleButton = this.el.querySelector(\r\n\t\t\t\".selected-items\",\r\n\t\t) as HTMLElement;\r\n\t\tif (toggleButton) {\r\n\t\t\ttoggleButton.focus();\r\n\t\t}\r\n\t}\r\n\r\n\thandleBlur = () => {\r\n\t\tthis.hasInteracted = true;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\ttoggleItemSelection(index: number) {\r\n\t\tthis.items = [\r\n\t\t\t...this.items.slice(0, index),\r\n\t\t\t{ ...this.items[index], selected: !this.items[index].selected },\r\n\t\t\t...this.items.slice(index + 1),\r\n\t\t];\r\n\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t(item) => item.selected,\r\n\t\t).length;\r\n\t\tthis.updateValidity();\r\n\t}\r\n\r\n\tupdateValidity = () => {\r\n\t\tif (this.hasInteracted && this.isRequired && !this.showDropdown) {\r\n\t\t\tthis.isValid = this.selectedItemsCount > 0;\r\n\t\t\tthis.setHelperText();\r\n\t\t} else {\r\n\t\t\tthis.isValid = true;\r\n\t\t\tthis.setHelperText();\r\n\t\t}\r\n\t};\r\n\r\n\tselectAllItems = (event: Event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tthis.items = this.items.map((item) => ({ ...item, selected: true }));\r\n\t\tthis.selectedItemsCount = this.items.length;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\tclearSelectedItems = (event: Event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tthis.items = this.items.map((item) => ({ ...item, selected: false }));\r\n\t\tthis.selectedItemsCount = 0;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\tgetValidationMessage(type: string) {\r\n\t\treturn ValidationMessages[this.language][type];\r\n\t}\r\n\r\n\tsetHelperText() {\r\n\t\tthis.helpertext = this.getValidationMessage(\"select\");\r\n\t}\r\n\r\n\tshowTooltip(event: MouseEvent, text: string) {\r\n\t\tif (event) {\r\n\t\t}\r\n\t\tthis.tooltipText = text;\r\n\t\t// this.tooltipPosition = {\r\n\t\t//   top: 100, // Adjust as necessary to position above the item\r\n\t\t//   left: -rect.left + 624.1,\r\n\t\t// };\r\n\t\tthis.tooltipVisible = true;\r\n\t}\r\n\r\n\thideTooltip() {\r\n\t\tthis.tooltipVisible = false;\r\n\t}\r\n\r\n\t// Keyboard Accessibility Handlers\r\n\thandleKeyDownToggle(event: KeyboardEvent) {\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"Enter\":\r\n\t\t\tcase \" \":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (!this.showDropdown) {\r\n\t\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.focusNextItem();\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowUp\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (!this.showDropdown) {\r\n\t\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.focusPreviousItem();\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyDownItem(event: KeyboardEvent, index: number) {\r\n\t\tconst isAllSelected =\r\n\t\t\tthis.selectedItemsCount === this.items.length &&\r\n\t\t\tthis.items.length > 0;\r\n\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.focusNextItem();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowUp\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.focusPreviousItem();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Enter\":\r\n\t\t\tcase \" \":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (index === 0) {\r\n\t\t\t\t\t// First item is \"Select All/Clear Selected Items\"\r\n\t\t\t\t\tif (isAllSelected) {\r\n\t\t\t\t\t\tthis.clearSelectedItems(event);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.selectAllItems(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.toggleItemSelection(index - 1);\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Escape\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.showDropdown = false;\r\n\t\t\t\tthis.focusToggleButton();\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tfocusFirstItem() {\r\n\t\tif (this.items.length + 1 > 0) {\r\n\t\t\tthis.focusedItemIndex = 0;\r\n\t\t\tthis.focusItem(this.focusedItemIndex);\r\n\t\t}\r\n\t}\r\n\r\n\tfocusLastItem() {\r\n\t\tif (this.items.length + 1 > 0) {\r\n\t\t\tthis.focusedItemIndex = this.items.length;\r\n\t\t\tthis.focusItem(this.focusedItemIndex);\r\n\t\t}\r\n\t}\r\n\r\n\tfocusNextItem() {\r\n\t\tif (this.focusedItemIndex < this.items.length) {\r\n\t\t\tthis.focusedItemIndex += 1;\r\n\t\t} else {\r\n\t\t\tthis.focusedItemIndex = 0;\r\n\t\t}\r\n\t\tthis.focusItem(this.focusedItemIndex);\r\n\t}\r\n\r\n\tfocusPreviousItem() {\r\n\t\tif (this.focusedItemIndex > 0) {\r\n\t\t\tthis.focusedItemIndex -= 1;\r\n\t\t} else {\r\n\t\t\tthis.focusedItemIndex = this.items.length; // Loop to last\r\n\t\t}\r\n\t\tthis.focusItem(this.focusedItemIndex);\r\n\t}\r\n\r\n\tfocusItem(index: number) {\r\n\t\tif (index === 0) {\r\n\t\t\tconst selectAllButton = this.el.querySelector(\r\n\t\t\t\t`#multi-select-item-0 > button`,\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (selectAllButton) {\r\n\t\t\t\tselectAllButton.focus();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst checkbox = this.el.querySelector(\r\n\t\t\t\t`#multi-select-item-${index} input[type=\"checkbox\"]`,\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (checkbox) {\r\n\t\t\t\tcheckbox.focus();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst selectedItems = this.items.filter((item) => item.selected);\r\n\t\tconst selectedItemsCount = selectedItems.length;\r\n\t\tconst isAllSelected =\r\n\t\t\tselectedItemsCount === this.items.length && this.items.length > 0;\r\n\t\tconst buttonLabel = isAllSelected\r\n\t\t\t? this.clearAllText\r\n\t\t\t: this.selectAllText;\r\n\t\tconst buttonAction = isAllSelected\r\n\t\t\t? this.clearSelectedItems\r\n\t\t\t: this.selectAllItems;\r\n\r\n\t\tlet displayText = `${selectedItemsCount} selected`;\r\n\t\tif (selectedItemsCount === 0) {\r\n\t\t\tdisplayText = this.placeholderText;\r\n\t\t}\r\n\t\tif (selectedItemsCount === 1) {\r\n\t\t\tdisplayText = selectedItems[0].text;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t\"ptc-multi-select\": true,\r\n\t\t\t\t\tinvalid: !this.isValid,\r\n\t\t\t\t\t\"mf-listen\": true,\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<label\r\n\t\t\t\t\tclass=\"multi-select-label\"\r\n\t\t\t\t\tid={`multi-select-label-${this.label}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.label}\r\n\t\t\t\t</label>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"selected-items multi-selected-items\"\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\taria-haspopup=\"listbox\"\r\n\t\t\t\t\taria-expanded={this.showDropdown}\r\n\t\t\t\t\taria-labelledby={`multi-select-label-${this.label}`}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\tthis.handleKeyDownToggle(event)\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"input-text\">{displayText}</div>\r\n\t\t\t\t\t<span class=\"multi-select-icon\">\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\tclass=\"multi-arrow-svg\"\r\n\t\t\t\t\t\t\twidth=\"10\"\r\n\t\t\t\t\t\t\theight=\"10\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 10 10\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\"></path>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<ul\r\n\t\t\t\t\tclass={\"dropdown\" + (this.showDropdown ? \" show\" : \"\")}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\taria-labelledby={`multi-select-label-${this.label}`}\r\n\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{/* \"Select All/Clear Selected Items\" as the first list item */}\r\n\t\t\t\t\t<li\r\n\t\t\t\t\t\tid={`multi-select-item-0`}\r\n\t\t\t\t\t\trole=\"option\"\r\n\t\t\t\t\t\taria-selected={isAllSelected}\r\n\t\t\t\t\t\tclass={{ selected: isAllSelected }}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\t\tthis.handleKeyDownItem(event, 0)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tevent.stopPropagation();\r\n\t\t\t\t\t\t\t\tbuttonAction(event);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tclass=\"ddl-click-text\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{buttonLabel}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t{/* Map through the items starting from index 1 */}\r\n\t\t\t\t\t{this.items.map((item, index) => (\r\n\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\tkey={index + 1}\r\n\t\t\t\t\t\t\tid={`multi-select-item-${index + 1}`}\r\n\t\t\t\t\t\t\trole=\"option\"\r\n\t\t\t\t\t\t\taria-selected={item.selected}\r\n\t\t\t\t\t\t\tclass={{ selected: item.selected }}\r\n\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\tonMouseEnter={(event) =>\r\n\t\t\t\t\t\t\t\tthis.checkOverflow(event, item.text)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonMouseLeave={() => this.hideTooltip()}\r\n\t\t\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\t\t\tthis.handleKeyDownItem(event, index + 1)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tevent.stopPropagation();\r\n\t\t\t\t\t\t\t\tthis.toggleItemSelection(index);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tclass=\"multi-checkbox\"\r\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\tid={`checkbox-${index}`}\r\n\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\tdata-eloqua-name={item.ptcDataEloquaName}\r\n\t\t\t\t\t\t\t\tdata-target-eloqua-name={\r\n\t\t\t\t\t\t\t\t\titem.ptcDataTargetEloquaName\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\trequired={this.isRequired}\r\n\t\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevents the dropdown from closing\r\n\t\t\t\t\t\t\t\t\tthis.toggleItemSelection(index);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonBlur={this.handleBlur}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<label htmlFor={`checkbox-${index}`}>\r\n\t\t\t\t\t\t\t\t{item.text}\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</ul>\r\n\r\n\t\t\t\t{this.tooltipVisible && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"tooltip\"\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\ttop: `${this.tooltipPosition.top}px`,\r\n\t\t\t\t\t\t\tleft: `${this.tooltipPosition.left}px`,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.tooltipText}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{/* Validation message */}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid=\"tbd\"\r\n\t\t\t\t\tclass=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass=\"select-error-svg\"\r\n\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g clip-path=\"url(#clip0_12_1424)\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\td=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#AF3231\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t<clipPath id=\"clip0_12_1424\">\r\n\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t{this.helpertext}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\t// Ensure that checkOverflow is inside the class\r\n\tcheckOverflow(event: MouseEvent, text: string) {\r\n\t\tconst target = event.currentTarget as HTMLElement;\r\n\t\tconst label = target.querySelector(\"label\");\r\n\t\tif (label && label.scrollHeight > label.clientHeight) {\r\n\t\t\tthis.showTooltip(event, text);\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/ptc-para.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getElement, h, H as Host } from './index-DybB092g.js';
-import { s as seoSlotReset } from './index-CeGWP728.js';
+import { s as seoSlotReset } from './index-BQ-J1lHr.js';
 
 const ptcParaCss = ":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.primary-green{color:var(--color-green-06)}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.right-768above{text-align:left}@media (min-width: 768px){p.right-768above{text-align:right}}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}}";
 

package/dist/esm/ptc-pricing-packaging-table.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getElement, h, H as Host, F as Fragment } from './index-DybB092g.js';
-import { c as generateUUID, d as debounce } from './index-CeGWP728.js';
+import { c as generateUUID, d as debounce } from './index-BQ-J1lHr.js';
 
 const ptcPricingPackagingTableCss = ":host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:calc(100% + 2px);overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:auto;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:-moz-fit-content;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";
 

package/dist/esm/ptc-pricing-tabs.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DybB092g.js';
-import { M as MapDOM, c as generateUUID } from './index-CeGWP728.js';
+import { M as MapDOM, c as generateUUID } from './index-BQ-J1lHr.js';
 
 const ptcPricingTabsCss = ".is-grid,.is-grid-inline{display:grid;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:inline-grid !important}.has-row-1{grid-template-rows:repeat(1, 1fr)}.has-row-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{grid-column:span 1}}.has-row-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{grid-template-rows:repeat(2, 1fr)}.has-row-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{grid-column:span 1}}.has-row-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{grid-template-rows:repeat(3, 1fr)}.has-row-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{grid-column:span 1}}.has-row-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{grid-template-rows:repeat(4, 1fr)}.has-row-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{grid-column:span 1}}.has-row-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{grid-template-rows:repeat(5, 1fr)}.has-row-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{grid-column:span 1}}.has-row-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{grid-template-rows:repeat(6, 1fr)}.has-row-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{grid-column:span 1}}.has-row-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{grid-template-rows:repeat(7, 1fr)}.has-row-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{grid-column:span 1}}.has-row-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{grid-template-rows:repeat(8, 1fr)}.has-row-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{grid-column:span 1}}.has-row-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{grid-template-rows:repeat(9, 1fr)}.has-row-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{grid-column:span 1}}.has-row-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{grid-template-rows:repeat(10, 1fr)}.has-row-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{grid-column:span 1}}.has-row-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{grid-template-rows:repeat(11, 1fr)}.has-row-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{grid-column:span 1}}.has-row-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{grid-template-rows:repeat(12, 1fr)}.has-row-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{grid-column:span 1}}.has-row-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{grid-template-columns:repeat(1, 1fr)}.has-col-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{grid-column:span 1}}.has-col-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{grid-template-columns:repeat(2, 1fr)}.has-col-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{grid-column:span 1}}.has-col-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{grid-template-columns:repeat(3, 1fr)}.has-col-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{grid-column:span 1}}.has-col-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{grid-template-columns:repeat(4, 1fr)}.has-col-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{grid-column:span 1}}.has-col-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{grid-template-columns:repeat(5, 1fr)}.has-col-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{grid-column:span 1}}.has-col-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{grid-template-columns:repeat(6, 1fr)}.has-col-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{grid-column:span 1}}.has-col-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{grid-template-columns:repeat(7, 1fr)}.has-col-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{grid-column:span 1}}.has-col-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{grid-template-columns:repeat(8, 1fr)}.has-col-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{grid-column:span 1}}.has-col-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{grid-template-columns:repeat(9, 1fr)}.has-col-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{grid-column:span 1}}.has-col-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{grid-template-columns:repeat(10, 1fr)}.has-col-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{grid-column:span 1}}.has-col-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{grid-template-columns:repeat(11, 1fr)}.has-col-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{grid-column:span 1}}.has-col-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{grid-template-columns:repeat(12, 1fr)}.has-col-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{grid-column:span 1}}.has-col-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl{grid-row:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl{grid-column:span 12 !important}}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:hsla(0, 0%, 94.9%, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.w-100{width:100%}.grid-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{-moz-column-gap:3rem;column-gap:3rem}}.grid-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{-moz-column-gap:3rem;column-gap:3rem}}.grid-x-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{-moz-column-gap:4rem;column-gap:4rem}}.grid-x-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{-moz-column-gap:4rem;column-gap:4rem}}.grid-medium-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{-moz-column-gap:2rem;column-gap:2rem}}.grid-medium-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{-moz-column-gap:2rem;column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.max-content{margin:auto}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}ptc-nav-submenu{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}ptc-nav-submenu:focus-visible,ptc-nav-submenu:focus{margin-top:4px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}ptc-nav-link{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}:host{display:block;color:var(--color-gray-10)}.product-tag{display:block;margin-top:0px;margin-bottom:4px;line-height:var(--ptc-line-height-normal);font-weight:var(--ptc-font-weight-semibold);font-size:0.875rem;color:var(--color-gray-10)}.content-section{text-align:center;background:var(--color-white);border:1px solid var(--color-gray-02);border-radius:4px;padding:32px;min-height:267px;display:flex;align-content:center;align-items:center;margin-top:1.5rem}@media only screen and (min-width: 768px){.content-section{margin-top:0}}.content-section .product-tag{margin-bottom:0px}.content-section .tab-content{display:none;margin:0 auto;word-break:break-word}.content-section .tab-content.active{display:block}@media only screen and (min-width: 992px){.p-8{padding:8px}}ptc-pricing-block{cursor:pointer}ptc-pricing-block.is-active{cursor:inherit}ptc-pricing-block:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none}.tabs{position:relative}.attached{position:absolute;top:1px;right:0;z-index:150;font-size:var(--ptc-font-size-x-small)}.tag{line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);padding-bottom:4px;display:inline-block}";