@ptcwebops/ptcw-design 5.9.2 → 5.9.4

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 (384) hide show
  1. package/dist/cjs/blog-detail-content_2.cjs.entry.js +271 -0
  2. package/dist/cjs/blog-detail-layout.cjs.entry.js +70 -0
  3. package/dist/cjs/icon-asset_10.cjs.entry.js +739 -0
  4. package/dist/cjs/interfaces-574e6df7.js +15 -0
  5. package/dist/cjs/list-item.cjs.entry.js +47 -0
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/max-width-container.cjs.entry.js +54 -0
  8. package/dist/cjs/ptc-background-video.cjs.entry.js +86 -0
  9. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +47 -0
  10. package/dist/cjs/ptc-button.cjs.entry.js +84 -0
  11. package/dist/cjs/ptc-card_2.cjs.entry.js +67 -42
  12. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +6 -6
  13. package/dist/cjs/ptc-date.cjs.entry.js +61 -0
  14. package/dist/cjs/{ptc-filter-dropdown_4.cjs.entry.js → ptc-filter-dropdown_3.cjs.entry.js} +0 -74
  15. package/dist/cjs/ptc-img.cjs.entry.js +133 -0
  16. package/dist/cjs/ptc-inline-cta.cjs.entry.js +125 -0
  17. package/dist/cjs/ptc-jumbotron.cjs.entry.js +148 -0
  18. package/dist/cjs/ptc-link.cjs.entry.js +92 -0
  19. package/dist/cjs/ptc-para.cjs.entry.js +125 -0
  20. package/dist/cjs/ptc-quantity-counter.cjs.entry.js +2 -2
  21. package/dist/cjs/ptc-related-card-rail.cjs.entry.js +2 -2
  22. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +3 -2
  23. package/dist/cjs/ptc-social-icons.cjs.entry.js +33 -0
  24. package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
  25. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +56 -0
  26. package/dist/cjs/ptc-tooltip.cjs.entry.js +107 -0
  27. package/dist/cjs/ptcw-design.cjs.js +1 -1
  28. package/dist/collection/components/list-item/list-item.css +13 -0
  29. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +6 -6
  30. package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css +5 -0
  31. package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +19 -1
  32. package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css +7 -0
  33. package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +1 -1
  34. package/dist/collection/components/ptc-quantity-counter/ptc-quantity-counter.css +12 -0
  35. package/dist/collection/components/ptc-quantity-counter/ptc-quantity-counter.js +1 -1
  36. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css +4 -0
  37. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +1 -1
  38. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.css +5 -0
  39. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +2 -1
  40. package/dist/collection/components/ptc-social-share/ptc-social-share.css +5 -0
  41. package/dist/collection/components/ptc-social-share/ptc-social-share.js +24 -1
  42. package/dist/custom-elements/index.js +29 -21
  43. package/dist/esm/academic-form-test.entry.js +1 -1
  44. package/dist/esm/author-listing-example.entry.js +1 -1
  45. package/dist/esm/blog-detail-content_2.entry.js +266 -0
  46. package/dist/esm/blog-detail-layout.entry.js +66 -0
  47. package/dist/esm/blogs-search-section.entry.js +1 -1
  48. package/dist/esm/bundle-example.entry.js +1 -1
  49. package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
  50. package/dist/esm/dropdown-item.entry.js +1 -1
  51. package/dist/esm/dynamic-box-bundle.entry.js +1 -1
  52. package/dist/esm/embedded-form.entry.js +1 -1
  53. package/dist/esm/featured-list.entry.js +1 -1
  54. package/dist/esm/fl-tab-content_3.entry.js +1 -1
  55. package/dist/esm/footer-form.entry.js +1 -1
  56. package/dist/esm/homepage-clickable-tab.entry.js +1 -1
  57. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  58. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  59. package/dist/esm/icon-asset_10.entry.js +726 -0
  60. package/dist/esm/{index-c83db688.js → index-0bf594c4.js} +1 -1
  61. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  62. package/dist/esm/interfaces-7c0243be.js +12 -0
  63. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  64. package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
  65. package/dist/esm/list-item.entry.js +43 -0
  66. package/dist/esm/loader.js +3 -3
  67. package/dist/esm/max-width-container.entry.js +50 -0
  68. package/dist/esm/most-popular-news.entry.js +1 -1
  69. package/dist/esm/my-component.entry.js +1 -1
  70. package/dist/esm/news-search-result.entry.js +1 -1
  71. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  72. package/dist/esm/ptc-accordion.entry.js +1 -1
  73. package/dist/esm/ptc-announcement.entry.js +1 -1
  74. package/dist/esm/ptc-back-to-top.entry.js +1 -1
  75. package/dist/esm/ptc-background-video.entry.js +82 -0
  76. package/dist/esm/ptc-badge.entry.js +1 -1
  77. package/dist/esm/ptc-bio-card.entry.js +1 -1
  78. package/dist/esm/ptc-breadcrumb.entry.js +43 -0
  79. package/dist/esm/ptc-brightcov-video.entry.js +1 -1
  80. package/dist/esm/ptc-button.entry.js +80 -0
  81. package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
  82. package/dist/esm/ptc-card-content.entry.js +1 -1
  83. package/dist/esm/ptc-card_2.entry.js +68 -43
  84. package/dist/esm/ptc-case-studies-slider.entry.js +7 -7
  85. package/dist/esm/ptc-checkbox-group.entry.js +1 -1
  86. package/dist/esm/ptc-checkbox.entry.js +1 -1
  87. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  88. package/dist/esm/ptc-container.entry.js +1 -1
  89. package/dist/esm/ptc-data-lookup.entry.js +1 -1
  90. package/dist/esm/ptc-date.entry.js +57 -0
  91. package/dist/esm/ptc-dropdown.entry.js +1 -1
  92. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  93. package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
  94. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  95. package/dist/esm/ptc-featured-list.entry.js +1 -1
  96. package/dist/esm/{ptc-filter-dropdown_4.entry.js → ptc-filter-dropdown_3.entry.js} +2 -75
  97. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  98. package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
  99. package/dist/esm/ptc-footer.entry.js +1 -1
  100. package/dist/esm/ptc-form-checkbox_2.entry.js +1 -1
  101. package/dist/esm/ptc-form-radio-button.entry.js +1 -1
  102. package/dist/esm/ptc-form-radio-group.entry.js +1 -1
  103. package/dist/esm/ptc-form.entry.js +1 -1
  104. package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
  105. package/dist/esm/ptc-hero.entry.js +1 -1
  106. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  107. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  108. package/dist/esm/ptc-icon-card.entry.js +1 -1
  109. package/dist/esm/ptc-icon-component.entry.js +1 -1
  110. package/dist/esm/ptc-icon-list.entry.js +1 -1
  111. package/dist/esm/ptc-icon-minimize.entry.js +1 -1
  112. package/dist/esm/ptc-img.entry.js +129 -0
  113. package/dist/esm/ptc-info-tile.entry.js +1 -1
  114. package/dist/esm/ptc-inline-cta.entry.js +121 -0
  115. package/dist/esm/ptc-jumbotron.entry.js +144 -0
  116. package/dist/esm/ptc-link.entry.js +88 -0
  117. package/dist/esm/ptc-list.entry.js +1 -1
  118. package/dist/esm/ptc-media-card.entry.js +1 -1
  119. package/dist/esm/ptc-mobile-select.entry.js +1 -1
  120. package/dist/esm/ptc-modal-quiz.entry.js +1 -1
  121. package/dist/esm/ptc-multi-select_2.entry.js +1 -1
  122. package/dist/esm/ptc-nav-card.entry.js +1 -1
  123. package/dist/esm/ptc-nav-link.entry.js +1 -1
  124. package/dist/esm/ptc-nav-pills.entry.js +1 -1
  125. package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
  126. package/dist/esm/ptc-nav-slider.entry.js +1 -1
  127. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  128. package/dist/esm/ptc-nav-tile.entry.js +1 -1
  129. package/dist/esm/ptc-office-location-card.entry.js +1 -1
  130. package/dist/esm/ptc-office-locations.entry.js +1 -1
  131. package/dist/esm/ptc-overlay.entry.js +1 -1
  132. package/dist/esm/ptc-para.entry.js +121 -0
  133. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  134. package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
  135. package/dist/esm/ptc-previous-url.entry.js +1 -1
  136. package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
  137. package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
  138. package/dist/esm/ptc-pricing-block.entry.js +1 -1
  139. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  140. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  141. package/dist/esm/ptc-product-card.entry.js +1 -1
  142. package/dist/esm/ptc-product-category.entry.js +1 -1
  143. package/dist/esm/ptc-product-dropdown.entry.js +1 -1
  144. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  145. package/dist/esm/ptc-product-list.entry.js +1 -1
  146. package/dist/esm/ptc-product-sidebar.entry.js +1 -1
  147. package/dist/esm/ptc-progress-bar.entry.js +1 -1
  148. package/dist/esm/ptc-quantity-counter.entry.js +3 -3
  149. package/dist/esm/ptc-quote.entry.js +1 -1
  150. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  151. package/dist/esm/ptc-readmore-new.entry.js +1 -1
  152. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  153. package/dist/esm/ptc-readmore.entry.js +1 -1
  154. package/dist/esm/ptc-related-card-rail.entry.js +3 -3
  155. package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
  156. package/dist/esm/ptc-search-field.entry.js +1 -1
  157. package/dist/esm/ptc-seo-title.entry.js +1 -1
  158. package/dist/esm/ptc-shopping-cart.entry.js +4 -3
  159. package/dist/esm/ptc-showcase-card.entry.js +1 -1
  160. package/dist/esm/ptc-skeleton.entry.js +1 -1
  161. package/dist/esm/ptc-slit-card.entry.js +1 -1
  162. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  163. package/dist/esm/ptc-social-icons.entry.js +29 -0
  164. package/dist/esm/ptc-spacer.entry.js +34 -0
  165. package/dist/esm/ptc-span.entry.js +1 -1
  166. package/dist/esm/ptc-square-card.entry.js +1 -1
  167. package/dist/esm/ptc-sticky-section.entry.js +1 -1
  168. package/dist/esm/ptc-sticky-title.entry.js +1 -1
  169. package/dist/esm/ptc-subnav-card.entry.js +1 -1
  170. package/dist/esm/ptc-subnav.entry.js +1 -1
  171. package/dist/esm/ptc-svg-btn.entry.js +1 -1
  172. package/dist/esm/ptc-tab-list.entry.js +1 -1
  173. package/dist/esm/ptc-tab.entry.js +1 -1
  174. package/dist/esm/ptc-tabs.entry.js +1 -1
  175. package/dist/esm/ptc-text-copy-with-background.entry.js +52 -0
  176. package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
  177. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  178. package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
  179. package/dist/esm/ptc-tooltip.entry.js +103 -0
  180. package/dist/esm/ptc-two-column-media.entry.js +1 -1
  181. package/dist/esm/ptc-value-led-card.entry.js +1 -1
  182. package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
  183. package/dist/esm/ptc-value-led-content.entry.js +1 -1
  184. package/dist/esm/ptc-value-led-intro.entry.js +1 -1
  185. package/dist/esm/ptc-value-led-layout.entry.js +1 -1
  186. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  187. package/dist/esm/ptc-value-prop-card.entry.js +1 -1
  188. package/dist/esm/ptc-video-embed.entry.js +1 -1
  189. package/dist/esm/ptc-white-paper.entry.js +1 -1
  190. package/dist/esm/ptcw-design.js +3 -3
  191. package/dist/esm/sequential-bundle-example.entry.js +1 -1
  192. package/dist/esm/sequential-bundle.entry.js +1 -1
  193. package/dist/esm/tab-content.entry.js +1 -1
  194. package/dist/esm/tab-header.entry.js +1 -1
  195. package/dist/ptcw-design/{p-03a917f8.entry.js → p-02f0460b.entry.js} +1 -1
  196. package/dist/ptcw-design/{p-9c112fb9.entry.js → p-040621d3.entry.js} +1 -1
  197. package/dist/ptcw-design/{p-428b050e.entry.js → p-072dd199.entry.js} +1 -1
  198. package/dist/ptcw-design/{p-9e2fd13c.entry.js → p-0a558a22.entry.js} +1 -1
  199. package/dist/ptcw-design/{p-9ac99185.entry.js → p-0abb6e77.entry.js} +1 -1
  200. package/dist/ptcw-design/p-107dd637.entry.js +1 -0
  201. package/dist/ptcw-design/{p-e5fdd222.entry.js → p-11315f18.entry.js} +1 -1
  202. package/dist/ptcw-design/{p-c0bb1ad0.entry.js → p-13131b4d.entry.js} +1 -1
  203. package/dist/ptcw-design/{p-99b45d23.entry.js → p-139ca5d2.entry.js} +1 -1
  204. package/dist/ptcw-design/{p-27e47c25.entry.js → p-14c77b5e.entry.js} +1 -1
  205. package/dist/ptcw-design/{p-85f32bf5.entry.js → p-1ab6201b.entry.js} +1 -1
  206. package/dist/ptcw-design/p-1acd3617.entry.js +1 -0
  207. package/dist/ptcw-design/{p-1f8ca0be.entry.js → p-1d040924.entry.js} +1 -1
  208. package/dist/ptcw-design/{p-b3bbd17d.entry.js → p-1e44cf5e.entry.js} +1 -1
  209. package/dist/ptcw-design/{p-46f67bec.entry.js → p-1e9f25fc.entry.js} +1 -1
  210. package/dist/ptcw-design/p-1eb92079.entry.js +1 -0
  211. package/dist/ptcw-design/{p-6b32020a.entry.js → p-1ec32cbc.entry.js} +1 -1
  212. package/dist/ptcw-design/{p-de680809.entry.js → p-1ff6a79e.entry.js} +1 -1
  213. package/dist/ptcw-design/{p-8c49d736.entry.js → p-212d0145.entry.js} +1 -1
  214. package/dist/ptcw-design/p-21612ffa.entry.js +1 -0
  215. package/dist/ptcw-design/{p-2c634cfd.entry.js → p-2294d50a.entry.js} +1 -1
  216. package/dist/ptcw-design/{p-85cc23f7.entry.js → p-251513ee.entry.js} +1 -1
  217. package/dist/ptcw-design/{p-9b26ea67.entry.js → p-290012e3.entry.js} +1 -1
  218. package/dist/ptcw-design/{p-8798a958.entry.js → p-29816755.entry.js} +1 -1
  219. package/dist/ptcw-design/{p-9b0df204.entry.js → p-298d02ab.entry.js} +1 -1
  220. package/dist/ptcw-design/{p-e90fbbad.entry.js → p-2a3735a5.entry.js} +1 -1
  221. package/dist/ptcw-design/{p-dc488936.entry.js → p-2aa419ae.entry.js} +1 -1
  222. package/dist/ptcw-design/{p-bdc2f146.entry.js → p-2c5df150.entry.js} +1 -1
  223. package/dist/ptcw-design/{p-21fa5abe.entry.js → p-2fd01953.entry.js} +1 -1
  224. package/dist/ptcw-design/{p-092388f5.entry.js → p-32b9f5da.entry.js} +1 -1
  225. package/dist/ptcw-design/p-397276af.entry.js +1 -0
  226. package/dist/ptcw-design/{p-f618e1d4.entry.js → p-3a67aedf.entry.js} +1 -1
  227. package/dist/ptcw-design/{p-cfd07b95.entry.js → p-3b93096b.entry.js} +1 -1
  228. package/dist/ptcw-design/{p-8533988f.entry.js → p-3c52fabe.entry.js} +1 -1
  229. package/dist/ptcw-design/{p-58e91cb8.entry.js → p-3c72e82d.entry.js} +1 -1
  230. package/dist/ptcw-design/{p-6e0bf873.entry.js → p-3cb0f54d.entry.js} +1 -1
  231. package/dist/ptcw-design/{p-76d98c5a.entry.js → p-3e13b735.entry.js} +1 -1
  232. package/dist/ptcw-design/p-3e90100b.entry.js +1 -0
  233. package/dist/ptcw-design/{p-f2a67fc5.entry.js → p-3f3713cd.entry.js} +1 -1
  234. package/dist/ptcw-design/{p-e3d38b0c.entry.js → p-407253be.entry.js} +1 -1
  235. package/dist/ptcw-design/p-4335d7f3.entry.js +1 -0
  236. package/dist/ptcw-design/{p-c6a0dd99.entry.js → p-43756439.entry.js} +1 -1
  237. package/dist/ptcw-design/{p-0c20d1f1.entry.js → p-47496762.entry.js} +1 -1
  238. package/dist/ptcw-design/{p-ae7aa3b1.entry.js → p-4af3a6d4.entry.js} +1 -1
  239. package/dist/ptcw-design/{p-ee534211.entry.js → p-4b23b4c3.entry.js} +1 -1
  240. package/dist/ptcw-design/{p-e3bce6bf.entry.js → p-4f6c9992.entry.js} +1 -1
  241. package/dist/ptcw-design/p-50605d7c.entry.js +1 -0
  242. package/dist/ptcw-design/{p-374734fb.entry.js → p-5177c7e0.entry.js} +1 -1
  243. package/dist/ptcw-design/{p-1ca8a5bf.entry.js → p-520542e2.entry.js} +1 -1
  244. package/dist/ptcw-design/p-53cd14ba.entry.js +1 -0
  245. package/dist/ptcw-design/p-53d88f2b.entry.js +1 -0
  246. package/dist/ptcw-design/{p-2c2f895a.entry.js → p-54891548.entry.js} +1 -1
  247. package/dist/ptcw-design/{p-a83d18b8.entry.js → p-595d3ad5.entry.js} +1 -1
  248. package/dist/ptcw-design/{p-f731fc96.entry.js → p-5da98805.entry.js} +1 -1
  249. package/dist/ptcw-design/{p-dca69b87.entry.js → p-5dee4e02.entry.js} +1 -1
  250. package/dist/ptcw-design/{p-c631608f.entry.js → p-61a5012d.entry.js} +1 -1
  251. package/dist/ptcw-design/{p-849655f7.entry.js → p-65b9b38b.entry.js} +1 -1
  252. package/dist/ptcw-design/{p-ec94b1d2.entry.js → p-66754504.entry.js} +1 -1
  253. package/dist/ptcw-design/p-6b64f167.entry.js +1 -0
  254. package/dist/ptcw-design/p-72681e91.entry.js +1 -0
  255. package/dist/ptcw-design/{p-b65b59ab.entry.js → p-75f3b444.entry.js} +1 -1
  256. package/dist/ptcw-design/{p-99ee8a0e.entry.js → p-761f71c4.entry.js} +1 -1
  257. package/dist/ptcw-design/{p-83a0be46.entry.js → p-7698c568.entry.js} +1 -1
  258. package/dist/ptcw-design/{p-8038bf31.entry.js → p-779c3f21.entry.js} +1 -1
  259. package/dist/ptcw-design/{p-612c0f9b.entry.js → p-79232125.entry.js} +1 -1
  260. package/dist/ptcw-design/p-7964e154.entry.js +1 -0
  261. package/dist/ptcw-design/p-79883a07.entry.js +1 -0
  262. package/dist/ptcw-design/{p-081e969d.entry.js → p-7b75091d.entry.js} +1 -1
  263. package/dist/ptcw-design/p-7e1507e1.entry.js +1 -0
  264. package/dist/ptcw-design/{p-4b192f5e.entry.js → p-7e19be10.entry.js} +1 -1
  265. package/dist/ptcw-design/p-7e4a71ff.entry.js +1 -0
  266. package/dist/ptcw-design/{p-ebb04883.entry.js → p-7ea4b858.entry.js} +1 -1
  267. package/dist/ptcw-design/{p-3c3a7b54.entry.js → p-7edef9ed.entry.js} +1 -1
  268. package/dist/ptcw-design/p-8039fa0d.entry.js +1 -0
  269. package/dist/ptcw-design/{p-5980d65d.entry.js → p-807ad5c4.entry.js} +1 -1
  270. package/dist/ptcw-design/{p-931650bb.entry.js → p-80c56c81.entry.js} +1 -1
  271. package/dist/ptcw-design/p-8436f21f.entry.js +1 -0
  272. package/dist/ptcw-design/p-875594e4.entry.js +1 -0
  273. package/dist/ptcw-design/{p-1eecdb7f.entry.js → p-879f4796.entry.js} +1 -1
  274. package/dist/ptcw-design/{p-ae16e7f9.entry.js → p-887c44ae.entry.js} +1 -1
  275. package/dist/ptcw-design/{p-9a335b5b.entry.js → p-8eb36507.entry.js} +1 -1
  276. package/dist/ptcw-design/{p-ac75c7ad.js → p-944c5be8.js} +1 -1
  277. package/dist/ptcw-design/{p-7b71abaf.entry.js → p-94c59fac.entry.js} +1 -1
  278. package/dist/ptcw-design/p-973b06d1.entry.js +1 -0
  279. package/dist/ptcw-design/{p-daa07e11.entry.js → p-982c3ef3.entry.js} +1 -1
  280. package/dist/ptcw-design/{p-0e796d1a.entry.js → p-9a7b6c70.entry.js} +1 -1
  281. package/dist/ptcw-design/p-9ae901e2.entry.js +1 -0
  282. package/dist/ptcw-design/{p-5db7f70b.entry.js → p-9d32f1bc.entry.js} +1 -1
  283. package/dist/ptcw-design/{p-3ee2a531.entry.js → p-9dde477c.entry.js} +1 -1
  284. package/dist/ptcw-design/p-9f2823a1.entry.js +1 -0
  285. package/dist/ptcw-design/{p-d1857ada.entry.js → p-9fa81b74.entry.js} +1 -1
  286. package/dist/ptcw-design/{p-cea1077c.entry.js → p-a1a34215.entry.js} +1 -1
  287. package/dist/ptcw-design/{p-257a68df.entry.js → p-a22d7ae8.entry.js} +1 -1
  288. package/dist/ptcw-design/{p-3872fce7.entry.js → p-a2710bbf.entry.js} +1 -1
  289. package/dist/ptcw-design/{p-2a6a0034.entry.js → p-a31b8cad.entry.js} +1 -1
  290. package/dist/ptcw-design/{p-58c10456.entry.js → p-a5ae3230.entry.js} +1 -1
  291. package/dist/ptcw-design/{p-51a275df.entry.js → p-a9df5985.entry.js} +1 -1
  292. package/dist/ptcw-design/{p-de1367a8.entry.js → p-ab49b93b.entry.js} +1 -1
  293. package/dist/ptcw-design/{p-00e21489.entry.js → p-ad4f4f33.entry.js} +1 -1
  294. package/dist/ptcw-design/{p-e61d7e23.entry.js → p-ad8b3161.entry.js} +1 -1
  295. package/dist/ptcw-design/{p-dc85c302.entry.js → p-afbe8e2c.entry.js} +1 -1
  296. package/dist/ptcw-design/{p-aea09a70.entry.js → p-b293a0b1.entry.js} +1 -1
  297. package/dist/ptcw-design/{p-fdc65d81.entry.js → p-b44dbb3f.entry.js} +1 -1
  298. package/dist/ptcw-design/p-b67d4f9c.entry.js +1 -0
  299. package/dist/ptcw-design/{p-5b21bdc1.entry.js → p-b6e5c0f7.entry.js} +1 -1
  300. package/dist/ptcw-design/p-b72f0796.entry.js +1 -0
  301. package/dist/ptcw-design/{p-00980d4d.entry.js → p-b912ff93.entry.js} +1 -1
  302. package/dist/ptcw-design/{p-8c2ef359.entry.js → p-bacd25a1.entry.js} +1 -1
  303. package/dist/ptcw-design/{p-971b8a7d.entry.js → p-be00fb74.entry.js} +1 -1
  304. package/dist/ptcw-design/{p-1fb78c17.entry.js → p-bedf2794.entry.js} +1 -1
  305. package/dist/ptcw-design/{p-89ba3dfd.entry.js → p-bf2f9183.entry.js} +1 -1
  306. package/dist/ptcw-design/{p-dbbe35bf.entry.js → p-bf439f9b.entry.js} +1 -1
  307. package/dist/ptcw-design/{p-38a56ed6.entry.js → p-c05e326f.entry.js} +1 -1
  308. package/dist/ptcw-design/{p-af9026f2.entry.js → p-c1e07fde.entry.js} +1 -1
  309. package/dist/ptcw-design/p-c2a171a7.entry.js +1 -0
  310. package/dist/ptcw-design/{p-927f537c.entry.js → p-c3bd5805.entry.js} +1 -1
  311. package/dist/ptcw-design/{p-ffb0ff97.entry.js → p-c415ab42.entry.js} +1 -1
  312. package/dist/ptcw-design/{p-aac082cf.entry.js → p-c5417010.entry.js} +1 -1
  313. package/dist/ptcw-design/{p-768ceec1.entry.js → p-c8b29c81.entry.js} +1 -1
  314. package/dist/ptcw-design/{p-04f0b1ba.entry.js → p-c9a73ad1.entry.js} +1 -1
  315. package/dist/ptcw-design/{p-5946d7c9.entry.js → p-cab0274c.entry.js} +1 -1
  316. package/dist/ptcw-design/{p-16429296.entry.js → p-ccebb76c.entry.js} +1 -1
  317. package/dist/ptcw-design/{p-5857be70.entry.js → p-ccf1dacd.entry.js} +1 -1
  318. package/dist/ptcw-design/{p-6ddefda6.entry.js → p-cd0fe5b4.entry.js} +1 -1
  319. package/dist/ptcw-design/{p-e3bf092e.entry.js → p-d1f57070.entry.js} +1 -1
  320. package/dist/ptcw-design/p-d52cc1ee.entry.js +1 -0
  321. package/dist/ptcw-design/{p-0ee01112.entry.js → p-d5fbe774.entry.js} +1 -1
  322. package/dist/ptcw-design/{p-37480ed1.entry.js → p-d9b2186d.entry.js} +1 -1
  323. package/dist/ptcw-design/p-d9ec506c.entry.js +1 -0
  324. package/dist/ptcw-design/{p-a54c6da5.entry.js → p-dabb1b70.entry.js} +1 -1
  325. package/dist/ptcw-design/{p-a0bf3dd2.entry.js → p-dadbab48.entry.js} +1 -1
  326. package/dist/ptcw-design/{p-c5f42895.entry.js → p-dd38bf84.entry.js} +1 -1
  327. package/dist/ptcw-design/{p-68cf7811.entry.js → p-df712bfe.entry.js} +1 -1
  328. package/dist/ptcw-design/{p-2bbc5d85.entry.js → p-e5f38e09.entry.js} +1 -1
  329. package/dist/ptcw-design/{p-fdee2cdc.entry.js → p-e6ebc832.entry.js} +1 -1
  330. package/dist/ptcw-design/p-e75dff95.entry.js +1 -0
  331. package/dist/ptcw-design/{p-6ce1cc72.entry.js → p-e7ede17d.entry.js} +1 -1
  332. package/dist/ptcw-design/{p-c68d31c6.entry.js → p-e87a4ff8.entry.js} +1 -1
  333. package/dist/ptcw-design/p-e9bde223.entry.js +1 -0
  334. package/dist/ptcw-design/p-ec22d0b8.entry.js +1 -0
  335. package/dist/ptcw-design/{p-7a1db471.entry.js → p-ecfc8211.entry.js} +1 -1
  336. package/dist/ptcw-design/{p-c1820648.entry.js → p-eddff1f7.entry.js} +1 -1
  337. package/dist/ptcw-design/p-ee1183b2.js +1 -0
  338. package/dist/ptcw-design/p-ef0079b0.entry.js +1 -0
  339. package/dist/ptcw-design/{p-f5c97ab2.entry.js → p-f2006b03.entry.js} +1 -1
  340. package/dist/ptcw-design/p-f26ea42b.entry.js +1 -0
  341. package/dist/ptcw-design/{p-94cc3bb8.entry.js → p-f2ed73d6.entry.js} +1 -1
  342. package/dist/ptcw-design/{p-4f93c631.entry.js → p-f77c7c78.entry.js} +1 -1
  343. package/dist/ptcw-design/{p-3e5f19f9.entry.js → p-fda8d2a8.entry.js} +1 -1
  344. package/dist/ptcw-design/p-fe2e34d4.entry.js +1 -0
  345. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  346. package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +0 -1
  347. package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +4 -0
  348. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +2 -0
  349. package/dist/types/components.d.ts +10 -0
  350. package/package.json +1 -1
  351. package/readme.md +1 -1
  352. package/dist/cjs/blog-detail-content_21.cjs.entry.js +0 -1859
  353. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -206
  354. package/dist/cjs/ptc-image-download-strip.cjs.entry.js +0 -29
  355. package/dist/cjs/ptc-minimized-nav.cjs.entry.js +0 -23
  356. package/dist/cjs/ptc-news.cjs.entry.js +0 -32
  357. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +0 -43
  358. package/dist/esm/blog-detail-content_21.entry.js +0 -1835
  359. package/dist/esm/ptc-close-icon_2.entry.js +0 -201
  360. package/dist/esm/ptc-image-download-strip.entry.js +0 -25
  361. package/dist/esm/ptc-minimized-nav.entry.js +0 -19
  362. package/dist/esm/ptc-news.entry.js +0 -28
  363. package/dist/esm/ptc-sticky-icons.entry.js +0 -39
  364. package/dist/ptcw-design/p-07b497ce.entry.js +0 -1
  365. package/dist/ptcw-design/p-0e5932f0.entry.js +0 -1
  366. package/dist/ptcw-design/p-0eb16aec.entry.js +0 -1
  367. package/dist/ptcw-design/p-1f1510fc.entry.js +0 -1
  368. package/dist/ptcw-design/p-2cfeeac8.entry.js +0 -1
  369. package/dist/ptcw-design/p-3dae22b8.entry.js +0 -1
  370. package/dist/ptcw-design/p-57c17ddf.entry.js +0 -1
  371. package/dist/ptcw-design/p-592d99fd.entry.js +0 -1
  372. package/dist/ptcw-design/p-5ede7718.entry.js +0 -1
  373. package/dist/ptcw-design/p-6b6c09c7.entry.js +0 -1
  374. package/dist/ptcw-design/p-7eb22ed5.entry.js +0 -1
  375. package/dist/ptcw-design/p-8bf47996.entry.js +0 -1
  376. package/dist/ptcw-design/p-8c692bd6.entry.js +0 -1
  377. package/dist/ptcw-design/p-94ec3187.entry.js +0 -1
  378. package/dist/ptcw-design/p-97eb1025.entry.js +0 -1
  379. package/dist/ptcw-design/p-a4f65d28.entry.js +0 -1
  380. package/dist/ptcw-design/p-ab7224b7.entry.js +0 -1
  381. package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
  382. package/dist/ptcw-design/p-d7275289.entry.js +0 -1
  383. package/dist/ptcw-design/p-fae82882.entry.js +0 -1
  384. package/dist/ptcw-design/p-fc51fc29.entry.js +0 -1
package/dist/esm/blog-detail-content_21.entry.js DELETED
@@ -1,1835 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement, a as getAssetPath, c as createEvent, F as Fragment } from './index-c83db688.js';
2
- import { P as PreloaderDependency, g as getSeoTagType, s as seoSlotReset } from './utils-05c5b1ac.js';
3
- import { f as facebookSVG, l as linkedinSVG, x as xSVG } from './x-cd64dee4.js';
4
-
5
- const blogDetailContentCss = ".is-grid,.is-grid-inline{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:1;grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:-ms-inline-grid !important;display:inline-grid !important}.has-row-1{-ms-grid-rows:(1fr)[1];grid-template-rows:repeat(1, 1fr)}.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-1-xxl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr)}.has-row-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-2-xxl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.has-row-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-3-xxl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.has-row-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-4-xxl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr)}.has-row-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-5-xxl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}.has-row-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-6-xxl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{-ms-grid-rows:(1fr)[7];grid-template-rows:repeat(7, 1fr)}.has-row-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-7-xxl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{-ms-grid-rows:(1fr)[8];grid-template-rows:repeat(8, 1fr)}.has-row-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-8-xxl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{-ms-grid-rows:(1fr)[9];grid-template-rows:repeat(9, 1fr)}.has-row-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-9-xxl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{-ms-grid-rows:(1fr)[10];grid-template-rows:repeat(10, 1fr)}.has-row-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-10-xxl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{-ms-grid-rows:(1fr)[11];grid-template-rows:repeat(11, 1fr)}.has-row-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-11-xxl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{-ms-grid-rows:(1fr)[12];grid-template-rows:repeat(12, 1fr)}.has-row-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-12-xxl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-1-xxl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.has-col-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-2-xxl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.has-col-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-3-xxl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.has-col-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-4-xxl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.has-col-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-5-xxl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}.has-col-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-6-xxl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr)}.has-col-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-7-xxl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8, 1fr)}.has-col-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-8-xxl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9, 1fr)}.has-col-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-9-xxl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{-ms-grid-columns:(1fr)[10];grid-template-columns:repeat(10, 1fr)}.has-col-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-10-xxl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{-ms-grid-columns:(1fr)[11];grid-template-columns:repeat(11, 1fr)}.has-col-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-11-xxl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.has-col-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-12-xxl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1400px){.is-row-1-xxl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1400px){.is-row-2-xxl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1400px){.is-row-3-xxl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1400px){.is-row-4-xxl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1400px){.is-row-5-xxl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1400px){.is-row-6-xxl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1400px){.is-row-7-xxl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1400px){.is-row-8-xxl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1400px){.is-row-9-xxl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1400px){.is-row-10-xxl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1400px){.is-row-11-xxl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1400px){.is-row-12-xxl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1400px){.is-col-1-xxl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1400px){.is-col-2-xxl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1400px){.is-col-3-xxl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1400px){.is-col-4-xxl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1400px){.is-col-5-xxl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1400px){.is-col-6-xxl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1400px){.is-col-7-xxl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1400px){.is-col-8-xxl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1400px){.is-col-9-xxl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1400px){.is-col-10-xxl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1400px){.is-col-11-xxl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1400px){.is-col-12-xxl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1400px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1400px){.is-rtl-xxl{direction:rtl}}.is-placed-left{-ms-grid-row-align:left;-ms-grid-column-align:left;place-self:left}.is-placed-right{-ms-grid-row-align:right;-ms-grid-column-align:right;place-self:right}.is-placed-center{-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center}.is-placed-start{-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start}.is-placed-normal{-ms-grid-row-align:normal;-ms-grid-column-align:normal;place-self:normal}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host .stoc{width:100%;height:100%;position:absolute;box-sizing:border-box}:host .stoc ul{margin:0;padding:0;list-style:none}:host .stoc ul .stoc-list-item{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}:host .stoc ul .stoc-list-item a{display:block;padding-left:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;text-transform:capitalize}:host .stoc ul .stoc-list-item a::before{content:\"\";display:block;width:2px;height:100%;background-color:transparent;position:absolute;left:0}:host .stoc ul .stoc-list-item a:hover{cursor:pointer}:host .stoc ul .stoc-list-item.active{display:block}:host .stoc ul .stoc-list-item.active a{font-weight:var(--ptc-font-weight-bold)}:host .stoc ul .stoc-list-item.active a::before{background-color:var(--color-green-07)}@media only screen and (min-width: 992px){:host .stoc ul .stoc-list-item{margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}:host .stoc ul .stoc-list-item:last-of-type{margin-bottom:0}}:host .stoc.desktop{display:none}:host .stoc.mobile{display:block}@media only screen and (min-width: 992px){:host .stoc{position:relative}:host .stoc.desktop{display:block}:host .stoc.mobile{display:none}}:host .stoc-mobile-list-container{width:100%;position:sticky;z-index:2;top:0;border-radius:var(--ptc-border-radius-standard);background-color:white}:host .stoc-mobile-list-container .dropdown-toggle{display:flex;align-items:center;gap:var(--ptc-element-spacing-03);background-color:white;width:100%;border:none;padding:var(--ptc-element-spacing-06)}:host .stoc-mobile-list-container .dropdown-toggle icon-asset{display:flex;align-items:center}:host .stoc-mobile-list-container .stoc-list-item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .stoc-mobile-list-container.closed{box-shadow:var(--ptc-shadow-medium)}:host .stoc-mobile-list-container.closed .dropdown-toggle{border-radius:var(--ptc-border-radius-standard)}:host .stoc-mobile-list-container.closed ul{display:none}:host .stoc-mobile-list-container.open{box-shadow:var(--ptc-shadow-x-large)}:host .stoc-mobile-list-container.open .dropdown-toggle{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0 0;border-bottom:solid 1px var(--color-gray-02)}:host .stoc-mobile-list-container.open ul{display:block;background-color:white;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);border-radius:0 0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .stoc-mobile-list-container{display:none}}:host .stoc-desktop-sticky{display:none}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky{display:block;position:sticky;top:calc(85px + var(--ptc-element-spacing-07))}:host .stoc-desktop-sticky .stoc-desktop-list-container{position:relative;height:max-content}:host .stoc-desktop-sticky .stoc-desktop-list-container.scroll{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#D9D9D9}:host .stoc-desktop-sticky #stoc-desktop-scroll-gradient{position:absolute;bottom:0;width:calc(100% - 15px);height:160px;z-index:0;background:linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #F3F3F3 100%);pointer-events:none}:host .stoc-desktop-sticky .stoc-desktop-list{display:none}}@media only screen and (min-width: 992px) and (min-width: 992px){:host .stoc-desktop-sticky .stoc-desktop-list{display:block}:host .stoc-desktop-sticky .stoc-desktop-list ul .stoc-list-item{margin-bottom:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px) and (min-width: 1440px){:host .stoc-desktop-sticky .stoc-desktop-list .stoc-list-item a{padding-right:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky #stoc-desktop-social-share{margin-left:10px}}:host #blog-detail-content{margin-top:calc(2 * var(--ptc-element-spacing-06) + 27px + 48px)}@media only screen and (min-width: 992px){:host #blog-detail-content{margin-top:0}}";
6
-
7
- const BlogDetailContent = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.setActiveStocItem = (dataStocItemNumber) => {
11
- var _a, _b, _c, _d;
12
- let stocItems = Array.from((_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll(`li[data-stoc-item="${dataStocItemNumber}"`));
13
- if (stocItems && stocItems.length > 0) {
14
- if (this.currentActiveItems.length > 0) {
15
- this.currentActiveItems.forEach(currentActiveItem => {
16
- currentActiveItem.classList.remove('active');
17
- });
18
- }
19
- else {
20
- let currentActiveItems = (_d = (_c = this.hostEle) === null || _c === void 0 ? void 0 : _c.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelectorAll('li.active');
21
- currentActiveItems.forEach(currentActiveItem => {
22
- currentActiveItem.classList.remove('active');
23
- });
24
- }
25
- stocItems.forEach((stocItem) => {
26
- stocItem.classList.add('active');
27
- });
28
- this.currentActiveItems = [...stocItems];
29
- }
30
- };
31
- this.createItemSection = (ele, section, nextUntilSelector = 'h2') => {
32
- let siblings = [];
33
- ele = ele.nextElementSibling;
34
- while (ele) {
35
- if (ele.matches(nextUntilSelector))
36
- break;
37
- siblings.push(ele);
38
- ele = ele.nextElementSibling;
39
- }
40
- siblings.forEach(sibling => section.insertAdjacentElement('beforeend', sibling));
41
- };
42
- this.contentIobCallback = (stocNumber, payload) => {
43
- if (!this.stocTriggeredScroll) {
44
- if (payload[0].isIntersecting) {
45
- this.contentInViewport.add(stocNumber);
46
- }
47
- else {
48
- this.contentInViewport.delete(stocNumber);
49
- }
50
- this.setActiveStocItem([...this.contentInViewport][0]);
51
- }
52
- };
53
- this.captureTableItems = () => {
54
- let contentContainer = this.hostEle;
55
- if (contentContainer) {
56
- this.tableOfContents = [];
57
- const tableItems = contentContainer.querySelectorAll('h2');
58
- tableItems.forEach((item, idx) => {
59
- let section = document.createElement('section');
60
- section.classList.add('stoc-content-section');
61
- this.createItemSection(item, section);
62
- item.insertAdjacentElement('afterend', section);
63
- section.insertAdjacentElement('afterbegin', item);
64
- let iob = new IntersectionObserver(e => this.contentIobCallback(idx, e));
65
- iob.observe(section);
66
- this.tableOfContents.push({
67
- itemTitle: item.innerText,
68
- itemRef: item,
69
- });
70
- });
71
- }
72
- };
73
- this.captureBigInlineCtas = () => {
74
- const contentContainer = this.hostEle;
75
- if (contentContainer) {
76
- const bigInlineCtas = contentContainer.querySelectorAll('ptc-inline-cta');
77
- bigInlineCtas.forEach((cta) => {
78
- cta.setAttribute('container-selector', 'blog-detail-content');
79
- cta.setAttribute('container-is-shadow', 'false');
80
- });
81
- }
82
- };
83
- this.setDesktopTOCHeight = () => {
84
- var _a, _b, _c, _d, _e, _f;
85
- const stocListItems = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('li.stoc-list-item');
86
- const listContainer = (_d = (_c = this.hostEle) === null || _c === void 0 ? void 0 : _c.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.stoc-desktop-list-container');
87
- const scrollGradient = (_f = (_e = this.hostEle) === null || _e === void 0 ? void 0 : _e.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('#stoc-desktop-scroll-gradient');
88
- if (this.tableOfContents.length > this.desktopTocScrollMin) {
89
- if (stocListItems.length > this.desktopTocScrollMin) {
90
- let listContainerHeight = 0;
91
- for (let i = 0; i < this.desktopTocScrollMin; i++) {
92
- let computedStyle = window.getComputedStyle(stocListItems[i]);
93
- listContainerHeight += parseFloat(computedStyle.height) + parseFloat(computedStyle.marginBottom);
94
- }
95
- listContainer.classList.add('scroll');
96
- listContainer.style.height = `${listContainerHeight}px`;
97
- scrollGradient.style.top = `${listContainerHeight - 160}px`;
98
- }
99
- }
100
- else {
101
- scrollGradient.style.display = 'none';
102
- }
103
- };
104
- this.toggleStocScrollGradient = (container) => {
105
- var _a, _b;
106
- if (container) {
107
- const stocDesktopScrollGradient = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stoc-desktop-scroll-gradient');
108
- if (container.scrollHeight - container.scrollTop - container.clientHeight < 1) {
109
- stocDesktopScrollGradient.style.background = 'transparent';
110
- }
111
- else {
112
- stocDesktopScrollGradient.style.background = 'linear-gradient(180deg, rgba(243, 243, 243, 0.00) 0%, #F3F3F3 100%)';
113
- }
114
- }
115
- };
116
- this.handleToggleClick = () => {
117
- this.mobileTocDropdownState = !(this.mobileTocDropdownState);
118
- };
119
- this.handleItemClick = (e, target) => {
120
- // TODO: Simplify this method
121
- let item = e.target;
122
- let dataStocItemNumber;
123
- if (item.nodeName === 'A') {
124
- dataStocItemNumber = Number(item.getAttribute('data-stoc-item'));
125
- this.setActiveStocItem(dataStocItemNumber);
126
- }
127
- if (target) {
128
- const y = target.getBoundingClientRect().top + window.scrollY - this.scrollIntoViewOffset;
129
- this.stocTriggeredScroll = true;
130
- window.scrollTo({
131
- top: y,
132
- behavior: 'smooth'
133
- });
134
- this.contentInViewport.clear();
135
- this.contentInViewport.add(dataStocItemNumber);
136
- this.setActiveStocItem([...this.contentInViewport][0]);
137
- this.stocTriggeredScroll = false;
138
- }
139
- if (this.mobileTocDropdownState) {
140
- this.mobileTocDropdownState = false;
141
- }
142
- };
143
- this.handleHighlight = (e) => {
144
- console.log("Event:", e);
145
- console.log("Text:", window.getSelection().toString());
146
- };
147
- this.connectedCallback = () => {
148
- const preloader = document.querySelector('ptc-preloader-section');
149
- if (preloader) {
150
- this.preloaderDependency = new PreloaderDependency(preloader);
151
- }
152
- setTimeout(() => {
153
- console.log("Blog detail content resolving promise");
154
- this.preloaderDependency.resolve();
155
- }, 10000);
156
- };
157
- this.componentWillLoad = () => {
158
- this.captureTableItems();
159
- this.captureBigInlineCtas();
160
- };
161
- this.componentWillRender = () => {
162
- var _a, _b;
163
- this.setDesktopTOCHeight();
164
- const stocDesktopListContainer = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.stoc-desktop-list-container');
165
- if (stocDesktopListContainer) {
166
- stocDesktopListContainer.addEventListener('scroll', () => this.toggleStocScrollGradient(stocDesktopListContainer));
167
- }
168
- };
169
- this.disconnectedCallback = () => {
170
- var _a, _b;
171
- const stocDesktopListContainer = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.stoc-desktop-list-container');
172
- if (stocDesktopListContainer) {
173
- stocDesktopListContainer.removeEventListener('scroll', () => this.toggleStocScrollGradient(stocDesktopListContainer));
174
- }
175
- };
176
- this.scrollIntoViewOffset = 85;
177
- this.preloaderDependency = undefined;
178
- this.tableOfContents = [];
179
- this.currentActiveItems = [];
180
- this.contentInViewport = new Set();
181
- this.mobileTocDropdownState = false;
182
- this.stocTriggeredScroll = false;
183
- this.desktopTocScrollMin = 5;
184
- }
185
- render() {
186
- const DesktopTOC = () => {
187
- return h("div", { class: "stoc desktop" }, h("div", { class: "stoc-desktop-sticky" }, h("div", { class: "stoc-desktop-list-container" }, h("ul", { class: "stoc-desktop-list" }, this.tableOfContents && this.tableOfContents.map((item, idx) => {
188
- return h("li", { class: `stoc-list-item ${(idx === 0) ? "active" : ""}`, onClick: (e) => this.handleItemClick(e, item.itemRef), "data-stoc-item": idx }, h("a", { "data-stoc-item": idx, tabindex: "0", onKeyPress: (e) => this.handleItemClick(e, item.itemRef) }, (item.itemTitle.length <= 70) ?
189
- item.itemTitle :
190
- `${item.itemTitle.substring(0, 70)}...`));
191
- }))), h("div", { id: "stoc-desktop-scroll-gradient" }), h("div", { id: "stoc-desktop-social-share" }, h("ptc-para", { "font-size": "small", "font-weight": "w-7", "para-color": "primary-grey", "para-line-h": "line-height-densest", "para-margin": "margin-top-6" }, "Share"), h("ptc-spacer", { breakpoint: 'x-small', size: 'small' }), h("ptc-spacer", { breakpoint: 'small', size: 'x-small' }), h("ptc-social-icons", { "facebook-url": "https://www.facebook.com/", "linkedin-url": "https://www.linkedin.com/", "x-url": "https://x.com/", "email-to": "rsuresh@ptc.com" }))));
192
- };
193
- const MobileTOC = () => {
194
- var _a;
195
- return h("div", { class: "stoc mobile" }, h("div", { class: `stoc-mobile-list-container ${this.mobileTocDropdownState ? "open" : "closed"}` }, h("button", { class: "dropdown-toggle", onClick: this.handleToggleClick }, h("ptc-para", { "ellipsis-line-cutoff": "1", "font-size": "small", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, ((_a = this.currentActiveItems[0]) === null || _a === void 0 ? void 0 : _a.innerText) || this.tableOfContents[0].itemTitle), this.mobileTocDropdownState ?
196
- h("icon-asset", { type: "solid", size: "xxx-small", name: "chevron-up", color: "ptc-green" }) :
197
- h("icon-asset", { type: "solid", size: "xxx-small", name: "chevron-down", color: "ptc-green" })), h("ul", { class: "stoc-mobile-list" }, this.tableOfContents && this.tableOfContents.map((item, idx) => {
198
- return h("li", { class: `stoc-list-item ${(idx === 0) ? "active" : ""}`, onClick: (e) => this.handleItemClick(e, item.itemRef), "data-stoc-item": idx }, h("a", { "data-stoc-item": idx }, item.itemTitle));
199
- }))));
200
- };
201
- return (h(Host, null, h("div", { class: "is-grid has-col-12" }, h("div", { class: "is-col-12 is-col-4-lg is-col-3-xl" }, h(DesktopTOC, null)), h("div", { class: "is-col-12 is-col-7-lg is-col-7-xl" }, h(MobileTOC, null), h("div", { id: "blog-detail-content", onMouseUp: this.handleHighlight }, h("slot", null))), h("div", { class: "is-desktop is-col-1-lg is-col-2-xl" }))));
202
- }
203
- get hostEle() { return getElement(this); }
204
- };
205
- BlogDetailContent.style = blogDetailContentCss;
206
-
207
- const blogDetailLayoutCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";
208
-
209
- const BlogDetailLayout = class {
210
- constructor(hostRef) {
211
- registerInstance(this, hostRef);
212
- this.toggleStickyBarView = () => {
213
- var _a;
214
- const jumbotron = document.querySelector('ptc-jumbotron');
215
- const blogHeaderStickyBar = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.querySelector('div#blog-header-sticky-bar');
216
- if (jumbotron && blogHeaderStickyBar) {
217
- let jumbotronBottom = jumbotron.getBoundingClientRect().bottom;
218
- if (jumbotronBottom === 0) {
219
- blogHeaderStickyBar.style.opacity = '1';
220
- blogHeaderStickyBar.style.zIndex = '2';
221
- }
222
- else if (jumbotronBottom < 0) {
223
- if (jumbotronBottom >= -10) {
224
- blogHeaderStickyBar.style.opacity = `${-(jumbotronBottom / 10)}`;
225
- }
226
- else {
227
- blogHeaderStickyBar.style.opacity = '1';
228
- blogHeaderStickyBar.style.zIndex = '2';
229
- }
230
- }
231
- else {
232
- blogHeaderStickyBar.style.opacity = '0';
233
- blogHeaderStickyBar.style.zIndex = '0';
234
- }
235
- }
236
- };
237
- this.connectedCallback = () => {
238
- const preloader = document.querySelector('ptc-preloader-section');
239
- if (preloader) {
240
- this.preloaderDependency = new PreloaderDependency(preloader);
241
- }
242
- setTimeout(() => {
243
- console.log("Blog detail layout resolving promise");
244
- this.preloaderDependency.resolve();
245
- }, 5000);
246
- };
247
- this.componentWillLoad = () => {
248
- window.addEventListener('scroll', () => {
249
- this.toggleStickyBarView();
250
- });
251
- };
252
- this.disconnectedCallback = () => {
253
- window.removeEventListener('scroll', () => {
254
- this.toggleStickyBarView();
255
- });
256
- };
257
- this.preloaderDependency = undefined;
258
- }
259
- render() {
260
- const StickyHeader = () => {
261
- return h("div", { id: "blog-header-sticky-bar-container" }, h("div", { id: "blog-header-sticky-bar" }, h("div", { class: "ptc-container" }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush" }, h("ptc-readmore-v2", { "max-characters": "50", "read-less-text": "", "read-more-text": "" }, "The Key to Using AI to Enhance IoT Security")), h("div", { class: "button-container" }, h("ptc-button", { type: "link", color: "ptc-quaternary", "link-href": "https://www.ptc.com", target: "_blank", "tab-nav": "-1" }, "Request Free Trial"), h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "https://www.ptc.com", target: "_blank", "tab-nav": "-1", styles: "\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t" }, "Speaking of Service Podcast")))));
262
- };
263
- return (h(Host, null, h("div", { style: { position: "relative" }, class: "ptc-section" }, h(StickyHeader, null), h("div", { class: "ptc-container" }, h("blog-detail-content", null, h("div", null, h("slot", { name: "content" })))))));
264
- }
265
- get hostEle() { return getElement(this); }
266
- };
267
- BlogDetailLayout.style = blogDetailLayoutCss;
268
-
269
- const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}";
270
-
271
- const IconAsset = class {
272
- constructor(hostRef) {
273
- registerInstance(this, hostRef);
274
- this.regularSprite = getAssetPath('./media/regular.svg');
275
- this.solidSprite = getAssetPath('./media/solid.svg');
276
- this.brandSprite = getAssetPath('./media/brands.svg');
277
- this.ptcSprite = getAssetPath('./media/designer-v4.8.1.svg');
278
- this.name = undefined;
279
- this.size = 'xx-small';
280
- this.type = 'regular';
281
- this.spin = '';
282
- this.pulse = '';
283
- this.color = 'default';
284
- this.isMobileSelect = undefined;
285
- this.injectedStyle = undefined;
286
- }
287
- render() {
288
- const classMap = this.getCssClassMap();
289
- if (this.type == 'brands') {
290
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
291
- }
292
- else if (this.type == 'solid') {
293
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
294
- }
295
- else if (this.type == 'ptc') {
296
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
297
- }
298
- else {
299
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` }))));
300
- }
301
- }
302
- getCssClassMap() {
303
- return {
304
- [this.size]: true,
305
- [this.spin]: true,
306
- [this.pulse]: true,
307
- [this.color]: true,
308
- ['ismobileselect']: this.isMobileSelect ? true : false
309
- };
310
- }
311
- static get assetsDirs() { return ["media"]; }
312
- };
313
- IconAsset.style = iconAssetCss;
314
-
315
- const listItemCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0;margin-left:2px}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}";
316
-
317
- const ListItem = class {
318
- constructor(hostRef) {
319
- registerInstance(this, hostRef);
320
- this.listType = 'list-primary';
321
- this.linkHref = undefined;
322
- this.flushBefore = false;
323
- this.linkTarget = '_self';
324
- this.hasBeforeHomeIcon = false;
325
- this.trackerId = undefined;
326
- this.color = undefined;
327
- this.styles = undefined;
328
- this.ariaLabel = '';
329
- }
330
- render() {
331
- const classMap = this.getCssClassMap();
332
- return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("li", { id: this.trackerId }, this.linkHref ? (h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {}), (this.ariaLabel !== '' ? { 'aria-label': this.ariaLabel } : {})), h("slot", null))) : (h("slot", null)))));
333
- }
334
- getCssClassMap() {
335
- let bcEnable = false;
336
- if (this.hostElement && this.hostElement.parentElement) {
337
- try {
338
- bcEnable = (this.hostElement.parentElement.classList.contains('center') && this.hostElement.parentElement.tagName === 'PTC-BREADCRUMB');
339
- }
340
- catch (err) {
341
- console.log(err);
342
- }
343
- }
344
- return {
345
- [this.listType]: true,
346
- ['flush-before']: this.flushBefore ? true : false,
347
- [this.color]: !!this.color ? true : false,
348
- ['breadcrumb-center']: bcEnable
349
- };
350
- }
351
- get hostElement() { return getElement(this); }
352
- };
353
- ListItem.style = listItemCss;
354
-
355
- const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
356
-
357
- const MaxWidthContainer = class {
358
- constructor(hostRef) {
359
- registerInstance(this, hostRef);
360
- this.maxWidthP = undefined;
361
- this.maxWidth = undefined;
362
- this.breakpoint = 768;
363
- this.contentAlign = 'center';
364
- this.styles = undefined;
365
- }
366
- componentDidLoad() {
367
- this.handleResize();
368
- window.addEventListener('resize', this.handleResize.bind(this));
369
- }
370
- disconnectedCallback() {
371
- window.removeEventListener('resize', this.handleResize);
372
- }
373
- render() {
374
- const classMap = this.getCssClassMap();
375
- return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("slot", null)));
376
- }
377
- getCssClassMap() {
378
- return {
379
- [this.contentAlign]: true,
380
- };
381
- }
382
- handleResize() {
383
- // const selectedContainer = this.el.querySelector('.max-width-container');
384
- if (this.el) {
385
- if (window.innerWidth >= this.breakpoint) {
386
- if (this.maxWidthP) {
387
- this.el.style.maxWidth = `${this.maxWidthP}%`;
388
- }
389
- else {
390
- this.el.style.maxWidth = `${this.maxWidth}px`;
391
- }
392
- }
393
- else {
394
- this.el.style.maxWidth = 'initial';
395
- }
396
- }
397
- }
398
- get el() { return getElement(this); }
399
- };
400
- MaxWidthContainer.style = maxWidthContainerCss;
401
-
402
- const ptcBackgroundVideoCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:2px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .play-button button.bg-svg-play{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>')}:host .play-button button.bg-svg-pause{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>')}";
403
-
404
- const PtcBackgroundVideo = class {
405
- constructor(hostRef) {
406
- registerInstance(this, hostRef);
407
- this.videoSrc = undefined;
408
- this.posterSrc = undefined;
409
- this.overlay = true;
410
- this.overlayType = 'standard';
411
- this.playButtonTitle = undefined;
412
- this.pauseButtonTitle = undefined;
413
- this.buttonLocation = 'bottom-right';
414
- this.buttonTabIndex = 0;
415
- this.paused = undefined;
416
- this.trackerId = undefined;
417
- this.type = 'default';
418
- this.isIframe = false;
419
- }
420
- // componentDidLoad() {
421
- // if(this.isIframe){
422
- // const iframe:HTMLIFrameElement = this.el.shadowRoot.querySelector('iframe');
423
- // const iframeDoc = iframe.contentDocument
424
- // const iframeVideo = iframeDoc.querySelector('video');
425
- // console.log("iframe ele: " + iframeDoc.querySelectorAll('video'));
426
- // iframeVideo.style.objectFit = 'cover';
427
- // }
428
- // }
429
- // @Method()
430
- // async toggleVideo() {
431
- // // show a prompt
432
- // this.paused = !this.paused;
433
- // let video = this.el.shadowRoot.querySelector('video') as HTMLVideoElement;
434
- // if (video) {
435
- // if (this.paused) {
436
- // video.pause();
437
- // } else {
438
- // video.play().catch(z => console.error(z));
439
- // }
440
- // }
441
- // console.log('Hello, I am a publish method from ptc-background-video!');
442
- // }
443
- componentWillLoad() {
444
- this.paused = false;
445
- }
446
- render() {
447
- const videoContent = this.isIframe ? (h("div", { class: "iframe-wrapper" }, h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
448
- return (h(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: 'bg-svg-play', type: "button", tabindex: this.buttonTabIndex, onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div" }, h("button", { class: "bg-svg-pause", tabindex: this.buttonTabIndex, type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h("slot", null) : ''));
449
- }
450
- toggleVideoPlay(e) {
451
- e.preventDefault();
452
- this.paused = !this.paused;
453
- let video = this.el.shadowRoot.querySelector('video');
454
- if (video) {
455
- if (this.paused) {
456
- video.pause();
457
- }
458
- else {
459
- video.play().catch(z => console.error(z));
460
- }
461
- }
462
- }
463
- async pauseVideo() {
464
- this.paused = true;
465
- let video = this.el.shadowRoot.querySelector('video');
466
- if (video) {
467
- video.pause();
468
- }
469
- }
470
- async playVideo() {
471
- this.paused = false;
472
- let video = this.el.shadowRoot.querySelector('video');
473
- if (video) {
474
- video.play().catch(z => console.error(z));
475
- }
476
- }
477
- get el() { return getElement(this); }
478
- };
479
- PtcBackgroundVideo.style = ptcBackgroundVideoCss;
480
-
481
- const ptcBreadcrumbCss = "h1.sc-ptc-breadcrumb,h2.sc-ptc-breadcrumb,h3.sc-ptc-breadcrumb,h4.sc-ptc-breadcrumb,h5.sc-ptc-breadcrumb,h6.sc-ptc-breadcrumb,p.sc-ptc-breadcrumb,ul.sc-ptc-breadcrumb,li.sc-ptc-breadcrumb,ptc-subnav.sc-ptc-breadcrumb,ptc-tab-list.sc-ptc-breadcrumb,ptc-link.sc-ptc-breadcrumb,ptc-square-card.sc-ptc-breadcrumb,.hyphenate-text.sc-ptc-breadcrumb,ptc-footer.sc-ptc-breadcrumb{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-breadcrumb,h2.sc-ptc-breadcrumb,h3.sc-ptc-breadcrumb,h4.sc-ptc-breadcrumb,h5.sc-ptc-breadcrumb,h6.sc-ptc-breadcrumb,p.sc-ptc-breadcrumb,ul.sc-ptc-breadcrumb,li.sc-ptc-breadcrumb,ptc-subnav.sc-ptc-breadcrumb,ptc-tab-list.sc-ptc-breadcrumb,ptc-link.sc-ptc-breadcrumb,ptc-square-card.sc-ptc-breadcrumb,.hyphenate-text.sc-ptc-breadcrumb,ptc-footer.sc-ptc-breadcrumb{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-breadcrumb-h{margin-top:var(--ptc-element-spacing-05);display:flex;align-items:flex-start}.sc-ptc-breadcrumb-h .visually-hidden.sc-ptc-breadcrumb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb{position:relative;list-style:none;margin:0;padding:0 0 0 22px}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{position:relative;display:inline-flex;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);word-break:initial;color:var(--color-white)}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb::before{content:\"/\";margin:0 3px}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.home-link.sc-ptc-breadcrumb{position:absolute;left:0;margin-top:-3px}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.home-link.sc-ptc-breadcrumb::before{display:none}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white)}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb:active{transition:none}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.breadcrumb-item-link.sc-ptc-breadcrumb:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.breadcrumb-item-link.sc-ptc-breadcrumb:focus-visible.dark-mode-link:focus-visible{outline-offset:2px !important;box-shadow:0px 0px 0px 2px var(--color-white)}.white.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-white)}.white.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-white)}.black.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-black)}.black.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-black)}.ptc-green.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-green-07)}.ptc-green.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-green-07)}.gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-gray-06)}.gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-gray-06)}.light-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-gray-05)}.light-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-gray-05)}.primary-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-gray-10)}.primary-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-gray-10)}.left.sc-ptc-breadcrumb-h{display:flex;justify-content:flex-start;align-items:flex-end}.center.sc-ptc-breadcrumb-h{display:flex;justify-content:center}.center.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb{padding:0;text-align:center}.center.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{display:inline-block}.center.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.home-link.sc-ptc-breadcrumb{position:relative;left:auto;margin-top:0;vertical-align:text-bottom;margin-bottom:-1px}.right.sc-ptc-breadcrumb-h{display:flex;justify-content:flex-end}.remove-top-margin.sc-ptc-breadcrumb-h{margin-top:0px !important}";
482
-
483
- const PtcBreadcrumb = class {
484
- constructor(hostRef) {
485
- registerInstance(this, hostRef);
486
- this.position = undefined;
487
- this.removeTopMargin = false;
488
- this.color = 'white';
489
- this.isDarkMode = false;
490
- this.styles = undefined;
491
- }
492
- componentWillLoad() {
493
- this.listItems = this.hostElement.querySelectorAll('list-item');
494
- }
495
- componentDidLoad() {
496
- if (this.listItems) {
497
- this.hostElement.querySelectorAll('list-item').forEach((item) => {
498
- item.remove();
499
- });
500
- }
501
- }
502
- render() {
503
- const classMap = this.getCssClassMap();
504
- return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("nav", { "aria-label": "Breadcrumb" }, h("ol", { class: "ptc-breadcrumb-ol" }, h("li", { class: 'home-link' }, h("a", { href: "/", "aria-label": "Home Link", class: { ['breadcrumb-item-link']: true, ['dark-mode-link']: this.isDarkMode } }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color }))), Array.from(this.listItems).map((item, index, array) => {
505
- const textContent = item.textContent.trim();
506
- const href = item.getAttribute('link-href');
507
- return (h("li", { key: index }, index < array.length - 1 ? (h("a", { href: href, target: '_self', class: { ['breadcrumb-item-link']: true, ['dark-mode-link']: this.isDarkMode } }, textContent)) : (textContent), h("span", { class: "visually-hidden" }, "/")));
508
- })))));
509
- }
510
- getCssClassMap() {
511
- return {
512
- [this.position]: !!this.position && this.position !== undefined ? true : false,
513
- ['remove-top-margin']: this.removeTopMargin ? true : false,
514
- [this.color]: true
515
- };
516
- }
517
- get hostElement() { return getElement(this); }
518
- };
519
- PtcBreadcrumb.style = ptcBreadcrumbCss;
520
-
521
- const ptcButtonCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus-visible{border-radius:4px !important;border:2px solid #FFF !important;outline:5px solid #003DD6 !important;background-color:transparent !important;outline-offset:0px !important}.nav:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus-visible,.ptc-quaternary:focus-visible,.ptc-secondary:focus-visible,.ptc-tertiary:focus-visible,.icon-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary.acc-alt-style:focus-visible,.ptc-quaternary.acc-alt-style:focus-visible,.ptc-secondary.acc-alt-style:focus-visible,.ptc-tertiary.acc-alt-style:focus-visible,.icon-toggle.acc-alt-style:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black);transition:none}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black);transition:none}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03);transition:none}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-tertiary ::slotted(a){color:var(--color-gray-10) !important;text-decoration-line:none !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard);cursor:pointer}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09);transition:none}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.tracker-div{display:inline;display:inline-block}.focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}";
522
-
523
- const PtcButton = class {
524
- constructor(hostRef) {
525
- registerInstance(this, hostRef);
526
- this.clickEvent = createEvent(this, "clickEvent", 7);
527
- this.disabled = false;
528
- this.active = false;
529
- this.type = 'button';
530
- this.color = 'ptc-primary';
531
- this.iconAnimation = '';
532
- this.iconPosition = 'icon-right';
533
- this.linkHref = undefined;
534
- this.linkTitle = undefined;
535
- this.target = '_self';
536
- this.rel = undefined;
537
- this.tabNav = 0;
538
- this.styles = undefined;
539
- this.textAlign = undefined;
540
- this.enableAccessibilityAltStyle = false;
541
- this.size = undefined;
542
- this.buttonTitle = undefined;
543
- this.ariaLabel = '';
544
- this.seoCompatibilityMode = false;
545
- this.maintainContent = false;
546
- this.trackerId = undefined;
547
- this.darkFocusState = false;
548
- }
549
- clickEventHandler() {
550
- this.clickEvent.emit();
551
- }
552
- seoCompRender() {
553
- const classMap = this.getCssClassMap();
554
- const Tag = !!this.linkHref ? 'a' : 'button';
555
- const [TagType, firstChild] = getSeoTagType(this.el, Tag);
556
- const html = firstChild && firstChild.innerHTML;
557
- if (this.el == firstChild) {
558
- this.el.innerHTML = '';
559
- }
560
- if (this.maintainContent) {
561
- this.el.innerHTML = html;
562
- }
563
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div" }, h(TagType, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), h("span", { innerHTML: html }, h("slot", { name: "slot-before-text" }), h("slot", { name: "slot-after-text" }))))));
564
- }
565
- standardRender() {
566
- const classMap = this.getCssClassMap();
567
- const Tag = !!this.linkHref ? 'a' : 'button';
568
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div" }, h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), this.iconAnimation == 'reveal-down' ?
569
- h("span", null, h("div", { class: "content" }, h("slot", null)), h("div", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("slot", { name: "slot-after-text" })))) :
570
- h("span", null, h("slot", { name: "slot-before-text" }), h("slot", null), h("slot", { name: "slot-after-text" }))))));
571
- }
572
- render() {
573
- if (this.seoCompatibilityMode) {
574
- return this.seoCompRender();
575
- }
576
- else {
577
- return this.standardRender();
578
- }
579
- }
580
- getCssClassMap() {
581
- return {
582
- [this.color]: true,
583
- [this.iconAnimation]: true,
584
- [this.iconPosition]: true,
585
- ['disabled']: this.disabled ? true : false,
586
- ['active']: this.active ? true : false,
587
- [this.textAlign]: true,
588
- [this.size]: true,
589
- ['acc-alt-style']: this.enableAccessibilityAltStyle,
590
- ['focus-state-dark-background']: this.darkFocusState
591
- };
592
- }
593
- get el() { return getElement(this); }
594
- };
595
- PtcButton.style = ptcButtonCss;
596
-
597
- let ResponsiveBgVariables = {
598
- envs: ['xs', 'sm', 'md', 'lg'],
599
- selector: '.ptc-img',
600
- interval: 250
601
- };
602
- let ResponsivePictureVariables = {
603
- envs: ['xs', 'sm', 'md', 'lg'],
604
- selector: '.ptc-picture',
605
- interval: 250
606
- };
607
-
608
- const ptcImgCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";
609
-
610
- const PtcImg = class {
611
- constructor(hostRef) {
612
- registerInstance(this, hostRef);
613
- this.sizeXs = '510x340';
614
- this.sizeSm = '1240x496';
615
- this.sizeMd = '1366x500';
616
- this.sizeLg = '1920x1080';
617
- this.imgUrl = undefined;
618
- this.imageType = 'smart-bg';
619
- this.borderRadius = '';
620
- this.loadMode = 'lazy-bg';
621
- this.styles = undefined;
622
- }
623
- /**
624
- * Image Z Index
625
- */
626
- // @Prop() imageZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2' = 'z-index-auto';
627
- WindowResize() {
628
- this.setResponsiveBg();
629
- }
630
- render() {
631
- const classMap = this.getCssClassMap();
632
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap, "data-xs": `${this.imgUrl}`, "data-sm": `${this.imgUrl}`, "data-md": `${this.imgUrl}`, "data-lg": `${this.imgUrl}` }, this.imageType == 'smart-bg' ? h("slot", null) : null)));
633
- }
634
- componentDidLoad() {
635
- this.addIntersectionObserver();
636
- this.setResponsiveBg();
637
- }
638
- componentWillUpdate() {
639
- this.addIntersectionObserver();
640
- this.setResponsiveBg();
641
- }
642
- //responsive image
643
- setResponsiveBg() {
644
- // Define local variables
645
- let backgrounds = (this.el || document).querySelectorAll(ResponsiveBgVariables.selector), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
646
- // Loop through all target elements
647
- for (var i = 0, len = backgrounds.length; i < len; i++) {
648
- // Set current variables
649
- el = backgrounds[i];
650
- elData = el.getAttribute('data-' + currentBreakpoint);
651
- // If the data attribute exists, set the background
652
- if (elData !== null) {
653
- el.style.backgroundImage = "url('" + elData + "')";
654
- }
655
- else {
656
- if (typeof console == 'object') {
657
- console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
658
- }
659
- }
660
- }
661
- }
662
- //lazy loading
663
- addIntersectionObserver() {
664
- if (!this.imgUrl) {
665
- console.log('no image!');
666
- return;
667
- }
668
- if ('IntersectionObserver' in window) {
669
- let lazyLoadBgs = (this.el || document).querySelectorAll('.lazy-bg');
670
- let bgObserver = new IntersectionObserver(entries => {
671
- entries.forEach(entry => {
672
- if (entry.isIntersecting) {
673
- const image = entry.target;
674
- image.classList.remove('lazy-bg');
675
- bgObserver.unobserve(image);
676
- }
677
- });
678
- });
679
- lazyLoadBgs.forEach(image => {
680
- bgObserver.observe(image);
681
- });
682
- }
683
- }
684
- getCssClassMap() {
685
- return {
686
- [this.imageType]: true,
687
- 'ptc-img': true,
688
- [this.borderRadius]: true,
689
- [this.loadMode]: true,
690
- // [this.imageZIndex] : true
691
- };
692
- }
693
- getCurrentBreakPoints() {
694
- // Define local variables
695
- let doc = window.document, temp = doc.createElement('div'), env;
696
- // Append test node
697
- doc.body.appendChild(temp);
698
- // Loop through breakpoints
699
- for (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {
700
- env = ResponsiveBgVariables.envs[i];
701
- // Add classes
702
- temp.className = 'hidden-' + env;
703
- // Found breakpoint
704
- if (temp.offsetParent === null) {
705
- // Remove our test node
706
- doc.body.removeChild(temp);
707
- // Return current breakpoint
708
- return env;
709
- }
710
- }
711
- // Breakpoint not found, try fallback
712
- doc.body.removeChild(temp);
713
- return this.getFallbackBreakpoint();
714
- }
715
- getFallbackBreakpoint() {
716
- if (window.matchMedia('(min-width: 992px)').matches) {
717
- return 'lg';
718
- }
719
- else if (window.matchMedia('(min-width: 768px)').matches) {
720
- return 'md';
721
- }
722
- else if (window.matchMedia('(min-width: 576px)').matches) {
723
- return 'sm';
724
- }
725
- else {
726
- return 'xs';
727
- }
728
- }
729
- get el() { return getElement(this); }
730
- };
731
- PtcImg.style = ptcImgCss;
732
-
733
- const ptcInlineCtaCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .small-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 16px + 16px);position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box;background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 24px + 24px);position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0;background-color:transparent}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#FFF;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none;height:230px}:host .bottom-inline-cta-container .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .bottom-inline-cta-container .link-wrapper:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .bottom-inline-cta-container .link-wrapper:hover{outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row;gap:0}:host .bottom-inline-cta-container .cta-image{height:inherit;width:50%;display:block;position:relative}:host .bottom-inline-cta-container .cta-image ptc-picture{position:absolute;top:0;right:12px;bottom:0;left:0}:host .bottom-inline-cta-container .cta-body{height:max-content;width:50%;display:block;padding-left:12px}}";
734
-
735
- const idxBgClassMapper = {
736
- 0: "green",
737
- 1: "blue",
738
- 2: "gray",
739
- };
740
- const PtcInlineCta = class {
741
- constructor(hostRef) {
742
- registerInstance(this, hostRef);
743
- this.captureSlots = () => {
744
- var _a, _b, _c, _d;
745
- this.image = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.querySelector('[slot="cta-image"]');
746
- this.cta = (_b = this.hostEle) === null || _b === void 0 ? void 0 : _b.querySelector('[slot="cta-link"]');
747
- const heading = (_c = this.hostEle) === null || _c === void 0 ? void 0 : _c.querySelector('[slot="cta-heading"]');
748
- const description = (_d = this.hostEle) === null || _d === void 0 ? void 0 : _d.querySelector('[slot="cta-description"]');
749
- this.heading = (heading === null || heading === void 0 ? void 0 : heading.innerText) || "";
750
- this.description = (description === null || description === void 0 ? void 0 : description.innerText) || "";
751
- };
752
- this.setBgColor = () => {
753
- var _a;
754
- let inlineCtas = null;
755
- if (this.containerSelector) {
756
- const container = document.querySelector(this.containerSelector);
757
- if (this.containerIsShadow) {
758
- inlineCtas = (_a = container === null || container === void 0 ? void 0 : container.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ptc-inline-cta');
759
- }
760
- else {
761
- inlineCtas = container === null || container === void 0 ? void 0 : container.querySelectorAll('ptc-inline-cta');
762
- }
763
- }
764
- else {
765
- inlineCtas = document.querySelectorAll('ptc-inline-cta');
766
- }
767
- inlineCtas && inlineCtas.forEach((cta, idx) => {
768
- var _a, _b;
769
- if (cta == this.hostEle) {
770
- const bgVariationCount = Object.keys(idxBgClassMapper).length;
771
- const bgClass = idxBgClassMapper[idx % bgVariationCount];
772
- const ctaContainer = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.big-inline-cta-container');
773
- if (ctaContainer) {
774
- ctaContainer.classList.add(bgClass);
775
- }
776
- }
777
- });
778
- };
779
- this.truncate = (str, limit) => {
780
- return (str.length <= limit) ? str : (str.substring(0, limit) + "...");
781
- };
782
- this.handleFocus = (e, linkWrapper) => {
783
- var _a, _b, _c, _d;
784
- switch (this.type) {
785
- case 'small':
786
- (_a = linkWrapper.querySelector('ptc-link')) === null || _a === void 0 ? void 0 : _a.focus();
787
- break;
788
- default:
789
- if (e.relatedTarget.nodeName !== 'PTC-BUTTON') {
790
- (_d = (_c = (_b = linkWrapper.querySelector('ptc-button')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button')) === null || _d === void 0 ? void 0 : _d.focus();
791
- }
792
- break;
793
- }
794
- };
795
- this.componentWillLoad = () => {
796
- this.captureSlots();
797
- };
798
- this.componentWillRender = () => {
799
- // const linkWrapper = this.hostEle?.shadowRoot?.querySelector<HTMLAnchorElement>('a.link-wrapper');
800
- // if (linkWrapper) {
801
- // linkWrapper.addEventListener('focus', e => this.handleFocus(e, linkWrapper));
802
- // }
803
- };
804
- this.componentDidLoad = () => {
805
- if (this.type === 'big') {
806
- this.setBgColor();
807
- }
808
- };
809
- this.disconnectedCallback = () => {
810
- // const linkWrapper = this.hostEle?.shadowRoot?.querySelector<HTMLAnchorElement>('a.link-wrapper');
811
- // if (linkWrapper) {
812
- // linkWrapper.removeEventListener('focus', e => this.handleFocus(e, linkWrapper));
813
- // }
814
- };
815
- this.type = undefined;
816
- this.containerSelector = '';
817
- this.containerIsShadow = false;
818
- this.trackerId = "";
819
- this.image = undefined;
820
- this.heading = "";
821
- this.description = "";
822
- this.cta = undefined;
823
- }
824
- render() {
825
- const Small = () => {
826
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
827
- return h("div", { class: "small-inline-cta-container" }, h("div", { class: "cta-bg" }), h("div", { class: "cta-content" }, h("div", { class: "cta-image" }, !!((_a = this.image) === null || _a === void 0 ? void 0 : _a.src) && h("ptc-picture", { alt: (_b = this.image) === null || _b === void 0 ? void 0 : _b.alt, "display-image": "block", "image-alignment": "center", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: (_c = this.image) === null || _c === void 0 ? void 0 : _c.src, styles: "\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t" })), h("div", { class: "cta-body", id: this.trackerId }, h("a", { class: "cta-body-inner link-wrapper", href: (_d = this.cta) === null || _d === void 0 ? void 0 : _d.href, target: (_e = this.cta) === null || _e === void 0 ? void 0 : _e.target, title: (_f = this.cta) === null || _f === void 0 ? void 0 : _f.title, tabindex: "0", "aria-label": "Inline CTA" }, !!this.heading && h("ptc-title", { "seo-compatibility-mode": true, type: "h4", "title-size": "medium", "title-weight": "w-7", "title-color": "white", "title-height": "densest", "title-margin": "margin-flush", upperline: 'no-upperline', "is-plm-hub": false }, h("h4", null, this.truncate(this.heading, 70))), !!this.description && h(Fragment, null, h("ptc-spacer", { breakpoint: 'x-small', size: 'small' }), h("ptc-spacer", { breakpoint: 'small', size: 'x-small' }), h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.truncate(this.description, 100))), !!((_g = this.cta) === null || _g === void 0 ? void 0 : _g.href) && h(Fragment, null, h("ptc-spacer", { breakpoint: 'x-small', size: 'small' }), h("ptc-spacer", { breakpoint: 'small', size: 'x-small' }), h("ptc-link", { disabled: false, "font-size": "small", theme: "d-green-underline", styles: ".d-green-underline {line-height: var(--ptc-line-height-p)}", "link-title": (_h = this.cta) === null || _h === void 0 ? void 0 : _h.title }, (_j = this.cta) === null || _j === void 0 ? void 0 : _j.innerText))))));
828
- };
829
- const Big = () => {
830
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
831
- return h("div", { class: "big-inline-cta-container" }, h("div", { class: "cta-bg" }), h("div", { class: "cta-content" }, h("div", { class: "cta-image" }, !!((_a = this.image) === null || _a === void 0 ? void 0 : _a.src) && h("ptc-picture", { alt: (_b = this.image) === null || _b === void 0 ? void 0 : _b.alt, "display-image": "block", "image-alignment": "center", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: (_c = this.image) === null || _c === void 0 ? void 0 : _c.src, styles: "\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t" })), h("div", { class: "cta-body", id: this.trackerId }, h("a", { class: "cta-body-inner link-wrapper", href: (_d = this.cta) === null || _d === void 0 ? void 0 : _d.href, target: (_e = this.cta) === null || _e === void 0 ? void 0 : _e.target, title: (_f = this.cta) === null || _f === void 0 ? void 0 : _f.title, tabindex: "0", "aria-label": "Inline CTA" }, !!this.heading && h("ptc-title", { "seo-compatibility-mode": true, type: "h3", "title-size": "large", "title-weight": "w-7", "title-color": "white", "title-height": "densest", "title-margin": "margin-flush", upperline: 'no-upperline', "is-plm-hub": false }, h("h3", null, this.truncate(this.heading, 70))), !!this.description && h(Fragment, null, h("ptc-spacer", { breakpoint: 'x-small', size: 'large' }), h("ptc-spacer", { breakpoint: 'small', size: 'medium' }), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.truncate(this.description, 200))), !!((_g = this.cta) === null || _g === void 0 ? void 0 : _g.href) && h(Fragment, null, h("ptc-spacer", { breakpoint: 'x-small', size: 'xx-large' }), h("ptc-spacer", { breakpoint: 'small', size: 'x-large' }), h("ptc-spacer", { breakpoint: 'x-small', size: 'x-small' }), h("ptc-spacer", { breakpoint: 'small', size: 'xx-small' }), h("ptc-button", { color: "ptc-tertiary", disabled: false, type: "button", styles: ".ptc-tertiary {border: 2px solid #FFFFFF !important}", "tab-nav": "-1", "button-title": (_h = this.cta) === null || _h === void 0 ? void 0 : _h.title }, (_j = this.cta) === null || _j === void 0 ? void 0 : _j.innerText))))));
832
- };
833
- const Bottom = () => {
834
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
835
- return h("div", { class: "bottom-inline-cta-container" }, h("div", { class: "cta-image" }, !!((_a = this.image) === null || _a === void 0 ? void 0 : _a.src) && h("ptc-picture", { alt: (_b = this.image) === null || _b === void 0 ? void 0 : _b.alt, "display-image": "block", "image-alignment": "center", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: (_c = this.image) === null || _c === void 0 ? void 0 : _c.src, styles: ":host {height: 100%;}" })), h("div", { id: this.trackerId, class: "cta-body" }, h("a", { class: "link-wrapper", href: (_d = this.cta) === null || _d === void 0 ? void 0 : _d.href, target: (_e = this.cta) === null || _e === void 0 ? void 0 : _e.target, title: (_f = this.cta) === null || _f === void 0 ? void 0 : _f.title, tabindex: "0", "aria-label": "Inline CTA" }, !!this.heading && h("ptc-title", { "seo-compatibility-mode": true, type: "h2", "title-size": "xx-large", "title-weight": "w-8", "title-line-h": "densest", "title-margin": "margin-flush", upperline: 'no-upperline', "is-plm-hub": false }, h("h2", null, this.truncate(this.heading, 70))), !!this.description && h(Fragment, null, h("ptc-spacer", { breakpoint: 'x-small', size: 'small' }), h("ptc-spacer", { breakpoint: 'x-small', size: 'large' }), h("ptc-spacer", { breakpoint: 'small', size: 'medium' }), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-line-h": "line-height-p", "para-margin": "margin-bottom-4" }, this.truncate(this.description, 100))), !!((_g = this.cta) === null || _g === void 0 ? void 0 : _g.href) && h("ptc-button", { color: "ptc-primary", disabled: false, type: "button", "tab-nav": "-1", "button-title": (_h = this.cta) === null || _h === void 0 ? void 0 : _h.title }, (_j = this.cta) === null || _j === void 0 ? void 0 : _j.innerText))));
836
- };
837
- const InlineCta = () => {
838
- switch (this.type) {
839
- case 'small': return h(Small, null);
840
- case 'big': return h(Big, null);
841
- case 'bottom': return h(Bottom, null);
842
- default: return null;
843
- }
844
- };
845
- return (h(Host, null, h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h("div", null, h(InlineCta, null)), (this.type === 'bottom') ? null : h(Fragment, null, h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }))));
846
- }
847
- get hostEle() { return getElement(this); }
848
- };
849
- PtcInlineCta.style = ptcInlineCtaCss;
850
-
851
- const ptcJumbotronCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.hp-adjustments{background-color:var(--color-black);height:auto;min-height:640px !important}@media (min-height: 640px){.hp-adjustments{min-height:72vh !important}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);object-fit:cover;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;position:relative}:host(.blog-jumbotron) .blog-author-name:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}";
852
-
853
- const PtcJumbotron = class {
854
- constructor(hostRef) {
855
- registerInstance(this, hostRef);
856
- this.jumbotronType = 'light';
857
- this.hasPopupVideo = false;
858
- this.mainTitle = 'Lorem Ipsum Dolor Sit Amet Consectetur';
859
- this.subTitle = 'Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet';
860
- this.pngSrc = undefined;
861
- this.pngImgStyles = "";
862
- this.gifSrc = undefined;
863
- this.bgVideoSrc = undefined;
864
- this.bgSrc = undefined;
865
- this.isIframe = false;
866
- this.isHomepage = false;
867
- this.playButtonTitle = undefined;
868
- this.pauseButtonTitle = undefined;
869
- this.buttonLocation = undefined;
870
- this.buttonTabIndex = 0;
871
- this.contentBackground = undefined;
872
- this.contentColor = undefined;
873
- this.textAlign = 'left';
874
- this.isMobile = undefined;
875
- this.isTransitioning = undefined;
876
- this.blogAuthorImage = "";
877
- this.blogAuthorImageAlt = "";
878
- this.blogAuthorName = "";
879
- this.blogAuthorQueryHref = "";
880
- this.blogAuthorQueryTarget = "";
881
- this.styles = undefined;
882
- this.hasCtaSlot = undefined;
883
- }
884
- componentWillLoad() {
885
- this.hasCtaSlot = !!this.el.querySelector('[slot="j-cta"]');
886
- }
887
- handleResize() {
888
- this.getContentBackground();
889
- //this.adjustJumbotronHeight();
890
- }
891
- connectedCallback() {
892
- this.getContentBackground();
893
- }
894
- componentDidLoad() {
895
- //this.adjustJumbotronHeight();
896
- }
897
- render() {
898
- const classMap = this.getCssClassMap();
899
- let mediaElement;
900
- switch (this.jumbotronType) {
901
- case 'png':
902
- mediaElement = (h("div", { class: "mobile-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { src: this.pngSrc }), this.hasPopupVideo && this.isMobile ? h("slot", { name: "video" }) : null)));
903
- break;
904
- case 'blog':
905
- mediaElement = (h("div", { class: "mobile-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" }))));
906
- break;
907
- case 'gif':
908
- mediaElement = (h("div", { class: "mobile-media-image gif-bg" }, h("img", { src: this.gifSrc })));
909
- break;
910
- case 'dark-video':
911
- case 'light-video':
912
- mediaElement = (h("ptc-background-video", { class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle, "button-location": this.buttonLocation, "button-tab-index": this.buttonTabIndex }, ' ', this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, ' ', h("slot", { name: "video" }))) : null));
913
- break;
914
- case 'dark':
915
- case 'light':
916
- mediaElement = (h("div", { class: 'dl-img-wrap' }, h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, ' ', h("slot", { name: "video" }))) : null));
917
- break;
918
- default:
919
- mediaElement = h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" });
920
- }
921
- return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("div", { class: { 'parent': true, 'light-links': this.jumbotronType === 'dark' || this.jumbotronType === 'dark-video', 'hp-adjustments': this.isHomepage, 'transitioning': this.isTransitioning } }, h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), h("div", { class: "div2 content-container" }, h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { class: { "ptc-container": true, "content-layout": true, 'hp-container': this.isHomepage, 'blog-container': (this.jumbotronType === "blog") } }, h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { name: "breadcrumb" }), h("span", { class: "main-content-items" }, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("slot", { name: "main-title" }), h("slot", { name: "hp-sub-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (!this.isHomepage) && (h("div", null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": "w-4", "para-margin": `${this.jumbotronType === 'text' || this.jumbotronType === 'blog' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left', "seo-compatibility-mode": true }, h("p", { innerHTML: this.subTitle, style: { margin: '0' } }), h("p", { style: { margin: '0' } }, h("slot", { name: "blog-date" })), this.jumbotronType === 'blog' && h("div", null, h("ptc-spacer", { breakpoint: 'x-small', size: 'medium' }), h("ptc-spacer", { breakpoint: 'small', size: 'small' }), h("div", { id: "header-blog-author", slot: "blog-author" }, h("div", { class: "image" }, h("img", { alt: this.blogAuthorImageAlt, src: this.blogAuthorImage })), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { class: "blog-author-name", tabindex: "0", href: this.blogAuthorQueryHref, target: this.blogAuthorQueryTarget, "aria-label": "Other blogs by author" }, this.blogAuthorName)))))), this.hasCtaSlot && (h("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, h("slot", { name: "j-cta" }))))), this.hasPopupVideo && this.jumbotronType !== 'png' ? h("slot", { name: "video" }) : null, this.jumbotronType === 'png' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: `img {${this.pngImgStyles}}` }), this.hasPopupVideo ? h("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (h("div", { class: "desktop-media-image desk-gif-adjustment" }, h("img", { src: this.gifSrc }))) : null, this.jumbotronType === 'blog' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" })))) : null)))));
922
- }
923
- getCssClassMap() {
924
- return {
925
- // [this.imageZIndex] : true
926
- 'text-jumbotron': this.jumbotronType === 'text' ? true : false,
927
- 'png-jumbotron': this.jumbotronType === 'png' ? true : false,
928
- 'blog-jumbotron': this.jumbotronType === 'blog' ? true : false,
929
- 'gif-jumbotron': this.jumbotronType === 'gif' ? true : false,
930
- 'dark-video-jumbotron light-links': this.jumbotronType === 'dark-video' ? true : false,
931
- 'light-video-jumbotron': this.jumbotronType === 'light-video' ? true : false,
932
- 'dark-jumbotron light-links': this.jumbotronType === 'dark' ? true : false,
933
- 'light-jumbotron': this.jumbotronType === 'light' ? true : false,
934
- };
935
- }
936
- getContentBackground() {
937
- if (window.innerWidth < 992) {
938
- switch (this.jumbotronType) {
939
- case 'light':
940
- case 'light-video':
941
- case 'png':
942
- this.contentBackground = 'var(--color-white)';
943
- this.contentColor = 'var(--color-gray-10)';
944
- break;
945
- case 'dark':
946
- case 'dark-video':
947
- this.contentBackground = 'var(--color-gray-09)';
948
- this.contentColor = 'var(--color-gray-01)';
949
- break;
950
- case 'blog':
951
- this.contentBackground = 'white';
952
- this.contentColor = 'var(--color-gray-10)';
953
- break;
954
- default:
955
- this.contentBackground = 'transparent';
956
- this.contentColor = 'var(--color-gray-10)';
957
- }
958
- this.isMobile = true;
959
- }
960
- else {
961
- switch (this.jumbotronType) {
962
- case 'light':
963
- case 'light-video':
964
- case 'png':
965
- this.contentBackground = 'linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)';
966
- this.contentColor = 'var(--color-gray-10)';
967
- break;
968
- case 'dark':
969
- case 'dark-video':
970
- this.contentBackground = 'linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)';
971
- this.contentColor = 'var(--color-gray-01)';
972
- break;
973
- case 'gif':
974
- this.contentBackground = '#F3F3F3';
975
- this.contentColor = 'var(--color-gray-10)';
976
- break;
977
- case 'blog':
978
- this.contentBackground = 'white';
979
- this.contentColor = 'var(--color-gray-10)';
980
- break;
981
- default:
982
- this.contentBackground = 'transparent';
983
- this.contentColor = 'var(--color-gray-10)';
984
- }
985
- this.isMobile = false;
986
- }
987
- }
988
- get el() { return getElement(this); }
989
- };
990
- PtcJumbotron.style = ptcJumbotronCss;
991
-
992
- const ptcLinkCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-extrabold);position:relative;line-height:var(--ptc-line-height-densest);outline:none;text-decoration:none;transition:color var(--ptc-transition-fast) var(--ptc-ease-inout)}.ptc-link:active{transition:none}.ptc-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.simple{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:active{transition:none}.simple:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important}.global{font-style:var(--ptc-letter-spacing-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out)}.global:visited{color:var(--color-blue-10)}.global:active,.global:visited:active{color:var(--color-blue-09);transition:none}.global:hover,.global:visited:hover{color:var(--color-blue-08)}.global.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.product-link{font-weight:var(--ptc-font-weight-extrabold);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:active{transition:none}.underline{border-bottom:2px solid var(--color-green-06)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.underline:active{transition:none}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title:active,.nav-title-link:active,.nav-card-link:active,.primary-nav-link:active,.secondary-nav-link:active,.footer-nav-link:active,.copyright-link:active{transition:none}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.primary-nav-link:active{transition:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-title-link:active{transition:none}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-white);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);text-decoration:underline var(--color-green-06) solid 1px;text-underline-offset:2px}.nav-card-link:active{transition:none}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.secondary-nav-link:active{transition:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.footer-nav-link:active{transition:none}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.d-green-underline:hover{color:var(--color-green-06)}.d-green-underline:active{transition:none}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:\"\";position:absolute;width:100%;height:100%;inset:0;z-index:2}.standard-link,.blog-link{font-weight:800;line-height:1;display:flex;align-items:center;color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.standard-link:hover,.blog-link:hover{color:var(--color-green-06)}.standard-link:active,.blog-link:active{transition:none}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}.utility-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-13);font-stretch:100%;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-green-06);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-x-small)}.utility-nav-link:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.utility-nav-link:active{transition:none}.tracker-div{display:inline}";
993
-
994
- const PtcLink = class {
995
- constructor(hostRef) {
996
- registerInstance(this, hostRef);
997
- this.disabled = false;
998
- this.external = false;
999
- this.href = undefined;
1000
- this.target = '_self';
1001
- this.linkTitle = undefined;
1002
- this.theme = 'simple';
1003
- this.fontSize = 'medium';
1004
- this.fontWeight = undefined;
1005
- this.linkArea = undefined;
1006
- this.seoCompatibilityMode = false;
1007
- this.styles = undefined;
1008
- this.trackerId = undefined;
1009
- }
1010
- seoCompRender() {
1011
- const classMap = this.getCssClassMap();
1012
- const [TagType, firstChild] = getSeoTagType(this.el, "a");
1013
- const html = firstChild && firstChild.innerHTML;
1014
- if (this.el == firstChild) {
1015
- this.el.innerHTML = '';
1016
- }
1017
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div" }, h(TagType, { class: classMap, innerHTML: html, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle, tabindex: '0' }, h("slot", null)))));
1018
- }
1019
- standardRender() {
1020
- const classMap = this.getCssClassMap();
1021
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tracker-div" }, h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle, tabindex: '0' }, h("slot", null)))));
1022
- }
1023
- // render() {
1024
- // const classMap = this.getCssClassMap();
1025
- // return (
1026
- // <Host>
1027
- // {this.styles && <style>{this.styles}</style>}
1028
- // <a class={classMap} href={this.href} target={this.external ? '_blank' : this.target} title={this.linkTitle}>
1029
- // <slot></slot>
1030
- // </a>
1031
- // </Host>
1032
- // );
1033
- // }
1034
- render() {
1035
- if (this.seoCompatibilityMode) {
1036
- return this.seoCompRender();
1037
- }
1038
- else {
1039
- return this.standardRender();
1040
- }
1041
- }
1042
- getCssClassMap() {
1043
- const classOptions = [
1044
- 'simple',
1045
- 'underline',
1046
- 'nav-title',
1047
- 'primary-nav-link',
1048
- 'nav-title-link',
1049
- 'nav-card-link',
1050
- 'secondary-nav-link',
1051
- 'footer-nav-link',
1052
- 'copyright-link',
1053
- 'product-link',
1054
- 'd-green-underline',
1055
- 'd-white-underline',
1056
- 'global',
1057
- 'utility-nav-link'
1058
- ];
1059
- let mainClass = this.theme;
1060
- if (classOptions.indexOf(mainClass) < 0) {
1061
- mainClass = 'simple'; // fallback to simple class if theme is unavailable
1062
- }
1063
- return {
1064
- ['ptc-link']: true,
1065
- [mainClass]: true,
1066
- ['disabled']: this.disabled,
1067
- [this.fontSize]: true,
1068
- [this.linkArea]: this.linkArea ? true : false,
1069
- [this.fontWeight]: this.fontWeight ? true : false,
1070
- };
1071
- }
1072
- get el() { return getElement(this); }
1073
- };
1074
- PtcLink.style = ptcLinkCss;
1075
-
1076
- const ptcParaCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{position:relative;z-index:1}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
1077
-
1078
- const PtcPara = class {
1079
- constructor(hostRef) {
1080
- registerInstance(this, hostRef);
1081
- this.fontSize = 'x-small';
1082
- this.fontWeight = 'w-4';
1083
- this.paraStyle = 'default';
1084
- this.paraColor = 'primary-grey';
1085
- this.paraLineH = 'line-height-normal';
1086
- this.paraMargin = undefined;
1087
- this.paraAlign = undefined;
1088
- this.ellipsisLineCutoff = undefined;
1089
- this.paraZIndex = undefined;
1090
- this.styles = undefined;
1091
- this.seoCompatibilityMode = false;
1092
- this.tooltipZIndex = 'auto';
1093
- this.tooltipPosition = 'bottom';
1094
- this.tooltipTheme = 'standard';
1095
- this.enableTooltip = false;
1096
- this.maxChars = undefined;
1097
- this.maxLines = undefined;
1098
- this.hideTooltipOnMobile = false;
1099
- this.ismob = undefined;
1100
- }
1101
- // Tooltip Properties ends
1102
- render() {
1103
- if (this.seoCompatibilityMode) {
1104
- seoSlotReset(this.el);
1105
- }
1106
- return this.standardRender();
1107
- }
1108
- //tooltip code
1109
- getSortedText(content) {
1110
- if (!this.enableTooltip)
1111
- return;
1112
- const trimmedContent = content.trim();
1113
- const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
1114
- return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
1115
- }
1116
- componentDidLoad() {
1117
- if (this.hideTooltipOnMobile) {
1118
- this.el.classList.add('hide-tooltip-on-mobile');
1119
- }
1120
- this.el.addEventListener('mouseenter', () => { this.toggleTitleTooltip(true); });
1121
- this.el.addEventListener('mouseleave', () => { this.toggleTitleTooltip(false); });
1122
- if (this.enableTooltip) {
1123
- let paraContent = this.el.innerText || this.el.textContent;
1124
- this.tooltipText = paraContent.trim();
1125
- this.el.innerText = this.getSortedText(paraContent);
1126
- }
1127
- }
1128
- toggleTitleTooltip(show) {
1129
- const tooltipClass = 'tooltip-box';
1130
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
1131
- const text = this.el.shadowRoot.querySelectorAll('.line-clamp-title');
1132
- let maxLinesShowCheck = false;
1133
- if (text) {
1134
- text.forEach(t => {
1135
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
1136
- });
1137
- }
1138
- const ifCharExceeds = this.maxChars ? (this.tooltipText.length > this.maxChars) && !this.maxLines : false;
1139
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
1140
- if (show && this.enableTooltip) {
1141
- if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
1142
- const tooltipMarkup = document.createElement('div');
1143
- tooltipMarkup.className = tooltipClass;
1144
- tooltipMarkup.innerText = this.tooltipText;
1145
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
1146
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme);
1147
- if (this.hideTooltipOnMobile) {
1148
- tooltipMarkup.classList.add('hide-tooltip-mobile');
1149
- }
1150
- this.el.appendChild(tooltipMarkup);
1151
- }
1152
- }
1153
- else {
1154
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
1155
- }
1156
- }
1157
- //tooltip code ends
1158
- standardRender() {
1159
- const classMap = this.getCssClassMap();
1160
- const colorClass = this.addWhiteClass();
1161
- const cutOff = this.getLineCuttoff();
1162
- return (h(Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
1163
- }
1164
- getCssClassMap() {
1165
- return {
1166
- [this.fontSize]: true,
1167
- [this.fontWeight]: true,
1168
- [this.paraStyle]: true,
1169
- [this.paraMargin]: !!this.paraMargin ? true : false,
1170
- [this.paraColor]: true,
1171
- [this.paraLineH]: true,
1172
- [this.paraAlign]: !!this.paraAlign ? true : false,
1173
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
1174
- ['line-clamp-title']: this.maxLines && this.maxLines > 0 //tooltip code,
1175
- };
1176
- }
1177
- //WEB-2392
1178
- addWhiteClass() {
1179
- if (this.paraColor == 'white') {
1180
- return {
1181
- [this.paraColor]: true,
1182
- };
1183
- }
1184
- }
1185
- getLineCuttoff() {
1186
- const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
1187
- return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
1188
- }
1189
- get el() { return getElement(this); }
1190
- };
1191
- PtcPara.style = ptcParaCss;
1192
-
1193
- const ptcPictureCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
1194
-
1195
- const PtcPicture = class {
1196
- constructor(hostRef) {
1197
- registerInstance(this, hostRef);
1198
- this.src = undefined;
1199
- this.alt = 'image';
1200
- this.sizeXs = '510x340';
1201
- this.sizeSm = '1240x496';
1202
- this.sizeMd = '1366x500';
1203
- this.sizeLg = '1920x1080';
1204
- this.disableResize = false;
1205
- this.oldSrc = undefined;
1206
- this.imagePosition = 'static';
1207
- this.borderRadius = undefined;
1208
- this.height = undefined;
1209
- this.width = undefined;
1210
- this.objectFit = 'cover';
1211
- this.isFullHeight = false;
1212
- this.isFullWidth = false;
1213
- this.styles = undefined;
1214
- this.imageAlignment = 'left';
1215
- this.maxWidth = undefined;
1216
- this.displayImage = 'block';
1217
- }
1218
- WindowResize() {
1219
- this.addIntersectionObserver();
1220
- }
1221
- componentWillLoad() {
1222
- if (this.disableResize) {
1223
- this.sizeXs = undefined;
1224
- this.sizeSm = undefined;
1225
- this.sizeMd = undefined;
1226
- this.sizeLg = undefined;
1227
- }
1228
- }
1229
- componentDidLoad() {
1230
- this.addIntersectionObserver();
1231
- }
1232
- componentWillUpdate() {
1233
- if (this.src !== this.oldSrc) {
1234
- this.addIntersectionObserver();
1235
- }
1236
- this.oldSrc = this.src;
1237
- }
1238
- //lazy-loading
1239
- addIntersectionObserver() {
1240
- if (!this.src) {
1241
- return;
1242
- }
1243
- if ('IntersectionObserver' in window) {
1244
- let lazyLoadImages = new IntersectionObserver(entries => {
1245
- entries.forEach(entry => {
1246
- if (entry.isIntersecting) {
1247
- const image = this.el.shadowRoot.querySelector('img');
1248
- image.src = this.setResponsiveBg();
1249
- lazyLoadImages.unobserve(image);
1250
- }
1251
- });
1252
- });
1253
- let tempImg = this.el.shadowRoot.querySelector('img');
1254
- if (tempImg) {
1255
- lazyLoadImages.observe(tempImg);
1256
- }
1257
- }
1258
- else {
1259
- // fall back to setTimeout for Safari and IE
1260
- setTimeout(() => {
1261
- const image = this.el.shadowRoot.querySelector('img');
1262
- image.src = this.setResponsiveBg();
1263
- image.onload = () => {
1264
- image.removeAttribute('data-src');
1265
- console.log('loaded fallback');
1266
- };
1267
- }, 5000);
1268
- }
1269
- }
1270
- //responsive image
1271
- setResponsiveBg() {
1272
- // Define local variables
1273
- let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
1274
- for (var i = 0, len = backgrounds.length; i < len; i++) {
1275
- // Set current variables
1276
- el = backgrounds[i];
1277
- elData = el.getAttribute('data-' + currentBreakpoint);
1278
- if (elData !== null) {
1279
- return elData;
1280
- }
1281
- else {
1282
- if (typeof console == 'object') {
1283
- console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
1284
- }
1285
- }
1286
- }
1287
- }
1288
- render() {
1289
- const classMap = this.getCssClassMap();
1290
- const classMapHost = this.getCssClassMapHost();
1291
- return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), h("slot", null)));
1292
- }
1293
- getCurrentBreakPoints() {
1294
- // Define local variables
1295
- let doc = window.document, temp = doc.createElement('div'), env;
1296
- // Append test node
1297
- doc.body.appendChild(temp);
1298
- // Loop through breakpoints
1299
- for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
1300
- env = ResponsivePictureVariables.envs[i];
1301
- // Add classes
1302
- temp.className = 'hidden-' + env;
1303
- // Found breakpoint
1304
- if (temp.offsetParent === null) {
1305
- // Remove our test node
1306
- doc.body.removeChild(temp);
1307
- // Return current breakpoint
1308
- return env;
1309
- }
1310
- }
1311
- // Breakpoint not found, try fallback
1312
- doc.body.removeChild(temp);
1313
- return this.getFallbackBreakpoint();
1314
- }
1315
- getFallbackBreakpoint() {
1316
- if (window.matchMedia('(min-width: 992px)').matches) {
1317
- return 'lg';
1318
- }
1319
- else if (window.matchMedia('(min-width: 768px)').matches) {
1320
- return 'md';
1321
- }
1322
- else if (window.matchMedia('(min-width: 576px)').matches) {
1323
- return 'sm';
1324
- }
1325
- else {
1326
- return 'xs';
1327
- }
1328
- }
1329
- getCssClassMap() {
1330
- return {
1331
- [this.borderRadius]: this.borderRadius ? true : false,
1332
- [this.objectFit]: true,
1333
- [this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
1334
- [this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
1335
- [this.displayImage]: true
1336
- };
1337
- }
1338
- getCssClassMapHost() {
1339
- return {
1340
- [this.imagePosition]: true,
1341
- [this.imageAlignment]: true,
1342
- };
1343
- }
1344
- get el() { return getElement(this); }
1345
- };
1346
- PtcPicture.style = ptcPictureCss;
1347
-
1348
- const ptcPreloaderSectionCss = ".is-grid,.is-grid-inline{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:1;grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:-ms-inline-grid !important;display:inline-grid !important}.has-row-1{-ms-grid-rows:(1fr)[1];grid-template-rows:repeat(1, 1fr)}.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-1-xxl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr)}.has-row-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-2-xxl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.has-row-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-3-xxl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.has-row-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-4-xxl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr)}.has-row-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-5-xxl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}.has-row-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-6-xxl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{-ms-grid-rows:(1fr)[7];grid-template-rows:repeat(7, 1fr)}.has-row-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-7-xxl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{-ms-grid-rows:(1fr)[8];grid-template-rows:repeat(8, 1fr)}.has-row-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-8-xxl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{-ms-grid-rows:(1fr)[9];grid-template-rows:repeat(9, 1fr)}.has-row-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-9-xxl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{-ms-grid-rows:(1fr)[10];grid-template-rows:repeat(10, 1fr)}.has-row-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-10-xxl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{-ms-grid-rows:(1fr)[11];grid-template-rows:repeat(11, 1fr)}.has-row-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-11-xxl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{-ms-grid-rows:(1fr)[12];grid-template-rows:repeat(12, 1fr)}.has-row-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-12-xxl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-1-xxl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.has-col-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-2-xxl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.has-col-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-3-xxl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.has-col-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-4-xxl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.has-col-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-5-xxl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}.has-col-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-6-xxl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr)}.has-col-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-7-xxl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8, 1fr)}.has-col-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-8-xxl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9, 1fr)}.has-col-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-9-xxl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{-ms-grid-columns:(1fr)[10];grid-template-columns:repeat(10, 1fr)}.has-col-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-10-xxl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{-ms-grid-columns:(1fr)[11];grid-template-columns:repeat(11, 1fr)}.has-col-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-11-xxl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.has-col-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-12-xxl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1400px){.is-row-1-xxl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1400px){.is-row-2-xxl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1400px){.is-row-3-xxl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1400px){.is-row-4-xxl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1400px){.is-row-5-xxl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1400px){.is-row-6-xxl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1400px){.is-row-7-xxl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1400px){.is-row-8-xxl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1400px){.is-row-9-xxl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1400px){.is-row-10-xxl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1400px){.is-row-11-xxl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1400px){.is-row-12-xxl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1400px){.is-col-1-xxl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1400px){.is-col-2-xxl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1400px){.is-col-3-xxl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1400px){.is-col-4-xxl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1400px){.is-col-5-xxl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1400px){.is-col-6-xxl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1400px){.is-col-7-xxl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1400px){.is-col-8-xxl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1400px){.is-col-9-xxl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1400px){.is-col-10-xxl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1400px){.is-col-11-xxl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1400px){.is-col-12-xxl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1400px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1400px){.is-rtl-xxl{direction:rtl}}.is-placed-left{-ms-grid-row-align:left;-ms-grid-column-align:left;place-self:left}.is-placed-right{-ms-grid-row-align:right;-ms-grid-column-align:right;place-self:right}.is-placed-center{-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center}.is-placed-start{-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start}.is-placed-normal{-ms-grid-row-align:normal;-ms-grid-column-align:normal;place-self:normal}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.preload-section{position:relative;height:max-content;overflow:visible}.preload-section.show-skeleton{overflow:clip}.preload-skeleton,.preload-child{visibility:hidden;z-index:-10;position:absolute;top:0;width:100%;height:100%}.preload-skeleton.show,.preload-child.show{visibility:visible;z-index:inherit;background:inherit;position:relative}.preload-skeleton{display:none}.preload-skeleton.show{display:block;background-color:#f3f3f3}.preload-min-height{min-height:150vh}.has-col-gap-lg{grid-column-gap:var(--spacing)}@media only screen and (min-width: 480px){.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.icon-grid{grid-column-gap:16px;grid-row-gap:var(--spacing-xxl)}@media only screen and (min-width: 992px){.icon-grid{grid-column-gap:64px;grid-row-gap:64px}}@media (min-width: 1980px){.preload-min-height{min-height:60vh}}.cards-preload-min-height{min-height:80vh}@media (min-width: 1980px){.cards-preload-min-height{min-height:20vh}}.has-col-gap-md{grid-column-gap:16px}.has-row-gap-md{grid-row-gap:48px}@media only screen and (min-width: 768px){.has-col-gap-md{grid-column-gap:24px}}@media only screen and (min-width: 992px){.has-col-gap-md{grid-column-gap:32px}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.skeleton{display:flex;flex-direction:column;padding:10px}.skeleton.centered{justify-content:center}.skeleton.padding-left-sm{padding-left:14px}.skeleton-header{display:flex;flex-direction:column;margin-bottom:var(--ptc-element-spacing-07)}.skeleton-block{height:24px;background:linear-gradient(to right, #F6F6F6 25%, #E4E7E9 50%, #F6F6F6 75%);background-size:200% 100%;margin-bottom:8px;border-radius:4px;animation:loading 2.5s ease-in-out infinite;width:100%}.skeleton-block.long{width:80%}.skeleton-block.wide{width:70%}.skeleton-block.wide-sm{width:60%}.skeleton-block.medium{width:50%}.skeleton-block.short{width:30%}.skeleton-block.narrow{width:20%}.skeleton-block.thick{height:48px}.skeleton-block.thin{height:22px}.skeleton-block.bold{height:32px}.skeleton-block.extra-bold{height:66px}.skeleton-block.center{margin-left:auto;margin-right:auto}.skeleton-block.left{margin-right:auto}.skeleton-block.right{margin-left:auto}.skeleton-block.cta{height:55px;max-width:160px}.skeleton-image,.skeleton-card-media,.skeleton-jumbotron-image,.skeleton-long-image{width:100%;height:450px;background:linear-gradient(to right, #F6F6F6 25%, #E4E7E9 50%, #F6F6F6 75%);background-size:200% 100%;margin-bottom:var(--ptc-layout-spacing-06);border-radius:4px;animation:loading 2.5s ease-in-out infinite}.skeleton-card-media{height:230px;margin-bottom:var(--ptc-layout-spacing-03)}.skeleton-long-image{height:455px;margin-bottom:var(--ptc-layout-spacing-03)}.skeleton-jumbotron-image{height:380px;margin-bottom:var(--ptc-layout-spacing-04)}.unit-col{-ms-grid-column-span:1;grid-column:span 1}.is-flex{display:flex}.skeleton-home-page{width:100%;background-color:#FFF}.skeleton-home-page .skeleton-jumbo{background-color:#F6F6F6;padding-top:2rem;margin-bottom:12rem;height:90vh;max-height:1000px;position:relative}.skeleton-home-page .skeleton-jumbo .bot{width:100%;position:absolute;bottom:0}.skeleton-home-page .skeleton-jumbo .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;left:24px;max-width:100%}.skeleton-home-page .skeleton-jumbo .block.tabs{height:35px;width:132px;margin-bottom:54px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.tabs{height:35px;width:779px;margin-bottom:134px}}.skeleton-home-page .skeleton-jumbo .block.block-1{width:395px;height:36px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-1{width:673px;height:54px}}.skeleton-home-page .skeleton-jumbo .block.block-2{width:326px;height:36px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-2{width:571px;height:54px}}.skeleton-home-page .skeleton-jumbo .block.block-3{width:370px;height:36px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-3{width:490px;height:54px;margin-bottom:16px}}.skeleton-home-page .skeleton-jumbo .block.block-4{width:201px;height:36px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-4{display:none}}.skeleton-home-page .skeleton-jumbo .block.block-5{width:422px;height:21px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-5{width:720px;height:21px}}.skeleton-home-page .skeleton-jumbo .block.block-6{width:395px;height:21px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-6{width:598px;height:21px}}.skeleton-home-page .skeleton-jumbo .block.block-7{width:422px;height:21px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-7{display:none}}.skeleton-home-page .skeleton-jumbo .block.block-8{width:370px;height:21px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-8{width:310px;height:21px;margin-bottom:32px}}.skeleton-home-page .skeleton-jumbo .block.block-9{width:187px;height:49px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .block.block-9{width:187px;height:49px}}.skeleton-home-page .skeleton-jumbo .slide-container{overflow:hidden;transform:translateY(80%)}.skeleton-home-page .skeleton-jumbo .slide-container .skeleton-slides{width:100%;min-width:936px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.skeleton-home-page .skeleton-jumbo .slide-container .skeleton-slides .slide{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;width:296px;height:140px}@media only screen and (min-width: 992px){.skeleton-home-page .skeleton-jumbo .slide-container .skeleton-slides .slide{width:356px;height:116px}}.skeleton-homepage-toggle{margin:72px 0;width:100%}.skeleton-homepage-toggle .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;max-width:100%}.skeleton-homepage-toggle .block.top-1{width:378px;height:31px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-1{width:720px;height:37px}}.skeleton-homepage-toggle .block.top-2{width:369px;height:31px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-2{display:none}}.skeleton-homepage-toggle .block.top-3{width:414px;height:31px;margin-bottom:16px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-3{width:617px;height:37px}}.skeleton-homepage-toggle .block.top-4{width:423px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-4{display:none}}.skeleton-homepage-toggle .block.top-5{width:326px;height:21px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.top-5{width:571px;height:21px;margin-bottom:48px}}.skeleton-homepage-toggle .block.selector{width:432px;height:69px;margin-bottom:40px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.selector{display:none}}.skeleton-homepage-toggle .block.toggle-1,.skeleton-homepage-toggle .block.toggle-2{display:none;width:220px;height:117px;margin-bottom:64px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.toggle-1,.skeleton-homepage-toggle .block.toggle-2{display:block}}.skeleton-homepage-toggle .block.bot-1{width:381px;height:24px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-1{width:438px;height:24px}}.skeleton-homepage-toggle .block.bot-2{width:241px;height:24px;margin-bottom:12px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-2{width:321px;height:24px}}.skeleton-homepage-toggle .block.bot-3{width:399px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-3{width:534px;height:21px}}.skeleton-homepage-toggle .block.bot-4{width:415px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-4{width:555px;height:21px}}.skeleton-homepage-toggle .block.bot-5{width:376px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-5{width:503px;height:21px}}.skeleton-homepage-toggle .block.bot-6{width:340px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-6{display:none}}.skeleton-homepage-toggle .block.bot-7{width:362px;height:21px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-7{display:none}}.skeleton-homepage-toggle .block.bot-8{width:183px;height:21px;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .block.bot-8{width:455px;height:21px}}.skeleton-homepage-toggle .block.bot-9{width:183px;height:49px}.skeleton-homepage-toggle .picture{background:var(--color-gray-01);height:500px;width:100%;margin-bottom:32px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .picture{height:733px}}.skeleton-homepage-toggle .toggle-section{display:block}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .toggle-section{display:flex;flex-direction:row;justify-content:space-between;gap:24px}}.skeleton-homepage-toggle .cta-section-wrapper{overflow:hidden}.skeleton-homepage-toggle .cta-section-wrapper .cta-section{margin-top:48px;display:flex;align-items:flex-start;gap:24px;width:564px}.skeleton-homepage-toggle .cta-section-wrapper .cta-section .cta-block{width:272px;height:108px}@media only screen and (min-width: 992px){.skeleton-homepage-toggle .cta-section-wrapper .cta-section{margin-top:72px}}@media only screen and (min-width: 992px){.skeleton-homepage-toggle{margin:112px 0}.skeleton-homepage-toggle .is-center{align-content:center}}.skeleton-background-video-tall{width:100%;padding:160px 0;background-color:var(--color-gray-01)}.skeleton-background-video-tall .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px}.skeleton-background-video-tall .top-1{width:60%;height:37px;max-width:561px}.skeleton-background-video-tall .top-2{width:70%;height:37px;max-width:605px;margin-bottom:16px}.skeleton-background-video-tall .top-3{width:90%;height:21px;max-width:688px}.skeleton-background-video-tall .top-4{width:50%;height:21px;max-width:521px;margin-bottom:32px}.skeleton-background-video-tall .top-5{width:177px;height:49px}.skeleton-background-video-tall .bottom-1{width:200px;height:30px;margin-bottom:16px}.skeleton-background-video-tall .top-section{margin-bottom:160px}.skeleton-background-video-tall .bottom-section{overflow:hidden}.skeleton-background-video-tall .cards{overflow:hidden;white-space:nowrap}.skeleton-background-video-tall .cards .card{display:inline-block;padding:24px;width:228px;height:50px;margin:0 16px}.skeleton-background-video-tall .cards .card:first-child{margin-left:0}.skeleton-background-video-tall .cards .card:last-child{margin-right:0}.skeleton-jumbotron{padding-top:106px;padding-bottom:106px}.skeleton-jumbotron .cta-wrap{display:flex;width:50%;column-gap:14px}@media only screen and (min-width: 768px){.skeleton-jumbotron .cta-wrap{column-gap:24px}}.skeleton-on-demand{background-color:#20262A}.skeleton-on-demand .skeleton-block{background:linear-gradient(to right, #32373B 25%, var(--color-gray-09) 50%, #32373B 75%);background-size:200% 100%;margin-bottom:8px;border-radius:4px;animation:loading 2.5s ease-in-out infinite}.skeleton-on-demand .skeleton-block.short{width:80%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.short{width:30%}}.skeleton-on-demand .skeleton-block.wide-sm-1{width:90%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-sm-1{width:40%}}.skeleton-on-demand .skeleton-block.wide-md{width:93%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-md{width:43%}}.skeleton-on-demand .skeleton-block.wide-md-1{width:95%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-md-1{width:45%}}.skeleton-on-demand .skeleton-block.wide-sm-2{width:77%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.wide-sm-2{width:27%}}.skeleton-on-demand .skeleton-block.smallest{width:60%}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.smallest{width:10%}}.skeleton-on-demand .skeleton-block.medium-1{width:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .skeleton-block.medium-1{width:90%}}@media only screen and (min-width: 992px){.skeleton-on-demand .skeleton-block.medium-1{width:50%}}.skeleton-on-demand .on-demand-vl{padding-top:19px;padding-bottom:338px}.skeleton-on-demand .on-demand-vl .grid-top{padding-bottom:90px}@media only screen and (min-width: 1600px){.skeleton-on-demand .on-demand-vl .grid-top{padding-bottom:113px}}.skeleton-on-demand .on-demand-vl .grid-medium{padding-top:84px;padding-bottom:100px}@media only screen and (min-width: 1600px){.skeleton-on-demand .on-demand-vl .grid-medium{padding-top:97px}}.skeleton-on-demand .on-demand-vl .grid-medium-2{padding-bottom:59px}.skeleton-on-demand .on-demand-vl .grid-bottom-1{padding-top:68.03px;padding-bottom:73.8px}.skeleton-on-demand .on-demand-vl .grid-bottom-2{padding-bottom:83.02px}.skeleton-on-demand .on-demand-vl .grid-vl{display:flex;flex-direction:row;justify-content:space-between;column-gap:28px}.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:50%}}@media only screen and (min-width: 768px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:33%}}@media only screen and (min-width: 1200px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:25%}}@media only screen and (min-width: 1440px){.skeleton-on-demand .on-demand-vl .grid-vl .block{flex-basis:20%}}.skeleton-on-demand .jumbotron-section{padding-top:89px;padding-bottom:89px}@media only screen and (min-width: 480px){.skeleton-on-demand .jumbotron-section{padding-bottom:69px}}@media only screen and (min-width: 768px){.skeleton-on-demand .jumbotron-section{padding-bottom:113px}}@media only screen and (min-width: 992px){.skeleton-on-demand .jumbotron-section{padding-bottom:117px}}.skeleton-on-demand .hide-bl{display:block}.skeleton-on-demand .hide-xs{display:none}@media only screen and (min-width: 480px){.skeleton-on-demand .hide-xs{display:block}}.skeleton-on-demand .hide-sm{display:none}@media only screen and (min-width: 768px){.skeleton-on-demand .hide-sm{display:block}}.skeleton-on-demand .hide-md{display:none}@media only screen and (min-width: 992px){.skeleton-on-demand .hide-md{display:block}}.skeleton-on-demand .hide-lg{display:none}@media only screen and (min-width: 1200px){.skeleton-on-demand .hide-lg{display:block}}.skeleton-on-demand .hide-xl{display:none}@media only screen and (min-width: 1440px){.skeleton-on-demand .hide-xl{display:block}}.skeleton-on-demand .block .block-1{width:316px;height:501px;border-radius:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-1{width:434px;height:501px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-1{width:342px;height:501px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-1{width:445px;height:501px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-1{width:355px;height:664px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-1{width:374px;height:664px}}.skeleton-on-demand .block .block-2{border-radius:12px;display:none}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-2{width:342px;height:501px;display:block}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-2{width:445px;height:501px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-2{width:355px;height:664px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-2{width:374px;height:664px}}.skeleton-on-demand .block .block-3{border-radius:12px;display:none}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-3{width:355px;height:664px;display:block}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-3{width:374px;height:664px}}.skeleton-on-demand .block .block-4{height:379px;border-radius:12px;width:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-4{height:437px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-4{height:559px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-4{height:498.857px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-4{height:579.832px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-4{height:679px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-4{width:100%;height:898.469px}}.skeleton-on-demand .block .block-5{height:268px;border-radius:12px;width:100%}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-5{height:268px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-5{height:268px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-5{height:198.367px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-5{height:230.567px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-5{height:270px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-5{height:357.271px}}.skeleton-on-demand .block .block-6{width:auto;height:173px;border-radius:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-6{height:173px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-6{height:173px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-6{height:161.633px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-6{height:187.869px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-6{height:220px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-6{height:291.109px}}.skeleton-on-demand .block .block-7{width:auto;height:114px;border-radius:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-7{height:114px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-7{height:114px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-7{height:83.755px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-7{height:97.35px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-7{width:auto;height:114px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-7{width:auto;height:150.848px}}.skeleton-on-demand .block .block-8{border-radius:12px;width:auto;height:138px;margin-bottom:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 768px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 992px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 1200px){.skeleton-on-demand .block .block-8{height:138px}}@media only screen and (min-width: 1440px){.skeleton-on-demand .block .block-8{height:159px}}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-8{height:159px}}.skeleton-on-demand .block .block-9{border-radius:12px;width:auto;height:381px;margin-bottom:12px}@media only screen and (min-width: 480px){.skeleton-on-demand .block .block-9{height:381px}}.skeleton-on-demand .block .block-10{border-radius:12px;height:268px}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-10{height:309.026px}}.skeleton-on-demand .block .block-11{border-radius:12px;height:123px}@media only screen and (min-width: 1600px){.skeleton-on-demand .block .block-11{height:141.829px}}.section-two-col{padding-top:76px;padding-bottom:76px}.section-icon-component{padding-top:50px;padding-bottom:50px}.section-icon-component .icon{width:72px;height:72px}.skeleton-blog-detail{padding-bottom:196px}@media only screen and (min-width: 480px){.skeleton-blog-detail{padding-bottom:112px}}.skeleton-blog-detail .is-mobile{display:block}@media only screen and (min-width: 992px){.skeleton-blog-detail .is-mobile{display:none}}.skeleton-blog-detail .is-desktop{display:none}@media only screen and (min-width: 992px){.skeleton-blog-detail .is-desktop{display:block}}.skeleton-blog-detail .skeleton-jumbotron{padding-top:48px;padding-bottom:60px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:168px;margin-bottom:16px;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:216px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:332px;margin-bottom:24px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}.skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image{height:100%;margin-bottom:0}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-jumbotron{padding-bottom:76px}}.skeleton-blog-detail .flex-container{display:flex;gap:12px}.skeleton-blog-detail .is-centered-vertically{display:flex;align-items:center;gap:12px}.skeleton-blog-detail .skeleton-block{margin-bottom:0;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite}.skeleton-blog-detail .skeleton-block.h-xx-small{height:4px}.skeleton-blog-detail .skeleton-block.h-x-small{height:8px}.skeleton-blog-detail .skeleton-block.h-small{height:12px}.skeleton-blog-detail .skeleton-block.h-medium{height:16px}.skeleton-blog-detail .skeleton-block.h-large{height:24px}.skeleton-blog-detail .skeleton-block.h-x-large{height:32px}.skeleton-blog-detail .skeleton-block.h-xx-large{height:36px}.skeleton-blog-detail .skeleton-block.h-xxx-large{height:48px}.skeleton-blog-detail .skeleton-block.date{width:45px;height:8px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.date{width:58px;height:10px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.date{width:90px;height:16px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.date{width:84px;height:14px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.date{width:104px;height:18px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.date{width:116px;height:20px}}.skeleton-blog-detail .skeleton-block.author{width:50px;height:8px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.author{width:65px;height:10px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.author{width:99px;height:16px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.author{width:84px;height:14px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.author{width:105px;height:17px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.author{width:116px;height:20px}}.skeleton-blog-detail .skeleton-block.circle{width:24px;height:24px;border-radius:50%}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.circle{width:28px;height:28px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.circle{width:44px;height:44px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.circle{width:48px;height:48px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.circle{width:52px;height:52px}}.skeleton-blog-detail .skeleton-block.button-1{width:92px;height:24px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.button-1{width:120px;height:30px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.button-1{width:184px;height:46px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.button-1{width:140px;height:35px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.button-1{width:176px;height:43px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.button-1{width:196px;height:48px}}.skeleton-blog-detail .skeleton-block.button-2{width:136px;height:24px}@media only screen and (min-width: 480px){.skeleton-blog-detail .skeleton-block.button-2{width:176px;height:30px}}@media only screen and (min-width: 768px){.skeleton-blog-detail .skeleton-block.button-2{width:272px;height:46px}}@media only screen and (min-width: 992px){.skeleton-blog-detail .skeleton-block.button-2{width:212px;height:35px}}@media only screen and (min-width: 1200px){.skeleton-blog-detail .skeleton-block.button-2{width:264px;height:43px}}@media only screen and (min-width: 1440px){.skeleton-blog-detail .skeleton-block.button-2{width:292px;height:48px}}.skeleton-blog-detail .skeleton-block.social-share{width:32px;height:32px}.skeleton-blog-detail .skeleton-block.text-line-1{width:93%}.skeleton-blog-detail .skeleton-block.text-line-2{width:95%}.skeleton-blog-detail .skeleton-block.cta-image{width:45%;height:350px;position:absolute;left:0;z-index:2;top:200px;transform:translateY(-50%)}.skeleton-blog-detail .skeleton-block.cta-body{width:80%;height:400px;position:absolute;right:0;z-index:1}.skeleton-blog-detail .skeleton-cta{width:100%;height:400px;position:relative}.preloader-white-paper{position:relative;width:100%;top:0px;left:0px}.preloader-white-paper .hero-image{height:462px;left:0px;position:absolute;top:0px;width:100%;z-index:2;background-color:var(--color-gray-03)}.preloader-white-paper .content-container{z-index:3;position:relative}.preloader-white-paper .content-container .content-container-child{top:80px;margin-bottom:70px;background-color:var(--color-white);position:relative}.preloader-white-paper .content-container .grid-top{margin-bottom:30px}.preloader-white-paper .content-container .row-margin-btm{margin-bottom:10px}.preloader-white-paper .content-container .grid-mrgn{margin:0}@media only screen and (min-width: 992px){.preloader-white-paper .content-container .grid-mrgn{margin:0 18px}}@media only screen and (min-width: 1200px){.preloader-white-paper .content-container .grid-mrgn{margin:0 26px}}@media only screen and (min-width: 1440px){.preloader-white-paper .content-container .grid-mrgn{margin:0 29px}}.preloader-white-paper .content-container .grid-top-2{margin-bottom:20px}.preloader-white-paper .content-container .block-1{height:527px}.preloader-white-paper .content-container .skeleton .skeleton-block.longer{width:95%}.preloader-white-paper .content-container .skeleton .skeleton-block.longest{width:97%}.preloader-white-paper .content-container .skeleton .skeleton-block.long{width:93%}.preloader-white-paper .content-container .skeleton .skeleton-block.thick-1{height:43px}.preloader-white-paper .content-container .skeleton .skeleton-block.extra-bold-1{height:52px}.preloader-white-paper .related-items{margin-top:157px;padding-bottom:40px}.preloader-white-paper .related-items .title{display:flex;flex-direction:row;justify-content:center}.preloader-white-paper .related-items .skeleton .skeleton-block.block-2{height:302px;width:100%}@media only screen and (min-width: 768px){.preloader-white-paper .related-items .skeleton .skeleton-block.block-2{height:425px}}.preloader-value-led{position:relative;height:120%;width:100%;top:0px;left:0px}.preloader-value-led .hero-image{height:462px;left:0px;position:absolute;top:0px;width:100%;z-index:2;background-color:var(--color-gray-03)}.preloader-value-led .content-container{z-index:3;position:relative;height:120%}.preloader-value-led .content-container .content-container-child{top:80px;margin-bottom:70px;position:relative}.preloader-value-led .content-container .content-container-child .container-child-1{background-color:var(--color-white);display:none}@media only screen and (min-width: 992px){.preloader-value-led .content-container .content-container-child .container-child-1{display:block}}.preloader-value-led .content-container .content-container-child .container-child-2{background-color:var(--color-white)}.preloader-value-led .content-container .related-items{height:100px}.preloader-value-led .content-container .grid-top{margin-top:4px;margin-bottom:40px}.preloader-value-led .content-container .grid-1{margin-top:4px;margin-bottom:4px}.preloader-value-led .content-container .grid-top-1{margin-bottom:49px}.preloader-value-led .content-container .block-1{height:434px}.preloader-value-led .content-container .skeleton .skeleton-block.longer{width:97%}.preloader-value-led .content-container .skeleton .skeleton-block.longest{width:99%}.preloader-value-led .content-container .skeleton .skeleton-block.long{width:95%}.preloader-value-led .content-container .skeleton .skeleton-block.long-1{width:90%}.preloader-value-led .content-container .skeleton .skeleton-block.long-2{width:87%}.preloader-value-led .content-container .skeleton .skeleton-block.long-3{width:60%}.preloader-value-led .content-container .skeleton .skeleton-block.long-4{width:70%}.preloader-value-led .content-container .skeleton .skeleton-block.smallest{width:10%}.preloader-value-led .content-container .skeleton .skeleton-block.thinnnest{height:19px}.preloader-value-led .content-container .skeleton .skeleton-block.thinnest-1{height:19px;margin-bottom:4px !important}@keyframes pulse{0%{opacity:0.5}50%{opacity:0.8}100%{opacity:0.5}}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}";
1349
-
1350
- const PtcPreloaderSection = class {
1351
- constructor(hostRef) {
1352
- registerInstance(this, hostRef);
1353
- this.sectionType = 'page';
1354
- this.numberOfCards = 6;
1355
- this.autoShow = true;
1356
- this.isLoading = true;
1357
- this.dependencies = [];
1358
- }
1359
- // @State() promiseResolver: Promise<boolean[]> | Promise<void>;
1360
- // Methods
1361
- async showPreload(state) {
1362
- this.isLoading = state;
1363
- }
1364
- async registerDependency(promise) {
1365
- // if (this.dependencies.length < this.dependencyCount) { }
1366
- this.dependencies = [...this.dependencies, promise];
1367
- }
1368
- checkDependencies() {
1369
- // if (this.dependencies.length === this.dependencyCount) { }
1370
- Promise.all(this.dependencies).then((results) => {
1371
- this.isLoading = !((results.length === this.dependencies.length)
1372
- &&
1373
- results.every(Boolean));
1374
- }).catch((err) => console.log(err));
1375
- }
1376
- componentWillLoad() {
1377
- if (this.autoShow) {
1378
- setTimeout(() => (this.isLoading = false), 3000);
1379
- }
1380
- }
1381
- renderHTML() {
1382
- switch (this.sectionType) {
1383
- case 'home-page':
1384
- return (h("div", { class: "preloader-wrapper" }, h("div", { class: "skeleton-home-page" }, h("div", { class: "skeleton-jumbo" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12" }, h("div", { class: "tabs block" }), h("div", { class: "block-1 block" }), h("div", { class: "block-2 block" }), h("div", { class: "block-3 block" }), h("div", { class: "block-4 block" }), h("div", { class: "block-5 block" }), h("div", { class: "block-6 block" }), h("div", { class: "block-7 block" }), h("div", { class: "block-8 block" }), h("div", { class: "block-9 block" })))), h("div", { class: "bot" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12" }, h("div", { class: "slide-container" }, h("div", { class: "skeleton-slides" }, h("div", { class: "slide" }), h("div", { class: "slide" }), h("div", { class: "slide" })))))))), h("div", { class: "skeleton-homepage-toggle" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12" }, h("div", { class: "top-1 block" }), h("div", { class: "top-2 block" }), h("div", { class: "top-3 block" }), h("div", { class: "top-4 block" }), h("div", { class: "top-5 block" })), h("div", { class: "is-col-12 toggle-section" }, h("div", { class: "selector block" }), h("div", { class: "toggle-1 block" }), h("div", { class: "toggle-2 block" }), h("div", { class: "toggle-2 block" }), h("div", { class: "toggle-2 block" }), h("div", { class: "toggle-2 block" })), h("div", { class: "is-col-12 is-col-6-md" }, h("div", { class: "picture" })), h("div", { class: "is-col-12 is-col-6-md is-center" }, h("div", { class: "bot-1 block" }), h("div", { class: "bot-2 block" }), h("div", { class: "bot-3 block" }), h("div", { class: "bot-4 block" }), h("div", { class: "bot-5 block" }), h("div", { class: "bot-6 block" }), h("div", { class: "bot-7 block" }), h("div", { class: "bot-8 block" }), h("div", { class: "bot-9 block" }), h("div", { class: "bot-10 block" }), h("div", { class: "cta-section-wrapper" }, h("div", { class: "cta-section" }, h("div", { class: "cta-block block" }), h("div", { class: "cta-block block" }))))))), h("div", { class: "skeleton-background-video-tall" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 top-section" }, h("div", { class: "top-1 block" }), h("div", { class: "top-2 block" }), h("div", { class: "top-3 block" }), h("div", { class: "top-4 block" }), h("div", { class: "top-5 block" })), h("div", { class: "is-col-12 bottom-section" }, h("div", { class: "bottom-1 block" }), h("div", { class: "cards" }, h("div", { class: "card block" }), h("div", { class: "card block" }), h("div", { class: "card block" }), h("div", { class: "card block" })))))))));
1385
- case 'cards':
1386
- return (h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md cards-preload-min-height" }, Array.from({ length: this.numberOfCards }).map(() => (h("div", { class: "is-col-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-card-media" }), h("div", { class: "skeleton-text" }, h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }))))))));
1387
- case 'case-content':
1388
- return (h("div", { class: "preloader-wrapper" }, h("div", { class: "skeleton-jumbotron-image" }), h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-3-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block bold" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block bold" }))), h("div", { class: "is-col-12 is-col-9-lg" }, h("div", { class: "sekleton" }, h("div", { class: "is-grid" }, h("div", { class: "left is-col-6" }, h("div", { class: "skeleton-block bold medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" })), h("div", { class: "right is-col-6" }, h("div", { class: "skeleton-block bold medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }))), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block narrow" }), h("div", { class: "is-grid" }, h("div", { class: "left is-col-6" }, h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block narrow" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block narrow" })), h("div", { class: "right is-col-6" }, h("div", { class: "skeleton-long-image" }))), h("div", { class: "skeleton-block bold medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" })))))));
1389
- case 'case-product-page':
1390
- return (h("div", { class: "preloader-wrapper" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" })))))), h("div", { class: "skeleton-block extra-bold" }), h("div", { class: "ptc-container section-two-col" }, h("div", { class: "skeleton-block thin short center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-6" }, h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin", style: { 'width': '92%' } }), h("div", { class: "skeleton-block thin", style: { 'width': '87%' } }), h("div", { class: "skeleton-block thin", style: { 'width': '95%' } }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" })), h("div", { class: "is-col-6" }, h("div", { class: "skeleton-jumbotron-image" })))), h("div", { class: "ptc-container section-icon-component" }, h("div", { class: "skeleton-block thick medium center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin wide center" }), h("div", { class: "skeleton-block thin medium center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "is-grid icon-grid" }, h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin center" }), h("div", { class: "skeleton-block thin medium center" }))))));
1391
- case 'blogs-listing': {
1392
- return (h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-xl has-col-gap-md has-row-gap-md cards-preload-min-height" }, Array.from({ length: this.numberOfCards }).map(() => (h("div", { class: "is-col-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-card-media" }), h("div", { class: "skeleton-text" }, h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }))))))));
1393
- }
1394
- case 'blog-detail': {
1395
- return (h("div", { class: "preloader-wrapper" }, h("div", { class: "skeleton-blog-detail" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg is-rtl-lg" }, h("div", { class: "is-col-12 is-col-6-lg" }, h("div", { class: "skeleton-jumbotron-image" })), h("div", { class: "is-col-12 is-col-6-lg is-ltr" }, h("div", { class: "skeleton-block wide-sm h-xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("div", { class: "skeleton-block h-medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block wide h-medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("div", { class: "skeleton-block date" }), h("ptc-spacer", { breakpoint: "x-small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "is-centered-vertically" }, h("div", { class: "skeleton-block circle" }), h("div", { class: "skeleton-block author" })), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "large", size: "small" }), h("div", { class: "flex-container" }, h("div", { class: "skeleton-block button-1" }), h("div", { class: "skeleton-block button-2" }))))), h("div", { class: "ptc-container" }, h("div", { class: "is-grid" }, h("div", { class: "is-desktop is-col-3-lg" }, h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-large wide" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-large short" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "flex-container" }, h("div", { class: "skeleton-block social-share" }), h("div", { class: "skeleton-block social-share" }), h("div", { class: "skeleton-block social-share" }), h("div", { class: "skeleton-block social-share" }))), h("div", { class: "is-col-12 is-col-7-lg" }, h("div", { class: "is-mobile" }, h("div", { class: "skeleton-block h-xx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("div", { class: "skeleton-block h-medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block medium h-medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-small" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" })), h("div", { class: "is-desktop" }, h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xxxx-large" }), h("div", { class: "skeleton-block h-x-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-x-large medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block h-x-large short" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h("div", { class: "skeleton-cta" }, h("div", { class: "skeleton-block cta-image" }), h("div", { class: "skeleton-block cta-body" })), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }))))))));
1396
- }
1397
- case 'on-demand-hub-listing': {
1398
- return (h("div", { class: "preloader-wrapper skeleton-on-demand" }, h("div", { class: "ptc-container " }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg is-centered jumbotron-section" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin center narrow" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block thick center medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin center wide" }), h("div", { class: "skeleton-block thin center long" }), h("div", { class: "skeleton-block thin medium center" })))), h("div", { class: "is-grid has-col-gap-lg has-row-gap-lg" }, h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-1 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-1 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-1 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-2 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-2 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-2 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-3 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-3 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-3 skeleton-block" }))))));
1399
- }
1400
- case 'on-demand-video-landing': {
1401
- return (h("div", { class: "preloader-wrapper skeleton-on-demand" }, h("div", { class: "ptc-container-lg" }, h("div", { class: "skeleton" }, h("ptc-spacer", { breakpoint: "x-large", size: "small", class: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium", class: "medium" }), h("div", { class: "skeleton-block thin left narrow" }), h("ptc-spacer", { breakpoint: "x-large", size: "small", class: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium", class: "medium" })), h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "grid-left is-col-12-xs is-col-8-lg is-col-9-xl" }, h("div", { class: "is-grid has-row-gap-lg" }, h("div", { class: "is-col-12 block" }, h("div", { class: "block-4 skeleton-block" })), h("div", { class: "is-col-12" }, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-6 block is-placed-left" }, h("div", { class: "block-5 skeleton-block" })), h("div", { class: "is-col-6 block is-placed-right" }, h("div", { class: "block-5 skeleton-block" })))))), h("div", { class: "grid-right is-col-12-xs is-col-4-lg is-col-3-xl" }, h("div", { class: "block" }, h("div", { class: "block-6 skeleton-block" })), h("ptc-spacer", { breakpoint: "small", size: "large", class: "large" }), h("div", { class: "skeleton-block thin left wide" }), h("ptc-spacer", { breakpoint: "small", size: "small", class: "small" }), h("div", { class: "is-grid has-row-gap-sm" }, Array.from({ length: 7 }).map(() => (h("div", { class: "is-col-12 is-col-6-md is-col-12-lg" }, h("div", { class: "is-grid has-row-gap-md has-col-gap" }, h("div", { class: "is-col-4 is-col-5-xl block is-placed-left" }, h("div", { class: "block-7 skeleton-block" })), h("div", { class: "is-col-8 is-col-7-xl skeleton centered padding-left-sm" }, h("div", { class: "skeleton-block thin left" }), h("div", { class: "skeleton-block thin medium left" }))))))))))));
1402
- }
1403
- case 'on-demand-video-listing': {
1404
- return (h("div", { class: "preloader-wrapper skeleton-on-demand" }, h("div", { class: "ptc-container-lg" }, h("div", { class: "skeleton" }, h("div", { class: "on-demand-vl" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-6 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin medium-1 left" }))), h("div", { class: "is-col-6 is-placed-right" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick medium-1 right" })))), h("div", { class: "is-grid block" }, h("div", { class: "is-col-12 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short left" }), h("div", { class: "skeleton-block thin wide-sm-1 left" }), h("div", { class: "skeleton-block thin wide-md left" }), h("div", { class: "skeleton-block thin wide-md-1 left" }), h("div", { class: "skeleton-block thin wide-md left" }), h("div", { class: "skeleton-block thin wide-sm-2 left" }), h("div", { class: "skeleton-block thin smallest left" })))), h("div", { class: "grid-medium" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "grid-vl has-col-gap-sm" }, h("div", { class: "block hide-bl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xs" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-sm" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-lg" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })))), h("div", { class: "grid-medium-2" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "grid-vl has-col-gap-sm" }, h("div", { class: "block hide-bl" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-xs" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-sm" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-lg" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-xl" }, h("div", { class: "skeleton-block block-9 " })))), h("div", { class: "grid-bottom-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "is-grid has-col-gap-sm" }, h("div", { class: "is-col-12-xs is-col-6-sm" }, h("div", { class: "block" }, h("div", { class: "skeleton-block block-10 hide-bl" }))), h("div", { class: "is-col-12-xs is-col-6-sm" }, h("div", { class: "block" }, h("div", { class: "skeleton-block block-10 hide-sm" }))))), h("div", { class: "grid-bottom-2" }, h("div", { class: "is-grid" }, h("div", { class: "is-col-12" }, h("div", { class: "block" }, h("div", { class: "skeleton-block block-11" }))))), h("div", { class: "grid-bottom" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "grid-vl has-col-gap-sm" }, h("div", { class: "block hide-bl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xs" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-sm" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-lg" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })))))))));
1405
- }
1406
- case 'white-paper': {
1407
- return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-white-paper" }, h("div", { class: "hero-image" }), h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "skeleton" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-6 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block bold medium left" }))), h("div", { class: "is-col-6 is-placed-right" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block extra-bold-1 narrow right" })))), h("div", { class: "grid-mrgn" }, h("div", { class: "is-grid block grid-top-2 has-no-row-gap has-no-col-gap skeleton" }, h("div", { class: "is-col-12 row-margin-btm" }, h("div", { class: "skeleton-block longer thick-1" })), h("div", { class: "is-col-12" }, h("div", { class: "skeleton-block medium thick-1 left" }))), h("div", { class: "" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-1" }))), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin long" }), h("div", { class: "skeleton-block thin wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin long" }), h("div", { class: "skeleton-block thin wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin long" }), h("div", { class: "skeleton-block thin wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))), h("div", { class: "related-items" }, h("div", { class: "is-grid" }, h("div", { class: "is-col-12" }, h("div", { class: "title" }, h("div", { class: "skeleton-block thick long" }))), h("div", { class: "is-col-12 is-col-4-md" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-2" }))), h("div", { class: "is-col-12 is-col-4-md" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-2" }))), h("div", { class: "is-col-12 is-col-4-md" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-2" }))))), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
1408
- }
1409
- case 'value-led': {
1410
- return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-value-led" }, h("div", { class: "hero-image" }), h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "is-grid has-col-gap-md" }, h("div", { class: "is-col-3-lg" }, h("div", { class: "skeleton container-child-1" }, h("div", { class: "is-grid block grid-1" }, h("div", { class: "is-col-12 is-placed-left" }, Array.from({ length: 8 }).map(() => (h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thinnest-1" }), h("div", { class: "skeleton-block thinnest-1 long-4" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" })))))))), h("div", { class: "is-col-12 is-col-9-lg" }, h("div", { class: "skeleton container-child-2" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-12 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin smallest left" }), h("div", { class: "skeleton-block thick long-1" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold long-2" }), h("div", { class: "skeleton-block bold long-1" }), h("div", { class: "skeleton-block bold long-3" })))), h("div", { class: "grid-top-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-1" }))), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold long-2" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold long-2" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))))), h("div", { class: "related-items" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
1411
- }
1412
- default:
1413
- return (h("div", { class: "ptc-section-standard preload-min-height" }, h("div", { class: "ptc-container" }, h("max-width-container", { "max-width": "960", breakpoint: 1200 }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-header" }, h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block wide bold" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block narrow" }), h("div", { class: "skeleton-block short" })), h("div", { class: "skeleton-image" }), h("div", { class: "skeleton-text" }, h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block narrow" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block medium" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block short bold" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" })))))));
1414
- }
1415
- }
1416
- render() {
1417
- // return <Host>{this.isLoading ? this.renderHTML() : <slot></slot>}</Host>;
1418
- return h(Host, null, h("div", { class: `preload-section ${this.isLoading ? "show-skeleton" : ""}` }, h("div", { class: `preload-skeleton ${this.isLoading ? "show" : ""}` }, this.renderHTML()), h("div", { class: `preload-child ${this.isLoading ? "" : "show"}` }, h("slot", null))));
1419
- }
1420
- get hostEle() { return getElement(this); }
1421
- static get watchers() { return {
1422
- "dependencies": ["checkDependencies"]
1423
- }; }
1424
- };
1425
- PtcPreloaderSection.style = ptcPreloaderSectionCss;
1426
-
1427
- const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:var(--ptc-element-spacing-02)}";
1428
-
1429
- const PtcReadmoreV2 = class {
1430
- constructor(hostRef) {
1431
- registerInstance(this, hostRef);
1432
- this.readMoreClicked = createEvent(this, "readMoreClicked", 7);
1433
- this.readMoreRendered = createEvent(this, "readMoreRendered", 7);
1434
- this.getContent = () => {
1435
- return (this.fullText.length > this.maxCharacters) ?
1436
- this.fullText.substring(0, this.maxCharacters) + '...' :
1437
- this.fullText;
1438
- };
1439
- this.getLabel = () => {
1440
- return this.expanded ? this.readLessText : this.readMoreText;
1441
- };
1442
- this.maxCharacters = 100;
1443
- this.readMoreText = "Read More";
1444
- this.readLessText = "Read Less";
1445
- this.truncated = false;
1446
- this.expanded = false;
1447
- this.fullText = '';
1448
- this.displayText = '';
1449
- }
1450
- slotChangeHandler(event) {
1451
- const slot = event.target;
1452
- this.processText(slot);
1453
- }
1454
- componentWillLoad() {
1455
- requestAnimationFrame(() => {
1456
- let slot = this.el.shadowRoot.querySelector('slot');
1457
- this.processText(slot);
1458
- });
1459
- }
1460
- processText(slot) {
1461
- if (slot) {
1462
- const nodes = slot.assignedNodes({ flatten: true });
1463
- this.fullText = nodes
1464
- .map(node => node.textContent)
1465
- .join('')
1466
- .trim();
1467
- if (this.fullText.length > this.maxCharacters) {
1468
- this.truncated = true;
1469
- }
1470
- }
1471
- }
1472
- toggleExpand() {
1473
- this.expanded = !this.expanded;
1474
- this.readMoreClicked.emit(this.expanded);
1475
- }
1476
- render() {
1477
- return (h(Host, null, h("p", { class: "description" }, this.truncated ?
1478
- (this.expanded ? h("slot", null) : this.getContent()) :
1479
- h("slot", null)), this.truncated ?
1480
- h("label", { class: "truncated-label", onClick: () => this.toggleExpand() }, this.getLabel()) :
1481
- null));
1482
- }
1483
- get el() { return getElement(this); }
1484
- };
1485
- PtcReadmoreV2.style = ptcReadmoreV2Css;
1486
-
1487
- const emailSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12" fill="none">
1488
- <path d="M0.299866 0L9.07001 6.74679L17.4921 0H0.299866Z" fill="white"/>
1489
- <path d="M-0.00482178 1.4265V12L17.967 11.8667V1.25317L9.05766 8.34663L-0.00482178 1.4265Z" fill="white"/>
1490
- </svg>`;
1491
-
1492
- const ptcSocialIconsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:max-content}:host div{display:flex;gap:16px}:host div a{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:var(--color-gray-10)}:host div a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}";
1493
-
1494
- const PtcSocialIcons = class {
1495
- constructor(hostRef) {
1496
- registerInstance(this, hostRef);
1497
- this.componentWillLoad = () => { };
1498
- this.facebookUrl = undefined;
1499
- this.linkedinUrl = undefined;
1500
- this.xUrl = undefined;
1501
- this.emailTo = undefined;
1502
- this.trackerId = undefined;
1503
- this.target = '_blank';
1504
- }
1505
- render() {
1506
- return (h(Host, null, h("slot", null), h("div", { id: this.trackerId }, this.facebookUrl && h("a", { href: this.facebookUrl, title: 'Facebook', innerHTML: facebookSVG, target: this.target, "aria-label": "Social share - Facebook" }), this.linkedinUrl && h("a", { href: this.linkedinUrl, title: 'LinkedIn', innerHTML: linkedinSVG, target: this.target, "aria-label": "Social share - LinkedIn" }), this.xUrl && h("a", { href: this.xUrl, title: 'X', innerHTML: xSVG, target: this.target, "aria-label": "Social share - X" }), this.emailTo && h("a", { href: `mailto:${this.emailTo}`, title: 'Email', innerHTML: emailSVG, target: this.target, "aria-label": "Social share - Email" }))));
1507
- }
1508
- get hostEle() { return getElement(this); }
1509
- };
1510
- PtcSocialIcons.style = ptcSocialIconsCss;
1511
-
1512
- const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
1513
-
1514
- const PtcSpacer = class {
1515
- constructor(hostRef) {
1516
- registerInstance(this, hostRef);
1517
- this.breakpoint = '';
1518
- this.size = 'medium';
1519
- this.direction = 'vertical';
1520
- }
1521
- render() {
1522
- const classMap = this.getCssClassMap();
1523
- return (h(Host, { class: classMap }));
1524
- }
1525
- getCssClassMap() {
1526
- return {
1527
- [this.size]: true,
1528
- ['ptc-spacer-horizontal']: this.direction === 'horizontal',
1529
- ['ptc-spacer-vertical']: this.direction === 'vertical',
1530
- ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
1531
- ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
1532
- ['ptc-spacer-small']: this.breakpoint === 'small',
1533
- ['ptc-spacer-medium']: this.breakpoint === 'medium',
1534
- ['ptc-spacer-large']: this.breakpoint === 'large',
1535
- ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
1536
- ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
1537
- ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
1538
- };
1539
- }
1540
- };
1541
- PtcSpacer.style = ptcSpacerCss;
1542
-
1543
- const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}:host(.bg-image-absent){padding:0rem}";
1544
-
1545
- const PtcTextCopyWithBackground = class {
1546
- constructor(hostRef) {
1547
- registerInstance(this, hostRef);
1548
- this.type = 'text-copy-with-background';
1549
- this.backgroundImage = undefined;
1550
- this.ImageAltText = undefined;
1551
- this.topSlitBackgroundColor = undefined;
1552
- this.slitPosition = 'top-right';
1553
- this.isBackgroundBlur = false;
1554
- this.overlay = true;
1555
- this.disableLightLinks = false;
1556
- this.styles = undefined;
1557
- }
1558
- render() {
1559
- const classMap = this.getCssClassMap();
1560
- const slitFill = this.getSlitFillColor();
1561
- return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ?
1562
- h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
1563
- h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
1564
- : null, this.overlay &&
1565
- h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" &&
1566
- h("div", { class: "ptc-container" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: 'card-content' }))))), h("slot", null))));
1567
- }
1568
- getSlitFillColor() {
1569
- let slitFill = '#fff';
1570
- if (this.topSlitBackgroundColor == "auto") {
1571
- let style = getComputedStyle(document.body);
1572
- if (style && style.backgroundColor) {
1573
- slitFill = style.backgroundColor;
1574
- }
1575
- }
1576
- else {
1577
- slitFill = this.topSlitBackgroundColor;
1578
- }
1579
- return slitFill;
1580
- }
1581
- getCssClassMap() {
1582
- return {
1583
- [this.type]: true,
1584
- [this.slitPosition]: true,
1585
- ['light-links']: this.overlay && !this.disableLightLinks,
1586
- ['bg-image-absent']: !this.backgroundImage && this.type == "text-copy-with-background"
1587
- };
1588
- }
1589
- };
1590
- PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
1591
-
1592
- const ptcTitleCss = "h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
1593
-
1594
- const PtcTitle = class {
1595
- constructor(hostRef) {
1596
- registerInstance(this, hostRef);
1597
- this.isPlmHub = false;
1598
- this.type = 'h2';
1599
- this.textAlign = undefined;
1600
- this.upperline = 'dotted';
1601
- this.titleShadow = undefined;
1602
- this.titleColor = 'gray';
1603
- this.titleMargin = undefined;
1604
- this.titleWeight = undefined;
1605
- this.titleSize = undefined;
1606
- this.titleHeight = 'densest';
1607
- this.styles = undefined;
1608
- this.ellipsisLineCutoff = undefined;
1609
- this.titleDisplay = 'inline-block';
1610
- this.seoCompatibilityMode = false;
1611
- this.tooltipZIndex = 'auto';
1612
- this.tooltipPosition = 'bottom';
1613
- this.tooltipTheme = 'standard';
1614
- this.enableTooltip = false;
1615
- this.maxChars = undefined;
1616
- this.maxLines = undefined;
1617
- this.hideTooltipOnMobile = false;
1618
- this.ismob = undefined;
1619
- }
1620
- // Tooltip Properties ends
1621
- componentDidLoad() {
1622
- if (this.hideTooltipOnMobile) {
1623
- this.el.classList.add('hide-tooltip-on-mobile');
1624
- }
1625
- this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
1626
- this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
1627
- }
1628
- render() {
1629
- if (this.seoCompatibilityMode) {
1630
- return this.seoCompRender();
1631
- }
1632
- else {
1633
- return this.standardRender();
1634
- }
1635
- }
1636
- getSortedText(content) {
1637
- if (!this.enableTooltip)
1638
- return;
1639
- const trimmedContent = content.trim();
1640
- const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
1641
- return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
1642
- }
1643
- toggleTitleTooltip(show) {
1644
- var _a;
1645
- const tooltipClass = 'tooltip-box';
1646
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
1647
- const text = this.el.querySelectorAll('.line-clamp-title');
1648
- let maxLinesShowCheck = false;
1649
- if (text) {
1650
- text.forEach(t => {
1651
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
1652
- });
1653
- }
1654
- const ifCharExceeds = (this.tooltipText.length > this.maxChars) && !this.maxLines;
1655
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
1656
- if (show && this.enableTooltip) {
1657
- if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
1658
- const tooltipMarkup = document.createElement('div');
1659
- tooltipMarkup.className = tooltipClass;
1660
- tooltipMarkup.innerText = this.tooltipText;
1661
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
1662
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme);
1663
- if (this.hideTooltipOnMobile) {
1664
- tooltipMarkup.classList.add('hide-tooltip-mobile');
1665
- }
1666
- (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
1667
- }
1668
- }
1669
- else {
1670
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
1671
- }
1672
- }
1673
- seoCompRender() {
1674
- const classMap = this.getCssClassMap();
1675
- const cutOff = this.getLineCuttoff();
1676
- const [TagType, firstChild] = getSeoTagType(this.el, this.type);
1677
- let html = firstChild && firstChild.innerHTML;
1678
- // added for tooltip
1679
- this.tooltipText = html.trim();
1680
- let eleText = firstChild && firstChild.innerText;
1681
- html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
1682
- if (this.el == firstChild) {
1683
- this.el.innerHTML = '';
1684
- }
1685
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0 ? 'line-clamp-title' : '' }))));
1686
- }
1687
- standardRender() {
1688
- const classMap = this.getCssClassMap();
1689
- const cutOff = this.getLineCuttoff();
1690
- let TagType;
1691
- switch (this.type) {
1692
- case 'h1':
1693
- TagType = 'h1';
1694
- break;
1695
- case 'h3':
1696
- TagType = 'h3';
1697
- break;
1698
- case 'h4':
1699
- TagType = 'h4';
1700
- break;
1701
- case 'h5':
1702
- TagType = 'h5';
1703
- break;
1704
- case 'h6':
1705
- TagType = 'h6';
1706
- break;
1707
- default:
1708
- TagType = 'h2';
1709
- }
1710
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
1711
- }
1712
- getCssClassMap() {
1713
- return {
1714
- [this.textAlign]: !!this.textAlign ? true : false,
1715
- [this.upperline]: true,
1716
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
1717
- [this.titleMargin]: !!this.titleMargin ? true : false,
1718
- [this.titleShadow]: !!this.titleShadow ? true : false,
1719
- [this.titleWeight]: !!this.titleWeight ? true : false,
1720
- [this.titleSize]: !!this.titleSize ? true : false,
1721
- [this.titleHeight]: !!this.titleHeight ? true : false,
1722
- [this.titleColor]: !!this.titleColor ? true : false,
1723
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
1724
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
1725
- };
1726
- }
1727
- getLineCuttoff() {
1728
- const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
1729
- return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
1730
- }
1731
- get el() { return getElement(this); }
1732
- };
1733
- PtcTitle.style = ptcTitleCss;
1734
-
1735
- const ptcTooltipCss = "h1.sc-ptc-tooltip,h2.sc-ptc-tooltip,h3.sc-ptc-tooltip,h4.sc-ptc-tooltip,h5.sc-ptc-tooltip,h6.sc-ptc-tooltip,p.sc-ptc-tooltip,ul.sc-ptc-tooltip,li.sc-ptc-tooltip,ptc-subnav.sc-ptc-tooltip,ptc-tab-list.sc-ptc-tooltip,ptc-link.sc-ptc-tooltip,ptc-square-card.sc-ptc-tooltip,.hyphenate-text.sc-ptc-tooltip,ptc-footer.sc-ptc-tooltip{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-tooltip,h2.sc-ptc-tooltip,h3.sc-ptc-tooltip,h4.sc-ptc-tooltip,h5.sc-ptc-tooltip,h6.sc-ptc-tooltip,p.sc-ptc-tooltip,ul.sc-ptc-tooltip,li.sc-ptc-tooltip,ptc-subnav.sc-ptc-tooltip,ptc-tab-list.sc-ptc-tooltip,ptc-link.sc-ptc-tooltip,ptc-square-card.sc-ptc-tooltip,.hyphenate-text.sc-ptc-tooltip,ptc-footer.sc-ptc-tooltip{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.inline.sc-ptc-tooltip-h .text-content.sc-ptc-tooltip{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.sc-ptc-tooltip span.sc-ptc-tooltip{word-break:initial}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-hyperlink)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip.right{transform:translate(100%, 8px) !important}}}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.tooltip.side-left.sc-ptc-tooltip{bottom:12px;transform:translateX(-112%)}@media only screen and (min-width: 768px){.tooltip.side-left.sc-ptc-tooltip{bottom:4px}}.tooltip.side-left.sc-ptc-tooltip::after{top:50%;right:-15px;transform:translateY(-50%);border:8px solid transparent;border-left:8px solid var(--color-gray-09)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}@media only screen and (min-width: 480px){.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}}.no-overflow.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{display:none !important}.no-overflow.sc-ptc-tooltip-h .truncated.sc-ptc-tooltip.sc-ptc-tooltip{cursor:pointer}";
1736
-
1737
- const PtcTooltip = class {
1738
- constructor(hostRef) {
1739
- registerInstance(this, hostRef);
1740
- this.textDisplay = 'inline';
1741
- this.maxLength = 45;
1742
- this.textLines = undefined;
1743
- this.description = 'This is a tooltip text placeholder';
1744
- this.zIndex = 'z-auto';
1745
- this.position = 'bottom';
1746
- this.styles = undefined;
1747
- this.mode = 'text-only';
1748
- this.theme = 'standard';
1749
- this.width = 'default';
1750
- this.hideOnMobile = false;
1751
- this.isSmallScreen = undefined;
1752
- this.noOverflow = false;
1753
- }
1754
- addTruncatedClass() {
1755
- const appRoot = this.el;
1756
- const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
1757
- text.forEach(t => {
1758
- t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
1759
- });
1760
- }
1761
- windowResize() {
1762
- this.verifiyScreenSize();
1763
- }
1764
- verifiyScreenSize() {
1765
- this.isSmallScreen = window.innerWidth < 768;
1766
- }
1767
- // Created this function to initialize the truncate function on specific elements like tabs
1768
- enableAddTruncatedClass(element) {
1769
- const allTabHeaders = document.querySelectorAll(element);
1770
- for (const element of Array.from(allTabHeaders)) {
1771
- let tabHeader = element;
1772
- if (tabHeader) {
1773
- tabHeader.addEventListener('click', () => {
1774
- setTimeout(() => {
1775
- this.addTruncatedClass();
1776
- }, 100);
1777
- });
1778
- }
1779
- }
1780
- }
1781
- componentWillLoad() {
1782
- this.verifiyScreenSize();
1783
- }
1784
- componentDidLoad() {
1785
- //this.addTruncatedClass();
1786
- setTimeout(() => {
1787
- this.addTruncatedClass();
1788
- }, 1000);
1789
- this.enableAddTruncatedClass('tab-header');
1790
- this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
1791
- this.enableAddTruncatedClass('ptc-product-card');
1792
- document.addEventListener('readystatechange', () => {
1793
- if (document.readyState === 'complete') {
1794
- this.addTruncatedClass();
1795
- }
1796
- });
1797
- }
1798
- render() {
1799
- if (this.mode == 'wrapper') {
1800
- return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && h("span", { innerHTML: this.description })))));
1801
- }
1802
- else {
1803
- const classMap = this.getCssClassMap();
1804
- const cutOff = this.getLineCuttoff();
1805
- let truncatedText = this.description.substring(0, this.maxLength);
1806
- if (this.description.length > this.maxLength) {
1807
- //const lastSpace = truncatedText.lastIndexOf(' ');
1808
- //truncatedText = truncatedText.substring(0, lastSpace);
1809
- truncatedText += '... ';
1810
- }
1811
- return (h(Host, { class: { [this.textDisplay]: true, [this.width]: true, 'no-overflow': this.noOverflow } }, this.styles && h("style", null, this.styles), this.hideOnMobile && this.isSmallScreen ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
1812
- }
1813
- }
1814
- getCssClassMap() {
1815
- return {
1816
- // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,
1817
- ['text-ellipsis']: true,
1818
- [this.zIndex]: this.description.length > this.maxLength ? true : false,
1819
- ['truncated']: this.description.length > this.maxLength && !this.textLines ? true : false,
1820
- };
1821
- }
1822
- getLineCuttoff() {
1823
- let result;
1824
- if (this.textLines && this.textLines > 0) {
1825
- result = {
1826
- ['-webkit-line-clamp']: `${this.textLines}`,
1827
- };
1828
- }
1829
- return result;
1830
- }
1831
- get el() { return getElement(this); }
1832
- };
1833
- PtcTooltip.style = ptcTooltipCss;
1834
-
1835
- export { BlogDetailContent as blog_detail_content, BlogDetailLayout as blog_detail_layout, IconAsset as icon_asset, ListItem as list_item, MaxWidthContainer as max_width_container, PtcBackgroundVideo as ptc_background_video, PtcBreadcrumb as ptc_breadcrumb, PtcButton as ptc_button, PtcImg as ptc_img, PtcInlineCta as ptc_inline_cta, PtcJumbotron as ptc_jumbotron, PtcLink as ptc_link, PtcPara as ptc_para, PtcPicture as ptc_picture, PtcPreloaderSection as ptc_preloader_section, PtcReadmoreV2 as ptc_readmore_v2, PtcSocialIcons as ptc_social_icons, PtcSpacer as ptc_spacer, PtcTextCopyWithBackground as ptc_text_copy_with_background, PtcTitle as ptc_title, PtcTooltip as ptc_tooltip };