npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-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 (1014) hide show

package/dist/components/{p-BghG69aj.js → p-CIu_EOEu.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$1 } from './p-B8tFe8Su.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$1 } from './p-CL4G31qv.js';
 const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}.ptc-filter-tag.standard:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -105,6 +105,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcFilterTag as P, defineCustomElement as d };
-//# sourceMappingURL=p-BghG69aj.js.map
+//# sourceMappingURL=p-CIu_EOEu.js.map
-//# sourceMappingURL=p-BghG69aj.js.map
+//# sourceMappingURL=p-CIu_EOEu.js.map

package/dist/components/{p-BghG69aj.js.map → p-CIu_EOEu.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BghG69aj~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-tag/ptc-filter-tag.scss?tag=ptc-filter-tag&encapsulation=shadow","src/components/molecules/ptc-filter-tag/ptc-filter-tag.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n.ptc-filter-tag {\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n\tposition: relative;\r\n\tmargin: 0.25rem;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t&.bubble {\r\n\t\tmargin: 0 0.25rem;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tline-height: 1.125rem;\r\n\t\ttext-align: left;\r\n\t\talign-items: center;\r\n\t\ttransition: border-color ease-out 250ms;\r\n\t\tborder: 1px solid var(--color-gray-05);\r\n\t\tborder-radius: 999px;\r\n\t\tpadding: 0.375rem 1.875rem 0.375rem 0.875rem;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0.35rem;\r\n\t\t\tright: 0.8rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link,\r\n\t&.link-lg {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-family: Raleway;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\ttext-align: right;\r\n\t\tborder-bottom: 1px solid transparent;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link-lg {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t}\r\n\r\n\t&.button {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: 0.625rem 1rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-white);\r\n\t\ttransition: border-color ease-out 250ms;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\t\t}\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-black);\r\n\t\t}\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.standard {\r\n\t\tdisplay: inline-flex;\r\n\t\tbackground: var(--color-gray-12);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-green-07);\r\n\t\tbackground-color: transparent;\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-left: 0.25rem;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-tag\",\r\n\tstyleUrl: \"ptc-filter-tag.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterTag {\r\n\t/\r\n\t Theme\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() theme: \"bubble\" \| \"link\" \| \"link-lg\" \| \"button\" \| \"standard\" =\r\n\t\t\"bubble\";\r\n\t@Event() clicked: EventEmitter;\r\n\t@State() iconColorMap: any;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Prop() trackerID: string;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.iconColorMap = {\r\n\t\t\tbubble: {\r\n\t\t\t\thover: \"black\",\r\n\t\t\t\tstandard: \"light-gray\",\r\n\t\t\t},\r\n\t\t\tstandard: {\r\n\t\t\t\thover: \"ptc-green\",\r\n\t\t\t\tstandard: \"black\",\r\n\t\t\t},\r\n\t\t};\r\n\t}\r\n\r\n\thandleClick = () => {\r\n\t\tthis.clicked.emit(this);\r\n\t};\r\n\r\n\thandleMouseEnter() {\r\n\t\tthis.updateIconColor(\"hover\");\r\n\t}\r\n\r\n\thandleMouseLeave() {\r\n\t\tthis.updateIconColor(\"standard\");\r\n\t}\r\n\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.clicked.emit(this);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tdefault: {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tupdateIconColor(state: string) {\r\n\t\tlet icon = this.el.shadowRoot.querySelector(\"icon-asset\");\r\n\r\n\t\tif (icon) {\r\n\t\t\tif (this.iconColorMap[this.theme]) {\r\n\t\t\t\ticon.setAttribute(\r\n\t\t\t\t\t\"color\",\r\n\t\t\t\t\tthis.iconColorMap[this.theme][state],\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tlet icon;\r\n\r\n\t\tswitch (this.theme) {\r\n\t\t\tcase \"bubble\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"light-gray\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"micro\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"standard\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"black\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<span\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tonClick={() => this.handleClick()}\r\n\t\t\t\t\tonKeyPress={() => this.handleClick()}\r\n\t\t\t\t\tonKeyDown={(e) => this.handleKeyDown(e)}\r\n\t\t\t\t\tonMouseEnter={() => this.handleMouseEnter()}\r\n\t\t\t\t\tonMouseLeave={() => this.handleMouseLeave()}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{icon}\r\n\t\t\t\t</span>\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[\"ptc-filter-tag\"]: true,\r\n\t\t\t[this.theme]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CIu_EOEu.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-tag/ptc-filter-tag.scss?tag=ptc-filter-tag&encapsulation=shadow","src/components/molecules/ptc-filter-tag/ptc-filter-tag.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n.ptc-filter-tag {\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n\tposition: relative;\r\n\tmargin: 0.25rem;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t&.bubble {\r\n\t\tmargin: 0 0.25rem;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tline-height: 1.125rem;\r\n\t\ttext-align: left;\r\n\t\talign-items: center;\r\n\t\ttransition: border-color ease-out 250ms;\r\n\t\tborder: 1px solid var(--color-gray-05);\r\n\t\tborder-radius: 999px;\r\n\t\tpadding: 0.375rem 1.875rem 0.375rem 0.875rem;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0.35rem;\r\n\t\t\tright: 0.8rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link,\r\n\t&.link-lg {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-family: Raleway;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\ttext-align: right;\r\n\t\tborder-bottom: 1px solid transparent;\r\n\r\n\t\tbackground: var(--color-white);\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.link-lg {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t}\r\n\r\n\t&.button {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: 0.625rem 1rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-white);\r\n\t\ttransition: border-color ease-out 250ms;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\t\t}\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-black);\r\n\t\t}\r\n\t\t.cls {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.standard {\r\n\t\tdisplay: inline-flex;\r\n\t\tbackground: var(--color-gray-12);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tcolor: var(--color-green-07);\r\n\t\tbackground-color: transparent;\r\n\r\n\t\t.cls {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-left: 0.25rem;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-tag\",\r\n\tstyleUrl: \"ptc-filter-tag.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterTag {\r\n\t/\r\n\t Theme\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() theme: \"bubble\" \| \"link\" \| \"link-lg\" \| \"button\" \| \"standard\" =\r\n\t\t\"bubble\";\r\n\t@Event() clicked: EventEmitter;\r\n\t@State() iconColorMap: any;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Prop() trackerID: string;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.iconColorMap = {\r\n\t\t\tbubble: {\r\n\t\t\t\thover: \"black\",\r\n\t\t\t\tstandard: \"light-gray\",\r\n\t\t\t},\r\n\t\t\tstandard: {\r\n\t\t\t\thover: \"ptc-green\",\r\n\t\t\t\tstandard: \"black\",\r\n\t\t\t},\r\n\t\t};\r\n\t}\r\n\r\n\thandleClick = () => {\r\n\t\tthis.clicked.emit(this);\r\n\t};\r\n\r\n\thandleMouseEnter() {\r\n\t\tthis.updateIconColor(\"hover\");\r\n\t}\r\n\r\n\thandleMouseLeave() {\r\n\t\tthis.updateIconColor(\"standard\");\r\n\t}\r\n\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.clicked.emit(this);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tdefault: {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tupdateIconColor(state: string) {\r\n\t\tlet icon = this.el.shadowRoot.querySelector(\"icon-asset\");\r\n\r\n\t\tif (icon) {\r\n\t\t\tif (this.iconColorMap[this.theme]) {\r\n\t\t\t\ticon.setAttribute(\r\n\t\t\t\t\t\"color\",\r\n\t\t\t\t\tthis.iconColorMap[this.theme][state],\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tlet icon;\r\n\r\n\t\tswitch (this.theme) {\r\n\t\t\tcase \"bubble\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"light-gray\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"micro\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"standard\":\r\n\t\t\t\ticon = (\r\n\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\tclass=\"cls\"\r\n\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\tcolor=\"black\"\r\n\t\t\t\t\t\tname=\"times\"\r\n\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t></icon-asset>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<span\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tonClick={() => this.handleClick()}\r\n\t\t\t\t\tonKeyPress={() => this.handleClick()}\r\n\t\t\t\t\tonKeyDown={(e) => this.handleKeyDown(e)}\r\n\t\t\t\t\tonMouseEnter={() => this.handleMouseEnter()}\r\n\t\t\t\t\tonMouseLeave={() => this.handleMouseLeave()}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{icon}\r\n\t\t\t\t</span>\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[\"ptc-filter-tag\"]: true,\r\n\t\t\t[this.theme]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-wvXBBihv.js → p-CKJX0nWw.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$3 } from './p-w0oxTNj-.js';
-import { d as defineCustomElement$2 } from './p-eNu33ocq.js';
-import { d as defineCustomElement$1 } from './p-BT44R0p2.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$3 } from './p-diZY_Uee.js';
+import { d as defineCustomElement$2 } from './p-CUXDowVt.js';
+import { d as defineCustomElement$1 } from './p-CKp1G5v7.js';
 const ptcCardCss = ":host{display:block}::slotted([slot=seo-content]){display:none}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:var(--ptc-border-radius-large);position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:\"\";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.lottie-card) .card-border .card-body h3{transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:\"\";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%;transition:filter var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border .card-media{transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) .card-body h2{width:100%;font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media (max-width: 768px){:host(.hightlight-card) .card-body h2{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative;display:block}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.horizontal-card) .card-media{display:flex;align-self:center}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-media{align-self:flex-start;padding-top:24px;padding-bottom:24px}}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);height:100%;display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 4px 4px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard) !important;box-shadow:0 0 0 5px var(--keyboard-nav-outline)}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .creo-card .card-media{width:100%;height:auto !important;padding-top:66.66%}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:1rem;word-break:break-word;hyphens:auto}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border{transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem;word-break:break-word;hyphens:auto}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem;word-break:break-word;hyphens:auto}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem;word-break:break-word;hyphens:auto}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem;word-break:break-word;hyphens:auto}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest)}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 4px 4px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:manual}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:1rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:39px;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);display:flex;flex-direction:row;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid var(--color-gray-02)}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-gray-02);margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 4px 4px 0px;box-shadow:var(--ptc-shadow-small);max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;width:-moz-fit-content;width:fit-content;clip-path:inset(-6px -6px -6px 0px);word-break:break-word;hyphens:manual}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-layout-spacing-03)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11)}:host(.featured-horizontal-card){height:100%}:host(.featured-horizontal-card) .card-border{overflow:hidden;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%}:host(.featured-horizontal-card) .card-layout{display:flex;flex-direction:column;width:100%}@media (min-width: 992px){:host(.featured-horizontal-card) .card-layout{flex-direction:row}}:host(.featured-horizontal-card) .link-wrapper{outline:none;text-decoration:none}:host(.featured-horizontal-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.featured-horizontal-card) .link-wrapper:focus-visible{display:block;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.featured-horizontal-card) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:block;width:100%;height:440px;max-height:440px}@media (min-width: 992px){:host(.featured-horizontal-card) .card-media{width:50%;height:auto;max-height:initial;min-height:547px}}:host(.featured-horizontal-card) .card-body{padding:20px}@media (min-width: 992px){:host(.featured-horizontal-card) .card-body{width:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px}}:host(.featured-horizontal-card) .card-body .small{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.featured-horizontal-card) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.featured-horizontal-card) .card-body .small{margin-bottom:16px}}:host(.featured-horizontal-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);font-size:var(--ptc-font-size-x-large);line-height:--ptc-line-height-densest;color:var(--color-gray-11);margin-top:0rem;word-break:break-word;hyphens:auto;margin-bottom:0rem}@media (min-width: 768px){:host(.featured-horizontal-card) .card-body h3{font-weight:var(--ptc-font-weight-extrabold);font-size:var(--ptc-font-size-xx-large);line-height:--ptc-line-height-densest}}:host(.featured-horizontal-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small) !important;line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-top:0rem;margin-block-start:0rem;word-break:break-word;hyphens:auto}:host(.featured-horizontal-card) ::slotted([slot=slot-description]) p{margin-block-start:0rem;font-size:var(--ptc-font-size-x-small)}@media (max-width: 992px){:host(.featured-horizontal-card) ::slotted([slot=slot-description]){font-size:var(--ptc-font-size-small) !important}}:host(.featured-horizontal-card) ::slotted([slot=slot-image]){width:100%;height:100%;max-height:440px}@media (min-width: 992px){:host(.featured-horizontal-card) ::slotted([slot=slot-image]){height:547px;max-height:547px}}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}:host(.events-card){height:100%}:host(.events-card) .card-border{width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);height:100%;display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.events-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.events-card) .card-border:hover .card-media{background:var(--color-white)}:host(.events-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.events-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.events-card) .card-layout .card-body{padding:16px 20px 20px}:host(.events-card) .card-layout .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:12px;margin-top:0px}:host(.events-card) .card-layout .card-body .events-date,:host(.events-card) .card-layout .card-body .events-type-class,:host(.events-card) .card-layout .card-body .language{display:flex;flex-direction:row;align-items:center;margin-bottom:8px}:host(.events-card) .card-layout .card-body .calendar-icon{width:16px;height:16px}:host(.events-card) .card-layout .card-body .events-item-text{margin-left:12px;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:14px;font-style:var(--ptc-font-style-normal);font-weight:700;line-height:21px}:host(.events-card) .card-layout .card-body .in-person-icon{width:16px;height:16px}:host(.events-card) .card-layout .card-body .language-icon{width:16px;height:16px}:host(.events-card) .link-wrapper{outline:none;text-decoration:none}:host(.events-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.events-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard) !important;box-shadow:0 0 0 5px var(--keyboard-nav-outline)}:host(.events-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.events-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.events-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.events-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.events-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.events-card) .card-media{height:232px}}@media (min-width: 992px){:host(.events-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.events-card) .card-media{height:170px}}:host(.events-card) ::slotted([slot=slot-description]){margin-top:16px}";
@@ -300,6 +300,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-wvXBBihv.js.map
+//# sourceMappingURL=p-CKJX0nWw.js.map
-//# sourceMappingURL=p-wvXBBihv.js.map
+//# sourceMappingURL=p-CKJX0nWw.js.map

package/dist/components/{p-wvXBBihv.js.map → p-CKJX0nWw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-wvXBBihv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card/ptc-card.scss?tag=ptc-card&encapsulation=shadow","src/components/molecules/ptc-card/ptc-card.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n::slotted([slot=\"seo-content\"]) {\r\n\tdisplay: none;\r\n}\r\n\r\n//style for lottie card\r\n:host(.lottie-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: 1px 1px 14px 0 hsla(0, 0%, 39.6%, 0.35);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\theight: 40%;\r\n\t\t\twidth: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 30%;\r\n\t\t\tright: -2px;\r\n\t\t\tbackground-color: var(--color-green-06);\r\n\t\t\tz-index: 2;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\ttransition: box-shadow var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\ttransition: border-bottom var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\t//box-shadow: 1px 1px 35px 0 hsla(0, 0%, 39.6%, 0.65);\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tborder-bottom: 2px solid var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-flow: nowrap row;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: var(--color-gray-10);\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tflex-basis: 40%;\r\n\t\tborder-right: 1px solid var(--color-gray-03);\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.card-body {\r\n\t\tflex-basis: 60%;\r\n\t\talign-self: center;\r\n\t\tpadding: 0 30px 10px;\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for simple card\r\n:host(.simple-card) {\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tcolor: var(--color-green-06);\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\th3 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t\tbottom: 1px;\r\n\t\t\t\ttransition: width var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t\ttransition: margin-left var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n}\r\n\r\n//style for clip-edge-card\r\n:host(.clip-edge-card) {\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);\r\n\t\twidth: 100%;\r\n\t\ttransition: filter var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px);\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 124px; //update it later\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n\t.card-body {\r\n\t\ttransform: translateY(calc((-1) var(--ptc-element-spacing-04)));\r\n\t\toverflow: hidden;\r\n\t\twidth: calc(\r\n\t\t\t95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04)\r\n\t\t);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tclip-path: var(--ptc-clip-path-bottom-right);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-04)\r\n\t\t\tvar(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin: 0px;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\ttransition:\r\n\t\t\t\tborder-bottom var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\t\tmargin var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t\tmargin: var(--ptc-element-spacing-03) 0\r\n\t\t\t\tvar(--ptc-element-spacing-03) 0;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransform-origin: top center;\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tposition: absolute;\r\n\t\ttop: var(--ptc-element-spacing-03);\r\n\t\tleft: var(--ptc-element-spacing-04);\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t\theight: 44px; // undefined height\r\n\t\ttransform-origin: bottom center;\r\n\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\tdisplay: block;\r\n\t\topacity: 0;\r\n\t\theight: 24px;\r\n\t\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t.link-wrapper:hover {\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\theight: 60px;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-image\"]) {\r\n\t\t\ttransform: scale(1.1);\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: scale(0);\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for hightlight card\r\n:host(.hightlight-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: var(--ptc-shadow-small);\r\n\t\twidth: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.card-media {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.card-media {\r\n\t\t\t\ttransform: scale(1.1);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\t\theight: 96px;\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@include screen-sm {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-06);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tmin-height: 450px;\r\n\t\tposition: relative;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n\t.card-body {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\ttop: auto;\r\n\t\tleft: 0;\r\n\t\tright: auto;\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large); //undefined font size\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: var(--ptc-element-spacing-04) 0;\r\n\t\t}\r\n\t\th2 {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t@media (max-width: 768px) {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n}\r\n//style for horizontal-card\r\n:host(.horizontal-card) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-02);\r\n\t.card-layout {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 42% 58%;\r\n\t\t\tdirection: ltr;\r\n\t\t\tgrid-auto-rows: 1fr;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: var(--ptc-transition-slow) linear;\r\n\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\tbackground-color: var(--color-white);\r\n\r\n\t\t\th3 {\r\n\t\t\t\tborder-color: var(--color-green-06);\r\n\t\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t\t@include screen-sm {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tpadding-top: 24px;\r\n\t\t\tpadding-bottom: 24px;\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\tpadding: var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\t\t\tpadding-bottom: var(--ptc-element-spacing-01);\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\t.creo-card {\r\n\t\t.card-media {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto !important;\r\n\t\t\tpadding-top: 66.66%;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 20px 0px 20px;\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 16px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card-horizontal) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t@media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t\tmargin-left: 16px;\r\n\t\t}\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: none;\r\n\t\tmax-width: 260px;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: block;\r\n\t\t\tmin-width: 260px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\t\t// width: 411px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 24px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tpadding: 8px 16px 0px 16px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tmin-width: 505px;\r\n\t\t}\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\r\n\t\t\t\t@include screen-lg {\r\n\t\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\tmargin-bottom: 24px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xxl {\r\n\t\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for resource center card (start of block)\r\n:host(.resource-center-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 250px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 250px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 285px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 221px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 189px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 285px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 221px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 189px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 14px 24px 0px 24px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 20px 0px 21px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for case studies card (start of block)\r\n:host(.case-studies-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t// overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\theight: 100%;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 200px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.smart-img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 200px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 224px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 224px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t.card-logo-container {\r\n\t\t\tpadding: 8px 20px;\r\n\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t}\r\n\r\n\t\t.card-logo-none {\r\n\t\t\tpadding-top: 16px;\r\n\t\t}\r\n\r\n\t\t.card-logo {\r\n\t\t\tmax-width: 280px;\r\n\t\t\twidth: auto;\r\n\t\t\theight: 40px;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tborder: 1px solid var(--color-gray-02);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin: 8px 20px 12px 20px;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 24px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin: 0px 20px 16px 20px;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n// -------------style for related card ----------------\r\n:host(.related-card) {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\t//max-width: 70%;\r\n\t\t\t//max-height: 20px;\r\n\t\t\tmax-height: fit-content;\r\n\t\t\toverflow: hidden;\r\n\t\t\twidth: fit-content;\r\n\t\t\tclip-path: inset(-6px -6px -6px 0px);\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@include screen-xs {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\theight: 142px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\theight: 237px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-xl {\r\n\t\t\t\theight: 248px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-xs {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\theight: 142px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\theight: 237px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\theight: 248px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t}\r\n}\r\n\r\n//style for featured-horizontal-card (start of block)\r\n:host(.featured-horizontal-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t// width: 312px;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t// margin-left: 16px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 100%;\r\n\t\t// }\r\n\r\n\t\t// &:hover {\r\n\t\t// background: var(--color-gray-02);\r\n\t\t// box-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t// .card-media {\r\n\t\t// background: var(--color-white);\r\n\r\n\t\t// .smart-img {\r\n\t\t// background: var(--color-white);\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\tdisplay: block;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: block;\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 440px;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: auto;\r\n\t\t\tmax-height: initial;\r\n\t\t\tmin-height: 547px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t// padding: 24px 24px 44px 24px;\r\n\t\t// // width: 411px;\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// padding: 24px 48px 44px 48px;\r\n\t\t// }\r\n\r\n\t\tpadding: 20px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 32px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t\tmargin-bottom: 0rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small) !important;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\t// margin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\r\n\t\t@media (max-width: 992px) {\r\n\t\t\tfont-size: var(--ptc-font-size-small) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\t// width: 312px;\r\n\t\t// height: 296px;\r\n\t\t// display: block;\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// height: 300px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// height: 441px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 524px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 650px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 685px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 547px;\r\n\t\t\tmax-height: 547px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n// -------------style for related card ends----------------\r\n\r\n.ptc-h3 {\r\n\t&.uppercase {\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\t&.capitalize {\r\n\t\ttext-transform: capitalize;\r\n\t}\r\n\t&.lowercase {\r\n\t\ttext-transform: lowercase;\r\n\t}\r\n\t&.none {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\n:host(.events-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t.card-body {\r\n\t\t\tpadding: 16px 20px 20px;\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-date,\r\n\t\t\t.events-type-class,\r\n\t\t\t.language {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t}\r\n\r\n\t\t\t.calendar-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-item-text {\r\n\t\t\t\tmargin-left: 12px;\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tline-height: 21px;\r\n\t\t\t}\r\n\r\n\t\t\t.in-person-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.language-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tmargin-top: 16px;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\tHost,\r\n\th,\r\n\tFragment,\r\n\tElement,\r\n\tMethod,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card\",\r\n\tstyleUrl: \"ptc-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCard {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Card Type\r\n\t * Specify Card Type, default to simple card\r\n\t /\r\n\t@Prop() cardType:\r\n\t\t\| \"simple-card\"\r\n\t\t\| \"lottie-card\"\r\n\t\t\| \"custom-card\"\r\n\t\t\| \"clip-edge-card\"\r\n\t\t\| \"hightlight-card\"\r\n\t\t\| \"listing-card\"\r\n\t\t\| \"horizontal-card\"\r\n\t\t\| \"listing-card-horizontal\"\r\n\t\t\| \"resource-center-card\"\r\n\t\t\| \"case-studies-card\"\r\n\t\t\| \"featured-horizontal-card\"\r\n\t\t\| \"related-card\"\r\n\t\t\| \"events-card\" = \"custom-card\";\r\n\t/\r\n\t Card Link URL (Optional)\r\n\t /\r\n\t@Prop() cardHref?: string = undefined;\r\n\r\n\t/\r\n\t (optional) Link card target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t (optional) Link card rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t If this card has Image\r\n\t /\r\n\t@Prop() hasImage: boolean = false;\r\n\t/\r\n\t If this card has Video\r\n\t /\r\n\t@Prop() hasVideo: boolean = false;\r\n\t/\r\n\t If this card has Lottie Image\r\n\t /\r\n\t@Prop() hasLottie: boolean = false;\r\n\t/\r\n\t Card heading\r\n\t /\r\n\t@Prop() heading?: string;\r\n\t/\r\n\t Card heading text transform\r\n\t /\r\n\t@Prop() headingTransform:\r\n\t\t\| \"uppercase\"\r\n\t\t\| \"lowercase\"\r\n\t\t\| \"capitalize\"\r\n\t\t\| \"none\" = \"none\";\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() cardDate?: string;\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() country?: string;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * Ribbon will show on listing card if this field has any value\r\n\t /\r\n\t@Prop() ribbonText?: string;\r\n\t/\r\n\t Event Type\r\n\t /\r\n\t@Prop() eventType?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() cardLogo?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() titleLineCutOff?: number;\r\n\r\n\t/\r\n\t Card heading text limit by char\r\n\t /\r\n\t@Prop() maxChars?: number;\r\n\r\n\t/\r\n\t Card heading text limit by lines\r\n\t /\r\n\t@Prop() maxLines?: number;\r\n\r\n\t/\r\n\t Card overflow\r\n\t */\r\n\t@Prop() cardOverflow?:\r\n\t\t\| \"auto\"\r\n\t\t\| \"hidden\"\r\n\t\t\| \"visible\"\r\n\t\t\| \"inherit\"\r\n\t\t\| \"initial\";\r\n\r\n\t@Prop() isCreoCard?: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@Prop({ mutable: true, reflect: true }) isTabHidden: boolean = false;\r\n\r\n\t@Prop() language: string = \"\";\r\n\r\n\t@Prop() cardTitle: string = \"\";\r\n\r\n\tprivate observer: MutationObserver;\r\n\r\n\t@Watch(\"isTabHidden\")\r\n\thandleTabHiddenChange(newValue: boolean) {\r\n\t\tconst tabElement = this.el.shadowRoot.querySelector(\r\n\t\t\t\".tab-tracker-news[tabindex]\",\r\n\t\t);\r\n\t\tif (tabElement) {\r\n\t\t\ttabElement.setAttribute(\"tabindex\", newValue ? \"-1\" : \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hasAncestorWithClass(className: string): Promise<boolean> {\r\n\t\tlet parent = this.el.parentElement;\r\n\t\t// Traverse up through the ancestors\r\n\t\twhile (parent) {\r\n\t\t\tif (parent.classList.contains(className)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\tparent = parent.parentElement;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\t//this.checkAndSetTabState();\r\n\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\r\n\t\t// Set up a MutationObserver to detect changes to the `class` attribute\r\n\t\tthis.observer = new MutationObserver(() => {\r\n\t\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\t\t});\r\n\t\tthis.observer.observe(this.el, {\r\n\t\t\tattributes: true,\r\n\t\t\tattributeFilter: [\"class\"],\r\n\t\t});\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\t// Disconnect the observer when the component is removed\r\n\t\tif (this.observer) {\r\n\t\t\tthis.observer.disconnect();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag =\r\n\t\t\t!!this.cardHref && this.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: \"div\";\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\t\tlet cutOffTitleClass = \"\";\r\n\t\tconst BodyContainerTag =\r\n\t\t\t!!this.cardHref &&\r\n\t\t\t!!this.cardType &&\r\n\t\t\tthis.cardType === \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: Fragment;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tcutOffTitleClass = \" clamp-title\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t[this.cardType]: !!this.cardType,\r\n\t\t\t\t\t\"creo-card-wrap\": this.isCreoCard, // Add the cardType class conditionally\r\n\t\t\t\t}}\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=\"seo-content\"></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={\r\n\t\t\t\t\t\tthis.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t\t\t\t? this.trackerId\r\n\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t}\r\n\t\t\t\t\tclass=\"card-border mf-listen\"\r\n\t\t\t\t\tpart=\"border-wrapper\"\r\n\t\t\t\t\tstyle={{ overflow: this.cardOverflow }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tpart=\"card-layout\"\r\n\t\t\t\t\t\t{...(!!this.cardHref ? { href: this.cardHref } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.ribbonText ? { rel: this.ribbonText } : {})}\r\n\t\t\t\t\t\t{...(Tag === \"a\" && !this.isTabHidden\r\n\t\t\t\t\t\t\t? { tabindex: 0 }\r\n\t\t\t\t\t\t\t: { tabindex: -1 })}\r\n\t\t\t\t\t\t{...(!!this.cardTitle ? { title: this.cardTitle } : {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.hasImage \|\| this.hasLottie \|\| this.hasVideo ? (\r\n\t\t\t\t\t\t\t<div class=\"card-media\" part=\"media-wrapper\">\r\n\t\t\t\t\t\t\t\t{this.getMediaSlot ? (\r\n\t\t\t\t\t\t\t\t\t<slot name={this.getMediaSlot()}></slot>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t{(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"resource-center-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"related-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"listing-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"events-card\") ? (\r\n\t\t\t\t\t\t\t<div class=\"ribbon-text\">{`${this.ribbonText}`}</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid={\r\n\t\t\t\t\t\t\t\tthis.cardType === \"featured-horizontal-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType === \"related-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\"\r\n\t\t\t\t\t\t\t\t\t? this.trackerId\r\n\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tclass=\"card-body mf-listen\"\r\n\t\t\t\t\t\t\tpart=\"body-wrapper\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<BodyContainerTag\r\n\t\t\t\t\t\t\t\tclass=\"link-wrapper mf-listen\"\r\n\t\t\t\t\t\t\t\t{...(!!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { href: this.cardHref }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.cardTitle\r\n\t\t\t\t\t\t\t\t\t? { title: this.cardTitle }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(BodyContainerTag === \"a\"\r\n\t\t\t\t\t\t\t\t\t? { tabIndex: 0 }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\t(this.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\tthis.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\"listing-card-horizontal\") ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-date-text\">\r\n\t\t\t\t\t\t\t\t\t\t{!!this.eventType ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t   \|   \r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.eventType}`}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">{`${this.cardDate}`}</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{this.cardType === \"case-studies-card\"\r\n\t\t\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\t\t\t...(!!this.cardLogo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobject-fit=\"contain\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={this.cardLogo}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"40\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-none\"></div>\r\n\t\t\t\t\t\t\t\t\t\t\t)),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-heading\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.heading\r\n\t\t\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"featured-horizontal-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-size=\"xx-large\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-weight=\"w-8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tis-plm-hub=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>{this.heading}</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-heading\"></slot>,\r\n\t\t\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-date\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"calendar-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"15\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 15 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_3\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_5\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_7\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_9\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.6211 2.11804V3.41804V3.91804H11.1211H9.12109H8.62109V3.41804V2.11804H5.32109V3.41804V3.91804H4.82109H2.82109H2.32109V3.41804V2.11804H0.121094V16.118H14.1211V2.11804H11.6211ZM12.6211 14.618H1.62109V5.81804H12.6211V14.618Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_10\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_11\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"events-item-text event-cards-date\">\r\n\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.eventType &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-type-class\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"in-person-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"13\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 13\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.0211 9.71804L15.3211 7.31804C15.3211 7.31804 15.2211 6.71804 14.4211 6.51804L12.7211 6.11804C12.5211 6.01804 12.4211 5.61804 12.4211 5.61804V5.11804C12.6211 4.91804 12.7211 4.61804 12.8211 4.41804L12.9211 4.31804C13.0211 4.21804 13.0211 4.11804 13.0211 4.11804C13.1211 4.01804 13.1211 3.81804 13.1211 3.71804L13.2211 3.31804C13.2211 3.11804 13.2211 2.91804 13.1211 2.81804L13.0211 2.71804C13.0211 2.01804 12.9211 1.41804 12.6211 1.01804C12.5211 0.518042 12.0211 0.218042 11.4211 0.118042C11.3211 0.118042 11.1211 0.118042 11.0211 0.118042C10.9211 0.118042 10.7211 0.118042 10.6211 0.118042C10.0211 0.218042 9.52109 0.518042 9.22109 1.01804C8.92109 1.41804 8.82109 2.01804 8.82109 2.71804L8.72109 2.81804C8.62109 2.91804 8.62109 3.01804 8.62109 3.31804L8.72109 3.71804C8.72109 3.81804 8.72109 4.01804 8.82109 4.11804C8.82109 4.21804 8.92109 4.31804 8.92109 4.31804C9.02109 4.31804 9.02109 4.41804 9.12109 4.41804C9.22109 4.71804 9.32109 4.91804 9.52109 5.11804V5.61804C9.52109 5.61804 9.42109 6.01804 9.22109 6.11804L8.12109 6.41804V6.51804C8.12109 6.61804 8.02109 6.91804 7.92109 7.11804C7.82109 7.21804 7.82109 7.41804 7.72109 7.51804C7.72109 7.51804 7.72109 7.61804 7.62109 7.61804C7.82109 7.61804 8.12109 7.71804 8.52109 7.81804C9.52109 7.91804 10.1211 8.81804 10.3211 9.71804H11.0211H16.0211Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 9.81807C9.42148 9.81807 9.32148 9.21807 8.52148 9.01807L6.82148 8.61807C6.62148 8.51807 6.52148 8.11807 6.52148 8.11807V7.61807C6.72148 7.41807 6.82148 7.11807 6.92148 6.91807L7.02148 6.81807C7.12148 6.71807 7.12148 6.61807 7.12148 6.61807C7.22148 6.31807 7.32148 6.21807 7.32148 6.11807L7.42148 5.71807C7.42148 5.51807 7.42148 5.31807 7.32148 5.21807L7.22148 5.11807C7.22148 4.41807 7.12148 3.81807 6.82148 3.41807C6.52148 3.01807 6.02148 2.61807 5.42148 2.51807C5.32148 2.51807 5.12148 2.51807 5.02148 2.51807C4.92148 2.51807 4.72148 2.51807 4.62148 2.51807C4.02148 2.61807 3.52148 3.01807 3.22148 3.41807C2.92148 3.91807 2.82148 4.51807 2.92148 5.11807L2.82148 5.21807C2.72148 5.31807 2.62148 5.51807 2.72148 5.71807L2.82148 6.11807C2.82148 6.21807 2.82148 6.41807 2.92148 6.51807C2.92148 6.61807 3.02148 6.71807 3.02148 6.71807C3.02148 6.81807 3.12148 6.81807 3.12148 6.81807C3.22148 7.11807 3.32148 7.41807 3.52148 7.61807V8.11807C3.52148 8.11807 3.42148 8.51807 3.22148 8.61807L1.52148 9.01807C0.721484 9.21807 0.621484 9.81807 0.621484 9.81807L0.0214844 12.2181H5.02148H10.0215L9.42148 9.81807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"event-name events-item-text\">{`${this.eventType}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.language &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"language\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"language-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"language-name events-item-text\">{`${this.language}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-description\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card-horizontal\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"hightlight-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}\"\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType === \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: \"20px\" }}\r\n\t\t\t\t\t\t\t\t\t\tformat-options='{\"year\":\"numeric\",\"month\":\"long\",\"day\":\"numeric\"}'\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}\"\r\n\t\t\t\t\t\t\t\t\t\tcountry={this.country}\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</BodyContainerTag>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Tag>\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[\"card-layout\"]: true,\r\n\t\t\t[\"link-wrapper\"]: !!this.cardType ? true : false,\r\n\t\t\t[\"creo-card\"]: this.isCreoCard ? true : false,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t\t[\"tab-tracker-news\"]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getMediaSlot() {\r\n\t\tif (this.hasLottie) {\r\n\t\t\treturn \"slot-lottie\";\r\n\t\t} else if (this.hasVideo) {\r\n\t\t\treturn \"slot-video\";\r\n\t\t} else if (this.hasImage) {\r\n\t\t\treturn \"slot-image\";\r\n\t\t} else {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tlet result: StylesMap;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tresult = {\r\n\t\t\t\t[\"-webkit-line-clamp\"]: `${this.titleLineCutOff}`,\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CKJX0nWw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card/ptc-card.scss?tag=ptc-card&encapsulation=shadow","src/components/molecules/ptc-card/ptc-card.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n::slotted([slot=\"seo-content\"]) {\r\n\tdisplay: none;\r\n}\r\n\r\n//style for lottie card\r\n:host(.lottie-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: 1px 1px 14px 0 hsla(0, 0%, 39.6%, 0.35);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\theight: 40%;\r\n\t\t\twidth: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 30%;\r\n\t\t\tright: -2px;\r\n\t\t\tbackground-color: var(--color-green-06);\r\n\t\t\tz-index: 2;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\ttransition: box-shadow var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\ttransition: border-bottom var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\t//box-shadow: 1px 1px 35px 0 hsla(0, 0%, 39.6%, 0.65);\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tborder-bottom: 2px solid var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-flow: nowrap row;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: var(--color-gray-10);\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tflex-basis: 40%;\r\n\t\tborder-right: 1px solid var(--color-gray-03);\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.card-body {\r\n\t\tflex-basis: 60%;\r\n\t\talign-self: center;\r\n\t\tpadding: 0 30px 10px;\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for simple card\r\n:host(.simple-card) {\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tcolor: var(--color-green-06);\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\th3 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t\tbottom: 1px;\r\n\t\t\t\ttransition: width var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t\ttransition: margin-left var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n}\r\n\r\n//style for clip-edge-card\r\n:host(.clip-edge-card) {\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);\r\n\t\twidth: 100%;\r\n\t\ttransition: filter var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px);\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 124px; //update it later\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n\t.card-body {\r\n\t\ttransform: translateY(calc((-1) var(--ptc-element-spacing-04)));\r\n\t\toverflow: hidden;\r\n\t\twidth: calc(\r\n\t\t\t95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04)\r\n\t\t);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tclip-path: var(--ptc-clip-path-bottom-right);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-04)\r\n\t\t\tvar(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin: 0px;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\ttransition:\r\n\t\t\t\tborder-bottom var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\t\tmargin var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t\tmargin: var(--ptc-element-spacing-03) 0\r\n\t\t\t\tvar(--ptc-element-spacing-03) 0;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransform-origin: top center;\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tposition: absolute;\r\n\t\ttop: var(--ptc-element-spacing-03);\r\n\t\tleft: var(--ptc-element-spacing-04);\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t\theight: 44px; // undefined height\r\n\t\ttransform-origin: bottom center;\r\n\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\tdisplay: block;\r\n\t\topacity: 0;\r\n\t\theight: 24px;\r\n\t\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t.link-wrapper:hover {\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\theight: 60px;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-image\"]) {\r\n\t\t\ttransform: scale(1.1);\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: scale(0);\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for hightlight card\r\n:host(.hightlight-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: var(--ptc-shadow-small);\r\n\t\twidth: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.card-media {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.card-media {\r\n\t\t\t\ttransform: scale(1.1);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\t\theight: 96px;\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@include screen-sm {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-06);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tmin-height: 450px;\r\n\t\tposition: relative;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n\t.card-body {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\ttop: auto;\r\n\t\tleft: 0;\r\n\t\tright: auto;\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large); //undefined font size\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: var(--ptc-element-spacing-04) 0;\r\n\t\t}\r\n\t\th2 {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t@media (max-width: 768px) {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n}\r\n//style for horizontal-card\r\n:host(.horizontal-card) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-02);\r\n\t.card-layout {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 42% 58%;\r\n\t\t\tdirection: ltr;\r\n\t\t\tgrid-auto-rows: 1fr;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: var(--ptc-transition-slow) linear;\r\n\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\tbackground-color: var(--color-white);\r\n\r\n\t\t\th3 {\r\n\t\t\t\tborder-color: var(--color-green-06);\r\n\t\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t\t@include screen-sm {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tpadding-top: 24px;\r\n\t\t\tpadding-bottom: 24px;\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\tpadding: var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\t\t\tpadding-bottom: var(--ptc-element-spacing-01);\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\t.creo-card {\r\n\t\t.card-media {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto !important;\r\n\t\t\tpadding-top: 66.66%;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 20px 0px 20px;\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 16px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card-horizontal) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t@media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t\tmargin-left: 16px;\r\n\t\t}\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: none;\r\n\t\tmax-width: 260px;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: block;\r\n\t\t\tmin-width: 260px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\t\t// width: 411px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 24px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tpadding: 8px 16px 0px 16px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tmin-width: 505px;\r\n\t\t}\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\r\n\t\t\t\t@include screen-lg {\r\n\t\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\tmargin-bottom: 24px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xxl {\r\n\t\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for resource center card (start of block)\r\n:host(.resource-center-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 250px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 250px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 285px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 221px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 189px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 285px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 221px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 189px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 14px 24px 0px 24px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 20px 0px 21px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for case studies card (start of block)\r\n:host(.case-studies-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t// overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\theight: 100%;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 200px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.smart-img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 200px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 224px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 224px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t.card-logo-container {\r\n\t\t\tpadding: 8px 20px;\r\n\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t}\r\n\r\n\t\t.card-logo-none {\r\n\t\t\tpadding-top: 16px;\r\n\t\t}\r\n\r\n\t\t.card-logo {\r\n\t\t\tmax-width: 280px;\r\n\t\t\twidth: auto;\r\n\t\t\theight: 40px;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tborder: 1px solid var(--color-gray-02);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin: 8px 20px 12px 20px;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 24px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin: 0px 20px 16px 20px;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n// -------------style for related card ----------------\r\n:host(.related-card) {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\t//max-width: 70%;\r\n\t\t\t//max-height: 20px;\r\n\t\t\tmax-height: fit-content;\r\n\t\t\toverflow: hidden;\r\n\t\t\twidth: fit-content;\r\n\t\t\tclip-path: inset(-6px -6px -6px 0px);\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@include screen-xs {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\theight: 142px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\theight: 237px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-xl {\r\n\t\t\t\theight: 248px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-xs {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\theight: 142px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\theight: 237px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\theight: 248px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t}\r\n}\r\n\r\n//style for featured-horizontal-card (start of block)\r\n:host(.featured-horizontal-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t// width: 312px;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t// margin-left: 16px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 100%;\r\n\t\t// }\r\n\r\n\t\t// &:hover {\r\n\t\t// background: var(--color-gray-02);\r\n\t\t// box-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t// .card-media {\r\n\t\t// background: var(--color-white);\r\n\r\n\t\t// .smart-img {\r\n\t\t// background: var(--color-white);\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\tdisplay: block;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: block;\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 440px;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: auto;\r\n\t\t\tmax-height: initial;\r\n\t\t\tmin-height: 547px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t// padding: 24px 24px 44px 24px;\r\n\t\t// // width: 411px;\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// padding: 24px 48px 44px 48px;\r\n\t\t// }\r\n\r\n\t\tpadding: 20px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 32px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t\tmargin-bottom: 0rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small) !important;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\t// margin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\r\n\t\t@media (max-width: 992px) {\r\n\t\t\tfont-size: var(--ptc-font-size-small) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\t// width: 312px;\r\n\t\t// height: 296px;\r\n\t\t// display: block;\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// height: 300px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// height: 441px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 524px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 650px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 685px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 547px;\r\n\t\t\tmax-height: 547px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n// -------------style for related card ends----------------\r\n\r\n.ptc-h3 {\r\n\t&.uppercase {\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\t&.capitalize {\r\n\t\ttext-transform: capitalize;\r\n\t}\r\n\t&.lowercase {\r\n\t\ttext-transform: lowercase;\r\n\t}\r\n\t&.none {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\n:host(.events-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t.card-body {\r\n\t\t\tpadding: 16px 20px 20px;\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-date,\r\n\t\t\t.events-type-class,\r\n\t\t\t.language {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t}\r\n\r\n\t\t\t.calendar-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-item-text {\r\n\t\t\t\tmargin-left: 12px;\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tline-height: 21px;\r\n\t\t\t}\r\n\r\n\t\t\t.in-person-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.language-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tmargin-top: 16px;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\tHost,\r\n\th,\r\n\tFragment,\r\n\tElement,\r\n\tMethod,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card\",\r\n\tstyleUrl: \"ptc-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCard {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Card Type\r\n\t * Specify Card Type, default to simple card\r\n\t /\r\n\t@Prop() cardType:\r\n\t\t\| \"simple-card\"\r\n\t\t\| \"lottie-card\"\r\n\t\t\| \"custom-card\"\r\n\t\t\| \"clip-edge-card\"\r\n\t\t\| \"hightlight-card\"\r\n\t\t\| \"listing-card\"\r\n\t\t\| \"horizontal-card\"\r\n\t\t\| \"listing-card-horizontal\"\r\n\t\t\| \"resource-center-card\"\r\n\t\t\| \"case-studies-card\"\r\n\t\t\| \"featured-horizontal-card\"\r\n\t\t\| \"related-card\"\r\n\t\t\| \"events-card\" = \"custom-card\";\r\n\t/\r\n\t Card Link URL (Optional)\r\n\t /\r\n\t@Prop() cardHref?: string = undefined;\r\n\r\n\t/\r\n\t (optional) Link card target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t (optional) Link card rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t If this card has Image\r\n\t /\r\n\t@Prop() hasImage: boolean = false;\r\n\t/\r\n\t If this card has Video\r\n\t /\r\n\t@Prop() hasVideo: boolean = false;\r\n\t/\r\n\t If this card has Lottie Image\r\n\t /\r\n\t@Prop() hasLottie: boolean = false;\r\n\t/\r\n\t Card heading\r\n\t /\r\n\t@Prop() heading?: string;\r\n\t/\r\n\t Card heading text transform\r\n\t /\r\n\t@Prop() headingTransform:\r\n\t\t\| \"uppercase\"\r\n\t\t\| \"lowercase\"\r\n\t\t\| \"capitalize\"\r\n\t\t\| \"none\" = \"none\";\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() cardDate?: string;\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() country?: string;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * Ribbon will show on listing card if this field has any value\r\n\t /\r\n\t@Prop() ribbonText?: string;\r\n\t/\r\n\t Event Type\r\n\t /\r\n\t@Prop() eventType?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() cardLogo?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() titleLineCutOff?: number;\r\n\r\n\t/\r\n\t Card heading text limit by char\r\n\t /\r\n\t@Prop() maxChars?: number;\r\n\r\n\t/\r\n\t Card heading text limit by lines\r\n\t /\r\n\t@Prop() maxLines?: number;\r\n\r\n\t/\r\n\t Card overflow\r\n\t */\r\n\t@Prop() cardOverflow?:\r\n\t\t\| \"auto\"\r\n\t\t\| \"hidden\"\r\n\t\t\| \"visible\"\r\n\t\t\| \"inherit\"\r\n\t\t\| \"initial\";\r\n\r\n\t@Prop() isCreoCard?: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@Prop({ mutable: true, reflect: true }) isTabHidden: boolean = false;\r\n\r\n\t@Prop() language: string = \"\";\r\n\r\n\t@Prop() cardTitle: string = \"\";\r\n\r\n\tprivate observer: MutationObserver;\r\n\r\n\t@Watch(\"isTabHidden\")\r\n\thandleTabHiddenChange(newValue: boolean) {\r\n\t\tconst tabElement = this.el.shadowRoot.querySelector(\r\n\t\t\t\".tab-tracker-news[tabindex]\",\r\n\t\t);\r\n\t\tif (tabElement) {\r\n\t\t\ttabElement.setAttribute(\"tabindex\", newValue ? \"-1\" : \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hasAncestorWithClass(className: string): Promise<boolean> {\r\n\t\tlet parent = this.el.parentElement;\r\n\t\t// Traverse up through the ancestors\r\n\t\twhile (parent) {\r\n\t\t\tif (parent.classList.contains(className)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\tparent = parent.parentElement;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\t//this.checkAndSetTabState();\r\n\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\r\n\t\t// Set up a MutationObserver to detect changes to the `class` attribute\r\n\t\tthis.observer = new MutationObserver(() => {\r\n\t\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\t\t});\r\n\t\tthis.observer.observe(this.el, {\r\n\t\t\tattributes: true,\r\n\t\t\tattributeFilter: [\"class\"],\r\n\t\t});\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\t// Disconnect the observer when the component is removed\r\n\t\tif (this.observer) {\r\n\t\t\tthis.observer.disconnect();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag =\r\n\t\t\t!!this.cardHref && this.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: \"div\";\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\t\tlet cutOffTitleClass = \"\";\r\n\t\tconst BodyContainerTag =\r\n\t\t\t!!this.cardHref &&\r\n\t\t\t!!this.cardType &&\r\n\t\t\tthis.cardType === \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: Fragment;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tcutOffTitleClass = \" clamp-title\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t[this.cardType]: !!this.cardType,\r\n\t\t\t\t\t\"creo-card-wrap\": this.isCreoCard, // Add the cardType class conditionally\r\n\t\t\t\t}}\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=\"seo-content\"></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={\r\n\t\t\t\t\t\tthis.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t\t\t\t? this.trackerId\r\n\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t}\r\n\t\t\t\t\tclass=\"card-border mf-listen\"\r\n\t\t\t\t\tpart=\"border-wrapper\"\r\n\t\t\t\t\tstyle={{ overflow: this.cardOverflow }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tpart=\"card-layout\"\r\n\t\t\t\t\t\t{...(!!this.cardHref ? { href: this.cardHref } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.ribbonText ? { rel: this.ribbonText } : {})}\r\n\t\t\t\t\t\t{...(Tag === \"a\" && !this.isTabHidden\r\n\t\t\t\t\t\t\t? { tabindex: 0 }\r\n\t\t\t\t\t\t\t: { tabindex: -1 })}\r\n\t\t\t\t\t\t{...(!!this.cardTitle ? { title: this.cardTitle } : {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.hasImage \|\| this.hasLottie \|\| this.hasVideo ? (\r\n\t\t\t\t\t\t\t<div class=\"card-media\" part=\"media-wrapper\">\r\n\t\t\t\t\t\t\t\t{this.getMediaSlot ? (\r\n\t\t\t\t\t\t\t\t\t<slot name={this.getMediaSlot()}></slot>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t{(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"resource-center-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"related-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"listing-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"events-card\") ? (\r\n\t\t\t\t\t\t\t<div class=\"ribbon-text\">{`${this.ribbonText}`}</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid={\r\n\t\t\t\t\t\t\t\tthis.cardType === \"featured-horizontal-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType === \"related-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\"\r\n\t\t\t\t\t\t\t\t\t? this.trackerId\r\n\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tclass=\"card-body mf-listen\"\r\n\t\t\t\t\t\t\tpart=\"body-wrapper\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<BodyContainerTag\r\n\t\t\t\t\t\t\t\tclass=\"link-wrapper mf-listen\"\r\n\t\t\t\t\t\t\t\t{...(!!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { href: this.cardHref }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.cardTitle\r\n\t\t\t\t\t\t\t\t\t? { title: this.cardTitle }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(BodyContainerTag === \"a\"\r\n\t\t\t\t\t\t\t\t\t? { tabIndex: 0 }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\t(this.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\tthis.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\"listing-card-horizontal\") ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-date-text\">\r\n\t\t\t\t\t\t\t\t\t\t{!!this.eventType ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t   \|   \r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.eventType}`}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">{`${this.cardDate}`}</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{this.cardType === \"case-studies-card\"\r\n\t\t\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\t\t\t...(!!this.cardLogo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobject-fit=\"contain\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={this.cardLogo}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"40\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-none\"></div>\r\n\t\t\t\t\t\t\t\t\t\t\t)),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-heading\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.heading\r\n\t\t\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"featured-horizontal-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-size=\"xx-large\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-weight=\"w-8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tis-plm-hub=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>{this.heading}</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-heading\"></slot>,\r\n\t\t\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-date\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"calendar-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"15\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 15 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_3\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_5\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_7\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_9\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.6211 2.11804V3.41804V3.91804H11.1211H9.12109H8.62109V3.41804V2.11804H5.32109V3.41804V3.91804H4.82109H2.82109H2.32109V3.41804V2.11804H0.121094V16.118H14.1211V2.11804H11.6211ZM12.6211 14.618H1.62109V5.81804H12.6211V14.618Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_10\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_11\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"events-item-text event-cards-date\">\r\n\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.eventType &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-type-class\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"in-person-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"13\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 13\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.0211 9.71804L15.3211 7.31804C15.3211 7.31804 15.2211 6.71804 14.4211 6.51804L12.7211 6.11804C12.5211 6.01804 12.4211 5.61804 12.4211 5.61804V5.11804C12.6211 4.91804 12.7211 4.61804 12.8211 4.41804L12.9211 4.31804C13.0211 4.21804 13.0211 4.11804 13.0211 4.11804C13.1211 4.01804 13.1211 3.81804 13.1211 3.71804L13.2211 3.31804C13.2211 3.11804 13.2211 2.91804 13.1211 2.81804L13.0211 2.71804C13.0211 2.01804 12.9211 1.41804 12.6211 1.01804C12.5211 0.518042 12.0211 0.218042 11.4211 0.118042C11.3211 0.118042 11.1211 0.118042 11.0211 0.118042C10.9211 0.118042 10.7211 0.118042 10.6211 0.118042C10.0211 0.218042 9.52109 0.518042 9.22109 1.01804C8.92109 1.41804 8.82109 2.01804 8.82109 2.71804L8.72109 2.81804C8.62109 2.91804 8.62109 3.01804 8.62109 3.31804L8.72109 3.71804C8.72109 3.81804 8.72109 4.01804 8.82109 4.11804C8.82109 4.21804 8.92109 4.31804 8.92109 4.31804C9.02109 4.31804 9.02109 4.41804 9.12109 4.41804C9.22109 4.71804 9.32109 4.91804 9.52109 5.11804V5.61804C9.52109 5.61804 9.42109 6.01804 9.22109 6.11804L8.12109 6.41804V6.51804C8.12109 6.61804 8.02109 6.91804 7.92109 7.11804C7.82109 7.21804 7.82109 7.41804 7.72109 7.51804C7.72109 7.51804 7.72109 7.61804 7.62109 7.61804C7.82109 7.61804 8.12109 7.71804 8.52109 7.81804C9.52109 7.91804 10.1211 8.81804 10.3211 9.71804H11.0211H16.0211Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 9.81807C9.42148 9.81807 9.32148 9.21807 8.52148 9.01807L6.82148 8.61807C6.62148 8.51807 6.52148 8.11807 6.52148 8.11807V7.61807C6.72148 7.41807 6.82148 7.11807 6.92148 6.91807L7.02148 6.81807C7.12148 6.71807 7.12148 6.61807 7.12148 6.61807C7.22148 6.31807 7.32148 6.21807 7.32148 6.11807L7.42148 5.71807C7.42148 5.51807 7.42148 5.31807 7.32148 5.21807L7.22148 5.11807C7.22148 4.41807 7.12148 3.81807 6.82148 3.41807C6.52148 3.01807 6.02148 2.61807 5.42148 2.51807C5.32148 2.51807 5.12148 2.51807 5.02148 2.51807C4.92148 2.51807 4.72148 2.51807 4.62148 2.51807C4.02148 2.61807 3.52148 3.01807 3.22148 3.41807C2.92148 3.91807 2.82148 4.51807 2.92148 5.11807L2.82148 5.21807C2.72148 5.31807 2.62148 5.51807 2.72148 5.71807L2.82148 6.11807C2.82148 6.21807 2.82148 6.41807 2.92148 6.51807C2.92148 6.61807 3.02148 6.71807 3.02148 6.71807C3.02148 6.81807 3.12148 6.81807 3.12148 6.81807C3.22148 7.11807 3.32148 7.41807 3.52148 7.61807V8.11807C3.52148 8.11807 3.42148 8.51807 3.22148 8.61807L1.52148 9.01807C0.721484 9.21807 0.621484 9.81807 0.621484 9.81807L0.0214844 12.2181H5.02148H10.0215L9.42148 9.81807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"event-name events-item-text\">{`${this.eventType}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.language &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"language\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"language-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"language-name events-item-text\">{`${this.language}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-description\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card-horizontal\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"hightlight-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}\"\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType === \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: \"20px\" }}\r\n\t\t\t\t\t\t\t\t\t\tformat-options='{\"year\":\"numeric\",\"month\":\"long\",\"day\":\"numeric\"}'\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}\"\r\n\t\t\t\t\t\t\t\t\t\tcountry={this.country}\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</BodyContainerTag>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Tag>\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[\"card-layout\"]: true,\r\n\t\t\t[\"link-wrapper\"]: !!this.cardType ? true : false,\r\n\t\t\t[\"creo-card\"]: this.isCreoCard ? true : false,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t\t[\"tab-tracker-news\"]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getMediaSlot() {\r\n\t\tif (this.hasLottie) {\r\n\t\t\treturn \"slot-lottie\";\r\n\t\t} else if (this.hasVideo) {\r\n\t\t\treturn \"slot-video\";\r\n\t\t} else if (this.hasImage) {\r\n\t\t\treturn \"slot-image\";\r\n\t\t} else {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tlet result: StylesMap;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tresult = {\r\n\t\t\t\t[\"-webkit-line-clamp\"]: `${this.titleLineCutOff}`,\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n}\r\n"],"version":3}