@ptcwebops/ptcw-design 0.5.0 → 0.5.2

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