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