npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.10-upgrade → 7.0.12-upgrade - Mend

@ptcwebops/ptcw-design 7.0.10-upgrade → 7.0.12-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1020) hide show

package/dist/components/{p-CmPB_HxC.js.map → p-CpRUBnZv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CmPB_HxC~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\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\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\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\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CpRUBnZv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\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\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\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\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DxuCKCzq.js → p-CsspebZG.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcCardBottomCss = ":host{display:block}:host ::slotted([slot=seo-content]){display:none}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}:host(.most-popular){padding:0 16px 14px 16px}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
@@ -94,6 +94,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardBottom as P, defineCustomElement as d };
-//# sourceMappingURL=p-DxuCKCzq.js.map
+//# sourceMappingURL=p-CsspebZG.js.map
-//# sourceMappingURL=p-DxuCKCzq.js.map
+//# sourceMappingURL=p-CsspebZG.js.map

package/dist/components/{p-DxuCKCzq.js.map → p-CsspebZG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DxuCKCzq~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-bottom/ptc-card-bottom.scss?tag=ptc-card-bottom&encapsulation=shadow","src/components/molecules/ptc-card-bottom/ptc-card-bottom.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07)\r\n\t\t\tvar(--ptc-element-spacing-06);\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0px 24px 24px 16px;\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 72% 2 1;\r\n\talign-self: center;\r\n}\r\n\r\n:host(.mouse-hover-card-bottom) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tz-index: 5;\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: relative;\r\n\t\ttop: 0px; //calc(var(--ptc-layout-spacing-05)\t 2);\r\n\t\tleft: 0px;\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 64px); // full width minus padding\r\n\t\tpadding: var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);\r\n\t\tpadding-bottom: calc(\r\n\t\t\tvar(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05)\r\n\t\t);\r\n\t\tz-index: 2;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\tpadding-top: calc(\r\n\t\t\t\tvar(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tpadding-top: calc(var(--ptc-layout-spacing-05) * 2);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 80px); // full width minus padding\r\n\t\theight: 100%;\r\n\t\tpadding: 0px var(--ptc-element-spacing-08);\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tpadding: 0 16px 14px 16px;\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tpadding: 0 32px 32px 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 20% 2 1;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xl {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 70%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-2k {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-bottom\",\r\n\tstyleUrl: \"ptc-card-bottom.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardBottom {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() cardType:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"most-popular\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.add(\"mouse-hover\");\r\n\t\t\tthis.el.classList.add(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.remove(\"mouse-hover\");\r\n\t\t\tthis.el.classList.remove(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\t (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync addClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\t!ele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.add(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\tele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.remove(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-bottom\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\tonMouseEnter={this.hoverEventHandler.bind(this)}\r\n\t\t\t\tonMouseLeave={this.leaveEventHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-bottom-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: this.cardType ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CsspebZG.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-bottom/ptc-card-bottom.scss?tag=ptc-card-bottom&encapsulation=shadow","src/components/molecules/ptc-card-bottom/ptc-card-bottom.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07)\r\n\t\t\tvar(--ptc-element-spacing-06);\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0px 24px 24px 16px;\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 72% 2 1;\r\n\talign-self: center;\r\n}\r\n\r\n:host(.mouse-hover-card-bottom) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tz-index: 5;\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: relative;\r\n\t\ttop: 0px; //calc(var(--ptc-layout-spacing-05)\t 2);\r\n\t\tleft: 0px;\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 64px); // full width minus padding\r\n\t\tpadding: var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);\r\n\t\tpadding-bottom: calc(\r\n\t\t\tvar(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05)\r\n\t\t);\r\n\t\tz-index: 2;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\tpadding-top: calc(\r\n\t\t\t\tvar(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tpadding-top: calc(var(--ptc-layout-spacing-05) * 2);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 80px); // full width minus padding\r\n\t\theight: 100%;\r\n\t\tpadding: 0px var(--ptc-element-spacing-08);\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tpadding: 0 16px 14px 16px;\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tpadding: 0 32px 32px 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 20% 2 1;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xl {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 70%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-2k {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-bottom\",\r\n\tstyleUrl: \"ptc-card-bottom.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardBottom {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() cardType:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"most-popular\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.add(\"mouse-hover\");\r\n\t\t\tthis.el.classList.add(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.remove(\"mouse-hover\");\r\n\t\t\tthis.el.classList.remove(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\t (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync addClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\t!ele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.add(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\tele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.remove(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-bottom\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\tonMouseEnter={this.hoverEventHandler.bind(this)}\r\n\t\t\t\tonMouseLeave={this.leaveEventHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-bottom-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: this.cardType ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CffVElHk.js → p-CuEMGIos.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
@@ -63,6 +63,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSpacer as P, defineCustomElement as d };
-//# sourceMappingURL=p-CffVElHk.js.map
+//# sourceMappingURL=p-CuEMGIos.js.map
-//# sourceMappingURL=p-CffVElHk.js.map
+//# sourceMappingURL=p-CuEMGIos.js.map

package/dist/components/{p-CffVElHk.js.map → p-CuEMGIos.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CffVElHk~~.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CuEMGIos.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-p7seAWpY.js → p-CyG7mahO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcTheaterVideoCss = ".sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);margin-top:5px;cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#fff;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h3.sc-ptc-theater-video{margin:12px 0 0 0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTheaterVideo as P, defineCustomElement as d };
-//# sourceMappingURL=p-p7seAWpY.js.map
+//# sourceMappingURL=p-CyG7mahO.js.map
-//# sourceMappingURL=p-p7seAWpY.js.map
+//# sourceMappingURL=p-CyG7mahO.js.map

package/dist/components/{p-p7seAWpY.js.map → p-CyG7mahO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~p7seAWpY~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video/ptc-theater-video.scss?tag=ptc-theater-video&encapsulation=scoped","src/components/molecules/ptc-theater-video/ptc-theater-video.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmax-width: 205px;\r\n\tmin-width: 205px;\r\n\tcolor: var(--color-white);\r\n\t&.hide {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.show {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t@include screen-sm {\r\n\t\tmin-width: auto;\r\n\t\tmin-width: 205px;\r\n\t}\r\n\t@include screen-lg {\r\n\t\tmax-width: 260px;\r\n\t\tmin-width: 260px;\r\n\t}\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tborder-radius: 12px;\r\n\t\tbox-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\t\tmargin-top: 5px;\r\n\t\tcursor: pointer;\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tborder-radius: 12px;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tfill: #fff;\r\n\t\t\tfilter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.card-number {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 6px;\r\n\t\t\ttop: 6px;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tbackground-color: var(--color-gray-09);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 2px solid var(--color-green-05);\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\th3 {\r\n\t\tmargin: 12px 0 0 0;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video\",\r\n\tstyleUrl: \"ptc-theater-video.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTheaterVideo {\r\n\t@Prop() cardTitle?: string;\r\n\t@Prop() cardDescription?: string;\r\n\t@Prop() thumbImg?: string;\r\n\t@Element() ele: HTMLElement;\r\n\t@Prop() cardNumber?: number;\r\n\t@Prop() videoId?: number;\r\n\t@Prop() vtagName?: string;\r\n\t@Event() vCardClicked: EventEmitter;\r\n\t@Prop() modalType?: \"only-video\" \| \"video-with-description\" =\r\n\t\t\"video-with-description\";\r\n\r\n\tshowCardDetails() {\r\n\t\t// Emit a custom event to signal that the card was clicked\r\n\t\t// const cardClickEvent = new CustomEvent('cardClicked', {\r\n\t\t// detail: this.cardTitle,\r\n\t\t// });\r\n\t\t// this.ele.dispatchEvent(cardClickEvent);\r\n\r\n\t\tthis.vCardClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tcardNumber: this.cardNumber,\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tvideo-id={this.videoId}\r\n\t\t\t\tvtag-name={this.vtagName}\r\n\t\t\t\tmodal-type={this.modalType}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"img-wrap mf-listen\"\r\n\t\t\t\t\tonClick={() => this.showCardDetails()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t>\r\n\t\t\t\t\t<img src={this.thumbImg} alt=\"\" />\r\n\t\t\t\t\t<span class={\"card-number\"}>{this.cardNumber + 1}</span>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\tviewBox=\"0 0 54 56\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g filter=\"url(#filter0_d_214_969)\">\r\n\t\t\t\t\t\t\t<path d=\"M42 20L12 36V4L42 20Z\" fill=\"white\" />\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<filter\r\n\t\t\t\t\t\t\tid=\"filter0_d_214_969\"\r\n\t\t\t\t\t\t\tx=\"0\"\r\n\t\t\t\t\t\t\ty=\"0\"\r\n\t\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\t\tfilterUnits=\"userSpaceOnUse\"\r\n\t\t\t\t\t\t\tcolor-interpolation-filters=\"sRGB\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<feFlood\r\n\t\t\t\t\t\t\t\t\tflood-opacity=\"0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\tin=\"SourceAlpha\"\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"hardAlpha\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feOffset dy=\"8\" />\r\n\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"6\" />\r\n\t\t\t\t\t\t\t\t<feComposite in2=\"hardAlpha\" operator=\"out\" />\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin2=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t\tresult=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\t\t\tin2=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t\tresult=\"shape\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</filter>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<h3 class={\"vcard-title\"}>{this.cardTitle}</h3>\r\n\r\n\t\t\t\t<div class=\"hidden description\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CyG7mahO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video/ptc-theater-video.scss?tag=ptc-theater-video&encapsulation=scoped","src/components/molecules/ptc-theater-video/ptc-theater-video.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmax-width: 205px;\r\n\tmin-width: 205px;\r\n\tcolor: var(--color-white);\r\n\t&.hide {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.show {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t@include screen-sm {\r\n\t\tmin-width: auto;\r\n\t\tmin-width: 205px;\r\n\t}\r\n\t@include screen-lg {\r\n\t\tmax-width: 260px;\r\n\t\tmin-width: 260px;\r\n\t}\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tborder-radius: 12px;\r\n\t\tbox-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\t\tmargin-top: 5px;\r\n\t\tcursor: pointer;\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tborder-radius: 12px;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tfill: #fff;\r\n\t\t\tfilter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.card-number {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 6px;\r\n\t\t\ttop: 6px;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tbackground-color: var(--color-gray-09);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 2px solid var(--color-green-05);\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\th3 {\r\n\t\tmargin: 12px 0 0 0;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video\",\r\n\tstyleUrl: \"ptc-theater-video.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTheaterVideo {\r\n\t@Prop() cardTitle?: string;\r\n\t@Prop() cardDescription?: string;\r\n\t@Prop() thumbImg?: string;\r\n\t@Element() ele: HTMLElement;\r\n\t@Prop() cardNumber?: number;\r\n\t@Prop() videoId?: number;\r\n\t@Prop() vtagName?: string;\r\n\t@Event() vCardClicked: EventEmitter;\r\n\t@Prop() modalType?: \"only-video\" \| \"video-with-description\" =\r\n\t\t\"video-with-description\";\r\n\r\n\tshowCardDetails() {\r\n\t\t// Emit a custom event to signal that the card was clicked\r\n\t\t// const cardClickEvent = new CustomEvent('cardClicked', {\r\n\t\t// detail: this.cardTitle,\r\n\t\t// });\r\n\t\t// this.ele.dispatchEvent(cardClickEvent);\r\n\r\n\t\tthis.vCardClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tcardNumber: this.cardNumber,\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tvideo-id={this.videoId}\r\n\t\t\t\tvtag-name={this.vtagName}\r\n\t\t\t\tmodal-type={this.modalType}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"img-wrap mf-listen\"\r\n\t\t\t\t\tonClick={() => this.showCardDetails()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t>\r\n\t\t\t\t\t<img src={this.thumbImg} alt=\"\" />\r\n\t\t\t\t\t<span class={\"card-number\"}>{this.cardNumber + 1}</span>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\tviewBox=\"0 0 54 56\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g filter=\"url(#filter0_d_214_969)\">\r\n\t\t\t\t\t\t\t<path d=\"M42 20L12 36V4L42 20Z\" fill=\"white\" />\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<filter\r\n\t\t\t\t\t\t\tid=\"filter0_d_214_969\"\r\n\t\t\t\t\t\t\tx=\"0\"\r\n\t\t\t\t\t\t\ty=\"0\"\r\n\t\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\t\tfilterUnits=\"userSpaceOnUse\"\r\n\t\t\t\t\t\t\tcolor-interpolation-filters=\"sRGB\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<feFlood\r\n\t\t\t\t\t\t\t\t\tflood-opacity=\"0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\tin=\"SourceAlpha\"\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"hardAlpha\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feOffset dy=\"8\" />\r\n\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"6\" />\r\n\t\t\t\t\t\t\t\t<feComposite in2=\"hardAlpha\" operator=\"out\" />\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin2=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t\tresult=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\t\t\tin2=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t\tresult=\"shape\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</filter>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<h3 class={\"vcard-title\"}>{this.cardTitle}</h3>\r\n\r\n\t\t\t\t<div class=\"hidden description\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-NoSU5B-t.js → p-CyGg8tTg.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$2 } from './p-DXifBMax.js';
-import { d as defineCustomElement$1 } from './p-CffVElHk.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$2 } from './p-p2ZLmYhc.js';
+import { d as defineCustomElement$1 } from './p-CuEMGIos.js';
 const ptcPreloaderSectionCss = ".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.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}}.preload-section{position:relative;height:-moz-max-content;height:max-content;overflow:visible}.preload-section.show-skeleton{overflow:clip}.preload-skeleton,.preload-child{visibility:hidden;z-index:-10;position:absolute;top:0;width:100%;height:100%}.preload-skeleton.show,.preload-child.show{visibility:visible;z-index:inherit;background:inherit;position:relative}.preload-skeleton{display:none}.preload-skeleton.show{display:block;background-color:#f3f3f3}.preload-min-height{min-height:150vh}.has-col-gap-lg{grid-column-gap:var(--spacing)}@media only screen and (min-width: 480px){.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.icon-grid{grid-column-gap:16px;grid-row-gap:var(--spacing-xxl)}@media only screen and (min-width: 992px){.icon-grid{grid-column-gap:64px;grid-row-gap:64px}}@media only screen and (min-width: 1980px){.preload-min-height{min-height:60vh}}.cards-preload-min-height{min-height:80vh}@media only screen and (min-width: 1980px){.cards-preload-min-height{min-height:20vh}}.has-col-gap-md{grid-column-gap:16px}.has-row-gap-md{grid-row-gap:48px}@media only screen and (min-width: 768px){.has-col-gap-md{grid-column-gap:24px}}@media only screen and (min-width: 992px){.has-col-gap-md{grid-column-gap:32px}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.skeleton{display:flex;flex-direction:column;padding:10px}.skeleton.centered{justify-content:center}.skeleton.padding-left-sm{padding-left:14px}.skeleton-header{display:flex;flex-direction:column;margin-bottom:var(--ptc-element-spacing-07)}.skeleton-block{height:24px;background:linear-gradient(to right, #f6f6f6 25%, #e4e7e9 50%, #f6f6f6 75%);background-size:200% 100%;margin-bottom:8px;border-radius:4px;animation:loading 2.5s ease-in-out infinite;width:100%}.skeleton-block.long{width:80%}.skeleton-block.wide{width:70%}.skeleton-block.wide-sm{width:60%}.skeleton-block.medium{width:50%}@media only screen and (min-width: 992px){.skeleton-block.medium-md{width:50%}}.skeleton-block.short{width:30%}.skeleton-block.narrow{width:20%}.skeleton-block.thick{height:48px}.skeleton-block.thin{height:22px}.skeleton-block.bold{height:32px}.skeleton-block.extra-bold{height:66px}.skeleton-block.center{margin-left:auto;margin-right:auto}.skeleton-block.left{margin-right:auto}.skeleton-block.right{margin-left:auto}.skeleton-block.cta{height:55px;max-width:160px}.skeleton-image,.skeleton-card-media,.skeleton-jumbotron-image,.skeleton-long-image{width:100%;height:450px;background:linear-gradient(to right, #f6f6f6 25%, #e4e7e9 50%, #f6f6f6 75%);background-size:200% 100%;margin-bottom:var(--ptc-layout-spacing-06);border-radius:4px;animation:loading 2.5s ease-in-out infinite}.skeleton-card-media{height:230px;margin-bottom:var(--ptc-layout-spacing-03)}.skeleton-long-image{height:455px;margin-bottom:var(--ptc-layout-spacing-03)}.skeleton-jumbotron-image{height:380px;margin-bottom:var(--ptc-layout-spacing-04)}.unit-col{-ms-grid-column-span:1;grid-column:span 1}.is-flex{display:flex}.skeleton-home-page{width:100%;background-color:#fff}.skeleton-home-page .skeleton-jumbo{background-color:#f6f6f6;padding-top:2rem;margin-bottom:0;min-height:629px;max-height:1000px;position:relative}.skeleton-home-page .skeleton-jumbo .pos-rel{position:relative}@media (min-height: 629px){.skeleton-home-page .skeleton-jumbo{min-height:72vh}}@media (min-width: 992px) and (min-height: 594px){.skeleton-home-page .skeleton-jumbo{min-height:72vh}}.skeleton-home-page .skeleton-jumbo .jumbo-content{margin-top:120px;margin-bottom:120px}.skeleton-home-page .skeleton-jumbo .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;left:24px;max-width:100%}.skeleton-home-page .skeleton-jumbo .block.tabs{height:35px;width:132px;margin-bottom:54px;position:absolute;left:0}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.tabs{height:35px;width:779px;margin-bottom:134px}}.skeleton-home-page .skeleton-jumbo .block.block-1{width:395px;height:36px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-1{width:673px;height:54px}}.skeleton-home-page .skeleton-jumbo .block.block-2{width:326px;height:36px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-2{width:571px;height:54px}}.skeleton-home-page .skeleton-jumbo .block.block-3{width:370px;height:36px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-3{width:490px;height:54px;margin-bottom:16px}}.skeleton-home-page .skeleton-jumbo .block.block-4{width:201px;height:36px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-4{display:none}}.skeleton-home-page .skeleton-jumbo .block.block-5{width:422px;height:21px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-5{width:720px;height:21px}}.skeleton-home-page .skeleton-jumbo .block.block-6{width:395px;height:21px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-6{width:598px;height:21px}}.skeleton-home-page .skeleton-jumbo .block.block-7{width:422px;height:21px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-7{display:none}}.skeleton-home-page .skeleton-jumbo .block.block-8{width:370px;height:21px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-8{width:310px;height:21px;margin-bottom:32px}}.skeleton-home-page .skeleton-jumbo .block.block-9{width:187px;height:49px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-9{width:187px;height:49px}}.skeleton-home-page .bot{width:100%;position:relative}.skeleton-home-page .slide-container{overflow:hidden;transform:translateY(-32px)}.skeleton-home-page .slide-container .skeleton-slides{width:100%;min-width:936px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;-moz-column-gap:40px;column-gap:40px}.skeleton-home-page .slide-container .skeleton-slides .slide{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;width:100%;height:140px}@media only screen and (min-width: 992px){.skeleton-home-page .slide-container .skeleton-slides .slide{height:116px}}.skeleton-homepage-toggle{margin:40px 0;width:100%}.skeleton-homepage-toggle .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;max-width:100%}.skeleton-homepage-toggle .block.top-1{width:378px;height:31px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-1{width:720px;height:37px}}.skeleton-homepage-toggle .block.top-2{width:369px;height:31px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-2{display:none}}.skeleton-homepage-toggle .block.top-3{width:414px;height:31px;margin-bottom:16px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-3{width:617px;height:37px}}.skeleton-homepage-toggle .block.top-4{width:423px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-4{display:none}}.skeleton-homepage-toggle .block.top-5{width:326px;height:21px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-5{width:571px;height:21px;margin-bottom:48px}}.skeleton-homepage-toggle .block.selector{width:432px;height:69px;margin-bottom:40px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.selector{display:none}}.skeleton-homepage-toggle .block.toggle-1,.skeleton-homepage-toggle .block.toggle-2{display:none;width:220px;height:117px;margin-bottom:64px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.toggle-1,.skeleton-homepage-toggle .block.toggle-2{display:block}}.skeleton-homepage-toggle .block.bot-1{width:381px;height:24px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-1{width:438px;height:24px}}.skeleton-homepage-toggle .block.bot-2{width:241px;height:24px;margin-bottom:12px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-2{width:321px;height:24px}}.skeleton-homepage-toggle .block.bot-3{width:399px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-3{width:534px;height:21px}}.skeleton-homepage-toggle .block.bot-4{width:415px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-4{width:555px;height:21px}}.skeleton-homepage-toggle .block.bot-5{width:376px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-5{width:503px;height:21px}}.skeleton-homepage-toggle .block.bot-6{width:340px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-6{display:none}}.skeleton-homepage-toggle .block.bot-7{width:362px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-7{display:none}}.skeleton-homepage-toggle .block.bot-8{width:183px;height:21px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-8{width:455px;height:21px}}.skeleton-homepage-toggle .block.bot-9{width:183px;height:49px}.skeleton-homepage-toggle .picture{background:var(--color-gray-01);height:500px;width:100%;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .picture{height:733px}}.skeleton-homepage-toggle .toggle-section{display:block}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .toggle-section{display:flex;flex-direction:row;justify-content:space-between;gap:24px}}.skeleton-homepage-toggle .cta-section-wrapper{overflow:hidden}.skeleton-homepage-toggle .cta-section-wrapper .cta-section{margin-top:48px;display:flex;align-items:flex-start;gap:24px;width:564px}.skeleton-homepage-toggle .cta-section-wrapper .cta-section .cta-block{width:272px;height:108px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .cta-section-wrapper .cta-section{margin-top:72px}}@media only screen and (min-width: 992px){.skeleton-homepage-toggle{margin:80px 0}.skeleton-homepage-toggle .is-center{align-content:center}}.skeleton-background-video-tall{width:100%;padding:160px 0;background-color:var(--color-gray-01)}.skeleton-background-video-tall .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px}.skeleton-background-video-tall .top-1{width:60%;height:37px;max-width:561px}.skeleton-background-video-tall .top-2{width:70%;height:37px;max-width:605px;margin-bottom:16px}.skeleton-background-video-tall .top-3{width:90%;height:21px;max-width:688px}.skeleton-background-video-tall .top-4{width:50%;height:21px;max-width:521px;margin-bottom:32px}.skeleton-background-video-tall .top-5{width:177px;height:49px}.skeleton-background-video-tall .bottom-1{width:200px;height:30px;margin-bottom:16px}.skeleton-background-video-tall .top-section{margin-bottom:160px}.skeleton-background-video-tall .bottom-section{overflow:hidden}.skeleton-background-video-tall .cards{overflow:hidden;white-space:nowrap}.skeleton-background-video-tall .cards .card{display:inline-block;padding:24px;width:228px;height:50px;margin:0 16px}.skeleton-background-video-tall .cards .card:first-child{margin-left:0}.skeleton-background-video-tall .cards .card:last-child{margin-right:0}.skeleton-jumbotron{padding-top:106px;padding-bottom:106px}.skeleton-jumbotron .cta-wrap{display:flex;width:50%;-moz-column-gap:14px;column-gap:14px}@media only screen and (min-width: 768px){.skeleton-jumbotron .cta-wrap{-moz-column-gap:24px;column-gap:24px}}.skeleton-on-demand{background-color:#20262a}.skeleton-on-demand .skeleton-block{background:linear-gradient(to right, #32373b 25%, var(--color-gray-09) 50%, #32373b 75%);background-size:200% 100%;margin-bottom:8px;border-radius:4px;animation:loading 2.5s ease-in-out infinite}.skeleton-on-demand .skeleton-block.short{width:80%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.short{width:30%}}.skeleton-on-demand .skeleton-block.wide-sm-1{width:90%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-sm-1{width:40%}}.skeleton-on-demand .skeleton-block.wide-md{width:93%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-md{width:43%}}.skeleton-on-demand .skeleton-block.wide-md-1{width:95%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-md-1{width:45%}}.skeleton-on-demand .skeleton-block.wide-sm-2{width:77%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-sm-2{width:27%}}.skeleton-on-demand .skeleton-block.smallest{width:60%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.smallest{width:10%}}.skeleton-on-demand .skeleton-block.medium-1{width:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .skeleton-block.medium-1{width:90%}}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.medium-1{width:50%}}.skeleton-on-demand .on-demand-vl{padding-top:19px;padding-bottom:338px}.skeleton-on-demand .on-demand-vl .grid-top{padding-bottom:90px}@media only screen and (min-width: 1600px){.skeleton-on-demand .on-demand-vl .grid-top{padding-bottom:113px}}.skeleton-on-demand .on-demand-vl .grid-medium{padding-top:84px;padding-bottom:100px}@media only screen and (min-width: 1600px){.skeleton-on-demand .on-demand-vl .grid-medium{padding-top:97px}}.skeleton-on-demand .on-demand-vl .grid-medium-2{padding-bottom:59px}.skeleton-on-demand .on-demand-vl .grid-bottom-1{padding-top:68.03px;padding-bottom:73.8px}.skeleton-on-demand .on-demand-vl .grid-bottom-2{padding-bottom:83.02px}.skeleton-on-demand .on-demand-vl .grid-vl{display:flex;flex-direction:row;justify-content:space-between;-moz-column-gap:28px;column-gap:28px}.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:50%}}@media only screen and (min-width: 768px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:33%}}@media only screen and (min-width: 1200px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:25%}}@media only screen and (min-width: 1440px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:20%}}.skeleton-on-demand .jumbotron-section{padding-top:89px;padding-bottom:89px}@media only screen and (min-width: 480px){.skeleton-on-demand .jumbotron-section{padding-bottom:69px}}@media only screen and (min-width: 768px){.skeleton-on-demand .jumbotron-section{padding-bottom:113px}}@media only screen and (min-width: 992px){.skeleton-on-demand .jumbotron-section{padding-bottom:117px}}.skeleton-on-demand .hide-bl{display:block}.skeleton-on-demand .hide-xs{display:none}@media only screen and (min-width: 480px){.skeleton-on-demand .hide-xs{display:block}}.skeleton-on-demand .hide-sm{display:none}@media only screen and (min-width: 768px){.skeleton-on-demand .hide-sm{display:block}}.skeleton-on-demand .hide-md{display:none}@media only screen and (min-width: 992px){.skeleton-on-demand .hide-md{display:block}}.skeleton-on-demand .hide-lg{display:none}@media only screen and (min-width: 1200px){.skeleton-on-demand .hide-lg{display:block}}.skeleton-on-demand .hide-xl{display:none}@media only screen and (min-width: 1440px){.skeleton-on-demand .hide-xl{display:block}}.skeleton-on-demand .block .block-1{width:316px;height:501px;border-radius:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-1{width:434px;height:501px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-1{width:342px;height:501px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-1{width:445px;height:501px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-1{width:355px;height:664px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-1{width:374px;height:664px}}.skeleton-on-demand .block .block-2{border-radius:12px;display:none}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-2{width:342px;height:501px;display:block}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-2{width:445px;height:501px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-2{width:355px;height:664px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-2{width:374px;height:664px}}.skeleton-on-demand .block .block-3{border-radius:12px;display:none}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-3{width:355px;height:664px;display:block}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-3{width:374px;height:664px}}.skeleton-on-demand .block .block-4{height:379px;border-radius:12px;width:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-4{height:437px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-4{height:559px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-4{height:498.857px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-4{height:579.832px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-4{height:679px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-4{width:100%;height:898.469px}}.skeleton-on-demand .block .block-5{height:268px;border-radius:12px;width:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-5{height:268px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-5{height:268px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-5{height:198.367px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-5{height:230.567px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-5{height:270px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-5{height:357.271px}}.skeleton-on-demand .block .block-6{width:auto;height:173px;border-radius:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-6{height:173px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-6{height:173px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-6{height:161.633px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-6{height:187.869px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-6{height:220px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-6{height:291.109px}}.skeleton-on-demand .block .block-7{width:auto;height:114px;border-radius:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-7{height:114px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-7{height:114px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-7{height:83.755px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-7{height:97.35px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-7{width:auto;height:114px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-7{width:auto;height:150.848px}}.skeleton-on-demand .block .block-8{border-radius:12px;width:auto;height:138px;margin-bottom:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-8{height:159px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-8{height:159px}}.skeleton-on-demand .block .block-9{border-radius:12px;width:auto;height:381px;margin-bottom:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-9{height:381px}}.skeleton-on-demand .block .block-10{border-radius:12px;height:268px}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-10{height:309.026px}}.skeleton-on-demand .block .block-11{border-radius:12px;height:123px}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-11{height:141.829px}}.section-two-col{padding-top:76px;padding-bottom:76px}.section-icon-component{padding-top:50px;padding-bottom:50px}.section-icon-component .icon{width:72px;height:72px}.skeleton-blog-detail{padding-bottom:196px}@media only screen and (min-width: 480px){.skeleton-blog-detail{padding-bottom:112px}}.skeleton-blog-detail .is-mobile{display:block}@media only screen and (min-width: 992px){.skeleton-blog-detail .is-mobile{display:none}}.skeleton-blog-detail .is-desktop{display:none}@media only screen and (min-width: 992px){.skeleton-blog-detail .is-desktop{display:block}}.skeleton-blog-detail .skeleton-jumbotron{padding-top:48px;padding-bottom:60px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:168px;margin-bottom:16px;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:216px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:332px;margin-bottom:24px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:100%;margin-bottom:0}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}}.skeleton-blog-detail .flex-container{display:flex;gap:12px}.skeleton-blog-detail .is-centered-vertically{display:flex;align-items:center;gap:12px}.skeleton-blog-detail .skeleton-space{margin-bottom:0;background:transparent}.skeleton-blog-detail .skeleton-space.h-xx-small{height:4px}.skeleton-blog-detail .skeleton-space.h-x-small{height:8px}.skeleton-blog-detail .skeleton-space.h-small{height:12px}.skeleton-blog-detail .skeleton-space.h-medium{height:16px}.skeleton-blog-detail .skeleton-space.h-large{height:20px}.skeleton-blog-detail .skeleton-space.h-x-large{height:28px}.skeleton-blog-detail .skeleton-space.h-xx-large{height:36px}.skeleton-blog-detail .skeleton-space.h-xxx-large{height:48px}.skeleton-blog-detail .skeleton-space.h-xxxx-large{height:72px}.skeleton-blog-detail .skeleton-block{margin-bottom:0;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite}.skeleton-blog-detail .skeleton-block.h-xx-small{height:4px}.skeleton-blog-detail .skeleton-block.h-x-small{height:8px}.skeleton-blog-detail .skeleton-block.h-small{height:12px}.skeleton-blog-detail .skeleton-block.h-medium{height:16px}.skeleton-blog-detail .skeleton-block.h-large{height:24px}.skeleton-blog-detail .skeleton-block.h-x-large{height:32px}.skeleton-blog-detail .skeleton-block.h-xx-large{height:36px}.skeleton-blog-detail .skeleton-block.h-xxx-large{height:48px}.skeleton-blog-detail .skeleton-block.date{width:45px;height:8px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.date{width:58px;height:10px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.date{width:90px;height:16px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.date{width:84px;height:14px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.date{width:104px;height:18px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.date{width:116px;height:20px}}.skeleton-blog-detail .skeleton-block.author{width:50px;height:8px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.author{width:65px;height:10px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.author{width:99px;height:16px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.author{width:84px;height:14px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.author{width:105px;height:17px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.author{width:116px;height:20px}}.skeleton-blog-detail .skeleton-block.circle{width:24px;height:24px;border-radius:50%}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.circle{width:28px;height:28px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.circle{width:44px;height:44px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.circle{width:48px;height:48px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.circle{width:52px;height:52px}}.skeleton-blog-detail .skeleton-block.button-1{width:92px;height:24px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.button-1{width:120px;height:30px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.button-1{width:184px;height:46px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.button-1{width:140px;height:35px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.button-1{width:176px;height:43px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.button-1{width:196px;height:48px}}.skeleton-blog-detail .skeleton-block.button-2{width:136px;height:24px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.button-2{width:176px;height:30px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.button-2{width:272px;height:46px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.button-2{width:212px;height:35px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.button-2{width:264px;height:43px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.button-2{width:292px;height:48px}}.skeleton-blog-detail .skeleton-block.social-share{width:32px;height:32px}.skeleton-blog-detail .skeleton-block.text-line-1{width:93%}.skeleton-blog-detail .skeleton-block.text-line-2{width:95%}.skeleton-blog-detail .skeleton-block.cta-image{width:45%;height:350px;position:absolute;left:0;z-index:2;top:200px;transform:translateY(-50%)}.skeleton-blog-detail .skeleton-block.cta-body{width:80%;height:400px;position:absolute;right:0;z-index:1}.skeleton-blog-detail .skeleton-cta{width:100%;height:400px;position:relative}.preloader-white-paper{position:relative;width:100%;top:0px;left:0px}.preloader-white-paper .hero-image{height:462px;left:0px;position:absolute;top:0px;width:100%;z-index:2;background-color:var(--color-gray-03)}.preloader-white-paper .content-container{z-index:3;position:relative}.preloader-white-paper .content-container .content-container-child{top:80px;margin-bottom:70px;background-color:var(--color-white);position:relative}.preloader-white-paper .content-container .grid-top{margin-bottom:30px}.preloader-white-paper .content-container .row-margin-btm{margin-bottom:10px}.preloader-white-paper .content-container .grid-mrgn{margin:0}@media only screen and (min-width: 992px){.preloader-white-paper .content-container .grid-mrgn{margin:0 18px}}@media only screen and (min-width: 1200px){.preloader-white-paper .content-container .grid-mrgn{margin:0 26px}}@media only screen and (min-width: 1440px){.preloader-white-paper .content-container .grid-mrgn{margin:0 29px}}.preloader-white-paper .content-container .grid-top-2{margin-bottom:20px}.preloader-white-paper .content-container .block-1{height:527px}.preloader-white-paper .content-container .skeleton .skeleton-block.longer{width:95%}.preloader-white-paper .content-container .skeleton .skeleton-block.longest{width:97%}.preloader-white-paper .content-container .skeleton .skeleton-block.long{width:93%}.preloader-white-paper .content-container .skeleton .skeleton-block.thick-1{height:43px}.preloader-white-paper .content-container .skeleton .skeleton-block.extra-bold-1{height:52px}.preloader-white-paper .related-items{margin-top:157px;padding-bottom:40px}.preloader-white-paper .related-items .title{display:flex;flex-direction:row;justify-content:center}.preloader-white-paper .related-items .skeleton .skeleton-block.block-2{height:302px;width:100%}@media only screen and (min-width: 768px){.preloader-white-paper .related-items .skeleton .skeleton-block.block-2{height:425px}}.preloader-value-led{position:relative;height:120%;width:100%;top:0px;left:0px}.preloader-value-led .hero-image{height:462px;left:0px;position:absolute;top:0px;width:100%;z-index:2;background-color:var(--color-gray-03)}.preloader-value-led .content-container{z-index:3;position:relative;height:120%}.preloader-value-led .content-container .content-container-child{top:80px;margin-bottom:70px;position:relative}.preloader-value-led .content-container .content-container-child .container-child-1{background-color:var(--color-white);display:none}@media only screen and (min-width: 992px){.preloader-value-led .content-container .content-container-child .container-child-1{display:block}}.preloader-value-led .content-container .content-container-child .container-child-2{background-color:var(--color-white)}.preloader-value-led .content-container .related-items{height:100px}.preloader-value-led .content-container .grid-top{margin-top:4px;margin-bottom:40px}.preloader-value-led .content-container .grid-1{margin-top:4px;margin-bottom:4px}.preloader-value-led .content-container .grid-top-1{margin-bottom:49px}.preloader-value-led .content-container .block-1{height:434px}.preloader-value-led .content-container .skeleton .skeleton-block.longer{width:97%}.preloader-value-led .content-container .skeleton .skeleton-block.longest{width:99%}.preloader-value-led .content-container .skeleton .skeleton-block.long{width:95%}.preloader-value-led .content-container .skeleton .skeleton-block.long-1{width:90%}.preloader-value-led .content-container .skeleton .skeleton-block.long-2{width:87%}.preloader-value-led .content-container .skeleton .skeleton-block.long-3{width:60%}.preloader-value-led .content-container .skeleton .skeleton-block.long-4{width:70%}.preloader-value-led .content-container .skeleton .skeleton-block.smallest{width:10%}.preloader-value-led .content-container .skeleton .skeleton-block.thinnnest{height:19px}.preloader-value-led .content-container .skeleton .skeleton-block.thinnest-1{height:19px;margin-bottom:4px !important}.preloader-generic-form .form-block-1{border-radius:4px;border:8px solid var(--color-gray-02);padding:28px 22px;margin-top:32px;margin-bottom:118px;display:block}@media only screen and (min-width: 768px){.preloader-generic-form .form-block-1{width:512px;margin-left:auto;margin-right:auto}}@media only screen and (min-width: 992px){.preloader-generic-form .form-block-1{display:none}}.preloader-generic-form .form-block-1 .form-block-skeleton{margin-bottom:17px}.preloader-generic-form .form-block-2{border-radius:4px;border:8px solid var(--color-gray-02);padding:28px 22px;margin-bottom:118px;display:none}@media only screen and (min-width: 992px){.preloader-generic-form .form-block-2{display:block}}.preloader-generic-form .form-block-2 .form-block-skeleton{margin-bottom:17px}@media only screen and (min-width: 992px){.preloader-generic-form .grid-1{padding-top:53px}}.preloader-generic-form .jumbotron{background:#fff}.preloader-generic-form .skeleton .skeleton-block.very-bold{width:60%;height:55px}@media only screen and (min-width: 768px){.preloader-generic-form .skeleton .skeleton-block.very-bold{width:50%}}@media only screen and (min-width: 992px){.preloader-generic-form .skeleton .skeleton-block.very-bold{width:40%}}@media only screen and (min-width: 1200px){.preloader-generic-form .skeleton .skeleton-block.very-bold{width:60%}}.preloader-generic-form .skeleton .skeleton-block.line-1{width:90%}.preloader-generic-form .skeleton .skeleton-block.line-2{width:87%}.preloader-generic-form .skeleton .skeleton-block.line-3{width:85%}.preloader-generic-form .skeleton .skeleton-block.line-4{width:88%}.preloader-generic-form .skeleton .skeleton-block.line-6{width:40%}.preloader-generic-form .skeleton .skeleton-block.block-2{height:418px;width:auto;margin-top:44px}.pdf-skeleton-preloader .jumbotron-sec{background:#fff}.pdf-skeleton-preloader .section-1{padding-top:60px;padding-bottom:222px}.pdf-skeleton-preloader .section-1 .line-1{height:44px;width:100%;margin-bottom:39px}@media only screen and (min-width: 992px){.pdf-skeleton-preloader .section-1 .line-1{width:70%}}@media only screen and (min-width: 1200px){.pdf-skeleton-preloader .section-1 .line-1{width:50%}}.pdf-skeleton-preloader .section-1 .line-2{width:100%}@media only screen and (min-width: 1200px){.pdf-skeleton-preloader .section-1 .line-2{width:90%}}.pdf-skeleton-preloader .section-1 .line-3{width:97%}@media only screen and (min-width: 1200px){.pdf-skeleton-preloader .section-1 .line-3{width:87%}}.pdf-skeleton-preloader .section-1 .line-4{width:95%}@media only screen and (min-width: 1200px){.pdf-skeleton-preloader .section-1 .line-4{width:85%}}.pdf-skeleton-preloader .pdf-area{padding-bottom:110px}.pdf-skeleton-preloader .pdf-area .pdf-section{background-color:#fff;width:auto}@media only screen and (min-width: 1440px){.pdf-skeleton-preloader .pdf-area .pdf-section{width:781px;margin:auto}}.pdf-skeleton-preloader .pdf-area .pdf-section .top-border{height:48px;background-color:var(--color-gray-03)}.pdf-skeleton-preloader .pdf-area .pdf-section .pdf-body{padding-top:60px;padding-left:24px;padding-right:24px;padding-bottom:58px}@media only screen and (min-width: 992px){.pdf-skeleton-preloader .pdf-area .pdf-section .pdf-body{padding-left:155px;padding-right:155px}}@media only screen and (min-width: 1200px){.pdf-skeleton-preloader .pdf-area .pdf-section .pdf-body{padding-left:247px;padding-right:247px}}@media only screen and (min-width: 1440px){.pdf-skeleton-preloader .pdf-area .pdf-section .pdf-body{padding-left:70px;padding-right:70px}}.pdf-skeleton-preloader .pdf-area .pdf-section .pdf-body .skeleton .skeleton-block.thick-block{height:623px;width:100%}.preloader-events-listing .jumbotron{margin-bottom:48px}.preloader-events-listing .jumbotron .jumbotron-bg{height:954px;background-color:var(--color-gray-03);position:relative}@media only screen and (min-width: 1440px){.preloader-events-listing .jumbotron .jumbotron-bg{height:1027px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-1{width:107px;margin-bottom:38px;margin-top:22px}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-1{margin-bottom:40px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-2{width:105px;margin-bottom:24px;align-self:center}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-2{margin-bottom:25px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-3{width:70%;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-3{width:335px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-3{width:445px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-4{width:85%;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-4{width:397px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-4{width:525px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-5{width:131px;align-self:center;margin-bottom:20px}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-5{width:769px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-6{width:95%;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-6{width:411px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-6{width:621px}}.preloader-events-listing .jumbotron .jumbotron-bg .short-7{width:85%;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-7{width:383px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-7{display:none}}.preloader-events-listing .jumbotron .jumbotron-bg .short-8{width:98%;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-8{width:435px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-8{display:none}}.preloader-events-listing .jumbotron .jumbotron-bg .short-9{width:60%;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-9{width:199px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-9{display:none}}.preloader-events-listing .jumbotron .jumbotron-bg .short-10{width:70%;margin-top:32px;margin-bottom:65px;align-self:center}@media only screen and (min-width: 480px){.preloader-events-listing .jumbotron .jumbotron-bg .short-10{width:411px}}@media only screen and (min-width: 992px){.preloader-events-listing .jumbotron .jumbotron-bg .short-10{width:232px;margin-top:35px;margin-bottom:89px}}.preloader-events-listing .jumbotron .jumbotron-bg .grid-cards-div{position:relative;z-index:3}.preloader-events-listing .jumbotron .jumbotron-bg .white-placeholder{position:absolute;height:130px;width:100%;background-color:#f3f3f3;bottom:-1px}.preloader-events-listing .grid-2{padding-top:48px}.preloader-events-listing .short-16{width:65%;margin-bottom:20px}@media only screen and (min-width: 992px){.preloader-events-listing .short-16{width:275px}}.preloader-events-listing .short-11{width:95%}@media only screen and (min-width: 992px){.preloader-events-listing .short-11{width:60%}}.preloader-events-listing .short-12{width:89%}@media only screen and (min-width: 992px){.preloader-events-listing .short-12{display:none}}.preloader-events-listing .short-15{width:70%;align-self:center;margin-bottom:100px}@media only screen and (min-width: 480px){.preloader-events-listing .short-15{width:290px}}@media only screen and (min-width: 992px){.preloader-events-listing .short-15{display:none}}.preloader-events-listing .grid-cards{display:flex;flex-direction:row;-moz-column-gap:24px;column-gap:24px;overflow-x:hidden}@media only screen and (min-width: 992px){.preloader-events-listing .grid-cards{margin:0 120px}}.preloader-events-listing .grid-cards .short-17{width:250px;height:415px;align-self:center;align-self:center;flex-grow:1;min-width:250px}@media only screen and (min-width: 992px){.preloader-events-listing .grid-cards .short-17{width:270px;min-width:270px;display:none}}.preloader-events-listing .grid-cards-desktop{display:none}@media only screen and (min-width: 992px){.preloader-events-listing .grid-cards-desktop{display:flex;flex-direction:row;-moz-column-gap:24px;column-gap:24px;overflow-x:hidden;justify-content:center}}.preloader-events-listing .grid-cards-desktop .short-17{width:250px;height:415px;align-self:center;align-self:center;flex-grow:1;min-width:250px}@media only screen and (min-width: 992px){.preloader-events-listing .grid-cards-desktop .short-17{width:22%;min-width:22%;height:530px;flex-grow:initial}}@media only screen and (min-width: 1440px){.preloader-events-listing .grid-cards-desktop .short-17{width:275px;min-width:275px;height:530px;flex-grow:initial}}.preloader-events-listing .grid-long-cards-mobile{display:block}@media only screen and (min-width: 1440px){.preloader-events-listing .grid-long-cards-mobile{display:none}}.preloader-events-listing .grid-long-cards-mobile .short-13{width:100%;height:391px}@media only screen and (min-width: 992px){.preloader-events-listing .grid-long-cards-mobile .short-13{width:996px;height:391px;min-width:996px;display:none}}.preloader-events-listing .grid-long-cards-mobile .short-14{display:none}@media only screen and (min-width: 992px){.preloader-events-listing .grid-long-cards-mobile .short-14{display:block;width:996px;height:391px;min-width:996px}}.preloader-events-listing .grid-long-cards{display:flex;flex-direction:row;-moz-column-gap:24px;column-gap:24px;overflow-x:hidden;margin-top:36px;margin-bottom:30px;display:none}@media only screen and (min-width: 992px){.preloader-events-listing .grid-long-cards{margin-left:24px;display:flex}}@media only screen and (min-width: 1440px){.preloader-events-listing .grid-long-cards{margin-left:120px;display:flex}}.preloader-events-listing .grid-long-cards .short-13{width:100%;height:391px}@media only screen and (min-width: 992px){.preloader-events-listing .grid-long-cards .short-13{width:80%;height:391px;min-width:80%}}.preloader-events-listing .grid-long-cards .short-14{display:none}@media only screen and (min-width: 992px){.preloader-events-listing .grid-long-cards .short-14{display:block;width:996px;height:391px;min-width:996px}}.preloader-blogs-listing-page .block-heading{width:188px;height:43px;margin-top:64px;align-self:center}@media only screen and (min-width: 480px){.preloader-blogs-listing-page .block-heading{width:196px}}@media only screen and (min-width: 768px){.preloader-blogs-listing-page .block-heading{width:254px}}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .block-heading{width:195.11px}}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .block-heading{width:235.207px}}@media only screen and (min-width: 1440px){.preloader-blogs-listing-page .block-heading{width:248px}}.preloader-blogs-listing-page .block-para{width:256px;height:20px;margin-bottom:45px;align-self:center}@media only screen and (min-width: 480px){.preloader-blogs-listing-page .block-para{width:264px}}@media only screen and (min-width: 768px){.preloader-blogs-listing-page .block-para{width:340px}}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .block-para{width:280px}}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .block-para{width:337.296px}}@media only screen and (min-width: 1440px){.preloader-blogs-listing-page .block-para{width:356px}}.preloader-blogs-listing-page .topsection-block{height:754px;margin-bottom:28px;align-self:center}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .topsection-block{height:547px}}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .topsection-block{margin-bottom:69px}}.preloader-blogs-listing-page .card-block{height:309px}@media only screen and (min-width: 480px){.preloader-blogs-listing-page .card-block{height:465px}}@media only screen and (min-width: 768px){.preloader-blogs-listing-page .card-block{height:397px}}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .card-block{height:364px}}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .card-block{height:366px}}.preloader-blogs-listing-page .filter-block{display:none}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .filter-block{height:853px;display:block}}.preloader-blogs-listing-page .mobile-block{display:grid;margin-bottom:28px}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .mobile-block{display:none}}.preloader-blogs-listing-page .mobile-cards{display:grid;padding-bottom:28px}@media only screen and (min-width: 768px){.preloader-blogs-listing-page .mobile-cards{display:none}}.preloader-blogs-listing-page .ipad-cards{display:none;padding-bottom:28px}@media only screen and (min-width: 768px){.preloader-blogs-listing-page .ipad-cards{display:grid}}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .ipad-cards{display:none}}.preloader-blogs-listing-page .filter-div{display:none;margin-bottom:28px}@media only screen and (min-width: 992px){.preloader-blogs-listing-page .filter-div{display:grid}}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .filter-div{display:none}}.preloader-blogs-listing-page .filter-top{margin-bottom:24px}.preloader-blogs-listing-page .desktop-cards{display:none;padding-bottom:48px}@media only screen and (min-width: 1200px){.preloader-blogs-listing-page .desktop-cards{display:grid}}.preloader-blogs-listing-page .pagination-block{padding-bottom:48px;display:flex;flex-direction:row;justify-content:center}@media only screen and (min-width: 768px){.preloader-blogs-listing-page .pagination-block{margin-top:28px}}.preloader-blogs-listing-page .page-block{width:40px;height:40px;margin:0 5px}.preloader-cs-listing-page .jumbotron-img{height:300px;background:#fff}@media only screen and (min-width: 992px){.preloader-cs-listing-page .jumbotron-img{display:none}}.preloader-cs-listing-page .jumbotron{background-color:var(--color-gray-02)}@media only screen and (min-width: 992px){.preloader-cs-listing-page .jumbotron{background:#fff}}.preloader-cs-listing-page .jumbotron .jumbotron-content{background-color:var(--color-gray-02);padding-top:18px;padding-bottom:20px}@media only screen and (min-width: 992px){.preloader-cs-listing-page .jumbotron .jumbotron-content{padding-top:106px;padding-bottom:106px}}@media only screen and (min-width: 992px){.preloader-cs-listing-page .jumbotron .jumbotron-content{background:#fff}}.preloader-cs-listing-page .skeleton-jumbotron{padding-top:0;padding-bottom:0}@media only screen and (min-width: 992px){.preloader-cs-listing-page .skeleton-jumbotron{padding-left:24px;padding-bottom:24px}}.preloader-cs-listing-page .skeleton-jumbotron .cta-wrap{display:flex;width:50%;-moz-column-gap:14px;column-gap:14px}@media only screen and (min-width: 768px){.preloader-cs-listing-page .skeleton-jumbotron .cta-wrap{-moz-column-gap:24px;column-gap:24px}}.preloader-cs-listing-page .bold-1{width:97%;margin-bottom:24px}.preloader-cs-listing-page .narrow-1{margin-bottom:20px}.preloader-cs-listing-page .bold-2{margin-bottom:18px}.preloader-cs-listing-page .card-block{height:347px}.preloader-cs-listing-page .filter-block{display:none}@media only screen and (min-width: 992px){.preloader-cs-listing-page .filter-block{height:853px;display:block}}.preloader-cs-listing-page .mobile-block{display:grid;margin-bottom:28px;margin-top:48px}@media only screen and (min-width: 992px){.preloader-cs-listing-page .mobile-block{display:none}}.preloader-cs-listing-page .mobile-cards{display:grid;padding-bottom:28px}@media only screen and (min-width: 768px){.preloader-cs-listing-page .mobile-cards{display:none}}.preloader-cs-listing-page .ipad-cards{display:none;padding-bottom:28px;margin-top:64px}@media only screen and (min-width: 768px){.preloader-cs-listing-page .ipad-cards{display:grid}}@media only screen and (min-width: 1200px){.preloader-cs-listing-page .ipad-cards{display:none}}.preloader-cs-listing-page .filter-div{display:none;margin-bottom:28px}@media only screen and (min-width: 992px){.preloader-cs-listing-page .filter-div{display:grid}}@media only screen and (min-width: 1200px){.preloader-cs-listing-page .filter-div{display:none}}.preloader-cs-listing-page .filter-top{margin-bottom:24px}.preloader-cs-listing-page .desktop-cards{display:none;padding-bottom:48px;margin-top:64px}@media only screen and (min-width: 1200px){.preloader-cs-listing-page .desktop-cards{display:grid}}.preloader-cs-listing-page .pagination-block{padding-bottom:48px;display:flex;flex-direction:row;justify-content:center}@media only screen and (min-width: 768px){.preloader-cs-listing-page .pagination-block{margin-top:28px}}.preloader-cs-listing-page .page-block{width:40px;height:40px;margin:0 5px}.ppc-skeleton-preloader{display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;width:100%;height:100%;background:#f3f3f3}.ppc-skeleton-preloader .dots-loader{color:var(--Green-6, #33a13c);width:4px;aspect-ratio:1;border-radius:50%;box-shadow:19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;transform:translateX(-38px);animation:dotsAnimation 0.5s infinite alternate linear}@keyframes dotsAnimation{50%{box-shadow:19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}100%{box-shadow:19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px}}.news-skeleton-preloader .thick-on-mobile{height:94px}@media only screen and (min-width: 768px){.news-skeleton-preloader .thick-on-mobile{height:48px}}.news-skeleton-preloader .big-block{height:700px}@media only screen and (min-width: 992px){.news-skeleton-preloader .big-block{height:547px}}.news-skeleton-preloader .card-block{height:500px}.news-skeleton-preloader .big-card-block{height:calc(100% - 8px);display:none}@media only screen and (min-width: 992px){.news-skeleton-preloader .big-card-block{display:block}}.resource-center-skeleton-preloader .skeleton-jumbotron{background-color:var(--color-gray-02);padding-top:24px;padding-bottom:24px}@media only screen and (min-width: 992px){.resource-center-skeleton-preloader .skeleton-jumbotron{background-color:var(--color-gray-01);padding-top:106px;padding-bottom:106px}}.resource-center-skeleton-preloader .skeleton-jumbotron{margin-bottom:24px}@media only screen and (min-width: 768px){.resource-center-skeleton-preloader .skeleton-jumbotron{margin-bottom:48px}}.resource-center-skeleton-preloader .jumbo-image-mobile{display:block;background-color:var(--color-gray-01);height:300px}@media only screen and (min-width: 992px){.resource-center-skeleton-preloader .jumbo-image-mobile{display:none}}.resource-center-skeleton-preloader .card-block{width:100%;height:347px;margin:0}.preloader-search-results{position:relative;width:100%;top:0px;left:0px}.preloader-search-results .ptc-container{padding-right:0px;padding-left:0px}.preloader-search-results .content-container{z-index:3;position:relative}.preloader-search-results .content-container .content-container-child{background-color:--color-standard-gray;position:relative}.preloader-search-results .content-container .grid-top{margin-bottom:30px}.preloader-search-results .content-container .row-margin-btm{margin-bottom:10px}.preloader-search-results .content-container .grid-top-2{margin-bottom:20px}.preloader-search-results .content-container .block-1{height:527px}.preloader-search-results .content-container .skeleton{padding:4px 0 0 0}.preloader-search-results .content-container .skeleton .skeleton-block{margin-bottom:6px}.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:568px}@media only screen and (min-width: 360px){.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:199px}}@media only screen and (min-width: 480px){.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:275px}}@media only screen and (min-width: 768px){.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:459px}}@media only screen and (min-width: 992px){.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:393px}}@media only screen and (min-width: 1200px){.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:538px}}@media only screen and (min-width: 1440px){.preloader-search-results .content-container .skeleton .skeleton-block.longer{width:568px}}.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:754px}@media only screen and (min-width: 360px){.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:264px}}@media only screen and (min-width: 480px){.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:366px}}@media only screen and (min-width: 768px){.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:611px}}@media only screen and (min-width: 992px){.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:523px}}@media only screen and (min-width: 1200px){.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:714px}}@media only screen and (min-width: 1440px){.preloader-search-results .content-container .skeleton .skeleton-block.longest{width:754px}}.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:366px}@media only screen and (min-width: 360px){.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:129px}}@media only screen and (min-width: 480px){.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:179px}}@media only screen and (min-width: 768px){.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:297px}}@media only screen and (min-width: 992px){.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:254px}}@media only screen and (min-width: 1200px){.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:347px}}@media only screen and (min-width: 1440px){.preloader-search-results .content-container .skeleton .skeleton-block.medium{width:366px}}.preloader-search-results .content-container .skeleton .skeleton-block.small{width:100%}.preloader-search-results .content-container .skeleton .skeleton-block.thin{height:16px}.preloader-search-results .content-container .skeleton .skeleton-block.thinner{height:1px}.preloader-search-results .content-container .skeleton .skeleton-block.bold{height:26px}.preloader-ppc-embedded-form{background:var(--Gray-3, #bec6ca)}@media only screen and (max-width: 991.5px){.preloader-ppc-embedded-form .is-grid{display:flex;flex-direction:column;justify-content:center}.preloader-ppc-embedded-form .is-grid .form-block-2{align-self:center}}.preloader-ppc-embedded-form .form-block-2{border-radius:4px;background:#fff;margin-bottom:111px;height:533px;width:336px;flex-shrink:0}@media only screen and (min-width: 360px){.preloader-ppc-embedded-form .form-block-2{width:338px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .form-block-2{margin-bottom:88px}}@media only screen and (min-width: 992px){.preloader-ppc-embedded-form .form-block-2{margin-bottom:90px}}.preloader-ppc-embedded-form .is-grid{grid-row-gap:0px}.preloader-ppc-embedded-form .grid-1{padding-top:91px;justify-self:center}@media only screen and (min-width: 992px){.preloader-ppc-embedded-form .grid-1{padding-top:94px;justify-self:normal}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .grid-1{padding-top:94px}}@media only screen and (min-width: 360px){.preloader-ppc-embedded-form .grid-1{padding-top:71px}}.preloader-ppc-embedded-form .skeleton{padding:0px}.preloader-ppc-embedded-form .skeleton .skeleton-block.very-bold{margin-bottom:12px;height:40px}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-1{width:308px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-1{width:354px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-1{width:399px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-1{width:468px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-1{width:494px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-2{width:263px;margin-bottom:21px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-2{width:302px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-2{width:341px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-2{width:400px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-2{width:422px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-3{width:290px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-3{width:333px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-3{width:376px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-3{width:440px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-3{width:465px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-4{width:312px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-4{width:358px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-4{width:404px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-4{width:473px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-4{width:500px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-5{width:299px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-5{width:343px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-5{width:387px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-5{width:453px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-5{width:478px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-6{width:301px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-6{width:346px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-6{width:391px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-6{width:458px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-6{width:484px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-7{width:182px;margin-bottom:40px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-7{width:209px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-7{width:236px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-7{width:276px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-7{width:291px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.line-8{width:91px;margin-bottom:48px}@media only screen and (min-width: 480px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-8{width:105px}}@media only screen and (min-width: 768px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-8{width:118px}}@media only screen and (min-width: 1200px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-8{width:138px}}@media only screen and (min-width: 1440px){.preloader-ppc-embedded-form .skeleton .skeleton-block.line-8{width:146px}}.preloader-ppc-embedded-form .skeleton .skeleton-block.thin{height:24px}.preloader-ppc-embedded-form .skeleton .skeleton-block.thinner{height:18px}.preloader-ppc-embedded-form .skeleton .skeleton-block.block-2{height:418px;width:auto;margin-top:44px}.preloader-storefront .jumbotron{margin-bottom:-60px}.preloader-storefront .jumbotron .jumbotron-bg{height:400px;background-color:var(--color-gray-03);position:relative}.preloader-storefront .jumbotron .jumbotron-bg .grid-cards-div{position:relative;z-index:3}.preloader-storefront .jumbotron .sf-grid{position:relative;top:-104px;height:100%;width:100%;margin-bottom:3rem}.preloader-storefront .jumbotron .sf-cards-grid{grid-column-gap:1.5rem;grid-row-gap:1.5rem}@media only screen and (min-width: 992px){.preloader-storefront .jumbotron .sf-cards-grid{grid-column-gap:2.5rem;grid-row-gap:2.5rem}}.preloader-storefront .jumbotron .sf-cards-grid .short-2{height:464px}@media (min-width: 992px){.preloader-storefront .jumbotron .sf-cards-grid .short-2{height:318px}}.preloader-storefront .jumbotron .sf-cards-grid .short-4{display:none}@media (min-width: 992px){.preloader-storefront .jumbotron .sf-cards-grid .short-4{display:block}}.preloader-storefront .ptc-section{margin-top:3rem;margin-bottom:3rem}.preloader-storefront .promo-banner-block{width:auto;height:259px}.preloader-storefront .short-16{width:25%;margin-bottom:1.25rem}.preloader-storefront .short-11{width:60%;margin-bottom:16px}.preloader-storefront .grid-wrapper{padding-left:24px;padding-bottom:152px}@media only screen and (min-width: 1200px){.preloader-storefront .grid-wrapper{padding-left:0;padding-right:0;max-width:1136px;margin-left:auto;margin-right:auto}}@media only screen and (min-width: 1440px){.preloader-storefront .grid-wrapper{padding-left:0;padding-right:0;max-width:1200px;margin-left:auto;margin-right:auto}}.preloader-storefront .short-1{height:341px}.preloader-storefront .cards-grid-2{display:flex;flex-direction:row;grid-column-gap:4px;grid-row-gap:4px}@media only screen and (min-width: 992px){.preloader-storefront .cards-grid-2{grid-column-gap:20px;grid-row-gap:20px}}.preloader-storefront .cards-grid-2 .card{min-width:270px}.preloader-store-listing-page .top{padding-top:25px}.preloader-store-listing-page .top .top-block{width:98px}.preloader-store-listing-page .search-box{display:flex;flex-direction:row;margin-top:10px;width:100%}.preloader-store-listing-page .search-box .search-input-box{background-color:#fff;width:100%;height:48px;border-top-left-radius:4px;border-bottom-left-radius:4px}.preloader-store-listing-page .search-box .search-btn-box{height:48px;width:58px;border-top-left-radius:0;border-bottom-left-radius:0}.preloader-store-listing-page .search-btn{background-color:#fff;border-radius:4px;width:auto;height:48px;margin:10px;margin-left:24px}.preloader-store-listing-page .card-block{height:309px}@media only screen and (min-width: 480px){.preloader-store-listing-page .card-block{height:465px}}@media only screen and (min-width: 768px){.preloader-store-listing-page .card-block{height:397px}}@media only screen and (min-width: 992px){.preloader-store-listing-page .card-block{height:364px}}@media only screen and (min-width: 1200px){.preloader-store-listing-page .card-block{height:366px}}.preloader-store-listing-page .filter-block{display:none}@media only screen and (min-width: 992px){.preloader-store-listing-page .filter-block{height:853px;display:block}}.preloader-store-listing-page .mobile-block{display:grid;margin-bottom:4px}@media only screen and (min-width: 992px){.preloader-store-listing-page .mobile-block{display:none}}.preloader-store-listing-page .desktop-grid{display:none}@media (min-width: 992px){.preloader-store-listing-page .desktop-grid{display:block}}.preloader-store-listing-page .desktop-grid .search-filters{margin-top:24px;background-color:white;border-radius:4px;padding:20px 16px 32px 16px}.preloader-store-listing-page .desktop-grid .search-filters .div-block-1{padding:0px;padding-bottom:10px}.preloader-store-listing-page .desktop-grid .search-filters .div-block-1 .block-1{width:40%;margin-bottom:10px}.preloader-store-listing-page .desktop-grid .search-filters .div-filter{border-top:solid 1px #e4e7e9;padding:20px 0}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top{display:flex;flex-direction:row;justify-content:space-between;padding:0px;margin-bottom:13px}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top .block-1{width:50%}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top .block-2{width:10%}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0px}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-1{width:22px;height:22px;margin-bottom:12px}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-2{width:50%;margin-left:12px;height:16px;margin-bottom:12px}.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-3{width:35%;margin-left:12px;height:16px;margin-bottom:12px}.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper{padding:20px 20px 24px 24px;background-color:white;border-radius:4px;margin-top:14px;margin-bottom:100px}.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines{display:flex;flex-direction:row;justify-content:space-between;padding:0px;padding-bottom:10px;margin-bottom:20px;border-bottom:solid 2px #e4e7e9}.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines .block-1{width:10%}.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines .block-2{width:100px}.preloader-store-listing-page .mobile-cards-wrapper{padding:20px 20px 24px 24px;background-color:white;border-radius:4px;margin-top:14px;margin-bottom:100px}@media (min-width: 992px){.preloader-store-listing-page .mobile-cards-wrapper{display:none}}.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines{display:flex;flex-direction:row;justify-content:space-between;padding:0px;padding-bottom:10px;border-bottom:solid 2px #e4e7e9}.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines .block-1{width:49px}.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines .block-2{width:100px}.preloader-store-listing-page .cards-mobile{display:block}@media (min-width: 768px){.preloader-store-listing-page .cards-mobile{display:none}}.preloader-store-listing-page .cards-ipad{display:none}@media (min-width: 768px){.preloader-store-listing-page .cards-ipad{display:block}}.preloader-store-listing-page .cards-div{border-bottom:solid 2px #e4e7e9}.preloader-store-listing-page .cards-div .cards-div-block{padding-top:27px;padding-left:0px;padding-bottom:33px}.preloader-store-listing-page .cards-div .cards-div-block .thinner{height:16px}.preloader-store-listing-page .cards-div .cards-div-block .block-1{width:65%;margin-bottom:16px}.preloader-store-listing-page .cards-div .cards-div-block .block-2{width:95%}.preloader-store-listing-page .cards-div .cards-div-block .block-3{width:55%;margin-bottom:26px}.preloader-store-listing-page .cards-div .cards-div-block .block-4{width:20%;padding-bottom:0px;margin-bottom:0px}.preloader-store-listing-page .cards-div .cards-div-block-right{padding-top:27px;padding-left:0px;padding-bottom:33px;align-items:end}.preloader-store-listing-page .cards-div .cards-div-block-right .thinner{height:16px}.preloader-store-listing-page .cards-div .cards-div-block-right .block-1{width:121px;height:40px}.preloader-store-listing-page .cards-div .cards-div-block-right .block-2{width:158px;margin-bottom:17px}.preloader-store-listing-page .cards-div .cards-div-block-right .block-3{width:121px;height:55px;padding-bottom:0px;margin-bottom:0px}.preloader-store-listing-page .mobile-cards{display:grid;padding-bottom:28px}@media only screen and (min-width: 768px){.preloader-store-listing-page .mobile-cards{display:none}}.preloader-store-listing-page .ipad-cards{display:none;padding-bottom:28px}@media only screen and (min-width: 768px){.preloader-store-listing-page .ipad-cards{display:grid}}@media only screen and (min-width: 1200px){.preloader-store-listing-page .ipad-cards{display:none}}.preloader-store-listing-page .filter-div{display:none;margin-bottom:28px}@media only screen and (min-width: 992px){.preloader-store-listing-page .filter-div{display:grid}}@media only screen and (min-width: 1200px){.preloader-store-listing-page .filter-div{display:none}}.preloader-store-listing-page .filter-top{margin-bottom:24px}.preloader-store-listing-page .desktop-cards{display:none;padding-bottom:48px}@media only screen and (min-width: 1200px){.preloader-store-listing-page .desktop-cards{display:grid}}.preloader-store-listing-page .pagination-block{padding-bottom:48px;display:flex;flex-direction:row;justify-content:center}@media only screen and (min-width: 768px){.preloader-store-listing-page .pagination-block{margin-top:28px}}.preloader-store-listing-page .page-block{width:40px;height:40px;margin:0 5px}.preloader-store-detail-page .jumbotron{margin-bottom:48px}.preloader-store-detail-page .jumbotron .jumbotron-bg{height:262px;background-color:var(--color-gray-03);position:relative}.preloader-store-detail-page .div-body{top:-172px;position:relative}@media only screen and (min-width: 768px){.preloader-store-detail-page .div-body{text-align:-webkit-center}}.preloader-store-detail-page .div-body .div-grid-block{position:relative;z-index:3;border-radius:4px;background:#fff;padding:40px}@media only screen and (min-width: 768px){.preloader-store-detail-page .div-body .div-grid-block{max-width:890px;width:70%;display:flex;flex-direction:row}}@media only screen and (min-width: 768px){.preloader-store-detail-page .div-body .div-grid-block .div-1{flex-basis:50%;padding-right:40px;display:flex;justify-content:space-between;flex-direction:column}}.preloader-store-detail-page .div-body .div-grid-block .div-3{display:none}@media only screen and (min-width: 768px){.preloader-store-detail-page .div-body .div-grid-block .div-3{display:block}}.preloader-store-detail-page .div-body .div-grid-block .div-2{display:block}@media only screen and (min-width: 768px){.preloader-store-detail-page .div-body .div-grid-block .div-2{display:none}}.preloader-store-detail-page .div-body .div-grid-block .thick-block{height:96px}.preloader-store-detail-page .div-body .div-grid-block .div-middle{margin:40px 0;border-radius:4px;border:1px solid var(--color-gray-02);padding:95px 40px}@media only screen and (min-width: 768px){.preloader-store-detail-page .div-body .div-grid-block .div-middle{flex-basis:50%;margin:0}}.preloader-store-detail-page .div-body .div-grid-block .div-middle .div-skeleton{align-items:center}.preloader-store-detail-page .div-body .div-grid-block .div-middle .button-block{width:125px;height:48px}.preloader-store-detail-page .div-content{top:-172px;margin-top:56px;position:relative;border-radius:4px;background:#fff;padding:40px}.preloader-store-detail-page .div-content .border-line{margin:40px 10px;border:1px solid var(--color-gray-02)}.preloader-store-detail-page .div-content .thick-block{height:96px;margin-top:40px}.preloader-store-detail-page .heading{width:125px}.preloader-store-detail-page .para{height:96px;margin-top:40px}@media only screen and (min-width: 768px){.preloader-store-detail-page .para{width:65%;height:192px}}@media (prefers-reduced-motion: reduce){.skeleton-block,.skeleton-image,.skeleton-card-media,.skeleton-jumbotron-image,.skeleton-long-image,.skeleton-background-video-tall,.skeleton-home-page .skeleton-jumbo .block,.skeleton-home-page .slide-container .skeleton-slides .slide,.skeleton-homepage-toggle .block,.skeleton-blog-detail .skeleton-block,.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image,.skeleton-on-demand .skeleton-block,.ppc-skeleton-preloader .dots-loader{animation:none}}@keyframes pulse{0%{opacity:0.5}50%{opacity:0.8}100%{opacity:0.5}}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}";
@@ -162,6 +162,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPreloaderSection as P, defineCustomElement as d };
-//# sourceMappingURL=p-NoSU5B-t.js.map
+//# sourceMappingURL=p-CyGg8tTg.js.map
-//# sourceMappingURL=p-NoSU5B-t.js.map
+//# sourceMappingURL=p-CyGg8tTg.js.map