igniteui-webcomponents 2.2.0-beta.1 → 3.1.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 (231) hide show
  1. package/CHANGELOG.md +20 -12
  2. package/components/avatar/avatar.js +2 -2
  3. package/components/avatar/avatar.js.map +1 -1
  4. package/components/badge/badge.js +3 -3
  5. package/components/badge/badge.js.map +1 -1
  6. package/components/button/button-base.js +1 -1
  7. package/components/button/button-base.js.map +1 -1
  8. package/components/button/button.js +6 -6
  9. package/components/button/button.js.map +1 -1
  10. package/components/button/icon-button.d.ts +1 -1
  11. package/components/button/icon-button.js +9 -8
  12. package/components/button/icon-button.js.map +1 -1
  13. package/components/button/themes/button/light/button.base.css.js +1 -1
  14. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  15. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  16. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  17. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  18. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  19. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  20. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  21. package/components/button/themes/button/light/button.material.css.js +1 -1
  22. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  23. package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
  24. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  25. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
  26. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  27. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  28. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  29. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  30. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  31. package/components/calendar/calendar.d.ts +8 -8
  32. package/components/calendar/calendar.js +16 -16
  33. package/components/calendar/calendar.js.map +1 -1
  34. package/components/calendar/common/calendar-base.d.ts +1 -1
  35. package/components/calendar/common/calendar-base.js +5 -3
  36. package/components/calendar/common/calendar-base.js.map +1 -1
  37. package/components/calendar/common/utils.d.ts +1 -1
  38. package/components/calendar/common/utils.js.map +1 -1
  39. package/components/calendar/days-view/days-view.d.ts +5 -5
  40. package/components/calendar/days-view/days-view.js +13 -11
  41. package/components/calendar/days-view/days-view.js.map +1 -1
  42. package/components/calendar/months-view/months-view.d.ts +3 -3
  43. package/components/calendar/months-view/months-view.js +12 -10
  44. package/components/calendar/months-view/months-view.js.map +1 -1
  45. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +1 -1
  46. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
  47. package/components/calendar/themes/calendar.base.css.js +1 -1
  48. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  49. package/components/calendar/themes/days-view.base.css.js +1 -1
  50. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  51. package/components/calendar/themes/fluent/calendar.fluent.css.js +1 -1
  52. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  53. package/components/calendar/themes/fluent/days-view.fluent.css.js +1 -1
  54. package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
  55. package/components/calendar/years-view/years-view.d.ts +3 -3
  56. package/components/calendar/years-view/years-view.js +11 -9
  57. package/components/calendar/years-view/years-view.js.map +1 -1
  58. package/components/card/card.actions.js +3 -3
  59. package/components/card/card.actions.js.map +1 -1
  60. package/components/card/card.content.js +3 -3
  61. package/components/card/card.content.js.map +1 -1
  62. package/components/card/card.header.js +4 -4
  63. package/components/card/card.header.js.map +1 -1
  64. package/components/card/card.js +4 -4
  65. package/components/card/card.js.map +1 -1
  66. package/components/card/card.media.js +1 -1
  67. package/components/card/card.media.js.map +1 -1
  68. package/components/checkbox/checkbox-base.js +2 -1
  69. package/components/checkbox/checkbox-base.js.map +1 -1
  70. package/components/checkbox/checkbox.js +6 -7
  71. package/components/checkbox/checkbox.js.map +1 -1
  72. package/components/checkbox/switch.js +6 -7
  73. package/components/checkbox/switch.js.map +1 -1
  74. package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
  75. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  76. package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
  77. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  78. package/components/checkbox/themes/light/switch.bootstrap.css.js +1 -1
  79. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  80. package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
  81. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  82. package/components/checkbox/themes/light/switch.indigo.css.js +1 -1
  83. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  84. package/components/chip/chip.d.ts +1 -0
  85. package/components/chip/chip.js +20 -9
  86. package/components/chip/chip.js.map +1 -1
  87. package/components/chip/themes/chip.base.css.js +1 -1
  88. package/components/chip/themes/chip.base.css.js.map +1 -1
  89. package/components/chip/themes/chip.bootstrap.css.js +1 -1
  90. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  91. package/components/chip/themes/chip.fluent.css.js +1 -1
  92. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  93. package/components/chip/themes/chip.indigo.css.js +1 -1
  94. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  95. package/components/chip/themes/chip.material.css.js +1 -1
  96. package/components/chip/themes/chip.material.css.js.map +1 -1
  97. package/components/common/definitions/defineAllComponents.js +45 -45
  98. package/components/common/definitions/defineAllComponents.js.map +1 -1
  99. package/components/dropdown/dropdown-group.d.ts +4 -4
  100. package/components/dropdown/dropdown-group.js +11 -11
  101. package/components/dropdown/dropdown-group.js.map +1 -1
  102. package/components/dropdown/dropdown-header.d.ts +3 -3
  103. package/components/dropdown/dropdown-header.js +9 -9
  104. package/components/dropdown/dropdown-header.js.map +1 -1
  105. package/components/dropdown/dropdown-item.d.ts +2 -2
  106. package/components/dropdown/dropdown-item.js +18 -18
  107. package/components/dropdown/dropdown-item.js.map +1 -1
  108. package/components/dropdown/dropdown.d.ts +16 -16
  109. package/components/dropdown/dropdown.js +51 -56
  110. package/components/dropdown/dropdown.js.map +1 -1
  111. package/components/form/form.d.ts +2 -2
  112. package/components/form/form.js +3 -2
  113. package/components/form/form.js.map +1 -1
  114. package/components/icon/icon.d.ts +1 -1
  115. package/components/icon/icon.js +3 -2
  116. package/components/icon/icon.js.map +1 -1
  117. package/components/icon/icon.registry.js +2 -0
  118. package/components/icon/icon.registry.js.map +1 -1
  119. package/components/input/input-base.d.ts +2 -1
  120. package/components/input/input-base.js +11 -6
  121. package/components/input/input-base.js.map +1 -1
  122. package/components/input/input.d.ts +1 -1
  123. package/components/input/input.js +6 -5
  124. package/components/input/input.js.map +1 -1
  125. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  126. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  127. package/components/input/themes/light/input.fluent.css.js +1 -1
  128. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  129. package/components/input/themes/light/input.indigo.css.js +1 -1
  130. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  131. package/components/input/themes/light/input.material.css.js +1 -1
  132. package/components/input/themes/light/input.material.css.js.map +1 -1
  133. package/components/list/list-header.js +3 -3
  134. package/components/list/list-header.js.map +1 -1
  135. package/components/list/list-item.js +5 -5
  136. package/components/list/list-item.js.map +1 -1
  137. package/components/list/list.d.ts +1 -1
  138. package/components/list/list.js +4 -4
  139. package/components/list/list.js.map +1 -1
  140. package/components/nav-drawer/nav-drawer-header-item.js +3 -3
  141. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  142. package/components/nav-drawer/nav-drawer-item.js +4 -4
  143. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  144. package/components/nav-drawer/nav-drawer.d.ts +1 -1
  145. package/components/nav-drawer/nav-drawer.js +14 -11
  146. package/components/nav-drawer/nav-drawer.js.map +1 -1
  147. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +1 -1
  148. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +1 -1
  149. package/components/nav-drawer/styles/nav-drawer-item.base.css.js +1 -1
  150. package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -1
  151. package/components/nav-drawer/styles/nav-drawer.base.css.js +1 -1
  152. package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -1
  153. package/components/navbar/navbar.js +4 -4
  154. package/components/navbar/navbar.js.map +1 -1
  155. package/components/progress/base.js +2 -2
  156. package/components/progress/base.js.map +1 -1
  157. package/components/progress/circular-progress.d.ts +2 -2
  158. package/components/progress/circular-progress.js +6 -6
  159. package/components/progress/circular-progress.js.map +1 -1
  160. package/components/progress/linear-progress.d.ts +1 -1
  161. package/components/progress/linear-progress.js +7 -7
  162. package/components/progress/linear-progress.js.map +1 -1
  163. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  164. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  165. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -1
  166. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
  167. package/components/radio/radio.js +9 -9
  168. package/components/radio/radio.js.map +1 -1
  169. package/components/radio/themes/light/radio.base.css.js +1 -1
  170. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  171. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  172. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  173. package/components/radio/themes/light/radio.fluent.css.js +1 -1
  174. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  175. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  176. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  177. package/components/radio-group/radio-group.js +1 -1
  178. package/components/radio-group/radio-group.js.map +1 -1
  179. package/components/rating/rating.d.ts +2 -2
  180. package/components/rating/rating.js +9 -9
  181. package/components/rating/rating.js.map +1 -1
  182. package/components/ripple/ripple.js +1 -1
  183. package/components/ripple/ripple.js.map +1 -1
  184. package/components/slider/range-slider.d.ts +3 -3
  185. package/components/slider/range-slider.js +2 -2
  186. package/components/slider/range-slider.js.map +1 -1
  187. package/components/slider/slider-base.js +8 -7
  188. package/components/slider/slider-base.js.map +1 -1
  189. package/components/slider/slider.d.ts +3 -3
  190. package/components/slider/slider.js +2 -2
  191. package/components/slider/slider.js.map +1 -1
  192. package/components/slider/themes/light/slider.base.css.js +1 -1
  193. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  194. package/components/snackbar/snackbar.d.ts +2 -0
  195. package/components/snackbar/snackbar.js +8 -5
  196. package/components/snackbar/snackbar.js.map +1 -1
  197. package/components/toast/toast.js +5 -5
  198. package/components/toast/toast.js.map +1 -1
  199. package/components/toggle/toggle.controller.d.ts +3 -3
  200. package/components/toggle/toggle.controller.js +1 -1
  201. package/components/toggle/toggle.controller.js.map +1 -1
  202. package/components/toggle/toggle.directive.d.ts +1 -1
  203. package/components/toggle/toggle.directive.js.map +1 -1
  204. package/components/toggle/{utilities.d.ts → types.d.ts} +0 -0
  205. package/components/toggle/types.js +2 -0
  206. package/components/toggle/types.js.map +1 -0
  207. package/custom-elements.json +3 -3
  208. package/index.d.ts +53 -52
  209. package/index.js +51 -51
  210. package/index.js.map +1 -1
  211. package/package.json +1 -1
  212. package/themes/dark/bootstrap.css +1 -1
  213. package/themes/dark/fluent.css +1 -1
  214. package/themes/light/fluent.css +1 -1
  215. package/theming/config.d.ts +1 -1
  216. package/theming/config.js +2 -2
  217. package/theming/config.js.map +1 -1
  218. package/theming/index.d.ts +3 -3
  219. package/theming/index.js +3 -3
  220. package/theming/index.js.map +1 -1
  221. package/theming/{theming-controlller.d.ts → theming-controller.d.ts} +1 -1
  222. package/theming/{theming-controlller.js → theming-controller.js} +3 -3
  223. package/theming/theming-controller.js.map +1 -0
  224. package/theming/theming-decorator.js +1 -1
  225. package/theming/theming-decorator.js.map +1 -1
  226. package/theming/theming-event.d.ts +1 -1
  227. package/theming/theming-event.js.map +1 -1
  228. package/vscode-html-custom-data.json +8 -5
  229. package/components/toggle/utilities.js +0 -2
  230. package/components/toggle/utilities.js.map +0 -1
  231. package/theming/theming-controlller.js.map +0 -1
package/themes/dark/fluent.css CHANGED
@@ -1 +1 @@
1
- .igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 147deg;--igc-primary-s: 55%;--igc-primary-l: 29%;--igc-primary-a: 1;--igc-secondary-h: 147deg;--igc-secondary-s: 55%;--igc-secondary-l: 29%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 100%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 13%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: black;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: white;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: white;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: black;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: black;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: white;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: white;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: black;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-50-contrast: white;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-100-contrast: white;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-200-contrast: white;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-700-contrast: black;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-800-contrast: black;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-900-contrast: black;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: white;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: white;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: white;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: white;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: white;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: white;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: white;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: white;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: white;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: white;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: white;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: white;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: white;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.25rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 1.75rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.125rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.375rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 0.75rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 400;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 600;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0;--igc-button-text-transform: capitalize;--igc-button-line-height: normal;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 1rem}igc-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--active-background: hsla(var(--igc-primary-100), var(--igc-primary-a))}igc-icon-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a))}igc-checkbox{--border-color: hsla(var(--igc-gray-700), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-dropdown-item{--selected-item-color: var(--igc-surface-500-contrast)}igc-dropdown-header{--header-color: var(--igc-surface-500-contrast)}igc-switch{--thumb-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--disabled-thumb-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-input{--container-background: transparent}igc-radio{--hover-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-slider{--inactive-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-background: hsla(var(--igc-gray-400), var(--igc-gray-a));--thumb-border: hsla(var(--igc-gray-400), var(--igc-gray-a));--fill-hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--thumb-hover-border: hsla(var(--igc-primary-300), var(--igc-primary-a));--inactive-disabled-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-disabled-background: hsla(var(--igc-gray-300), var(--igc-gray-a));--thumb-disabled-border: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-list-item{--item-hover-bg: hsla(var(--igc-gray-100), var(--igc-gray-a))}
1
+ .igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 206deg;--igc-primary-s: 100%;--igc-primary-l: 42%;--igc-primary-a: 1;--igc-secondary-h: 206deg;--igc-secondary-s: 100%;--igc-secondary-l: 42%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 100%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 13%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: black;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: black;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: black;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: black;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: black;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: black;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: black;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: black;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-50-contrast: white;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-100-contrast: white;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-200-contrast: white;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-700-contrast: black;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-800-contrast: black;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-900-contrast: black;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: white;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: white;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: white;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: white;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: white;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: white;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: white;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: white;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: white;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: white;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: white;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: white;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: white;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.25rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 1.75rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.125rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.375rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 0.75rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 400;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 600;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0;--igc-button-text-transform: capitalize;--igc-button-line-height: normal;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 1rem}igc-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--active-background: hsla(var(--igc-primary-100), var(--igc-primary-a))}igc-icon-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a))}igc-checkbox{--border-color: hsla(var(--igc-gray-700), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-dropdown-item{--selected-item-color: var(--igc-surface-500-contrast)}igc-dropdown-header{--header-color: var(--igc-surface-500-contrast)}igc-switch{--thumb-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--disabled-thumb-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-input{--container-background: transparent}igc-radio{--hover-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-slider{--inactive-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-background: hsla(var(--igc-gray-400), var(--igc-gray-a));--thumb-border: hsla(var(--igc-gray-400), var(--igc-gray-a));--fill-hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--thumb-hover-border: hsla(var(--igc-primary-300), var(--igc-primary-a));--inactive-disabled-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-disabled-background: hsla(var(--igc-gray-300), var(--igc-gray-a));--thumb-disabled-border: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-list-item{--item-hover-bg: hsla(var(--igc-gray-100), var(--igc-gray-a))}
package/themes/light/fluent.css CHANGED
@@ -1 +1 @@
1
- .igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 216deg;--igc-primary-s: 56%;--igc-primary-l: 39%;--igc-primary-a: 1;--igc-secondary-h: 216deg;--igc-secondary-s: 56%;--igc-secondary-l: 39%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 0%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 100%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: white;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: white;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: white;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: white;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: white;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: white;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: white;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: white;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-50-contrast: black;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-100-contrast: black;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-200-contrast: black;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-700-contrast: white;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-800-contrast: white;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-900-contrast: white;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: black;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: black;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: black;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: black;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: black;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: black;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: black;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: black;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: black;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: black;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: black;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: black;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: black;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.25rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 1.75rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.125rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.375rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 0.75rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 400;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 600;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0;--igc-button-text-transform: capitalize;--igc-button-line-height: normal;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 1rem}
1
+ .igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 206deg;--igc-primary-s: 100%;--igc-primary-l: 42%;--igc-primary-a: 1;--igc-secondary-h: 206deg;--igc-secondary-s: 100%;--igc-secondary-l: 42%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 0%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 100%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: black;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: black;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: black;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: black;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: black;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: black;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: black;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: black;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-50-contrast: black;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-100-contrast: black;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-200-contrast: black;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-700-contrast: white;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-800-contrast: white;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-900-contrast: white;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: black;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: black;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: black;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: black;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: black;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: black;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: black;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: black;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: black;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: black;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: black;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: black;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: black;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.25rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 1.75rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.125rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.375rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 0.75rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 400;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 600;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0;--igc-button-text-transform: capitalize;--igc-button-line-height: normal;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 1rem}
package/theming/config.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Theme } from './types';
1
+ import type { Theme } from './types';
2
2
  export declare const getTheme: () => Theme;
3
3
  export declare const setTheme: (value: Theme) => void;
4
4
  /**
package/theming/config.js CHANGED
@@ -1,5 +1,5 @@
1
- import { CHANGE_THEME_EVENT } from './theming-event';
2
- import { getAllCSSVariables } from './utils';
1
+ import { CHANGE_THEME_EVENT } from './theming-event.js';
2
+ import { getAllCSSVariables } from './utils.js';
3
3
  let theme;
4
4
  function dispatchThemingEvent(detail) {
5
5
  window.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));
package/theming/config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/theming/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,IAAI,KAAY,CAAC;AAKjB,SAAS,oBAAoB,CAAC,MAA8B;IAC1D,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACxE,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,MAAM,CAAC,MAAM,QAAQ,GAAgB,GAAG,EAAE;IACxC,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC;YACpE,EAAE,CAAC;QAEL,KAAK,GAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAW,CAAC,CAAC,CAAC,WAAW,CAAC;KAC5D;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,KAAK,GAAG,KAAK,CAAC;AAChB,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;IACzC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;QACpB,QAAQ,CAAC,CAAC,CAAC,CAAC;KACb;IAED,oBAAoB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { ChangeThemeEventDetail, CHANGE_THEME_EVENT } from './theming-event';\nimport { Theme } from './types';\nimport { getAllCSSVariables } from './utils';\n\nlet theme: Theme;\n\n/**\n * Dispatch an \"igc-change-theme\" event to `window` with the given detail.\n */\nfunction dispatchThemingEvent(detail: ChangeThemeEventDetail) {\n window.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nexport const getTheme: () => Theme = () => {\n if (!theme) {\n const [_, t] =\n Object.entries(getAllCSSVariables()).find(([v]) => v === 'igcTheme') ||\n [];\n\n theme = t && isOfTypeTheme(t) ? (t as Theme) : 'bootstrap';\n }\n\n return theme;\n};\n\nexport const setTheme = (value: Theme) => {\n theme = value;\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({ theme: 'material' });\n * ```\n */\nexport const configureTheme = (t: Theme) => {\n if (isOfTypeTheme(t)) {\n setTheme(t);\n }\n\n dispatchThemingEvent({ theme });\n};\n"]}
1
+ {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/theming/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,IAAI,KAAY,CAAC;AAKjB,SAAS,oBAAoB,CAAC,MAA8B;IAC1D,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACxE,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,MAAM,CAAC,MAAM,QAAQ,GAAgB,GAAG,EAAE;IACxC,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC;YACpE,EAAE,CAAC;QAEL,KAAK,GAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAW,CAAC,CAAC,CAAC,WAAW,CAAC;KAC5D;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,KAAK,GAAG,KAAK,CAAC;AAChB,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;IACzC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;QACpB,QAAQ,CAAC,CAAC,CAAC,CAAC;KACb;IAED,oBAAoB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { ChangeThemeEventDetail, CHANGE_THEME_EVENT } from './theming-event.js';\nimport type { Theme } from './types';\nimport { getAllCSSVariables } from './utils.js';\n\nlet theme: Theme;\n\n/**\n * Dispatch an \"igc-change-theme\" event to `window` with the given detail.\n */\nfunction dispatchThemingEvent(detail: ChangeThemeEventDetail) {\n window.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nexport const getTheme: () => Theme = () => {\n if (!theme) {\n const [_, t] =\n Object.entries(getAllCSSVariables()).find(([v]) => v === 'igcTheme') ||\n [];\n\n theme = t && isOfTypeTheme(t) ? (t as Theme) : 'bootstrap';\n }\n\n return theme;\n};\n\nexport const setTheme = (value: Theme) => {\n theme = value;\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({ theme: 'material' });\n * ```\n */\nexport const configureTheme = (t: Theme) => {\n if (isOfTypeTheme(t)) {\n setTheme(t);\n }\n\n dispatchThemingEvent({ theme });\n};\n"]}
package/theming/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from './config';
2
- export * from './theming-controlller';
3
- export * from './theming-decorator';
1
+ export * from './config.js';
2
+ export * from './theming-controller.js';
3
+ export * from './theming-decorator.js';
4
4
  export * from './types';
package/theming/index.js CHANGED
@@ -1,5 +1,5 @@
1
- export * from './config';
2
- export * from './theming-controlller';
3
- export * from './theming-decorator';
1
+ export * from './config.js';
2
+ export * from './theming-controller.js';
3
+ export * from './theming-decorator.js';
4
4
  export * from './types';
5
5
  //# sourceMappingURL=index.js.map
package/theming/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC","sourcesContent":["export * from './config';\nexport * from './theming-controlller';\nexport * from './theming-decorator';\nexport * from './types';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC","sourcesContent":["export * from './config.js';\nexport * from './theming-controller.js';\nexport * from './theming-decorator.js';\nexport * from './types';\n"]}
package/theming/{theming-controlller.d.ts → theming-controller.d.ts} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { ReactiveController, ReactiveControllerHost, ReactiveElement } from 'lit';
2
- import { Theme, ThemeController, Themes } from './types';
2
+ import type { Theme, ThemeController, Themes } from './types';
3
3
  declare class ThemingController implements ReactiveController, ThemeController {
4
4
  private themes;
5
5
  private host;
package/theming/{theming-controlller.js → theming-controller.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { adoptStyles, css, } from 'lit';
2
- import { getTheme } from './config';
3
- import { CHANGE_THEME_EVENT } from './theming-event';
2
+ import { getTheme } from './config.js';
3
+ import { CHANGE_THEME_EVENT } from './theming-event.js';
4
4
  class ThemingController {
5
5
  constructor(host, themes) {
6
6
  this.__themingEventHandler = () => {
@@ -46,4 +46,4 @@ const _updateWhenThemeChanges = (host, themes) => {
46
46
  return controller;
47
47
  };
48
48
  export const updateWhenThemeChanges = _updateWhenThemeChanges;
49
- //# sourceMappingURL=theming-controlller.js.map
49
+ //# sourceMappingURL=theming-controller.js.map
package/theming/theming-controller.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theming-controller.js","sourceRoot":"","sources":["../../src/theming/theming-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,GAAG,GAKJ,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,iBAAiB;IAKrB,YAAY,IAA8C,EAAE,MAAc;QAKzD,0BAAqB,GAAG,GAAG,EAAE;YAC5C,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAPA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAOM,aAAa;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC1E,CAAC;IAEM,gBAAgB;QACrB,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7E,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAgC,CAAC;QACxD,MAAM,2BAA2B,GAC/B,MAAM,CAAC,UAAU;YACjB,oBAAoB,IAAI,QAAQ,CAAC,SAAS;YAC1C,SAAS,IAAI,aAAa,CAAC,SAAS,CAAC;QAEvC,IAAI,UAAU,GAAG,GAAG,CAAA,EAAE,CAAC;QAEvB,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAChD,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAChC,CAAC;QAEF,IAAI,KAAK,EAAE;YACT,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC;YAC7B,UAAU,GAAG,SAAS,CAAC;SACxB;QAOD,IAAI,CAAC,2BAA2B,EAAE;YAChC,CAAC,GAAG,IAAI,CAAC,IAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;iBACjD,KAAK,CAAC,CAAC,CAAC;iBACR,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;SACnC;QAED,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAwB,EAAE;YAC9C,GAAG,IAAI,CAAC,aAAa;YACrB,UAAU;SACX,CAAC,CAAC;IACL,CAAC;CACF;AAED,MAAM,uBAAuB,GAAG,CAC9B,IAA8C,EAC9C,MAAc,EACd,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAE/B,uBAAuB,CAAC","sourcesContent":["import {\n adoptStyles,\n css,\n LitElement,\n ReactiveController,\n ReactiveControllerHost,\n ReactiveElement,\n} from 'lit';\nimport { getTheme } from './config.js';\nimport { CHANGE_THEME_EVENT } from './theming-event.js';\nimport type { Theme, ThemeController, Themes } from './types';\n\nclass ThemingController implements ReactiveController, ThemeController {\n private themes: Themes;\n private host: ReactiveControllerHost & ReactiveElement;\n public theme!: Theme;\n\n constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes) {\n this.host = host;\n this.themes = themes;\n }\n\n private readonly __themingEventHandler = () => {\n this.adoptStyles();\n this.host.requestUpdate();\n };\n\n public hostConnected() {\n this.adoptStyles();\n window.addEventListener(CHANGE_THEME_EVENT, this.__themingEventHandler);\n }\n\n public hostDisconnected() {\n window.removeEventListener(CHANGE_THEME_EVENT, this.__themingEventHandler);\n }\n\n protected adoptStyles() {\n this.theme = getTheme();\n const ctor = this.host.constructor as typeof LitElement;\n const supportsAdoptingStyleSheets =\n window.ShadowRoot &&\n 'adoptedStyleSheets' in Document.prototype &&\n 'replace' in CSSStyleSheet.prototype;\n\n let styleSheet = css``;\n\n const [theme] = Object.entries(this.themes).filter(\n ([name]) => name === this.theme\n );\n\n if (theme) {\n const [_, cssResult] = theme;\n styleSheet = cssResult;\n }\n\n // Firefox and Safari don't support the adoptedStyleSheets API yet,\n // and the lit framework appends the resolved stylesheets indiscriminately\n // when using the adoptStyles API below. Hence, we need to remove all previously\n // defined style tags in the shadow root as changing the themes at runtime just\n // keeps stacking the resolved styles one over the other, resulting in broken themes.\n if (!supportsAdoptingStyleSheets) {\n [...this.host!.renderRoot.querySelectorAll('style')]\n .slice(1)\n .forEach((tag) => tag.remove());\n }\n\n adoptStyles(this.host.shadowRoot as ShadowRoot, [\n ...ctor.elementStyles,\n styleSheet,\n ]);\n }\n}\n\nconst _updateWhenThemeChanges = (\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes\n) => {\n const controller = new ThemingController(host, themes);\n host.addController(controller);\n return controller;\n};\n\nexport const updateWhenThemeChanges: typeof _updateWhenThemeChanges & {\n _THEMING_CONTROLLER_FN_?: never;\n} = _updateWhenThemeChanges;\n"]}
package/theming/theming-decorator.js CHANGED
@@ -1,4 +1,4 @@
1
- import { updateWhenThemeChanges } from './theming-controlller';
1
+ import { updateWhenThemeChanges } from './theming-controller.js';
2
2
  export function themes(themes) {
3
3
  return (clazz) => {
4
4
  clazz.addInitializer((instance) => {
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":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAyB/D,MAAM,UAAU,MAAM,CAAC,MAAc;IACnC,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,KAAK,CAAC,cAAc,CAAC,CAAC,QAAyC,EAAE,EAAE;YACjE,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAE5D,IAAI,cAAc,IAAI,QAAQ,EAAE;gBAC9B,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;aACnC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { ReactiveElement } from 'lit';\nimport { updateWhenThemeChanges } from './theming-controlller';\nimport { ReactiveTheme, Themes } from './types';\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 functionallity\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) {\n return (clazz: any) => {\n clazz.addInitializer((instance: ReactiveElement & ReactiveTheme) => {\n const controller = updateWhenThemeChanges(instance, themes);\n\n if ('themeAdopted' in instance) {\n instance.themeAdopted(controller);\n }\n });\n return clazz;\n };\n}\n"]}
1
+ {"version":3,"file":"theming-decorator.js","sourceRoot":"","sources":["../../src/theming/theming-decorator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAyBjE,MAAM,UAAU,MAAM,CAAC,MAAc;IACnC,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,KAAK,CAAC,cAAc,CAAC,CAAC,QAAyC,EAAE,EAAE;YACjE,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAE5D,IAAI,cAAc,IAAI,QAAQ,EAAE;gBAC9B,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;aACnC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { ReactiveElement } from 'lit';\nimport { updateWhenThemeChanges } from './theming-controller.js';\nimport { ReactiveTheme, Themes } from './types';\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 functionallity\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) {\n return (clazz: any) => {\n clazz.addInitializer((instance: ReactiveElement & ReactiveTheme) => {\n const controller = updateWhenThemeChanges(instance, themes);\n\n if ('themeAdopted' in instance) {\n instance.themeAdopted(controller);\n }\n });\n return clazz;\n };\n}\n"]}
package/theming/theming-event.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Theme } from './types';
1
+ import type { Theme } from './types';
2
2
  export declare const CHANGE_THEME_EVENT = "igc-change-theme";
3
3
  declare global {
4
4
  interface WindowEventMap {
package/theming/theming-event.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theming-event.js","sourceRoot":"","sources":["../../src/theming/theming-event.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC","sourcesContent":["import { Theme } from './types';\n\nexport const CHANGE_THEME_EVENT = 'igc-change-theme';\n\n// Misfiring eslint rule\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\ndeclare global {\n interface WindowEventMap {\n [CHANGE_THEME_EVENT]: CustomEvent<ChangeThemeEventDetail>;\n }\n}\n\n/**\n * The possible details of the \"igc-change-theme\" event.\n */\nexport type ChangeThemeEventDetail = {\n theme: Theme;\n};\n"]}
1
+ {"version":3,"file":"theming-event.js","sourceRoot":"","sources":["../../src/theming/theming-event.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC","sourcesContent":["import type { Theme } from './types';\n\nexport const CHANGE_THEME_EVENT = 'igc-change-theme';\n\n// Misfiring eslint rule\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\ndeclare global {\n interface WindowEventMap {\n [CHANGE_THEME_EVENT]: CustomEvent<ChangeThemeEventDetail>;\n }\n}\n\n/**\n * The possible details of the \"igc-change-theme\" event.\n */\nexport type ChangeThemeEventDetail = {\n theme: Theme;\n};\n"]}
package/vscode-html-custom-data.json CHANGED
@@ -802,7 +802,7 @@
802
802
  },
803
803
  {
804
804
  "name": "igc-dropdown-group",
805
- "description": "Slots:\n\n * `label` {} - Contains the group's label.\n\n * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n * `tagName` {`\"igc-dropdown-group\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `items` {`IgcDropDownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
805
+ "description": "Slots:\n\n * `label` {} - Contains the group's label.\n\n * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n * `tagName` {`\"igc-dropdown-group\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
806
806
  "attributes": [
807
807
  {
808
808
  "name": "size",
@@ -853,7 +853,7 @@
853
853
  },
854
854
  {
855
855
  "name": "igc-dropdown",
856
- "description": "Represents a DropDown component.\n\nEvents:\n\n * `igcChange` {} - Emitted when the selected item changes.\n\n * `igcOpening` {} - Emitted just before the dropdown is open.\n\n * `igcOpened` {} - Emitted after the dropdown is open.\n\n * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n * `target` {} - Renders the dropdown's target element.\n\n * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n * `open` {`boolean`} - Sets the open state of the component.\n\n * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n * `distance` {`number`} - The distance from the target element.\n\n * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`\"igc-dropdown\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `selectedItem` {`IgcDropDownItemComponent | null`} - \n\n * `activeItem` {`IgcDropDownItemComponent`} - \n\n * `target` {`HTMLElement`} - \n\n * `allItems` {`IgcDropDownItemComponent[]`} - \n\n * `targetNodes` {`HTMLElement[]`} - \n\n * `content` {`HTMLElement`} - \n\n * `scrollContainer` {`HTMLElement`} - \n\n * `items` {`IgcDropDownItemComponent[]`} - \n\n * `groups` {`IgcDropDownGroupComponent[]`} - \n\n * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n * `handleKeyDown` - \n\n * `handleTargetClick` - \n\n * `toggleController` {`IgcToggleController`} - \n\n * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n * `open` {`boolean`} - Sets the open state of the component.\n\n * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n * `distance` {`number`} - The distance from the target element.\n\n * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
856
+ "description": "Represents a DropDown component.\n\nEvents:\n\n * `igcChange` {} - Emitted when the selected item changes.\n\n * `igcOpening` {} - Emitted just before the dropdown is open.\n\n * `igcOpened` {} - Emitted after the dropdown is open.\n\n * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n * `target` {} - Renders the dropdown's target element.\n\n * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n * `open` {`boolean`} - Sets the open state of the component.\n\n * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n * `distance` {`number`} - The distance from the target element.\n\n * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`\"igc-dropdown\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `selectedItem` {`IgcDropdownItemComponent | null`} - \n\n * `activeItem` {`IgcDropdownItemComponent`} - \n\n * `target` {`HTMLElement`} - \n\n * `allItems` {`IgcDropdownItemComponent[]`} - \n\n * `targetNodes` {`HTMLElement[]`} - \n\n * `content` {`HTMLElement`} - \n\n * `scrollContainer` {`HTMLElement`} - \n\n * `items` {`IgcDropdownItemComponent[]`} - \n\n * `groups` {`IgcDropdownGroupComponent[]`} - \n\n * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n * `handleKeyDown` - \n\n * `handleTargetClick` - \n\n * `toggleController` {`IgcToggleController`} - \n\n * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n * `open` {`boolean`} - Sets the open state of the component.\n\n * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n * `distance` {`number`} - The distance from the target element.\n\n * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
857
857
  "attributes": [
858
858
  {
859
859
  "name": "keep-open-on-select",
@@ -1034,7 +1034,7 @@
1034
1034
  },
1035
1035
  {
1036
1036
  "name": "igc-input",
1037
- "description": "Events:\n\n * `igcInput` {} - Emitted when the control input receives user input.\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * `prefix` {} - Renders content before the input.\n\n * `suffix` {} - Renders content after input.\n\n * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `label` {`string`} - The label for the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`\"igc-input\"`} - \n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; customElements?: CustomElementRegistry | undefined; }`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `value` {`string`} - The value attribute of the control.\n\n * `input` {`HTMLInputElement`} - \n\n * `prefixes` {`HTMLElement[]`} - \n\n * `suffixes` {`HTMLElement[]`} - \n\n * `themeController` {`ThemeController`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `label` {`string`} - The label for the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
1037
+ "description": "Events:\n\n * `igcInput` {} - Emitted when the control input receives user input.\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * `prefix` {} - Renders content before the input.\n\n * `suffix` {} - Renders content after input.\n\n * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `label` {`string`} - The label for the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`\"igc-input\"`} - \n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `value` {`string`} - The value attribute of the control.\n\n * `input` {`HTMLInputElement`} - \n\n * `prefixes` {`HTMLElement[]`} - \n\n * `suffixes` {`HTMLElement[]`} - \n\n * `themeController` {`ThemeController`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `label` {`string`} - The label for the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
1038
1038
  "attributes": [
1039
1039
  {
1040
1040
  "name": "dir",
@@ -1260,11 +1260,11 @@
1260
1260
  },
1261
1261
  {
1262
1262
  "name": "igc-nav-drawer",
1263
- "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n * ` ` {} - The default slot for the drawer.\n\n * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n * `tagName` {`\"igc-nav-drawer\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.",
1263
+ "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n * ` ` {} - The default slot for the drawer.\n\n * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n * `tagName` {`\"igc-nav-drawer\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.",
1264
1264
  "attributes": [
1265
1265
  {
1266
1266
  "name": "position",
1267
- "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
1267
+ "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
1268
1268
  "values": [
1269
1269
  {
1270
1270
  "name": "top"
@@ -1277,6 +1277,9 @@
1277
1277
  },
1278
1278
  {
1279
1279
  "name": "end"
1280
+ },
1281
+ {
1282
+ "name": "relative"
1280
1283
  }
1281
1284
  ]
1282
1285
  },
package/components/toggle/utilities.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=utilities.js.map
package/components/toggle/utilities.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../src/components/toggle/utilities.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Common events interface for toggle components\n */\nexport interface IgcToggleEventMap {\n igcOpening: CustomEvent<void>;\n igcOpened: CustomEvent<void>;\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n/**\n * Interface describing the options for toggle components' configuration.\n */\nexport interface IgcToggleOptions {\n /**\n * Whether the toggle is open.\n */\n open: boolean;\n /**\n * The preferred placement of the toggle element around the target element. */\n placement?: IgcPlacement;\n /**\n * The positioning strategy to use.\n * Use the `fixed` strategy when the target element is in a fixed container, otherwise - use `absolute`.\n */\n positionStrategy?: 'absolute' | 'fixed';\n /**\n * Whether the element should be flipped to the opposite side once it's about to overflow the visible area.\n * Once enough space is detected on its preferred side, it will flip back.\n */\n flip?: boolean;\n /**\n * Whether to prevent the element from being cut off by moving it so it stays visible within its boundary area.\n */\n distance?: number;\n /**\n * Whether to make the toggle the same width as the target.\n */\n sameWidth?: boolean;\n}\n\nexport interface IgcToggleComponent extends IgcToggleOptions {\n scrollStrategy?: 'scroll' | 'block' | 'close';\n keepOpenOnOutsideClick?: boolean;\n\n hide(): void;\n show(): void;\n toggle(): void;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type IgcPlacement =\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end';\n"]}
package/theming/theming-controlller.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"theming-controlller.js","sourceRoot":"","sources":["../../src/theming/theming-controlller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,GAAG,GAKJ,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,iBAAiB;IAKrB,YAAY,IAA8C,EAAE,MAAc;QAKzD,0BAAqB,GAAG,GAAG,EAAE;YAC5C,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAPA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAOM,aAAa;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC1E,CAAC;IAEM,gBAAgB;QACrB,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7E,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAgC,CAAC;QACxD,MAAM,2BAA2B,GAC/B,MAAM,CAAC,UAAU;YACjB,oBAAoB,IAAI,QAAQ,CAAC,SAAS;YAC1C,SAAS,IAAI,aAAa,CAAC,SAAS,CAAC;QAEvC,IAAI,UAAU,GAAG,GAAG,CAAA,EAAE,CAAC;QAEvB,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAChD,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAChC,CAAC;QAEF,IAAI,KAAK,EAAE;YACT,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC;YAC7B,UAAU,GAAG,SAAS,CAAC;SACxB;QAOD,IAAI,CAAC,2BAA2B,EAAE;YAChC,CAAC,GAAG,IAAI,CAAC,IAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;iBACjD,KAAK,CAAC,CAAC,CAAC;iBACR,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;SACnC;QAED,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAwB,EAAE;YAC9C,GAAG,IAAI,CAAC,aAAa;YACrB,UAAU;SACX,CAAC,CAAC;IACL,CAAC;CACF;AAED,MAAM,uBAAuB,GAAG,CAC9B,IAA8C,EAC9C,MAAc,EACd,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAE/B,uBAAuB,CAAC","sourcesContent":["import {\n adoptStyles,\n css,\n LitElement,\n ReactiveController,\n ReactiveControllerHost,\n ReactiveElement,\n} from 'lit';\nimport { getTheme } from './config';\nimport { CHANGE_THEME_EVENT } from './theming-event';\nimport { Theme, ThemeController, Themes } from './types';\n\nclass ThemingController implements ReactiveController, ThemeController {\n private themes: Themes;\n private host: ReactiveControllerHost & ReactiveElement;\n public theme!: Theme;\n\n constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes) {\n this.host = host;\n this.themes = themes;\n }\n\n private readonly __themingEventHandler = () => {\n this.adoptStyles();\n this.host.requestUpdate();\n };\n\n public hostConnected() {\n this.adoptStyles();\n window.addEventListener(CHANGE_THEME_EVENT, this.__themingEventHandler);\n }\n\n public hostDisconnected() {\n window.removeEventListener(CHANGE_THEME_EVENT, this.__themingEventHandler);\n }\n\n protected adoptStyles() {\n this.theme = getTheme();\n const ctor = this.host.constructor as typeof LitElement;\n const supportsAdoptingStyleSheets =\n window.ShadowRoot &&\n 'adoptedStyleSheets' in Document.prototype &&\n 'replace' in CSSStyleSheet.prototype;\n\n let styleSheet = css``;\n\n const [theme] = Object.entries(this.themes).filter(\n ([name]) => name === this.theme\n );\n\n if (theme) {\n const [_, cssResult] = theme;\n styleSheet = cssResult;\n }\n\n // Firefox and Safari don't support the adoptedStyleSheets API yet,\n // and the lit framework appends the resolved stylesheets indiscriminately\n // when using the adoptStyles API below. Hence, we need to remove all previously\n // defined style tags in the shadow root as changing the themes at runtime just\n // keeps stacking the resolved styles one over the other, resulting in broken themes.\n if (!supportsAdoptingStyleSheets) {\n [...this.host!.renderRoot.querySelectorAll('style')]\n .slice(1)\n .forEach((tag) => tag.remove());\n }\n\n adoptStyles(this.host.shadowRoot as ShadowRoot, [\n ...ctor.elementStyles,\n styleSheet,\n ]);\n }\n}\n\nconst _updateWhenThemeChanges = (\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes\n) => {\n const controller = new ThemingController(host, themes);\n host.addController(controller);\n return controller;\n};\n\nexport const updateWhenThemeChanges: typeof _updateWhenThemeChanges & {\n _THEMING_CONTROLLER_FN_?: never;\n} = _updateWhenThemeChanges;\n"]}