igniteui-webcomponents 2.1.1 → 2.2.0-beta.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 (198) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/avatar/themes/avatar.base.css.js +1 -1
  3. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  4. package/components/badge/themes/light/badge.base.css.js +1 -1
  5. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  6. package/components/button/button-base.js +2 -2
  7. package/components/button/button-base.js.map +1 -1
  8. package/components/button/themes/button/light/button.base.css.js +1 -1
  9. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  10. package/components/button/themes/button/light/button.material.css.js +1 -1
  11. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  12. package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
  13. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  14. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  15. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  16. package/components/calendar/calendar.js +1 -2
  17. package/components/calendar/calendar.js.map +1 -1
  18. package/components/card/card.actions.d.ts +2 -0
  19. package/components/card/card.actions.js +8 -0
  20. package/components/card/card.actions.js.map +1 -1
  21. package/components/card/themes/light/card.actions.bootstrap.css.js +1 -1
  22. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  23. package/components/card/themes/light/card.actions.material.css.js +1 -1
  24. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  25. package/components/card/themes/light/card.content.bootstrap.css.js +1 -1
  26. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  27. package/components/card/themes/light/card.content.indigo.css.js +1 -1
  28. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  29. package/components/card/themes/light/card.content.material.css.js +1 -1
  30. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  31. package/components/card/themes/light/card.header.bootstrap.css.js +1 -1
  32. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  33. package/components/card/themes/light/card.header.indigo.css.js +1 -1
  34. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  35. package/components/card/themes/light/card.header.material.css.js +1 -1
  36. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  37. package/components/card/themes/light/card.material.css.js +1 -1
  38. package/components/card/themes/light/card.material.css.js.map +1 -1
  39. package/components/card/themes/light/card.media.material.css.js +1 -1
  40. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  41. package/components/checkbox/checkbox-base.d.ts +5 -1
  42. package/components/checkbox/checkbox-base.js +20 -2
  43. package/components/checkbox/checkbox-base.js.map +1 -1
  44. package/components/checkbox/checkbox.js +8 -2
  45. package/components/checkbox/checkbox.js.map +1 -1
  46. package/components/checkbox/switch.js +9 -2
  47. package/components/checkbox/switch.js.map +1 -1
  48. package/components/checkbox/themes/light/checkbox.base.css.js +1 -1
  49. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  50. package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
  51. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  52. package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
  53. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  54. package/components/checkbox/themes/light/switch.base.css.js +1 -1
  55. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  56. package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
  57. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  58. package/components/chip/chip.js +1 -1
  59. package/components/chip/chip.js.map +1 -1
  60. package/components/chip/themes/chip.base.css.js +1 -1
  61. package/components/chip/themes/chip.base.css.js.map +1 -1
  62. package/components/chip/themes/chip.bootstrap.css.js +1 -1
  63. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  64. package/components/chip/themes/chip.fluent.css.js +1 -1
  65. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  66. package/components/chip/themes/chip.indigo.css.js +1 -1
  67. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  68. package/components/chip/themes/chip.material.css.js +1 -1
  69. package/components/chip/themes/chip.material.css.js.map +1 -1
  70. package/components/common/decorators/blazorTypeOverride.d.ts +7 -0
  71. package/components/common/decorators/blazorTypeOverride.js +4 -0
  72. package/components/common/decorators/blazorTypeOverride.js.map +1 -0
  73. package/components/common/decorators/index.d.ts +1 -0
  74. package/components/common/decorators/index.js +1 -0
  75. package/components/common/decorators/index.js.map +1 -1
  76. package/components/common/definitions/defineAllComponents.js +8 -0
  77. package/components/common/definitions/defineAllComponents.js.map +1 -1
  78. package/components/dropdown/dropdown-group.d.ts +25 -0
  79. package/components/dropdown/dropdown-group.js +42 -0
  80. package/components/dropdown/dropdown-group.js.map +1 -0
  81. package/components/dropdown/dropdown-header.d.ts +16 -0
  82. package/components/dropdown/dropdown-header.js +22 -0
  83. package/components/dropdown/dropdown-header.js.map +1 -0
  84. package/components/dropdown/dropdown-item.d.ts +46 -0
  85. package/components/dropdown/dropdown-item.js +78 -0
  86. package/components/dropdown/dropdown-item.js.map +1 -0
  87. package/components/dropdown/dropdown.d.ts +117 -0
  88. package/components/dropdown/dropdown.js +412 -0
  89. package/components/dropdown/dropdown.js.map +1 -0
  90. package/components/dropdown/themes/dark/dropdown.bootstrap.css.d.ts +1 -0
  91. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +3 -0
  92. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -0
  93. package/components/dropdown/themes/dark/dropdown.fluent.css.d.ts +1 -0
  94. package/components/dropdown/themes/dark/dropdown.fluent.css.js +3 -0
  95. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -0
  96. package/components/dropdown/themes/dark/dropdown.indigo.css.d.ts +1 -0
  97. package/components/dropdown/themes/dark/dropdown.indigo.css.js +3 -0
  98. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -0
  99. package/components/dropdown/themes/light/dropdown-group.base.css.d.ts +1 -0
  100. package/components/dropdown/themes/light/dropdown-group.base.css.js +3 -0
  101. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -0
  102. package/components/dropdown/themes/light/dropdown-group.fluent.css.d.ts +1 -0
  103. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +3 -0
  104. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -0
  105. package/components/dropdown/themes/light/dropdown-header.base.css.d.ts +1 -0
  106. package/components/dropdown/themes/light/dropdown-header.base.css.js +3 -0
  107. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -0
  108. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.d.ts +1 -0
  109. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js +3 -0
  110. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js.map +1 -0
  111. package/components/dropdown/themes/light/dropdown-item.base.css.d.ts +1 -0
  112. package/components/dropdown/themes/light/dropdown-item.base.css.js +3 -0
  113. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -0
  114. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.d.ts +1 -0
  115. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js +3 -0
  116. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js.map +1 -0
  117. package/components/dropdown/themes/light/dropdown-item.fluent.css.d.ts +1 -0
  118. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +3 -0
  119. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -0
  120. package/components/dropdown/themes/light/dropdown-item.indigo.css.d.ts +1 -0
  121. package/components/dropdown/themes/light/dropdown-item.indigo.css.js +3 -0
  122. package/components/dropdown/themes/light/dropdown-item.indigo.css.js.map +1 -0
  123. package/components/dropdown/themes/light/dropdown.base.css.d.ts +1 -0
  124. package/components/dropdown/themes/light/dropdown.base.css.js +3 -0
  125. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -0
  126. package/components/dropdown/themes/light/dropdown.bootstrap.css.d.ts +1 -0
  127. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +3 -0
  128. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -0
  129. package/components/dropdown/themes/light/dropdown.fluent.css.d.ts +1 -0
  130. package/components/dropdown/themes/light/dropdown.fluent.css.js +3 -0
  131. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -0
  132. package/components/dropdown/themes/light/dropdown.indigo.css.d.ts +1 -0
  133. package/components/dropdown/themes/light/dropdown.indigo.css.js +3 -0
  134. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -0
  135. package/components/icon/icon.material.css.js +1 -1
  136. package/components/icon/icon.material.css.js.map +1 -1
  137. package/components/input/input-base.js.map +1 -1
  138. package/components/input/themes/light/input.base.css.js +1 -1
  139. package/components/input/themes/light/input.base.css.js.map +1 -1
  140. package/components/list/themes/light/list-header.base.css.js +1 -1
  141. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  142. package/components/list/themes/light/list-item.base.css.js +1 -1
  143. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  144. package/components/list/themes/light/list.base.css.js +1 -1
  145. package/components/list/themes/light/list.base.css.js.map +1 -1
  146. package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js +1 -1
  147. package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js.map +1 -1
  148. package/components/nav-drawer/styles/nav-drawer-item.base.css.js +1 -1
  149. package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -1
  150. package/components/nav-drawer/styles/nav-drawer.base.css.js +1 -1
  151. package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -1
  152. package/components/navbar/themes/light/navbar.base.css.js +1 -1
  153. package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
  154. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  155. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  156. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  157. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  158. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +1 -1
  159. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  160. package/components/progress/themes/linear/linear.progress.indigo.css.js +1 -1
  161. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  162. package/components/radio/radio.d.ts +5 -1
  163. package/components/radio/radio.js +25 -2
  164. package/components/radio/radio.js.map +1 -1
  165. package/components/radio/themes/light/radio.base.css.js +1 -1
  166. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  167. package/components/radio/themes/light/radio.fluent.css.js +1 -1
  168. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  169. package/components/radio-group/radio-group.base.css.js +1 -1
  170. package/components/radio-group/radio-group.base.css.js.map +1 -1
  171. package/components/rating/rating.base.css.js +1 -1
  172. package/components/rating/rating.base.css.js.map +1 -1
  173. package/components/ripple/ripple.material.css.js +1 -1
  174. package/components/ripple/ripple.material.css.js.map +1 -1
  175. package/components/slider/slider-base.js +3 -2
  176. package/components/slider/slider-base.js.map +1 -1
  177. package/components/slider/themes/light/slider.base.css.js +1 -1
  178. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  179. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  180. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  181. package/components/toggle/toggle.controller.d.ts +32 -0
  182. package/components/toggle/toggle.controller.js +85 -0
  183. package/components/toggle/toggle.controller.js.map +1 -0
  184. package/components/toggle/toggle.directive.d.ts +14 -0
  185. package/components/toggle/toggle.directive.js +76 -0
  186. package/components/toggle/toggle.directive.js.map +1 -0
  187. package/components/toggle/utilities.d.ts +50 -0
  188. package/components/toggle/utilities.js +2 -0
  189. package/components/toggle/utilities.js.map +1 -0
  190. package/custom-elements.json +366 -0
  191. package/index.d.ts +4 -0
  192. package/index.js +4 -0
  193. package/index.js.map +1 -1
  194. package/package.json +2 -1
  195. package/themes/dark/bootstrap.css +1 -1
  196. package/themes/dark/fluent.css +1 -1
  197. package/themes/dark/indigo.css +1 -1
  198. package/vscode-html-custom-data.json +224 -16
@@ -1085,6 +1085,14 @@
1085
1085
  "name": "igc-card-actions",
1086
1086
  "path": "./src/components/card/card.actions.ts",
1087
1087
  "description": "A container for card action items like buttons",
1088
+ "attributes": [
1089
+ {
1090
+ "name": "orientation",
1091
+ "description": "The orientation of the actions.",
1092
+ "type": "\"vertical\" | \"horizontal\"",
1093
+ "default": "\"horizontal\""
1094
+ }
1095
+ ],
1088
1096
  "properties": [
1089
1097
  {
1090
1098
  "name": "tagName",
@@ -1095,6 +1103,13 @@
1095
1103
  "name": "styles",
1096
1104
  "type": "CSSResult",
1097
1105
  "default": "\"styles\""
1106
+ },
1107
+ {
1108
+ "name": "orientation",
1109
+ "attribute": "orientation",
1110
+ "description": "The orientation of the actions.",
1111
+ "type": "\"vertical\" | \"horizontal\"",
1112
+ "default": "\"horizontal\""
1098
1113
  }
1099
1114
  ],
1100
1115
  "slots": [
@@ -1688,6 +1703,353 @@
1688
1703
  }
1689
1704
  ]
1690
1705
  },
1706
+ {
1707
+ "name": "igc-dropdown-group",
1708
+ "path": "./src/components/dropdown/dropdown-group.ts",
1709
+ "properties": [
1710
+ {
1711
+ "name": "tagName",
1712
+ "type": "\"igc-dropdown-group\"",
1713
+ "default": "\"igc-dropdown-group\""
1714
+ },
1715
+ {
1716
+ "name": "styles",
1717
+ "type": "CSSResult",
1718
+ "default": "\"styles\""
1719
+ },
1720
+ {
1721
+ "name": "items",
1722
+ "description": "All child `igc-dropdown-item`s.",
1723
+ "type": "IgcDropDownItemComponent[]"
1724
+ }
1725
+ ],
1726
+ "slots": [
1727
+ {
1728
+ "name": "label",
1729
+ "description": "Contains the group's label."
1730
+ },
1731
+ {
1732
+ "name": "",
1733
+ "description": "Intended to contain the items belonging to this group."
1734
+ }
1735
+ ],
1736
+ "cssParts": [
1737
+ {
1738
+ "name": "label",
1739
+ "description": "The native label element."
1740
+ }
1741
+ ]
1742
+ },
1743
+ {
1744
+ "name": "igc-dropdown-header",
1745
+ "path": "./src/components/dropdown/dropdown-header.ts",
1746
+ "properties": [
1747
+ {
1748
+ "name": "tagName",
1749
+ "type": "\"igc-dropdown-header\"",
1750
+ "default": "\"igc-dropdown-header\""
1751
+ },
1752
+ {
1753
+ "name": "styles",
1754
+ "type": "CSSResult",
1755
+ "default": "\"styles\""
1756
+ }
1757
+ ],
1758
+ "slots": [
1759
+ {
1760
+ "name": "",
1761
+ "description": "Renders the header."
1762
+ }
1763
+ ]
1764
+ },
1765
+ {
1766
+ "name": "igc-dropdown-item",
1767
+ "path": "./src/components/dropdown/dropdown-item.ts",
1768
+ "description": "Represents an item in a dropdown list.",
1769
+ "attributes": [
1770
+ {
1771
+ "name": "value",
1772
+ "description": "Тhe current value of the item.\nIf not specified, the element's text content is used.",
1773
+ "type": "string"
1774
+ },
1775
+ {
1776
+ "name": "selected",
1777
+ "description": "Determines whether the item is selected.",
1778
+ "type": "boolean",
1779
+ "default": "false"
1780
+ },
1781
+ {
1782
+ "name": "active",
1783
+ "description": "Determines whether the item is active.",
1784
+ "type": "boolean",
1785
+ "default": "false"
1786
+ },
1787
+ {
1788
+ "name": "disabled",
1789
+ "description": "Determines whether the item is disabled.",
1790
+ "type": "boolean",
1791
+ "default": "false"
1792
+ }
1793
+ ],
1794
+ "properties": [
1795
+ {
1796
+ "name": "tagName",
1797
+ "type": "\"igc-dropdown-item\"",
1798
+ "default": "\"igc-dropdown-item\""
1799
+ },
1800
+ {
1801
+ "name": "styles",
1802
+ "type": "CSSResult",
1803
+ "default": "\"styles\""
1804
+ },
1805
+ {
1806
+ "name": "value",
1807
+ "attribute": "value",
1808
+ "description": "Тhe current value of the item.\nIf not specified, the element's text content is used.",
1809
+ "type": "string"
1810
+ },
1811
+ {
1812
+ "name": "selected",
1813
+ "attribute": "selected",
1814
+ "description": "Determines whether the item is selected.",
1815
+ "type": "boolean",
1816
+ "default": "false"
1817
+ },
1818
+ {
1819
+ "name": "active",
1820
+ "attribute": "active",
1821
+ "description": "Determines whether the item is active.",
1822
+ "type": "boolean",
1823
+ "default": "false"
1824
+ },
1825
+ {
1826
+ "name": "disabled",
1827
+ "attribute": "disabled",
1828
+ "description": "Determines whether the item is disabled.",
1829
+ "type": "boolean",
1830
+ "default": "false"
1831
+ }
1832
+ ],
1833
+ "slots": [
1834
+ {
1835
+ "name": "prefix",
1836
+ "description": "Renders content before the item's main content."
1837
+ },
1838
+ {
1839
+ "name": "",
1840
+ "description": "Renders the item's main content."
1841
+ },
1842
+ {
1843
+ "name": "suffix",
1844
+ "description": "Renders content after the item's main content."
1845
+ }
1846
+ ],
1847
+ "cssParts": [
1848
+ {
1849
+ "name": "prefix",
1850
+ "description": "The prefix wrapper."
1851
+ },
1852
+ {
1853
+ "name": "content",
1854
+ "description": "The main content wrapper."
1855
+ },
1856
+ {
1857
+ "name": "suffix",
1858
+ "description": "The suffix wrapper."
1859
+ }
1860
+ ]
1861
+ },
1862
+ {
1863
+ "name": "igc-dropdown",
1864
+ "path": "./src/components/dropdown/dropdown.ts",
1865
+ "description": "Represents a DropDown component.",
1866
+ "attributes": [
1867
+ {
1868
+ "name": "keep-open-on-select",
1869
+ "description": "Whether the dropdown should be kept open on selection.",
1870
+ "type": "boolean",
1871
+ "default": "false"
1872
+ },
1873
+ {
1874
+ "name": "scroll-strategy",
1875
+ "description": "Determines the behavior of the component during scrolling the container.",
1876
+ "type": "\"scroll\" | \"block\" | \"close\"",
1877
+ "default": "\"scroll\""
1878
+ },
1879
+ {
1880
+ "name": "keep-open-on-outside-click",
1881
+ "description": "Whether the component should be kept open on clicking outside of it.",
1882
+ "type": "boolean",
1883
+ "default": "false"
1884
+ },
1885
+ {
1886
+ "name": "open",
1887
+ "description": "Sets the open state of the component.",
1888
+ "type": "boolean",
1889
+ "default": "false"
1890
+ },
1891
+ {
1892
+ "name": "placement",
1893
+ "description": "The preferred placement of the component around the target element.",
1894
+ "type": "\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"",
1895
+ "default": "\"bottom-start\""
1896
+ },
1897
+ {
1898
+ "name": "position-strategy",
1899
+ "description": "Sets the component's positioning strategy.",
1900
+ "type": "\"absolute\" | \"fixed\"",
1901
+ "default": "\"absolute\""
1902
+ },
1903
+ {
1904
+ "name": "flip",
1905
+ "description": "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.",
1906
+ "type": "boolean",
1907
+ "default": "false"
1908
+ },
1909
+ {
1910
+ "name": "distance",
1911
+ "description": "The distance from the target element.",
1912
+ "type": "number",
1913
+ "default": "0"
1914
+ },
1915
+ {
1916
+ "name": "same-width",
1917
+ "description": "Whether the dropdown's width should be the same as the target's one.",
1918
+ "type": "boolean",
1919
+ "default": "false"
1920
+ },
1921
+ {
1922
+ "name": "size",
1923
+ "description": "Determines the size of the component.",
1924
+ "type": "\"small\" | \"medium\" | \"large\"",
1925
+ "default": "\"large\""
1926
+ }
1927
+ ],
1928
+ "properties": [
1929
+ {
1930
+ "name": "tagName",
1931
+ "type": "\"igc-dropdown\"",
1932
+ "default": "\"igc-dropdown\""
1933
+ },
1934
+ {
1935
+ "name": "styles",
1936
+ "type": "CSSResult",
1937
+ "default": "\"styles\""
1938
+ },
1939
+ {
1940
+ "name": "keepOpenOnSelect",
1941
+ "attribute": "keep-open-on-select",
1942
+ "description": "Whether the dropdown should be kept open on selection.",
1943
+ "type": "boolean",
1944
+ "default": "false"
1945
+ },
1946
+ {
1947
+ "name": "scrollStrategy",
1948
+ "attribute": "scroll-strategy",
1949
+ "description": "Determines the behavior of the component during scrolling the container.",
1950
+ "type": "\"scroll\" | \"block\" | \"close\"",
1951
+ "default": "\"scroll\""
1952
+ },
1953
+ {
1954
+ "name": "keepOpenOnOutsideClick",
1955
+ "attribute": "keep-open-on-outside-click",
1956
+ "description": "Whether the component should be kept open on clicking outside of it.",
1957
+ "type": "boolean",
1958
+ "default": "false"
1959
+ },
1960
+ {
1961
+ "name": "open",
1962
+ "attribute": "open",
1963
+ "description": "Sets the open state of the component.",
1964
+ "type": "boolean",
1965
+ "default": "false"
1966
+ },
1967
+ {
1968
+ "name": "placement",
1969
+ "attribute": "placement",
1970
+ "description": "The preferred placement of the component around the target element.",
1971
+ "type": "\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"",
1972
+ "default": "\"bottom-start\""
1973
+ },
1974
+ {
1975
+ "name": "positionStrategy",
1976
+ "attribute": "position-strategy",
1977
+ "description": "Sets the component's positioning strategy.",
1978
+ "type": "\"absolute\" | \"fixed\"",
1979
+ "default": "\"absolute\""
1980
+ },
1981
+ {
1982
+ "name": "flip",
1983
+ "attribute": "flip",
1984
+ "description": "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.",
1985
+ "type": "boolean",
1986
+ "default": "false"
1987
+ },
1988
+ {
1989
+ "name": "distance",
1990
+ "attribute": "distance",
1991
+ "description": "The distance from the target element.",
1992
+ "type": "number",
1993
+ "default": "0"
1994
+ },
1995
+ {
1996
+ "name": "sameWidth",
1997
+ "attribute": "same-width",
1998
+ "description": "Whether the dropdown's width should be the same as the target's one.",
1999
+ "type": "boolean",
2000
+ "default": "false"
2001
+ },
2002
+ {
2003
+ "name": "size",
2004
+ "attribute": "size",
2005
+ "description": "Determines the size of the component.",
2006
+ "type": "\"small\" | \"medium\" | \"large\"",
2007
+ "default": "\"large\""
2008
+ }
2009
+ ],
2010
+ "events": [
2011
+ {
2012
+ "name": "igcChange",
2013
+ "description": "Emitted when the selected item changes."
2014
+ },
2015
+ {
2016
+ "name": "igcOpening",
2017
+ "description": "Emitted just before the dropdown is open."
2018
+ },
2019
+ {
2020
+ "name": "igcOpened",
2021
+ "description": "Emitted after the dropdown is open."
2022
+ },
2023
+ {
2024
+ "name": "igcClosing",
2025
+ "description": "Emitter just before the dropdown is closed."
2026
+ },
2027
+ {
2028
+ "name": "igcClosed",
2029
+ "description": "Emitted after closing the dropdown."
2030
+ }
2031
+ ],
2032
+ "slots": [
2033
+ {
2034
+ "name": "target",
2035
+ "description": "Renders the dropdown's target element."
2036
+ },
2037
+ {
2038
+ "name": "",
2039
+ "description": "Renders the dropdown list items."
2040
+ }
2041
+ ],
2042
+ "cssParts": [
2043
+ {
2044
+ "name": "base",
2045
+ "description": "The dropdown list wrapper."
2046
+ },
2047
+ {
2048
+ "name": "list",
2049
+ "description": "The dropdown list."
2050
+ }
2051
+ ]
2052
+ },
1691
2053
  {
1692
2054
  "name": "igc-form",
1693
2055
  "path": "./src/components/form/form.ts",
@@ -4058,6 +4420,10 @@
4058
4420
  "description": "The base wrapper of the toast."
4059
4421
  }
4060
4422
  ]
4423
+ },
4424
+ {
4425
+ "name": "test-popper",
4426
+ "path": "./src/components/toggle/toggle.spec.ts"
4061
4427
  }
4062
4428
  ]
4063
4429
  }
package/index.d.ts CHANGED
@@ -13,6 +13,10 @@ export { default as IgcCardHeaderComponent } from './components/card/card.header
13
13
  export { default as IgcCardMediaComponent } from './components/card/card.media';
14
14
  export { default as IgcCheckboxComponent } from './components/checkbox/checkbox';
15
15
  export { IgcCheckboxBaseComponent } from './components/checkbox/checkbox-base';
16
+ export { default as IgcDropDownComponent } from './components/dropdown/dropdown';
17
+ export { default as IgcDropDownGroupComponent } from './components/dropdown/dropdown-group';
18
+ export { default as IgcDropDownHeaderComponent } from './components/dropdown/dropdown-header';
19
+ export { default as IgcDropDownItemComponent } from './components/dropdown/dropdown-item';
16
20
  export { default as IgcSwitchComponent } from './components/checkbox/switch';
17
21
  export { defineAllComponents } from './components/common/definitions/defineAllComponents';
18
22
  export { defineComponents } from './components/common/definitions/defineComponents';
package/index.js CHANGED
@@ -13,6 +13,10 @@ export { default as IgcCardHeaderComponent } from './components/card/card.header
13
13
  export { default as IgcCardMediaComponent } from './components/card/card.media';
14
14
  export { default as IgcCheckboxComponent } from './components/checkbox/checkbox';
15
15
  export { IgcCheckboxBaseComponent } from './components/checkbox/checkbox-base';
16
+ export { default as IgcDropDownComponent } from './components/dropdown/dropdown';
17
+ export { default as IgcDropDownGroupComponent } from './components/dropdown/dropdown-group';
18
+ export { default as IgcDropDownHeaderComponent } from './components/dropdown/dropdown-header';
19
+ export { default as IgcDropDownItemComponent } from './components/dropdown/dropdown-item';
16
20
  export { default as IgcSwitchComponent } from './components/checkbox/switch';
17
21
  export { defineAllComponents } from './components/common/definitions/defineAllComponents';
18
22
  export { defineComponents } from './components/common/definitions/defineComponents';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\n\nexport { default as IgcAvatarComponent } from './components/avatar/avatar';\nexport { default as IgcBadgeComponent } from './components/badge/badge';\nexport { default as IgcButtonComponent } from './components/button/button';\nexport { IgcButtonBaseComponent } from './components/button/button-base';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar';\nexport { IgcCalendarBaseComponent } from './components/calendar/common/calendar-base';\nexport {\n DateRangeDescriptor,\n DateRangeType,\n} from './components/calendar/common/calendar.model';\nexport { default as IgcCardComponent } from './components/card/card';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions';\nexport { default as IgcCardContentComponent } from './components/card/card.content';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header';\nexport { default as IgcCardMediaComponent } from './components/card/card.media';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox';\nexport { IgcCheckboxBaseComponent } from './components/checkbox/checkbox-base';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents';\nexport { defineComponents } from './components/common/definitions/defineComponents';\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources';\nexport { SizableMixin } from './components/common/mixins/sizable';\nexport { default as IgcChipComponent } from './components/chip/chip';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient';\nexport { default as IgcFormComponent } from './components/form/form';\nexport { default as IgcIconComponent } from './components/icon/icon';\n// utility stuff\nexport {\n registerIcon,\n registerIconFromText,\n} from './components/icon/icon.registry';\nexport { default as IgcInputComponent } from './components/input/input';\nexport { IgcInputBaseComponent } from './components/input/input-base';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress';\nexport { default as IgcListComponent } from './components/list/list';\nexport { default as IgcListHeaderComponent } from './components/list/list-header';\nexport { default as IgcListItemComponent } from './components/list/list-item';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group';\nexport { default as IgcRadioComponent } from './components/radio/radio';\nexport { default as IgcRatingComponent } from './components/rating/rating';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol';\nexport { default as IgcRippleComponent } from './components/ripple/ripple';\nexport {\n default as IgcRangeSliderComponent,\n IgcRangeSliderValue,\n} from './components/slider/range-slider';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar';\nexport { default as IgcSliderComponent } from './components/slider/slider';\nexport { IgcSliderBaseComponent } from './components/slider/slider-base';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label';\nexport { default as IgcToastComponent } from './components/toast/toast';\nexport { configureTheme } from './theming/config';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\n\nexport { default as IgcAvatarComponent } from './components/avatar/avatar';\nexport { default as IgcBadgeComponent } from './components/badge/badge';\nexport { default as IgcButtonComponent } from './components/button/button';\nexport { IgcButtonBaseComponent } from './components/button/button-base';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar';\nexport { IgcCalendarBaseComponent } from './components/calendar/common/calendar-base';\nexport {\n DateRangeDescriptor,\n DateRangeType,\n} from './components/calendar/common/calendar.model';\nexport { default as IgcCardComponent } from './components/card/card';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions';\nexport { default as IgcCardContentComponent } from './components/card/card.content';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header';\nexport { default as IgcCardMediaComponent } from './components/card/card.media';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox';\nexport { IgcCheckboxBaseComponent } from './components/checkbox/checkbox-base';\nexport { default as IgcDropDownComponent } from './components/dropdown/dropdown';\nexport { default as IgcDropDownGroupComponent } from './components/dropdown/dropdown-group';\nexport { default as IgcDropDownHeaderComponent } from './components/dropdown/dropdown-header';\nexport { default as IgcDropDownItemComponent } from './components/dropdown/dropdown-item';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents';\nexport { defineComponents } from './components/common/definitions/defineComponents';\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources';\nexport { SizableMixin } from './components/common/mixins/sizable';\nexport { default as IgcChipComponent } from './components/chip/chip';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient';\nexport { default as IgcFormComponent } from './components/form/form';\nexport { default as IgcIconComponent } from './components/icon/icon';\n// utility stuff\nexport {\n registerIcon,\n registerIconFromText,\n} from './components/icon/icon.registry';\nexport { default as IgcInputComponent } from './components/input/input';\nexport { IgcInputBaseComponent } from './components/input/input-base';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress';\nexport { default as IgcListComponent } from './components/list/list';\nexport { default as IgcListHeaderComponent } from './components/list/list-header';\nexport { default as IgcListItemComponent } from './components/list/list-item';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group';\nexport { default as IgcRadioComponent } from './components/radio/radio';\nexport { default as IgcRatingComponent } from './components/rating/rating';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol';\nexport { default as IgcRippleComponent } from './components/ripple/ripple';\nexport {\n default as IgcRangeSliderComponent,\n IgcRangeSliderValue,\n} from './components/slider/range-slider';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar';\nexport { default as IgcSliderComponent } from './components/slider/slider';\nexport { IgcSliderBaseComponent } from './components/slider/slider-base';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label';\nexport { default as IgcToastComponent } from './components/toast/toast';\nexport { configureTheme } from './theming/config';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-webcomponents",
3
- "version": "2.1.1",
3
+ "version": "2.2.0-beta.0",
4
4
  "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -46,6 +46,7 @@
46
46
  "slider"
47
47
  ],
48
48
  "dependencies": {
49
+ "@floating-ui/dom": "^0.4.0",
49
50
  "lit": "^2.2.0"
50
51
  }
51
52
  }
@@ -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: bootstrap;--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: 98%;--igc-primary-l: 52%;--igc-primary-a: 1;--igc-secondary-h: 208deg;--igc-secondary-s: 7%;--igc-secondary-l: 46%;--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: 20%;--igc-surface-a: 1;--igc-info-h: 190deg;--igc-info-s: 90%;--igc-info-l: 50%;--igc-info-a: 1;--igc-success-h: 152deg;--igc-success-s: 69%;--igc-success-l: 31%;--igc-success-a: 1;--igc-warn-h: 45deg;--igc-warn-s: 100%;--igc-warn-l: 51%;--igc-warn-a: 1;--igc-error-h: 354deg;--igc-error-s: 70%;--igc-error-l: 54%;--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: 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: 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: 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: black;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: black;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: black;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: black;--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: black;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: black;--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: black;--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: black;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: black;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: black;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: black;--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: black;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: black;--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: black;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: black;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: black;--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: black;--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: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 500;--igc-h1-font-size: 2.5rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 3rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0.5rem;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 500;--igc-h2-font-size: 2rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 2.4rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0.5rem;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 500;--igc-h3-font-size: 1.75rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.1rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0.5rem;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 500;--igc-h4-font-size: 1.5rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 1.8rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0.5rem;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 500;--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.5rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0.5rem;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.2rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0.5rem;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 0.875rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1.5rem;--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.9rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1.35rem;--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.5rem;--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.9rem;--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.5rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 500;--igc-button-font-size: 1rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0.046875rem;--igc-button-text-transform: capitalize;--igc-button-line-height: 1.5rem;--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-calendar-labels-font-family: ;--igc-calendar-labels-font-weight: 400;--igc-calendar-labels-font-size: 0.8125rem;--igc-calendar-labels-font-style: ;--igc-calendar-labels-letter-spacing: ;--igc-calendar-labels-text-transform: none;--igc-calendar-labels-line-height: normal;--igc-calendar-labels-margin-top: 0;--igc-calendar-labels-margin-bottom: 0}igc-input{--input-background: transparent}igc-slider{--inactive-background: hsla(var(--igc-secondary-500), 0.48)}igc-list,igc-list-item{--separator-color: 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: bootstrap;--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: 98%;--igc-primary-l: 52%;--igc-primary-a: 1;--igc-secondary-h: 208deg;--igc-secondary-s: 7%;--igc-secondary-l: 46%;--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: 20%;--igc-surface-a: 1;--igc-info-h: 190deg;--igc-info-s: 90%;--igc-info-l: 50%;--igc-info-a: 1;--igc-success-h: 152deg;--igc-success-s: 69%;--igc-success-l: 31%;--igc-success-a: 1;--igc-warn-h: 45deg;--igc-warn-s: 100%;--igc-warn-l: 51%;--igc-warn-a: 1;--igc-error-h: 354deg;--igc-error-s: 70%;--igc-error-l: 54%;--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: 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: 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: 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: black;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: black;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: black;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: black;--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: black;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: black;--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: black;--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: black;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: black;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: black;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: black;--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: black;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: black;--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: black;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: black;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: black;--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: black;--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: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 500;--igc-h1-font-size: 2.5rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 3rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0.5rem;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 500;--igc-h2-font-size: 2rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 2.4rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0.5rem;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 500;--igc-h3-font-size: 1.75rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.1rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0.5rem;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 500;--igc-h4-font-size: 1.5rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 1.8rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0.5rem;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 500;--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.5rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0.5rem;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.2rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0.5rem;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 0.875rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1.5rem;--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.9rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1.35rem;--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.5rem;--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.9rem;--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.5rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 500;--igc-button-font-size: 1rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0.046875rem;--igc-button-text-transform: capitalize;--igc-button-line-height: 1.5rem;--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-calendar-labels-font-family: ;--igc-calendar-labels-font-weight: 400;--igc-calendar-labels-font-size: 0.8125rem;--igc-calendar-labels-font-style: ;--igc-calendar-labels-letter-spacing: ;--igc-calendar-labels-text-transform: none;--igc-calendar-labels-line-height: normal;--igc-calendar-labels-margin-top: 0;--igc-calendar-labels-margin-bottom: 0}igc-dropdown{--border-color: hsla(var(--igc-gray-100), var(--igc-gray-a))}igc-dropdown-item{--item-color: var(--igc-surface-500-contrast);--hover-item-color: var(--igc-surface-500-contrast)}igc-input{--input-background: transparent}igc-slider{--inactive-background: hsla(var(--igc-secondary-500), 0.48)}igc-list,igc-list-item{--separator-color: hsla(var(--igc-gray-100), var(--igc-gray-a))}