@ptcwebops/ptcw-design 0.5.1 → 0.5.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 (314) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/icon-asset.cjs.entry.js +54 -54
  3. package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
  4. package/dist/cjs/list-item.cjs.entry.js +20 -20
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  7. package/dist/cjs/my-component.cjs.entry.js +13 -13
  8. package/dist/cjs/ptc-announcement_2.cjs.entry.js +114 -114
  9. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +13 -13
  10. package/dist/cjs/ptc-button.cjs.entry.js +66 -66
  11. package/dist/cjs/ptc-card-bottom.cjs.entry.js +32 -32
  12. package/dist/cjs/ptc-card-content.cjs.entry.js +32 -32
  13. package/dist/cjs/ptc-card-plm.cjs.entry.js +17 -17
  14. package/dist/cjs/ptc-card.cjs.entry.js +69 -69
  15. package/dist/cjs/ptc-date.cjs.entry.js +49 -49
  16. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +9 -9
  17. package/dist/cjs/ptc-hero.cjs.entry.js +19 -19
  18. package/dist/cjs/ptc-icon-list.cjs.entry.js +33 -33
  19. package/dist/cjs/ptc-img_2.cjs.entry.js +171 -171
  20. package/dist/cjs/ptc-link.cjs.entry.js +43 -43
  21. package/dist/cjs/ptc-list.cjs.entry.js +24 -21
  22. package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
  23. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +9 -9
  24. package/dist/cjs/ptc-minimized-header.cjs.entry.js +12 -12
  25. package/dist/cjs/ptc-mobile-select.cjs.entry.js +70 -70
  26. package/dist/cjs/ptc-modal.cjs.entry.js +107 -104
  27. package/dist/cjs/ptc-nav-item.cjs.entry.js +84 -84
  28. package/dist/cjs/ptc-nav.cjs.entry.js +9 -9
  29. package/dist/cjs/ptc-para.cjs.entry.js +40 -40
  30. package/dist/cjs/ptc-picture.cjs.entry.js +170 -170
  31. package/dist/cjs/ptc-previous-url.cjs.entry.js +9 -9
  32. package/dist/cjs/ptc-quote.cjs.entry.js +26 -26
  33. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  34. package/dist/cjs/ptc-social-share.cjs.entry.js +65 -65
  35. package/dist/cjs/ptc-spacer.cjs.entry.js +35 -35
  36. package/dist/cjs/ptc-span.cjs.entry.js +24 -24
  37. package/dist/cjs/ptc-title.cjs.entry.js +49 -45
  38. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  39. package/dist/cjs/ptcw-design.cjs.js +1 -1
  40. package/dist/collection/collection-manifest.json +0 -5
  41. package/dist/collection/components/icon-asset/icon-asset.css +26 -1399
  42. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  43. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  44. package/dist/collection/components/icon-asset/media/designer.svg +327 -327
  45. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  46. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  47. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  48. package/dist/collection/components/list-item/list-item.css +16 -1409
  49. package/dist/collection/components/list-item/list-item.js +103 -103
  50. package/dist/collection/components/my-component/my-component.css +3 -3
  51. package/dist/collection/components/my-component/my-component.js +73 -73
  52. package/dist/collection/components/ptc-announcement/ptc-announcement.css +37 -1433
  53. package/dist/collection/components/ptc-announcement/ptc-announcement.js +210 -210
  54. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.css +1 -1394
  55. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  56. package/dist/collection/components/ptc-button/ptc-button.css +59 -1452
  57. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  58. package/dist/collection/components/ptc-card/ptc-card.css +43 -1436
  59. package/dist/collection/components/ptc-card/ptc-card.js +282 -282
  60. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css +5 -1398
  61. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  62. package/dist/collection/components/ptc-card-content/ptc-card-content.css +25 -1418
  63. package/dist/collection/components/ptc-card-content/ptc-card-content.js +105 -105
  64. package/dist/collection/components/ptc-card-plm/ptc-card-plm.css +12 -1404
  65. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  66. package/dist/collection/components/ptc-date/ptc-date.css +3 -1396
  67. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  68. package/dist/collection/components/ptc-hero/ptc-hero.css +0 -1393
  69. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  70. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.css +17 -1412
  71. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +77 -77
  72. package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +16 -1407
  73. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +145 -145
  74. package/dist/collection/components/ptc-img/ptc-img.css +7 -1404
  75. package/dist/collection/components/ptc-img/ptc-img.js +314 -314
  76. package/dist/collection/components/ptc-link/ptc-link.css +47 -1440
  77. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  78. package/dist/collection/components/ptc-list/ptc-list.css +3 -1396
  79. package/dist/collection/components/ptc-list/ptc-list.js +68 -63
  80. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  81. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  82. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.css +4 -1398
  83. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -17
  84. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.css +12 -1405
  85. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -80
  86. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +8 -1401
  87. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -221
  88. package/dist/collection/components/ptc-modal/ptc-modal.css +6 -1399
  89. package/dist/collection/components/ptc-modal/ptc-modal.js +255 -252
  90. package/dist/collection/components/ptc-nav/ptc-nav.css +1 -1394
  91. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  92. package/dist/collection/components/ptc-nav-item/ptc-nav-item.css +9 -1402
  93. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  94. package/dist/collection/components/ptc-overlay/ptc-overlay.css +14 -1415
  95. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  96. package/dist/collection/components/ptc-para/ptc-para.css +9 -1417
  97. package/dist/collection/components/ptc-para/ptc-para.js +157 -157
  98. package/dist/collection/components/ptc-picture/ptc-picture.css +3 -1404
  99. package/dist/collection/components/ptc-picture/ptc-picture.js +474 -474
  100. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +4 -1397
  101. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -54
  102. package/dist/collection/components/ptc-quote/ptc-quote.css +18 -1409
  103. package/dist/collection/components/ptc-quote/ptc-quote.js +154 -154
  104. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  105. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  106. package/dist/collection/components/ptc-social-share/ptc-social-share.css +2 -1395
  107. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  108. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  109. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  110. package/dist/collection/components/ptc-span/ptc-span.css +9 -1402
  111. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  112. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +9 -1403
  113. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -71
  114. package/dist/collection/components/ptc-title/ptc-title.css +32 -1419
  115. package/dist/collection/components/ptc-title/ptc-title.js +236 -231
  116. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.css +1 -1394
  117. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +40 -40
  118. package/dist/collection/index.js +1 -1
  119. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  120. package/dist/collection/media/svg-imgs/close.svg +10 -10
  121. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  122. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  123. package/dist/collection/utils/interfaces.js +11 -11
  124. package/dist/collection/utils/utils.js +3 -3
  125. package/dist/custom-elements/index.d.ts +0 -30
  126. package/dist/custom-elements/index.js +2003 -2196
  127. package/dist/esm/icon-asset.entry.js +54 -54
  128. package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
  129. package/dist/esm/list-item.entry.js +20 -20
  130. package/dist/esm/loader.js +1 -1
  131. package/dist/esm/lottie-player.entry.js +354 -354
  132. package/dist/esm/my-component.entry.js +13 -13
  133. package/dist/esm/polyfills/core-js.js +0 -0
  134. package/dist/esm/polyfills/dom.js +0 -0
  135. package/dist/esm/polyfills/es5-html-element.js +0 -0
  136. package/dist/esm/polyfills/index.js +0 -0
  137. package/dist/esm/polyfills/system.js +0 -0
  138. package/dist/esm/ptc-announcement_2.entry.js +114 -114
  139. package/dist/esm/ptc-breadcrumb.entry.js +13 -13
  140. package/dist/esm/ptc-button.entry.js +66 -66
  141. package/dist/esm/ptc-card-bottom.entry.js +32 -32
  142. package/dist/esm/ptc-card-content.entry.js +32 -32
  143. package/dist/esm/ptc-card-plm.entry.js +17 -17
  144. package/dist/esm/ptc-card.entry.js +69 -69
  145. package/dist/esm/ptc-date.entry.js +49 -49
  146. package/dist/esm/ptc-hero-footer-cta.entry.js +9 -9
  147. package/dist/esm/ptc-hero.entry.js +19 -19
  148. package/dist/esm/ptc-icon-list.entry.js +33 -33
  149. package/dist/esm/ptc-img_2.entry.js +171 -171
  150. package/dist/esm/ptc-link.entry.js +43 -43
  151. package/dist/esm/ptc-list.entry.js +24 -21
  152. package/dist/esm/ptc-lottie.entry.js +12 -12
  153. package/dist/esm/ptc-minimized-footer.entry.js +9 -9
  154. package/dist/esm/ptc-minimized-header.entry.js +12 -12
  155. package/dist/esm/ptc-mobile-select.entry.js +70 -70
  156. package/dist/esm/ptc-modal.entry.js +107 -104
  157. package/dist/esm/ptc-nav-item.entry.js +84 -84
  158. package/dist/esm/ptc-nav.entry.js +9 -9
  159. package/dist/esm/ptc-para.entry.js +40 -40
  160. package/dist/esm/ptc-picture.entry.js +170 -170
  161. package/dist/esm/ptc-previous-url.entry.js +9 -9
  162. package/dist/esm/ptc-quote.entry.js +26 -26
  163. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  164. package/dist/esm/ptc-social-share.entry.js +65 -65
  165. package/dist/esm/ptc-spacer.entry.js +35 -35
  166. package/dist/esm/ptc-span.entry.js +24 -24
  167. package/dist/esm/ptc-title.entry.js +49 -45
  168. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  169. package/dist/esm/ptcw-design.js +1 -1
  170. package/dist/ptcw-design/media/brands.svg +1381 -1381
  171. package/dist/ptcw-design/media/designer.svg +327 -327
  172. package/dist/ptcw-design/media/regular.svg +463 -463
  173. package/dist/ptcw-design/media/solid.svg +3013 -3013
  174. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  175. package/dist/ptcw-design/p-009537ea.entry.js +1 -0
  176. package/dist/ptcw-design/p-18d0d10a.entry.js +7 -0
  177. package/dist/ptcw-design/p-204a78ce.entry.js +1 -0
  178. package/dist/ptcw-design/p-28174fbe.entry.js +1 -0
  179. package/dist/ptcw-design/p-2a1808f8.entry.js +1 -0
  180. package/dist/ptcw-design/p-2b3a38c3.entry.js +1 -0
  181. package/dist/ptcw-design/p-37ffbdf2.entry.js +1 -0
  182. package/dist/ptcw-design/p-612f7224.entry.js +1 -0
  183. package/dist/ptcw-design/p-64d01929.entry.js +1 -0
  184. package/dist/ptcw-design/p-6c2a6e55.entry.js +1 -0
  185. package/dist/ptcw-design/p-7133275c.entry.js +1 -0
  186. package/dist/ptcw-design/p-781aacb7.entry.js +1 -0
  187. package/dist/ptcw-design/p-796b4a16.entry.js +1 -0
  188. package/dist/ptcw-design/p-7bcc42e1.entry.js +1 -0
  189. package/dist/ptcw-design/p-8c6b8bc9.entry.js +1 -0
  190. package/dist/ptcw-design/p-90423b6f.entry.js +1 -0
  191. package/dist/ptcw-design/p-a9e7cd3e.entry.js +1 -0
  192. package/dist/ptcw-design/p-c13f31f6.entry.js +1 -0
  193. package/dist/ptcw-design/p-c5951736.entry.js +1 -0
  194. package/dist/ptcw-design/p-cd7119b8.entry.js +1 -0
  195. package/dist/ptcw-design/p-cec492a8.entry.js +1 -0
  196. package/dist/ptcw-design/p-d2ef4221.entry.js +1 -0
  197. package/dist/ptcw-design/p-d64c3892.entry.js +1 -0
  198. package/dist/ptcw-design/p-dbf3779e.entry.js +1 -0
  199. package/dist/ptcw-design/p-dc18ae76.entry.js +1 -0
  200. package/dist/ptcw-design/p-df80470b.entry.js +1 -0
  201. package/dist/ptcw-design/p-ec10f846.entry.js +1 -0
  202. package/dist/ptcw-design/p-f32f9817.entry.js +1 -0
  203. package/dist/ptcw-design/p-fa53e5e5.entry.js +1 -0
  204. package/dist/ptcw-design/p-fe957cbf.entry.js +1 -0
  205. package/dist/ptcw-design/ptcw-design.css +2 -3
  206. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  207. package/dist/types/components/icon-asset/icon-asset.d.ts +36 -36
  208. package/dist/types/components/list-item/list-item.d.ts +8 -8
  209. package/dist/types/components/my-component/my-component.d.ts +16 -16
  210. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +43 -43
  211. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  212. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  213. package/dist/types/components/ptc-card/ptc-card.d.ts +50 -50
  214. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  215. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  216. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  217. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  218. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  219. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  220. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  221. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  222. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  223. package/dist/types/components/ptc-list/ptc-list.d.ts +6 -6
  224. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  225. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  226. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  227. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  228. package/dist/types/components/ptc-modal/ptc-modal.d.ts +46 -46
  229. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  230. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  231. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  232. package/dist/types/components/ptc-para/ptc-para.d.ts +28 -28
  233. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  234. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  235. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  236. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  237. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  238. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  239. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  240. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  241. package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
  242. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  243. package/dist/types/components.d.ts +42 -131
  244. package/dist/types/global.d.ts +1072 -1072
  245. package/dist/types/index.d.ts +1 -1
  246. package/dist/types/utils/interfaces.d.ts +14 -14
  247. package/dist/types/utils/utils.d.ts +1 -1
  248. package/package.json +59 -59
  249. package/readme.md +11 -11
  250. package/dist/cjs/ptc-countdown.cjs.entry.js +0 -19
  251. package/dist/cjs/ptc-footer.cjs.entry.js +0 -19
  252. package/dist/cjs/ptc-form.cjs.entry.js +0 -117
  253. package/dist/cjs/ptc-input.cjs.entry.js +0 -31
  254. package/dist/cjs/ptc-select.cjs.entry.js +0 -35
  255. package/dist/collection/components/ptc-countdown/ptc-countdown.css +0 -1396
  256. package/dist/collection/components/ptc-countdown/ptc-countdown.js +0 -15
  257. package/dist/collection/components/ptc-footer/ptc-footer.css +0 -1433
  258. package/dist/collection/components/ptc-footer/ptc-footer.js +0 -25
  259. package/dist/collection/components/ptc-form/ptc-form.css +0 -1396
  260. package/dist/collection/components/ptc-form/ptc-form.js +0 -118
  261. package/dist/collection/components/ptc-form/validation/FormValidation.full.min.js +0 -1
  262. package/dist/collection/components/ptc-form/validation/FormValidation.js +0 -4234
  263. package/dist/collection/components/ptc-input/ptc-input.css +0 -1440
  264. package/dist/collection/components/ptc-input/ptc-input.js +0 -133
  265. package/dist/collection/components/ptc-select/ptc-select.css +0 -1415
  266. package/dist/collection/components/ptc-select/ptc-select.js +0 -105
  267. package/dist/esm/ptc-countdown.entry.js +0 -15
  268. package/dist/esm/ptc-footer.entry.js +0 -15
  269. package/dist/esm/ptc-form.entry.js +0 -113
  270. package/dist/esm/ptc-input.entry.js +0 -27
  271. package/dist/esm/ptc-select.entry.js +0 -31
  272. package/dist/ptcw-design/p-0494a6ee.entry.js +0 -1
  273. package/dist/ptcw-design/p-0a146d61.entry.js +0 -1
  274. package/dist/ptcw-design/p-0e7be5b7.entry.js +0 -1
  275. package/dist/ptcw-design/p-1cd1d3d8.entry.js +0 -1
  276. package/dist/ptcw-design/p-24b1823f.entry.js +0 -1
  277. package/dist/ptcw-design/p-3a8b4686.entry.js +0 -1
  278. package/dist/ptcw-design/p-56460bb4.entry.js +0 -1
  279. package/dist/ptcw-design/p-58a9ce3c.entry.js +0 -1
  280. package/dist/ptcw-design/p-614dcc3f.entry.js +0 -1
  281. package/dist/ptcw-design/p-67d35eea.entry.js +0 -1
  282. package/dist/ptcw-design/p-69e30829.entry.js +0 -1
  283. package/dist/ptcw-design/p-6c70abcd.entry.js +0 -1
  284. package/dist/ptcw-design/p-714999f9.entry.js +0 -1
  285. package/dist/ptcw-design/p-7281746f.entry.js +0 -7
  286. package/dist/ptcw-design/p-751e1cb4.entry.js +0 -1
  287. package/dist/ptcw-design/p-8850288e.entry.js +0 -1
  288. package/dist/ptcw-design/p-8f989bd5.entry.js +0 -1
  289. package/dist/ptcw-design/p-902942fe.entry.js +0 -1
  290. package/dist/ptcw-design/p-95f95730.entry.js +0 -1
  291. package/dist/ptcw-design/p-97e626e9.entry.js +0 -1
  292. package/dist/ptcw-design/p-97edf10d.entry.js +0 -1
  293. package/dist/ptcw-design/p-99db01b4.entry.js +0 -1
  294. package/dist/ptcw-design/p-9b7119b1.entry.js +0 -1
  295. package/dist/ptcw-design/p-9c88bc75.entry.js +0 -1
  296. package/dist/ptcw-design/p-a4d9b28c.entry.js +0 -1
  297. package/dist/ptcw-design/p-c5063e59.entry.js +0 -1
  298. package/dist/ptcw-design/p-c738f20a.entry.js +0 -1
  299. package/dist/ptcw-design/p-cf43befa.entry.js +0 -1
  300. package/dist/ptcw-design/p-cf92c175.entry.js +0 -1
  301. package/dist/ptcw-design/p-d04d0530.entry.js +0 -1
  302. package/dist/ptcw-design/p-d625b127.entry.js +0 -1
  303. package/dist/ptcw-design/p-d97f4152.entry.js +0 -1
  304. package/dist/ptcw-design/p-e4ac4e8e.entry.js +0 -1
  305. package/dist/ptcw-design/p-f389d773.entry.js +0 -1
  306. package/dist/ptcw-design/p-f3f455bc.entry.js +0 -1
  307. package/dist/ptcw-design/validation/FormValidation.full.min.js +0 -1
  308. package/dist/ptcw-design/validation/FormValidation.js +0 -4234
  309. package/dist/types/components/ptc-countdown/ptc-countdown.d.ts +0 -3
  310. package/dist/types/components/ptc-footer/ptc-footer.d.ts +0 -3
  311. package/dist/types/components/ptc-form/ptc-form.d.ts +0 -11
  312. package/dist/types/components/ptc-input/ptc-input.d.ts +0 -19
  313. package/dist/types/components/ptc-select/ptc-select.d.ts +0 -9
  314. /package/dist/ptcw-design/{p-50e52c88.js → p-ee1183b2.js} +0 -0
@@ -1,1396 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
2
- /*
3
- * Theme color tokens
4
- */
5
- .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}}
6
-
7
- :root {
8
- --color-primary-uigrey: #3b4550;
9
- --color-primary-lightgrey: #d2d3d3;
10
- --color-primary-green: #6ebe4c;
11
- --color-primary-grey: #40434a;
12
- --color-secondary-turtlegreen: #74c34d;
13
- --color-secondary-tutlegreen-dark: #00783e;
14
- --color-secondary-turquoiseblue: #00acc8;
15
- --color-secondary-blue: #c3e1e9;
16
- --color-secondary-bg: #f3f3f3;
17
- --color-secondary-orange: #f38800;
18
- --color-secondary-grey: #707070;
19
- --color-underline-green: #3DAB49;
20
- /* Need updates here */
21
- --color-black: #000000;
22
- --color-black-100: #111111;
23
- --color-white: #ffffff;
24
- --color-transparent: transparent;
25
- --button-shadow: 0px 2px 4px rgba(2, 8, 20, 0.1), 0px 1px 2px rgba(2, 8, 20, 0.08);
26
- --button-shadow-hover: 0 4px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
27
- --color-plm-grey: #20262A;
28
- }
29
-
30
- :root {
31
- --color-white: #ffffff;
32
- --color-white-grey: #fbfbfb;
33
- --color-green-01: #E1F1E2;
34
- --color-green-02: #BDE1BF;
35
- --color-green-03: #97CF9B;
36
- --color-green-04: #7DC382;
37
- --color-green-05: #5CB463;
38
- --color-green-06: #33A13C;
39
- --color-green-07: #00890B;
40
- --color-green-08: #006E09;
41
- --color-green-09: #005807;
42
- --color-green-10: #004606;
43
- --color-green-11: #003805;
44
- --color-green-12: #002D04;
45
- --color-blue-01: #E1EDF6;
46
- --color-blue-02: #C3DDEE;
47
- --color-blue-03: #A1C9E5;
48
- --color-blue-04: #89BBDF;
49
- --color-blue-05: #6CAAD7;
50
- --color-blue-06: #4795CD;
51
- --color-blue-07: #197BC0;
52
- --color-blue-08: #14629A;
53
- --color-blue-09: #104E7B;
54
- --color-blue-10: #0D3E62;
55
- --color-blue-11: #0A324E;
56
- --color-blue-12: #08283E;
57
- --color-orange-01: #F8EDE3;
58
- --color-orange-02: #F0DBC7;
59
- --color-orange-03: #E7C7A7;
60
- --color-orange-04: #E1B991;
61
- --color-orange-05: #D9A876;
62
- --color-orange-06: #CF9254;
63
- --color-orange-07: #C37729;
64
- --color-orange-08: #9C5F21;
65
- --color-orange-09: #7D4C1A;
66
- --color-orange-10: #643D15;
67
- --color-orange-11: #503111;
68
- --color-orange-12: #40270E;
69
- --color-red-01: #FAE6E6;
70
- --color-red-02: #F4CDCD;
71
- --color-red-03: #EDB1B1;
72
- --color-red-04: #E99D9D;
73
- --color-red-05: #E38484;
74
- --color-red-06: #DC6565;
75
- --color-red-07: #D33E3E;
76
- --color-red-08: #A7232E;
77
- --color-red-09: #861C25;
78
- --color-red-10: #6B161E;
79
- --color-red-11: #561218;
80
- --color-red-12: #450E13;
81
- --color-gray-01: #F6F6F6;
82
- --color-gray-02: #E4E7E9;
83
- --color-gray-03: #BEC6CA;
84
- --color-gray-04: #AEB8BD;
85
- --color-gray-05: #9AA6AD;
86
- --color-gray-06: #819099;
87
- --color-gray-07: #617480;
88
- --color-gray-08: #4E5D66;
89
- --color-gray-09: #3E4A52;
90
- --color-gray-10: #323B42;
91
- --color-gray-11: #282F35;
92
- --color-gray-12: #20262A;
93
- --color-primary-green-new: var(--color-green-07);
94
- --color-primary-blue-new: var(--color-blue-07);
95
- --color-primary-orange-new: var(--color-orange-07);
96
- --color-primary-red-new: var(--color-red-07);
97
- --color-primary-gray-new: var(--color-gray-07);
98
- --color-primary-white-new: var(--color-white);
99
- }
100
-
101
- .background-plm-grey {
102
- background-color: var(--color-plm-grey);
103
- }
104
-
105
- .background-grey-10 {
106
- background-color: var(--color-gray-10);
107
- }
108
-
109
- hr {
110
- height: 1px;
111
- background-color: #eee;
112
- border: none;
113
- }
114
-
115
- .ptc-container {
116
- padding-right: 15px;
117
- padding-left: 15px;
118
- margin-right: auto;
119
- margin-left: auto;
120
- }
121
-
122
- @media only screen and (min-width: 768px) {
123
- .ptc-container {
124
- max-width: 750px;
125
- }
126
- }
127
- @media only screen and (min-width: 992px) {
128
- .ptc-container {
129
- max-width: 970px;
130
- }
131
- }
132
- @media only screen and (min-width: 1200px) {
133
- .ptc-container {
134
- max-width: 1170px;
135
- }
136
- }
137
- @media only screen and (min-width: 1440px) {
138
- .ptc-container {
139
- max-width: 1400px;
140
- }
141
- }
142
- @media only screen and (min-width: 1600px) {
143
- .ptc-container {
144
- max-width: 1560px;
145
- }
146
- }
147
- @media only screen and (min-width: 1980px) {
148
- .ptc-container {
149
- max-width: 1880px;
150
- }
151
- }
152
- @media only screen and (min-width: 2600px) {
153
- .ptc-container {
154
- max-width: 1920px;
155
- }
156
- }
157
- .ptc-plm-container {
158
- padding-right: 15px;
159
- padding-left: 15px;
160
- margin-right: auto;
161
- margin-left: auto;
162
- }
163
-
164
- @media only screen and (min-width: 480px) {
165
- .ptc-plm-container {
166
- padding-left: var(--ptc-layout-spacing-03);
167
- padding-right: var(--ptc-layout-spacing-03);
168
- }
169
- }
170
- @media only screen and (min-width: 768px) {
171
- .ptc-plm-container {
172
- padding-left: var(--ptc-layout-spacing-04);
173
- padding-right: var(--ptc-layout-spacing-04);
174
- }
175
- }
176
- @media only screen and (min-width: 992px) {
177
- .ptc-plm-container {
178
- padding-left: var(--ptc-element-spacing-07);
179
- padding-right: var(--ptc-element-spacing-07);
180
- }
181
- }
182
- @media only screen and (min-width: 1980px) {
183
- .ptc-plm-container {
184
- padding-left: 0px;
185
- padding-right: 0px;
186
- width: 1900px;
187
- }
188
- }
189
- @media only screen and (min-width: 2600px) {
190
- .ptc-plm-container {
191
- padding-left: 0px;
192
- padding-right: 0px;
193
- width: 1900px;
194
- }
195
- }
196
- .ptc-video-dim {
197
- height: 216px;
198
- width: 100%;
199
- display: block;
200
- }
201
-
202
- @media only screen and (min-width: 480px) {
203
- .ptc-video-dim {
204
- height: 348px;
205
- width: 100%;
206
- }
207
- }
208
- @media only screen and (min-width: 768px) {
209
- .ptc-video-dim {
210
- height: 396px;
211
- width: 100%;
212
- }
213
- }
214
- @media only screen and (min-width: 992px) {
215
- .ptc-video-dim {
216
- height: 347px;
217
- width: 100%;
218
- }
219
- }
220
- @media only screen and (min-width: 1200px) {
221
- .ptc-video-dim {
222
- height: 468px;
223
- width: 100%;
224
- }
225
- }
226
- @media only screen and (min-width: 1440px) {
227
- .ptc-video-dim {
228
- height: 569px;
229
- width: 100%;
230
- }
231
- }
232
- @media only screen and (min-width: 1600px) {
233
- .ptc-video-dim {
234
- height: 764px;
235
- width: 100%;
236
- }
237
- }
238
- .ptc-ordered-list {
239
- margin-bottom: var(--ptc-element-spacing-03);
240
- }
241
- .ptc-ordered-list .ptc-list-item {
242
- color: var(--color-primary-uigrey);
243
- font-size: var(--ptc-font-size-small);
244
- }
245
-
246
- .ptc-unordered-list {
247
- margin-bottom: var(--ptc-element-spacing-03);
248
- }
249
- .ptc-unordered-list .ptc-list-item {
250
- color: #40434a;
251
- font-size: var(--ptc-font-size-small);
252
- line-height: 20px;
253
- }
254
-
255
- /*
256
- * Typography tokens
257
- */
258
- :root {
259
- /* Fonts */
260
- --ptc-font-latin: "Raleway", sans-serif;
261
- --ptc-font-secondary-latin: "Rajdhani", sans-serif;
262
- --ptc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
263
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
264
- /* Font sizes */
265
- --ptc-font-size-xx-small: 0.625rem;
266
- /* 10px */
267
- --ptc-font-size-x-small: 0.75rem;
268
- /* 12px */
269
- --ptc-font-size-small: 0.875rem;
270
- /* 14px */
271
- --ptc-font-size-medium: 1rem;
272
- /* 16px */
273
- --ptc-font-size-large: 1.25rem;
274
- /* 20px */
275
- --ptc-font-size-x-large: 1.5rem;
276
- /* 24px */
277
- --ptc-font-size-xx-large: 2.25rem;
278
- /* 36px */
279
- --ptc-font-size-xxx-large: 3rem;
280
- /* 48px */
281
- --ptc-font-size-xxxx-large: 4.5rem;
282
- /* 72px */
283
- /* Special Font Size */
284
- --ptc-font-size-15: 15px;
285
- /* Font weights */
286
- --ptc-font-weight-thin: 300;
287
- --ptc-font-weight-regular: 400;
288
- --ptc-font-weight-medium: 500;
289
- --ptc-font-weight-semibold: 600;
290
- --ptc-font-weight-bold: 700;
291
- --ptc-font-weight-extrabold: 800;
292
- --ptc-font-weight-black: 900;
293
- /* Letter spacings */
294
- --ptc-letter-spacing-dense: -0.015em;
295
- --ptc-letter-spacing-normal: normal;
296
- --ptc-letter-spacing-loose: 0.075em;
297
- /* Line heights */
298
- --ptc-line-height-denser: 1.4;
299
- --ptc-line-height-dense: 1.6;
300
- --ptc-line-height-normal: 1.8;
301
- --ptc-line-height-loose: 2;
302
- --ptc-line-height-looser: 2.2;
303
- --ptc-line-height-p: 1.5;
304
- /* Sepcial line heights */
305
- --ptc-line-height-17: 17px;
306
- --ptc-line-height-18: 18px;
307
- --ptc-line-height-19: 19px;
308
- /* Font Style*/
309
- --ptc-font-style-italic: italic;
310
- --ptc-font-style-oblique: oblique;
311
- --ptc-font-style-normal: normal;
312
- }
313
-
314
- html,
315
- body {
316
- font-family: var(--ptc-font-latin);
317
- width: 100%;
318
- height: auto;
319
- padding: 0;
320
- margin: 0;
321
- -moz-osx-font-smoothing: grayscale;
322
- /*(For Firefox)*/
323
- -webkit-font-smoothing: antialiased;
324
- /*(For Chrome and Safari)*/
325
- }
326
-
327
- p {
328
- color: var(--color-primary-grey);
329
- font-size: 18px;
330
- line-height: 21px;
331
- letter-spacing: 0px;
332
- margin: 14px 0px;
333
- font-weight: var(--ptc-font-weight-normal);
334
- }
335
-
336
- blockquote p {
337
- color: var(--color-primary-grey);
338
- line-height: 27px;
339
- font-size: 24px;
340
- letter-spacing: 0.6px;
341
- font-style: italic;
342
- }
343
-
344
- /*
345
- * Elevation tokens
346
- */
347
- :root {
348
- --ptc-shadow-x-small: 0 1px 0 #0d131e0d;
349
- --ptc-shadow-small: 0 1px 2px #0d131e1a;
350
- --ptc-shadow-medium: 0 2px 4px #0d131e1a;
351
- --ptc-shadow-large: 0 2px 8px #0d131e1a;
352
- --ptc-shadow-x-large: 0 4px 16px #0d131e1a;
353
- }
354
-
355
- /*
356
- * Border radius tokens
357
- */
358
- :root {
359
- --ptc-border-radius-small: 0.125rem;
360
- /* 2px */
361
- --ptc-border-radius-medium: 0.25rem;
362
- /* 4px */
363
- --ptc-border-radius-large: 0.5rem;
364
- /* 8px */
365
- --ptc-border-radius-x-large: 0.75rem;
366
- /* 12px */
367
- --ptc-border-radius-xx-large: 1rem;
368
- /* 16px */
369
- --ptc-border-radius-circle: 50%;
370
- --ptc-border-radius-pill: 9999px;
371
- --ptc-clip-path-bottom-right: polygon(100% 0, 100% 70%, 84% 100%, 0 100%, 0 0);
372
- }
373
-
374
- /* Color demo */
375
- .color-demo {
376
- width: 2rem;
377
- height: 2rem;
378
- border-radius: var(--ptc-border-radius-small);
379
- box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);
380
- }
381
-
382
- /* Color demo */
383
- .color-demo-2 {
384
- width: 2rem;
385
- height: 2rem;
386
- border-radius: var(--ptc-border-radius-circle);
387
- box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);
388
- }
389
-
390
- .color-palette-grid {
391
- display: flex;
392
- flex-direction: row;
393
- flex-wrap: wrap;
394
- align-items: center;
395
- }
396
- .color-palette-grid .swatch-set {
397
- display: flex;
398
- flex-direction: column;
399
- flex-wrap: wrap;
400
- column-count: 12;
401
- align-items: center;
402
- justify-content: space-evenly;
403
- }
404
- .color-palette-grid .swatch-set .swatch {
405
- display: flex;
406
- flex-direction: row;
407
- align-items: center;
408
- align-content: center;
409
- }
410
- .color-palette-grid .swatch-set .swatch .color-swatch {
411
- display: inline-block;
412
- width: 3rem;
413
- height: 3rem;
414
- margin: 1rem;
415
- border-radius: var(--ptc-border-radius-circle);
416
- box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);
417
- }
418
- .color-palette-grid .swatch-set .swatch .swatch-text span {
419
- display: block;
420
- margin-right: 0.5rem;
421
- color: var(--color-primary-gray);
422
- }
423
-
424
- /* Border radius demo */
425
- .border-radius-demo {
426
- width: 3rem;
427
- height: 3rem;
428
- background: var(--color-primary-lightgrey);
429
- }
430
-
431
- /* Transition demo */
432
- .transition-demo {
433
- position: relative;
434
- background: var(--color-primary-lightgrey);
435
- width: 8rem;
436
- height: 2rem;
437
- }
438
-
439
- .transition-demo:after {
440
- content: "";
441
- position: absolute;
442
- background-color: var(--color-primary-lightgrey);
443
- top: 0;
444
- left: 0;
445
- width: 0;
446
- height: 100%;
447
- transition-duration: inherit;
448
- transition-property: width;
449
- }
450
-
451
- .transition-demo:hover:after {
452
- width: 100%;
453
- }
454
-
455
- .sl-theme-dark .transition-demo {
456
- background: var(--color-primary-lightgrey);
457
- }
458
-
459
- /* Spacing demo */
460
- .spacing-demo {
461
- width: 100px;
462
- background: var(--color-secondary-blue);
463
- }
464
-
465
- /* Elevation dmeo */
466
- .elevation-demo {
467
- background: var(--color-white);
468
- border-radius: var(--ptc-border-radius-small);
469
- width: 4rem;
470
- height: 4rem;
471
- }
472
-
473
- .sl-theme-dark .elevation-demo {
474
- background-color: var(--color-primary-lightgrey);
475
- }
476
-
477
- /* Grid Demo*/
478
- .grid-demo-wrapper {
479
- width: 500px;
480
- border: 1px solid var(--color-primary-lightgrey);
481
- }
482
-
483
- .grid-demo-style > div {
484
- background-color: var(--color-primary-grey);
485
- color: var(--color-white);
486
- border-radius: var(--ptc-border-radius-medium);
487
- font-size: var(--ptc-font-size-medium);
488
- padding: var(--ptc-element-spacing-04);
489
- }
490
-
491
- .grid-demo-child-style {
492
- width: 100%;
493
- }
494
- .grid-demo-child-style > div {
495
- background-color: var(--color-white);
496
- border-radius: var(--ptc-border-radius-medium);
497
- color: var(--color-primary-uigrey);
498
- padding: var(--ptc-element-spacing-04);
499
- }
500
-
501
- .title-demo-wrapper {
502
- width: 100%;
503
- border: 1px solid var(--color-primary-lightgrey);
504
- padding: var(--ptc-element-spacing-04);
505
- height: 300px;
506
- }
507
-
508
- .img-demo {
509
- height: 400px;
510
- width: 100%;
511
- }
512
- @media screen and (min-width: 768px) {
513
- .img-demo {
514
- height: 550px;
515
- width: 100%;
516
- }
517
- }
518
- @media screen and (min-width: 1200px) {
519
- .img-demo {
520
- height: 650px;
521
- width: 100%;
522
- }
523
- }
524
-
525
- .demo-with-bgcolor {
526
- width: 100%;
527
- border: 1px solid var(--color-primary-lightgrey);
528
- padding: var(--ptc-element-spacing-04);
529
- background-color: var(--color-gray-10);
530
- height: auto;
531
- }
532
-
533
- .demo-plm-bgcolor {
534
- background-color: var(--color-plm-grey);
535
- }
536
-
537
- .demo-container-max {
538
- max-width: 1980px;
539
- margin: 0 auto;
540
- }
541
-
542
- /* -------------------------------------------
543
-
544
- PTC Design System is using Griddle Grid System.
545
- Credits to Dave Berning
546
-
547
- ------------------------------------------- */
548
- :root {
549
- --col-gap-sm: 0.5rem;
550
- --col-gap: 1rem;
551
- --col-gap-md: 1.5rem;
552
- --col-gap-lg: 2rem;
553
- --row-gap-sm: 0.5rem;
554
- --row-gap: 1rem;
555
- --row-gap-md: 1.5rem;
556
- --row-gap-lg: 2rem;
557
- /* Misc */
558
- --spacing-sm: 0.5rem;
559
- --spacing: 1rem;
560
- --spacing-md: 1.5rem;
561
- --spacing-lg: 2rem;
562
- }
563
-
564
- .has-col-gap-sm {
565
- grid-column-gap: var(--spacing-sm);
566
- }
567
-
568
- .has-row-gap-sm {
569
- grid-row-gap: var(--spacing-sm);
570
- }
571
-
572
- .has-m-sm {
573
- margin: var(--spacing-sm);
574
- }
575
-
576
- .has-m-top-sm {
577
- margin-top: var(--spacing-sm);
578
- }
579
-
580
- .has-m-right-sm {
581
- margin-right: var(--spacing-sm);
582
- }
583
-
584
- .has-m-bottom-sm {
585
- margin-bottom: var(--spacing-sm);
586
- }
587
-
588
- .has-m-left-sm {
589
- margin-left: var(--spacing-sm);
590
- }
591
-
592
- .has-m {
593
- margin: var(--spacing);
594
- }
595
-
596
- .has-m-top {
597
- margin-top: var(--spacing);
598
- }
599
-
600
- .has-m-right {
601
- margin-right: var(--spacing);
602
- }
603
-
604
- .has-m-bottom {
605
- margin-bottom: var(--spacing);
606
- }
607
-
608
- .has-m-left {
609
- margin-left: var(--spacing);
610
- }
611
-
612
- .has-m-md {
613
- margin: var(--spacing-md);
614
- }
615
-
616
- .has-m-top-md {
617
- margin-top: var(--spacing-md);
618
- }
619
-
620
- .has-m-right-md {
621
- margin-right: var(--spacing-md);
622
- }
623
-
624
- .has-m-bottom-md {
625
- margin-bottom: var(--spacing-md);
626
- }
627
-
628
- .has-m-left-md {
629
- margin-left: var(--spacing-md);
630
- }
631
-
632
- .has-m-lg {
633
- margin: var(--spacing-lg);
634
- }
635
-
636
- .has-m-top-lg {
637
- margin-top: var(--spacing-lg);
638
- }
639
-
640
- .has-m-right-lg {
641
- margin-right: var(--spacing-lg);
642
- }
643
-
644
- .has-m-bottom-lg {
645
- margin-bottom: var(--spacing-lg);
646
- }
647
-
648
- .has-m-left-lg {
649
- margin-left: var(--spacing-lg);
650
- }
651
-
652
- .has-no-m {
653
- margin: 0;
654
- }
655
-
656
- .has-no-top-m {
657
- margin-top: 0;
658
- }
659
-
660
- .has-no-right-m {
661
- margin-right: 0;
662
- }
663
-
664
- .has-no-bottom-m {
665
- margin-bottom: 0;
666
- }
667
-
668
- .has-no-left-m {
669
- margin-left: 0;
670
- }
671
-
672
- .has-p-sm {
673
- padding: var(--spacing-sm);
674
- }
675
-
676
- .has-p-top-sm {
677
- padding-top: var(--spacing-sm);
678
- }
679
-
680
- .has-p-right-sm {
681
- padding-right: var(--spacing-sm);
682
- }
683
-
684
- .has-p-bottom-sm {
685
- padding-bottom: var(--spacing-sm);
686
- }
687
-
688
- .has-p-left-sm {
689
- padding-left: var(--spacing-sm);
690
- }
691
-
692
- .has-p {
693
- padding: var(--spacing);
694
- }
695
-
696
- .has-p-top {
697
- padding-top: var(--spacing);
698
- }
699
-
700
- .has-p-right {
701
- padding-right: var(--spacing);
702
- }
703
-
704
- .has-p-bottom {
705
- padding-bottom: var(--spacing);
706
- }
707
-
708
- .has-p-left {
709
- padding-left: var(--spacing);
710
- }
711
-
712
- .has-p-md {
713
- padding: var(--spacing-md);
714
- }
715
-
716
- .has-p-top-md {
717
- padding-top: var(--spacing-md);
718
- }
719
-
720
- .has-p-right-md {
721
- padding-right: var(--spacing-md);
722
- }
723
-
724
- .has-p-bottom-md {
725
- padding-bottom: var(--spacing-md);
726
- }
727
-
728
- .has-p-left-md {
729
- padding-left: var(--spacing-md);
730
- }
731
-
732
- .has-p-lg {
733
- padding: var(--spacing-lg);
734
- }
735
-
736
- .has-p-top-lg {
737
- padding-top: var(--spacing-lg);
738
- }
739
-
740
- .has-p-right-lg {
741
- padding-right: var(--spacing-lg);
742
- }
743
-
744
- .has-p-bottom-lg {
745
- padding-bottom: var(--spacing-lg);
746
- }
747
-
748
- .has-p-left-lg {
749
- padding-left: var(--spacing-lg);
750
- }
751
-
752
- .has-no-p {
753
- margin: 0;
754
- }
755
-
756
- .has-no-top-p {
757
- padding-top: 0;
758
- }
759
-
760
- .has-no-right-p {
761
- padding-right: 0;
762
- }
763
-
764
- .has-no-bottom-p {
765
- padding-bottom: 0;
766
- }
767
-
768
- .has-no-left-p {
769
- padding-left: 0;
770
- }
771
-
772
- .is-centered {
773
- display: -webkit-box;
774
- display: flex;
775
- -webkit-box-align: center;
776
- align-items: center;
777
- -webkit-box-pack: center;
778
- justify-content: center;
779
- }
780
-
781
- .is-centered-horizontally {
782
- display: -webkit-box;
783
- display: flex;
784
- -webkit-box-pack: center;
785
- justify-content: center;
786
- }
787
-
788
- .is-centered-vertically {
789
- display: -webkit-box;
790
- display: flex;
791
- -webkit-box-align: center;
792
- align-items: center;
793
- }
794
-
795
- .is-block {
796
- display: block;
797
- }
798
-
799
- @media screen and (min-width: 575.5px) {
800
- .is-block-xs {
801
- display: block;
802
- }
803
- }
804
- @media screen and (min-width: 576px) {
805
- .is-block-sm {
806
- display: block;
807
- }
808
- }
809
- @media screen and (min-width: 768px) {
810
- .is-block-md {
811
- display: block;
812
- }
813
- }
814
- @media screen and (min-width: 992px) {
815
- .is-block-lg {
816
- display: block;
817
- }
818
- }
819
- @media screen and (min-width: 1200px) {
820
- .is-block-xl {
821
- display: block;
822
- }
823
- }
824
- @media screen and (min-width: 1400px) {
825
- .is-block-xxl {
826
- display: block;
827
- }
828
- }
829
- .is-inline-block {
830
- display: inline-block;
831
- }
832
-
833
- @media screen and (min-width: 575.5px) {
834
- .is-inline-block-xs {
835
- display: inline-block;
836
- }
837
- }
838
- @media screen and (min-width: 576px) {
839
- .is-inline-block-sm {
840
- display: inline-block;
841
- }
842
- }
843
- @media screen and (min-width: 768px) {
844
- .is-inline-block-md {
845
- display: inline-block;
846
- }
847
- }
848
- @media screen and (min-width: 992px) {
849
- .is-inline-block-lg {
850
- display: inline-block;
851
- }
852
- }
853
- @media screen and (min-width: 1200px) {
854
- .is-inline-block-xl {
855
- display: inline-block;
856
- }
857
- }
858
- @media screen and (min-width: 1400px) {
859
- .is-inline-block-xxl {
860
- display: inline-block;
861
- }
862
- }
863
- .is-flex {
864
- display: -webkit-box;
865
- display: flex;
866
- }
867
-
868
- @media screen and (min-width: 575.5px) {
869
- .is-flex-xs {
870
- display: -webkit-box;
871
- display: flex;
872
- }
873
- }
874
- @media screen and (min-width: 576px) {
875
- .is-flex-sm {
876
- display: -webkit-box;
877
- display: flex;
878
- }
879
- }
880
- @media screen and (min-width: 768px) {
881
- .is-flex-md {
882
- display: -webkit-box;
883
- display: flex;
884
- }
885
- }
886
- @media screen and (min-width: 992px) {
887
- .is-flex-lg {
888
- display: -webkit-box;
889
- display: flex;
890
- }
891
- }
892
- @media screen and (min-width: 1200px) {
893
- .is-flex-xl {
894
- display: -webkit-box;
895
- display: flex;
896
- }
897
- }
898
- @media screen and (min-width: 1400px) {
899
- .is-flex-xxl {
900
- display: -webkit-box;
901
- display: flex;
902
- }
903
- }
904
- .is-inline-flex {
905
- display: -webkit-inline-box;
906
- display: inline-flex;
907
- }
908
-
909
- @media screen and (min-width: 575.5px) {
910
- .is-inline-flex-xs {
911
- display: -webkit-inline-box;
912
- display: inline-flex;
913
- }
914
- }
915
- @media screen and (min-width: 576px) {
916
- .is-inline-flex-sm {
917
- display: -webkit-inline-box;
918
- display: inline-flex;
919
- }
920
- }
921
- @media screen and (min-width: 768px) {
922
- .is-inline-flex-md {
923
- display: -webkit-inline-box;
924
- display: inline-flex;
925
- }
926
- }
927
- @media screen and (min-width: 992px) {
928
- .is-inline-flex-lg {
929
- display: -webkit-inline-box;
930
- display: inline-flex;
931
- }
932
- }
933
- @media screen and (min-width: 1200px) {
934
- .is-inline-flex-xl {
935
- display: -webkit-inline-box;
936
- display: inline-flex;
937
- }
938
- }
939
- @media screen and (min-width: 1400px) {
940
- .is-inline-flex-xxl {
941
- display: -webkit-inline-box;
942
- display: inline-flex;
943
- }
944
- }
945
- .is-device {
946
- display: none;
947
- }
948
-
949
- .is-screen {
950
- display: block;
951
- }
952
-
953
- .is-medium {
954
- display: block !important;
955
- }
956
-
957
- @media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2) {
958
- .is-device {
959
- display: block;
960
- }
961
-
962
- .is-screen {
963
- display: none;
964
- }
965
- }
966
- @media only screen and (min-width: 992px) {
967
- .is-medium {
968
- display: none !important;
969
- }
970
- }
971
- .is-flexBasis-half {
972
- flex-basis: 50%;
973
- }
974
-
975
- .is-table {
976
- display: table !important;
977
- }
978
-
979
- .is-tableCell {
980
- display: table-cell !important;
981
- }
982
-
983
- .is-widthFull {
984
- width: 100% !important;
985
- }
986
-
987
- /*
988
- * Element and layout spacing
989
- */
990
- :root {
991
- --ptc-element-spacing-01: 0.25rem;
992
- /* 4px */
993
- --ptc-element-spacing-02: 0.5rem;
994
- /* 8px */
995
- --ptc-element-spacing-03: 0.75rem;
996
- /* 12px */
997
- --ptc-element-spacing-04: 1rem;
998
- /* 16px */
999
- --ptc-element-spacing-05: 1.5rem;
1000
- /* 24px */
1001
- --ptc-element-spacing-06: 2rem;
1002
- /* 32px */
1003
- --ptc-element-spacing-07: 2.5rem;
1004
- /* 40px */
1005
- --ptc-layout-spacing-01: 0.5rem;
1006
- /* 8px */
1007
- --ptc-layout-spacing-02: 1rem;
1008
- /* 16px */
1009
- --ptc-layout-spacing-03: 1.5rem;
1010
- /* 24px */
1011
- --ptc-layout-spacing-04: 2rem;
1012
- /* 32px */
1013
- --ptc-layout-spacing-05: 4rem;
1014
- /* 64px */
1015
- --ptc-layout-spacing-06: 5rem;
1016
- /* 80px */
1017
- }
1018
-
1019
- /**
1020
- * transaction and ease
1021
- **/
1022
- :root {
1023
- --ptc-transition-x-fast: 100ms;
1024
- --ptc-transition-faster: 150ms;
1025
- --ptc-transition-fast: 200ms;
1026
- --ptc-transition-medium: 250ms;
1027
- --ptc-transition-slow: 300ms;
1028
- --ptc-transition-slower:500ms;
1029
- --ptc-transition-x-slow: 1000ms;
1030
- --ptc-standard-ease: cubic-bezier(0.4, 0.0, 0.2, 1);
1031
- --ptc-decelerated-ease: cubic-bezier(0.0, 0.0, 0.2, 1);
1032
- --ptc-acceletated-ease: cubic-bezier(0.4, 0.0, 1, 1);
1033
- --ptc-delay-medium: 50ms;
1034
- }
1035
-
1036
- .u-para-sm {
1037
- font-size: var(--ptc-font-size-small) !important;
1038
- }
1039
-
1040
- .u-para-md {
1041
- font-size: var(--ptc-font-size-medium) !important;
1042
- }
1043
-
1044
- .u-para-lg {
1045
- font-size: var(--ptc-font-size-large) !important;
1046
- }
1047
-
1048
- .u-para-xl {
1049
- font-size: var(--ptc-font-size-x-large) !important;
1050
- }
1051
-
1052
- .u-para-xxl {
1053
- font-size: var(--ptc-font-size-xx-large) !important;
1054
- }
1055
-
1056
- @media screen and (min-width: 768px) {
1057
- .u-para-sm {
1058
- font-size: calc(var(--ptc-font-size-small) + 0.05vw) !important;
1059
- }
1060
-
1061
- .u-para-md {
1062
- font-size: calc(var(--ptc-font-size-medium) + 0.05vw) !important;
1063
- }
1064
-
1065
- .u-para-lg {
1066
- font-size: calc(var(--ptc-font-size-large) + 0.05vw) !important;
1067
- }
1068
-
1069
- .u-para-xl {
1070
- font-size: calc(var(--ptc-font-size-x-large) + 0.05vw) !important;
1071
- }
1072
-
1073
- .u-para-xxl {
1074
- font-size: calc(var(--ptc-font-size-xx-large) + 0.05vw) !important;
1075
- }
1076
- }
1077
- @media screen and (min-width: 992px) {
1078
- .u-para-sm {
1079
- font-size: calc(var(--ptc-font-size-small) + 0.1vw) !important;
1080
- }
1081
-
1082
- .u-para-md {
1083
- font-size: calc(var(--ptc-font-size-medium) + 0.1vw) !important;
1084
- }
1085
-
1086
- .u-para-lg {
1087
- font-size: calc(var(--ptc-font-size-large) + 0.1vw) !important;
1088
- }
1089
-
1090
- .u-para-xl {
1091
- font-size: calc(var(--ptc-font-size-x-large) + 0.1vw) !important;
1092
- }
1093
-
1094
- .u-para-xxl {
1095
- font-size: calc(var(--ptc-font-size-xx-large) + 0.1vw) !important;
1096
- }
1097
- }
1098
- @media screen and (min-width: 1200px) {
1099
- .u-para-sm {
1100
- font-size: calc(var(--ptc-font-size-small) + 0.15vw) !important;
1101
- }
1102
-
1103
- .u-para-md {
1104
- font-size: calc(var(--ptc-font-size-medium) + 0.15vw) !important;
1105
- }
1106
-
1107
- .u-para-lg {
1108
- font-size: calc(var(--ptc-font-size-large) + 0.15vw) !important;
1109
- }
1110
-
1111
- .u-para-xl {
1112
- font-size: calc(var(--ptc-font-size-x-large) + 0.15vw) !important;
1113
- }
1114
-
1115
- .u-para-xxl {
1116
- font-size: calc(var(--ptc-font-size-xx-large) + 0.15vw) !important;
1117
- }
1118
- }
1119
- @media screen and (min-width: 1440px) {
1120
- .u-para-sm {
1121
- font-size: calc(var(--ptc-font-size-small) + 0.2vw) !important;
1122
- }
1123
-
1124
- .u-para-md {
1125
- font-size: calc(var(--ptc-font-size-medium) + 0.2vw) !important;
1126
- }
1127
-
1128
- .u-para-lg {
1129
- font-size: calc(var(--ptc-font-size-large) + 0.2vw) !important;
1130
- }
1131
-
1132
- .u-para-xl {
1133
- font-size: calc(var(--ptc-font-size-x-large) + 0.2vw) !important;
1134
- }
1135
-
1136
- .u-para-xxl {
1137
- font-size: calc(var(--ptc-font-size-xx-large) + 0.2vw) !important;
1138
- }
1139
- }
1140
- @media screen and (min-width: 1600px) {
1141
- .u-para-sm {
1142
- font-size: calc(var(--ptc-font-size-small) + 0.25vw) !important;
1143
- }
1144
-
1145
- .u-para-md {
1146
- font-size: calc(var(--ptc-font-size-medium) + 0.25vw) !important;
1147
- }
1148
-
1149
- .u-para-lg {
1150
- font-size: calc(var(--ptc-font-size-large) + 0.25vw) !important;
1151
- }
1152
-
1153
- .u-para-xl {
1154
- font-size: calc(var(--ptc-font-size-x-large) + 0.25vw) !important;
1155
- }
1156
-
1157
- .u-para-xxl {
1158
- font-size: calc(var(--ptc-font-size-xx-large) + 0.25vw) !important;
1159
- }
1160
- }
1161
- @media screen and (min-width: 1980px) {
1162
- .u-para-sm {
1163
- font-size: calc(var(--ptc-font-size-small) + 0.3vw) !important;
1164
- }
1165
-
1166
- .u-para-md {
1167
- font-size: calc(var(--ptc-font-size-medium) + 0.3vw) !important;
1168
- }
1169
-
1170
- .u-para-lg {
1171
- font-size: calc(var(--ptc-font-size-large) + 0.3vw) !important;
1172
- }
1173
-
1174
- .u-para-xl {
1175
- font-size: calc(var(--ptc-font-size-x-large) + 0.3vw) !important;
1176
- }
1177
-
1178
- .u-para-xxl {
1179
- font-size: calc(var(--ptc-font-size-xx-large) + 0.3vw) !important;
1180
- }
1181
- }
1182
- @media screen and (min-width: 2600px) {
1183
- .u-para-sm {
1184
- font-size: calc(var(--ptc-font-size-small) + 0.35vw) !important;
1185
- }
1186
-
1187
- .u-para-md {
1188
- font-size: calc(var(--ptc-font-size-medium) + 0.35vw) !important;
1189
- }
1190
-
1191
- .u-para-lg {
1192
- font-size: calc(var(--ptc-font-size-large) + 0.35vw) !important;
1193
- }
1194
-
1195
- .u-para-xl {
1196
- font-size: calc(var(--ptc-font-size-x-large) + 0.35vw) !important;
1197
- }
1198
-
1199
- .u-para-xxl {
1200
- font-size: calc(var(--ptc-font-size-xx-large) + 0.35vw) !important;
1201
- }
1202
- }
1203
- .u-para-body {
1204
- font-size: var(--ptc-font-size-medium) !important;
1205
- }
1206
-
1207
- .u-color-white {
1208
- color: var(--color-white) !important;
1209
- }
1210
-
1211
- .u-uppercase {
1212
- text-transform: uppercase !important;
1213
- }
1214
-
1215
- .u-margin-flush {
1216
- margin: 0 !important;
1217
- }
1218
-
1219
- .u-marginTop-flush {
1220
- margin-top: 0 !important;
1221
- }
1222
-
1223
- .u-marginLeft-flush {
1224
- margin-left: 0 !important;
1225
- }
1226
-
1227
- .u-marginRight-flush {
1228
- margin-right: 0 !important;
1229
- }
1230
-
1231
- .u-marginBottom-flush {
1232
- margin-bottom: 0 !important;
1233
- }
1234
-
1235
- .u-padding-flush {
1236
- padding: 0 !important;
1237
- }
1238
-
1239
- .u-paddingTop-flush {
1240
- padding-top: 0 !important;
1241
- }
1242
-
1243
- .u-paddingLeft-flush {
1244
- padding-left: 0 !important;
1245
- }
1246
-
1247
- .u-paddingRight-flush {
1248
- padding-right: 0 !important;
1249
- }
1250
-
1251
- .u-paddingBottom-flush {
1252
- padding-bottom: 0 !important;
1253
- }
1254
-
1255
- .u-textAlign-ctr {
1256
- text-align: center !important;
1257
- }
1258
-
1259
- .u-textAlign-right {
1260
- text-align: right !important;
1261
- }
1262
-
1263
- .u-textAlign-left {
1264
- text-align: left !important;
1265
- }
1266
-
1267
- .u-textWhite {
1268
- color: var(--color-white) !important;
1269
- }
1270
-
1271
- .u-textGreen1 {
1272
- color: var(--color-primary-green) !important;
1273
- }
1274
-
1275
- .u-textGreen2 {
1276
- color: var(--color-secondary-turtlegreen) !important;
1277
- }
1278
-
1279
- .u-text-nowrap {
1280
- white-space: nowrap;
1281
- }
1282
-
1283
- .u-text-bold {
1284
- font-weight: var(--ptc-font-weight-bold);
1285
- }
1286
-
1287
- .u-text-thin {
1288
- font-weight: var(--ptc-font-weight-thin);
1289
- }
1290
-
1291
- .u-textStyle-normal {
1292
- font-style: normal !important;
1293
- }
1294
-
1295
- .u-no-scroll {
1296
- overflow: hidden;
1297
- }
1298
-
1299
- .u-background-reset {
1300
- background-color: transparent !important;
1301
- }
1302
-
1303
- .u-white-overylay {
1304
- background: rgba(242, 242, 242, 0.9);
1305
- }
1306
-
1307
- .u-cursor-pointer {
1308
- cursor: pointer;
1309
- }
1310
-
1311
- .u-clear {
1312
- clear: both;
1313
- }
1314
-
1315
- @media screen and (min-width: 768px) {
1316
- .u-hero-width {
1317
- width: 525px;
1318
- }
1319
-
1320
- .u-margin-center {
1321
- margin: 0 auto;
1322
- }
1323
-
1324
- .u-justify-self-end {
1325
- justify-self: flex-end;
1326
- }
1327
- }
1328
- .u-hero-pushup {
1329
- transform: translateY(-120px);
1330
- }
1331
- @media screen and (min-width: 768px) {
1332
- .u-hero-pushup {
1333
- transform: translateY(-144px);
1334
- }
1335
- }
1336
-
1337
- @media only screen and (min-width: 768px) {
1338
- .grid-order-1-md {
1339
- order: 1;
1340
- }
1341
-
1342
- .grid-order-2-md {
1343
- order: 2;
1344
- }
1345
-
1346
- .grid-order-3-md {
1347
- order: 3;
1348
- }
1349
- }
1350
- .text-center {
1351
- text-align: center;
1352
- }
1353
-
1354
- .text-left {
1355
- text-align: left;
1356
- }
1357
-
1358
- .text-right {
1359
- text-align: right;
1360
- }
1361
-
1362
- .standard-list {
1363
- list-style: none;
1364
- margin-left: 0;
1365
- margin-bottom: 20px;
1366
- padding: 0;
1367
- }
1368
-
1369
- * {
1370
- box-sizing: border-box;
1371
- }
1372
-
1373
- *::selection,
1374
- *::-moz-selection {
1375
- background: var(--color-secondary-bg);
1376
- }
1377
-
1378
- .ptc-background-wrapper {
1379
- height: 100%;
1380
- left: 0;
1381
- position: absolute;
1382
- top: 0;
1383
- width: 100%;
1384
- z-index: -1;
1385
- }
1386
-
1387
- .ptc-image-container {
1388
- height: 100%;
1389
- width: auto;
1390
- position: relative;
1391
- box-shadow: var(--ptc-shadow-medium);
1392
- }
1393
-
1394
1
  :host {
1395
2
  display: flex;
1396
3
  width: 100%;
@@ -1416,12 +23,12 @@ Credits to Dave Berning
1416
23
  margin: 0px auto;
1417
24
  display: flex;
1418
25
  position: relative;
1419
- box-shadow: 1px 1px 35px 0 rgba(0, 0, 0, 0.16);
26
+ box-shadow: var(--ptc-shadow-large);
1420
27
  background-color: var(--color-white);
1421
28
  transform: translateY(-50%);
1422
29
  }
1423
30
  :host(.image-quote) .quote-media .our-leadership p {
1424
- font-size: var(--ptc-font-size-medium);
31
+ font-size: var(--ptc-font-size-x-small);
1425
32
  font-weight: var(--ptc-font-weight-black);
1426
33
  color: var(--color-gray-10);
1427
34
  line-height: var(--ptc-line-height-p);
@@ -1469,37 +76,38 @@ Credits to Dave Berning
1469
76
  }
1470
77
  :host(.image-quote) .quote-content blockquote p {
1471
78
  font-weight: var(--ptc-font-weight-medium);
1472
- font-size: var(--ptc-font-size-medium);
79
+ font-size: var(--ptc-font-size-x-small);
1473
80
  line-height: var(--ptc-line-height-p);
1474
81
  font-style: var(--ptc-font-style-italic);
1475
82
  color: var(--color-gray-10);
1476
83
  letter-spacing: var(--ptc-letter-spacing-loose);
84
+ margin: var(--ptc-element-spacing-04) 0;
1477
85
  }
1478
86
  :host(.image-quote) .quote-content .quote-name {
1479
87
  display: block;
1480
- margin-bottom: var(--ptc-element-spacing-06);
1481
- font-size: var(--ptc-font-size-medium);
88
+ margin-bottom: var(--ptc-element-spacing-07);
89
+ font-size: var(--ptc-font-size-x-small);
1482
90
  font-weight: var(--ptc-font-weight-medium);
1483
91
  }
1484
92
 
1485
93
  @media only screen and (min-width: 768px) {
1486
94
  :host(.image-quote) .quote-media .our-leadership {
1487
95
  width: 65%;
1488
- padding: var(--ptc-element-spacing-05) var(--ptc-element-spacing-05) var(--ptc-element-spacing-03) var(--ptc-element-spacing-05);
96
+ padding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);
1489
97
  transform: translateY(-25%);
1490
98
  }
1491
99
  :host(.image-quote) .quote-media .our-leadership p {
1492
- font-size: var(--ptc-font-size-x-large);
100
+ font-size: var(--ptc-font-size-large);
1493
101
  }
1494
102
  :host(.image-quote) .quote-content .quotemarks {
1495
103
  width: 10%;
1496
104
  }
1497
105
  :host(.image-quote) .quote-content blockquote p {
1498
- font-size: var(--ptc-font-size-large);
106
+ font-size: var(--ptc-font-size-medium);
1499
107
  letter-spacing: var(--ptc-letter-spacing-normal);
1500
108
  }
1501
109
  :host(.image-quote) .quote-content .quote-name {
1502
- font-size: var(--ptc-font-size-large);
110
+ font-size: var(--ptc-font-size-medium);
1503
111
  letter-spacing: var(--ptc-letter-spacing-normal);
1504
112
  }
1505
113
  }
@@ -1509,10 +117,10 @@ Credits to Dave Berning
1509
117
  margin-left: 5%;
1510
118
  }
1511
119
  :host(.image-quote) .quote-content blockquote p {
1512
- font-size: var(--ptc-font-size-x-large);
120
+ font-size: var(--ptc-font-size-large);
1513
121
  }
1514
122
  :host(.image-quote) .quote-content .quote-name {
1515
- font-size: var(--ptc-font-size-x-large);
123
+ font-size: var(--ptc-font-size-large);
1516
124
  }
1517
125
  }
1518
126
  @media only screen and (min-width: 1200px) {
@@ -1523,7 +131,7 @@ Credits to Dave Berning
1523
131
  flex-basis: 40%;
1524
132
  padding: unset;
1525
133
  margin: var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);
1526
- padding-right: var(--ptc-element-spacing-07);
134
+ padding-right: var(--ptc-element-spacing-08);
1527
135
  }
1528
136
  :host(.image-quote) .quote-media .our-leadership {
1529
137
  width: 78%;
@@ -1545,21 +153,22 @@ Credits to Dave Berning
1545
153
  }
1546
154
  :host(.plain-quote) blockquote {
1547
155
  margin: 0 auto;
1548
- padding: 0 0 1em 1em;
156
+ padding: 0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);
1549
157
  border-left: 5px solid var(--color-green-05);
1550
158
  }
1551
159
  :host(.plain-quote) blockquote p {
1552
160
  font-weight: var(--ptc-font-weight-regular);
1553
- font-size: var(--ptc-font-size-large);
161
+ font-size: var(--ptc-font-size-medium);
1554
162
  line-height: var(--ptc-line-height-p);
1555
163
  font-style: var(--ptc-font-style-italic);
1556
164
  color: var(--color-gray-10);
165
+ margin: var(--ptc-element-spacing-04) 0;
1557
166
  }
1558
167
  :host(.plain-quote) .quote-content {
1559
168
  flex-basis: auto;
1560
169
  }
1561
170
  :host(.plain-quote) .quote-content .quote-name {
1562
171
  display: block;
1563
- margin-bottom: var(--ptc-element-spacing-06);
1564
- font-size: var(--ptc-font-size-mediun);
172
+ margin-bottom: var(--ptc-element-spacing-07);
173
+ font-size: var(--ptc-font-size-x-small);
1565
174
  }