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

package/dist/components/{p-D12rZh_N.js → p-s8aoBDRM.js}

@@ -31,253 +31,8 @@ const PtcSelect = /*@__PURE__*/ proxyCustomElement(class PtcSelect extends H {
     valueChange;
     defaultSelect;
     lastInteraction = "mouse";
-    //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING
-    // private map: { [key: string]: string } = {
-    // 	Afghanistan: "AF",
-    // 	Albania: "AL",
-    // 	Algeria: "DZ",
-    // 	"American Samoa": "AS",
-    // 	Andorra: "AD",
-    // 	Angola: "AO",
-    // 	Anguilla: "AI",
-    // 	Antarctica: "AQ",
-    // 	"Antigua and Barbuda": "AG",
-    // 	Argentina: "AR",
-    // 	Armenia: "AM",
-    // 	Aruba: "AW",
-    // 	Australia: "AU",
-    // 	Austria: "AT",
-    // 	Azerbaijan: "AZ",
-    // 	Bahamas: "BS",
-    // 	Bahrain: "BH",
-    // 	Bangladesh: "BD",
-    // 	Barbados: "BB",
-    // 	Belarus: "BY",
-    // 	Belgium: "BE",
-    // 	Belize: "BZ",
-    // 	Benin: "BJ",
-    // 	Bermuda: "BM",
-    // 	Bhutan: "BT",
-    // 	Bolivia: "BO",
-    // 	"Bosnia and Herzegovina": "BA",
-    // 	Botswana: "BW",
-    // 	"Bouvet Island": "BV",
-    // 	Brazil: "BR",
-    // 	"British Indian Ocean Territory": "IO",
-    // 	"Brunei Darussalam": "BN",
-    // 	Bulgaria: "BG",
-    // 	"Burkina Faso": "BF",
-    // 	Burundi: "BI",
-    // 	Cambodia: "KH",
-    // 	Cameroon: "CM",
-    // 	Canada: "CA",
-    // 	"Cape Verde": "CV",
-    // 	"Cayman Islands": "KY",
-    // 	"Central African Republic": "CF",
-    // 	Chad: "TD",
-    // 	Chile: "CL",
-    // 	China: "CN",
-    // 	"Christmas Island": "CX",
-    // 	"Cocos (Keeling) Islands": "CC",
-    // 	Colombia: "CO",
-    // 	Comoros: "KM",
-    // 	Congo: "CG",
-    // 	"Congo, Democratic Republic": "CD",
-    // 	"Cook Islands": "CK",
-    // 	"Costa Rica": "CR",
-    // 	"Cote d ivoire": "CI",
-    // 	Croatia: "HR",
-    // 	Cuba: "CU",
-    // 	Cyprus: "CY",
-    // 	"Czech Republic": "CZ",
-    // 	Denmark: "DK",
-    // 	Djibouti: "DJ",
-    // 	Dominica: "DM",
-    // 	"Dominican Republic": "DO",
-    // 	Ecuador: "EC",
-    // 	Egypt: "EG",
-    // 	"El Salvador": "SV",
-    // 	"Equatorial Guinea": "GQ",
-    // 	Eritrea: "ER",
-    // 	Estonia: "EE",
-    // 	Ethiopia: "ET",
-    // 	"Falkland Islands": "FK",
-    // 	"Faroe Islands": "FO",
-    // 	Fiji: "FJ",
-    // 	Finland: "FI",
-    // 	France: "FR",
-    // 	"French Guiana": "GF",
-    // 	"French Polynesia": "PF",
-    // 	"French Southern Territories": "TF",
-    // 	Gabon: "GA",
-    // 	Gambia: "GM",
-    // 	Georgia: "GE",
-    // 	Germany: "DE",
-    // 	Ghana: "GH",
-    // 	Gibraltar: "GI",
-    // 	Greece: "GR",
-    // 	Greenland: "GL",
-    // 	Grenada: "GD",
-    // 	Guadeloupe: "GP",
-    // 	Guam: "GU",
-    // 	Guatemala: "GT",
-    // 	Guernsey: "GG",
-    // 	Guinea: "GN",
-    // 	"Guinea-Bissau": "GW",
-    // 	Guyana: "GY",
-    // 	Haiti: "HT",
-    // 	"Heard and McDonald Isl": "HM",
-    // 	"Holy See (Vatican City State)": "VA",
-    // 	Honduras: "HN",
-    // 	"Hong Kong": "HK",
-    // 	Hungary: "HU",
-    // 	Iceland: "IS",
-    // 	India: "IN",
-    // 	Indonesia: "ID",
-    // 	"Iran, Islamic Republic Of": "IR",
-    // 	Iraq: "IQ",
-    // 	Ireland: "IE",
-    // 	"Isle Of Man": "IM",
-    // 	Israel: "IL",
-    // 	Italy: "IT",
-    // 	Jamaica: "JM",
-    // 	Japan: "JP",
-    // 	Jersey: "JE",
-    // 	Jordan: "JO",
-    // 	Kazakhstan: "KZ",
-    // 	Kenya: "KE",
-    // 	Kiribati: "KI",
-    // 	Korea: "KR",
-    // 	Kuwait: "KW",
-    // 	Kyrgyzstan: "KG",
-    // 	"Lao People's Democratic Republic": "LA",
-    // 	Latvia: "LV",
-    // 	Lebanon: "LB",
-    // 	Lesotho: "LS",
-    // 	Liberia: "LR",
-    // 	"Libyan Arab Jamahiriya": "LY",
-    // 	Liechtenstein: "LI",
-    // 	Lithuania: "LT",
-    // 	Luxembourg: "LU",
-    // 	Macao: "MO",
-    // 	Macedonia: "MK",
-    // 	Madagascar: "MG",
-    // 	Malawi: "MW",
-    // 	Malaysia: "MY",
-    // 	Maldives: "MV",
-    // 	Mali: "ML",
-    // 	Malta: "MT",
-    // 	"Marshall Islands": "MH",
-    // 	Martinique: "MQ",
-    // 	Mauritania: "MR",
-    // 	Mauritius: "MU",
-    // 	Mayotte: "YT",
-    // 	Mexico: "MX",
-    // 	"Micronesia, Federated States Of": "FM",
-    // 	Moldova: "MD",
-    // 	Monaco: "MC",
-    // 	Mongolia: "MN",
-    // 	Montenegro: "ME",
-    // 	Montserrat: "MS",
-    // 	Morocco: "MA",
-    // 	Mozambique: "MZ",
-    // 	Myanmar: "MM",
-    // 	Namibia: "NA",
-    // 	Nauru: "NR",
-    // 	Nepal: "NP",
-    // 	Netherlands: "NL",
-    // 	"Netherlands Antilles": "AN",
-    // 	"New Caledonia": "NC",
-    // 	"New Zealand": "NZ",
-    // 	Nicaragua: "NI",
-    // 	Niger: "NE",
-    // 	Nigeria: "NG",
-    // 	Niue: "NU",
-    // 	"Norfolk Island": "NF",
-    // 	"Northern Mariana Islands": "MP",
-    // 	Norway: "NO",
-    // 	Oman: "OM",
-    // 	Pakistan: "PK",
-    // 	Palau: "PW",
-    // 	"Palestinian Territory, Occupied": "PS",
-    // 	Panama: "PA",
-    // 	"Papua New Guinea": "PG",
-    // 	Paraguay: "PY",
-    // 	Peru: "PE",
-    // 	Philippines: "PH",
-    // 	Pitcairn: "PN",
-    // 	Poland: "PL",
-    // 	Portugal: "PT",
-    // 	"Puerto Rico": "PR",
-    // 	Qatar: "QA",
-    // 	Reunion: "RE",
-    // 	Romania: "RO",
-    // 	"Russian Federation": "RU",
-    // 	Rwanda: "RW",
-    // 	"Saint Barthelemy": "BL",
-    // 	"Saint Helena": "SH",
-    // 	"Saint Kitts and Nevis": "KN",
-    // 	"Saint Lucia": "LC",
-    // 	"Saint Martin": "MF",
-    // 	"Saint Pierre and Miquelon": "PM",
-    // 	"Saint Vincent and Grenadines": "VC",
-    // 	Samoa: "WS",
-    // 	"San Marino": "SM",
-    // 	"Sao Tome and Principe": "ST",
-    // 	"Saudi Arabia": "SA",
-    // 	Senegal: "SN",
-    // 	Serbia: "RS",
-    // 	Seychelles: "SC",
-    // 	"Sierra Leone": "SL",
-    // 	Singapore: "SG",
-    // 	Slovakia: "SK",
-    // 	Slovenia: "SI",
-    // 	"Solomon Islands": "SB",
-    // 	Somalia: "SO",
-    // 	"South Africa": "ZA",
-    // 	"South Georgia and Sandwich Isl.": "GS",
-    // 	Spain: "ES",
-    // 	"Sri Lanka": "LK",
-    // 	Sudan: "SD",
-    // 	Suriname: "SR",
-    // 	"Svalbard and Jan Mayen": "SJ",
-    // 	Swaziland: "SZ",
-    // 	Sweden: "SE",
-    // 	Switzerland: "CH",
-    // 	"Syrian Arab Republic": "SY",
-    // 	Taiwan: "TW",
-    // 	Tajikistan: "TJ",
-    // 	Tanzania: "TZ",
-    // 	Thailand: "TH",
-    // 	"Timor-Leste": "TL",
-    // 	Togo: "TG",
-    // 	Tokelau: "TK",
-    // 	Tonga: "TO",
-    // 	"Trinidad and Tobago": "TT",
-    // 	Tunisia: "TN",
-    // 	Turkey: "TR",
-    // 	Turkmenistan: "TM",
-    // 	"Turks and Caicos Islands": "TC",
-    // 	Tuvalu: "TV",
-    // 	Uganda: "UG",
-    // 	Ukraine: "UA",
-    // 	"United Arab Emirates": "AE",
-    // 	"United Kingdom": "GB",
-    // 	USA: "US",
-    // 	"US Minor Outlying Islands": "UM",
-    // 	Uruguay: "UY",
-    // 	Uzbekistan: "UZ",
-    // 	Vanuatu: "VU",
-    // 	Venezuela: "VE",
-    // 	Vietnam: "VN",
-    // 	"Virgin Islands (British)": "VG",
-    // 	"Virgin Islands (U.S.)": "VI",
-    // 	"Wallis And Futuna": "WF",
-    // 	"Western Sahara": "EH",
-    // 	Yemen: "YE",
-    // 	Zambia: "ZM",
-    // 	Zimbabwe: "ZW",
-    // };
+    documentMousedownHandler;
+    documentKeydownHandler;
     async setValue() {
         this.defaultSelect.value = this.defaultValue;
     }
@@ -286,7 +41,12 @@ const PtcSelect = /*@__PURE__*/ proxyCustomElement(class PtcSelect extends H {
         this.helpertext = this.getValidationMessage("select");
     }
     componentDidLoad() {
-        this.defaultSelect = new MDCSelect(this.el.querySelector(".mdc-select"));
+        const selectElement = this.el.querySelector(".mdc-select");
+        if (!selectElement) {
+            console.warn("ptc-select: Unable to find .mdc-select element.");
+            return;
+        }
+        this.defaultSelect = new MDCSelect(selectElement);
         if (this.defaultValue)
             this.setValue();
         this.defaultSelect.listen("MDCSelect:change", () => {
@@ -311,6 +71,13 @@ const PtcSelect = /*@__PURE__*/ proxyCustomElement(class PtcSelect extends H {
         this.setupFocusHandlers();
     }
     disconnectedCallback() {
+        // Remove document event listeners to prevent memory leaks
+        if (this.documentMousedownHandler) {
+            document.removeEventListener("mousedown", this.documentMousedownHandler);
+        }
+        if (this.documentKeydownHandler) {
+            document.removeEventListener("keydown", this.documentKeydownHandler);
+        }
         if (this.defaultSelect) {
             this.defaultSelect.destroy();
         }
@@ -380,17 +147,20 @@ const PtcSelect = /*@__PURE__*/ proxyCustomElement(class PtcSelect extends H {
         return className;
     }
     setupFocusHandlers() {
-        // Track the last interaction type
-        document.addEventListener("mousedown", () => {
+        // Track the last interaction type - use bound handlers for proper cleanup
+        this.documentMousedownHandler = () => {
             this.lastInteraction = "mouse";
-        });
-        document.addEventListener("keydown", (e) => {
+        };
+        this.documentKeydownHandler = (e) => {
             if (e.key === "Tab") {
                 this.lastInteraction = "keyboard";
             }
-        });
-        const selectFields = document.querySelectorAll(".mdc-select");
-        selectFields.forEach((selectField) => {
+        };
+        document.addEventListener("mousedown", this.documentMousedownHandler);
+        document.addEventListener("keydown", this.documentKeydownHandler);
+        // Only query select fields within this component, not globally
+        const selectField = this.el.querySelector(".mdc-select");
+        if (selectField) {
             const select = selectField.querySelector(".mdc-select__anchor");
             if (select) {
                 select.addEventListener("focus", () => {
@@ -407,10 +177,10 @@ const PtcSelect = /*@__PURE__*/ proxyCustomElement(class PtcSelect extends H {
                     selectField.classList.remove("keyboard-focus", "mouse-focus");
                 });
             }
-        });
+        }
     }
     render() {
-        return (h(Host, { key: '4c430f9ad750feb18de9df81a3137f9b5a1224b7', class: "ptc-select mf-listen" }, h("div", { key: 'f389f9cf29b0707cba33275f83f3a54100368252', class: this.getSelectClassName() }, h("label", { key: '0d8c79edaf20acb68bbe5fb9256285913f3fa171', class: "ptc-label-select", htmlFor: this.fieldId }, this.label), h("div", { key: '6bd9f7a7e80e87076194121cba04b28217ae35d1', class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label", ...(this.isRequired ? { ariaRequired: true } : null) }, h("span", { key: '97c6eb2788cbef65a602e18241c9c6e987d4c859', class: "mdc-notched-outline" }, h("span", { key: '5933cd012fe28801954d5f281be6b915ffaa3d74', class: "mdc-notched-outline__leading" }), h("span", { key: '157a06e97d7ac2a0ec61f6b535e97e82c4a0b9cb', class: "mdc-notched-outline__trailing" })), h("span", { key: 'b6f47128839045e7a8060b617bb4926e0db550dd', class: "mdc-select__selected-text-container" }, h("span", { key: 'caa8d2d7b9d412178085f7ef19e8f1853b01c14c', id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), h("span", { key: 'b1a32024594205c3b23edcc955f0116dbc30bbbb', class: "mdc-select__dropdown-icon" }, h("svg", { key: '8f1ed10f51228ee73b19ffbec277c8c6f41719d6', class: "", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7756ad3b15358d9dbf45dd21396c653086f77ddb', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("div", { key: '25eefed10e22236b24fd35729a9d60c2e02776d4', class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth", role: "listbox", "aria-label": this.label }, h("slot", { key: '69e7a45420dbaecf966027d945b8b1062803af5a' })), h("p", { key: '37e291c8947342fdb4b1299db627614f83d584c0', id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: '4a9cc53f1540dbe7c888c11b8bcbeada162ca8c4', 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: '1985a03ee3c2a53c009337874c441e804b4bef90', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '260800320ff1a138b10b76a7159694dfdbcf2064', "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: '9da7794201b07bddc886a27a72d4e8f23e72e10b' }, h("clipPath", { key: '71bff85fce8944cedb9471551c5418e10f0c5c57', id: "clip0_12_1424" }, h("rect", { key: 'bbf9eafebcd635505b17c4daa12122f9ccf54cb2', width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? (h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText)) : null)));
+        return (h(Host, { key: '3d17f147379efd2f3089a14d4b8052f3afd186c2', class: "ptc-select mf-listen" }, h("div", { key: '596c2fd505ca1426d47ab1ee961ff13339f7dbef', class: this.getSelectClassName() }, h("label", { key: 'f3d6651e4843755fd1fbfb35389fa60a5f69cf9e', class: "ptc-label-select", htmlFor: this.fieldId }, this.label), h("div", { key: '8836821495e366d8970091e9b7a4ba9dd044451d', class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label", ...(this.isRequired ? { ariaRequired: true } : null) }, h("span", { key: 'c99c20b0b8c9e8813295b611a4f8a98cfedfc42b', class: "mdc-notched-outline" }, h("span", { key: '772d0d2e59f453818ae24c3015f3f995aeadfcff', class: "mdc-notched-outline__leading" }), h("span", { key: '96202dc9b9b9ca5ca37b6f4c1e5b85850fe08f22', class: "mdc-notched-outline__trailing" })), h("span", { key: '85e00c919d482ff8d22b0e13227d17a4ee0824b9', class: "mdc-select__selected-text-container" }, h("span", { key: '6273e0d2f6878554e0aec12440131e52a3beff7e', id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), h("span", { key: 'a37228412df0d4d444c9315be4731efa72da0113', class: "mdc-select__dropdown-icon" }, h("svg", { key: 'abbaeee43b4d859e6e88853241bdea71897f1966', class: "", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4b5b79be39a0c7f70a63944ab99ce23300331b9c', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("div", { key: 'f889c17c22c65bbf921e2a3b2d4cf11691c8f343', class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth", role: "listbox", "aria-label": this.label }, h("slot", { key: 'fce8f9263e6a1880d8dc9826ca74b893703546e8' })), h("p", { key: '6bb7eb97db16180e6cb292bb768c2eb16674631c', id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: '98cdf2cf8b12803743e644a2b78d510958a60ad1', 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: '33efac6e221d9e3ef3e933fa11405e211260cf67', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '84233fb74ce799b05039e4d2e51eb6f832bc0f13', "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: '4aa3b9e39027f931bcf0f56e86d36f6735749ca3' }, h("clipPath", { key: 'fe9bb368b6b3e128032af8a5746dab000321b447', id: "clip0_12_1424" }, h("rect", { key: '4c69c70302f9cf2c6f69a21cc94c777a776c56a3', width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? (h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText)) : null)));
     }
     static get style() { return ptcSelectCss; }
 }, [260, "ptc-select", {
@@ -443,6 +213,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcSelect as P, defineCustomElement as d };
-//# sourceMappingURL=p-D12rZh_N.js.map
+//# sourceMappingURL=p-s8aoBDRM.js.map
 
-//# sourceMappingURL=p-D12rZh_N.js.map
+//# sourceMappingURL=p-s8aoBDRM.js.map

package/dist/components/p-s8aoBDRM.js.map

@@ -0,0 +1 @@
+{"file":"p-s8aoBDRM.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-select/ptc-select.scss?tag=ptc-select","src/components/atoms/ptc-select/ptc-select.tsx"],"sourcesContent":["@import \"~@material/select/dist/mdc.select.css\";\r\n@import \"~@material/list/dist/mdc.list.css\";\r\n@import \"~@material/menu/dist/mdc.menu.css\";\r\n@import \"~@material/menu-surface/dist/mdc.menu-surface.css\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.ptc-select {\r\n\t.ptc-label-select {\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.mdc-select {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t.mdc-select--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__anchor {\r\n\t\t\tbackground-color: var(--color-white) !important;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined {\r\n\t\twidth: 273px;\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\theight: 34px;\r\n\t\t\twidth: 273px;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__trailing {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__leading {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select-helper-text {\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\topacity: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\t//margin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t.select-error-svg {\r\n\t\ttransform: translate(-8px, 3px);\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\tcolor: #af3231;\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: 14px;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\tmargin-left: 8px;\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--info-msg {\r\n\t\tcolor: #40434a;\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmax-width: 240px;\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\ttransform: translateX(8px);\r\n\t}\r\n\r\n\t.mdc-select-helper-text--validation-msg,\r\n\t.mdc-select-helper-text--info-msg {\r\n\t\tline-height: 0.66;\r\n\t\theight: 0;\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-color: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(\r\n\t\t\t.mdc-select--disabled\r\n\t\t).mdc-select--focused.keyboard-focus {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\t//Update for tab navigation\r\n\t\t\t\tborder-color: var(--keyboard-nav-outline);\r\n\t\t\t\tborder-width: 5px;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__leading {\r\n\t\t\t\tborder-top-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-top-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\tfill: var(--color-hyperlink);\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t// .placehoder-li {\r\n\t//   color: var(--color-gray-07);\r\n\t//   font-family: Raleway;\r\n\t//   font-size: var(--ptc-font-size-xx-small);\r\n\t//   font-weight: var(--ptc-font-weight-regular);\r\n\t//   line-height:var(--ptc-line-height-normal);\r\n\t// }\r\n\r\n\t.mdc-list {\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t}\r\n\r\n\t.mdc-list-item {\r\n\t\tpadding: 5px 8px;\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t&:focus .mdc-list-item__ripple::before,\r\n\t\t&:focus .mdc-list-item__ripple::after,\r\n\t\t&:focus-visible .mdc-list-item__ripple::before,\r\n\t\t&:focus-visible .mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item--selected {\r\n\t\t.mdc-list-item__ripple::before,\r\n\t\t.mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-04) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item__text,\r\n\t.mdc-select__selected-text {\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: 24px;\r\n\t\t/* 171.429% */\r\n\t}\r\n\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\r\n\t\tbackground-color: unset;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n\topen: boolean;\r\n}\r\n\r\n@Component({\r\n\ttag: \"ptc-select\",\r\n\tstyleUrl: \"ptc-select.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcSelect {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() fieldId: string;\r\n\t@Prop() label: string;\r\n\t@Prop() isRequired: boolean = true;\r\n\t@Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n\t@Prop() fieldName: string;\r\n\t@Prop() disabled: boolean = false;\r\n\t@Prop({ mutable: true }) selectedValue: string = \"\";\r\n\t@Prop({ mutable: true }) defaultValue: string = \"\";\r\n\t@Prop() infoText: string;\r\n\t/**\r\n\t * Eloqua Data\r\n\t */\r\n\t@Prop() ptcDataEloquaName: string;\r\n\t@Prop() ptcDataTargetEloquaName: string;\r\n\t@State() language: string = \"en\";\r\n\r\n\t@Event() valueChange: EventEmitter<string>;\r\n\r\n\tdefaultSelect: ExtendedMDCSelect;\r\n\tlastInteraction: \"mouse\" | \"keyboard\" = \"mouse\";\r\n\tprivate documentMousedownHandler: () => void;\r\n\tprivate documentKeydownHandler: (e: KeyboardEvent) => void;\r\n\r\n\tasync setValue() {\r\n\t\tthis.defaultSelect.value = this.defaultValue;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.language = getLanguageFromURL();\r\n\t\tthis.helpertext = this.getValidationMessage(\"select\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tconst selectElement = this.el.querySelector(\".mdc-select\");\r\n\t\tif (!selectElement) {\r\n\t\t\tconsole.warn(\"ptc-select: Unable to find .mdc-select element.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n\r\n\t\tif (this.defaultValue) this.setValue();\r\n\r\n\t\tthis.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n\t\t\tif (this.selectedValue !== this.defaultSelect.value) {\r\n\t\t\t\tthis.valueChange.emit(this.defaultSelect.value);\r\n\t\t\t\tthis.selectedValue = this.defaultSelect.value;\r\n        //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n\t\t\t\t// if (this.fieldId === \"contact-country\") {\r\n\t\t\t\t// \tconst countryCode = this.selectedValue\r\n\t\t\t\t// \t\t? this.map[this.selectedValue]\r\n\t\t\t\t// \t\t: \"\";\r\n\t\t\t\t// \tconst telField = document.querySelector(\r\n\t\t\t\t// \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n\t\t\t\t// \t) as HTMLPtcTextfieldElement;\r\n\t\t\t\t// \t// if (telField && countryCode) {\r\n\t\t\t\t// \t// \ttelField.syncCountry(countryCode);\r\n\t\t\t\t// \t// }\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.addKeyboardAccessibility();\r\n\r\n\t\tthis.setupFocusHandlers();\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\t// Remove document event listeners to prevent memory leaks\r\n\t\tif (this.documentMousedownHandler) {\r\n\t\t\tdocument.removeEventListener(\"mousedown\", this.documentMousedownHandler);\r\n\t\t}\r\n\t\tif (this.documentKeydownHandler) {\r\n\t\t\tdocument.removeEventListener(\"keydown\", this.documentKeydownHandler);\r\n\t\t}\r\n\t\tif (this.defaultSelect) {\r\n\t\t\tthis.defaultSelect.destroy();\r\n\t\t}\r\n\t}\r\n\r\n\taddKeyboardAccessibility() {\r\n\t\tconst selectAnchor = this.el.querySelector(\r\n\t\t\t\".mdc-select__anchor\",\r\n\t\t) as HTMLElement;\r\n\t\tconst menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n\t\tif (!selectAnchor || !menu) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"ptc-select: Unable to find select anchor or menu elements.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tselectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\tconst key = event.key;\r\n\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Enter\":\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tthis.defaultSelect.open = !this.defaultSelect.open;\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Escape\":\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.defaultSelect.open = false;\r\n\t\t\t\t\t\tselectAnchor.focus();\r\n\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.defaultSelect.open = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t// Focus the first menu item in the dropdown\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tconst firstMenuItem = this.el.querySelector(\r\n\t\t\t\".mdc-list-item\",\r\n\t\t) as HTMLElement;\r\n\t\tif (firstMenuItem) {\r\n\t\t\tfirstMenuItem.focus();\r\n\t\t}\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n\t\tconst menuItems = Array.from(\r\n\t\t\tthis.el.querySelectorAll(\".mdc-list-item\"),\r\n\t\t) as HTMLElement[];\r\n\t\tconst currentIndex = menuItems.indexOf(currentMenuitem);\r\n\t\tconst nextIndex = (currentIndex + 1) % menuItems.length;\r\n\t\tmenuItems[nextIndex].focus();\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n\t\tconst menuItems = Array.from(\r\n\t\t\tthis.el.querySelectorAll(\".mdc-list-item\"),\r\n\t\t) as HTMLElement[];\r\n\t\tconst currentIndex = menuItems.indexOf(currentMenuitem);\r\n\t\tconst previousIndex =\r\n\t\t\t(currentIndex - 1 + menuItems.length) % menuItems.length;\r\n\t\tmenuItems[previousIndex].focus();\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\tgetSelectClassName() {\r\n\t\tlet className =\r\n\t\t\t\"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n\t\tif (this.isRequired) {\r\n\t\t\tclassName = `${className} mdc-select--required`;\r\n\t\t}\r\n\t\treturn className;\r\n\t}\r\n\r\n\tsetupFocusHandlers() {\r\n\t\t// Track the last interaction type - use bound handlers for proper cleanup\r\n\t\tthis.documentMousedownHandler = () => {\r\n\t\t\tthis.lastInteraction = \"mouse\";\r\n\t\t};\r\n\t\tthis.documentKeydownHandler = (e: KeyboardEvent) => {\r\n\t\t\tif (e.key === \"Tab\") {\r\n\t\t\t\tthis.lastInteraction = \"keyboard\";\r\n\t\t\t}\r\n\t\t};\r\n\t\tdocument.addEventListener(\"mousedown\", this.documentMousedownHandler);\r\n\t\tdocument.addEventListener(\"keydown\", this.documentKeydownHandler);\r\n\r\n\t\t// Only query select fields within this component, not globally\r\n\t\tconst selectField = this.el.querySelector(\r\n\t\t\t\".mdc-select\",\r\n\t\t) as HTMLElement;\r\n\t\tif (selectField) {\r\n\t\t\tconst select = selectField.querySelector(\".mdc-select__anchor\");\r\n\t\t\tif (select) {\r\n\t\t\t\tselect.addEventListener(\"focus\", () => {\r\n\t\t\t\t\tif (this.lastInteraction === \"keyboard\") {\r\n\t\t\t\t\t\tselectField.classList.add(\"keyboard-focus\");\r\n\t\t\t\t\t\tselectField.classList.remove(\"mouse-focus\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectField.classList.add(\"mouse-focus\");\r\n\t\t\t\t\t\tselectField.classList.remove(\"keyboard-focus\");\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tselect.addEventListener(\"blur\", () => {\r\n\t\t\t\t\tselectField.classList.remove(\r\n\t\t\t\t\t\t\"keyboard-focus\",\r\n\t\t\t\t\t\t\"mouse-focus\",\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class=\"ptc-select mf-listen\">\r\n\t\t\t\t<div class={this.getSelectClassName()}>\r\n\t\t\t\t\t<label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n\t\t\t\t\t\t{this.label}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"mdc-select__anchor\"\r\n\t\t\t\t\t\taria-labelledby=\"outlined-select-label\"\r\n\t\t\t\t\t\t{...(this.isRequired ? { ariaRequired: true } : null)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"mdc-notched-outline\">\r\n\t\t\t\t\t\t\t<span class=\"mdc-notched-outline__leading\"></span>\r\n\t\t\t\t\t\t\t<span class=\"mdc-notched-outline__trailing\"></span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"mdc-select__selected-text-container\">\r\n\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\tid={this.fieldId}\r\n\t\t\t\t\t\t\t\tclass=\"mdc-select__selected-text\"\r\n\t\t\t\t\t\t\t\taria-controls={this.fieldName}\r\n\t\t\t\t\t\t\t\taria-describedby={this.fieldName}\r\n\t\t\t\t\t\t\t\tdata-eloqua-name={this.ptcDataEloquaName}\r\n\t\t\t\t\t\t\t\tdata-target-eloqua-name={\r\n\t\t\t\t\t\t\t\t\tthis.ptcDataTargetEloquaName\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"mdc-select__dropdown-icon\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\tclass=\"\"\r\n\t\t\t\t\t\t\t\twidth=\"10\"\r\n\t\t\t\t\t\t\t\theight=\"10\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 10 10\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\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\" />\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n\t\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\t\taria-label={this.label}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<p\r\n\t\t\t\t\t\tid={this.fieldName}\r\n\t\t\t\t\t\tclass=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\tclass=\"select-error-svg\"\r\n\t\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\t\tfill=\"none\"\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<g clip-path=\"url(#clip0_12_1424)\">\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\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\t\tfill=\"#AF3231\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t\t<clipPath id=\"clip0_12_1424\">\r\n\t\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t{this.helpertext}\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t{this.infoText ? (\r\n\t\t\t\t\t\t<p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n\t\t\t\t\t\t\t{this.infoText}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{/* helper text */}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/ptc-form.js

@@ -3,7 +3,7 @@ import { d as defineCustomElement$9 } from './p-BJBZdTyo.js';
 import { d as defineCustomElement$8 } from './p-TdFYF_Os.js';
 import { d as defineCustomElement$7 } from './p-DMTNMD3o.js';
 import { d as defineCustomElement$6 } from './p-Im8fglI_.js';
-import { d as defineCustomElement$5 } from './p-D12rZh_N.js';
+import { d as defineCustomElement$5 } from './p-s8aoBDRM.js';
 import { d as defineCustomElement$4 } from './p-BAXVGaW1.js';
 import { d as defineCustomElement$3 } from './p-HAtJV2yg.js';
 import { d as defineCustomElement$2 } from './p-qFwJl5xl.js';

package/dist/components/ptc-select.js

@@ -1,4 +1,4 @@
-import { P as PtcSelect$1, d as defineCustomElement$1 } from './p-D12rZh_N.js';
+import { P as PtcSelect$1, d as defineCustomElement$1 } from './p-s8aoBDRM.js';
 
 const PtcSelect = PtcSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/blog-detail-content.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getElement, h, H as Host } from './index-DybB092g.js';
-import { P as PreloaderDependency } from './index-CeGWP728.js';
+import { P as PreloaderDependency } from './index-BQ-J1lHr.js';
 
 const blogDetailContentCss = ".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}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl{direction:rtl}}.is-placed-left{place-self:left}.is-placed-right{place-self:right}.is-placed-center{place-self:center}.is-placed-start{place-self:start}.is-placed-normal{place-self:normal}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}:host{display:block;position:relative}:host .stoc{width:100%;height:100%;position:absolute;box-sizing:border-box}:host .stoc ul{margin:0;padding:0;list-style:none}:host .stoc ul .stoc-list-item{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}:host .stoc ul .stoc-list-item a{display:block;padding-left:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;text-transform:capitalize}:host .stoc ul .stoc-list-item a::before{content:\"\";display:block;width:2px;height:100%;background-color:transparent;position:absolute;left:0}:host .stoc ul .stoc-list-item a:hover{cursor:pointer}:host .stoc ul .stoc-list-item.active{display:block}:host .stoc ul .stoc-list-item.active a{font-weight:var(--ptc-font-weight-bold)}:host .stoc ul .stoc-list-item.active a::before{background-color:var(--color-green-07)}@media only screen and (min-width: 992px){:host .stoc ul .stoc-list-item{margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}:host .stoc ul .stoc-list-item:last-of-type{margin-bottom:0}}:host .stoc.desktop{display:none}:host .stoc.mobile{display:block}@media only screen and (min-width: 992px){:host .stoc{position:relative}:host .stoc.desktop{display:block}:host .stoc.mobile{display:none}}:host .stoc-mobile-list-container{width:100%;position:sticky;z-index:2;top:0;border-radius:var(--ptc-border-radius-standard);background-color:white}:host .stoc-mobile-list-container .dropdown-toggle{display:flex;align-items:center;gap:var(--ptc-element-spacing-03);background-color:white;width:100%;border:none;padding:var(--ptc-element-spacing-06)}:host .stoc-mobile-list-container .dropdown-toggle icon-asset{display:flex;align-items:center}:host .stoc-mobile-list-container .stoc-list-item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .stoc-mobile-list-container.closed{box-shadow:var(--ptc-shadow-medium)}:host .stoc-mobile-list-container.closed .dropdown-toggle{border-radius:var(--ptc-border-radius-standard)}:host .stoc-mobile-list-container.closed ul{display:none}:host .stoc-mobile-list-container.open{box-shadow:var(--ptc-shadow-x-large)}:host .stoc-mobile-list-container.open .dropdown-toggle{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0 0;border-bottom:solid 1px var(--color-gray-02)}:host .stoc-mobile-list-container.open ul{display:block;background-color:white;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);border-radius:0 0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .stoc-mobile-list-container{display:none}}:host .stoc-desktop-sticky{display:none}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky{display:block;position:sticky;top:calc(85px + var(--ptc-element-spacing-07))}:host .stoc-desktop-sticky .stoc-desktop-list-container{position:relative;height:-moz-max-content;height:max-content}:host .stoc-desktop-sticky .stoc-desktop-list-container.scroll{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#d9d9d9}:host .stoc-desktop-sticky #stoc-desktop-scroll-gradient{position:absolute;bottom:0;width:calc(100% - 15px);height:160px;z-index:0;background:linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);pointer-events:none}:host .stoc-desktop-sticky .stoc-desktop-list{display:none}}@media only screen and (min-width: 992px) and (min-width: 992px){:host .stoc-desktop-sticky .stoc-desktop-list{display:block}:host .stoc-desktop-sticky .stoc-desktop-list ul .stoc-list-item{margin-bottom:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px) and (min-width: 1440px){:host .stoc-desktop-sticky .stoc-desktop-list .stoc-list-item a{padding-right:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky #stoc-desktop-social-share{margin-left:10px}}:host #blog-detail-content{margin-top:calc(2 * var(--ptc-element-spacing-06) + 27px + 48px)}@media only screen and (min-width: 992px){:host #blog-detail-content{margin-top:0}}";
 

package/dist/esm/blog-detail-layout.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getElement, h, H as Host } from './index-DybB092g.js';
-import { P as PreloaderDependency } from './index-CeGWP728.js';
+import { P as PreloaderDependency } from './index-BQ-J1lHr.js';
 
 const blogDetailLayoutCss = ":host{display:block}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";