@ptcwebops/ptcw-design 1.7.0 → 1.7.2

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 (517) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/bundle-example.cjs.entry.js +31 -31
  3. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +40 -40
  4. package/dist/cjs/{core-5a811549.js → core-3eeb2cf1.js} +91 -29
  5. package/dist/cjs/dropdown-item.cjs.entry.js +11 -11
  6. package/dist/cjs/dynamic-box-bundle.cjs.entry.js +26 -26
  7. package/dist/cjs/icon-asset_5.cjs.entry.js +218 -0
  8. package/dist/cjs/{index-88135a6b.js → index-266d5edd.js} +72 -1
  9. package/dist/cjs/innovator-toggle-container.cjs.entry.js +22 -22
  10. package/dist/cjs/{interfaces-574e6df7.js → interfaces-0ecd8027.js} +9 -9
  11. package/dist/cjs/loader.cjs.js +3 -3
  12. package/dist/cjs/lottie-player.cjs.entry.js +3073 -2826
  13. package/dist/cjs/max-width-container_3.cjs.entry.js +217 -217
  14. package/dist/cjs/my-component.cjs.entry.js +16 -16
  15. package/dist/cjs/ptc-accordion-item.cjs.entry.js +84 -84
  16. package/dist/cjs/ptc-accordion.cjs.entry.js +36 -36
  17. package/dist/cjs/ptc-announcement.cjs.entry.js +51 -51
  18. package/dist/cjs/ptc-back-to-top.cjs.entry.js +46 -0
  19. package/dist/cjs/ptc-bio-card.cjs.entry.js +25 -25
  20. package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +123 -123
  21. package/dist/cjs/ptc-card-content.cjs.entry.js +58 -58
  22. package/dist/cjs/ptc-card.cjs.entry.js +67 -67
  23. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +114 -87
  24. package/dist/cjs/ptc-checkbox.cjs.entry.js +51 -51
  25. package/dist/cjs/ptc-collapse-list.cjs.entry.js +354 -354
  26. package/dist/cjs/ptc-container.cjs.entry.js +34 -34
  27. package/dist/cjs/ptc-date.cjs.entry.js +51 -51
  28. package/dist/cjs/ptc-dropdown.cjs.entry.js +65 -65
  29. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +48 -48
  30. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +48 -40
  31. package/dist/cjs/ptc-filter-tag.cjs.entry.js +58 -58
  32. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +12 -12
  33. package/dist/cjs/ptc-hero.cjs.entry.js +19 -19
  34. package/dist/cjs/ptc-icon-list.cjs.entry.js +22 -22
  35. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +44 -44
  36. package/dist/cjs/ptc-image-download-strip.cjs.entry.js +19 -19
  37. package/dist/cjs/ptc-jumbotron.cjs.entry.js +111 -111
  38. package/dist/cjs/ptc-link.cjs.entry.js +34 -34
  39. package/dist/cjs/ptc-list.cjs.entry.js +50 -50
  40. package/dist/cjs/ptc-lottie.cjs.entry.js +11 -11
  41. package/dist/cjs/ptc-media-card.cjs.entry.js +59 -59
  42. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +9 -9
  43. package/dist/cjs/ptc-minimized-header.cjs.entry.js +12 -12
  44. package/dist/cjs/ptc-mobile-select.cjs.entry.js +157 -139
  45. package/dist/cjs/ptc-modal.cjs.entry.js +151 -151
  46. package/dist/cjs/ptc-nav-card.cjs.entry.js +37 -37
  47. package/dist/cjs/ptc-nav-link.cjs.entry.js +37 -37
  48. package/dist/cjs/ptc-nav-slider.cjs.entry.js +84 -84
  49. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +19 -19
  50. package/dist/cjs/ptc-news.cjs.entry.js +18 -18
  51. package/dist/cjs/ptc-overlay.cjs.entry.js +24 -24
  52. package/dist/cjs/ptc-pagenation.cjs.entry.js +307 -307
  53. package/dist/cjs/ptc-para_2.cjs.entry.js +94 -0
  54. package/dist/cjs/ptc-picture.cjs.entry.js +154 -0
  55. package/dist/cjs/ptc-previous-url.cjs.entry.js +12 -12
  56. package/dist/cjs/ptc-pricing-block.cjs.entry.js +21 -21
  57. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +125 -125
  58. package/dist/cjs/ptc-product-card.cjs.entry.js +33 -0
  59. package/dist/cjs/ptc-product-category.cjs.entry.js +21 -0
  60. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +80 -0
  61. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +23 -0
  62. package/dist/cjs/ptc-product-list.cjs.entry.js +151 -0
  63. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +140 -0
  64. package/dist/cjs/ptc-progress-bar_2.cjs.entry.js +86 -86
  65. package/dist/cjs/ptc-quote.cjs.entry.js +24 -24
  66. package/dist/cjs/ptc-readmore.cjs.entry.js +74 -74
  67. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +55 -55
  68. package/dist/cjs/ptc-search-field.cjs.entry.js +72 -72
  69. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +51 -51
  70. package/dist/cjs/ptc-slit-card.cjs.entry.js +26 -26
  71. package/dist/cjs/ptc-span.cjs.entry.js +21 -21
  72. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +33 -33
  73. package/dist/cjs/ptc-sticky-section.cjs.entry.js +29 -29
  74. package/dist/cjs/ptc-sticky-title.cjs.entry.js +24 -24
  75. package/dist/cjs/ptc-subnav-card.cjs.entry.js +16 -16
  76. package/dist/cjs/ptc-subnav.cjs.entry.js +22 -22
  77. package/dist/cjs/ptc-svg-btn.cjs.entry.js +96 -96
  78. package/dist/cjs/ptc-tab-list.cjs.entry.js +143 -127
  79. package/dist/cjs/ptc-tab.cjs.entry.js +21 -21
  80. package/dist/cjs/ptc-tabs.cjs.entry.js +48 -48
  81. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +43 -43
  82. package/dist/cjs/ptc-tooltip.cjs.entry.js +106 -0
  83. package/dist/cjs/ptc-two-column-media.cjs.entry.js +16 -16
  84. package/dist/cjs/ptcw-design.cjs.js +3 -3
  85. package/dist/cjs/sequential-bundle-example.cjs.entry.js +110 -110
  86. package/dist/cjs/sequential-bundle.cjs.entry.js +90 -90
  87. package/dist/cjs/tab-content.cjs.entry.js +28 -28
  88. package/dist/cjs/tab-header.cjs.entry.js +65 -65
  89. package/dist/cjs/{utils-9eb22041.js → utils-416c94fe.js} +90 -90
  90. package/dist/collection/collection-manifest.json +1 -1
  91. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  92. package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
  93. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  94. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  95. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  96. package/dist/collection/components/icon-asset/media/designer.svg +464 -464
  97. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  98. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  99. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  100. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
  101. package/dist/collection/components/list-item/list-item.js +144 -144
  102. package/dist/collection/components/max-width-container/max-width-container.css +11 -11
  103. package/dist/collection/components/max-width-container/max-width-container.js +123 -123
  104. package/dist/collection/components/my-component/my-component.css +3 -3
  105. package/dist/collection/components/my-component/my-component.js +82 -82
  106. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
  107. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +58 -58
  108. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
  109. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -91
  110. package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
  111. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +91 -91
  112. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +160 -160
  113. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
  114. package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
  115. package/dist/collection/components/ptc-announcement/ptc-announcement.js +237 -237
  116. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +61 -61
  117. package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -200
  118. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
  119. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
  120. package/dist/collection/components/ptc-button/ptc-button.js +302 -302
  121. package/dist/collection/components/ptc-card/ptc-card.js +362 -362
  122. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
  123. package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
  124. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +214 -214
  125. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +2 -2
  126. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +91 -91
  127. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
  128. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +593 -593
  129. package/dist/collection/components/ptc-container/ptc-container.js +138 -138
  130. package/dist/collection/components/ptc-date/ptc-date.js +224 -224
  131. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  132. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  133. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +174 -174
  134. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +58 -3
  135. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +137 -122
  136. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  137. package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
  138. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  139. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
  140. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
  141. package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +51 -51
  142. package/dist/collection/components/ptc-img/ptc-img.js +311 -311
  143. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +1 -1
  144. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +334 -334
  145. package/dist/collection/components/ptc-link/ptc-link.js +207 -207
  146. package/dist/collection/components/ptc-list/ptc-list.js +99 -99
  147. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  148. package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
  149. package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
  150. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
  151. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
  152. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +7 -2
  153. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -190
  154. package/dist/collection/components/ptc-modal/ptc-modal.js +407 -407
  155. package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
  156. package/dist/collection/components/ptc-news/ptc-news.js +169 -169
  157. package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
  158. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
  159. package/dist/collection/components/ptc-para/ptc-para.js +242 -242
  160. package/dist/collection/components/ptc-picture/ptc-picture.js +473 -473
  161. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
  162. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
  163. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
  164. package/dist/collection/components/ptc-product-card/ptc-product-card.js +162 -162
  165. package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -60
  166. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -185
  167. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -96
  168. package/dist/collection/components/ptc-product-list/ptc-product-list.js +194 -194
  169. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +253 -253
  170. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -42
  171. package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
  172. package/dist/collection/components/ptc-readmore/ptc-readmore.js +298 -298
  173. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  174. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  175. package/dist/collection/components/ptc-search-field/ptc-search-field.js +247 -247
  176. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  177. package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
  178. package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -181
  179. package/dist/collection/components/ptc-social-share/ptc-social-share.js +267 -267
  180. package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
  181. package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
  182. package/dist/collection/components/ptc-span/ptc-span.js +107 -107
  183. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  184. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.css +1 -1
  185. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +46 -46
  186. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -89
  187. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
  188. package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +8 -4
  189. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +195 -177
  190. package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
  191. package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
  192. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +181 -181
  193. package/dist/collection/components/ptc-title/ptc-title.css +5 -0
  194. package/dist/collection/components/ptc-title/ptc-title.js +310 -310
  195. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +342 -342
  196. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  197. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +114 -114
  198. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +126 -126
  199. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +85 -85
  200. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +47 -47
  201. package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +133 -133
  202. package/dist/collection/components/tab-content/tab-content.js +84 -84
  203. package/dist/collection/components/tab-header/tab-header.js +182 -182
  204. package/dist/collection/index.js +1 -1
  205. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  206. package/dist/collection/media/svg-imgs/close.svg +10 -10
  207. package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
  208. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  209. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  210. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  211. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  212. package/dist/collection/media/svg-imgs/union.svg +3 -3
  213. package/dist/collection/stories/Button.stories.js +43 -43
  214. package/dist/collection/stories/MaxWidthContainer.stories.js +32 -32
  215. package/dist/collection/stories/ReadMore.stories.js +100 -100
  216. package/dist/collection/stories/Title.stories.js +115 -115
  217. package/dist/collection/stories/Tooltip.stories.js +112 -112
  218. package/dist/collection/utils/component.js +3 -3
  219. package/dist/collection/utils/interfaces.js +11 -11
  220. package/dist/collection/utils/utils.js +92 -92
  221. package/dist/custom-elements/index.js +8499 -8121
  222. package/dist/esm/bundle-example.entry.js +31 -31
  223. package/dist/esm/bundle-jumbotron-example.entry.js +40 -40
  224. package/dist/esm/{core-2af05469.js → core-4a7dabca.js} +91 -29
  225. package/dist/esm/dropdown-item.entry.js +11 -11
  226. package/dist/esm/dynamic-box-bundle.entry.js +26 -26
  227. package/dist/esm/icon-asset_5.entry.js +210 -0
  228. package/dist/esm/{index-8e63c32d.js → index-521c9253.js} +72 -1
  229. package/dist/esm/innovator-toggle-container.entry.js +22 -22
  230. package/dist/esm/{interfaces-7c0243be.js → interfaces-3cb94654.js} +10 -10
  231. package/dist/esm/loader.js +4 -4
  232. package/dist/esm/lottie-player.entry.js +3073 -2826
  233. package/dist/esm/max-width-container_3.entry.js +217 -217
  234. package/dist/esm/my-component.entry.js +16 -16
  235. package/dist/esm/polyfills/core-js.js +0 -0
  236. package/dist/esm/polyfills/dom.js +0 -0
  237. package/dist/esm/polyfills/es5-html-element.js +0 -0
  238. package/dist/esm/polyfills/index.js +0 -0
  239. package/dist/esm/polyfills/system.js +0 -0
  240. package/dist/esm/ptc-accordion-item.entry.js +84 -84
  241. package/dist/esm/ptc-accordion.entry.js +36 -36
  242. package/dist/esm/ptc-announcement.entry.js +51 -51
  243. package/dist/esm/ptc-back-to-top.entry.js +42 -0
  244. package/dist/esm/ptc-bio-card.entry.js +25 -25
  245. package/dist/esm/ptc-card-bottom_3.entry.js +123 -123
  246. package/dist/esm/ptc-card-content.entry.js +58 -58
  247. package/dist/esm/ptc-card.entry.js +67 -67
  248. package/dist/esm/ptc-case-studies-slider.entry.js +114 -87
  249. package/dist/esm/ptc-checkbox.entry.js +51 -51
  250. package/dist/esm/ptc-collapse-list.entry.js +354 -354
  251. package/dist/esm/ptc-container.entry.js +34 -34
  252. package/dist/esm/ptc-date.entry.js +51 -51
  253. package/dist/esm/ptc-dropdown.entry.js +65 -65
  254. package/dist/esm/ptc-dynamic-card.entry.js +48 -48
  255. package/dist/esm/ptc-ellipsis-dropdown.entry.js +48 -40
  256. package/dist/esm/ptc-filter-tag.entry.js +58 -58
  257. package/dist/esm/ptc-hero-footer-cta.entry.js +12 -12
  258. package/dist/esm/ptc-hero.entry.js +19 -19
  259. package/dist/esm/ptc-icon-list.entry.js +22 -22
  260. package/dist/esm/ptc-icon-minimize.entry.js +44 -44
  261. package/dist/esm/ptc-image-download-strip.entry.js +19 -19
  262. package/dist/esm/ptc-jumbotron.entry.js +111 -111
  263. package/dist/esm/ptc-link.entry.js +34 -34
  264. package/dist/esm/ptc-list.entry.js +50 -50
  265. package/dist/esm/ptc-lottie.entry.js +11 -11
  266. package/dist/esm/ptc-media-card.entry.js +59 -59
  267. package/dist/esm/ptc-minimized-footer.entry.js +9 -9
  268. package/dist/esm/ptc-minimized-header.entry.js +12 -12
  269. package/dist/esm/ptc-mobile-select.entry.js +157 -139
  270. package/dist/esm/ptc-modal.entry.js +151 -151
  271. package/dist/esm/ptc-nav-card.entry.js +37 -37
  272. package/dist/esm/ptc-nav-link.entry.js +37 -37
  273. package/dist/esm/ptc-nav-slider.entry.js +84 -84
  274. package/dist/esm/ptc-nav-submenu.entry.js +19 -19
  275. package/dist/esm/ptc-news.entry.js +18 -18
  276. package/dist/esm/ptc-overlay.entry.js +24 -24
  277. package/dist/esm/ptc-pagenation.entry.js +307 -307
  278. package/dist/esm/ptc-para_2.entry.js +89 -0
  279. package/dist/esm/ptc-picture.entry.js +150 -0
  280. package/dist/esm/ptc-previous-url.entry.js +12 -12
  281. package/dist/esm/ptc-pricing-block.entry.js +21 -21
  282. package/dist/esm/ptc-pricing-tabs.entry.js +125 -125
  283. package/dist/esm/ptc-product-card.entry.js +29 -0
  284. package/dist/esm/ptc-product-category.entry.js +17 -0
  285. package/dist/esm/ptc-product-dropdown.entry.js +76 -0
  286. package/dist/esm/ptc-product-highlight-card.entry.js +19 -0
  287. package/dist/esm/ptc-product-list.entry.js +147 -0
  288. package/dist/esm/ptc-product-sidebar.entry.js +136 -0
  289. package/dist/esm/ptc-progress-bar_2.entry.js +86 -86
  290. package/dist/esm/ptc-quote.entry.js +24 -24
  291. package/dist/esm/ptc-readmore.entry.js +74 -74
  292. package/dist/esm/ptc-responsive-wrapper.entry.js +55 -55
  293. package/dist/esm/ptc-search-field.entry.js +72 -72
  294. package/dist/esm/ptc-shopping-cart.entry.js +51 -51
  295. package/dist/esm/ptc-slit-card.entry.js +26 -26
  296. package/dist/esm/ptc-span.entry.js +21 -21
  297. package/dist/esm/ptc-sticky-icons.entry.js +33 -33
  298. package/dist/esm/ptc-sticky-section.entry.js +29 -29
  299. package/dist/esm/ptc-sticky-title.entry.js +24 -24
  300. package/dist/esm/ptc-subnav-card.entry.js +16 -16
  301. package/dist/esm/ptc-subnav.entry.js +22 -22
  302. package/dist/esm/ptc-svg-btn.entry.js +96 -96
  303. package/dist/esm/ptc-tab-list.entry.js +143 -127
  304. package/dist/esm/ptc-tab.entry.js +21 -21
  305. package/dist/esm/ptc-tabs.entry.js +48 -48
  306. package/dist/esm/ptc-text-copy-with-background.entry.js +43 -43
  307. package/dist/esm/ptc-tooltip.entry.js +102 -0
  308. package/dist/esm/ptc-two-column-media.entry.js +16 -16
  309. package/dist/esm/ptcw-design.js +4 -4
  310. package/dist/esm/sequential-bundle-example.entry.js +110 -110
  311. package/dist/esm/sequential-bundle.entry.js +90 -90
  312. package/dist/esm/tab-content.entry.js +28 -28
  313. package/dist/esm/tab-header.entry.js +65 -65
  314. package/dist/esm/{utils-38decc43.js → utils-f937097d.js} +90 -90
  315. package/dist/ptcw-design/media/brands.svg +1381 -1381
  316. package/dist/ptcw-design/media/designer.svg +464 -464
  317. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  318. package/dist/ptcw-design/media/regular.svg +463 -463
  319. package/dist/ptcw-design/media/solid.svg +3013 -3013
  320. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  321. package/dist/ptcw-design/p-037436f9.entry.js +1 -0
  322. package/dist/ptcw-design/{p-73ea7065.entry.js → p-04d4bfc4.entry.js} +1 -1
  323. package/dist/ptcw-design/{p-cd44eedb.entry.js → p-07d7fdae.entry.js} +1 -1
  324. package/dist/ptcw-design/{p-f1f1b19d.entry.js → p-09d3a524.entry.js} +1 -1
  325. package/dist/ptcw-design/{p-e8c46d2e.entry.js → p-0a400bd4.entry.js} +1 -1
  326. package/dist/ptcw-design/p-0bd8d982.entry.js +1 -0
  327. package/dist/ptcw-design/p-0e630350.entry.js +1 -0
  328. package/dist/ptcw-design/{p-15af7aee.entry.js → p-142cdd0c.entry.js} +1 -1
  329. package/dist/ptcw-design/{p-55d298f5.entry.js → p-14d31733.entry.js} +1 -1
  330. package/dist/ptcw-design/{p-1199de26.entry.js → p-1f1dca1b.entry.js} +1 -1
  331. package/dist/ptcw-design/{p-ee1183b2.js → p-240733ce.js} +1 -1
  332. package/dist/ptcw-design/{p-c3b7c168.entry.js → p-2763af9e.entry.js} +1 -1
  333. package/dist/ptcw-design/{p-938f3078.entry.js → p-2ac4876a.entry.js} +1 -1
  334. package/dist/ptcw-design/{p-12780f09.entry.js → p-2af2c990.entry.js} +1 -1
  335. package/dist/ptcw-design/{p-1cea4b9e.entry.js → p-2f56293b.entry.js} +1 -1
  336. package/dist/ptcw-design/{p-4977dc6d.entry.js → p-34aef911.entry.js} +1 -1
  337. package/dist/ptcw-design/{p-366528df.entry.js → p-356a8a49.entry.js} +1 -1
  338. package/dist/ptcw-design/p-3bc8b8cd.entry.js +1 -0
  339. package/dist/ptcw-design/{p-d49d8875.entry.js → p-3cddd372.entry.js} +1 -1
  340. package/dist/ptcw-design/{p-462567d1.entry.js → p-3f5ad479.entry.js} +1 -1
  341. package/dist/ptcw-design/{p-c005febf.entry.js → p-4206b5f8.entry.js} +1 -1
  342. package/dist/ptcw-design/{p-a7b20fe7.entry.js → p-4fc8a28d.entry.js} +1 -1
  343. package/dist/ptcw-design/{p-250b3ea1.entry.js → p-50ec5021.entry.js} +1 -1
  344. package/dist/ptcw-design/{p-af3a4142.entry.js → p-5355df5f.entry.js} +1 -1
  345. package/dist/ptcw-design/{p-f4923de6.entry.js → p-57dad570.entry.js} +1 -1
  346. package/dist/ptcw-design/p-5aa039eb.entry.js +1 -0
  347. package/dist/ptcw-design/{p-ba3372d4.entry.js → p-5bdb4d6b.entry.js} +1 -1
  348. package/dist/ptcw-design/{p-26880c78.entry.js → p-6107436a.entry.js} +1 -1
  349. package/dist/ptcw-design/p-62bacdde.entry.js +1 -0
  350. package/dist/ptcw-design/{p-00c9ae79.entry.js → p-63dd30ad.entry.js} +1 -1
  351. package/dist/ptcw-design/{p-bcc91b07.entry.js → p-653864dc.entry.js} +1 -1
  352. package/dist/ptcw-design/p-6b8f2a2a.entry.js +1 -0
  353. package/dist/ptcw-design/p-6d0d90ac.entry.js +1 -0
  354. package/dist/ptcw-design/{p-dd6501a8.entry.js → p-6eaeb9d0.entry.js} +1 -1
  355. package/dist/ptcw-design/p-6ec5167f.entry.js +1 -0
  356. package/dist/ptcw-design/{p-f24c57cf.entry.js → p-6f564063.entry.js} +1 -1
  357. package/dist/ptcw-design/p-6fab6819.js +1 -0
  358. package/dist/ptcw-design/{p-9e230e0f.entry.js → p-703fbae8.entry.js} +1 -1
  359. package/dist/ptcw-design/{p-8030db10.entry.js → p-70f3caa1.entry.js} +1 -1
  360. package/dist/ptcw-design/{p-7a4e460c.entry.js → p-72bf60b0.entry.js} +1 -1
  361. package/dist/ptcw-design/{p-fa58bf5f.entry.js → p-73b54b2b.entry.js} +1 -1
  362. package/dist/ptcw-design/p-785edd90.entry.js +1 -0
  363. package/dist/ptcw-design/{p-d7d6eff1.entry.js → p-8896e8e8.entry.js} +1 -1
  364. package/dist/ptcw-design/{p-4702f4e4.entry.js → p-88d78c75.entry.js} +1 -1
  365. package/dist/ptcw-design/{p-e71c4b6b.entry.js → p-89bdbdb0.entry.js} +1 -1
  366. package/dist/ptcw-design/{p-fe1ff7d2.entry.js → p-8a5c6d19.entry.js} +1 -1
  367. package/dist/ptcw-design/{p-99b10f83.entry.js → p-8ec1379c.entry.js} +1 -1
  368. package/dist/ptcw-design/p-8fcd6843.entry.js +1 -0
  369. package/dist/ptcw-design/{p-3cf1f951.entry.js → p-90f5ddf3.entry.js} +1 -1
  370. package/dist/ptcw-design/{p-a9eaabae.entry.js → p-92ca1c90.entry.js} +1 -1
  371. package/dist/ptcw-design/{p-469482ba.entry.js → p-9a2e1d68.entry.js} +1 -1
  372. package/dist/ptcw-design/{p-aa942e3b.entry.js → p-9da7f322.entry.js} +1 -1
  373. package/dist/ptcw-design/{p-3bb54c51.entry.js → p-9e710bd9.entry.js} +1 -1
  374. package/dist/ptcw-design/{p-4983e571.entry.js → p-9f86b7c0.entry.js} +1 -1
  375. package/dist/ptcw-design/{p-4e551e25.entry.js → p-a8e9a9ab.entry.js} +1 -1
  376. package/dist/ptcw-design/{p-c2c85e61.entry.js → p-a9e8d6ae.entry.js} +1 -1
  377. package/dist/ptcw-design/{p-b922e3a5.entry.js → p-aa9e455f.entry.js} +1 -1
  378. package/dist/ptcw-design/{p-d7232d12.entry.js → p-aebf5905.entry.js} +1 -1
  379. package/dist/ptcw-design/p-b6c1d399.entry.js +1 -0
  380. package/dist/ptcw-design/{p-cdff68d4.entry.js → p-baf37894.entry.js} +1 -1
  381. package/dist/ptcw-design/{p-d9f4813a.entry.js → p-bcc50ffa.entry.js} +1 -1
  382. package/dist/ptcw-design/{p-7753a23d.entry.js → p-be39908c.entry.js} +1 -1
  383. package/dist/ptcw-design/{p-5e08dc82.entry.js → p-bee618f0.entry.js} +1 -1
  384. package/dist/ptcw-design/{p-99e80637.entry.js → p-c085ea09.entry.js} +1 -1
  385. package/dist/ptcw-design/{p-8c6b069b.entry.js → p-c24ba553.entry.js} +1 -1
  386. package/dist/ptcw-design/p-c54bc7d0.entry.js +1 -0
  387. package/dist/ptcw-design/p-c758ea47.entry.js +1 -0
  388. package/dist/ptcw-design/{p-e66e3791.entry.js → p-c8cd200f.entry.js} +1 -1
  389. package/dist/ptcw-design/p-ca180fdd.entry.js +1 -0
  390. package/dist/ptcw-design/{p-eed3687b.entry.js → p-ca846daf.entry.js} +1 -1
  391. package/dist/ptcw-design/{p-cd6b8c27.entry.js → p-cbcdde15.entry.js} +1 -1
  392. package/dist/ptcw-design/{p-46afd828.entry.js → p-cff4b6f8.entry.js} +1 -1
  393. package/dist/ptcw-design/{p-a24ecd75.entry.js → p-d8be1ada.entry.js} +1 -1
  394. package/dist/ptcw-design/{p-4f540f7c.entry.js → p-d9085ab8.entry.js} +1 -1
  395. package/dist/ptcw-design/{p-2318d652.entry.js → p-dbc3591d.entry.js} +1 -1
  396. package/dist/ptcw-design/p-e35c26f9.entry.js +1 -0
  397. package/dist/ptcw-design/{p-af3d5be7.entry.js → p-ea2f7967.entry.js} +1 -1
  398. package/dist/ptcw-design/{p-c5fadad0.entry.js → p-f152aa1a.entry.js} +1 -1
  399. package/dist/ptcw-design/{p-5507ef4b.entry.js → p-f3c1d0f7.entry.js} +1 -1
  400. package/dist/ptcw-design/{p-574680c3.entry.js → p-f4bfdb6c.entry.js} +1 -1
  401. package/dist/ptcw-design/{p-2181c8c7.entry.js → p-f77048a0.entry.js} +1 -1
  402. package/dist/ptcw-design/{p-59058faa.entry.js → p-f7d9d8d6.entry.js} +1 -1
  403. package/dist/ptcw-design/{p-9379f3b6.entry.js → p-fbd20db7.entry.js} +1 -1
  404. package/dist/ptcw-design/{p-718d6ae8.entry.js → p-fef6f882.entry.js} +1 -1
  405. package/dist/ptcw-design/ptcw-design.css +2 -2
  406. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  407. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  408. package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
  409. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  410. package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
  411. package/dist/types/components/list-item/list-item.d.ts +16 -16
  412. package/dist/types/components/max-width-container/max-width-container.d.ts +15 -15
  413. package/dist/types/components/my-component/my-component.d.ts +16 -16
  414. package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +10 -10
  415. package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
  416. package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
  417. package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
  418. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  419. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  420. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
  421. package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +9 -9
  422. package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -45
  423. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
  424. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
  425. package/dist/types/components/ptc-button/ptc-button.d.ts +64 -64
  426. package/dist/types/components/ptc-card/ptc-card.d.ts +71 -71
  427. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  428. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
  429. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +24 -24
  430. package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +14 -14
  431. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
  432. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  433. package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
  434. package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
  435. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  436. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +23 -23
  437. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +15 -12
  438. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  439. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
  440. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  441. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  442. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
  443. package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +9 -9
  444. package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
  445. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +25 -25
  446. package/dist/types/components/ptc-link/ptc-link.d.ts +40 -40
  447. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  448. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  449. package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
  450. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  451. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  452. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
  453. package/dist/types/components/ptc-modal/ptc-modal.d.ts +71 -71
  454. package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
  455. package/dist/types/components/ptc-news/ptc-news.d.ts +35 -35
  456. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
  457. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
  458. package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
  459. package/dist/types/components/ptc-picture/ptc-picture.d.ts +97 -97
  460. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
  461. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
  462. package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
  463. package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +37 -37
  464. package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -5
  465. package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -18
  466. package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -23
  467. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +18 -18
  468. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +31 -31
  469. package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -5
  470. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  471. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +57 -57
  472. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  473. package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
  474. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  475. package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
  476. package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -36
  477. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +37 -37
  478. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  479. package/dist/types/components/ptc-span/ptc-span.d.ts +20 -20
  480. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  481. package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
  482. package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -8
  483. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
  484. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +21 -19
  485. package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
  486. package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
  487. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +34 -34
  488. package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
  489. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +59 -59
  490. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  491. package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +21 -21
  492. package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
  493. package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +18 -18
  494. package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +7 -7
  495. package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +27 -27
  496. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  497. package/dist/types/components/tab-header/tab-header.d.ts +22 -22
  498. package/dist/types/components.d.ts +130 -130
  499. package/dist/types/global.d.ts +1072 -1072
  500. package/dist/types/index.d.ts +1 -1
  501. package/dist/types/stencil-public-runtime.d.ts +11 -0
  502. package/dist/types/utils/component.d.ts +1 -1
  503. package/dist/types/utils/interfaces.d.ts +31 -31
  504. package/dist/types/utils/utils.d.ts +5 -5
  505. package/package.json +80 -80
  506. package/readme.md +18 -18
  507. package/dist/cjs/icon-asset_16.cjs.entry.js +0 -1006
  508. package/dist/esm/icon-asset_16.entry.js +0 -987
  509. package/dist/ptcw-design/p-32efd536.entry.js +0 -1
  510. package/dist/ptcw-design/p-575de112.js +0 -1
  511. package/dist/ptcw-design/p-8a1c2577.entry.js +0 -1
  512. package/dist/ptcw-design/p-b5d7c48e.entry.js +0 -1
  513. package/dist/ptcw-design/p-c7bd4d99.entry.js +0 -1
  514. package/dist/ptcw-design/p-f958e8c7.entry.js +0 -1
  515. package/dist/ptcw-design/p-fe438f03.entry.js +0 -1
  516. /package/dist/ptcw-design/{p-63c06667.js → p-92141eb1.js} +0 -0
  517. /package/dist/ptcw-design/{p-36665caa.js → p-ea875d9e.js} +0 -0
package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css CHANGED
@@ -1,26 +1,26 @@
1
1
  .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}}
2
-
3
-
4
- :host {
5
- display: block;
6
- }
7
-
8
- .has-col-gap-md {
9
- grid-column-gap: 16px;
10
- }
11
-
12
- .has-row-gap-md {
13
- grid-row-gap: 48px;
14
- }
15
-
16
- @media only screen and (min-width: 768px) {
17
- .has-col-gap-md {
18
- grid-column-gap: 24px;
19
- }
20
- }
21
-
22
- @media only screen and (min-width: 992px) {
23
- .has-col-gap-md {
24
- grid-column-gap: 32px;
25
- }
26
- }
2
+
3
+
4
+ :host {
5
+ display: block;
6
+ }
7
+
8
+ .has-col-gap-md {
9
+ grid-column-gap: 16px;
10
+ }
11
+
12
+ .has-row-gap-md {
13
+ grid-row-gap: 48px;
14
+ }
15
+
16
+ @media only screen and (min-width: 768px) {
17
+ .has-col-gap-md {
18
+ grid-column-gap: 24px;
19
+ }
20
+ }
21
+
22
+ @media only screen and (min-width: 992px) {
23
+ .has-col-gap-md {
24
+ grid-column-gap: 32px;
25
+ }
26
+ }
package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js CHANGED
@@ -1,58 +1,58 @@
1
- import { Host, h } from '@stencil/core';
2
- export class BundleExample {
3
- constructor() {
4
- this.isLoading = true;
5
- this.picWidth = undefined;
6
- this.picHeight = undefined;
7
- }
8
- handleWindowResize() {
9
- this.updatePictureSize();
10
- }
11
- // Replace it with search logic
12
- componentDidLoad() {
13
- setTimeout(() => {
14
- this.isLoading = false;
15
- }, 3000);
16
- this.updatePictureSize();
17
- }
18
- render() {
19
- return (h(Host, null, h("div", { class: "is-grid has-col-2 has-col-2-sm has-col-3-md has-col-4-lg has-col-5-xl has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))))));
20
- }
21
- updatePictureSize() {
22
- const pictureComponents = this.el.shadowRoot.querySelectorAll('ptc-picture');
23
- for (let i = 0; i < pictureComponents.length; i++) {
24
- const pictureComponent = pictureComponents[i];
25
- pictureComponent.isFullWidth = true;
26
- pictureComponent.styles = ':host{padding-bottom: 56.25%;overflow: hidden;margin:0;padding-top:56.25%;position: relative;} :host img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);}';
27
- }
28
- }
29
- static get is() { return "bundle-example"; }
30
- static get encapsulation() { return "shadow"; }
31
- static get originalStyleUrls() {
32
- return {
33
- "$": ["bundle-example.css"]
34
- };
35
- }
36
- static get styleUrls() {
37
- return {
38
- "$": ["bundle-example.css"]
39
- };
40
- }
41
- static get states() {
42
- return {
43
- "isLoading": {},
44
- "picWidth": {},
45
- "picHeight": {}
46
- };
47
- }
48
- static get elementRef() { return "el"; }
49
- static get listeners() {
50
- return [{
51
- "name": "resize",
52
- "method": "handleWindowResize",
53
- "target": "window",
54
- "capture": false,
55
- "passive": true
56
- }];
57
- }
58
- }
1
+ import { Host, h } from '@stencil/core';
2
+ export class BundleExample {
3
+ constructor() {
4
+ this.isLoading = true;
5
+ this.picWidth = undefined;
6
+ this.picHeight = undefined;
7
+ }
8
+ handleWindowResize() {
9
+ this.updatePictureSize();
10
+ }
11
+ // Replace it with search logic
12
+ componentDidLoad() {
13
+ setTimeout(() => {
14
+ this.isLoading = false;
15
+ }, 3000);
16
+ this.updatePictureSize();
17
+ }
18
+ render() {
19
+ return (h(Host, null, h("div", { class: "is-grid has-col-2 has-col-2-sm has-col-3-md has-col-4-lg has-col-5-xl has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))))));
20
+ }
21
+ updatePictureSize() {
22
+ const pictureComponents = this.el.shadowRoot.querySelectorAll('ptc-picture');
23
+ for (let i = 0; i < pictureComponents.length; i++) {
24
+ const pictureComponent = pictureComponents[i];
25
+ pictureComponent.isFullWidth = true;
26
+ pictureComponent.styles = ':host{padding-bottom: 56.25%;overflow: hidden;margin:0;padding-top:56.25%;position: relative;} :host img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);}';
27
+ }
28
+ }
29
+ static get is() { return "bundle-example"; }
30
+ static get encapsulation() { return "shadow"; }
31
+ static get originalStyleUrls() {
32
+ return {
33
+ "$": ["bundle-example.css"]
34
+ };
35
+ }
36
+ static get styleUrls() {
37
+ return {
38
+ "$": ["bundle-example.css"]
39
+ };
40
+ }
41
+ static get states() {
42
+ return {
43
+ "isLoading": {},
44
+ "picWidth": {},
45
+ "picHeight": {}
46
+ };
47
+ }
48
+ static get elementRef() { return "el"; }
49
+ static get listeners() {
50
+ return [{
51
+ "name": "resize",
52
+ "method": "handleWindowResize",
53
+ "target": "window",
54
+ "capture": false,
55
+ "passive": true
56
+ }];
57
+ }
58
+ }
package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css CHANGED
@@ -1,3 +1,3 @@
1
- :host {
2
- display: block;
3
- }
1
+ :host {
2
+ display: block;
3
+ }
package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js CHANGED
@@ -1,91 +1,91 @@
1
- import { Host, h } from '@stencil/core';
2
- export class BundleJumbotronExample {
3
- constructor() {
4
- this.jumbotron = 'light';
5
- this.isIframe = false;
6
- }
7
- render() {
8
- let $pngSrc;
9
- let $gifSrc;
10
- let $bgVideoSrc;
11
- let $bgSrc;
12
- let $popupVideo;
13
- //replace dummy data
14
- if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
15
- $bgSrc =
16
- 'https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80';
17
- }
18
- else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
19
- //$bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
20
- // if is iframe use src from iframe
21
- $bgVideoSrc = 'https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0';
22
- }
23
- else if (this.jumbotron === 'png') {
24
- $pngSrc =
25
- 'https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400';
26
- }
27
- else if (this.jumbotron === 'gif') {
28
- $gifSrc = 'https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif';
29
- }
30
- //Optional: set $popupVideo
31
- //$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
32
- return (h(Host, null, h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo && { popupVideo: $popupVideo }), { "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
33
- ,
34
- "is-iframe": this.isIframe }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h("ptc-title", { slot: "main-title", type: "h1", upperline: "no-upperline", "title-size": "xxxx-large", "title-height": "densest", "title-weight": "w-8", "title-margin": "margin-flush", "text-align": "left" // if type=text, text-align=center, otherwise left
35
- ,
36
- "title-color": "gray" //if dark, dark-video then "gray-1"
37
- }, h("ptc-tooltip", { "text-lines": "3", description: "Sed ut perspiciatis unde omnis iste natus", position: "right" })), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
38
- }
39
- static get is() { return "bundle-jumbotron-example"; }
40
- static get encapsulation() { return "shadow"; }
41
- static get originalStyleUrls() {
42
- return {
43
- "$": ["bundle-jumbotron-example.css"]
44
- };
45
- }
46
- static get styleUrls() {
47
- return {
48
- "$": ["bundle-jumbotron-example.css"]
49
- };
50
- }
51
- static get properties() {
52
- return {
53
- "jumbotron": {
54
- "type": "string",
55
- "mutable": false,
56
- "complexType": {
57
- "original": "string",
58
- "resolved": "string",
59
- "references": {}
60
- },
61
- "required": false,
62
- "optional": false,
63
- "docs": {
64
- "tags": [],
65
- "text": ""
66
- },
67
- "attribute": "jumbotron",
68
- "reflect": false,
69
- "defaultValue": "'light'"
70
- },
71
- "isIframe": {
72
- "type": "boolean",
73
- "mutable": false,
74
- "complexType": {
75
- "original": "boolean",
76
- "resolved": "boolean",
77
- "references": {}
78
- },
79
- "required": false,
80
- "optional": false,
81
- "docs": {
82
- "tags": [],
83
- "text": ""
84
- },
85
- "attribute": "is-iframe",
86
- "reflect": false,
87
- "defaultValue": "false"
88
- }
89
- };
90
- }
91
- }
1
+ import { Host, h } from '@stencil/core';
2
+ export class BundleJumbotronExample {
3
+ constructor() {
4
+ this.jumbotron = 'light';
5
+ this.isIframe = false;
6
+ }
7
+ render() {
8
+ let $pngSrc;
9
+ let $gifSrc;
10
+ let $bgVideoSrc;
11
+ let $bgSrc;
12
+ let $popupVideo;
13
+ //replace dummy data
14
+ if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
15
+ $bgSrc =
16
+ 'https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80';
17
+ }
18
+ else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
19
+ //$bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
20
+ // if is iframe use src from iframe
21
+ $bgVideoSrc = 'https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0';
22
+ }
23
+ else if (this.jumbotron === 'png') {
24
+ $pngSrc =
25
+ 'https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400';
26
+ }
27
+ else if (this.jumbotron === 'gif') {
28
+ $gifSrc = 'https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif';
29
+ }
30
+ //Optional: set $popupVideo
31
+ //$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
32
+ return (h(Host, null, h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo && { popupVideo: $popupVideo }), { "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
33
+ ,
34
+ "is-iframe": this.isIframe }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h("ptc-title", { slot: "main-title", type: "h1", upperline: "no-upperline", "title-size": "xxxx-large", "title-height": "densest", "title-weight": "w-8", "title-margin": "margin-flush", "text-align": "left" // if type=text, text-align=center, otherwise left
35
+ ,
36
+ "title-color": "gray" //if dark, dark-video then "gray-1"
37
+ }, h("ptc-tooltip", { "text-lines": "3", description: "Sed ut perspiciatis unde omnis iste natus", position: "right" })), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
38
+ }
39
+ static get is() { return "bundle-jumbotron-example"; }
40
+ static get encapsulation() { return "shadow"; }
41
+ static get originalStyleUrls() {
42
+ return {
43
+ "$": ["bundle-jumbotron-example.css"]
44
+ };
45
+ }
46
+ static get styleUrls() {
47
+ return {
48
+ "$": ["bundle-jumbotron-example.css"]
49
+ };
50
+ }
51
+ static get properties() {
52
+ return {
53
+ "jumbotron": {
54
+ "type": "string",
55
+ "mutable": false,
56
+ "complexType": {
57
+ "original": "string",
58
+ "resolved": "string",
59
+ "references": {}
60
+ },
61
+ "required": false,
62
+ "optional": false,
63
+ "docs": {
64
+ "tags": [],
65
+ "text": ""
66
+ },
67
+ "attribute": "jumbotron",
68
+ "reflect": false,
69
+ "defaultValue": "'light'"
70
+ },
71
+ "isIframe": {
72
+ "type": "boolean",
73
+ "mutable": false,
74
+ "complexType": {
75
+ "original": "boolean",
76
+ "resolved": "boolean",
77
+ "references": {}
78
+ },
79
+ "required": false,
80
+ "optional": false,
81
+ "docs": {
82
+ "tags": [],
83
+ "text": ""
84
+ },
85
+ "attribute": "is-iframe",
86
+ "reflect": false,
87
+ "defaultValue": "false"
88
+ }
89
+ };
90
+ }
91
+ }