@ptcwebops/ptcw-design 0.5.1 → 0.5.3

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-7133275c.entry.js +1 -0
  185. package/dist/ptcw-design/p-781aacb7.entry.js +1 -0
  186. package/dist/ptcw-design/p-796b4a16.entry.js +1 -0
  187. package/dist/ptcw-design/p-7bcc42e1.entry.js +1 -0
  188. package/dist/ptcw-design/p-8c6b8bc9.entry.js +1 -0
  189. package/dist/ptcw-design/p-90423b6f.entry.js +1 -0
  190. package/dist/ptcw-design/p-a9e7cd3e.entry.js +1 -0
  191. package/dist/ptcw-design/p-b79303ef.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
package/dist/collection/components/ptc-link/ptc-link.css CHANGED
@@ -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: block;
1396
3
  }
@@ -1403,7 +10,7 @@ Credits to Dave Berning
1403
10
 
1404
11
  .ptc-link {
1405
12
  display: inline-block;
1406
- color: var(--color-primary-uigrey);
13
+ color: var(--color-gray-10);
1407
14
  font-weight: var(--ptc-font-weight-black);
1408
15
  position: relative;
1409
16
  line-height: var(--ptc-line-height-normal);
@@ -1417,8 +24,8 @@ Credits to Dave Berning
1417
24
  width: 100%;
1418
25
  left: 0px;
1419
26
  bottom: 2px;
1420
- transition: opacity var(--ptc-transition-fast) var(--ptc-standard-ease);
1421
- border-bottom: 2px solid var(--color-primary-green);
27
+ transition: opacity var(--ptc-transition-fast) var(--ptc-ease-inout);
28
+ border-bottom: 2px solid var(--color-green-07);
1422
29
  opacity: 0;
1423
30
  }
1424
31
  .simple:hover.simple::after {
@@ -1432,10 +39,10 @@ Credits to Dave Berning
1432
39
  position: absolute;
1433
40
  display: block;
1434
41
  content: "";
1435
- width: var(--ptc-element-spacing-06);
1436
- border-bottom: 2px solid var(--color-primary-green);
42
+ width: var(--ptc-element-spacing-07);
43
+ border-bottom: 2px solid var(--color-green-07);
1437
44
  bottom: 1px;
1438
- transition: width var(--ptc-transition-fast) var(--ptc-standard-ease);
45
+ transition: width var(--ptc-transition-fast) var(--ptc-ease-inout);
1439
46
  }
1440
47
  .arrow:hover.arrow::after {
1441
48
  width: 100%;
@@ -1446,24 +53,25 @@ Credits to Dave Berning
1446
53
  }
1447
54
 
1448
55
  .small {
1449
- font-size: var(--ptc-font-size-small);
56
+ font-size: var(--ptc-font-size-xx-small);
1450
57
  }
1451
58
 
1452
59
  .medium {
1453
- font-size: var(--ptc-font-size-medium);
60
+ font-size: var(--ptc-font-size-x-small);
1454
61
  }
1455
62
 
1456
63
  .large {
1457
- font-size: var(--ptc-font-size-large);
64
+ font-size: var(--ptc-font-size-medium);
1458
65
  }
1459
66
 
1460
67
  .ptc-link.arrow icon-asset {
1461
68
  position: absolute;
1462
69
  right: -25px;
1463
- transition: transform var(--ptc-transition-fast) var(--ptc-standard-ease);
70
+ transition: transform var(--ptc-transition-fast) var(--ptc-ease-inout);
71
+ transform: translateY(2px);
1464
72
  }
1465
73
  .ptc-link.arrow icon-asset svg {
1466
- fill: var(--color-primary-green) !important;
74
+ fill: var(--color-green-07) !important;
1467
75
  }
1468
76
  .ptc-link.arrow-plm icon-asset {
1469
77
  position: absolute;
@@ -1471,11 +79,11 @@ Credits to Dave Berning
1471
79
  transform: translate(100%, 8%);
1472
80
  }
1473
81
  .ptc-link.arrow-plm svg {
1474
- fill: #3DAB49 !important;
82
+ fill: var(--color-green-07) !important;
1475
83
  }
1476
84
 
1477
85
  .ptc-link:hover.arrow icon-asset {
1478
- transform: translateX(var(--ptc-element-spacing-04));
86
+ transform: translate(var(--ptc-element-spacing-04), 2px);
1479
87
  }
1480
88
 
1481
89
  .nav-title:focus, .nav-title-link:focus, .primary-nav-link:focus, .secondary-nav-link:focus, .footer-nav-link:focus, .copyright-link:focus {
@@ -1487,37 +95,36 @@ Credits to Dave Berning
1487
95
  box-sizing: border-box;
1488
96
  color: var(--color-white);
1489
97
  display: inline-block;
1490
- font-size: 15px;
98
+ font-size: var(--ptc-font-size-x-small);
1491
99
  font-stretch: 100%;
1492
100
  font-weight: var(--ptc-font-weight-extrabold);
1493
- letter-spacing: 0.15px;
1494
- line-height: 25.05px;
101
+ letter-spacing: var(--ptc-letter-spacing-normal);
102
+ line-height: var(--ptc-line-height-dense);
1495
103
  list-style: none;
1496
- margin-bottom: 10px;
104
+ margin-bottom: var(--ptc-element-spacing-02);
1497
105
  text-align: left;
1498
106
  }
1499
107
 
1500
108
  .primary-nav-link {
1501
109
  background-color: transparent;
1502
110
  box-sizing: border-box;
1503
- color: #f3f3f4;
111
+ color: var(--color-gray-01);
1504
112
  display: inline-block;
1505
- font-size: 15px;
113
+ font-size: var(--ptc-font-size-x-small);
1506
114
  font-stretch: 100%;
1507
115
  font-weight: var(--ptc-font-weight-extrabold);
1508
- letter-spacing: 0.3px;
1509
- line-height: 25.95px;
116
+ letter-spacing: var(--ptc-letter-spacing-normal);
117
+ line-height: var(--ptc-line-height-dense);
1510
118
  list-style: none;
1511
119
  margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);
1512
- padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-05);
1513
- padding-bottom: 7px;
120
+ padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);
1514
121
  position: relative;
1515
122
  text-decoration: none;
1516
- transition: background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);
123
+ transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);
1517
124
  }
1518
125
  .primary-nav-link:hover {
1519
- border-radius: 4px;
1520
- background-color: #20262a;
126
+ border-radius: var(--ptc-border-radius-standard);
127
+ background-color: var(--color-gray-12);
1521
128
  text-decoration: none;
1522
129
  outline: none;
1523
130
  }
@@ -1526,21 +133,21 @@ Credits to Dave Berning
1526
133
  background-color: transparent;
1527
134
  box-sizing: border-box;
1528
135
  color: var(--color-white);
1529
- font-size: var(--ptc-font-size-x-small);
136
+ font-size: var(--ptc-font-size-xxx-small);
1530
137
  font-stretch: 100%;
1531
138
  font-weight: var(--ptc-font-weight-extrabold);
1532
- line-height: 15px;
139
+ line-height: var(--ptc-line-height-densest);
1533
140
  list-style: none;
1534
141
  text-align: left;
1535
142
  text-decoration-color: var(--color-white);
1536
143
  text-decoration: none;
1537
- transition: border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);
144
+ transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);
1538
145
  border-bottom: 1.5px solid transparent;
1539
146
  display: inline-block;
1540
147
  }
1541
148
  .nav-title-link:hover {
1542
149
  color: var(--color-white);
1543
- border-bottom: 1.5px solid var(--color-secondary-turtlegreen);
150
+ border-bottom: 1.5px solid var(--color-green-06);
1544
151
  }
1545
152
 
1546
153
  .secondary-nav-link {
@@ -1548,64 +155,64 @@ Credits to Dave Berning
1548
155
  background-color: transparent;
1549
156
  box-sizing: border-box;
1550
157
  color: var(--color-white);
1551
- font-size: var(--ptc-font-size-x-small);
158
+ font-size: var(--ptc-font-size-xxx-small);
1552
159
  font-stretch: 100%;
1553
160
  font-style: normal;
1554
161
  font-weight: var(--ptc-font-weight-semibold);
1555
- letter-spacing: 0.12px;
1556
- line-height: 14.4px;
162
+ letter-spacing: var(--ptc-letter-spacing-normal);
163
+ line-height: var(--ptc-line-height-densest);
1557
164
  list-style: none;
1558
- margin-bottom: 12px;
165
+ margin-bottom: var(--ptc-element-spacing-03);
1559
166
  text-align: left;
1560
167
  text-decoration: none;
1561
- transition: border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);
168
+ transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);
1562
169
  border-bottom: 1.5px solid transparent;
1563
170
  white-space: nowrap;
1564
171
  }
1565
172
  .secondary-nav-link:hover {
1566
173
  color: var(--color-white);
1567
- border-bottom: 1.5px solid #74c34d;
174
+ border-bottom: 1.5px solid var(--color-green-06);
1568
175
  border-radius: 0;
1569
176
  text-decoration: none;
1570
177
  }
1571
178
 
1572
179
  .footer-nav-link {
1573
180
  color: var(--color-white);
1574
- transition: border var(--ptc-transition-medium) var(--ptc-standard-ease), color var(--ptc-transition-medium) var(--ptc-standard-ease);
181
+ transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);
1575
182
  border-bottom: 1px solid transparent;
1576
183
  outline: none;
1577
184
  text-decoration: none;
1578
185
  font-weight: var(--ptc-font-weight-semibold);
1579
- line-height: 1.73;
1580
- letter-spacing: 1.13px;
186
+ letter-spacing: var(--ptc-letter-spacing-normal);
187
+ line-height: var(--ptc-line-height-densest);
1581
188
  text-align: left;
1582
- font-size: 15px;
189
+ font-size: var(--ptc-font-size-x-small);
1583
190
  }
1584
191
  .footer-nav-link:hover {
1585
192
  outline: none;
1586
193
  text-decoration: none;
1587
- border-bottom: 0.1rem solid var(--color-secondary-turtlegreen);
1588
- color: var(--color-secondary-turtlegreen);
194
+ border-bottom: 0.1rem solid var(--color-green-06);
195
+ color: var(--color-green-06);
1589
196
  }
1590
197
 
1591
198
  .copyright-link {
1592
199
  color: var(--color-white);
1593
- font-size: 13px;
200
+ font-size: var(--ptc-font-size-xx-small);
1594
201
  font-weight: var(--ptc-font-weight-normal);
1595
- line-height: 2;
202
+ line-height: var(--ptc-line-height-loose);
1596
203
  display: inline-block;
1597
204
  }
1598
205
 
1599
206
  .arrow-plm {
1600
207
  color: var(--color-white);
1601
208
  font-weight: var(--ptc-font-weight-extrabold);
1602
- line-height: var(--ptc-line-height-19);
209
+ line-height: var(--ptc-line-height-densest);
1603
210
  text-decoration: underline;
1604
211
  text-decoration-thickness: 1px;
1605
212
  text-decoration-color: transparent;
1606
213
  text-underline-offset: 2px;
1607
- transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease);
214
+ transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
1608
215
  }
1609
216
  .arrow-plm:hover {
1610
- text-decoration-color: #3DAB49;
217
+ text-decoration-color: var(--color-green-07);
1611
218
  }