igniteui-webcomponents 4.8.1 → 4.9.0

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 (436) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +2 -2
  3. package/animations/player.js +1 -1
  4. package/animations/player.js.map +1 -1
  5. package/animations/presets/slide/index.js +4 -4
  6. package/animations/presets/slide/index.js.map +1 -1
  7. package/components/accordion/accordion.js +2 -2
  8. package/components/accordion/accordion.js.map +1 -1
  9. package/components/avatar/avatar.d.ts +1 -0
  10. package/components/avatar/avatar.js +11 -7
  11. package/components/avatar/avatar.js.map +1 -1
  12. package/components/avatar/themes/themes.js.map +1 -1
  13. package/components/badge/badge.js +7 -6
  14. package/components/badge/badge.js.map +1 -1
  15. package/components/badge/themes/themes.d.ts +1 -1
  16. package/components/badge/themes/themes.js.map +1 -1
  17. package/components/button/button-base.d.ts +1 -1
  18. package/components/button/button-base.js.map +1 -1
  19. package/components/button/button.js +6 -5
  20. package/components/button/button.js.map +1 -1
  21. package/components/button/icon-button.js +8 -7
  22. package/components/button/icon-button.js.map +1 -1
  23. package/components/button/themes/button/dark/button.material.css.js +1 -1
  24. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  25. package/components/button/themes/button/light/button.material.css.js +1 -1
  26. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  27. package/components/button/themes/button/themes.d.ts +1 -1
  28. package/components/button/themes/button/themes.js.map +1 -1
  29. package/components/button/themes/icon-button/themes.d.ts +1 -1
  30. package/components/button/themes/icon-button/themes.js.map +1 -1
  31. package/components/button-group/button-group.js +27 -19
  32. package/components/button-group/button-group.js.map +1 -1
  33. package/components/button-group/themes/button.js.map +1 -1
  34. package/components/button-group/themes/group.js.map +1 -1
  35. package/components/button-group/toggle-button.js +7 -6
  36. package/components/button-group/toggle-button.js.map +1 -1
  37. package/components/calendar/calendar.d.ts +3 -3
  38. package/components/calendar/calendar.js +19 -22
  39. package/components/calendar/calendar.js.map +1 -1
  40. package/components/calendar/common/calendar-base.d.ts +1 -1
  41. package/components/calendar/common/calendar-base.js +2 -2
  42. package/components/calendar/common/calendar-base.js.map +1 -1
  43. package/components/calendar/common/calendar.model.d.ts +1 -1
  44. package/components/calendar/common/calendar.model.js +12 -11
  45. package/components/calendar/common/calendar.model.js.map +1 -1
  46. package/components/calendar/common/utils.d.ts +1 -1
  47. package/components/calendar/common/utils.js +1 -1
  48. package/components/calendar/common/utils.js.map +1 -1
  49. package/components/calendar/days-view/days-view.d.ts +4 -4
  50. package/components/calendar/days-view/days-view.js +11 -14
  51. package/components/calendar/days-view/days-view.js.map +1 -1
  52. package/components/calendar/months-view/months-view.d.ts +2 -2
  53. package/components/calendar/months-view/months-view.js +4 -3
  54. package/components/calendar/months-view/months-view.js.map +1 -1
  55. package/components/calendar/themes/calendar.base.css.js +1 -1
  56. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  57. package/components/calendar/themes/calendar.d.ts +1 -1
  58. package/components/calendar/themes/calendar.js +3 -2
  59. package/components/calendar/themes/calendar.js.map +1 -1
  60. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  61. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  62. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  63. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  64. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  65. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  66. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  67. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  68. package/components/calendar/themes/days-view.base.css.js +1 -1
  69. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  70. package/components/calendar/themes/days.d.ts +1 -1
  71. package/components/calendar/themes/days.js +3 -2
  72. package/components/calendar/themes/days.js.map +1 -1
  73. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  74. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  75. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  76. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  77. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  78. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  79. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  80. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  81. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  82. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  83. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  84. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  85. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  86. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  87. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  88. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  89. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  90. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  91. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  92. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  93. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
  94. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
  95. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  96. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  97. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +3 -0
  98. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -0
  99. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.d.ts +1 -0
  100. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +3 -0
  101. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -0
  102. package/components/calendar/themes/shared/material/calendar.material.css.d.ts +1 -0
  103. package/components/calendar/themes/shared/material/calendar.material.css.js +3 -0
  104. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -0
  105. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  106. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  107. package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
  108. package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
  109. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  110. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  111. package/components/calendar/themes/year-month.d.ts +1 -1
  112. package/components/calendar/themes/year-month.js +3 -2
  113. package/components/calendar/themes/year-month.js.map +1 -1
  114. package/components/calendar/years-view/years-view.d.ts +2 -2
  115. package/components/calendar/years-view/years-view.js +4 -3
  116. package/components/calendar/years-view/years-view.js.map +1 -1
  117. package/components/card/card.actions.js +6 -5
  118. package/components/card/card.actions.js.map +1 -1
  119. package/components/card/card.content.js +6 -5
  120. package/components/card/card.content.js.map +1 -1
  121. package/components/card/card.header.js +6 -5
  122. package/components/card/card.header.js.map +1 -1
  123. package/components/card/card.js +6 -5
  124. package/components/card/card.js.map +1 -1
  125. package/components/card/card.media.js +2 -2
  126. package/components/card/card.media.js.map +1 -1
  127. package/components/card/themes/actions.d.ts +1 -1
  128. package/components/card/themes/actions.js.map +1 -1
  129. package/components/card/themes/container.d.ts +1 -1
  130. package/components/card/themes/container.js.map +1 -1
  131. package/components/card/themes/content.d.ts +1 -1
  132. package/components/card/themes/content.js.map +1 -1
  133. package/components/card/themes/header.d.ts +1 -1
  134. package/components/card/themes/header.js.map +1 -1
  135. package/components/checkbox/checkbox-base.d.ts +2 -2
  136. package/components/checkbox/checkbox-base.js +3 -5
  137. package/components/checkbox/checkbox-base.js.map +1 -1
  138. package/components/checkbox/checkbox.js +4 -4
  139. package/components/checkbox/checkbox.js.map +1 -1
  140. package/components/checkbox/switch.js +4 -4
  141. package/components/checkbox/switch.js.map +1 -1
  142. package/components/checkbox/themes/checkbox-themes.d.ts +1 -1
  143. package/components/checkbox/themes/checkbox-themes.js.map +1 -1
  144. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  145. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  146. package/components/checkbox/themes/switch-themes.d.ts +1 -1
  147. package/components/checkbox/themes/switch-themes.js.map +1 -1
  148. package/components/chip/chip.d.ts +1 -1
  149. package/components/chip/chip.js +7 -6
  150. package/components/chip/chip.js.map +1 -1
  151. package/components/chip/themes/chip.base.css.js +1 -1
  152. package/components/chip/themes/chip.base.css.js.map +1 -1
  153. package/components/chip/themes/themes.d.ts +1 -1
  154. package/components/chip/themes/themes.js.map +1 -1
  155. package/components/combo/combo-header.js +5 -4
  156. package/components/combo/combo-header.js.map +1 -1
  157. package/components/combo/combo-item.js +5 -4
  158. package/components/combo/combo-item.js.map +1 -1
  159. package/components/combo/combo-list.js +1 -1
  160. package/components/combo/combo-list.js.map +1 -1
  161. package/components/combo/combo.d.ts +5 -5
  162. package/components/combo/combo.js +16 -14
  163. package/components/combo/combo.js.map +1 -1
  164. package/components/combo/controllers/data.d.ts +2 -2
  165. package/components/combo/controllers/data.js.map +1 -1
  166. package/components/combo/controllers/navigation.d.ts +3 -3
  167. package/components/combo/controllers/navigation.js +1 -3
  168. package/components/combo/controllers/navigation.js.map +1 -1
  169. package/components/combo/controllers/selection.d.ts +1 -1
  170. package/components/combo/controllers/selection.js.map +1 -1
  171. package/components/combo/operations/filter.d.ts +2 -2
  172. package/components/combo/operations/filter.js +2 -2
  173. package/components/combo/operations/filter.js.map +1 -1
  174. package/components/combo/operations/group.d.ts +1 -1
  175. package/components/combo/operations/group.js.map +1 -1
  176. package/components/combo/themes/combo.base.css.js +1 -1
  177. package/components/combo/themes/combo.base.css.js.map +1 -1
  178. package/components/combo/themes/themes.d.ts +1 -1
  179. package/components/combo/themes/themes.js.map +1 -1
  180. package/components/combo/types.d.ts +2 -2
  181. package/components/combo/types.js.map +1 -1
  182. package/components/common/controllers/root-click.d.ts +1 -1
  183. package/components/common/controllers/root-click.js.map +1 -1
  184. package/components/common/controllers/root-scroll.d.ts +1 -1
  185. package/components/common/controllers/root-scroll.js.map +1 -1
  186. package/components/common/decorators/blazorDeepImport.d.ts +2 -1
  187. package/components/common/decorators/blazorDeepImport.js.map +1 -1
  188. package/components/common/decorators/blazorIndirectRender.d.ts +2 -1
  189. package/components/common/decorators/blazorIndirectRender.js.map +1 -1
  190. package/components/common/decorators/blazorSuppressComponent.d.ts +2 -1
  191. package/components/common/decorators/blazorSuppressComponent.js.map +1 -1
  192. package/components/common/decorators/watch.js +2 -2
  193. package/components/common/decorators/watch.js.map +1 -1
  194. package/components/common/definitions/defineAllComponents.js +4 -4
  195. package/components/common/definitions/defineAllComponents.js.map +1 -1
  196. package/components/common/definitions/defineComponents.d.ts +1 -1
  197. package/components/common/definitions/defineComponents.js.map +1 -1
  198. package/components/common/mixins/alert.d.ts +1 -1
  199. package/components/common/mixins/alert.js.map +1 -1
  200. package/components/common/mixins/combo-box.js.map +1 -1
  201. package/components/common/mixins/constructor.d.ts +2 -2
  202. package/components/common/mixins/constructor.js.map +1 -1
  203. package/components/common/mixins/event-emitter.d.ts +1 -1
  204. package/components/common/mixins/event-emitter.js.map +1 -1
  205. package/components/common/mixins/form-associated-required.d.ts +2 -2
  206. package/components/common/mixins/form-associated-required.js +1 -1
  207. package/components/common/mixins/form-associated-required.js.map +1 -1
  208. package/components/common/mixins/form-associated.d.ts +2 -2
  209. package/components/common/mixins/form-associated.js.map +1 -1
  210. package/components/common/mixins/sizable.d.ts +1 -1
  211. package/components/common/mixins/sizable.js.map +1 -1
  212. package/components/common/util.d.ts +4 -2
  213. package/components/common/util.js +16 -18
  214. package/components/common/util.js.map +1 -1
  215. package/components/common/validators.js +5 -5
  216. package/components/common/validators.js.map +1 -1
  217. package/components/date-time-input/date-time-input.d.ts +5 -5
  218. package/components/date-time-input/date-time-input.js +38 -55
  219. package/components/date-time-input/date-time-input.js.map +1 -1
  220. package/components/date-time-input/date-util.d.ts +1 -1
  221. package/components/date-time-input/date-util.js +40 -32
  222. package/components/date-time-input/date-util.js.map +1 -1
  223. package/components/dialog/dialog.js +5 -5
  224. package/components/dialog/dialog.js.map +1 -1
  225. package/components/dialog/themes/dialog.base.css.js +1 -1
  226. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  227. package/components/dialog/themes/themes.d.ts +1 -1
  228. package/components/dialog/themes/themes.js.map +1 -1
  229. package/components/dropdown/dropdown-group.js +7 -6
  230. package/components/dropdown/dropdown-group.js.map +1 -1
  231. package/components/dropdown/dropdown-header.js +6 -5
  232. package/components/dropdown/dropdown-header.js.map +1 -1
  233. package/components/dropdown/dropdown-item.js +7 -6
  234. package/components/dropdown/dropdown-item.js.map +1 -1
  235. package/components/dropdown/dropdown.d.ts +4 -2
  236. package/components/dropdown/dropdown.js +10 -10
  237. package/components/dropdown/dropdown.js.map +1 -1
  238. package/components/dropdown/themes/container.d.ts +1 -1
  239. package/components/dropdown/themes/container.js.map +1 -1
  240. package/components/dropdown/themes/group.d.ts +1 -1
  241. package/components/dropdown/themes/group.js.map +1 -1
  242. package/components/dropdown/themes/header.d.ts +1 -1
  243. package/components/dropdown/themes/header.js.map +1 -1
  244. package/components/dropdown/themes/item.d.ts +1 -1
  245. package/components/dropdown/themes/item.js.map +1 -1
  246. package/components/expansion-panel/expansion-panel.js +4 -4
  247. package/components/expansion-panel/expansion-panel.js.map +1 -1
  248. package/components/expansion-panel/themes/themes.d.ts +1 -1
  249. package/components/expansion-panel/themes/themes.js.map +1 -1
  250. package/components/form/form.d.ts +1 -1
  251. package/components/form/form.js +2 -2
  252. package/components/form/form.js.map +1 -1
  253. package/components/icon/icon.js +8 -7
  254. package/components/icon/icon.js.map +1 -1
  255. package/components/icon/themes/themes.d.ts +1 -1
  256. package/components/icon/themes/themes.js.map +1 -1
  257. package/components/input/input-base.d.ts +2 -2
  258. package/components/input/input-base.js +5 -5
  259. package/components/input/input-base.js.map +1 -1
  260. package/components/input/input.d.ts +8 -1
  261. package/components/input/input.js +10 -14
  262. package/components/input/input.js.map +1 -1
  263. package/components/input/themes/themes.d.ts +1 -1
  264. package/components/input/themes/themes.js.map +1 -1
  265. package/components/list/list-header.js +6 -5
  266. package/components/list/list-header.js.map +1 -1
  267. package/components/list/list-item.js +6 -5
  268. package/components/list/list-item.js.map +1 -1
  269. package/components/list/list.js +7 -6
  270. package/components/list/list.js.map +1 -1
  271. package/components/list/themes/container.d.ts +1 -1
  272. package/components/list/themes/container.js.map +1 -1
  273. package/components/list/themes/header.d.ts +1 -1
  274. package/components/list/themes/header.js.map +1 -1
  275. package/components/list/themes/item.d.ts +1 -1
  276. package/components/list/themes/item.js.map +1 -1
  277. package/components/list/themes/shared/item/list-item.bootstrap.css.js +1 -1
  278. package/components/list/themes/shared/item/list-item.bootstrap.css.js.map +1 -1
  279. package/components/mask-input/mask-input-base.d.ts +1 -1
  280. package/components/mask-input/mask-input-base.js +1 -1
  281. package/components/mask-input/mask-input-base.js.map +1 -1
  282. package/components/mask-input/mask-input.d.ts +2 -2
  283. package/components/mask-input/mask-input.js +2 -2
  284. package/components/mask-input/mask-input.js.map +1 -1
  285. package/components/mask-input/mask-parser.d.ts +2 -2
  286. package/components/mask-input/mask-parser.js +44 -34
  287. package/components/mask-input/mask-parser.js.map +1 -1
  288. package/components/nav-drawer/nav-drawer-header-item.js +6 -5
  289. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  290. package/components/nav-drawer/nav-drawer-item.js +8 -7
  291. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  292. package/components/nav-drawer/nav-drawer.js +7 -6
  293. package/components/nav-drawer/nav-drawer.js.map +1 -1
  294. package/components/nav-drawer/themes/container.d.ts +1 -1
  295. package/components/nav-drawer/themes/container.js.map +1 -1
  296. package/components/nav-drawer/themes/header-item.d.ts +1 -1
  297. package/components/nav-drawer/themes/header-item.js.map +1 -1
  298. package/components/nav-drawer/themes/item.d.ts +1 -1
  299. package/components/nav-drawer/themes/item.js +7 -0
  300. package/components/nav-drawer/themes/item.js.map +1 -1
  301. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.d.ts +1 -0
  302. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +3 -0
  303. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -0
  304. package/components/navbar/navbar.js +6 -5
  305. package/components/navbar/navbar.js.map +1 -1
  306. package/components/navbar/themes/themes.d.ts +1 -1
  307. package/components/navbar/themes/themes.js.map +1 -1
  308. package/components/popover/popover.d.ts +2 -4
  309. package/components/popover/popover.js +16 -18
  310. package/components/popover/popover.js.map +1 -1
  311. package/components/popover/themes/light/popover.base.css.js +1 -1
  312. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  313. package/components/progress/base.js +8 -5
  314. package/components/progress/base.js.map +1 -1
  315. package/components/progress/circular-gradient.js +1 -1
  316. package/components/progress/circular-gradient.js.map +1 -1
  317. package/components/progress/circular-progress.js +4 -4
  318. package/components/progress/circular-progress.js.map +1 -1
  319. package/components/progress/linear-progress.js +7 -6
  320. package/components/progress/linear-progress.js.map +1 -1
  321. package/components/progress/themes/circular/themes.d.ts +1 -1
  322. package/components/progress/themes/circular/themes.js.map +1 -1
  323. package/components/progress/themes/linear/themes.d.ts +1 -1
  324. package/components/progress/themes/linear/themes.js.map +1 -1
  325. package/components/radio/radio.d.ts +2 -2
  326. package/components/radio/radio.js +5 -5
  327. package/components/radio/radio.js.map +1 -1
  328. package/components/radio/themes/themes.d.ts +1 -1
  329. package/components/radio/themes/themes.js.map +1 -1
  330. package/components/radio/utils.js.map +1 -1
  331. package/components/radio-group/radio-group.js +7 -6
  332. package/components/radio-group/radio-group.js.map +1 -1
  333. package/components/rating/rating-symbol.js +2 -2
  334. package/components/rating/rating-symbol.js.map +1 -1
  335. package/components/rating/rating.d.ts +3 -1
  336. package/components/rating/rating.js +24 -18
  337. package/components/rating/rating.js.map +1 -1
  338. package/components/rating/themes/themes.d.ts +1 -1
  339. package/components/rating/themes/themes.js.map +1 -1
  340. package/components/ripple/ripple.js +4 -4
  341. package/components/ripple/ripple.js.map +1 -1
  342. package/components/select/select-group.js +5 -4
  343. package/components/select/select-group.js.map +1 -1
  344. package/components/select/select-header.js +4 -3
  345. package/components/select/select-header.js.map +1 -1
  346. package/components/select/select-item.js +4 -3
  347. package/components/select/select-item.js.map +1 -1
  348. package/components/select/select.d.ts +3 -3
  349. package/components/select/select.js +10 -10
  350. package/components/select/select.js.map +1 -1
  351. package/components/select/themes/themes.d.ts +1 -1
  352. package/components/select/themes/themes.js.map +1 -1
  353. package/components/slider/range-slider.d.ts +1 -1
  354. package/components/slider/range-slider.js +15 -13
  355. package/components/slider/range-slider.js.map +1 -1
  356. package/components/slider/slider-base.d.ts +2 -2
  357. package/components/slider/slider-base.js +8 -8
  358. package/components/slider/slider-base.js.map +1 -1
  359. package/components/slider/slider-label.js +1 -1
  360. package/components/slider/slider-label.js.map +1 -1
  361. package/components/slider/slider.d.ts +1 -1
  362. package/components/slider/slider.js +3 -3
  363. package/components/slider/slider.js.map +1 -1
  364. package/components/slider/themes/themes.d.ts +1 -1
  365. package/components/slider/themes/themes.js.map +1 -1
  366. package/components/snackbar/snackbar.d.ts +1 -1
  367. package/components/snackbar/snackbar.js +7 -6
  368. package/components/snackbar/snackbar.js.map +1 -1
  369. package/components/snackbar/themes/themes.d.ts +1 -1
  370. package/components/snackbar/themes/themes.js.map +1 -1
  371. package/components/stepper/step.d.ts +1 -1
  372. package/components/stepper/step.js +10 -11
  373. package/components/stepper/step.js.map +1 -1
  374. package/components/stepper/stepper.d.ts +2 -2
  375. package/components/stepper/stepper.js +21 -12
  376. package/components/stepper/stepper.js.map +1 -1
  377. package/components/stepper/themes/step/themes.d.ts +1 -1
  378. package/components/stepper/themes/step/themes.js.map +1 -1
  379. package/components/tabs/tab-panel.js +2 -2
  380. package/components/tabs/tab-panel.js.map +1 -1
  381. package/components/tabs/tab.js +5 -5
  382. package/components/tabs/tab.js.map +1 -1
  383. package/components/tabs/tabs.d.ts +2 -2
  384. package/components/tabs/tabs.js +22 -18
  385. package/components/tabs/tabs.js.map +1 -1
  386. package/components/tabs/themes/tab-themes.d.ts +1 -1
  387. package/components/tabs/themes/tab-themes.js.map +1 -1
  388. package/components/tabs/themes/tabs-themes.d.ts +1 -1
  389. package/components/tabs/themes/tabs-themes.js.map +1 -1
  390. package/components/textarea/textarea.d.ts +8 -1
  391. package/components/textarea/textarea.js +11 -5
  392. package/components/textarea/textarea.js.map +1 -1
  393. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  394. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  395. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  396. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  397. package/components/textarea/themes/themes.d.ts +1 -1
  398. package/components/textarea/themes/themes.js.map +1 -1
  399. package/components/toast/themes/themes.d.ts +1 -1
  400. package/components/toast/themes/themes.js.map +1 -1
  401. package/components/toast/toast.js +7 -6
  402. package/components/toast/toast.js.map +1 -1
  403. package/components/tree/themes/container.d.ts +1 -1
  404. package/components/tree/themes/container.js.map +1 -1
  405. package/components/tree/themes/item.d.ts +1 -1
  406. package/components/tree/themes/item.js.map +1 -1
  407. package/components/tree/tree-item.js +12 -13
  408. package/components/tree/tree-item.js.map +1 -1
  409. package/components/tree/tree.d.ts +2 -2
  410. package/components/tree/tree.js +25 -19
  411. package/components/tree/tree.js.map +1 -1
  412. package/components/tree/tree.navigation.d.ts +3 -3
  413. package/components/tree/tree.navigation.js.map +1 -1
  414. package/components/tree/tree.selection.d.ts +2 -2
  415. package/components/tree/tree.selection.js +12 -10
  416. package/components/tree/tree.selection.js.map +1 -1
  417. package/custom-elements.json +95 -48
  418. package/package.json +1 -1
  419. package/themes/dark/bootstrap.css +1 -1
  420. package/themes/dark/fluent.css +1 -1
  421. package/themes/dark/indigo.css +1 -1
  422. package/themes/dark/material.css +1 -1
  423. package/themes/light/bootstrap.css +1 -1
  424. package/themes/light/fluent.css +1 -1
  425. package/themes/light/indigo.css +1 -1
  426. package/themes/light/material.css +1 -1
  427. package/theming/config.js +4 -4
  428. package/theming/config.js.map +1 -1
  429. package/theming/theming-controller.d.ts +1 -1
  430. package/theming/theming-controller.js.map +1 -1
  431. package/theming/theming-decorator.js.map +1 -1
  432. package/theming/types.d.ts +1 -1
  433. package/theming/types.js.map +1 -1
  434. package/components/calendar/themes/shared/material/calendar.common.css.js +0 -3
  435. package/components/calendar/themes/shared/material/calendar.common.css.js.map +0 -1
  436. /package/components/calendar/themes/shared/{material/calendar.common.css.d.ts → indigo/days-view.indigo.css.d.ts} +0 -0
package/themes/light/indigo.css CHANGED
@@ -1 +1 @@
1
- .ig-scrollbar{--size: var(--ig-scrollbar-size, 1rem);--thumb-background: var(--ig-scrollbar-thumb-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--track-background: var(--ig-scrollbar-track-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));scrollbar-width:var(--size);scrollbar-color:var(--thumb-background) var(--track-background)}.ig-scrollbar ::-webkit-scrollbar{width:var(--size);height:var(--size);background:var(--track-background)}.ig-scrollbar ::-webkit-scrollbar-thumb{background:var(--thumb-background)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}:root{--ig-scrollbar-thumb-background: hsla(var(--ig-gray-400), var(--ig-gray-a));--ig-scrollbar-track-background: hsla(var(--ig-gray-200), var(--ig-gray-a))}:root{--ig-theme: indigo;--ig-theme-variant: light;--ig-spacing: 1;--ig-spacing-inline: 1;--ig-spacing-block: 1;--ig-size-small: 1;--ig-size-medium: 2;--ig-size-large: 3;--ig-scrollbar-size: 1rem}body[dir=rtl]{--ig-dir: -1}:root{--ig-primary-50: 232deg, 100%, 89%;--ig-primary-50-contrast: black;--ig-primary-100: 231deg, 82%, 80%;--ig-primary-100-contrast: black;--ig-primary-200: 231deg, 89%, 74%;--ig-primary-200-contrast: black;--ig-primary-300: 232deg, 85%, 70%;--ig-primary-300-contrast: black;--ig-primary-400: 231deg, 64%, 59%;--ig-primary-400-contrast: black;--ig-primary-h: 231deg;--ig-primary-s: 48%;--ig-primary-l: 48%;--ig-primary-a: 1;--ig-primary-500: 231deg, 48%, 48%;--ig-primary-500-contrast: white;--ig-primary-600: 232deg, 46%, 42%;--ig-primary-600-contrast: white;--ig-primary-700: 233deg, 44%, 36%;--ig-primary-700-contrast: white;--ig-primary-800: 237deg, 43%, 31%;--ig-primary-800-contrast: white;--ig-primary-900: 237deg, 36%, 23%;--ig-primary-900-contrast: white;--ig-primary-A100: 232deg, 46%, 42%;--ig-primary-A100-contrast: white;--ig-primary-A200: 233deg, 44%, 36%;--ig-primary-A200-contrast: white;--ig-primary-A400: 237deg, 43%, 31%;--ig-primary-A400-contrast: white;--ig-primary-A700: 237deg, 36%, 23%;--ig-primary-A700-contrast: white;--ig-secondary-50: 232deg, 100%, 89%;--ig-secondary-50-contrast: black;--ig-secondary-100: 231deg, 82%, 80%;--ig-secondary-100-contrast: black;--ig-secondary-200: 231deg, 89%, 74%;--ig-secondary-200-contrast: black;--ig-secondary-300: 232deg, 85%, 70%;--ig-secondary-300-contrast: black;--ig-secondary-400: 231deg, 64%, 59%;--ig-secondary-400-contrast: black;--ig-secondary-h: 231deg;--ig-secondary-s: 48%;--ig-secondary-l: 48%;--ig-secondary-a: 1;--ig-secondary-500: 231deg, 48%, 48%;--ig-secondary-500-contrast: white;--ig-secondary-600: 232deg, 46%, 42%;--ig-secondary-600-contrast: white;--ig-secondary-700: 233deg, 44%, 36%;--ig-secondary-700-contrast: white;--ig-secondary-800: 237deg, 43%, 31%;--ig-secondary-800-contrast: white;--ig-secondary-900: 237deg, 36%, 23%;--ig-secondary-900-contrast: white;--ig-secondary-A100: 232deg, 46%, 42%;--ig-secondary-A100-contrast: white;--ig-secondary-A200: 233deg, 44%, 36%;--ig-secondary-A200-contrast: white;--ig-secondary-A400: 237deg, 43%, 31%;--ig-secondary-A400-contrast: white;--ig-secondary-A700: 237deg, 36%, 23%;--ig-secondary-A700-contrast: white;--ig-gray-50: 240deg, 20%, 99%;--ig-gray-50-contrast: black;--ig-gray-100: 240deg, 17%, 98%;--ig-gray-100-contrast: black;--ig-gray-200: 223deg, 21%, 94%;--ig-gray-200-contrast: black;--ig-gray-300: 220deg, 8%, 85%;--ig-gray-300-contrast: black;--ig-gray-400: 225deg, 3%, 77%;--ig-gray-400-contrast: black;--ig-gray-h: 217deg;--ig-gray-s: 4%;--ig-gray-l: 62%;--ig-gray-a: 1;--ig-gray-500: 217deg, 4%, 62%;--ig-gray-500-contrast: black;--ig-gray-600: 223deg, 6%, 45%;--ig-gray-600-contrast: white;--ig-gray-700: 227deg, 8%, 36%;--ig-gray-700-contrast: white;--ig-gray-800: 230deg, 9%, 25%;--ig-gray-800-contrast: white;--ig-gray-900: 232deg, 10%, 16%;--ig-gray-900-contrast: white;--ig-info-50: 286deg, 100%, 88%;--ig-info-50-contrast: black;--ig-info-100: 286deg, 100%, 81%;--ig-info-100-contrast: black;--ig-info-200: 286deg, 100%, 72%;--ig-info-200-contrast: black;--ig-info-300: 286deg, 100%, 70%;--ig-info-300-contrast: black;--ig-info-400: 291deg, 64%, 52%;--ig-info-400-contrast: white;--ig-info-h: 291deg;--ig-info-s: 64%;--ig-info-l: 42%;--ig-info-a: 1;--ig-info-500: 291deg, 64%, 42%;--ig-info-500-contrast: white;--ig-info-600: 291deg, 76%, 36%;--ig-info-600-contrast: white;--ig-info-700: 291deg, 79%, 32%;--ig-info-700-contrast: white;--ig-info-800: 291deg, 86%, 27%;--ig-info-800-contrast: white;--ig-info-900: 291deg, 91%, 22%;--ig-info-900-contrast: white;--ig-info-A100: 291deg, 76%, 36%;--ig-info-A100-contrast: white;--ig-info-A200: 291deg, 79%, 32%;--ig-info-A200-contrast: white;--ig-info-A400: 291deg, 86%, 27%;--ig-info-A400-contrast: white;--ig-info-A700: 291deg, 91%, 22%;--ig-info-A700-contrast: white;--ig-success-50: 90deg, 33%, 93%;--ig-success-50-contrast: black;--ig-success-100: 91deg, 35%, 83%;--ig-success-100-contrast: black;--ig-success-200: 92deg, 35%, 71%;--ig-success-200-contrast: black;--ig-success-300: 93deg, 35%, 60%;--ig-success-300-contrast: black;--ig-success-400: 92deg, 35%, 51%;--ig-success-400-contrast: black;--ig-success-h: 92deg;--ig-success-s: 48%;--ig-success-l: 42%;--ig-success-a: 1;--ig-success-500: 92deg, 48%, 42%;--ig-success-500-contrast: black;--ig-success-600: 92deg, 55%, 37%;--ig-success-600-contrast: black;--ig-success-700: 93deg, 59%, 32%;--ig-success-700-contrast: white;--ig-success-800: 93deg, 72%, 25%;--ig-success-800-contrast: white;--ig-success-900: 93deg, 83%, 21%;--ig-success-900-contrast: white;--ig-success-A100: 92deg, 55%, 37%;--ig-success-A100-contrast: black;--ig-success-A200: 93deg, 59%, 32%;--ig-success-A200-contrast: white;--ig-success-A400: 93deg, 72%, 25%;--ig-success-A400-contrast: white;--ig-success-A700: 93deg, 83%, 21%;--ig-success-A700-contrast: white;--ig-warn-50: 27deg, 97%, 86%;--ig-warn-50-contrast: black;--ig-warn-100: 27deg, 100%, 79%;--ig-warn-100-contrast: black;--ig-warn-200: 28deg, 100%, 70%;--ig-warn-200-contrast: black;--ig-warn-300: 28deg, 96%, 59%;--ig-warn-300-contrast: black;--ig-warn-400: 28deg, 96%, 52%;--ig-warn-400-contrast: black;--ig-warn-h: 22deg;--ig-warn-s: 92%;--ig-warn-l: 54%;--ig-warn-a: 1;--ig-warn-500: 22deg, 92%, 54%;--ig-warn-500-contrast: black;--ig-warn-600: 14deg, 87%, 55%;--ig-warn-600-contrast: black;--ig-warn-700: 12deg, 84%, 53%;--ig-warn-700-contrast: black;--ig-warn-800: 12deg, 88%, 46%;--ig-warn-800-contrast: black;--ig-warn-900: 12deg, 100%, 41%;--ig-warn-900-contrast: white;--ig-warn-A100: 14deg, 87%, 55%;--ig-warn-A100-contrast: black;--ig-warn-A200: 12deg, 84%, 53%;--ig-warn-A200-contrast: black;--ig-warn-A400: 12deg, 88%, 46%;--ig-warn-A400-contrast: black;--ig-warn-A700: 12deg, 100%, 41%;--ig-warn-A700-contrast: white;--ig-error-50: 345deg, 100%, 96%;--ig-error-50-contrast: black;--ig-error-100: 355deg, 100%, 85%;--ig-error-100-contrast: black;--ig-error-200: 355deg, 95%, 74%;--ig-error-200-contrast: black;--ig-error-300: 355deg, 80%, 63%;--ig-error-300-contrast: black;--ig-error-400: 355deg, 71%, 54%;--ig-error-400-contrast: black;--ig-error-h: 354deg;--ig-error-s: 78%;--ig-error-l: 46%;--ig-error-a: 1;--ig-error-500: 354deg, 78%, 46%;--ig-error-500-contrast: white;--ig-error-600: 354deg, 83%, 42%;--ig-error-600-contrast: white;--ig-error-700: 354deg, 96%, 37%;--ig-error-700-contrast: white;--ig-error-800: 354deg, 99%, 34%;--ig-error-800-contrast: white;--ig-error-900: 354deg, 100%, 31%;--ig-error-900-contrast: white;--ig-error-A100: 354deg, 83%, 42%;--ig-error-A100-contrast: white;--ig-error-A200: 354deg, 96%, 37%;--ig-error-A200-contrast: white;--ig-error-A400: 354deg, 99%, 34%;--ig-error-A400-contrast: white;--ig-error-A700: 354deg, 100%, 31%;--ig-error-A700-contrast: white;--ig-surface-h: 240deg;--ig-surface-s: 17%;--ig-surface-l: 98%;--ig-surface-a: 1;--ig-surface-500: 240deg, 17%, 98%;--ig-surface-500-contrast: black}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-24: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)}:root{--ig-font-family: 'Nunito Sans', sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 2.25rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 2.625rem;--ig-h1-letter-spacing: 0;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-size: 1.75rem;--ig-h2-font-weight: 400;--ig-h2-font-style: normal;--ig-h2-line-height: 2.25rem;--ig-h2-letter-spacing: 0;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-size: 1.5rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 2rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 1.25rem;--ig-h4-font-weight: 600;--ig-h4-font-style: normal;--ig-h4-line-height: 1.625rem;--ig-h4-letter-spacing: 0;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1rem;--ig-h5-font-weight: 600;--ig-h5-font-style: normal;--ig-h5-line-height: 1.375rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 0.875rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.25rem;--ig-h6-letter-spacing: 0;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 0.8125rem;--ig-subtitle-1-font-weight: 600;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.125rem;--ig-subtitle-1-letter-spacing: 0;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.75rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1rem;--ig-subtitle-2-letter-spacing: 0;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 0.8125rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.125rem;--ig-body-1-letter-spacing: 0;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.75rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1rem;--ig-body-2-letter-spacing: 0;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.6875rem;--ig-button-font-weight: 700;--ig-button-font-style: normal;--ig-button-line-height: 0.9375rem;--ig-button-letter-spacing: 0;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.6875rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 0.9375rem;--ig-caption-letter-spacing: 0;--ig-caption-text-transform: normal;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 700;--ig-overline-font-style: normal;--ig-overline-line-height: 0.875rem;--ig-overline-letter-spacing: 0;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}
1
+ .ig-scrollbar{--size: var(--ig-scrollbar-size, 1rem);--thumb-background: var(--ig-scrollbar-thumb-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--track-background: var(--ig-scrollbar-track-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));scrollbar-width:var(--size);scrollbar-color:var(--thumb-background) var(--track-background)}.ig-scrollbar ::-webkit-scrollbar{width:var(--size);height:var(--size);background:var(--track-background)}.ig-scrollbar ::-webkit-scrollbar-thumb{background:var(--thumb-background)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}:root{--ig-scrollbar-thumb-background: hsla(var(--ig-gray-400), var(--ig-gray-a));--ig-scrollbar-track-background: hsla(var(--ig-gray-200), var(--ig-gray-a))}:root{--ig-theme: indigo;--ig-theme-variant: light;--ig-spacing: 1;--ig-spacing-inline: 1;--ig-spacing-block: 1;--ig-size-small: 1;--ig-size-medium: 2;--ig-size-large: 3;--ig-scrollbar-size: 1rem}body[dir=rtl]{--ig-dir: -1}:root{--ig-primary-50: 232deg, 100%, 89%;--ig-primary-50-contrast: black;--ig-primary-100: 231deg, 82%, 80%;--ig-primary-100-contrast: black;--ig-primary-200: 231deg, 89%, 74%;--ig-primary-200-contrast: black;--ig-primary-300: 232deg, 85%, 70%;--ig-primary-300-contrast: black;--ig-primary-400: 231deg, 64%, 59%;--ig-primary-400-contrast: black;--ig-primary-h: 231deg;--ig-primary-s: 48%;--ig-primary-l: 48%;--ig-primary-a: 1;--ig-primary-500: 231deg, 48%, 48%;--ig-primary-500-contrast: white;--ig-primary-600: 232deg, 46%, 42%;--ig-primary-600-contrast: white;--ig-primary-700: 233deg, 44%, 36%;--ig-primary-700-contrast: white;--ig-primary-800: 237deg, 43%, 31%;--ig-primary-800-contrast: white;--ig-primary-900: 237deg, 36%, 23%;--ig-primary-900-contrast: white;--ig-primary-A100: 232deg, 46%, 42%;--ig-primary-A100-contrast: white;--ig-primary-A200: 233deg, 44%, 36%;--ig-primary-A200-contrast: white;--ig-primary-A400: 237deg, 43%, 31%;--ig-primary-A400-contrast: white;--ig-primary-A700: 237deg, 36%, 23%;--ig-primary-A700-contrast: white;--ig-secondary-50: 232deg, 100%, 89%;--ig-secondary-50-contrast: black;--ig-secondary-100: 231deg, 82%, 80%;--ig-secondary-100-contrast: black;--ig-secondary-200: 231deg, 89%, 74%;--ig-secondary-200-contrast: black;--ig-secondary-300: 232deg, 85%, 70%;--ig-secondary-300-contrast: black;--ig-secondary-400: 231deg, 64%, 59%;--ig-secondary-400-contrast: black;--ig-secondary-h: 231deg;--ig-secondary-s: 48%;--ig-secondary-l: 48%;--ig-secondary-a: 1;--ig-secondary-500: 231deg, 48%, 48%;--ig-secondary-500-contrast: white;--ig-secondary-600: 232deg, 46%, 42%;--ig-secondary-600-contrast: white;--ig-secondary-700: 233deg, 44%, 36%;--ig-secondary-700-contrast: white;--ig-secondary-800: 237deg, 43%, 31%;--ig-secondary-800-contrast: white;--ig-secondary-900: 237deg, 36%, 23%;--ig-secondary-900-contrast: white;--ig-secondary-A100: 232deg, 46%, 42%;--ig-secondary-A100-contrast: white;--ig-secondary-A200: 233deg, 44%, 36%;--ig-secondary-A200-contrast: white;--ig-secondary-A400: 237deg, 43%, 31%;--ig-secondary-A400-contrast: white;--ig-secondary-A700: 237deg, 36%, 23%;--ig-secondary-A700-contrast: white;--ig-gray-50: 240deg, 20%, 99%;--ig-gray-50-contrast: black;--ig-gray-100: 240deg, 17%, 98%;--ig-gray-100-contrast: black;--ig-gray-200: 223deg, 21%, 94%;--ig-gray-200-contrast: black;--ig-gray-300: 220deg, 8%, 85%;--ig-gray-300-contrast: black;--ig-gray-400: 225deg, 3%, 77%;--ig-gray-400-contrast: black;--ig-gray-h: 217deg;--ig-gray-s: 4%;--ig-gray-l: 62%;--ig-gray-a: 1;--ig-gray-500: 217deg, 4%, 62%;--ig-gray-500-contrast: black;--ig-gray-600: 223deg, 6%, 45%;--ig-gray-600-contrast: white;--ig-gray-700: 227deg, 8%, 36%;--ig-gray-700-contrast: white;--ig-gray-800: 230deg, 9%, 25%;--ig-gray-800-contrast: white;--ig-gray-900: 232deg, 10%, 16%;--ig-gray-900-contrast: white;--ig-info-50: 286deg, 100%, 88%;--ig-info-50-contrast: black;--ig-info-100: 286deg, 100%, 81%;--ig-info-100-contrast: black;--ig-info-200: 286deg, 100%, 72%;--ig-info-200-contrast: black;--ig-info-300: 286deg, 100%, 70%;--ig-info-300-contrast: black;--ig-info-400: 291deg, 64%, 52%;--ig-info-400-contrast: white;--ig-info-h: 291deg;--ig-info-s: 64%;--ig-info-l: 42%;--ig-info-a: 1;--ig-info-500: 291deg, 64%, 42%;--ig-info-500-contrast: white;--ig-info-600: 291deg, 76%, 36%;--ig-info-600-contrast: white;--ig-info-700: 291deg, 79%, 32%;--ig-info-700-contrast: white;--ig-info-800: 291deg, 86%, 27%;--ig-info-800-contrast: white;--ig-info-900: 291deg, 91%, 22%;--ig-info-900-contrast: white;--ig-info-A100: 291deg, 76%, 36%;--ig-info-A100-contrast: white;--ig-info-A200: 291deg, 79%, 32%;--ig-info-A200-contrast: white;--ig-info-A400: 291deg, 86%, 27%;--ig-info-A400-contrast: white;--ig-info-A700: 291deg, 91%, 22%;--ig-info-A700-contrast: white;--ig-success-50: 90deg, 33%, 93%;--ig-success-50-contrast: black;--ig-success-100: 91deg, 35%, 83%;--ig-success-100-contrast: black;--ig-success-200: 92deg, 35%, 71%;--ig-success-200-contrast: black;--ig-success-300: 93deg, 35%, 60%;--ig-success-300-contrast: black;--ig-success-400: 92deg, 35%, 51%;--ig-success-400-contrast: black;--ig-success-h: 92deg;--ig-success-s: 48%;--ig-success-l: 42%;--ig-success-a: 1;--ig-success-500: 92deg, 48%, 42%;--ig-success-500-contrast: black;--ig-success-600: 92deg, 55%, 37%;--ig-success-600-contrast: black;--ig-success-700: 93deg, 59%, 32%;--ig-success-700-contrast: white;--ig-success-800: 93deg, 72%, 25%;--ig-success-800-contrast: white;--ig-success-900: 93deg, 83%, 21%;--ig-success-900-contrast: white;--ig-success-A100: 92deg, 55%, 37%;--ig-success-A100-contrast: black;--ig-success-A200: 93deg, 59%, 32%;--ig-success-A200-contrast: white;--ig-success-A400: 93deg, 72%, 25%;--ig-success-A400-contrast: white;--ig-success-A700: 93deg, 83%, 21%;--ig-success-A700-contrast: white;--ig-warn-50: 27deg, 97%, 86%;--ig-warn-50-contrast: black;--ig-warn-100: 27deg, 100%, 79%;--ig-warn-100-contrast: black;--ig-warn-200: 28deg, 100%, 70%;--ig-warn-200-contrast: black;--ig-warn-300: 28deg, 96%, 59%;--ig-warn-300-contrast: black;--ig-warn-400: 28deg, 96%, 52%;--ig-warn-400-contrast: black;--ig-warn-h: 22deg;--ig-warn-s: 92%;--ig-warn-l: 54%;--ig-warn-a: 1;--ig-warn-500: 22deg, 92%, 54%;--ig-warn-500-contrast: black;--ig-warn-600: 14deg, 87%, 55%;--ig-warn-600-contrast: black;--ig-warn-700: 12deg, 84%, 53%;--ig-warn-700-contrast: black;--ig-warn-800: 12deg, 88%, 46%;--ig-warn-800-contrast: black;--ig-warn-900: 12deg, 100%, 41%;--ig-warn-900-contrast: white;--ig-warn-A100: 14deg, 87%, 55%;--ig-warn-A100-contrast: black;--ig-warn-A200: 12deg, 84%, 53%;--ig-warn-A200-contrast: black;--ig-warn-A400: 12deg, 88%, 46%;--ig-warn-A400-contrast: black;--ig-warn-A700: 12deg, 100%, 41%;--ig-warn-A700-contrast: white;--ig-error-50: 345deg, 100%, 96%;--ig-error-50-contrast: black;--ig-error-100: 355deg, 100%, 85%;--ig-error-100-contrast: black;--ig-error-200: 355deg, 95%, 74%;--ig-error-200-contrast: black;--ig-error-300: 355deg, 80%, 63%;--ig-error-300-contrast: black;--ig-error-400: 355deg, 71%, 54%;--ig-error-400-contrast: black;--ig-error-h: 354deg;--ig-error-s: 78%;--ig-error-l: 46%;--ig-error-a: 1;--ig-error-500: 354deg, 78%, 46%;--ig-error-500-contrast: white;--ig-error-600: 354deg, 83%, 42%;--ig-error-600-contrast: white;--ig-error-700: 354deg, 96%, 37%;--ig-error-700-contrast: white;--ig-error-800: 354deg, 99%, 34%;--ig-error-800-contrast: white;--ig-error-900: 354deg, 100%, 31%;--ig-error-900-contrast: white;--ig-error-A100: 354deg, 83%, 42%;--ig-error-A100-contrast: white;--ig-error-A200: 354deg, 96%, 37%;--ig-error-A200-contrast: white;--ig-error-A400: 354deg, 99%, 34%;--ig-error-A400-contrast: white;--ig-error-A700: 354deg, 100%, 31%;--ig-error-A700-contrast: white;--ig-surface-50: hsl(240, 20.5%, 100%);--ig-surface-50-contrast: black;--ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);--ig-surface-100: hsl(240, 13.33%, 100%);--ig-surface-100-contrast: black;--ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);--ig-surface-200: hsl(240, 10.67%, 100%);--ig-surface-200-contrast: black;--ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);--ig-surface-300: hsl(240, 12.17%, 100%);--ig-surface-300-contrast: black;--ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);--ig-surface-400: hsl(240, 14.58%, 100%);--ig-surface-400-contrast: black;--ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);--ig-surface-h: 240deg;--ig-surface-s: 17%;--ig-surface-l: 98%;--ig-surface-a: 1;--ig-surface-500: hsl(240, 16.67%, 97.65%);--ig-surface-500-contrast: black;--ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);--ig-surface-600: hsl(240, 21%, 86.91%);--ig-surface-600-contrast: black;--ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);--ig-surface-700: hsl(240, 25.33%, 79.09%);--ig-surface-700-contrast: black;--ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);--ig-surface-800: hsl(240, 25%, 71.28%);--ig-surface-800-contrast: black;--ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);--ig-surface-900: hsl(240, 22.33%, 62.49%);--ig-surface-900-contrast: black;--ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);--ig-surface-A100: hsl(240, 20.5%, 100%);--ig-surface-A100-contrast: black;--ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);--ig-surface-A200: hsl(240, 20.33%, 100%);--ig-surface-A200-contrast: black;--ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);--ig-surface-A400: hsl(240, 20.5%, 88.86%);--ig-surface-A400-contrast: black;--ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);--ig-surface-A700: hsl(240, 20.5%, 63.47%);--ig-surface-A700-contrast: black;--ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-24: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)}:root{--ig-font-family: 'Nunito Sans', sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 2.25rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 2.625rem;--ig-h1-letter-spacing: 0;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-size: 1.75rem;--ig-h2-font-weight: 400;--ig-h2-font-style: normal;--ig-h2-line-height: 2.25rem;--ig-h2-letter-spacing: 0;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-size: 1.5rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 2rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 1.25rem;--ig-h4-font-weight: 600;--ig-h4-font-style: normal;--ig-h4-line-height: 1.625rem;--ig-h4-letter-spacing: 0;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1rem;--ig-h5-font-weight: 600;--ig-h5-font-style: normal;--ig-h5-line-height: 1.375rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 0.875rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.25rem;--ig-h6-letter-spacing: 0;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 0.8125rem;--ig-subtitle-1-font-weight: 600;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.125rem;--ig-subtitle-1-letter-spacing: 0;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.75rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1rem;--ig-subtitle-2-letter-spacing: 0;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 0.8125rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.125rem;--ig-body-1-letter-spacing: 0;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.75rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1rem;--ig-body-2-letter-spacing: 0;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.6875rem;--ig-button-font-weight: 700;--ig-button-font-style: normal;--ig-button-line-height: 0.9375rem;--ig-button-letter-spacing: 0;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.6875rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 0.9375rem;--ig-caption-letter-spacing: 0;--ig-caption-text-transform: normal;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 700;--ig-overline-font-style: normal;--ig-overline-line-height: 0.875rem;--ig-overline-letter-spacing: 0;--ig-overline-text-transform: none;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}
package/themes/light/material.css CHANGED
@@ -1 +1 @@
1
- .ig-scrollbar{--size: var(--ig-scrollbar-size, 1rem);--thumb-background: var(--ig-scrollbar-thumb-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--track-background: var(--ig-scrollbar-track-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));scrollbar-width:var(--size);scrollbar-color:var(--thumb-background) var(--track-background)}.ig-scrollbar ::-webkit-scrollbar{width:var(--size);height:var(--size);background:var(--track-background)}.ig-scrollbar ::-webkit-scrollbar-thumb{background:var(--thumb-background)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}:root{--ig-scrollbar-thumb-background: hsla(var(--ig-gray-400), var(--ig-gray-a));--ig-scrollbar-track-background: hsla(var(--ig-gray-100), var(--ig-gray-a))}:root{--ig-theme: material;--ig-theme-variant: light;--ig-spacing: 1;--ig-spacing-inline: 1;--ig-spacing-block: 1;--ig-size-small: 1;--ig-size-medium: 2;--ig-size-large: 3;--ig-scrollbar-size: 1rem}body[dir=rtl]{--ig-dir: -1}:root{--ig-primary-50: hsl(204, 100%, 89%);--ig-primary-50-contrast: black;--ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);--ig-primary-100: hsl(204, 80%, 83%);--ig-primary-100-contrast: black;--ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);--ig-primary-200: hsl(204, 64%, 71.5%);--ig-primary-200-contrast: black;--ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);--ig-primary-300: hsl(204, 73%, 59.5%);--ig-primary-300-contrast: black;--ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);--ig-primary-400: hsl(204, 87.5%, 54%);--ig-primary-400-contrast: black;--ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);--ig-primary-h: 204deg;--ig-primary-s: 100%;--ig-primary-l: 50%;--ig-primary-a: 1;--ig-primary-500: hsl(204, 100%, 50%);--ig-primary-500-contrast: black;--ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);--ig-primary-600: hsl(204, 100%, 44.5%);--ig-primary-600-contrast: black;--ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);--ig-primary-700: hsl(204, 100%, 40.5%);--ig-primary-700-contrast: black;--ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);--ig-primary-800: hsl(204, 100%, 36.5%);--ig-primary-800-contrast: white;--ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);--ig-primary-900: hsl(204, 100%, 32%);--ig-primary-900-contrast: white;--ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);--ig-primary-A100: hsl(204, 100%, 67%);--ig-primary-A100-contrast: black;--ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);--ig-primary-A200: hsl(204, 100%, 58%);--ig-primary-A200-contrast: black;--ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);--ig-primary-A400: hsl(204, 100%, 45.5%);--ig-primary-A400-contrast: black;--ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);--ig-primary-A700: hsl(204, 100%, 32.5%);--ig-primary-A700-contrast: white;--ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);--ig-secondary-50: hsl(332.7, 96.85%, 89.35%);--ig-secondary-50-contrast: black;--ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);--ig-secondary-100: hsl(332.7, 62.99%, 83.33%);--ig-secondary-100-contrast: black;--ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);--ig-secondary-200: hsl(332.7, 50.39%, 71.78%);--ig-secondary-200-contrast: black;--ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);--ig-secondary-300: hsl(332.7, 57.48%, 59.73%);--ig-secondary-300-contrast: black;--ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);--ig-secondary-400: hsl(332.7, 68.9%, 54.21%);--ig-secondary-400-contrast: black;--ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);--ig-secondary-h: 333deg;--ig-secondary-s: 79%;--ig-secondary-l: 50%;--ig-secondary-a: 1;--ig-secondary-500: hsl(332.7, 78.74%, 50.2%);--ig-secondary-500-contrast: black;--ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);--ig-secondary-600: hsl(332.7, 99.21%, 44.67%);--ig-secondary-600-contrast: white;--ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);--ig-secondary-700: hsl(332.7, 100%, 40.66%);--ig-secondary-700-contrast: white;--ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);--ig-secondary-800: hsl(332.7, 100%, 36.64%);--ig-secondary-800-contrast: white;--ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);--ig-secondary-900: hsl(332.7, 100%, 32.13%);--ig-secondary-900-contrast: white;--ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);--ig-secondary-A100: hsl(332.7, 96.85%, 67.26%);--ig-secondary-A100-contrast: black;--ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);--ig-secondary-A200: hsl(332.7, 96.06%, 58.23%);--ig-secondary-A200-contrast: black;--ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);--ig-secondary-A400: hsl(332.7, 96.85%, 45.68%);--ig-secondary-A400-contrast: white;--ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);--ig-secondary-A700: hsl(332.7, 96.85%, 32.63%);--ig-secondary-A700-contrast: white;--ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);--ig-gray-50: hsl(0, 0%, 98%);--ig-gray-50-contrast: black;--ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;--ig-gray-100: hsl(0, 0%, 96%);--ig-gray-100-contrast: black;--ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;--ig-gray-200: hsl(0, 0%, 93%);--ig-gray-200-contrast: black;--ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;--ig-gray-300: hsl(0, 0%, 88%);--ig-gray-300-contrast: black;--ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;--ig-gray-400: hsl(0, 0%, 74%);--ig-gray-400-contrast: black;--ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;--ig-gray-h: 0deg;--ig-gray-s: 0%;--ig-gray-l: 62%;--ig-gray-a: 1;--ig-gray-500: hsl(0, 0%, 62%);--ig-gray-500-contrast: black;--ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;--ig-gray-600: hsl(0, 0%, 54%);--ig-gray-600-contrast: black;--ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;--ig-gray-700: hsl(0, 0%, 38%);--ig-gray-700-contrast: white;--ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;--ig-gray-800: hsl(0, 0%, 26%);--ig-gray-800-contrast: white;--ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;--ig-gray-900: hsl(0, 0%, 13%);--ig-gray-900-contrast: white;--ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;--ig-surface-50: hsl(0, 0%, 100%);--ig-surface-50-contrast: black;--ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);--ig-surface-100: hsl(0, 0%, 100%);--ig-surface-100-contrast: black;--ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);--ig-surface-200: hsl(0, 0%, 100%);--ig-surface-200-contrast: black;--ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);--ig-surface-300: hsl(0, 0%, 100%);--ig-surface-300-contrast: black;--ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);--ig-surface-400: hsl(0, 0%, 100%);--ig-surface-400-contrast: black;--ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);--ig-surface-h: 0deg;--ig-surface-s: 0%;--ig-surface-l: 100%;--ig-surface-a: 1;--ig-surface-500: hsl(0, 0%, 100%);--ig-surface-500-contrast: black;--ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);--ig-surface-600: hsl(0, 0%, 89%);--ig-surface-600-contrast: black;--ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);--ig-surface-700: hsl(0, 0%, 81%);--ig-surface-700-contrast: black;--ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);--ig-surface-800: hsl(0, 0%, 73%);--ig-surface-800-contrast: black;--ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);--ig-surface-900: hsl(0, 0%, 64%);--ig-surface-900-contrast: black;--ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);--ig-surface-A100: hsl(0, 0%, 100%);--ig-surface-A100-contrast: black;--ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);--ig-surface-A200: hsl(0, 0%, 100%);--ig-surface-A200-contrast: black;--ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);--ig-surface-A400: hsl(0, 0%, 91%);--ig-surface-A400-contrast: black;--ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);--ig-surface-A700: hsl(0, 0%, 65%);--ig-surface-A700-contrast: black;--ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);--ig-info-50: hsl(209.07, 100%, 80.97%);--ig-info-50-contrast: black;--ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);--ig-info-100: hsl(209.07, 66.9%, 75.51%);--ig-info-100-contrast: black;--ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);--ig-info-200: hsl(209.07, 53.52%, 65.05%);--ig-info-200-contrast: black;--ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);--ig-info-300: hsl(209.07, 61.04%, 54.13%);--ig-info-300-contrast: black;--ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);--ig-info-400: hsl(209.07, 73.17%, 49.13%);--ig-info-400-contrast: black;--ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);--ig-info-h: 209deg;--ig-info-s: 84%;--ig-info-l: 45%;--ig-info-a: 1;--ig-info-500: hsl(209.07, 83.62%, 45.49%);--ig-info-500-contrast: black;--ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);--ig-info-600: hsl(209.07, 100%, 40.49%);--ig-info-600-contrast: white;--ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);--ig-info-700: hsl(209.07, 100%, 36.85%);--ig-info-700-contrast: white;--ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);--ig-info-800: hsl(209.07, 100%, 33.21%);--ig-info-800-contrast: white;--ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);--ig-info-900: hsl(209.07, 100%, 29.11%);--ig-info-900-contrast: white;--ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);--ig-info-A100: hsl(209.07, 100%, 60.96%);--ig-info-A100-contrast: black;--ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);--ig-info-A200: hsl(209.07, 100%, 52.77%);--ig-info-A200-contrast: black;--ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);--ig-info-A400: hsl(209.07, 100%, 41.4%);--ig-info-A400-contrast: white;--ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);--ig-info-A700: hsl(209.07, 100%, 29.57%);--ig-info-A700-contrast: white;--ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);--ig-success-50: hsl(131.32, 52.57%, 91.44%);--ig-success-50-contrast: black;--ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);--ig-success-100: hsl(131.32, 34.19%, 85.28%);--ig-success-100-contrast: black;--ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);--ig-success-200: hsl(131.32, 27.35%, 73.46%);--ig-success-200-contrast: black;--ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);--ig-success-300: hsl(131.32, 31.2%, 61.13%);--ig-success-300-contrast: black;--ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);--ig-success-400: hsl(131.32, 37.4%, 55.48%);--ig-success-400-contrast: black;--ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);--ig-success-h: 131deg;--ig-success-s: 43%;--ig-success-l: 51%;--ig-success-a: 1;--ig-success-500: hsl(131.32, 42.74%, 51.37%);--ig-success-500-contrast: black;--ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);--ig-success-600: hsl(131.32, 53.85%, 45.72%);--ig-success-600-contrast: black;--ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);--ig-success-700: hsl(131.32, 64.97%, 41.61%);--ig-success-700-contrast: black;--ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);--ig-success-800: hsl(131.32, 64.11%, 37.5%);--ig-success-800-contrast: black;--ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);--ig-success-900: hsl(131.32, 57.27%, 32.88%);--ig-success-900-contrast: white;--ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);--ig-success-A100: hsl(131.32, 52.57%, 68.84%);--ig-success-A100-contrast: black;--ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);--ig-success-A200: hsl(131.32, 52.15%, 59.59%);--ig-success-A200-contrast: black;--ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);--ig-success-A400: hsl(131.32, 52.57%, 46.75%);--ig-success-A400-contrast: black;--ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);--ig-success-A700: hsl(131.32, 52.57%, 33.39%);--ig-success-A700-contrast: white;--ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);--ig-warn-50: hsl(37.07, 100%, 95.98%);--ig-warn-50-contrast: black;--ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);--ig-warn-100: hsl(37.07, 76.6%, 89.51%);--ig-warn-100-contrast: black;--ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);--ig-warn-200: hsl(37.07, 61.28%, 77.11%);--ig-warn-200-contrast: black;--ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);--ig-warn-300: hsl(37.07, 69.89%, 64.17%);--ig-warn-300-contrast: black;--ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);--ig-warn-400: hsl(37.07, 83.78%, 58.24%);--ig-warn-400-contrast: black;--ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);--ig-warn-h: 37deg;--ig-warn-s: 96%;--ig-warn-l: 54%;--ig-warn-a: 1;--ig-warn-500: hsl(37.07, 95.74%, 53.92%);--ig-warn-500-contrast: black;--ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);--ig-warn-600: hsl(37.07, 100%, 47.99%);--ig-warn-600-contrast: black;--ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);--ig-warn-700: hsl(37.07, 100%, 43.68%);--ig-warn-700-contrast: black;--ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);--ig-warn-800: hsl(37.07, 100%, 39.36%);--ig-warn-800-contrast: black;--ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);--ig-warn-900: hsl(37.07, 100%, 34.51%);--ig-warn-900-contrast: black;--ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);--ig-warn-A100: hsl(37.07, 100%, 72.25%);--ig-warn-A100-contrast: black;--ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);--ig-warn-A200: hsl(37.07, 100%, 62.55%);--ig-warn-A200-contrast: black;--ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);--ig-warn-A400: hsl(37.07, 100%, 49.07%);--ig-warn-A400-contrast: black;--ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);--ig-warn-A700: hsl(37.07, 100%, 35.05%);--ig-warn-A700-contrast: black;--ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);--ig-error-50: hsl(346.02, 100%, 95.63%);--ig-error-50-contrast: black;--ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);--ig-error-100: hsl(346.02, 80%, 89.18%);--ig-error-100-contrast: black;--ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);--ig-error-200: hsl(346.02, 64%, 76.83%);--ig-error-200-contrast: black;--ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);--ig-error-300: hsl(346.02, 73%, 63.93%);--ig-error-300-contrast: black;--ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);--ig-error-400: hsl(346.02, 87.5%, 58.02%);--ig-error-400-contrast: black;--ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);--ig-error-h: 346deg;--ig-error-s: 100%;--ig-error-l: 54%;--ig-error-a: 1;--ig-error-500: hsl(346.02, 100%, 53.73%);--ig-error-500-contrast: black;--ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);--ig-error-600: hsl(346.02, 100%, 47.82%);--ig-error-600-contrast: black;--ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);--ig-error-700: hsl(346.02, 100%, 43.52%);--ig-error-700-contrast: white;--ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);--ig-error-800: hsl(346.02, 100%, 39.22%);--ig-error-800-contrast: white;--ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);--ig-error-900: hsl(346.02, 100%, 34.38%);--ig-error-900-contrast: white;--ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);--ig-error-A100: hsl(346.02, 100%, 71.99%);--ig-error-A100-contrast: black;--ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);--ig-error-A200: hsl(346.02, 100%, 62.32%);--ig-error-A200-contrast: black;--ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);--ig-error-A400: hsl(346.02, 100%, 48.89%);--ig-error-A400-contrast: black;--ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);--ig-error-A700: hsl(346.02, 100%, 34.92%);--ig-error-A700-contrast: white;--ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--ig-font-family: 'Titillium Web', sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 6rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 7rem;--ig-h1-letter-spacing: -0.09375rem;--ig-h1-text-transform: none;--ig-h1-margin-top: 1.75rem;--ig-h1-margin-bottom: 3.5rem;--ig-h2-font-size: 3.75rem;--ig-h2-font-weight: 300;--ig-h2-font-style: normal;--ig-h2-line-height: 4.4375rem;--ig-h2-letter-spacing: -0.03125rem;--ig-h2-text-transform: none;--ig-h2-margin-top: 1.75rem;--ig-h2-margin-bottom: 1.75rem;--ig-h3-font-size: 3rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 3.5625rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 1.75rem;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 2.125rem;--ig-h4-font-weight: 400;--ig-h4-font-style: normal;--ig-h4-line-height: 2.5rem;--ig-h4-letter-spacing: 0.015625rem;--ig-h4-text-transform: none;--ig-h4-margin-top: 1.75rem;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1.5rem;--ig-h5-font-weight: 400;--ig-h5-font-style: normal;--ig-h5-line-height: 1.75rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 1.75rem;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 1.25rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.5rem;--ig-h6-letter-spacing: 0.009375rem;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 1rem;--ig-subtitle-1-font-weight: 400;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.5rem;--ig-subtitle-1-letter-spacing: 0.009375rem;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.875rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1.5rem;--ig-subtitle-2-letter-spacing: 0.00625rem;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 1rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.75rem;--ig-body-1-letter-spacing: 0.03125rem;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 1.75rem;--ig-body-1-margin-bottom: 1rem;--ig-body-2-font-size: 0.875rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1.25rem;--ig-body-2-letter-spacing: 0.015625rem;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.875rem;--ig-button-font-weight: 600;--ig-button-font-style: normal;--ig-button-line-height: 1rem;--ig-button-letter-spacing: 0.046875rem;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.75rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 1rem;--ig-caption-letter-spacing: 0.025rem;--ig-caption-text-transform: none;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 400;--ig-overline-font-style: normal;--ig-overline-line-height: 1rem;--ig-overline-letter-spacing: 0.09375rem;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}
1
+ .ig-scrollbar{--size: var(--ig-scrollbar-size, 1rem);--thumb-background: var(--ig-scrollbar-thumb-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--track-background: var(--ig-scrollbar-track-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));scrollbar-width:var(--size);scrollbar-color:var(--thumb-background) var(--track-background)}.ig-scrollbar ::-webkit-scrollbar{width:var(--size);height:var(--size);background:var(--track-background)}.ig-scrollbar ::-webkit-scrollbar-thumb{background:var(--thumb-background)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}:root{--ig-scrollbar-thumb-background: hsla(var(--ig-gray-400), var(--ig-gray-a));--ig-scrollbar-track-background: hsla(var(--ig-gray-100), var(--ig-gray-a))}:root{--ig-theme: material;--ig-theme-variant: light;--ig-spacing: 1;--ig-spacing-inline: 1;--ig-spacing-block: 1;--ig-size-small: 1;--ig-size-medium: 2;--ig-size-large: 3;--ig-scrollbar-size: 1rem}body[dir=rtl]{--ig-dir: -1}:root{--ig-primary-50: hsl(204, 100%, 89%);--ig-primary-50-contrast: black;--ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);--ig-primary-100: hsl(204, 80%, 83%);--ig-primary-100-contrast: black;--ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);--ig-primary-200: hsl(204, 64%, 71.5%);--ig-primary-200-contrast: black;--ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);--ig-primary-300: hsl(204, 73%, 59.5%);--ig-primary-300-contrast: black;--ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);--ig-primary-400: hsl(204, 87.5%, 54%);--ig-primary-400-contrast: black;--ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);--ig-primary-h: 204deg;--ig-primary-s: 100%;--ig-primary-l: 50%;--ig-primary-a: 1;--ig-primary-500: hsl(204, 100%, 50%);--ig-primary-500-contrast: black;--ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);--ig-primary-600: hsl(204, 100%, 44.5%);--ig-primary-600-contrast: black;--ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);--ig-primary-700: hsl(204, 100%, 40.5%);--ig-primary-700-contrast: black;--ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);--ig-primary-800: hsl(204, 100%, 36.5%);--ig-primary-800-contrast: white;--ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);--ig-primary-900: hsl(204, 100%, 32%);--ig-primary-900-contrast: white;--ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);--ig-primary-A100: hsl(204, 100%, 67%);--ig-primary-A100-contrast: black;--ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);--ig-primary-A200: hsl(204, 100%, 58%);--ig-primary-A200-contrast: black;--ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);--ig-primary-A400: hsl(204, 100%, 45.5%);--ig-primary-A400-contrast: black;--ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);--ig-primary-A700: hsl(204, 100%, 32.5%);--ig-primary-A700-contrast: white;--ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);--ig-secondary-50: hsl(332.76, 96.43%, 87.25%);--ig-secondary-50-contrast: black;--ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);--ig-secondary-100: hsl(332.76, 62.72%, 81.37%);--ig-secondary-100-contrast: black;--ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);--ig-secondary-200: hsl(332.76, 50.18%, 70.1%);--ig-secondary-200-contrast: black;--ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);--ig-secondary-300: hsl(332.76, 57.23%, 58.33%);--ig-secondary-300-contrast: black;--ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);--ig-secondary-400: hsl(332.76, 68.6%, 52.94%);--ig-secondary-400-contrast: black;--ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);--ig-secondary-h: 333deg;--ig-secondary-s: 78%;--ig-secondary-l: 49%;--ig-secondary-a: 1;--ig-secondary-500: hsl(332.76, 78.4%, 49.02%);--ig-secondary-500-contrast: white;--ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);--ig-secondary-600: hsl(332.76, 98.78%, 43.63%);--ig-secondary-600-contrast: white;--ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);--ig-secondary-700: hsl(332.76, 100%, 39.71%);--ig-secondary-700-contrast: white;--ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);--ig-secondary-800: hsl(332.76, 100%, 35.78%);--ig-secondary-800-contrast: white;--ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);--ig-secondary-900: hsl(332.76, 100%, 31.37%);--ig-secondary-900-contrast: white;--ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);--ig-secondary-A100: hsl(332.76, 96.43%, 65.69%);--ig-secondary-A100-contrast: black;--ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);--ig-secondary-A200: hsl(332.76, 95.65%, 56.86%);--ig-secondary-A200-contrast: black;--ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);--ig-secondary-A400: hsl(332.76, 96.43%, 44.61%);--ig-secondary-A400-contrast: white;--ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);--ig-secondary-A700: hsl(332.76, 96.43%, 31.86%);--ig-secondary-A700-contrast: white;--ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);--ig-gray-50: hsl(0, 0%, 98%);--ig-gray-50-contrast: black;--ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;--ig-gray-100: hsl(0, 0%, 96%);--ig-gray-100-contrast: black;--ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;--ig-gray-200: hsl(0, 0%, 93%);--ig-gray-200-contrast: black;--ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;--ig-gray-300: hsl(0, 0%, 88%);--ig-gray-300-contrast: black;--ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;--ig-gray-400: hsl(0, 0%, 74%);--ig-gray-400-contrast: black;--ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;--ig-gray-h: 0deg;--ig-gray-s: 0%;--ig-gray-l: 62%;--ig-gray-a: 1;--ig-gray-500: hsl(0, 0%, 62%);--ig-gray-500-contrast: black;--ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;--ig-gray-600: hsl(0, 0%, 54%);--ig-gray-600-contrast: black;--ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;--ig-gray-700: hsl(0, 0%, 38%);--ig-gray-700-contrast: white;--ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;--ig-gray-800: hsl(0, 0%, 26%);--ig-gray-800-contrast: white;--ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;--ig-gray-900: hsl(0, 0%, 13%);--ig-gray-900-contrast: white;--ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;--ig-surface-50: hsl(0, 0%, 100%);--ig-surface-50-contrast: black;--ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);--ig-surface-100: hsl(0, 0%, 100%);--ig-surface-100-contrast: black;--ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);--ig-surface-200: hsl(0, 0%, 100%);--ig-surface-200-contrast: black;--ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);--ig-surface-300: hsl(0, 0%, 100%);--ig-surface-300-contrast: black;--ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);--ig-surface-400: hsl(0, 0%, 100%);--ig-surface-400-contrast: black;--ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);--ig-surface-h: 0deg;--ig-surface-s: 0%;--ig-surface-l: 100%;--ig-surface-a: 1;--ig-surface-500: hsl(0, 0%, 100%);--ig-surface-500-contrast: black;--ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);--ig-surface-600: hsl(0, 0%, 89%);--ig-surface-600-contrast: black;--ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);--ig-surface-700: hsl(0, 0%, 81%);--ig-surface-700-contrast: black;--ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);--ig-surface-800: hsl(0, 0%, 73%);--ig-surface-800-contrast: black;--ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);--ig-surface-900: hsl(0, 0%, 64%);--ig-surface-900-contrast: black;--ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);--ig-surface-A100: hsl(0, 0%, 100%);--ig-surface-A100-contrast: black;--ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);--ig-surface-A200: hsl(0, 0%, 100%);--ig-surface-A200-contrast: black;--ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);--ig-surface-A400: hsl(0, 0%, 91%);--ig-surface-A400-contrast: black;--ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);--ig-surface-A700: hsl(0, 0%, 65%);--ig-surface-A700-contrast: black;--ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);--ig-info-50: hsl(209.07, 100%, 80.97%);--ig-info-50-contrast: black;--ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);--ig-info-100: hsl(209.07, 66.9%, 75.51%);--ig-info-100-contrast: black;--ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);--ig-info-200: hsl(209.07, 53.52%, 65.05%);--ig-info-200-contrast: black;--ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);--ig-info-300: hsl(209.07, 61.04%, 54.13%);--ig-info-300-contrast: black;--ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);--ig-info-400: hsl(209.07, 73.17%, 49.13%);--ig-info-400-contrast: black;--ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);--ig-info-h: 209deg;--ig-info-s: 84%;--ig-info-l: 45%;--ig-info-a: 1;--ig-info-500: hsl(209.07, 83.62%, 45.49%);--ig-info-500-contrast: white;--ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);--ig-info-600: hsl(209.07, 100%, 40.49%);--ig-info-600-contrast: white;--ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);--ig-info-700: hsl(209.07, 100%, 36.85%);--ig-info-700-contrast: white;--ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);--ig-info-800: hsl(209.07, 100%, 33.21%);--ig-info-800-contrast: white;--ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);--ig-info-900: hsl(209.07, 100%, 29.11%);--ig-info-900-contrast: white;--ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);--ig-info-A100: hsl(209.07, 100%, 60.96%);--ig-info-A100-contrast: black;--ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);--ig-info-A200: hsl(209.07, 100%, 52.77%);--ig-info-A200-contrast: black;--ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);--ig-info-A400: hsl(209.07, 100%, 41.4%);--ig-info-A400-contrast: white;--ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);--ig-info-A700: hsl(209.07, 100%, 29.57%);--ig-info-A700-contrast: white;--ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);--ig-success-50: hsl(131.32, 52.57%, 91.44%);--ig-success-50-contrast: black;--ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);--ig-success-100: hsl(131.32, 34.19%, 85.28%);--ig-success-100-contrast: black;--ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);--ig-success-200: hsl(131.32, 27.35%, 73.46%);--ig-success-200-contrast: black;--ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);--ig-success-300: hsl(131.32, 31.2%, 61.13%);--ig-success-300-contrast: black;--ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);--ig-success-400: hsl(131.32, 37.4%, 55.48%);--ig-success-400-contrast: black;--ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);--ig-success-h: 131deg;--ig-success-s: 43%;--ig-success-l: 51%;--ig-success-a: 1;--ig-success-500: hsl(131.32, 42.74%, 51.37%);--ig-success-500-contrast: black;--ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);--ig-success-600: hsl(131.32, 53.85%, 45.72%);--ig-success-600-contrast: black;--ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);--ig-success-700: hsl(131.32, 64.97%, 41.61%);--ig-success-700-contrast: black;--ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);--ig-success-800: hsl(131.32, 64.11%, 37.5%);--ig-success-800-contrast: black;--ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);--ig-success-900: hsl(131.32, 57.27%, 32.88%);--ig-success-900-contrast: white;--ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);--ig-success-A100: hsl(131.32, 52.57%, 68.84%);--ig-success-A100-contrast: black;--ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);--ig-success-A200: hsl(131.32, 52.15%, 59.59%);--ig-success-A200-contrast: black;--ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);--ig-success-A400: hsl(131.32, 52.57%, 46.75%);--ig-success-A400-contrast: black;--ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);--ig-success-A700: hsl(131.32, 52.57%, 33.39%);--ig-success-A700-contrast: white;--ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);--ig-warn-50: hsl(37.07, 100%, 95.98%);--ig-warn-50-contrast: black;--ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);--ig-warn-100: hsl(37.07, 76.6%, 89.51%);--ig-warn-100-contrast: black;--ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);--ig-warn-200: hsl(37.07, 61.28%, 77.11%);--ig-warn-200-contrast: black;--ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);--ig-warn-300: hsl(37.07, 69.89%, 64.17%);--ig-warn-300-contrast: black;--ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);--ig-warn-400: hsl(37.07, 83.78%, 58.24%);--ig-warn-400-contrast: black;--ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);--ig-warn-h: 37deg;--ig-warn-s: 96%;--ig-warn-l: 54%;--ig-warn-a: 1;--ig-warn-500: hsl(37.07, 95.74%, 53.92%);--ig-warn-500-contrast: black;--ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);--ig-warn-600: hsl(37.07, 100%, 47.99%);--ig-warn-600-contrast: black;--ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);--ig-warn-700: hsl(37.07, 100%, 43.68%);--ig-warn-700-contrast: black;--ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);--ig-warn-800: hsl(37.07, 100%, 39.36%);--ig-warn-800-contrast: black;--ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);--ig-warn-900: hsl(37.07, 100%, 34.51%);--ig-warn-900-contrast: black;--ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);--ig-warn-A100: hsl(37.07, 100%, 72.25%);--ig-warn-A100-contrast: black;--ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);--ig-warn-A200: hsl(37.07, 100%, 62.55%);--ig-warn-A200-contrast: black;--ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);--ig-warn-A400: hsl(37.07, 100%, 49.07%);--ig-warn-A400-contrast: black;--ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);--ig-warn-A700: hsl(37.07, 100%, 35.05%);--ig-warn-A700-contrast: black;--ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);--ig-error-50: hsl(346.02, 100%, 95.63%);--ig-error-50-contrast: black;--ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);--ig-error-100: hsl(346.02, 80%, 89.18%);--ig-error-100-contrast: black;--ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);--ig-error-200: hsl(346.02, 64%, 76.83%);--ig-error-200-contrast: black;--ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);--ig-error-300: hsl(346.02, 73%, 63.93%);--ig-error-300-contrast: black;--ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);--ig-error-400: hsl(346.02, 87.5%, 58.02%);--ig-error-400-contrast: black;--ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);--ig-error-h: 346deg;--ig-error-s: 100%;--ig-error-l: 54%;--ig-error-a: 1;--ig-error-500: hsl(346.02, 100%, 53.73%);--ig-error-500-contrast: black;--ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);--ig-error-600: hsl(346.02, 100%, 47.82%);--ig-error-600-contrast: black;--ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);--ig-error-700: hsl(346.02, 100%, 43.52%);--ig-error-700-contrast: white;--ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);--ig-error-800: hsl(346.02, 100%, 39.22%);--ig-error-800-contrast: white;--ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);--ig-error-900: hsl(346.02, 100%, 34.38%);--ig-error-900-contrast: white;--ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);--ig-error-A100: hsl(346.02, 100%, 71.99%);--ig-error-A100-contrast: black;--ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);--ig-error-A200: hsl(346.02, 100%, 62.32%);--ig-error-A200-contrast: black;--ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);--ig-error-A400: hsl(346.02, 100%, 48.89%);--ig-error-A400-contrast: black;--ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);--ig-error-A700: hsl(346.02, 100%, 34.92%);--ig-error-A700-contrast: white;--ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--ig-font-family: 'Titillium Web', sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 6rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 7rem;--ig-h1-letter-spacing: -0.09375rem;--ig-h1-text-transform: none;--ig-h1-margin-top: 1.75rem;--ig-h1-margin-bottom: 3.5rem;--ig-h2-font-size: 3.75rem;--ig-h2-font-weight: 300;--ig-h2-font-style: normal;--ig-h2-line-height: 4.4375rem;--ig-h2-letter-spacing: -0.03125rem;--ig-h2-text-transform: none;--ig-h2-margin-top: 1.75rem;--ig-h2-margin-bottom: 1.75rem;--ig-h3-font-size: 3rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 3.5625rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 1.75rem;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 2.125rem;--ig-h4-font-weight: 400;--ig-h4-font-style: normal;--ig-h4-line-height: 2.5rem;--ig-h4-letter-spacing: 0.015625rem;--ig-h4-text-transform: none;--ig-h4-margin-top: 1.75rem;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1.5rem;--ig-h5-font-weight: 400;--ig-h5-font-style: normal;--ig-h5-line-height: 1.75rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 1.75rem;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 1.25rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.5rem;--ig-h6-letter-spacing: 0.009375rem;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 1rem;--ig-subtitle-1-font-weight: 400;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.5rem;--ig-subtitle-1-letter-spacing: 0.009375rem;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.875rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1.5rem;--ig-subtitle-2-letter-spacing: 0.00625rem;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 1rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.75rem;--ig-body-1-letter-spacing: 0.03125rem;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 1.75rem;--ig-body-1-margin-bottom: 1rem;--ig-body-2-font-size: 0.875rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1.25rem;--ig-body-2-letter-spacing: 0.015625rem;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.875rem;--ig-button-font-weight: 600;--ig-button-font-style: normal;--ig-button-line-height: 1rem;--ig-button-letter-spacing: 0.046875rem;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.75rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 1rem;--ig-caption-letter-spacing: 0.025rem;--ig-caption-text-transform: none;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 400;--ig-overline-font-style: normal;--ig-overline-line-height: 1rem;--ig-overline-letter-spacing: 0.09375rem;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}
package/theming/config.js CHANGED
@@ -1,6 +1,6 @@
1
- import { CHANGE_THEME_EVENT } from './theming-event.js';
2
- import { getAllCSSVariables } from './utils.js';
3
1
  import { isDefined } from '../components/common/util.js';
2
+ import { CHANGE_THEME_EVENT, } from './theming-event.js';
3
+ import { getAllCSSVariables } from './utils.js';
4
4
  let theme;
5
5
  let themeVariant;
6
6
  function dispatchThemingEvent(detail) {
@@ -18,11 +18,11 @@ export const getTheme = () => {
18
18
  if (!theme || !themeVariant) {
19
19
  const [_theme, _variant] = Object.entries(getAllCSSVariables()).filter(([v]) => v === 'igTheme' || v === 'igThemeVariant') || [];
20
20
  theme =
21
- _theme && _theme[1] && isOfTypeTheme(_theme[1])
21
+ _theme?.[1] && isOfTypeTheme(_theme[1])
22
22
  ? _theme[1]
23
23
  : 'bootstrap';
24
24
  themeVariant =
25
- _variant && _variant[1] && isOfTypeThemeVariant(_variant[1])
25
+ _variant?.[1] && isOfTypeThemeVariant(_variant[1])
26
26
  ? _variant[1]
27
27
  : 'light';
28
28
  }
package/theming/config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/theming/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA0B,MAAM,oBAAoB,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,IAAI,KAAY,CAAC;AACjB,IAAI,YAA0B,CAAC;AAK/B,SAAS,oBAAoB,CAAC,MAA8B;IAC1D,IAAI,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,UAAU,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB,GAAG,EAAE;IACP,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GACtB,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,MAAM,CACzC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,gBAAgB,CACnD,IAAI,EAAE,CAAC;QAEV,KAAK;YACH,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC7C,CAAC,CAAE,MAAM,CAAC,CAAC,CAAW;gBACtB,CAAC,CAAC,WAAW,CAAC;QAElB,YAAY;YACV,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1D,CAAC,CAAE,QAAQ,CAAC,CAAC,CAAkB;gBAC/B,CAAC,CAAC,OAAO,CAAC;IAChB,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE;IAC9D,KAAK,GAAG,KAAK,CAAC;IACd,YAAY,GAAG,OAAO,CAAC;AACzB,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAE,IAAkB,OAAO,EAAE,EAAE;IACpE,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import { CHANGE_THEME_EVENT, ChangeThemeEventDetail } from './theming-event.js';\nimport type { Theme, ThemeVariant } from './types.js';\nimport { getAllCSSVariables } from './utils.js';\nimport { isDefined } from '../components/common/util.js';\n\nlet theme: Theme;\nlet themeVariant: ThemeVariant;\n\n/**\n * Dispatch an \"igc-change-theme\" event to `window` with the given detail.\n */\nfunction dispatchThemingEvent(detail: ChangeThemeEventDetail) {\n if (isDefined(globalThis.dispatchEvent)) {\n globalThis.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));\n }\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nfunction isOfTypeThemeVariant(variant: string): variant is ThemeVariant {\n return ['light', 'dark'].includes(variant);\n}\n\nexport const getTheme: () => {\n theme: Theme;\n themeVariant: ThemeVariant;\n} = () => {\n if (!theme || !themeVariant) {\n const [_theme, _variant] =\n Object.entries(getAllCSSVariables()).filter(\n ([v]) => v === 'igTheme' || v === 'igThemeVariant'\n ) || [];\n\n theme =\n _theme && _theme[1] && isOfTypeTheme(_theme[1])\n ? (_theme[1] as Theme)\n : 'bootstrap';\n\n themeVariant =\n _variant && _variant[1] && isOfTypeThemeVariant(_variant[1])\n ? (_variant[1] as ThemeVariant)\n : 'light';\n }\n\n return { theme, themeVariant };\n};\n\nexport const setTheme = (value: Theme, variant: ThemeVariant) => {\n theme = value;\n themeVariant = variant;\n};\n\n/**\n * Allows the global configuration of the active theme.\n *\n * Usage:\n * ```ts\n * import { configureTheme } from 'igniteui-webcomponents';\n *\n * configureTheme('material', 'light');\n * ```\n */\nexport const configureTheme = (t: Theme, v: ThemeVariant = 'light') => {\n if (isOfTypeTheme(t) && isOfTypeThemeVariant(v)) {\n setTheme(t, v);\n }\n\n dispatchThemingEvent({ theme, themeVariant });\n};\n"]}
1
+ {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/theming/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EACL,kBAAkB,GAEnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,IAAI,KAAY,CAAC;AACjB,IAAI,YAA0B,CAAC;AAK/B,SAAS,oBAAoB,CAAC,MAA8B;IAC1D,IAAI,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,UAAU,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB,GAAG,EAAE;IACP,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GACtB,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,MAAM,CACzC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,gBAAgB,CACnD,IAAI,EAAE,CAAC;QAEV,KAAK;YACH,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACrC,CAAC,CAAE,MAAM,CAAC,CAAC,CAAW;gBACtB,CAAC,CAAC,WAAW,CAAC;QAElB,YAAY;YACV,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChD,CAAC,CAAE,QAAQ,CAAC,CAAC,CAAkB;gBAC/B,CAAC,CAAC,OAAO,CAAC;IAChB,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE;IAC9D,KAAK,GAAG,KAAK,CAAC;IACd,YAAY,GAAG,OAAO,CAAC;AACzB,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAE,IAAkB,OAAO,EAAE,EAAE;IACpE,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import { isDefined } from '../components/common/util.js';\nimport {\n CHANGE_THEME_EVENT,\n type ChangeThemeEventDetail,\n} from './theming-event.js';\nimport type { Theme, ThemeVariant } from './types.js';\nimport { getAllCSSVariables } from './utils.js';\n\nlet theme: Theme;\nlet themeVariant: ThemeVariant;\n\n/**\n * Dispatch an \"igc-change-theme\" event to `window` with the given detail.\n */\nfunction dispatchThemingEvent(detail: ChangeThemeEventDetail) {\n if (isDefined(globalThis.dispatchEvent)) {\n globalThis.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));\n }\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nfunction isOfTypeThemeVariant(variant: string): variant is ThemeVariant {\n return ['light', 'dark'].includes(variant);\n}\n\nexport const getTheme: () => {\n theme: Theme;\n themeVariant: ThemeVariant;\n} = () => {\n if (!theme || !themeVariant) {\n const [_theme, _variant] =\n Object.entries(getAllCSSVariables()).filter(\n ([v]) => v === 'igTheme' || v === 'igThemeVariant'\n ) || [];\n\n theme =\n _theme?.[1] && isOfTypeTheme(_theme[1])\n ? (_theme[1] as Theme)\n : 'bootstrap';\n\n themeVariant =\n _variant?.[1] && isOfTypeThemeVariant(_variant[1])\n ? (_variant[1] as ThemeVariant)\n : 'light';\n }\n\n return { theme, themeVariant };\n};\n\nexport const setTheme = (value: Theme, variant: ThemeVariant) => {\n theme = value;\n themeVariant = variant;\n};\n\n/**\n * Allows the global configuration of the active theme.\n *\n * Usage:\n * ```ts\n * import { configureTheme } from 'igniteui-webcomponents';\n *\n * configureTheme('material', 'light');\n * ```\n */\nexport const configureTheme = (t: Theme, v: ThemeVariant = 'light') => {\n if (isOfTypeTheme(t) && isOfTypeThemeVariant(v)) {\n setTheme(t, v);\n }\n\n dispatchThemingEvent({ theme, themeVariant });\n};\n"]}
package/theming/theming-controller.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactiveController, ReactiveControllerHost, ReactiveElement } from 'lit';
1
+ import { type ReactiveController, type ReactiveControllerHost, type ReactiveElement } from 'lit';
2
2
  import type { Theme, ThemeController, ThemeVariant, Themes } from './types.js';
3
3
  declare class ThemingController implements ReactiveController, ThemeController {
4
4
  private themes;
package/theming/theming-controller.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theming-controller.js","sourceRoot":"","sources":["../../src/theming/theming-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACX,GAAG,GACJ,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,mBAAmB;IAAzB;QACmB,cAAS,GAAG,IAAI,GAAG,EAAY,CAAC;QAc1C,gBAAW,GAAG,GAAG,EAAE;YACxB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACtC,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IAjBQ,GAAG,CAAC,QAAkB;QAC3B,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM,CAAC,QAAkB;QAC9B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YAC5B,UAAU,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;CAOF;AAED,MAAM,sBAAsB,GAAG,IAAI,mBAAmB,EAAE,CAAC;AAEzD,MAAM,iBAAiB;IAMrB,YAAY,IAA8C,EAAE,MAAc;QAkClE,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QApCA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC;IAEM,gBAAgB;QACrB,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACnD,CAAC;IAES,WAAW;QACnB,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAgC,CAAC;QACxD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QAE9D,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAC3B,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxD,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,GACpB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAE1D,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAwB,EAAE;YAC9C,GAAG,IAAI,CAAC,aAAa;YACrB,YAAY,IAAI,GAAG,CAAA,EAAE;YACrB,WAAW,IAAI,GAAG,CAAA,EAAE;SACrB,CAAC,CAAC;IACL,CAAC;CAMF;AAED,MAAM,uBAAuB,GAAG,CAC9B,IAA8C,EAC9C,MAAc,EACd,WAAqB,EACrB,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAE/B,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE;YACvC,GAAG;gBACD,OAAO,UAAU,CAAC,KAAK,CAAC;YAC1B,CAAC;YACD,YAAY,EAAE,IAAI;YAClB,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAE/B,uBAAuB,CAAC;AAE5B,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import {\n LitElement,\n ReactiveController,\n ReactiveControllerHost,\n ReactiveElement,\n adoptStyles,\n css,\n} from 'lit';\n\nimport { getTheme } from './config.js';\nimport { CHANGE_THEME_EVENT } from './theming-event.js';\nimport type { Theme, ThemeController, ThemeVariant, Themes } from './types.js';\n\nclass ThemeEventListeners {\n private readonly listeners = new Set<Function>();\n\n public add(listener: Function) {\n globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n this.listeners.add(listener);\n }\n\n public remove(listener: Function) {\n this.listeners.delete(listener);\n if (this.listeners.size < 1) {\n globalThis.removeEventListener(CHANGE_THEME_EVENT, this);\n }\n }\n\n public handleEvent = () => {\n for (const listener of this.listeners) {\n listener();\n }\n };\n}\n\nconst _themingEventListeners = new ThemeEventListeners();\n\nclass ThemingController implements ReactiveController, ThemeController {\n private themes: Themes;\n private host: ReactiveControllerHost & ReactiveElement;\n public theme!: Theme;\n public themeVariant!: ThemeVariant;\n\n constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes) {\n this.host = host;\n this.themes = themes;\n }\n\n public hostConnected() {\n this.adoptStyles();\n _themingEventListeners.add(this.themeChanged);\n }\n\n public hostDisconnected() {\n _themingEventListeners.remove(this.themeChanged);\n }\n\n protected adoptStyles() {\n const { theme, themeVariant } = getTheme();\n this.theme = theme;\n this.themeVariant = themeVariant;\n\n const ctor = this.host.constructor as typeof LitElement;\n const stylesheets = Object.entries(this.themes[themeVariant]);\n\n const [_unused, sharedStyles] =\n stylesheets.find(([name]) => name === 'shared') ?? [];\n const [_, themeStyles] =\n stylesheets.find(([name]) => name === this.theme) ?? [];\n\n adoptStyles(this.host.shadowRoot as ShadowRoot, [\n ...ctor.elementStyles,\n sharedStyles ?? css``,\n themeStyles ?? css``,\n ]);\n }\n\n private themeChanged = () => {\n this.adoptStyles();\n this.host.requestUpdate();\n };\n}\n\nconst _updateWhenThemeChanges = (\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes,\n exposeTheme?: boolean\n) => {\n const controller = new ThemingController(host, themes);\n host.addController(controller);\n\n if (exposeTheme) {\n Object.defineProperty(host, themeSymbol, {\n get() {\n return controller.theme;\n },\n configurable: true,\n enumerable: false,\n });\n }\n\n return controller;\n};\n\nexport const updateWhenThemeChanges: typeof _updateWhenThemeChanges & {\n _THEMING_CONTROLLER_FN_?: never;\n} = _updateWhenThemeChanges;\n\nexport const themeSymbol = Symbol('Current active theme');\n"]}
1
+ {"version":3,"file":"theming-controller.js","sourceRoot":"","sources":["../../src/theming/theming-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACX,GAAG,GACJ,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,MAAM,mBAAmB;IAAzB;QACmB,cAAS,GAAG,IAAI,GAAG,EAAiB,CAAC;QAc/C,gBAAW,GAAG,GAAG,EAAE;YACxB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACtC,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IAjBQ,GAAG,CAAC,QAAuB;QAChC,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM,CAAC,QAAuB;QACnC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YAC5B,UAAU,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;CAOF;AAED,MAAM,sBAAsB,GAAG,IAAI,mBAAmB,EAAE,CAAC;AAEzD,MAAM,iBAAiB;IAMrB,YAAY,IAA8C,EAAE,MAAc;QAkClE,iBAAY,GAAkB,GAAG,EAAE;YACzC,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QApCA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC;IAEM,gBAAgB;QACrB,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACnD,CAAC;IAES,WAAW;QACnB,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAgC,CAAC;QACxD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QAE9D,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAC3B,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxD,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,GACpB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAE1D,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAwB,EAAE;YAC9C,GAAG,IAAI,CAAC,aAAa;YACrB,YAAY,IAAI,GAAG,CAAA,EAAE;YACrB,WAAW,IAAI,GAAG,CAAA,EAAE;SACrB,CAAC,CAAC;IACL,CAAC;CAMF;AAED,MAAM,uBAAuB,GAAG,CAC9B,IAA8C,EAC9C,MAAc,EACd,WAAqB,EACrB,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAE/B,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE;YACvC,GAAG;gBACD,OAAO,UAAU,CAAC,KAAK,CAAC;YAC1B,CAAC;YACD,YAAY,EAAE,IAAI;YAClB,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAE/B,uBAAuB,CAAC;AAE5B,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import {\n type LitElement,\n type ReactiveController,\n type ReactiveControllerHost,\n type ReactiveElement,\n adoptStyles,\n css,\n} from 'lit';\n\nimport { getTheme } from './config.js';\nimport { CHANGE_THEME_EVENT } from './theming-event.js';\nimport type { Theme, ThemeController, ThemeVariant, Themes } from './types.js';\n\ntype ThemeCallback = () => void;\n\nclass ThemeEventListeners {\n private readonly listeners = new Set<ThemeCallback>();\n\n public add(listener: ThemeCallback) {\n globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n this.listeners.add(listener);\n }\n\n public remove(listener: ThemeCallback) {\n this.listeners.delete(listener);\n if (this.listeners.size < 1) {\n globalThis.removeEventListener(CHANGE_THEME_EVENT, this);\n }\n }\n\n public handleEvent = () => {\n for (const listener of this.listeners) {\n listener();\n }\n };\n}\n\nconst _themingEventListeners = new ThemeEventListeners();\n\nclass ThemingController implements ReactiveController, ThemeController {\n private themes: Themes;\n private host: ReactiveControllerHost & ReactiveElement;\n public theme!: Theme;\n public themeVariant!: ThemeVariant;\n\n constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes) {\n this.host = host;\n this.themes = themes;\n }\n\n public hostConnected() {\n this.adoptStyles();\n _themingEventListeners.add(this.themeChanged);\n }\n\n public hostDisconnected() {\n _themingEventListeners.remove(this.themeChanged);\n }\n\n protected adoptStyles() {\n const { theme, themeVariant } = getTheme();\n this.theme = theme;\n this.themeVariant = themeVariant;\n\n const ctor = this.host.constructor as typeof LitElement;\n const stylesheets = Object.entries(this.themes[themeVariant]);\n\n const [_unused, sharedStyles] =\n stylesheets.find(([name]) => name === 'shared') ?? [];\n const [_, themeStyles] =\n stylesheets.find(([name]) => name === this.theme) ?? [];\n\n adoptStyles(this.host.shadowRoot as ShadowRoot, [\n ...ctor.elementStyles,\n sharedStyles ?? css``,\n themeStyles ?? css``,\n ]);\n }\n\n private themeChanged: ThemeCallback = () => {\n this.adoptStyles();\n this.host.requestUpdate();\n };\n}\n\nconst _updateWhenThemeChanges = (\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes,\n exposeTheme?: boolean\n) => {\n const controller = new ThemingController(host, themes);\n host.addController(controller);\n\n if (exposeTheme) {\n Object.defineProperty(host, themeSymbol, {\n get() {\n return controller.theme;\n },\n configurable: true,\n enumerable: false,\n });\n }\n\n return controller;\n};\n\nexport const updateWhenThemeChanges: typeof _updateWhenThemeChanges & {\n _THEMING_CONTROLLER_FN_?: never;\n} = _updateWhenThemeChanges;\n\nexport const themeSymbol = Symbol('Current active theme');\n"]}
package/theming/theming-decorator.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theming-decorator.js","sourceRoot":"","sources":["../../src/theming/theming-decorator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAyBjE,MAAM,UAAU,MAAM,CAAC,MAAc,EAAE,WAAW,GAAG,KAAK;IACxD,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,KAAK,CAAC,cAAc,CAAC,CAAC,QAAyB,EAAE,EAAE;YACjD,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["import { ReactiveElement } from 'lit';\n\nimport { updateWhenThemeChanges } from './theming-controller.js';\nimport type { Themes } from './types.js';\n\n/**\n * Class decorator to enable multiple theme support for a component.\n * The component will re-render on theme changes.\n *\n * See also {@link updateWhenThemeChanges} for the same functionality\n * without the use of this decorator.\n *\n * Usage:\n * ```ts\n * import { LitElement, html } from 'lit';\n * import { themes } from 'igniteui-webcomponents/themes';\n * import { styles } from './themes/my-element.base.css';\n * import { styles as material } from './themes/my-element.material.css';\n * import { styles as bootstrap } from './themes/my-element.bootstrap.css';\n * import { styles as indigo } from './themes/my-element.indigo.css';\n *\n * @themes({ material, bootstrap, indigo })\n * class MyElement extends LitElement {\n * public static styles = styles;\n * }\n * ```\n */\nexport function themes(themes: Themes, exposeTheme = false) {\n return (clazz: any) => {\n clazz.addInitializer((instance: ReactiveElement) => {\n updateWhenThemeChanges(instance, themes, exposeTheme);\n });\n\n return clazz;\n };\n}\n\nexport { themeSymbol } from './theming-controller.js';\n"]}
1
+ {"version":3,"file":"theming-decorator.js","sourceRoot":"","sources":["../../src/theming/theming-decorator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAyBjE,MAAM,UAAU,MAAM,CAAC,MAAc,EAAE,WAAW,GAAG,KAAK;IACxD,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,KAAK,CAAC,cAAc,CAAC,CAAC,QAAyB,EAAE,EAAE;YACjD,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["import type { ReactiveElement } from 'lit';\n\nimport { updateWhenThemeChanges } from './theming-controller.js';\nimport type { Themes } from './types.js';\n\n/**\n * Class decorator to enable multiple theme support for a component.\n * The component will re-render on theme changes.\n *\n * See also {@link updateWhenThemeChanges} for the same functionality\n * without the use of this decorator.\n *\n * Usage:\n * ```ts\n * import { LitElement, html } from 'lit';\n * import { themes } from 'igniteui-webcomponents/themes';\n * import { styles } from './themes/my-element.base.css';\n * import { styles as material } from './themes/my-element.material.css';\n * import { styles as bootstrap } from './themes/my-element.bootstrap.css';\n * import { styles as indigo } from './themes/my-element.indigo.css';\n *\n * @themes({ material, bootstrap, indigo })\n * class MyElement extends LitElement {\n * public static styles = styles;\n * }\n * ```\n */\nexport function themes(themes: Themes, exposeTheme = false) {\n return (clazz: any) => {\n clazz.addInitializer((instance: ReactiveElement) => {\n updateWhenThemeChanges(instance, themes, exposeTheme);\n });\n\n return clazz;\n };\n}\n\nexport { themeSymbol } from './theming-controller.js';\n"]}
package/theming/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { CSSResult } from 'lit';
1
+ import type { CSSResult } from 'lit';
2
2
  export type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';
3
3
  export type ThemeVariant = 'light' | 'dark';
4
4
  export type Themes = {
package/theming/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theming/types.ts"],"names":[],"mappings":"","sourcesContent":["import { CSSResult } from 'lit';\n\nexport type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';\nexport type ThemeVariant = 'light' | 'dark';\n\nexport type Themes = {\n light: {\n [K in Theme]?: CSSResult;\n };\n dark: {\n [K in Theme]?: CSSResult;\n };\n};\n\n/**\n * A controller responsible for adopting various component themes;\n * See also {@link updateWhenThemeChanges}.\n */\nexport interface ThemeController {\n /**\n * The name of the currently adopted theme. See {@link Theme}.\n */\n theme: Theme;\n}\n"]}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theming/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CSSResult } from 'lit';\n\nexport type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';\nexport type ThemeVariant = 'light' | 'dark';\n\nexport type Themes = {\n light: {\n [K in Theme]?: CSSResult;\n };\n dark: {\n [K in Theme]?: CSSResult;\n };\n};\n\n/**\n * A controller responsible for adopting various component themes;\n * See also {@link updateWhenThemeChanges}.\n */\nexport interface ThemeController {\n /**\n * The name of the currently adopted theme. See {@link Theme}.\n */\n theme: Theme;\n}\n"]}
package/components/calendar/themes/shared/material/calendar.common.css.js DELETED
@@ -1,3 +0,0 @@
1
- import { css } from 'lit';
2
- export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size));background:hsla(var(--ig-surface-500), var(--ig-surface-a));color:color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent);border-radius:var(--border-radius)}:host(igc-calendar) igc-days-view::part(date-inner){border-radius:var(--date-border-radius)}:host(igc-calendar) igc-months-view::part(month-inner){border-radius:var(--month-border-radius)}:host(igc-calendar) igc-years-view::part(year-inner){border-radius:var(--month-border-radius)}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{background:rgba(0,0,0,0);color:hsla(var(--ig-gray-800), var(--ig-gray-a))}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}[part=header]{background:hsla(var(--ig-secondary-500), var(--ig-secondary-a));color:color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent)}`;
3
- //# sourceMappingURL=calendar.common.css.js.map
package/components/calendar/themes/shared/material/calendar.common.css.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/material/calendar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ujCAAujC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){--component-size: var(--ig-size, var(--default-size));background:hsla(var(--ig-surface-500), var(--ig-surface-a));color:color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent);border-radius:var(--border-radius)}:host(igc-calendar) igc-days-view::part(date-inner){border-radius:var(--date-border-radius)}:host(igc-calendar) igc-months-view::part(month-inner){border-radius:var(--month-border-radius)}:host(igc-calendar) igc-years-view::part(year-inner){border-radius:var(--month-border-radius)}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{background:rgba(0,0,0,0);color:hsla(var(--ig-gray-800), var(--ig-gray-a))}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}[part=header]{background:hsla(var(--ig-secondary-500), var(--ig-secondary-a));color:color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent)}`;\n"]}