react-material-design 0.0.0-stage → 0.5.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 (292) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +12 -2
  3. package/dist/_virtual/_rolldown/runtime.cjs +1 -0
  4. package/dist/components/Button/context.cjs +1 -0
  5. package/dist/components/Button/context.d.ts +29 -0
  6. package/dist/components/Button/context.js +41 -0
  7. package/dist/components/Button/default/index.cjs +1 -0
  8. package/dist/components/Button/default/index.d.ts +26 -0
  9. package/dist/components/Button/default/index.js +22 -0
  10. package/dist/components/Button/default/render.cjs +1 -0
  11. package/dist/components/Button/default/render.d.ts +3 -0
  12. package/dist/components/Button/default/render.js +203 -0
  13. package/dist/components/Button/default/style.css +1 -0
  14. package/dist/components/Button/group/index.cjs +1 -0
  15. package/dist/components/Button/group/index.d.ts +2 -0
  16. package/dist/components/Button/group/index.js +1 -0
  17. package/dist/components/Button/group/render.cjs +1 -0
  18. package/dist/components/Button/group/render.d.ts +49 -0
  19. package/dist/components/Button/group/render.js +100 -0
  20. package/dist/components/Button/group/style.css +1 -0
  21. package/dist/components/Button/icon/index.cjs +1 -0
  22. package/dist/components/Button/icon/index.d.ts +22 -0
  23. package/dist/components/Button/icon/index.js +23 -0
  24. package/dist/components/Button/icon/render.cjs +1 -0
  25. package/dist/components/Button/icon/render.d.ts +4 -0
  26. package/dist/components/Button/icon/render.js +178 -0
  27. package/dist/components/Button/icon/style.css +1 -0
  28. package/dist/components/Button/index.cjs +1 -0
  29. package/dist/components/Button/index.d.ts +1 -0
  30. package/dist/components/Button/index.js +55 -0
  31. package/dist/components/Button/split/index.cjs +1 -0
  32. package/dist/components/Button/split/index.d.ts +6 -0
  33. package/dist/components/Button/split/index.js +33 -0
  34. package/dist/components/Button/split/style.css +1 -0
  35. package/dist/components/Button/types.d.ts +19 -0
  36. package/dist/components/Card/index.d.ts +1 -0
  37. package/dist/components/Chip/index.cjs +1 -0
  38. package/dist/components/Chip/index.d.ts +50 -0
  39. package/dist/components/Chip/index.js +156 -0
  40. package/dist/components/Chip/style.css +1 -0
  41. package/dist/components/ContextMenu/index.cjs +1 -0
  42. package/dist/components/ContextMenu/index.d.ts +2 -0
  43. package/dist/components/ContextMenu/index.js +19 -0
  44. package/dist/components/ContextMenu/render.cjs +1 -0
  45. package/dist/components/ContextMenu/render.d.ts +4 -0
  46. package/dist/components/ContextMenu/render.js +59 -0
  47. package/dist/components/Dialog/Dialog.cjs +1 -0
  48. package/dist/components/Dialog/Dialog.d.ts +23 -0
  49. package/dist/components/Dialog/Dialog.js +182 -0
  50. package/dist/components/Dialog/DialogActions.cjs +1 -0
  51. package/dist/components/Dialog/DialogActions.d.ts +3 -0
  52. package/dist/components/Dialog/DialogActions.js +17 -0
  53. package/dist/components/Dialog/index.cjs +1 -0
  54. package/dist/components/Dialog/index.d.ts +4 -0
  55. package/dist/components/Dialog/index.js +3 -0
  56. package/dist/components/Dialog/style.css +1 -0
  57. package/dist/components/Divider/index.cjs +1 -0
  58. package/dist/components/Divider/index.d.ts +6 -0
  59. package/dist/components/Divider/index.js +29 -0
  60. package/dist/components/Divider/style.css +1 -0
  61. package/dist/components/Font/index.d.ts +9 -0
  62. package/dist/components/Icon/Icon.cjs +1 -0
  63. package/dist/components/Icon/Icon.d.ts +18 -0
  64. package/dist/components/Icon/Icon.js +47 -0
  65. package/dist/components/Icon/index.cjs +1 -0
  66. package/dist/components/Icon/index.d.ts +2 -0
  67. package/dist/components/Icon/index.js +1 -0
  68. package/dist/components/Icon/style.css +1 -0
  69. package/dist/components/Menu/Menu.cjs +1 -0
  70. package/dist/components/Menu/Menu.d.ts +4 -0
  71. package/dist/components/Menu/Menu.js +10 -0
  72. package/dist/components/Menu/Menu.render.cjs +1 -0
  73. package/dist/components/Menu/Menu.render.d.ts +15 -0
  74. package/dist/components/Menu/Menu.render.js +55 -0
  75. package/dist/components/Menu/MenuContainer.cjs +1 -0
  76. package/dist/components/Menu/MenuContainer.d.ts +7 -0
  77. package/dist/components/Menu/MenuContainer.js +46 -0
  78. package/dist/components/Menu/MenuGroup.cjs +1 -0
  79. package/dist/components/Menu/MenuGroup.d.ts +11 -0
  80. package/dist/components/Menu/MenuGroup.js +34 -0
  81. package/dist/components/Menu/MenuGroup.render.cjs +1 -0
  82. package/dist/components/Menu/MenuGroup.render.d.ts +6 -0
  83. package/dist/components/Menu/MenuGroup.render.js +31 -0
  84. package/dist/components/Menu/MenuItem.cjs +1 -0
  85. package/dist/components/Menu/MenuItem.d.ts +19 -0
  86. package/dist/components/Menu/MenuItem.js +30 -0
  87. package/dist/components/Menu/MenuItem.render.cjs +1 -0
  88. package/dist/components/Menu/MenuItem.render.d.ts +7 -0
  89. package/dist/components/Menu/MenuItem.render.js +75 -0
  90. package/dist/components/Menu/index.cjs +1 -0
  91. package/dist/components/Menu/index.d.ts +3 -0
  92. package/dist/components/Menu/index.js +4 -0
  93. package/dist/components/Menu/style.css +1 -0
  94. package/dist/components/Menubar/MenuSection.d.ts +8 -0
  95. package/dist/components/Menubar/index.cjs +1 -0
  96. package/dist/components/Menubar/index.d.ts +2 -0
  97. package/dist/components/Menubar/index.js +19 -0
  98. package/dist/components/Menubar/render.cjs +1 -0
  99. package/dist/components/Menubar/render.d.ts +3 -0
  100. package/dist/components/Menubar/render.js +58 -0
  101. package/dist/components/Menubar/style.css +1 -0
  102. package/dist/components/NumberField/NumberField.cjs +1 -0
  103. package/dist/components/NumberField/NumberField.d.ts +2 -0
  104. package/dist/components/NumberField/NumberField.js +19 -0
  105. package/dist/components/NumberField/NumberField.render.cjs +1 -0
  106. package/dist/components/NumberField/NumberField.render.d.ts +10 -0
  107. package/dist/components/NumberField/NumberField.render.js +268 -0
  108. package/dist/components/NumberField/index.cjs +1 -0
  109. package/dist/components/NumberField/index.d.ts +2 -0
  110. package/dist/components/NumberField/index.js +1 -0
  111. package/dist/components/NumberField/style.css +1 -0
  112. package/dist/components/ProgressIndicator/index.d.ts +9 -0
  113. package/dist/components/Select/Option.cjs +1 -0
  114. package/dist/components/Select/Option.d.ts +10 -0
  115. package/dist/components/Select/Option.js +24 -0
  116. package/dist/components/Select/Select.cjs +1 -0
  117. package/dist/components/Select/Select.d.ts +32 -0
  118. package/dist/components/Select/Select.js +265 -0
  119. package/dist/components/Select/index.cjs +1 -0
  120. package/dist/components/Select/index.d.ts +4 -0
  121. package/dist/components/Select/index.js +3 -0
  122. package/dist/components/Select/style.css +1 -0
  123. package/dist/components/Slider/Slider.cjs +1 -0
  124. package/dist/components/Slider/Slider.d.ts +26 -0
  125. package/dist/components/Slider/Slider.js +342 -0
  126. package/dist/components/Slider/index.cjs +1 -0
  127. package/dist/components/Slider/index.d.ts +1 -0
  128. package/dist/components/Slider/index.js +1 -0
  129. package/dist/components/Slider/style.css +1 -0
  130. package/dist/components/TextField/TextField.cjs +1 -0
  131. package/dist/components/TextField/TextField.d.ts +2 -0
  132. package/dist/components/TextField/TextField.js +19 -0
  133. package/dist/components/TextField/TextField.render.cjs +1 -0
  134. package/dist/components/TextField/TextField.render.d.ts +19 -0
  135. package/dist/components/TextField/TextField.render.js +159 -0
  136. package/dist/components/TextField/index.cjs +1 -0
  137. package/dist/components/TextField/index.d.ts +2 -0
  138. package/dist/components/TextField/index.js +1 -0
  139. package/dist/components/TextField/style.css +1 -0
  140. package/dist/components/Theme/Theme.cjs +4 -0
  141. package/dist/components/Theme/Theme.d.ts +14 -0
  142. package/dist/components/Theme/Theme.js +183 -0
  143. package/dist/components/Theme/index.cjs +1 -0
  144. package/dist/components/Theme/index.d.ts +1 -0
  145. package/dist/components/Theme/index.js +1 -0
  146. package/dist/components/Theme/style.css +1 -0
  147. package/dist/components/Theme/types.d.ts +29 -0
  148. package/dist/components/Toolbar/Toolbar.cjs +1 -0
  149. package/dist/components/Toolbar/Toolbar.d.ts +3 -0
  150. package/dist/components/Toolbar/Toolbar.js +19 -0
  151. package/dist/components/Toolbar/Toolbar.render.cjs +1 -0
  152. package/dist/components/Toolbar/Toolbar.render.d.ts +14 -0
  153. package/dist/components/Toolbar/Toolbar.render.js +64 -0
  154. package/dist/components/Toolbar/index.cjs +1 -0
  155. package/dist/components/Toolbar/index.d.ts +2 -0
  156. package/dist/components/Toolbar/index.js +1 -0
  157. package/dist/components/Toolbar/style.css +1 -0
  158. package/dist/components/Tooltip/Tooltip.cjs +1 -0
  159. package/dist/components/Tooltip/Tooltip.d.ts +12 -0
  160. package/dist/components/Tooltip/Tooltip.js +52 -0
  161. package/dist/components/Tooltip/index.cjs +1 -0
  162. package/dist/components/Tooltip/index.d.ts +1 -0
  163. package/dist/components/Tooltip/index.js +1 -0
  164. package/dist/components/Tooltip/style.css +1 -0
  165. package/dist/components/containers/FilledField/index.cjs +1 -0
  166. package/dist/components/containers/FilledField/index.d.ts +9 -0
  167. package/dist/components/containers/FilledField/index.js +40 -0
  168. package/dist/components/containers/FilledField/style.css +1 -0
  169. package/dist/components/containers/OutlinedField/index.cjs +1 -0
  170. package/dist/components/containers/OutlinedField/index.d.ts +9 -0
  171. package/dist/components/containers/OutlinedField/index.js +59 -0
  172. package/dist/components/containers/OutlinedField/style.css +1 -0
  173. package/dist/components/misc/FloatingElement/index.cjs +1 -0
  174. package/dist/components/misc/FloatingElement/index.d.ts +17 -0
  175. package/dist/components/misc/FloatingElement/index.js +106 -0
  176. package/dist/components/misc/FloatingElement/style.css +1 -0
  177. package/dist/components/misc/OrderedCollection/index.cjs +1 -0
  178. package/dist/components/misc/OrderedCollection/index.d.ts +27 -0
  179. package/dist/components/misc/OrderedCollection/index.js +98 -0
  180. package/dist/components/misc/OrderedCollection/style.css +1 -0
  181. package/dist/components/misc/Polymorphic.cjs +1 -0
  182. package/dist/components/misc/Polymorphic.d.ts +15 -0
  183. package/dist/components/misc/Polymorphic.js +51 -0
  184. package/dist/components/misc/StateLayer/index.cjs +1 -0
  185. package/dist/components/misc/StateLayer/index.d.ts +7 -0
  186. package/dist/components/misc/StateLayer/index.js +67 -0
  187. package/dist/components/misc/StateLayer/style.css +1 -0
  188. package/dist/components/misc/Transitionable/index.cjs +1 -0
  189. package/dist/components/misc/Transitionable/index.d.ts +6 -0
  190. package/dist/components/misc/Transitionable/index.js +54 -0
  191. package/dist/components/misc/Transitionable/style.css +1 -0
  192. package/dist/components/types.cjs +1 -0
  193. package/dist/components/types.d.ts +20 -0
  194. package/dist/components/types.js +13 -0
  195. package/dist/hooks/useFloating/autoUpdate.cjs +1 -0
  196. package/dist/hooks/useFloating/autoUpdate.d.ts +9 -0
  197. package/dist/hooks/useFloating/autoUpdate.js +64 -0
  198. package/dist/hooks/useFloating/index.cjs +1 -0
  199. package/dist/hooks/useFloating/index.d.ts +30 -0
  200. package/dist/hooks/useFloating/index.js +97 -0
  201. package/dist/hooks/useFloating/middleware/flip.cjs +1 -0
  202. package/dist/hooks/useFloating/middleware/flip.d.ts +2 -0
  203. package/dist/hooks/useFloating/middleware/flip.js +88 -0
  204. package/dist/hooks/useFloating/middleware/offset.cjs +1 -0
  205. package/dist/hooks/useFloating/middleware/offset.d.ts +2 -0
  206. package/dist/hooks/useFloating/middleware/offset.js +42 -0
  207. package/dist/hooks/useFloating/middleware/shift.cjs +1 -0
  208. package/dist/hooks/useFloating/middleware/shift.d.ts +2 -0
  209. package/dist/hooks/useFloating/middleware/shift.js +11 -0
  210. package/dist/hooks/useFloating/middleware/size.cjs +1 -0
  211. package/dist/hooks/useFloating/middleware/size.d.ts +6 -0
  212. package/dist/hooks/useFloating/middleware/size.js +7 -0
  213. package/dist/hooks/useFloating/utils.cjs +1 -0
  214. package/dist/hooks/useFloating/utils.d.ts +22 -0
  215. package/dist/hooks/useFloating/utils.js +145 -0
  216. package/dist/layouts/Content.cjs +1 -0
  217. package/dist/layouts/Content.d.ts +3 -0
  218. package/dist/layouts/Content.js +17 -0
  219. package/dist/layouts/Page/index.cjs +1 -0
  220. package/dist/layouts/Page/index.d.ts +7 -0
  221. package/dist/layouts/Page/index.js +135 -0
  222. package/dist/layouts/Page/style.css +1 -0
  223. package/dist/layouts/Panes/Pane.cjs +1 -0
  224. package/dist/layouts/Panes/Pane.d.ts +11 -0
  225. package/dist/layouts/Panes/Pane.js +27 -0
  226. package/dist/layouts/Panes/Pane.render.cjs +1 -0
  227. package/dist/layouts/Panes/Pane.render.d.ts +6 -0
  228. package/dist/layouts/Panes/Pane.render.js +36 -0
  229. package/dist/layouts/Panes/Panes.cjs +1 -0
  230. package/dist/layouts/Panes/Panes.d.ts +28 -0
  231. package/dist/layouts/Panes/Panes.js +182 -0
  232. package/dist/layouts/Panes/index.cjs +1 -0
  233. package/dist/layouts/Panes/index.d.ts +2 -0
  234. package/dist/layouts/Panes/index.js +3 -0
  235. package/dist/layouts/Panes/style.css +1 -0
  236. package/dist/layouts/Tabs/Tab.d.ts +13 -0
  237. package/dist/layouts/Tabs/Tabs.d.ts +9 -0
  238. package/dist/layouts/Tabs/index.cjs +1 -0
  239. package/dist/layouts/Tabs/index.d.ts +1 -0
  240. package/dist/layouts/Tabs/index.js +0 -0
  241. package/dist/layouts/Toolbox/index.cjs +1 -0
  242. package/dist/layouts/Toolbox/index.d.ts +5 -0
  243. package/dist/layouts/Toolbox/index.js +129 -0
  244. package/dist/layouts/Toolbox/style.css +1 -0
  245. package/dist/style/motions.d.ts +37 -0
  246. package/dist/style/shapes/12_sided_cookie.d.ts +3 -0
  247. package/dist/style/shapes/4_leaf_clover.d.ts +3 -0
  248. package/dist/style/shapes/4_sided_cookie.d.ts +3 -0
  249. package/dist/style/shapes/6_sided_cookie.d.ts +3 -0
  250. package/dist/style/shapes/7_sided_cookie.d.ts +3 -0
  251. package/dist/style/shapes/8_leaf_clover.d.ts +3 -0
  252. package/dist/style/shapes/9_sided_cookie.d.ts +3 -0
  253. package/dist/style/shapes/arch.d.ts +3 -0
  254. package/dist/style/shapes/arrow.d.ts +3 -0
  255. package/dist/style/shapes/boom.d.ts +3 -0
  256. package/dist/style/shapes/bun.d.ts +3 -0
  257. package/dist/style/shapes/burst.d.ts +3 -0
  258. package/dist/style/shapes/circle.d.ts +3 -0
  259. package/dist/style/shapes/clamshell.d.ts +3 -0
  260. package/dist/style/shapes/diamond.d.ts +3 -0
  261. package/dist/style/shapes/fan.d.ts +3 -0
  262. package/dist/style/shapes/flower.d.ts +3 -0
  263. package/dist/style/shapes/gem.d.ts +3 -0
  264. package/dist/style/shapes/ghost_ish.d.ts +3 -0
  265. package/dist/style/shapes/heart.d.ts +3 -0
  266. package/dist/style/shapes/index.d.ts +109 -0
  267. package/dist/style/shapes/oval.d.ts +3 -0
  268. package/dist/style/shapes/pentagon.d.ts +3 -0
  269. package/dist/style/shapes/pill.d.ts +3 -0
  270. package/dist/style/shapes/pixel_circle.d.ts +3 -0
  271. package/dist/style/shapes/pixel_triangle.d.ts +3 -0
  272. package/dist/style/shapes/puffy.d.ts +3 -0
  273. package/dist/style/shapes/puffy_diamond.d.ts +3 -0
  274. package/dist/style/shapes/semicircle.d.ts +3 -0
  275. package/dist/style/shapes/slanted.d.ts +3 -0
  276. package/dist/style/shapes/soft_boom.d.ts +3 -0
  277. package/dist/style/shapes/soft_burst.d.ts +3 -0
  278. package/dist/style/shapes/square.d.ts +3 -0
  279. package/dist/style/shapes/sunny.d.ts +3 -0
  280. package/dist/style/shapes/triangle.d.ts +3 -0
  281. package/dist/style/shapes/very_sunny.d.ts +3 -0
  282. package/dist/style/symbols.d.ts +2 -0
  283. package/dist/utils/dom.cjs +1 -0
  284. package/dist/utils/dom.d.ts +2 -0
  285. package/dist/utils/dom.js +53 -0
  286. package/dist/utils/hooks.cjs +1 -0
  287. package/dist/utils/hooks.d.ts +17 -0
  288. package/dist/utils/hooks.js +9 -0
  289. package/dist/utils/index.cjs +1 -0
  290. package/dist/utils/index.d.ts +44 -0
  291. package/dist/utils/index.js +74 -0
  292. package/package.json +169 -4
package/dist/components/Theme/style.css ADDED
@@ -0,0 +1 @@
1
+ :root{--md-comp-button-container-color:var(--md-sys-color-primary);--md-comp-button-unselected-container-color:var(--md-sys-color-surface-container);--md-comp-button-selected-container-color:var(--md-sys-color-primary);--md-comp-button-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-label-text-unselected-color:var(--md-sys-color-on-surface-variant);--md-comp-button-label-text-selected-color:var(--md-sys-color-on-primary);--md-comp-button-icon-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-icon-color:var(--md-sys-color-on-primary);--md-comp-button-container-height:40px;--md-comp-button-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-button-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-button-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-button-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-button-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-button-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-button-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-button-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-button-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-button-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-button-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-button-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-button-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-button-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-button-icon-size:20px;--md-comp-button-container-shape-round:calc(var(--md-comp-button-container-height) / 2);--md-comp-button-container-shape-square:var(--md-sys-shape-corner-medium);--md-comp-button-leading-space:var(--md-sys-measurement-space300);--md-comp-button-icon-label-space:var(--md-sys-measurement-space100);--md-comp-button-trailing-space:var(--md-sys-measurement-space300);--md-comp-button-pressed-container-shape:var(--md-sys-shape-corner-small);--md-comp-button-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-button-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-selected-container-shape-round:var(--md-sys-shape-corner-medium);--md-comp-button-selected-container-shape-square:calc(var(--md-comp-button-container-height) / 2);--md-comp-button-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-button-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-button-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-button-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-disabled-container-opacity:10%;--md-comp-button-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-disabled-label-text-opacity:38%;--md-comp-button-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-disabled-icon-opacity:38%;--md-comp-button-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-hovered-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-hovered-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-hovered-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-button-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-focused-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-focused-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-focused-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-focused-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-button-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-pressed-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-pressed-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-button-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-selected-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-container-color:var(--md-sys-color-surface-container-low);--md-comp-button-elevated-unselected-container-color:var(--md-sys-color-surface-container-low);--md-comp-button-elevated-selected-container-color:var(--md-sys-color-primary);--md-comp-button-elevated-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-elevated-container-elevation:var(--md-sys-elevation-level1);--md-comp-button-elevated-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-icon-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-elevated-disabled-container-opacity:10%;--md-comp-button-elevated-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-elevated-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-elevated-disabled-label-text-opacity:38%;--md-comp-button-elevated-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-elevated-disabled-icon-opacity:38%;--md-comp-button-elevated-hovered-state-layer-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-hovered-state-layer-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-elevated-hovered-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-hovered-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-hovered-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-hovered-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-hovered-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-focused-state-layer-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-focused-state-layer-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-elevated-focused-container-elevation:var(--md-sys-elevation-level1);--md-comp-button-elevated-focused-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-focused-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-focused-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-focused-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-focused-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-elevated-pressed-container-elevation:var(--md-sys-elevation-level1);--md-comp-button-elevated-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-pressed-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-elevated-pressed-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-unselected-pressed-icon-color:var(--md-sys-color-primary);--md-comp-button-elevated-selected-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-container-color:var(--md-sys-color-primary);--md-comp-button-filled-unselected-container-color:var(--md-sys-color-surface-container);--md-comp-button-filled-selected-container-color:var(--md-sys-color-primary);--md-comp-button-filled-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-filled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-filled-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-filled-disabled-container-opacity:10%;--md-comp-button-filled-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-filled-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-filled-disabled-label-text-opacity:38%;--md-comp-button-filled-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-filled-disabled-icon-opacity:38%;--md-comp-button-filled-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-filled-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-filled-hovered-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-hovered-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-hovered-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-filled-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-filled-focused-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-filled-focused-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-focused-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-focused-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-filled-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-filled-pressed-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-pressed-label-text-color:var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-filled-selected-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-button-tonal-container-color:var(--md-sys-color-secondary-container);--md-comp-button-tonal-unselected-container-color:var(--md-sys-color-secondary-container);--md-comp-button-tonal-selected-container-color:var(--md-sys-color-secondary);--md-comp-button-tonal-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-tonal-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tonal-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-label-text-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-icon-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-tonal-disabled-container-opacity:10%;--md-comp-button-tonal-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tonal-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-tonal-disabled-label-text-opacity:38%;--md-comp-button-tonal-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-tonal-disabled-icon-opacity:38%;--md-comp-button-tonal-hovered-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-hovered-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-hovered-state-layer-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-tonal-hovered-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-hovered-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-hovered-label-text-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-hovered-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-hovered-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-hovered-icon-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-focused-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-focused-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-focused-state-layer-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-tonal-focused-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tonal-focused-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-focused-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-focused-label-text-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-focused-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-focused-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-focused-icon-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-pressed-state-layer-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-tonal-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tonal-pressed-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-pressed-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-pressed-label-text-color:var(--md-sys-color-on-secondary);--md-comp-button-tonal-pressed-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-pressed-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-selected-pressed-icon-color:var(--md-sys-color-on-secondary);--md-comp-button-tertiary-container-color:var(--md-sys-color-tertiary-container);--md-comp-button-tertiary-unselected-container-color:var(--md-sys-color-tertiary-container);--md-comp-button-tertiary-selected-container-color:var(--md-sys-color-tertiary);--md-comp-button-tertiary-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-tertiary-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tertiary-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-icon-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-tertiary-disabled-container-opacity:10%;--md-comp-button-tertiary-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tertiary-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-tertiary-disabled-label-text-opacity:38%;--md-comp-button-tertiary-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-tertiary-disabled-icon-opacity:38%;--md-comp-button-tertiary-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-hovered-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-tertiary-hovered-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-hovered-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-hovered-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-hovered-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-hovered-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-hovered-icon-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-focused-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-tertiary-focused-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tertiary-focused-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-focused-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-focused-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-focused-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-focused-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-focused-icon-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-tertiary-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-tertiary-pressed-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-pressed-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-pressed-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-button-tertiary-pressed-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-unselected-pressed-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-button-tertiary-selected-pressed-icon-color:var(--md-sys-color-on-tertiary);--md-comp-button-success-container-color:var(--md-sys-color-success-container);--md-comp-button-success-unselected-container-color:var(--md-sys-color-success-container);--md-comp-button-success-selected-container-color:var(--md-sys-color-success);--md-comp-button-success-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-success-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-success-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-label-text-color:var(--md-sys-color-on-success);--md-comp-button-success-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-icon-color:var(--md-sys-color-on-success);--md-comp-button-success-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-success-disabled-container-opacity:10%;--md-comp-button-success-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-success-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-success-disabled-label-text-opacity:38%;--md-comp-button-success-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-success-disabled-icon-opacity:38%;--md-comp-button-success-hovered-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-hovered-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-hovered-state-layer-color:var(--md-sys-color-on-success);--md-comp-button-success-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-success-hovered-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-hovered-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-hovered-label-text-color:var(--md-sys-color-on-success);--md-comp-button-success-hovered-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-hovered-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-hovered-icon-color:var(--md-sys-color-on-success);--md-comp-button-success-focused-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-focused-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-focused-state-layer-color:var(--md-sys-color-on-success);--md-comp-button-success-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-success-focused-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-success-focused-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-focused-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-focused-label-text-color:var(--md-sys-color-on-success);--md-comp-button-success-focused-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-focused-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-focused-icon-color:var(--md-sys-color-on-success);--md-comp-button-success-pressed-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-pressed-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-pressed-state-layer-color:var(--md-sys-color-on-success);--md-comp-button-success-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-success-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-success-pressed-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-pressed-label-text-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-pressed-label-text-color:var(--md-sys-color-on-success);--md-comp-button-success-pressed-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-unselected-pressed-icon-color:var(--md-sys-color-on-success-container);--md-comp-button-success-selected-pressed-icon-color:var(--md-sys-color-on-success);--md-comp-button-error-container-color:var(--md-sys-color-error-container);--md-comp-button-error-unselected-container-color:var(--md-sys-color-error-container);--md-comp-button-error-selected-container-color:var(--md-sys-color-error);--md-comp-button-error-container-shadow-color:var(--md-sys-color-shadow);--md-comp-button-error-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-error-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-label-text-color:var(--md-sys-color-on-error);--md-comp-button-error-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-icon-color:var(--md-sys-color-on-error);--md-comp-button-error-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-error-disabled-container-opacity:10%;--md-comp-button-error-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-error-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-error-disabled-label-text-opacity:38%;--md-comp-button-error-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-error-disabled-icon-opacity:38%;--md-comp-button-error-hovered-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-hovered-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-hovered-state-layer-color:var(--md-sys-color-on-error);--md-comp-button-error-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-error-hovered-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-hovered-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-hovered-label-text-color:var(--md-sys-color-on-error);--md-comp-button-error-hovered-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-hovered-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-hovered-icon-color:var(--md-sys-color-on-error);--md-comp-button-error-focused-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-focused-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-focused-state-layer-color:var(--md-sys-color-on-error);--md-comp-button-error-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-error-focused-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-error-focused-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-focused-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-focused-label-text-color:var(--md-sys-color-on-error);--md-comp-button-error-focused-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-focused-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-focused-icon-color:var(--md-sys-color-on-error);--md-comp-button-error-pressed-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-pressed-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-pressed-state-layer-color:var(--md-sys-color-on-error);--md-comp-button-error-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-error-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-button-error-pressed-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-pressed-label-text-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-pressed-label-text-color:var(--md-sys-color-on-error);--md-comp-button-error-pressed-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-unselected-pressed-icon-color:var(--md-sys-color-on-error-container);--md-comp-button-error-selected-pressed-icon-color:var(--md-sys-color-on-error);--md-comp-button-outlined-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-selected-container-color:var(--md-sys-color-inverse-surface);--md-comp-button-outlined-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-label-text-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-disabled-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-disabled-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-selected-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-outlined-disabled-container-opacity:10%;--md-comp-button-outlined-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-outlined-disabled-label-text-opacity:38%;--md-comp-button-outlined-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-outlined-disabled-icon-opacity:38%;--md-comp-button-outlined-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-hovered-state-layer-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-outlined-hovered-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-hovered-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-hovered-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-hovered-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-hovered-label-text-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-hovered-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-focused-state-layer-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-outlined-focused-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-focused-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-focused-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-focused-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-focused-label-text-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-focused-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-pressed-state-layer-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-outlined-pressed-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-pressed-outline-color:var(--md-sys-color-outline-variant);--md-comp-button-outlined-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-pressed-label-text-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-selected-pressed-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-button-text-label-text-color:var(--md-sys-color-primary);--md-comp-button-text-icon-color:var(--md-sys-color-primary);--md-comp-button-text-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-button-text-disabled-container-opacity:10%;--md-comp-button-text-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-button-text-disabled-label-text-opacity:38%;--md-comp-button-text-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-button-text-disabled-icon-opacity:38%;--md-comp-button-text-hovered-state-layer-color:var(--md-sys-color-primary);--md-comp-button-text-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-text-hovered-label-text-color:var(--md-sys-color-primary);--md-comp-button-text-hovered-icon-color:var(--md-sys-color-primary);--md-comp-button-text-focused-state-layer-color:var(--md-sys-color-primary);--md-comp-button-text-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-text-focused-label-text-color:var(--md-sys-color-primary);--md-comp-button-text-focused-icon-color:var(--md-sys-color-primary);--md-comp-button-text-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-button-text-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-text-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-button-text-pressed-icon-color:var(--md-sys-color-primary);--md-comp-button-xsmall-container-height:32px;--md-comp-button-xsmall-outlined-outline-width:1px;--md-comp-button-xsmall-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-button-xsmall-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-button-xsmall-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-button-xsmall-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-button-xsmall-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-button-xsmall-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-button-xsmall-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-button-xsmall-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-button-xsmall-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-button-xsmall-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-button-xsmall-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-button-xsmall-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-button-xsmall-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-button-xsmall-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-button-xsmall-icon-size:20px;--md-comp-button-xsmall-container-shape-round:calc(var(--md-comp-button-xsmall-container-height) / 2);--md-comp-button-xsmall-leading-space:12px;--md-comp-button-xsmall-icon-label-space:var(--md-sys-measurement-space50);--md-comp-button-xsmall-trailing-space:12px;--md-comp-button-xsmall-container-shape-square:var(--md-sys-shape-corner-medium);--md-comp-button-xsmall-pressed-container-shape:var(--md-sys-shape-corner-small);--md-comp-button-xsmall-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-button-xsmall-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-xsmall-selected-container-shape-square:calc(var(--md-comp-button-xsmall-container-height) / 2);--md-comp-button-xsmall-selected-container-shape-round:var(--md-sys-shape-corner-medium);--md-comp-button-small-container-height:40px;--md-comp-button-small-outlined-outline-width:1px;--md-comp-button-small-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-button-small-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-button-small-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-button-small-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-button-small-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-button-small-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-button-small-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-button-small-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-button-small-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-button-small-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-button-small-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-button-small-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-button-small-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-button-small-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-button-small-icon-size:20px;--md-comp-button-small-container-shape-round:calc(var(--md-comp-button-small-container-height) / 2);--md-comp-button-small-leading-space:var(--md-sys-measurement-space200);--md-comp-button-small-icon-label-space:var(--md-sys-measurement-space100);--md-comp-button-small-trailing-space:var(--md-sys-measurement-space200);--md-comp-button-small-container-shape-square:var(--md-sys-shape-corner-medium);--md-comp-button-small-pressed-container-shape:var(--md-sys-shape-corner-small);--md-comp-button-small-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-button-small-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-small-selected-container-shape-round:var(--md-sys-shape-corner-medium);--md-comp-button-small-selected-container-shape-square:calc(var(--md-comp-button-small-container-height) / 2);--md-comp-button-medium-container-height:56px;--md-comp-button-medium-outlined-outline-width:1px;--md-comp-button-medium-label-text-font:var(--md-sys-typescale-title-medium-font);--md-comp-button-medium-label-text-weight:var(--md-sys-typescale-title-medium-weight);--md-comp-button-medium-label-text-size:var(--md-sys-typescale-title-medium-size);--md-comp-button-medium-label-text-tracking:var(--md-sys-typescale-title-medium-tracking);--md-comp-button-medium-label-text-line-height:var(--md-sys-typescale-title-medium-line-height);--md-comp-button-medium-label-text-wght:var(--md-sys-typescale-title-medium-wght);--md-comp-button-medium-label-text-grad:var(--md-sys-typescale-title-medium-grad);--md-comp-button-medium-label-text-wdth:var(--md-sys-typescale-title-medium-wdth);--md-comp-button-medium-label-text-rond:var(--md-sys-typescale-title-medium-rond);--md-comp-button-medium-label-text-opsz:var(--md-sys-typescale-title-medium-opsz);--md-comp-button-medium-label-text-crsv:var(--md-sys-typescale-title-medium-crsv);--md-comp-button-medium-label-text-slnt:var(--md-sys-typescale-title-medium-slnt);--md-comp-button-medium-label-text-fill:var(--md-sys-typescale-title-medium-fill);--md-comp-button-medium-label-text-hexp:var(--md-sys-typescale-title-medium-hexp);--md-comp-button-medium-icon-size:24px;--md-comp-button-medium-container-shape-round:calc(var(--md-comp-button-medium-container-height) / 2);--md-comp-button-medium-leading-space:var(--md-sys-measurement-space300);--md-comp-button-medium-icon-label-space:var(--md-sys-measurement-space100);--md-comp-button-medium-trailing-space:var(--md-sys-measurement-space300);--md-comp-button-medium-container-shape-square:var(--md-sys-shape-corner-large);--md-comp-button-medium-pressed-container-shape:var(--md-sys-shape-corner-medium);--md-comp-button-medium-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-button-medium-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-medium-selected-container-shape-round:var(--md-sys-shape-corner-large);--md-comp-button-medium-selected-container-shape-square:calc(var(--md-comp-button-medium-container-height) / 2);--md-comp-button-large-container-height:96px;--md-comp-button-large-outlined-outline-width:2px;--md-comp-button-large-label-text-font:var(--md-sys-typescale-headline-small-font);--md-comp-button-large-label-text-weight:var(--md-sys-typescale-headline-small-weight);--md-comp-button-large-label-text-size:var(--md-sys-typescale-headline-small-size);--md-comp-button-large-label-text-tracking:var(--md-sys-typescale-headline-small-tracking);--md-comp-button-large-label-text-line-height:var(--md-sys-typescale-headline-small-line-height);--md-comp-button-large-label-text-wght:var(--md-sys-typescale-headline-small-wght);--md-comp-button-large-label-text-grad:var(--md-sys-typescale-headline-small-grad);--md-comp-button-large-label-text-wdth:var(--md-sys-typescale-headline-small-wdth);--md-comp-button-large-label-text-rond:var(--md-sys-typescale-headline-small-rond);--md-comp-button-large-label-text-opsz:var(--md-sys-typescale-headline-small-opsz);--md-comp-button-large-label-text-crsv:var(--md-sys-typescale-headline-small-crsv);--md-comp-button-large-label-text-slnt:var(--md-sys-typescale-headline-small-slnt);--md-comp-button-large-label-text-fill:var(--md-sys-typescale-headline-small-fill);--md-comp-button-large-label-text-hexp:var(--md-sys-typescale-headline-small-hexp);--md-comp-button-large-icon-size:32px;--md-comp-button-large-container-shape-round:calc(var(--md-comp-button-large-container-height) / 2);--md-comp-button-large-leading-space:var(--md-sys-measurement-space600);--md-comp-button-large-icon-label-space:var(--md-sys-measurement-space150);--md-comp-button-large-trailing-space:var(--md-sys-measurement-space600);--md-comp-button-large-container-shape-square:var(--md-sys-shape-corner-extra-large);--md-comp-button-large-pressed-container-shape:var(--md-sys-shape-corner-large);--md-comp-button-large-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-button-large-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-large-selected-container-shape-round:var(--md-sys-shape-corner-extra-large);--md-comp-button-large-selected-container-shape-square:calc(var(--md-comp-button-large-container-height) / 2);--md-comp-button-xlarge-container-height:136px;--md-comp-button-xlarge-outlined-outline-width:3px;--md-comp-button-xlarge-label-text-font:var(--md-sys-typescale-headline-large-font);--md-comp-button-xlarge-label-text-weight:var(--md-sys-typescale-headline-large-weight);--md-comp-button-xlarge-label-text-size:var(--md-sys-typescale-headline-large-size);--md-comp-button-xlarge-label-text-tracking:var(--md-sys-typescale-headline-large-tracking);--md-comp-button-xlarge-label-text-line-height:var(--md-sys-typescale-headline-large-line-height);--md-comp-button-xlarge-label-text-wght:var(--md-sys-typescale-headline-large-wght);--md-comp-button-xlarge-label-text-grad:var(--md-sys-typescale-headline-large-grad);--md-comp-button-xlarge-label-text-wdth:var(--md-sys-typescale-headline-large-wdth);--md-comp-button-xlarge-label-text-rond:var(--md-sys-typescale-headline-large-rond);--md-comp-button-xlarge-label-text-opsz:var(--md-sys-typescale-headline-large-opsz);--md-comp-button-xlarge-label-text-crsv:var(--md-sys-typescale-headline-large-crsv);--md-comp-button-xlarge-label-text-slnt:var(--md-sys-typescale-headline-large-slnt);--md-comp-button-xlarge-label-text-fill:var(--md-sys-typescale-headline-large-fill);--md-comp-button-xlarge-label-text-hexp:var(--md-sys-typescale-headline-large-hexp);--md-comp-button-xlarge-icon-size:40px;--md-comp-button-xlarge-container-shape-round:calc(var(--md-comp-button-xlarge-container-height) / 2);--md-comp-button-xlarge-leading-space:var(--md-sys-measurement-space800);--md-comp-button-xlarge-icon-label-space:var(--md-sys-measurement-space200);--md-comp-button-xlarge-trailing-space:var(--md-sys-measurement-space800);--md-comp-button-xlarge-container-shape-square:var(--md-sys-shape-corner-extra-large);--md-comp-button-xlarge-pressed-container-shape:var(--md-sys-shape-corner-large);--md-comp-button-xlarge-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-button-xlarge-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-xlarge-selected-container-shape-round:var(--md-sys-shape-corner-extra-large);--md-comp-button-xlarge-selected-container-shape-square:calc(var(--md-comp-button-xlarge-container-height) / 2);--md-comp-icon-button-container-color:var(--md-sys-color-primary);--md-comp-icon-button-unselected-container-color:var(--md-sys-color-surface-container);--md-comp-icon-button-selected-container-color:var(--md-sys-color-primary);--md-comp-icon-button-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-container-height:40px;--md-comp-icon-button-icon-size:24px;--md-comp-icon-button-narrow-leading-space:4px;--md-comp-icon-button-narrow-trailing-space:4px;--md-comp-icon-button-default-leading-space:8px;--md-comp-icon-button-default-trailing-space:8px;--md-comp-icon-button-wide-leading-space:14px;--md-comp-icon-button-wide-trailing-space:14px;--md-comp-icon-button-container-shape-round:calc(var(--md-comp-icon-button-container-height) / 2);--md-comp-icon-button-container-shape-square:var(--md-sys-shape-corner-medium);--md-comp-icon-button-pressed-container-shape:var(--md-sys-shape-corner-small);--md-comp-icon-button-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-icon-button-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-icon-button-selected-container-shape-round:var(--md-sys-shape-corner-medium);--md-comp-icon-button-selected-container-shape-square:calc(var(--md-comp-icon-button-container-height) / 2);--md-comp-icon-button-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-icon-button-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-icon-button-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-icon-button-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-disabled-container-opacity:10%;--md-comp-icon-button-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-disabled-icon-opacity:38%;--md-comp-icon-button-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-selected-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-container-color:var(--md-sys-color-primary);--md-comp-icon-button-filled-unselected-container-color:var(--md-sys-color-surface-container);--md-comp-icon-button-filled-selected-container-color:var(--md-sys-color-primary);--md-comp-icon-button-filled-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-filled-disabled-container-opacity:10%;--md-comp-icon-button-filled-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-filled-disabled-icon-opacity:38%;--md-comp-icon-button-filled-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-hovered-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-filled-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-hovered-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-focused-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-filled-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-focused-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-pressed-state-layer-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-filled-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-selected-pressed-icon-color:var(--md-sys-color-on-primary);--md-comp-icon-button-tonal-container-color:var(--md-sys-color-secondary-container);--md-comp-icon-button-tonal-unselected-container-color:var(--md-sys-color-secondary-container);--md-comp-icon-button-tonal-selected-container-color:var(--md-sys-color-secondary);--md-comp-icon-button-tonal-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-icon-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-tonal-disabled-container-opacity:10%;--md-comp-icon-button-tonal-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-tonal-disabled-icon-opacity:38%;--md-comp-icon-button-tonal-hovered-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-hovered-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-hovered-state-layer-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-tonal-hovered-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-hovered-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-hovered-icon-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-focused-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-focused-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-focused-state-layer-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-tonal-focused-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-focused-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-focused-icon-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-pressed-state-layer-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-tonal-pressed-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-pressed-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-selected-pressed-icon-color:var(--md-sys-color-on-secondary);--md-comp-icon-button-tertiary-container-color:var(--md-sys-color-tertiary-container);--md-comp-icon-button-tertiary-unselected-container-color:var(--md-sys-color-tertiary-container);--md-comp-icon-button-tertiary-selected-container-color:var(--md-sys-color-tertiary);--md-comp-icon-button-tertiary-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-icon-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-tertiary-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-tertiary-disabled-container-opacity:10%;--md-comp-icon-button-tertiary-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-tertiary-disabled-icon-opacity:38%;--md-comp-icon-button-tertiary-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-hovered-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-tertiary-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-tertiary-hovered-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-hovered-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-hovered-icon-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-tertiary-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-focused-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-tertiary-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-tertiary-focused-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-focused-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-focused-icon-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-tertiary-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-tertiary-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-tertiary-pressed-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-unselected-pressed-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-icon-button-tertiary-selected-pressed-icon-color:var(--md-sys-color-on-tertiary);--md-comp-icon-button-success-container-color:var(--md-sys-color-success-container);--md-comp-icon-button-success-unselected-container-color:var(--md-sys-color-success-container);--md-comp-icon-button-success-selected-container-color:var(--md-sys-color-success);--md-comp-icon-button-success-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-icon-color:var(--md-sys-color-on-success);--md-comp-icon-button-success-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-success-disabled-container-opacity:10%;--md-comp-icon-button-success-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-success-disabled-icon-opacity:38%;--md-comp-icon-button-success-hovered-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-hovered-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-hovered-state-layer-color:var(--md-sys-color-on-success);--md-comp-icon-button-success-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-success-hovered-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-hovered-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-hovered-icon-color:var(--md-sys-color-on-success);--md-comp-icon-button-success-focused-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-focused-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-focused-state-layer-color:var(--md-sys-color-on-success);--md-comp-icon-button-success-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-success-focused-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-focused-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-focused-icon-color:var(--md-sys-color-on-success);--md-comp-icon-button-success-pressed-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-pressed-state-layer-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-pressed-state-layer-color:var(--md-sys-color-on-success);--md-comp-icon-button-success-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-success-pressed-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-unselected-pressed-icon-color:var(--md-sys-color-on-success-container);--md-comp-icon-button-success-selected-pressed-icon-color:var(--md-sys-color-on-success);--md-comp-icon-button-error-container-color:var(--md-sys-color-error-container);--md-comp-icon-button-error-unselected-container-color:var(--md-sys-color-error-container);--md-comp-icon-button-error-selected-container-color:var(--md-sys-color-error);--md-comp-icon-button-error-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-icon-color:var(--md-sys-color-on-error);--md-comp-icon-button-error-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-error-disabled-container-opacity:10%;--md-comp-icon-button-error-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-error-disabled-icon-opacity:38%;--md-comp-icon-button-error-hovered-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-hovered-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-hovered-state-layer-color:var(--md-sys-color-on-error);--md-comp-icon-button-error-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-error-hovered-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-hovered-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-hovered-icon-color:var(--md-sys-color-on-error);--md-comp-icon-button-error-focused-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-focused-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-focused-state-layer-color:var(--md-sys-color-on-error);--md-comp-icon-button-error-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-error-focused-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-focused-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-focused-icon-color:var(--md-sys-color-on-error);--md-comp-icon-button-error-pressed-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-pressed-state-layer-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-pressed-state-layer-color:var(--md-sys-color-on-error);--md-comp-icon-button-error-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-error-pressed-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-unselected-pressed-icon-color:var(--md-sys-color-on-error-container);--md-comp-icon-button-error-selected-pressed-icon-color:var(--md-sys-color-on-error);--md-comp-icon-button-outlined-outline-color:var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-unselected-outline-color:var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-selected-container-color:var(--md-sys-color-inverse-surface);--md-comp-icon-button-outlined-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-disabled-outline-color:var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-unselected-disabled-outline-color:var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-selected-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-icon-button-outlined-selected-disabled-container-opacity:10%;--md-comp-icon-button-outlined-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-outlined-disabled-icon-opacity:38%;--md-comp-icon-button-outlined-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-hovered-state-layer-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-outlined-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-hovered-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-focused-state-layer-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-outlined-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-focused-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-pressed-state-layer-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-outlined-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-selected-pressed-icon-color:var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-standard-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-icon-color:var(--md-sys-color-primary);--md-comp-icon-button-standard-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-icon-button-standard-disabled-icon-opacity:38%;--md-comp-icon-button-standard-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-hovered-state-layer-color:var(--md-sys-color-primary);--md-comp-icon-button-standard-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-standard-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-hovered-icon-color:var(--md-sys-color-primary);--md-comp-icon-button-standard-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-focused-state-layer-color:var(--md-sys-color-primary);--md-comp-icon-button-standard-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-standard-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-focused-icon-color:var(--md-sys-color-primary);--md-comp-icon-button-standard-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-icon-button-standard-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-standard-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-selected-pressed-icon-color:var(--md-sys-color-primary);--md-comp-icon-button-xsmall-default-leading-space:6px;--md-comp-icon-button-xsmall-default-trailing-space:6px;--md-comp-icon-button-xsmall-container-shape-square:var(--md-sys-shape-corner-medium);--md-comp-icon-button-xsmall-container-shape-round:calc(var(--md-comp-icon-button-xsmall-container-height) / 2);--md-comp-icon-button-xsmall-wide-trailing-space:10px;--md-comp-icon-button-xsmall-wide-leading-space:10px;--md-comp-icon-button-xsmall-narrow-trailing-space:4px;--md-comp-icon-button-xsmall-narrow-leading-space:4px;--md-comp-icon-button-xsmall-container-height:32px;--md-comp-icon-button-xsmall-icon-size:20px;--md-comp-icon-button-xsmall-outlined-outline-width:1px;--md-comp-icon-button-xsmall-pressed-container-shape:var(--md-sys-shape-corner-small);--md-comp-icon-button-xsmall-selected-container-shape-square:calc(var(--md-comp-icon-button-xsmall-container-height) / 2);--md-comp-icon-button-xsmall-selected-container-shape-round:var(--md-sys-shape-corner-medium);--md-comp-icon-button-xsmall-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-icon-button-xsmall-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-icon-button-small-default-trailing-space:8px;--md-comp-icon-button-small-default-leading-space:8px;--md-comp-icon-button-small-container-height:40px;--md-comp-icon-button-small-icon-size:24px;--md-comp-icon-button-small-narrow-leading-space:4px;--md-comp-icon-button-small-narrow-trailing-space:4px;--md-comp-icon-button-small-wide-leading-space:14px;--md-comp-icon-button-small-wide-trailing-space:14px;--md-comp-icon-button-small-container-shape-round:calc(var(--md-comp-icon-button-small-container-height) / 2);--md-comp-icon-button-small-container-shape-square:var(--md-sys-shape-corner-medium);--md-comp-icon-button-small-outlined-outline-width:1px;--md-comp-icon-button-small-pressed-container-shape:var(--md-sys-shape-corner-small);--md-comp-icon-button-small-selected-container-shape-square:calc(var(--md-comp-icon-button-small-container-height) / 2);--md-comp-icon-button-small-selected-container-shape-round:var(--md-sys-shape-corner-medium);--md-comp-icon-button-small-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-icon-button-small-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-icon-button-medium-default-trailing-space:16px;--md-comp-icon-button-medium-default-leading-space:16px;--md-comp-icon-button-medium-container-height:56px;--md-comp-icon-button-medium-icon-size:24px;--md-comp-icon-button-medium-narrow-trailing-space:12px;--md-comp-icon-button-medium-narrow-leading-space:12px;--md-comp-icon-button-medium-wide-leading-space:24px;--md-comp-icon-button-medium-wide-trailing-space:24px;--md-comp-icon-button-medium-container-shape-round:calc(var(--md-comp-icon-button-medium-container-height) / 2);--md-comp-icon-button-medium-container-shape-square:var(--md-sys-shape-corner-large);--md-comp-icon-button-medium-outlined-outline-width:1px;--md-comp-icon-button-medium-pressed-container-shape:var(--md-sys-shape-corner-medium);--md-comp-icon-button-medium-selected-container-shape-square:calc(var(--md-comp-icon-button-medium-container-height) / 2);--md-comp-icon-button-medium-selected-container-shape-round:var(--md-sys-shape-corner-large);--md-comp-icon-button-medium-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-icon-button-medium-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-icon-button-large-default-trailing-space:32px;--md-comp-icon-button-large-default-leading-space:32px;--md-comp-icon-button-large-container-height:96px;--md-comp-icon-button-large-icon-size:32px;--md-comp-icon-button-large-narrow-leading-space:16px;--md-comp-icon-button-large-narrow-trailing-space:16px;--md-comp-icon-button-large-wide-leading-space:48px;--md-comp-icon-button-large-wide-trailing-space:48px;--md-comp-icon-button-large-container-shape-round:calc(var(--md-comp-icon-button-large-container-height) / 2);--md-comp-icon-button-large-container-shape-square:var(--md-sys-shape-corner-extra-large);--md-comp-icon-button-large-outlined-outline-width:2px;--md-comp-icon-button-large-pressed-container-shape:var(--md-sys-shape-corner-large);--md-comp-icon-button-large-selected-container-shape-square:calc(var(--md-comp-icon-button-large-container-height) / 2);--md-comp-icon-button-large-selected-container-shape-round:var(--md-sys-shape-corner-extra-large);--md-comp-icon-button-large-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-icon-button-large-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-icon-button-xlarge-default-trailing-space:48px;--md-comp-icon-button-xlarge-default-leading-space:48px;--md-comp-icon-button-xlarge-container-height:136px;--md-comp-icon-button-xlarge-icon-size:40px;--md-comp-icon-button-xlarge-narrow-leading-space:32px;--md-comp-icon-button-xlarge-narrow-trailing-space:32px;--md-comp-icon-button-xlarge-wide-leading-space:72px;--md-comp-icon-button-xlarge-wide-trailing-space:72px;--md-comp-icon-button-xlarge-container-shape-round:calc(var(--md-comp-icon-button-xlarge-container-height) / 2);--md-comp-icon-button-xlarge-container-shape-square:var(--md-sys-shape-corner-extra-large);--md-comp-icon-button-xlarge-outlined-outline-width:3px;--md-comp-icon-button-xlarge-pressed-container-shape:var(--md-sys-shape-corner-large);--md-comp-icon-button-xlarge-selected-container-shape-square:calc(var(--md-comp-icon-button-xlarge-container-height) / 2);--md-comp-icon-button-xlarge-selected-container-shape-round:var(--md-sys-shape-corner-extra-large);--md-comp-icon-button-xlarge-pressed-container-corner-size-motion-spring-duration:var(--md-sys-motion-spring-expressive-fast-spatial-duration);--md-comp-icon-button-xlarge-pressed-container-corner-size-motion-spring-easing:var(--md-sys-motion-spring-expressive-fast-spatial-easing);--md-comp-button-group-connected-xsmall-container-height:32px;--md-comp-button-group-connected-xsmall-container-shape:calc(var(--md-comp-button-group-connected-xsmall-container-height) / 2);--md-comp-button-group-connected-xsmall-between-space:2px;--md-comp-button-group-connected-xsmall-selected-inner-corner-corner-size:calc(var(--md-comp-button-group-connected-xsmall-container-height) / 4);--md-comp-button-group-connected-xsmall-pressed-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-button-group-connected-xsmall-inner-corner-corner-size:var(--md-sys-shape-corner-small);--md-comp-button-group-connected-small-container-height:40px;--md-comp-button-group-connected-small-container-shape:calc(var(--md-comp-button-group-connected-small-container-height) / 2);--md-comp-button-group-connected-small-between-space:2px;--md-comp-button-group-connected-small-selected-inner-corner-corner-size:calc(var(--md-comp-button-group-connected-small-container-height) / 4);--md-comp-button-group-connected-small-pressed-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-button-group-connected-small-inner-corner-corner-size:var(--md-sys-shape-corner-small);--md-comp-button-group-connected-medium-container-height:56px;--md-comp-button-group-connected-medium-container-shape:calc(var(--md-comp-button-group-connected-medium-container-height) / 2);--md-comp-button-group-connected-medium-between-space:2px;--md-comp-button-group-connected-medium-selected-inner-corner-corner-size:calc(var(--md-comp-button-group-connected-medium-container-height) / 4);--md-comp-button-group-connected-medium-pressed-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-button-group-connected-medium-inner-corner-corner-size:var(--md-sys-shape-corner-small);--md-comp-button-group-connected-large-container-height:96px;--md-comp-button-group-connected-large-container-shape:calc(var(--md-comp-button-group-connected-large-container-height) / 2);--md-comp-button-group-connected-large-between-space:2px;--md-comp-button-group-connected-large-selected-inner-corner-corner-size:calc(var(--md-comp-button-group-connected-large-container-height) / 4);--md-comp-button-group-connected-large-pressed-inner-corner-corner-size:var(--md-sys-shape-corner-medium);--md-comp-button-group-connected-large-inner-corner-corner-size:var(--md-sys-shape-corner-large);--md-comp-button-group-connected-xlarge-container-height:136px;--md-comp-button-group-connected-xlarge-container-shape:calc(var(--md-comp-button-group-connected-xlarge-container-height) / 2);--md-comp-button-group-connected-xlarge-between-space:2px;--md-comp-button-group-connected-xlarge-selected-inner-corner-corner-size:calc(var(--md-comp-button-group-connected-xlarge-container-height) / 4);--md-comp-button-group-connected-xlarge-pressed-inner-corner-corner-size:var(--md-sys-shape-corner-large);--md-comp-button-group-connected-xlarge-inner-corner-corner-size:var(--md-sys-shape-corner-large-increased);--md-comp-button-group-standard-xsmall-container-height:32px;--md-comp-button-group-standard-xsmall-between-space:18px;--md-comp-button-group-standard-xsmall-pressed-item-width-multiplier:15%;--md-comp-button-group-standard-small-container-height:40px;--md-comp-button-group-standard-small-between-space:12px;--md-comp-button-group-standard-small-pressed-item-width-multiplier:15%;--md-comp-button-group-standard-medium-container-height:56px;--md-comp-button-group-standard-medium-between-space:8px;--md-comp-button-group-standard-medium-pressed-item-width-multiplier:15%;--md-comp-button-group-standard-large-container-height:96px;--md-comp-button-group-standard-large-between-space:8px;--md-comp-button-group-standard-large-pressed-item-width-multiplier:15%;--md-comp-button-group-standard-xlarge-container-height:136px;--md-comp-button-group-standard-xlarge-between-space:8px;--md-comp-button-group-standard-xlarge-pressed-item-width-multiplier:15%;--md-comp-split-button-xsmall-container-height:32px;--md-comp-split-button-xsmall-container-shape:calc(var(--md-comp-split-button-xsmall-container-height) / 2);--md-comp-split-button-xsmall-between-space:2px;--md-comp-split-button-xsmall-inner-corner-pressed-corner-size:var(--md-sys-shape-corner-small);--md-comp-split-button-xsmall-inner-corner-hovered-corner-size:var(--md-sys-shape-corner-small);--md-comp-split-button-xsmall-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-split-button-xsmall-leading-button-leading-space:12px;--md-comp-split-button-xsmall-leading-button-trailing-space:10px;--md-comp-split-button-xsmall-trailing-button-icon-size:22px;--md-comp-split-button-xsmall-trailing-button-icon-selected-offset:1px;--md-comp-split-button-xsmall-trailing-button-trailing-space:13px;--md-comp-split-button-xsmall-trailing-button-leading-space:13px;--md-comp-split-button-xsmall-trailing-button-inner-corner-selected-corner-size:calc(var(--md-comp-split-button-xsmall-container-height) / 2);--md-comp-split-button-small-container-height:40px;--md-comp-split-button-small-container-shape:calc(var(--md-comp-split-button-small-container-height) / 2);--md-comp-split-button-small-between-space:2px;--md-comp-split-button-small-inner-corner-pressed-corner-size:var(--md-sys-shape-corner-medium);--md-comp-split-button-small-inner-corner-hovered-corner-size:var(--md-sys-shape-corner-medium);--md-comp-split-button-small-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-split-button-small-leading-button-leading-space:16px;--md-comp-split-button-small-leading-button-trailing-space:12px;--md-comp-split-button-small-trailing-button-icon-size:22px;--md-comp-split-button-small-trailing-button-icon-selected-offset:1px;--md-comp-split-button-small-trailing-button-leading-space:13px;--md-comp-split-button-small-trailing-button-trailing-space:13px;--md-comp-split-button-small-trailing-button-inner-corner-selected-corner-size:calc(var(--md-comp-split-button-small-container-height) / 2);--md-comp-split-button-medium-container-height:56px;--md-comp-split-button-medium-container-shape:calc(var(--md-comp-split-button-medium-container-height) / 2);--md-comp-split-button-medium-between-space:2px;--md-comp-split-button-medium-inner-corner-pressed-corner-size:var(--md-sys-shape-corner-medium);--md-comp-split-button-medium-inner-corner-hovered-corner-size:var(--md-sys-shape-corner-medium);--md-comp-split-button-medium-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-split-button-medium-leading-button-leading-space:24px;--md-comp-split-button-medium-leading-button-trailing-space:24px;--md-comp-split-button-medium-trailing-button-icon-size:26px;--md-comp-split-button-medium-trailing-button-icon-selected-offset:2px;--md-comp-split-button-medium-trailing-button-leading-space:15px;--md-comp-split-button-medium-trailing-button-trailing-space:15px;--md-comp-split-button-medium-trailing-button-inner-corner-selected-corner-size:calc(var(--md-comp-split-button-medium-container-height) / 2);--md-comp-split-button-large-container-height:96px;--md-comp-split-button-large-container-shape:calc(var(--md-comp-split-button-large-container-height) / 2);--md-comp-split-button-large-between-space:2px;--md-comp-split-button-large-inner-corner-pressed-corner-size:var(--md-sys-shape-corner-large-increased);--md-comp-split-button-large-inner-corner-hovered-corner-size:var(--md-sys-shape-corner-large-increased);--md-comp-split-button-large-inner-corner-corner-size:var(--md-sys-shape-corner-small);--md-comp-split-button-large-leading-button-leading-space:48px;--md-comp-split-button-large-leading-button-trailing-space:48px;--md-comp-split-button-large-trailing-button-icon-size:38px;--md-comp-split-button-large-trailing-button-icon-selected-offset:3px;--md-comp-split-button-large-trailing-button-leading-space:29px;--md-comp-split-button-large-trailing-button-trailing-space:29px;--md-comp-split-button-large-trailing-button-inner-corner-selected-corner-size:calc(var(--md-comp-split-button-large-container-height) / 2);--md-comp-split-button-xlarge-container-height:136px;--md-comp-split-button-xlarge-container-shape:calc(var(--md-comp-split-button-xlarge-container-height) / 2);--md-comp-split-button-xlarge-between-space:2px;--md-comp-split-button-xlarge-inner-corner-corner-size:var(--md-sys-shape-corner-medium);--md-comp-split-button-xlarge-inner-corner-hovered-corner-size:var(--md-sys-shape-corner-large-increased);--md-comp-split-button-xlarge-inner-corner-pressed-corner-size:var(--md-sys-shape-corner-large-increased);--md-comp-split-button-xlarge-leading-button-leading-space:64px;--md-comp-split-button-xlarge-leading-button-trailing-space:64px;--md-comp-split-button-xlarge-trailing-button-icon-size:50px;--md-comp-split-button-xlarge-trailing-button-icon-selected-offset:6px;--md-comp-split-button-xlarge-trailing-button-leading-space:43px;--md-comp-split-button-xlarge-trailing-button-trailing-space:43px;--md-comp-split-button-xlarge-trailing-button-inner-corner-selected-corner-size:calc(var(--md-comp-split-button-xlarge-container-height) / 2);--md-comp-assist-chip-container-shape:var(--md-sys-shape-corner-small);--md-comp-assist-chip-container-height:32px;--md-comp-assist-chip-flat-container-elevation:var(--md-sys-elevation-level0);--md-comp-assist-chip-flat-outline-color:var(--md-sys-color-outline-variant);--md-comp-assist-chip-flat-outline-width:1px;--md-comp-assist-chip-elevated-container-elevation:var(--md-sys-elevation-level1);--md-comp-assist-chip-elevated-container-color:var(--md-sys-color-surface-container-low);--md-comp-assist-chip-elevated-container-shadow-color:var(--md-sys-color-shadow);--md-comp-assist-chip-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-assist-chip-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-assist-chip-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-assist-chip-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-assist-chip-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-assist-chip-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-assist-chip-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-assist-chip-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-assist-chip-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-assist-chip-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-assist-chip-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-assist-chip-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-assist-chip-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-assist-chip-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-assist-chip-label-text-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-with-icon-icon-size:18px;--md-comp-assist-chip-with-icon-icon-color:var(--md-sys-color-primary);--md-comp-assist-chip-flat-disabled-outline-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-flat-disabled-outline-opacity:12%;--md-comp-assist-chip-elevated-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-assist-chip-elevated-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-elevated-disabled-container-opacity:12%;--md-comp-assist-chip-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-disabled-label-text-opacity:38%;--md-comp-assist-chip-with-icon-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-with-icon-disabled-icon-opacity:38%;--md-comp-assist-chip-elevated-hover-container-elevation:var(--md-sys-elevation-level2);--md-comp-assist-chip-hover-label-text-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-hover-state-layer-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-assist-chip-with-icon-hover-icon-color:var(--md-sys-color-primary);--md-comp-assist-chip-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-assist-chip-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-assist-chip-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-assist-chip-flat-focus-outline-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-elevated-focus-container-elevation:var(--md-sys-elevation-level1);--md-comp-assist-chip-focus-label-text-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-focus-state-layer-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-assist-chip-with-icon-focus-icon-color:var(--md-sys-color-primary);--md-comp-assist-chip-elevated-pressed-container-elevation:var(--md-sys-elevation-level1);--md-comp-assist-chip-pressed-label-text-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-pressed-state-layer-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-assist-chip-with-icon-pressed-icon-color:var(--md-sys-color-primary);--md-comp-assist-chip-dragged-container-elevation:var(--md-sys-elevation-level4);--md-comp-assist-chip-dragged-label-text-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-dragged-state-layer-color:var(--md-sys-color-on-surface);--md-comp-assist-chip-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity);--md-comp-assist-chip-with-icon-dragged-icon-color:var(--md-sys-color-primary);--md-comp-filter-chip-container-shape:var(--md-sys-shape-corner-small);--md-comp-filter-chip-container-height:32px;--md-comp-filter-chip-flat-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-outline-color:var(--md-sys-color-outline-variant);--md-comp-filter-chip-flat-unselected-outline-width:1px;--md-comp-filter-chip-flat-selected-container-color:var(--md-sys-color-secondary-container);--md-comp-filter-chip-flat-selected-outline-width:0px;--md-comp-filter-chip-elevated-container-elevation:var(--md-sys-elevation-level1);--md-comp-filter-chip-elevated-container-shadow-color:var(--md-sys-color-shadow);--md-comp-filter-chip-elevated-unselected-container-color:var(--md-sys-color-surface-container-low);--md-comp-filter-chip-elevated-selected-container-color:var(--md-sys-color-secondary-container);--md-comp-filter-chip-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-filter-chip-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-filter-chip-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-filter-chip-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-filter-chip-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-filter-chip-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-filter-chip-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-filter-chip-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-filter-chip-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-filter-chip-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-filter-chip-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-filter-chip-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-filter-chip-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-filter-chip-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-filter-chip-unselected-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-icon-icon-size:18px;--md-comp-filter-chip-with-leading-icon-selected-leading-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-unselected-leading-icon-color:var(--md-sys-color-primary);--md-comp-filter-chip-with-trailing-icon-selected-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-unselected-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-flat-disabled-unselected-outline-color:var(--md-sys-color-on-surface);--md-comp-filter-chip-flat-disabled-unselected-outline-opacity:12%;--md-comp-filter-chip-flat-disabled-selected-container-color:var(--md-sys-color-on-surface);--md-comp-filter-chip-flat-disabled-selected-container-opacity:12%;--md-comp-filter-chip-elevated-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-elevated-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-filter-chip-elevated-disabled-container-opacity:12%;--md-comp-filter-chip-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-filter-chip-disabled-label-text-opacity:38%;--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-color:var(--md-sys-color-on-surface);--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-opacity:38%;--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-color:var(--md-sys-color-on-surface);--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-opacity:38%;--md-comp-filter-chip-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-filter-chip-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-filter-chip-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-filter-chip-elevated-focus-container-elevation:var(--md-sys-elevation-level1);--md-comp-filter-chip-flat-unselected-focus-outline-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-flat-selected-focus-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-focus-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-unselected-focus-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-focus-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-unselected-focus-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-filter-chip-selected-focus-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-filter-chip-with-leading-icon-unselected-focus-leading-icon-color:var(--md-sys-color-primary);--md-comp-filter-chip-with-trailing-icon-unselected-focus-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-leading-icon-selected-focus-leading-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-focus-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-elevated-hover-container-elevation:var(--md-sys-elevation-level2);--md-comp-filter-chip-flat-selected-hover-container-elevation:var(--md-sys-elevation-level1);--md-comp-filter-chip-flat-unselected-hover-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-unselected-hover-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-hover-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-unselected-hover-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-filter-chip-selected-hover-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-filter-chip-with-trailing-icon-selected-hover-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-selected-hover-leading-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-unselected-hover-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-leading-icon-unselected-hover-leading-icon-color:var(--md-sys-color-primary);--md-comp-filter-chip-elevated-pressed-container-elevation:var(--md-sys-elevation-level1);--md-comp-filter-chip-flat-selected-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-pressed-container-elevation:var(--md-sys-elevation-level0);--md-comp-filter-chip-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-pressed-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-unselected-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-unselected-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filter-chip-selected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filter-chip-with-leading-icon-unselected-pressed-leading-icon-color:var(--md-sys-color-primary);--md-comp-filter-chip-with-trailing-icon-unselected-pressed-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-leading-icon-selected-pressed-leading-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-pressed-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-dragged-container-elevation:var(--md-sys-elevation-level4);--md-comp-filter-chip-unselected-dragged-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-dragged-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-unselected-dragged-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filter-chip-selected-dragged-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filter-chip-with-leading-icon-unselected-dragged-leading-icon-color:var(--md-sys-color-primary);--md-comp-filter-chip-with-trailing-icon-unselected-dragged-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-leading-icon-selected-dragged-leading-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-dragged-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-avatar-avatar-size:24px;--md-comp-input-chip-with-avatar-avatar-shape:var(--md-sys-shape-corner-full);--md-comp-input-chip-container-shape:var(--md-sys-shape-corner-small);--md-comp-input-chip-container-height:32px;--md-comp-input-chip-container-elevation:var(--md-sys-elevation-level0);--md-comp-input-chip-unselected-outline-color:var(--md-sys-color-outline-variant);--md-comp-input-chip-unselected-outline-width:1px;--md-comp-input-chip-selected-container-color:var(--md-sys-color-secondary-container);--md-comp-input-chip-selected-outline-width:0px;--md-comp-input-chip-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-input-chip-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-input-chip-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-input-chip-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-input-chip-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-input-chip-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-input-chip-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-input-chip-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-input-chip-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-input-chip-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-input-chip-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-input-chip-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-input-chip-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-input-chip-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-input-chip-selected-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-unselected-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-leading-icon-size:18px;--md-comp-input-chip-with-leading-icon-selected-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-unselected-leading-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-trailing-icon-size:18px;--md-comp-input-chip-with-trailing-icon-selected-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-trailing-icon-unselected-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-disabled-unselected-outline-color:var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-unselected-outline-opacity:12%;--md-comp-input-chip-disabled-selected-container-color:var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-selected-container-opacity:12%;--md-comp-input-chip-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-label-text-opacity:38%;--md-comp-input-chip-with-leading-icon-disabled-leading-icon-color:var(--md-sys-color-on-surface);--md-comp-input-chip-with-leading-icon-disabled-leading-icon-opacity:38%;--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-color:var(--md-sys-color-on-surface);--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-opacity:38%;--md-comp-input-chip-with-avatar-disabled-avatar-opacity:38%;--md-comp-input-chip-unselected-hover-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-selected-hover-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-unselected-hover-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-selected-hover-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-with-leading-icon-unselected-hover-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-selected-hover-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-unselected-hover-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-selected-hover-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-input-chip-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-input-chip-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-input-chip-unselected-focus-outline-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-focus-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-selected-focus-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-unselected-focus-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-selected-focus-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-with-leading-icon-unselected-focus-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-selected-focus-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-unselected-focus-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-selected-focus-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-unselected-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-selected-pressed-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-unselected-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-selected-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-with-leading-icon-unselected-pressed-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-selected-pressed-leading-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-unselected-pressed-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-selected-pressed-trailing-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-dragged-container-elevation:var(--md-sys-elevation-level4);--md-comp-input-chip-unselected-dragged-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-selected-dragged-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-unselected-dragged-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-selected-dragged-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-with-trailing-icon-unselected-dragged-trailing-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-selected-dragged-trailing-icon-color:var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-unselected-dragged-leading-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-selected-dragged-leading-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-suggestion-chip-container-shape:var(--md-sys-shape-corner-small);--md-comp-suggestion-chip-container-height:32px;--md-comp-suggestion-chip-flat-container-elevation:var(--md-sys-elevation-level0);--md-comp-suggestion-chip-flat-outline-color:var(--md-sys-color-outline-variant);--md-comp-suggestion-chip-flat-outline-width:1px;--md-comp-suggestion-chip-elevated-container-elevation:var(--md-sys-elevation-level1);--md-comp-suggestion-chip-elevated-container-color:var(--md-sys-color-surface-container-low);--md-comp-suggestion-chip-elevated-container-shadow-color:var(--md-sys-color-shadow);--md-comp-suggestion-chip-with-leading-icon-leading-icon-color:var(--md-sys-color-primary);--md-comp-suggestion-chip-with-leading-icon-leading-icon-size:18px;--md-comp-suggestion-chip-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-suggestion-chip-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-suggestion-chip-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-suggestion-chip-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-suggestion-chip-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-suggestion-chip-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-suggestion-chip-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-suggestion-chip-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-suggestion-chip-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-suggestion-chip-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-suggestion-chip-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-suggestion-chip-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-suggestion-chip-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-suggestion-chip-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-suggestion-chip-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-flat-disabled-outline-color:var(--md-sys-color-on-surface);--md-comp-suggestion-chip-flat-disabled-outline-opacity:12%;--md-comp-suggestion-chip-elevated-disabled-container-elevation:var(--md-sys-elevation-level0);--md-comp-suggestion-chip-elevated-disabled-container-color:var(--md-sys-color-on-surface);--md-comp-suggestion-chip-elevated-disabled-container-opacity:12%;--md-comp-suggestion-chip-with-leading-icon-disabled-leading-icon-color:var(--md-sys-color-on-surface);--md-comp-suggestion-chip-with-leading-icon-disabled-leading-icon-opacity:38%;--md-comp-suggestion-chip-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-suggestion-chip-disabled-label-text-opacity:38%;--md-comp-suggestion-chip-elevated-hover-container-elevation:var(--md-sys-elevation-level2);--md-comp-suggestion-chip-with-leading-icon-hover-leading-icon-color:var(--md-sys-color-primary);--md-comp-suggestion-chip-hover-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-hover-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-suggestion-chip-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-suggestion-chip-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-suggestion-chip-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-outer-offset);--md-comp-suggestion-chip-flat-focus-outline-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-elevated-focus-container-elevation:var(--md-sys-elevation-level1);--md-comp-suggestion-chip-with-leading-icon-focus-leading-icon-color:var(--md-sys-color-primary);--md-comp-suggestion-chip-focus-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-focus-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-suggestion-chip-elevated-pressed-container-elevation:var(--md-sys-elevation-level1);--md-comp-suggestion-chip-with-leading-icon-pressed-leading-icon-color:var(--md-sys-color-primary);--md-comp-suggestion-chip-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-suggestion-chip-dragged-container-elevation:var(--md-sys-elevation-level4);--md-comp-suggestion-chip-with-leading-icon-dragged-leading-icon-color:var(--md-sys-color-primary);--md-comp-suggestion-chip-dragged-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-dragged-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-dragged-state-layer-opacity:var(--md-sys-state-dragged-state-layer-opacity)}.Dialog{--md-comp-dialog-container-color:var(--md-sys-color-surface-container-high);--md-comp-dialog-container-elevation:var(--md-sys-elevation-level3);--md-comp-dialog-container-shape:var(--md-sys-shape-corner-extra-large);--md-comp-dialog-action-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-dialog-action-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-dialog-action-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-dialog-action-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-dialog-action-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-dialog-action-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-dialog-action-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-dialog-action-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-dialog-action-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-dialog-action-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-dialog-action-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-dialog-action-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-dialog-action-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-dialog-action-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-dialog-action-label-text-color:var(--md-sys-color-primary);--md-comp-dialog-with-icon-icon-size:24px;--md-comp-dialog-with-icon-icon-color:var(--md-sys-color-secondary);--md-comp-dialog-headline-font:var(--md-sys-typescale-headline-small-font);--md-comp-dialog-headline-weight:var(--md-sys-typescale-headline-small-weight);--md-comp-dialog-headline-size:var(--md-sys-typescale-headline-small-size);--md-comp-dialog-headline-tracking:var(--md-sys-typescale-headline-small-tracking);--md-comp-dialog-headline-line-height:var(--md-sys-typescale-headline-small-line-height);--md-comp-dialog-headline-wght:var(--md-sys-typescale-headline-small-wght);--md-comp-dialog-headline-grad:var(--md-sys-typescale-headline-small-grad);--md-comp-dialog-headline-wdth:var(--md-sys-typescale-headline-small-wdth);--md-comp-dialog-headline-rond:var(--md-sys-typescale-headline-small-rond);--md-comp-dialog-headline-opsz:var(--md-sys-typescale-headline-small-opsz);--md-comp-dialog-headline-crsv:var(--md-sys-typescale-headline-small-crsv);--md-comp-dialog-headline-slnt:var(--md-sys-typescale-headline-small-slnt);--md-comp-dialog-headline-fill:var(--md-sys-typescale-headline-small-fill);--md-comp-dialog-headline-hexp:var(--md-sys-typescale-headline-small-hexp);--md-comp-dialog-headline-color:var(--md-sys-color-on-surface);--md-comp-dialog-supporting-text-font:var(--md-sys-typescale-body-medium-font);--md-comp-dialog-supporting-text-weight:var(--md-sys-typescale-body-medium-weight);--md-comp-dialog-supporting-text-size:var(--md-sys-typescale-body-medium-size);--md-comp-dialog-supporting-text-tracking:var(--md-sys-typescale-body-medium-tracking);--md-comp-dialog-supporting-text-line-height:var(--md-sys-typescale-body-medium-line-height);--md-comp-dialog-supporting-text-wght:var(--md-sys-typescale-body-medium-wght);--md-comp-dialog-supporting-text-grad:var(--md-sys-typescale-body-medium-grad);--md-comp-dialog-supporting-text-wdth:var(--md-sys-typescale-body-medium-wdth);--md-comp-dialog-supporting-text-rond:var(--md-sys-typescale-body-medium-rond);--md-comp-dialog-supporting-text-opsz:var(--md-sys-typescale-body-medium-opsz);--md-comp-dialog-supporting-text-crsv:var(--md-sys-typescale-body-medium-crsv);--md-comp-dialog-supporting-text-slnt:var(--md-sys-typescale-body-medium-slnt);--md-comp-dialog-supporting-text-fill:var(--md-sys-typescale-body-medium-fill);--md-comp-dialog-supporting-text-hexp:var(--md-sys-typescale-body-medium-hexp);--md-comp-dialog-supporting-text-color:var(--md-sys-color-on-surface-variant);--md-comp-dialog-action-hover-label-text-color:var(--md-sys-color-primary);--md-comp-dialog-action-hover-state-layer-color:var(--md-sys-color-primary);--md-comp-dialog-action-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-dialog-action-focus-label-text-color:var(--md-sys-color-primary);--md-comp-dialog-action-focus-state-layer-color:var(--md-sys-color-primary);--md-comp-dialog-action-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-dialog-action-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-dialog-action-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-dialog-action-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-full-screen-dialog-header-on-scroll-container-color:var(--md-sys-color-surface-container);--md-comp-full-screen-dialog-container-color:var(--md-sys-color-surface);--md-comp-full-screen-dialog-container-elevation:var(--md-sys-elevation-level0);--md-comp-full-screen-dialog-container-shape:var(--md-sys-shape-corner-none);--md-comp-full-screen-dialog-header-container-height:56px;--md-comp-full-screen-dialog-header-container-color:var(--md-sys-color-surface);--md-comp-full-screen-dialog-header-container-elevation:var(--md-sys-elevation-level0);--md-comp-full-screen-dialog-header-on-scroll-container-elevation:var(--md-sys-elevation-level2);--md-comp-full-screen-dialog-header-action-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-full-screen-dialog-header-action-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-full-screen-dialog-header-action-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-full-screen-dialog-header-action-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-full-screen-dialog-header-action-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-full-screen-dialog-header-action-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-full-screen-dialog-header-action-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-full-screen-dialog-header-action-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-full-screen-dialog-header-action-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-full-screen-dialog-header-action-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-full-screen-dialog-header-action-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-full-screen-dialog-header-action-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-full-screen-dialog-header-action-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-full-screen-dialog-header-action-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-full-screen-dialog-header-action-label-text-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-icon-color:var(--md-sys-color-on-surface);--md-comp-full-screen-dialog-header-icon-size:24px;--md-comp-full-screen-dialog-header-headline-color:var(--md-sys-color-on-surface);--md-comp-full-screen-dialog-header-headline-font:var(--md-sys-typescale-title-large-font);--md-comp-full-screen-dialog-header-headline-weight:var(--md-sys-typescale-title-large-weight);--md-comp-full-screen-dialog-header-headline-size:var(--md-sys-typescale-title-large-size);--md-comp-full-screen-dialog-header-headline-tracking:var(--md-sys-typescale-title-large-tracking);--md-comp-full-screen-dialog-header-headline-line-height:var(--md-sys-typescale-title-large-line-height);--md-comp-full-screen-dialog-header-headline-wght:var(--md-sys-typescale-title-large-wght);--md-comp-full-screen-dialog-header-headline-grad:var(--md-sys-typescale-title-large-grad);--md-comp-full-screen-dialog-header-headline-wdth:var(--md-sys-typescale-title-large-wdth);--md-comp-full-screen-dialog-header-headline-rond:var(--md-sys-typescale-title-large-rond);--md-comp-full-screen-dialog-header-headline-opsz:var(--md-sys-typescale-title-large-opsz);--md-comp-full-screen-dialog-header-headline-crsv:var(--md-sys-typescale-title-large-crsv);--md-comp-full-screen-dialog-header-headline-slnt:var(--md-sys-typescale-title-large-slnt);--md-comp-full-screen-dialog-header-headline-fill:var(--md-sys-typescale-title-large-fill);--md-comp-full-screen-dialog-header-headline-hexp:var(--md-sys-typescale-title-large-hexp);--md-comp-full-screen-dialog-header-action-hover-label-text-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-hover-state-layer-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-full-screen-dialog-header-action-focus-label-text-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-focus-state-layer-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-full-screen-dialog-header-action-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity)}:root{--md-comp-divider-thickness:1px;--md-comp-divider-color:var(--md-sys-color-outline-variant);--md-comp-icon-color:currentcolor;--md-comp-icon-opacity:100%;--md-comp-icon-size:24px;--md-comp-icon-grade:0;--md-comp-icon-weight:400;--md-comp-icon-optical-size:24;--md-comp-icon-spring-duration:var(--md-sys-motion-spring-expressive-fast-effects-duration);--md-comp-icon-spring-easing:var(--md-sys-motion-spring-expressive-fast-effects-easing);--md-comp-menus-menu-item-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-menus-menu-item-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-menus-menu-item-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-menus-menu-item-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-menus-menu-item-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-menus-menu-item-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-menus-menu-item-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-menus-menu-item-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-menus-menu-item-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-menus-menu-item-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-menus-menu-item-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-menus-menu-item-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-menus-menu-item-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-menus-menu-item-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-menus-menu-group-label-text-font:var(--md-sys-typescale-label-medium-font);--md-comp-menus-menu-group-label-text-weight:var(--md-sys-typescale-label-medium-weight);--md-comp-menus-menu-group-label-text-size:var(--md-sys-typescale-label-medium-size);--md-comp-menus-menu-group-label-text-tracking:var(--md-sys-typescale-label-medium-tracking);--md-comp-menus-menu-group-label-text-line-height:var(--md-sys-typescale-label-medium-line-height);--md-comp-menus-menu-group-label-text-wght:var(--md-sys-typescale-label-medium-wght);--md-comp-menus-menu-group-label-text-grad:var(--md-sys-typescale-label-medium-grad);--md-comp-menus-menu-group-label-text-wdth:var(--md-sys-typescale-label-medium-wdth);--md-comp-menus-menu-group-label-text-rond:var(--md-sys-typescale-label-medium-rond);--md-comp-menus-menu-group-label-text-opsz:var(--md-sys-typescale-label-medium-opsz);--md-comp-menus-menu-group-label-text-crsv:var(--md-sys-typescale-label-medium-crsv);--md-comp-menus-menu-group-label-text-slnt:var(--md-sys-typescale-label-medium-slnt);--md-comp-menus-menu-group-label-text-fill:var(--md-sys-typescale-label-medium-fill);--md-comp-menus-menu-group-label-text-hexp:var(--md-sys-typescale-label-medium-hexp);--md-comp-menus-menu-item-supporting-text-font:var(--md-sys-typescale-body-small-font);--md-comp-menus-menu-item-supporting-text-weight:var(--md-sys-typescale-body-small-weight);--md-comp-menus-menu-item-supporting-text-size:var(--md-sys-typescale-body-small-size);--md-comp-menus-menu-item-supporting-text-tracking:var(--md-sys-typescale-body-small-tracking);--md-comp-menus-menu-item-supporting-text-line-height:var(--md-sys-typescale-body-small-line-height);--md-comp-menus-menu-item-supporting-text-wght:var(--md-sys-typescale-body-small-wght);--md-comp-menus-menu-item-supporting-text-grad:var(--md-sys-typescale-body-small-grad);--md-comp-menus-menu-item-supporting-text-wdth:var(--md-sys-typescale-body-small-wdth);--md-comp-menus-menu-item-supporting-text-rond:var(--md-sys-typescale-body-small-rond);--md-comp-menus-menu-item-supporting-text-opsz:var(--md-sys-typescale-body-small-opsz);--md-comp-menus-menu-item-supporting-text-crsv:var(--md-sys-typescale-body-small-crsv);--md-comp-menus-menu-item-supporting-text-slnt:var(--md-sys-typescale-body-small-slnt);--md-comp-menus-menu-item-supporting-text-fill:var(--md-sys-typescale-body-small-fill);--md-comp-menus-menu-item-supporting-text-hexp:var(--md-sys-typescale-body-small-hexp);--md-comp-menus-menu-item-trailing-supporting-text-font:var(--md-sys-typescale-label-large-font);--md-comp-menus-menu-item-trailing-supporting-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-menus-menu-item-trailing-supporting-text-size:var(--md-sys-typescale-label-large-size);--md-comp-menus-menu-item-trailing-supporting-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-menus-menu-item-trailing-supporting-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-menus-menu-item-trailing-supporting-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-menus-menu-item-trailing-supporting-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-menus-menu-item-trailing-supporting-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-menus-menu-item-trailing-supporting-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-menus-menu-item-trailing-supporting-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-menus-menu-item-trailing-supporting-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-menus-menu-item-trailing-supporting-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-menus-menu-item-trailing-supporting-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-menus-menu-item-trailing-supporting-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-menus-container-shape:var(--md-sys-shape-corner-large);--md-comp-menus-active-container-shape:var(--md-sys-shape-corner-large);--md-comp-menus-inactive-container-shape:var(--md-sys-shape-corner-small);--md-comp-menus-group-shape:var(--md-sys-shape-corner-small);--md-comp-menus-menu-item-shape:var(--md-sys-shape-corner-extra-small);--md-comp-menus-menu-item-first-child-shape:var(--md-sys-shape-corner-medium);--md-comp-menus-menu-item-first-child-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-menus-menu-item-last-child-shape:var(--md-sys-shape-corner-medium);--md-comp-menus-menu-item-last-child-inner-corner-corner-size:var(--md-sys-shape-corner-extra-small);--md-comp-menus-menu-item-selected-shape:var(--md-sys-shape-corner-medium);--md-comp-menus-horizontal-container-shape:var(--md-sys-shape-corner-full);--md-comp-menus-horizontal-menu-item-hovered-shape:var(--md-sys-shape-corner-medium);--md-comp-menus-horizontal-menu-item-focused-shape:var(--md-sys-shape-corner-medium);--md-comp-menus-horizontal-menu-item-pressed-shape:var(--md-sys-shape-corner-medium);--md-comp-menus-horizontal-menu-item-selected-hovered-shape:var(--md-sys-shape-corner-full);--md-comp-menus-horizontal-menu-item-selected-focused-shape:var(--md-sys-shape-corner-full);--md-comp-menus-horizontal-menu-item-selected-pressed-shape:var(--md-sys-shape-corner-full);--md-comp-menus-horizontal-icon-only-menu-item-selected-shape:var(--md-sys-shape-corner-full);--md-comp-menus-gap:var(--md-sys-measurement-space25);--md-comp-menus-group-padding:var(--md-sys-measurement-space50);--md-comp-menus-container-elevation:var(--md-sys-elevation-level2);--md-comp-menus-menu-item-height:44px;--md-comp-menus-menu-item-top-space:var(--md-sys-measurement-space150);--md-comp-menus-menu-item-bottom-space:var(--md-sys-measurement-space150);--md-comp-menus-menu-item-top-space-1:var(--md-sys-measurement-space125);--md-comp-menus-menu-item-bottom-space-1:var(--md-sys-measurement-space125);--md-comp-menus-menu-item-top-space-2:var(--md-sys-measurement-space100);--md-comp-menus-menu-item-bottom-space-2:var(--md-sys-measurement-space100);--md-comp-menus-menu-item-top-space-3:var(--md-sys-measurement-space75);--md-comp-menus-menu-item-bottom-space-3:var(--md-sys-measurement-space75);--md-comp-menus-menu-item-leading-space:var(--md-sys-measurement-space100);--md-comp-menus-menu-item-trailing-space:var(--md-sys-measurement-space100);--md-comp-menus-menu-item-between-space:var(--md-sys-measurement-space150);--md-comp-menus-menu-item-leading-icon-size:20px;--md-comp-menus-menu-item-trailing-icon-size:20px;--md-comp-menus-horizontal-container-top-space:var(--md-sys-measurement-space100);--md-comp-menus-horizontal-container-bottom-space:var(--md-sys-measurement-space100);--md-comp-menus-horizontal-menu-item-leading-space:var(--md-sys-measurement-space150);--md-comp-menus-horizontal-menu-item-trailing-space:var(--md-sys-measurement-space150);--md-comp-menus-horizontal-menu-item-between-space:var(--md-sys-measurement-space150);--md-comp-menus-horizontal-menu-item-top-space:var(--md-sys-measurement-space75);--md-comp-menus-horizontal-menu-item-bottom-space:var(--md-sys-measurement-space75);--md-comp-menus-horizontal-icon-only-menu-item-leading-space:var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-menu-item-trailing-space:var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-menu-item-top-space:var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-menu-item-bottom-space:var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-gap:var(--md-sys-measurement-space50);--md-comp-menus-menu-item-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-menus-menu-item-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-menus-menu-item-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-inner-offset);--md-comp-menus-standard-container-color:var(--md-sys-color-surface-container-low);--md-comp-menus-standard-section-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-container-color:var(--md-sys-color-surface-container-low);--md-comp-menus-standard-menu-item-label-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-supporting-text-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-container-shadow-color:var(--md-sys-color-shadow);--md-comp-menus-standard-menu-item-leading-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-trailing-supporting-text-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-icon-button-container-color:var(--md-sys-color-surface-container-low);--md-comp-menus-standard-icon-button-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-supporting-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-label-text-opacity:38%;--md-comp-menus-standard-menu-item-disabled-supporting-text-opacity:38%;--md-comp-menus-standard-menu-item-disabled-trailing-supporting-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-trailing-supporting-text-opacity:38%;--md-comp-menus-standard-menu-item-disabled-leading-icon-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-leading-icon-opacity:38%;--md-comp-menus-standard-menu-item-disabled-trailing-icon-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-trailing-icon-opacity:38%;--md-comp-menus-standard-disabled-icon-button-icon-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-hovered-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-standard-menu-item-hovered-label-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-hovered-leading-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-hovered-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-icon-button-hovered-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-focused-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-standard-menu-item-focused-label-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-focused-leading-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-focused-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-icon-button-focused-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-pressed-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-standard-menu-item-pressed-label-text-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-pressed-leading-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-pressed-trailing-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-icon-button-pressed-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-active-state-layer-color:var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-active-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-container-color:var(--md-sys-color-tertiary-container);--md-comp-menus-standard-menu-item-selected-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-container-color:var(--md-sys-color-tertiary-container);--md-comp-menus-standard-icon-button-selected-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-container-color:var(--md-sys-color-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-container-opacity:38%;--md-comp-menus-standard-menu-item-selected-disabled-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-label-text-opacity:38%;--md-comp-menus-standard-menu-item-selected-disabled-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-leading-icon-opacity:38%;--md-comp-menus-standard-menu-item-selected-disabled-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-trailing-icon-opacity:38%;--md-comp-menus-standard-menu-item-selected-disabled-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-disabled-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-hovered-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-focused-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-pressed-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-container-color:var(--md-sys-color-tertiary-container);--md-comp-menus-vibrant-menu-item-color:var(--md-sys-color-tertiary-container);--md-comp-menus-vibrant-section-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-icon-button-container-color:var(--md-sys-color-tertiary-container);--md-comp-menus-vibrant-icon-button-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-label-text-opacity:38%;--md-comp-menus-vibrant-menu-item-disabled-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-supporting-text-opacity:38%;--md-comp-menus-vibrant-menu-item-disabled-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-trailing-supporting-text-opacity:38%;--md-comp-menus-vibrant-menu-item-disabled-leading-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-leading-icon-opacity:38%;--md-comp-menus-vibrant-menu-item-disabled-trailing-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-trailing-icon-opacity:38%;--md-comp-menus-vibrant-icon-button-disabled-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-vibrant-menu-item-hovered-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-leading-icon-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-hovered-trailing-icon-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-icon-button-hovered-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-vibrant-menu-item-focused-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-leading-icon-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-focused-trailing-icon-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-icon-button-focused-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-vibrant-menu-item-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-label-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-trailing-supporting-text-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-leading-icon-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-pressed-trailing-icon-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-icon-button-pressed-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-active-state-layer-color:var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-active-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-container-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-selected-supporting-text-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-trailing-supporting-text-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-leading-icon-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-trailing-icon-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-icon-button-selected-container-color:var(--md-sys-color-tertiary);--md-comp-menus-vibrant-icon-button-selected-icon-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-disabled-label-text-opacity:38%;--md-comp-menus-vibrant-menu-item-selected-disabled-supporting-text-opacity:38%;--md-comp-menus-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity:38%;--md-comp-menus-vibrant-menu-item-selected-disabled-leading-icon-opacity:38%;--md-comp-menus-vibrant-menu-item-selected-disabled-trailing-icon-opacity:38%;--md-comp-menus-vibrant-icon-button-selected-disabled-icon-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-hovered-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-focused-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-color:var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-pressed-label-text-color:var(--md-sys-color-on-tertiary);--md-comp-slider-stop-indicator-size:4px;--md-comp-slider-stop-indicator-shape:var(--md-sys-shape-corner-full);--md-comp-slider-stop-indicator-trailing-space:var(--md-sys-measurement-space50);--md-comp-slider-stop-indicator-color:var(--md-sys-color-on-secondary-container);--md-comp-slider-stop-indicator-color-selected:var(--md-sys-color-on-primary);--md-comp-slider-active-stop-indicator-container-color:var(--md-sys-color-on-primary);--md-comp-slider-active-stop-indicator-container-opacity:100%;--md-comp-slider-inactive-stop-indicator-container-color:var(--md-sys-color-on-secondary-container);--md-comp-slider-inactive-stop-indicator-container-opacity:100%;--md-comp-slider-active-track-height:16px;--md-comp-slider-inactive-track-height:16px;--md-comp-slider-active-track-shape:var(--md-sys-shape-corner-full);--md-comp-slider-active-track-outer-corner-corner-size:var(--md-sys-shape-corner-full);--md-comp-slider-inactive-track-shape:var(--md-sys-shape-corner-full);--md-comp-slider-active-track-color:var(--md-sys-color-primary);--md-comp-slider-inactive-track-color:var(--md-sys-color-secondary-container);--md-comp-slider-handle-height:44px;--md-comp-slider-handle-width:4px;--md-comp-slider-handle-shape:var(--md-sys-shape-corner-full);--md-comp-slider-handle-color:var(--md-sys-color-primary);--md-comp-slider-active-handle-color:var(--md-sys-color-primary);--md-comp-slider-active-handle-height:44px;--md-comp-slider-active-handle-width:4px;--md-comp-slider-active-handle-shape:var(--md-sys-shape-corner-full);--md-comp-slider-active-handle-leading-space:var(--md-sys-measurement-space75);--md-comp-slider-active-handle-trailing-space:var(--md-sys-measurement-space75);--md-comp-slider-active-handle-padding:var(--md-sys-measurement-space75);--md-comp-slider-disabled-active-stop-indicator-container-color:var(--md-sys-color-inverse-on-surface);--md-comp-slider-disabled-inactive-stop-indicator-container-color:var(--md-sys-color-on-surface);--md-comp-slider-disabled-active-track-color:var(--md-sys-color-on-surface);--md-comp-slider-disabled-active-track-opacity:38%;--md-comp-slider-disabled-inactive-track-color:var(--md-sys-color-on-surface);--md-comp-slider-disabled-inactive-track-opacity:12%;--md-comp-slider-disabled-handle-color:var(--md-sys-color-on-surface);--md-comp-slider-disabled-handle-opacity:38%;--md-comp-slider-disabled-handle-width:4px;--md-comp-slider-hover-handle-width:4px;--md-comp-slider-focus-active-track-color:var(--md-sys-color-primary);--md-comp-slider-focus-inactive-track-color:var(--md-sys-color-secondary-container);--md-comp-slider-focus-handle-width:2px;--md-comp-slider-pressed-handle-color:var(--md-sys-color-primary);--md-comp-slider-pressed-handle-width:2px;--md-comp-slider-pressed-active-track-color:var(--md-sys-color-primary);--md-comp-slider-pressed-inactive-track-color:var(--md-sys-color-secondary-container);--md-comp-slider-value-indicator-container-color:var(--md-sys-color-inverse-surface);--md-comp-slider-value-indicator-label-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-slider-value-indicator-label-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-slider-value-indicator-label-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-slider-value-indicator-label-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-slider-value-indicator-label-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-slider-value-indicator-label-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-slider-value-indicator-label-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-slider-value-indicator-label-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-slider-value-indicator-label-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-slider-value-indicator-label-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-slider-value-indicator-label-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-slider-value-indicator-label-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-slider-value-indicator-label-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-slider-value-indicator-label-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-slider-value-indicator-label-label-text-color:var(--md-sys-color-inverse-on-surface);--md-comp-slider-value-indicator-active-bottom-space:var(--md-sys-measurement-space150);--md-comp-slider-xsmall-active-track-height:16px;--md-comp-slider-xsmall-active-track-shape-leading:8px;--md-comp-slider-xsmall-inactive-track-height:16px;--md-comp-slider-xsmall-inactive-track-shape-trailing:8px;--md-comp-slider-xsmall-active-handle-height:44px;--md-comp-slider-small-active-track-height:24px;--md-comp-slider-small-active-track-shape-leading:8px;--md-comp-slider-small-inactive-track-height:24px;--md-comp-slider-small-inactive-track-shape-trailing:8px;--md-comp-slider-small-active-handle-height:44px;--md-comp-slider-medium-active-track-height:40px;--md-comp-slider-medium-active-track-shape-leading:12px;--md-comp-slider-medium-inactive-track-height:40px;--md-comp-slider-medium-inactive-track-shape-trailing:12px;--md-comp-slider-medium-active-handle-height:44px;--md-comp-slider-medium-icon-padding:6px;--md-comp-slider-medium-icon-size:24px;--md-comp-slider-large-active-track-height:56px;--md-comp-slider-large-active-track-shape-leading:16px;--md-comp-slider-large-inactive-track-height:56px;--md-comp-slider-large-inactive-track-shape-trailing:16px;--md-comp-slider-large-active-handle-height:68px;--md-comp-slider-large-icon-padding:6px;--md-comp-slider-large-icon-size:24px;--md-comp-slider-xlarge-active-track-height:96px;--md-comp-slider-xlarge-active-track-shape-leading:28px;--md-comp-slider-xlarge-inactive-track-height:96px;--md-comp-slider-xlarge-inactive-track-shape-trailing:28px;--md-comp-slider-xlarge-active-handle-height:108px;--md-comp-slider-xlarge-icon-padding:8px;--md-comp-slider-xlarge-icon-size:32px;--md-comp-toolbar-standard-container-color:var(--md-sys-color-surface-container);--md-comp-toolbar-standard-button-container-color:var(--md-sys-color-surface-container);--md-comp-toolbar-standard-selected-button-container-color:var(--md-sys-color-secondary-container);--md-comp-toolbar-standard-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-container-shape:var(--md-sys-shape-corner-full);--md-comp-toolbar-standard-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-toolbar-standard-disabled-icon-opacity:38%;--md-comp-toolbar-standard-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-toolbar-standard-disabled-label-text-opacity:38%;--md-comp-toolbar-standard-hovered-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-hovered-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-toolbar-standard-hovered-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-hovered-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-hovered-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-hovered-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-focused-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-focused-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-toolbar-standard-focused-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-focused-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-focused-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-focused-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-pressed-state-layer-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-pressed-state-layer-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-toolbar-standard-pressed-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-pressed-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-pressed-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-selected-pressed-label-text-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-vibrant-container-color:var(--md-sys-color-primary-container);--md-comp-toolbar-vibrant-button-container-color:var(--md-sys-color-primary-container);--md-comp-toolbar-vibrant-selected-button-container-color:var(--md-sys-color-surface-container);--md-comp-toolbar-vibrant-icon-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-icon-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-label-text-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-container-shape:var(--md-sys-shape-corner-full);--md-comp-toolbar-vibrant-disabled-icon-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-disabled-icon-opacity:38%;--md-comp-toolbar-vibrant-disabled-label-text-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-disabled-label-text-opacity:38%;--md-comp-toolbar-vibrant-hovered-state-layer-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-hovered-state-layer-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-hovered-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-toolbar-vibrant-hovered-icon-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-hovered-icon-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-hovered-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-hovered-label-text-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-focused-state-layer-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-focused-state-layer-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-focused-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-toolbar-vibrant-focused-icon-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-focused-icon-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-focused-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-focused-label-text-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-pressed-state-layer-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-pressed-state-layer-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-toolbar-vibrant-pressed-icon-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-pressed-icon-color:var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-pressed-label-text-color:var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-selected-pressed-label-text-color:var(--md-sys-color-on-surface);--md-comp-toolbar-docked-container-height:64px;--md-comp-toolbar-docked-container-leading-space:var(--md-sys-measurement-space200);--md-comp-toolbar-docked-container-trailing-space:var(--md-sys-measurement-space200);--md-comp-toolbar-docked-container-max-spacing:32px;--md-comp-toolbar-docked-container-min-spacing:4px;--md-comp-toolbar-docked-container-shape:var(--md-sys-shape-corner-none);--md-comp-toolbar-floating-horizontal-container-height:64px;--md-comp-toolbar-floating-vertical-container-width:64px;--md-comp-toolbar-floating-container-leading-space:var(--md-sys-measurement-space100);--md-comp-toolbar-floating-container-trailing-space:var(--md-sys-measurement-space100);--md-comp-toolbar-floating-horizontal-container-external-space:var(--md-sys-measurement-space200);--md-comp-toolbar-floating-vertical-container-external-space:var(--md-sys-measurement-space300);--md-comp-toolbar-floating-container-between-space:var(--md-sys-measurement-space50);--md-comp-toolbar-floating-container-shape:var(--md-sys-shape-corner-full);--md-comp-toolbar-floating-container-elevation:var(--md-sys-elevation-level3);--md-comp-toolbar-floating-fab-between-space:var(--md-sys-measurement-space100);--md-comp-toolbar-floating-fab-vibrant-icon-color:var(--md-sys-color-on-tertiary-container);--md-comp-toolbar-floating-fab-vibrant-container-color:var(--md-sys-color-tertiary-container);--md-comp-toolbar-floating-fab-standard-icon-color:var(--md-sys-color-on-secondary-container);--md-comp-toolbar-floating-fab-standard-container-color:var(--md-sys-color-secondary-container);--md-comp-toolbar-floating-fab-container-height:56px;--md-comp-toolbar-floating-fab-container-width:56px;--md-comp-toolbar-floating-fab-icon-size:24px;--md-comp-toolbar-floating-fab-container-shape:var(--md-sys-shape-corner-large);--md-comp-toolbar-floating-fab-container-elevation:var(--md-sys-elevation-level1);--md-comp-toolbar-floating-fab-medium-container-height:80px;--md-comp-toolbar-floating-fab-medium-container-width:80px;--md-comp-toolbar-floating-fab-medium-icon-size:28px;--md-comp-toolbar-floating-fab-medium-container-shape:var(--md-sys-shape-corner-large-increased);--md-comp-toolbar-floating-fab-medium-container-elevation:var(--md-sys-elevation-level2);--md-comp-plain-tooltip-container-color:var(--md-sys-color-inverse-surface);--md-comp-plain-tooltip-container-shape:var(--md-sys-shape-corner-extra-small);--md-comp-plain-tooltip-supporting-text-font:var(--md-sys-typescale-body-small-font);--md-comp-plain-tooltip-supporting-text-weight:var(--md-sys-typescale-body-small-weight);--md-comp-plain-tooltip-supporting-text-size:var(--md-sys-typescale-body-small-size);--md-comp-plain-tooltip-supporting-text-tracking:var(--md-sys-typescale-body-small-tracking);--md-comp-plain-tooltip-supporting-text-line-height:var(--md-sys-typescale-body-small-line-height);--md-comp-plain-tooltip-supporting-text-wght:var(--md-sys-typescale-body-small-wght);--md-comp-plain-tooltip-supporting-text-grad:var(--md-sys-typescale-body-small-grad);--md-comp-plain-tooltip-supporting-text-wdth:var(--md-sys-typescale-body-small-wdth);--md-comp-plain-tooltip-supporting-text-rond:var(--md-sys-typescale-body-small-rond);--md-comp-plain-tooltip-supporting-text-opsz:var(--md-sys-typescale-body-small-opsz);--md-comp-plain-tooltip-supporting-text-crsv:var(--md-sys-typescale-body-small-crsv);--md-comp-plain-tooltip-supporting-text-slnt:var(--md-sys-typescale-body-small-slnt);--md-comp-plain-tooltip-supporting-text-fill:var(--md-sys-typescale-body-small-fill);--md-comp-plain-tooltip-supporting-text-hexp:var(--md-sys-typescale-body-small-hexp);--md-comp-plain-tooltip-supporting-text-color:var(--md-sys-color-inverse-on-surface);--md-comp-rich-tooltip-container-color:var(--md-sys-color-surface-container);--md-comp-rich-tooltip-container-elevation:var(--md-sys-elevation-level2);--md-comp-rich-tooltip-container-shadow-color:var(--md-sys-color-shadow);--md-comp-rich-tooltip-container-shape:var(--md-sys-shape-corner-medium);--md-comp-rich-tooltip-action-label-text-font:var(--md-sys-typescale-label-large-font);--md-comp-rich-tooltip-action-label-text-weight:var(--md-sys-typescale-label-large-weight);--md-comp-rich-tooltip-action-label-text-size:var(--md-sys-typescale-label-large-size);--md-comp-rich-tooltip-action-label-text-tracking:var(--md-sys-typescale-label-large-tracking);--md-comp-rich-tooltip-action-label-text-line-height:var(--md-sys-typescale-label-large-line-height);--md-comp-rich-tooltip-action-label-text-wght:var(--md-sys-typescale-label-large-wght);--md-comp-rich-tooltip-action-label-text-grad:var(--md-sys-typescale-label-large-grad);--md-comp-rich-tooltip-action-label-text-wdth:var(--md-sys-typescale-label-large-wdth);--md-comp-rich-tooltip-action-label-text-rond:var(--md-sys-typescale-label-large-rond);--md-comp-rich-tooltip-action-label-text-opsz:var(--md-sys-typescale-label-large-opsz);--md-comp-rich-tooltip-action-label-text-crsv:var(--md-sys-typescale-label-large-crsv);--md-comp-rich-tooltip-action-label-text-slnt:var(--md-sys-typescale-label-large-slnt);--md-comp-rich-tooltip-action-label-text-fill:var(--md-sys-typescale-label-large-fill);--md-comp-rich-tooltip-action-label-text-hexp:var(--md-sys-typescale-label-large-hexp);--md-comp-rich-tooltip-action-label-text-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-subhead-font:var(--md-sys-typescale-title-small-font);--md-comp-rich-tooltip-subhead-weight:var(--md-sys-typescale-title-small-weight);--md-comp-rich-tooltip-subhead-size:var(--md-sys-typescale-title-small-size);--md-comp-rich-tooltip-subhead-tracking:var(--md-sys-typescale-title-small-tracking);--md-comp-rich-tooltip-subhead-line-height:var(--md-sys-typescale-title-small-line-height);--md-comp-rich-tooltip-subhead-wght:var(--md-sys-typescale-title-small-wght);--md-comp-rich-tooltip-subhead-grad:var(--md-sys-typescale-title-small-grad);--md-comp-rich-tooltip-subhead-wdth:var(--md-sys-typescale-title-small-wdth);--md-comp-rich-tooltip-subhead-rond:var(--md-sys-typescale-title-small-rond);--md-comp-rich-tooltip-subhead-opsz:var(--md-sys-typescale-title-small-opsz);--md-comp-rich-tooltip-subhead-crsv:var(--md-sys-typescale-title-small-crsv);--md-comp-rich-tooltip-subhead-slnt:var(--md-sys-typescale-title-small-slnt);--md-comp-rich-tooltip-subhead-fill:var(--md-sys-typescale-title-small-fill);--md-comp-rich-tooltip-subhead-hexp:var(--md-sys-typescale-title-small-hexp);--md-comp-rich-tooltip-subhead-color:var(--md-sys-color-on-surface-variant);--md-comp-rich-tooltip-supporting-text-font:var(--md-sys-typescale-body-medium-font);--md-comp-rich-tooltip-supporting-text-weight:var(--md-sys-typescale-body-medium-weight);--md-comp-rich-tooltip-supporting-text-size:var(--md-sys-typescale-body-medium-size);--md-comp-rich-tooltip-supporting-text-tracking:var(--md-sys-typescale-body-medium-tracking);--md-comp-rich-tooltip-supporting-text-line-height:var(--md-sys-typescale-body-medium-line-height);--md-comp-rich-tooltip-supporting-text-wght:var(--md-sys-typescale-body-medium-wght);--md-comp-rich-tooltip-supporting-text-grad:var(--md-sys-typescale-body-medium-grad);--md-comp-rich-tooltip-supporting-text-wdth:var(--md-sys-typescale-body-medium-wdth);--md-comp-rich-tooltip-supporting-text-rond:var(--md-sys-typescale-body-medium-rond);--md-comp-rich-tooltip-supporting-text-opsz:var(--md-sys-typescale-body-medium-opsz);--md-comp-rich-tooltip-supporting-text-crsv:var(--md-sys-typescale-body-medium-crsv);--md-comp-rich-tooltip-supporting-text-slnt:var(--md-sys-typescale-body-medium-slnt);--md-comp-rich-tooltip-supporting-text-fill:var(--md-sys-typescale-body-medium-fill);--md-comp-rich-tooltip-supporting-text-hexp:var(--md-sys-typescale-body-medium-hexp);--md-comp-rich-tooltip-supporting-text-color:var(--md-sys-color-on-surface-variant);--md-comp-rich-tooltip-action-hover-label-text-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-action-hover-state-layer-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-action-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-rich-tooltip-action-focus-label-text-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-action-focus-state-layer-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-action-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-rich-tooltip-action-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-action-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-rich-tooltip-action-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-panes-container-shape:var(--md-sys-shape-corner-large);--md-comp-panes-container-color:var(--md-sys-color-surface);--md-comp-panes-handle-size:24px;--md-comp-panes-handle-indicator-inline-size:4px;--md-comp-panes-handle-indicator-block-size:48px;--md-comp-panes-handle-indicator-shape:var(--md-sys-shape-corner-small);--md-comp-panes-handle-indicator-color:var(--md-sys-color-outline);--md-comp-panes-handle-indicator-dragging-inline-size:10px;--md-comp-panes-handle-indicator-dragging-color:var(--md-sys-color-on-surface);--md-comp-panes-pane-container-shape:var(--md-sys-shape-corner-large);--md-comp-panes-pane-container-color:var(--md-sys-color-surface-container-lowest);--md-comp-primary-navigation-tab-container-color:var(--md-sys-color-surface);--md-comp-primary-navigation-tab-container-shape:var(--md-sys-shape-corner-none);--md-comp-primary-navigation-tab-container-height:48px;--md-comp-primary-navigation-tab-with-icon-and-label-text-container-height:64px;--md-comp-primary-navigation-tab-container-elevation:var(--md-sys-elevation-level0);--md-comp-primary-navigation-tab-with-label-text-label-text-font:var(--md-sys-typescale-title-small-font);--md-comp-primary-navigation-tab-with-label-text-label-text-weight:var(--md-sys-typescale-title-small-weight);--md-comp-primary-navigation-tab-with-label-text-label-text-size:var(--md-sys-typescale-title-small-size);--md-comp-primary-navigation-tab-with-label-text-label-text-tracking:var(--md-sys-typescale-title-small-tracking);--md-comp-primary-navigation-tab-with-label-text-label-text-line-height:var(--md-sys-typescale-title-small-line-height);--md-comp-primary-navigation-tab-with-label-text-label-text-wght:var(--md-sys-typescale-title-small-wght);--md-comp-primary-navigation-tab-with-label-text-label-text-grad:var(--md-sys-typescale-title-small-grad);--md-comp-primary-navigation-tab-with-label-text-label-text-wdth:var(--md-sys-typescale-title-small-wdth);--md-comp-primary-navigation-tab-with-label-text-label-text-rond:var(--md-sys-typescale-title-small-rond);--md-comp-primary-navigation-tab-with-label-text-label-text-opsz:var(--md-sys-typescale-title-small-opsz);--md-comp-primary-navigation-tab-with-label-text-label-text-crsv:var(--md-sys-typescale-title-small-crsv);--md-comp-primary-navigation-tab-with-label-text-label-text-slnt:var(--md-sys-typescale-title-small-slnt);--md-comp-primary-navigation-tab-with-label-text-label-text-fill:var(--md-sys-typescale-title-small-fill);--md-comp-primary-navigation-tab-with-label-text-label-text-hexp:var(--md-sys-typescale-title-small-hexp);--md-comp-primary-navigation-tab-with-label-text-active-label-text-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-label-text-inactive-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-primary-navigation-tab-with-icon-icon-size:24px;--md-comp-primary-navigation-tab-with-icon-active-icon-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-icon-inactive-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-primary-navigation-tab-active-indicator-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-active-indicator-height:3px;--md-comp-primary-navigation-tab-with-label-text-active-hover-label-text-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-label-text-inactive-hover-label-text-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-active-hover-state-layer-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-active-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-primary-navigation-tab-inactive-hover-state-layer-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-inactive-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-primary-navigation-tab-with-icon-active-hover-icon-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-icon-inactive-hover-icon-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-primary-navigation-tab-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-primary-navigation-tab-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-inner-offset);--md-comp-primary-navigation-tab-with-label-text-active-focus-label-text-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-label-text-inactive-focus-label-text-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-active-focus-state-layer-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-active-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-primary-navigation-tab-inactive-focus-state-layer-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-inactive-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-primary-navigation-tab-with-icon-active-focus-icon-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-icon-inactive-focus-icon-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-with-label-text-active-pressed-label-text-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-label-text-inactive-pressed-label-text-color:var(--md-sys-color-on-surface);--md-comp-primary-navigation-tab-active-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-active-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-primary-navigation-tab-inactive-pressed-state-layer-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-inactive-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-primary-navigation-tab-with-icon-active-pressed-icon-color:var(--md-sys-color-primary);--md-comp-primary-navigation-tab-with-icon-inactive-pressed-icon-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-container-color:var(--md-sys-color-surface);--md-comp-secondary-navigation-tab-container-shape:var(--md-sys-shape-corner-none);--md-comp-secondary-navigation-tab-container-height:48px;--md-comp-secondary-navigation-tab-container-elevation:var(--md-sys-elevation-level0);--md-comp-secondary-navigation-tab-container-shadow-color:var(--md-sys-color-shadow);--md-comp-secondary-navigation-tab-label-text-font:var(--md-sys-typescale-title-small-font);--md-comp-secondary-navigation-tab-label-text-weight:var(--md-sys-typescale-title-small-weight);--md-comp-secondary-navigation-tab-label-text-size:var(--md-sys-typescale-title-small-size);--md-comp-secondary-navigation-tab-label-text-tracking:var(--md-sys-typescale-title-small-tracking);--md-comp-secondary-navigation-tab-label-text-line-height:var(--md-sys-typescale-title-small-line-height);--md-comp-secondary-navigation-tab-label-text-wght:var(--md-sys-typescale-title-small-wght);--md-comp-secondary-navigation-tab-label-text-grad:var(--md-sys-typescale-title-small-grad);--md-comp-secondary-navigation-tab-label-text-wdth:var(--md-sys-typescale-title-small-wdth);--md-comp-secondary-navigation-tab-label-text-rond:var(--md-sys-typescale-title-small-rond);--md-comp-secondary-navigation-tab-label-text-opsz:var(--md-sys-typescale-title-small-opsz);--md-comp-secondary-navigation-tab-label-text-crsv:var(--md-sys-typescale-title-small-crsv);--md-comp-secondary-navigation-tab-label-text-slnt:var(--md-sys-typescale-title-small-slnt);--md-comp-secondary-navigation-tab-label-text-fill:var(--md-sys-typescale-title-small-fill);--md-comp-secondary-navigation-tab-label-text-hexp:var(--md-sys-typescale-title-small-hexp);--md-comp-secondary-navigation-tab-active-label-text-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-inactive-label-text-color:var(--md-sys-color-on-surface-variant);--md-comp-secondary-navigation-tab-with-icon-icon-size:24px;--md-comp-secondary-navigation-tab-with-icon-active-icon-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-with-icon-inactive-icon-color:var(--md-sys-color-on-surface-variant);--md-comp-secondary-navigation-tab-active-indicator-color:var(--md-sys-color-primary);--md-comp-secondary-navigation-tab-active-indicator-height:2px;--md-comp-secondary-navigation-tab-hover-label-text-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-hover-state-layer-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-hover-state-layer-opacity:var(--md-sys-state-hover-state-layer-opacity);--md-comp-secondary-navigation-tab-with-icon-hover-icon-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-focus-indicator-color:var(--md-sys-color-secondary);--md-comp-secondary-navigation-tab-focus-indicator-thickness:var(--md-sys-state-focus-indicator-thickness);--md-comp-secondary-navigation-tab-focus-indicator-outline-offset:var(--md-sys-state-focus-indicator-inner-offset);--md-comp-secondary-navigation-tab-focus-label-text-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-focus-state-layer-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-focus-state-layer-opacity:var(--md-sys-state-focus-state-layer-opacity);--md-comp-secondary-navigation-tab-with-icon-focus-icon-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-pressed-label-text-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-pressed-state-layer-color:var(--md-sys-color-on-surface);--md-comp-secondary-navigation-tab-pressed-state-layer-opacity:var(--md-sys-state-pressed-state-layer-opacity);--md-comp-secondary-navigation-tab-with-icon-pressed-icon-color:var(--md-sys-color-on-surface);--md-sys-color-shadow:#000;--md-sys-elevation-level0:rgb(from var(--md-sys-color-shadow) r g b / 20%) 0px 0px 0px 0px, rgb(from var(--md-sys-color-shadow) r g b / 14%) 0px 0px 0px 0px, rgb(from var(--md-sys-color-shadow) r g b / 12%) 0px 0px 0px 0px;--md-sys-elevation-level1:rgb(from var(--md-sys-color-shadow) r g b / 20%) 0px 2px 1px -1px, rgb(from var(--md-sys-color-shadow) r g b / 14%) 0px 1px 1px 0px, rgb(from var(--md-sys-color-shadow) r g b / 12%) 0px 1px 3px 0px;--md-sys-elevation-level2:rgb(from var(--md-sys-color-shadow) r g b / 20%) 0px 3px 3px -2px, rgb(from var(--md-sys-color-shadow) r g b / 14%) 0px 3px 4px 0px, rgb(from var(--md-sys-color-shadow) r g b / 12%) 0px 1px 8px 0px;--md-sys-elevation-level3:rgb(from var(--md-sys-color-shadow) r g b / 20%) 0px 3px 5px -1px, rgb(from var(--md-sys-color-shadow) r g b / 14%) 0px 6px 10px 0px, rgb(from var(--md-sys-color-shadow) r g b / 12%) 0px 1px 18px 0px;--md-sys-elevation-level4:rgb(from var(--md-sys-color-shadow) r g b / 20%) 0px 5px 5px -3px, rgb(from var(--md-sys-color-shadow) r g b / 14%) 0px 8px 10px 1px, rgb(from var(--md-sys-color-shadow) r g b / 12%) 0px 3px 14px 2px;--md-sys-elevation-level5:rgb(from var(--md-sys-color-shadow) r g b / 20%) 0px 7px 8px -4px, rgb(from var(--md-sys-color-shadow) r g b / 14%) 0px 12px 17px 2px, rgb(from var(--md-sys-color-shadow) r g b / 12%) 0px 5px 22px 4px;--md-sys-measurement-space0:0px;--md-sys-measurement-space25:2px;--md-sys-measurement-space50:4px;--md-sys-measurement-space75:6px;--md-sys-measurement-space100:8px;--md-sys-measurement-space125:10px;--md-sys-measurement-space150:12px;--md-sys-measurement-space175:14px;--md-sys-measurement-space200:16px;--md-sys-measurement-space250:20px;--md-sys-measurement-space300:24px;--md-sys-measurement-space400:32px;--md-sys-measurement-space450:36px;--md-sys-measurement-space500:40px;--md-sys-measurement-space600:48px;--md-sys-measurement-space700:56px;--md-sys-measurement-space800:64px;--md-sys-measurement-space900:72px;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-large-increased:20px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-extra-large-increased:32px;--md-sys-shape-corner-extra-extra-large:48px;--md-sys-shape-corner-full:100vw/100vw;--md-sys-motion-spring-expressive-fast-spatial-duration:.35s;--md-sys-motion-spring-expressive-fast-effects-duration:.15s;--md-sys-motion-spring-expressive-default-spatial-duration:.5s;--md-sys-motion-spring-expressive-default-effects-duration:.2s;--md-sys-motion-spring-expressive-slow-spatial-duration:.65s;--md-sys-motion-spring-expressive-slow-effects-duration:.3s;--md-sys-motion-spring-standard-fast-spatial-duration:.35s;--md-sys-motion-spring-standard-fast-effects-duration:.15s;--md-sys-motion-spring-standard-default-spatial-duration:.5s;--md-sys-motion-spring-standard-default-effects-duration:.2s;--md-sys-motion-spring-standard-slow-spatial-duration:.75s;--md-sys-motion-spring-standard-slow-effects-duration:.3s;--md-sys-motion-spring-expressive-fast-spatial-easing:cubic-bezier(.42, 1.67, .21, .9);--md-sys-motion-spring-expressive-fast-effects-easing:cubic-bezier(.31, .94, .34, 1);--md-sys-motion-spring-expressive-default-spatial-easing:cubic-bezier(.38, 1.21, .22, 1);--md-sys-motion-spring-expressive-default-effects-easing:cubic-bezier(.34, .8, .34, 1);--md-sys-motion-spring-expressive-slow-spatial-easing:cubic-bezier(.39, 1.29, .35, .98);--md-sys-motion-spring-expressive-slow-effects-easing:cubic-bezier(.34, .88, .34, 1);--md-sys-motion-spring-standard-fast-spatial-easing:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-spring-standard-fast-effects-easing:cubic-bezier(.31, .94, .34, 1);--md-sys-motion-spring-standard-default-spatial-easing:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-spring-standard-default-effects-easing:cubic-bezier(.34, .8, .34, 1);--md-sys-motion-spring-standard-slow-spatial-easing:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-spring-standard-slow-effects-easing:cubic-bezier(.34, .88, .34, 1);--md-sys-typescale-display-large-font:Roboto Flex;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-tracking:-.25px;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-large-wght:400;--md-sys-typescale-display-large-grad:0;--md-sys-typescale-display-large-wdth:100;--md-sys-typescale-display-large-rond:0;--md-sys-typescale-display-large-opsz:57;--md-sys-typescale-display-large-crsv:0;--md-sys-typescale-display-large-slnt:0;--md-sys-typescale-display-large-fill:0;--md-sys-typescale-display-large-hexp:0;--md-sys-typescale-display-medium-font:Roboto Flex;--md-sys-typescale-display-medium-weight:400;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-medium-tracking:0px;--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-medium-wght:400;--md-sys-typescale-display-medium-grad:0;--md-sys-typescale-display-medium-wdth:100;--md-sys-typescale-display-medium-rond:0;--md-sys-typescale-display-medium-opsz:45;--md-sys-typescale-display-medium-crsv:0;--md-sys-typescale-display-medium-slnt:0;--md-sys-typescale-display-medium-fill:0;--md-sys-typescale-display-medium-hexp:0;--md-sys-typescale-display-small-font:Roboto Flex;--md-sys-typescale-display-small-weight:400;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-tracking:0px;--md-sys-typescale-display-small-line-height:44px;--md-sys-typescale-display-small-wght:400;--md-sys-typescale-display-small-grad:0;--md-sys-typescale-display-small-wdth:100;--md-sys-typescale-display-small-rond:0;--md-sys-typescale-display-small-opsz:36;--md-sys-typescale-display-small-crsv:0;--md-sys-typescale-display-small-slnt:0;--md-sys-typescale-display-small-fill:0;--md-sys-typescale-display-small-hexp:0;--md-sys-typescale-headline-large-font:Roboto Flex;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-tracking:0px;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-large-wght:400;--md-sys-typescale-headline-large-grad:0;--md-sys-typescale-headline-large-wdth:100;--md-sys-typescale-headline-large-rond:0;--md-sys-typescale-headline-large-opsz:32;--md-sys-typescale-headline-large-crsv:0;--md-sys-typescale-headline-large-slnt:0;--md-sys-typescale-headline-large-fill:0;--md-sys-typescale-headline-large-hexp:0;--md-sys-typescale-headline-medium-font:Roboto Flex;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-tracking:0px;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-headline-medium-wght:400;--md-sys-typescale-headline-medium-grad:0;--md-sys-typescale-headline-medium-wdth:100;--md-sys-typescale-headline-medium-rond:0;--md-sys-typescale-headline-medium-opsz:28;--md-sys-typescale-headline-medium-crsv:0;--md-sys-typescale-headline-medium-slnt:0;--md-sys-typescale-headline-medium-fill:0;--md-sys-typescale-headline-medium-hexp:0;--md-sys-typescale-headline-small-font:Roboto Flex;--md-sys-typescale-headline-small-weight:400;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-tracking:0px;--md-sys-typescale-headline-small-line-height:32px;--md-sys-typescale-headline-small-wght:400;--md-sys-typescale-headline-small-grad:0;--md-sys-typescale-headline-small-wdth:100;--md-sys-typescale-headline-small-rond:0;--md-sys-typescale-headline-small-opsz:24;--md-sys-typescale-headline-small-crsv:0;--md-sys-typescale-headline-small-slnt:0;--md-sys-typescale-headline-small-fill:0;--md-sys-typescale-headline-small-hexp:0;--md-sys-typescale-title-large-font:Roboto Flex;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-tracking:0px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-wght:400;--md-sys-typescale-title-large-grad:0;--md-sys-typescale-title-large-wdth:100;--md-sys-typescale-title-large-rond:0;--md-sys-typescale-title-large-opsz:22;--md-sys-typescale-title-large-crsv:0;--md-sys-typescale-title-large-slnt:0;--md-sys-typescale-title-large-fill:0;--md-sys-typescale-title-large-hexp:0;--md-sys-typescale-title-medium-font:Roboto Flex;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-tracking:.15px;--md-sys-typescale-title-medium-line-height:24px;--md-sys-typescale-title-medium-wght:500;--md-sys-typescale-title-medium-grad:0;--md-sys-typescale-title-medium-wdth:100;--md-sys-typescale-title-medium-rond:0;--md-sys-typescale-title-medium-opsz:16;--md-sys-typescale-title-medium-crsv:0;--md-sys-typescale-title-medium-slnt:0;--md-sys-typescale-title-medium-fill:0;--md-sys-typescale-title-medium-hexp:0;--md-sys-typescale-title-small-font:Roboto Flex;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-title-small-tracking:.1px;--md-sys-typescale-title-small-line-height:20px;--md-sys-typescale-title-small-wght:500;--md-sys-typescale-title-small-grad:0;--md-sys-typescale-title-small-wdth:100;--md-sys-typescale-title-small-rond:0;--md-sys-typescale-title-small-opsz:14;--md-sys-typescale-title-small-crsv:0;--md-sys-typescale-title-small-slnt:0;--md-sys-typescale-title-small-fill:0;--md-sys-typescale-title-small-hexp:0;--md-sys-typescale-body-large-font:Roboto Flex;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-tracking:.5px;--md-sys-typescale-body-large-line-height:24px;--md-sys-typescale-body-large-wght:400;--md-sys-typescale-body-large-grad:0;--md-sys-typescale-body-large-wdth:100;--md-sys-typescale-body-large-rond:0;--md-sys-typescale-body-large-opsz:16;--md-sys-typescale-body-large-crsv:0;--md-sys-typescale-body-large-slnt:0;--md-sys-typescale-body-large-fill:0;--md-sys-typescale-body-large-hexp:0;--md-sys-typescale-body-medium-font:Roboto Flex;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-tracking:.25px;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-body-medium-wght:400;--md-sys-typescale-body-medium-grad:0;--md-sys-typescale-body-medium-wdth:100;--md-sys-typescale-body-medium-rond:0;--md-sys-typescale-body-medium-opsz:14;--md-sys-typescale-body-medium-crsv:0;--md-sys-typescale-body-medium-slnt:0;--md-sys-typescale-body-medium-fill:0;--md-sys-typescale-body-medium-hexp:0;--md-sys-typescale-body-small-font:Roboto Flex;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-tracking:.4px;--md-sys-typescale-body-small-line-height:16px;--md-sys-typescale-body-small-wght:400;--md-sys-typescale-body-small-grad:0;--md-sys-typescale-body-small-wdth:100;--md-sys-typescale-body-small-rond:0;--md-sys-typescale-body-small-opsz:16;--md-sys-typescale-body-small-crsv:0;--md-sys-typescale-body-small-slnt:0;--md-sys-typescale-body-small-fill:0;--md-sys-typescale-body-small-hexp:0;--md-sys-typescale-label-large-font:Roboto Flex;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-tracking:.1px;--md-sys-typescale-label-large-line-height:20px;--md-sys-typescale-label-large-wght:500;--md-sys-typescale-label-large-grad:0;--md-sys-typescale-label-large-wdth:100;--md-sys-typescale-label-large-rond:0;--md-sys-typescale-label-large-opsz:14;--md-sys-typescale-label-large-crsv:0;--md-sys-typescale-label-large-slnt:0;--md-sys-typescale-label-large-fill:0;--md-sys-typescale-label-large-hexp:0;--md-sys-typescale-label-medium-font:Roboto Flex;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-tracking:.5px;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-medium-wght:500;--md-sys-typescale-label-medium-grad:0;--md-sys-typescale-label-medium-wdth:100;--md-sys-typescale-label-medium-rond:0;--md-sys-typescale-label-medium-opsz:12;--md-sys-typescale-label-medium-crsv:0;--md-sys-typescale-label-medium-slnt:0;--md-sys-typescale-label-medium-fill:0;--md-sys-typescale-label-medium-hexp:0;--md-sys-typescale-label-small-font:Roboto Flex;--md-sys-typescale-label-small-weight:500;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-label-small-tracking:.5px;--md-sys-typescale-label-small-line-height:16px;--md-sys-typescale-label-small-wght:500;--md-sys-typescale-label-small-grad:0;--md-sys-typescale-label-small-wdth:100;--md-sys-typescale-label-small-rond:0;--md-sys-typescale-label-small-opsz:11;--md-sys-typescale-label-small-crsv:0;--md-sys-typescale-label-small-slnt:0;--md-sys-typescale-label-small-fill:0;--md-sys-typescale-label-small-hexp:0;--md-sys-typescale-emphasized-display-large-font:Roboto Flex;--md-sys-typescale-emphasized-display-large-weight:500;--md-sys-typescale-emphasized-display-large-size:57px;--md-sys-typescale-emphasized-display-large-tracking:-.25px;--md-sys-typescale-emphasized-display-large-line-height:64px;--md-sys-typescale-emphasized-display-large-wght:500;--md-sys-typescale-emphasized-display-large-grad:0;--md-sys-typescale-emphasized-display-large-wdth:100;--md-sys-typescale-emphasized-display-large-rond:0;--md-sys-typescale-emphasized-display-large-opsz:57;--md-sys-typescale-emphasized-display-large-crsv:0;--md-sys-typescale-emphasized-display-large-slnt:0;--md-sys-typescale-emphasized-display-large-fill:0;--md-sys-typescale-emphasized-display-large-hexp:0;--md-sys-typescale-emphasized-display-medium-font:Roboto Flex;--md-sys-typescale-emphasized-display-medium-weight:500;--md-sys-typescale-emphasized-display-medium-size:45px;--md-sys-typescale-emphasized-display-medium-tracking:0px;--md-sys-typescale-emphasized-display-medium-line-height:52px;--md-sys-typescale-emphasized-display-medium-wght:500;--md-sys-typescale-emphasized-display-medium-grad:0;--md-sys-typescale-emphasized-display-medium-wdth:100;--md-sys-typescale-emphasized-display-medium-rond:0;--md-sys-typescale-emphasized-display-medium-opsz:45;--md-sys-typescale-emphasized-display-medium-crsv:0;--md-sys-typescale-emphasized-display-medium-slnt:0;--md-sys-typescale-emphasized-display-medium-fill:0;--md-sys-typescale-emphasized-display-medium-hexp:0;--md-sys-typescale-emphasized-display-small-font:Roboto Flex;--md-sys-typescale-emphasized-display-small-weight:500;--md-sys-typescale-emphasized-display-small-size:36px;--md-sys-typescale-emphasized-display-small-tracking:0px;--md-sys-typescale-emphasized-display-small-line-height:44px;--md-sys-typescale-emphasized-display-small-wght:500;--md-sys-typescale-emphasized-display-small-grad:0;--md-sys-typescale-emphasized-display-small-wdth:100;--md-sys-typescale-emphasized-display-small-rond:0;--md-sys-typescale-emphasized-display-small-opsz:36;--md-sys-typescale-emphasized-display-small-crsv:0;--md-sys-typescale-emphasized-display-small-slnt:0;--md-sys-typescale-emphasized-display-small-fill:0;--md-sys-typescale-emphasized-display-small-hexp:0;--md-sys-typescale-emphasized-headline-large-font:Roboto Flex;--md-sys-typescale-emphasized-headline-large-weight:500;--md-sys-typescale-emphasized-headline-large-size:32px;--md-sys-typescale-emphasized-headline-large-tracking:0px;--md-sys-typescale-emphasized-headline-large-line-height:40px;--md-sys-typescale-emphasized-headline-large-wght:500;--md-sys-typescale-emphasized-headline-large-grad:0;--md-sys-typescale-emphasized-headline-large-wdth:100;--md-sys-typescale-emphasized-headline-large-rond:0;--md-sys-typescale-emphasized-headline-large-opsz:32;--md-sys-typescale-emphasized-headline-large-crsv:0;--md-sys-typescale-emphasized-headline-large-slnt:0;--md-sys-typescale-emphasized-headline-large-fill:0;--md-sys-typescale-emphasized-headline-large-hexp:0;--md-sys-typescale-emphasized-headline-medium-font:Roboto Flex;--md-sys-typescale-emphasized-headline-medium-weight:500;--md-sys-typescale-emphasized-headline-medium-size:28px;--md-sys-typescale-emphasized-headline-medium-tracking:0px;--md-sys-typescale-emphasized-headline-medium-line-height:36px;--md-sys-typescale-emphasized-headline-medium-wght:500;--md-sys-typescale-emphasized-headline-medium-grad:0;--md-sys-typescale-emphasized-headline-medium-wdth:100;--md-sys-typescale-emphasized-headline-medium-rond:0;--md-sys-typescale-emphasized-headline-medium-opsz:28;--md-sys-typescale-emphasized-headline-medium-crsv:0;--md-sys-typescale-emphasized-headline-medium-slnt:0;--md-sys-typescale-emphasized-headline-medium-fill:0;--md-sys-typescale-emphasized-headline-medium-hexp:0;--md-sys-typescale-emphasized-headline-small-font:Roboto Flex;--md-sys-typescale-emphasized-headline-small-weight:500;--md-sys-typescale-emphasized-headline-small-size:24px;--md-sys-typescale-emphasized-headline-small-tracking:0px;--md-sys-typescale-emphasized-headline-small-line-height:32px;--md-sys-typescale-emphasized-headline-small-wght:500;--md-sys-typescale-emphasized-headline-small-grad:0;--md-sys-typescale-emphasized-headline-small-wdth:100;--md-sys-typescale-emphasized-headline-small-rond:0;--md-sys-typescale-emphasized-headline-small-opsz:24;--md-sys-typescale-emphasized-headline-small-crsv:0;--md-sys-typescale-emphasized-headline-small-slnt:0;--md-sys-typescale-emphasized-headline-small-fill:0;--md-sys-typescale-emphasized-headline-small-hexp:0;--md-sys-typescale-emphasized-title-large-font:Roboto Flex;--md-sys-typescale-emphasized-title-large-weight:500;--md-sys-typescale-emphasized-title-large-size:22px;--md-sys-typescale-emphasized-title-large-tracking:0px;--md-sys-typescale-emphasized-title-large-line-height:28px;--md-sys-typescale-emphasized-title-large-wght:500;--md-sys-typescale-emphasized-title-large-grad:0;--md-sys-typescale-emphasized-title-large-wdth:100;--md-sys-typescale-emphasized-title-large-rond:0;--md-sys-typescale-emphasized-title-large-opsz:22;--md-sys-typescale-emphasized-title-large-crsv:0;--md-sys-typescale-emphasized-title-large-slnt:0;--md-sys-typescale-emphasized-title-large-fill:0;--md-sys-typescale-emphasized-title-large-hexp:0;--md-sys-typescale-emphasized-title-medium-font:Roboto Flex;--md-sys-typescale-emphasized-title-medium-weight:600;--md-sys-typescale-emphasized-title-medium-size:16px;--md-sys-typescale-emphasized-title-medium-tracking:.15px;--md-sys-typescale-emphasized-title-medium-line-height:24px;--md-sys-typescale-emphasized-title-medium-wght:600;--md-sys-typescale-emphasized-title-medium-grad:0;--md-sys-typescale-emphasized-title-medium-wdth:100;--md-sys-typescale-emphasized-title-medium-rond:0;--md-sys-typescale-emphasized-title-medium-opsz:16;--md-sys-typescale-emphasized-title-medium-crsv:0;--md-sys-typescale-emphasized-title-medium-slnt:0;--md-sys-typescale-emphasized-title-medium-fill:0;--md-sys-typescale-emphasized-title-medium-hexp:0;--md-sys-typescale-emphasized-title-small-font:Roboto Flex;--md-sys-typescale-emphasized-title-small-weight:600;--md-sys-typescale-emphasized-title-small-size:14px;--md-sys-typescale-emphasized-title-small-tracking:.1px;--md-sys-typescale-emphasized-title-small-line-height:20px;--md-sys-typescale-emphasized-title-small-wght:600;--md-sys-typescale-emphasized-title-small-grad:0;--md-sys-typescale-emphasized-title-small-wdth:100;--md-sys-typescale-emphasized-title-small-rond:0;--md-sys-typescale-emphasized-title-small-opsz:14;--md-sys-typescale-emphasized-title-small-crsv:0;--md-sys-typescale-emphasized-title-small-slnt:0;--md-sys-typescale-emphasized-title-small-fill:0;--md-sys-typescale-emphasized-title-small-hexp:0;--md-sys-typescale-emphasized-body-large-font:Roboto Flex;--md-sys-typescale-emphasized-body-large-weight:500;--md-sys-typescale-emphasized-body-large-size:16px;--md-sys-typescale-emphasized-body-large-tracking:.5px;--md-sys-typescale-emphasized-body-large-line-height:24px;--md-sys-typescale-emphasized-body-large-wght:500;--md-sys-typescale-emphasized-body-large-grad:0;--md-sys-typescale-emphasized-body-large-wdth:100;--md-sys-typescale-emphasized-body-large-rond:0;--md-sys-typescale-emphasized-body-large-opsz:16;--md-sys-typescale-emphasized-body-large-crsv:0;--md-sys-typescale-emphasized-body-large-slnt:0;--md-sys-typescale-emphasized-body-large-fill:0;--md-sys-typescale-emphasized-body-large-hexp:0;--md-sys-typescale-emphasized-body-medium-font:Roboto Flex;--md-sys-typescale-emphasized-body-medium-weight:500;--md-sys-typescale-emphasized-body-medium-size:14px;--md-sys-typescale-emphasized-body-medium-tracking:.25px;--md-sys-typescale-emphasized-body-medium-line-height:20px;--md-sys-typescale-emphasized-body-medium-wght:500;--md-sys-typescale-emphasized-body-medium-grad:0;--md-sys-typescale-emphasized-body-medium-wdth:100;--md-sys-typescale-emphasized-body-medium-rond:0;--md-sys-typescale-emphasized-body-medium-opsz:14;--md-sys-typescale-emphasized-body-medium-crsv:0;--md-sys-typescale-emphasized-body-medium-slnt:0;--md-sys-typescale-emphasized-body-medium-fill:0;--md-sys-typescale-emphasized-body-medium-hexp:0;--md-sys-typescale-emphasized-body-small-font:Roboto Flex;--md-sys-typescale-emphasized-body-small-weight:500;--md-sys-typescale-emphasized-body-small-size:12px;--md-sys-typescale-emphasized-body-small-tracking:.4px;--md-sys-typescale-emphasized-body-small-line-height:16px;--md-sys-typescale-emphasized-body-small-wght:500;--md-sys-typescale-emphasized-body-small-grad:0;--md-sys-typescale-emphasized-body-small-wdth:100;--md-sys-typescale-emphasized-body-small-rond:0;--md-sys-typescale-emphasized-body-small-opsz:16;--md-sys-typescale-emphasized-body-small-crsv:0;--md-sys-typescale-emphasized-body-small-slnt:0;--md-sys-typescale-emphasized-body-small-fill:0;--md-sys-typescale-emphasized-body-small-hexp:0;--md-sys-typescale-emphasized-label-large-font:Roboto Flex;--md-sys-typescale-emphasized-label-large-weight:600;--md-sys-typescale-emphasized-label-large-size:14px;--md-sys-typescale-emphasized-label-large-tracking:.1px;--md-sys-typescale-emphasized-label-large-line-height:20px;--md-sys-typescale-emphasized-label-large-wght:600;--md-sys-typescale-emphasized-label-large-grad:0;--md-sys-typescale-emphasized-label-large-wdth:100;--md-sys-typescale-emphasized-label-large-rond:0;--md-sys-typescale-emphasized-label-large-opsz:14;--md-sys-typescale-emphasized-label-large-crsv:0;--md-sys-typescale-emphasized-label-large-slnt:0;--md-sys-typescale-emphasized-label-large-fill:0;--md-sys-typescale-emphasized-label-large-hexp:0;--md-sys-typescale-emphasized-label-medium-font:Roboto Flex;--md-sys-typescale-emphasized-label-medium-weight:600;--md-sys-typescale-emphasized-label-medium-size:12px;--md-sys-typescale-emphasized-label-medium-tracking:.5px;--md-sys-typescale-emphasized-label-medium-line-height:16px;--md-sys-typescale-emphasized-label-medium-wght:600;--md-sys-typescale-emphasized-label-medium-grad:0;--md-sys-typescale-emphasized-label-medium-wdth:100;--md-sys-typescale-emphasized-label-medium-rond:0;--md-sys-typescale-emphasized-label-medium-opsz:12;--md-sys-typescale-emphasized-label-medium-crsv:0;--md-sys-typescale-emphasized-label-medium-slnt:0;--md-sys-typescale-emphasized-label-medium-fill:0;--md-sys-typescale-emphasized-label-medium-hexp:0;--md-sys-typescale-emphasized-label-small-font:Roboto Flex;--md-sys-typescale-emphasized-label-small-weight:600;--md-sys-typescale-emphasized-label-small-size:11px;--md-sys-typescale-emphasized-label-small-tracking:.5px;--md-sys-typescale-emphasized-label-small-line-height:16px;--md-sys-typescale-emphasized-label-small-wght:600;--md-sys-typescale-emphasized-label-small-grad:0;--md-sys-typescale-emphasized-label-small-wdth:100;--md-sys-typescale-emphasized-label-small-rond:0;--md-sys-typescale-emphasized-label-small-opsz:11;--md-sys-typescale-emphasized-label-small-crsv:0;--md-sys-typescale-emphasized-label-small-slnt:0;--md-sys-typescale-emphasized-label-small-fill:0;--md-sys-typescale-emphasized-label-small-hexp:0;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}:root,.Theme.scrollable{scrollbar-color:var(--md-sys-color-surface-variant) var(--md-sys-color-surface);transition:scrollbar-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing);overflow:auto}:root::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-surface-variant);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}.Theme.scrollable::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-surface-variant);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}:root::-webkit-scrollbar-thumb:hover{background-color:dark(var(--md-sys-color-surface-variant), 10%)}.Theme.scrollable::-webkit-scrollbar-thumb:hover{background-color:dark(var(--md-sys-color-surface-variant), 10%)}:root::-webkit-scrollbar-track{background-color:var(--md-sys-color-surface);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}.Theme.scrollable::-webkit-scrollbar-track{background-color:var(--md-sys-color-surface);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}.portals{pointer-events:none;z-index:10;position:absolute;inset:0}.portals>*{pointer-events:initial}.Theme{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing), color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}.Theme.base{min-width:100vw;min-height:100vh}.Theme.scrollable{scrollbar-color:var(--md-sys-color-surface-variant) var(--md-sys-color-surface);transition:scrollbar-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing);overflow:auto}.Theme.scrollable::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-surface-variant);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}.Theme.scrollable::-webkit-scrollbar-thumb:hover{background-color:dark(var(--md-sys-color-surface-variant), 10%)}.Theme.scrollable::-webkit-scrollbar-track{background-color:var(--md-sys-color-surface);transition:background-color var(--md-sys-motion-spring-expressive-slow-effects-duration) var(--md-sys-motion-spring-expressive-slow-effects-easing)}
package/dist/components/Theme/types.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { RefObject } from 'react';
2
+ export type ExtractType<Data, Type> = {
3
+ [K in keyof Data as Data[K] extends Type ? K : never]: Data[K];
4
+ };
5
+ export interface ThemeConfig {
6
+ primaryColor: string;
7
+ contrast?: number;
8
+ customColors?: Record<string, CustomColor>;
9
+ componentTypes?: ThemeComponentTypeConfig;
10
+ }
11
+ export interface ThemeComponentTypeConfig {
12
+ [type: string]: React.ElementType | undefined;
13
+ }
14
+ export type DefaultThemeComponentType<Name extends string, Default extends React.ElementType> = (ThemeComponentTypeConfig[Name] extends (props: any) => React.ReactNode | Promise<React.ReactNode> ? ThemeComponentTypeConfig[Name] : ThemeComponentTypeConfig[Name] extends keyof React.JSX.IntrinsicElements ? ThemeComponentTypeConfig[Name] : Default);
15
+ export interface CustomColor {
16
+ color: number | string;
17
+ blend: boolean;
18
+ }
19
+ export interface ThemeContext {
20
+ ref: RefObject<HTMLDivElement | null>;
21
+ tooltipsContainer: HTMLDivElement | null;
22
+ dialogsContainer: HTMLDivElement | null;
23
+ popoversContainer: HTMLDivElement | null;
24
+ config: ThemeConfig;
25
+ tooltip?: string;
26
+ setTooltip: (id?: string) => void;
27
+ setDialogState: (id: string, open: boolean) => void;
28
+ context: ThemeContext | null;
29
+ }
package/dist/components/Toolbar/Toolbar.cjs ADDED
@@ -0,0 +1 @@
1
+ const e=require("../misc/OrderedCollection/index.cjs"),t=require("./Toolbar.render.cjs");let n=require("react/compiler-runtime"),r=require("react/jsx-runtime");function i(i){let a=(0,n.c)(4);if(e.useOrderedCollection()){let t;return a[0]===i?t=a[1]:(t=(0,r.jsx)(e.OrderedCollectionChild,{name:`Toolbar`,content:i}),a[0]=i,a[1]=t),t}let o;return a[2]===i?o=a[3]:(o=(0,r.jsx)(t.default,{...i}),a[2]=i,a[3]=o),o}exports.default=i;
package/dist/components/Toolbar/Toolbar.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { ToolbarProps } from './Toolbar.render';
2
+ import { PropsWithChildren } from 'react';
3
+ export default function Toolbar(props: PropsWithChildren<ToolbarProps>): import('react').JSX.Element;
package/dist/components/Toolbar/Toolbar.js ADDED
@@ -0,0 +1,19 @@
1
+ import { OrderedCollectionChild as e, useOrderedCollection as t } from "../misc/OrderedCollection/index.js";
2
+ import n from "./Toolbar.render.js";
3
+ import { c as r } from "react/compiler-runtime";
4
+ import { jsx as i } from "react/jsx-runtime";
5
+ //#region lib/components/Toolbar/Toolbar.tsx
6
+ function a(a) {
7
+ let o = r(4);
8
+ if (t()) {
9
+ let t;
10
+ return o[0] === a ? t = o[1] : (t = /* @__PURE__ */ i(e, {
11
+ name: "Toolbar",
12
+ content: a
13
+ }), o[0] = a, o[1] = t), t;
14
+ }
15
+ let s;
16
+ return o[2] === a ? s = o[3] : (s = /* @__PURE__ */ i(n, { ...a }), o[2] = a, o[3] = s), s;
17
+ }
18
+ //#endregion
19
+ export { a as default };
package/dist/components/Toolbar/Toolbar.render.cjs ADDED
@@ -0,0 +1 @@
1
+ require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Button/context.cjs"),n=require("../../utils/index.cjs"),r=require("../misc/OrderedCollection/index.cjs"),i=require("../Button/icon/render.cjs"),a=require("../Button/default/render.cjs"),o=require("../NumberField/NumberField.render.cjs"),s=require("../TextField/TextField.render.cjs");;/* empty css */let c=require("react/compiler-runtime"),l=require("classnames");l=e.__toESM(l,1);let u=require("react"),d=require("react/jsx-runtime");function f(e){let i=(0,c.c)(21),{color:a}=e,o=a===void 0?`standard`:a,s;i[0]===Symbol.for(`react.memo_cache_sentinel`)?(s=[],i[0]=s):s=i[0];let[f,m]=(0,u.useState)(s),h;i[1]!==e.orientation||i[2]!==e.variant?(h=e.variant===`floating`&&e.orientation===`vertical`?`IconButton`:[`Button`,`IconButton`,`TextField`,`NumberField`],i[1]=e.orientation,i[2]=e.variant,i[3]=h):h=i[3];let g=h,_;i[4]!==o||i[5]!==e.orientation||i[6]!==e.placement||i[7]!==e.variant?(_=(0,l.default)(`Toolbar`,e.variant,o,e.variant===`floating`?[e.orientation??`horizontal`,e.placement??`center`]:``),i[4]=o,i[5]=e.orientation,i[6]=e.placement,i[7]=e.variant,i[8]=_):_=i[8];let v;i[9]===Symbol.for(`react.memo_cache_sentinel`)?(v={default:`text`,icon:`standard`},i[9]=v):v=i[9];let y;i[10]===f?y=i[11]:(y=f.map(p),i[10]=f,i[11]=y);let b;i[12]!==g||i[13]!==e.children?(b=(0,d.jsx)(r.default,{name:`Toolbar`,childName:g,onChildrenChange:m,compareChild:n.shallowEqual,children:e.children}),i[12]=g,i[13]=e.children,i[14]=b):b=i[14];let x;i[15]!==y||i[16]!==b?(x=(0,d.jsxs)(t.default,{color:v,shape:`round`,width:`default`,children:[y,b]}),i[15]=y,i[16]=b,i[17]=x):x=i[17];let S;return i[18]!==_||i[19]!==x?(S=(0,d.jsx)(`div`,{className:_,children:x}),i[18]=_,i[19]=x,i[20]=S):S=i[20],S}function p(e){switch(e.orderedCollectionName){case`Button`:return(0,d.jsx)(a.default,{...e},e.id);case`IconButton`:return(0,d.jsx)(i.default,{...e},e.id);case`TextField`:return(0,d.jsx)(s.default,{...e},e.id);case`NumberField`:return(0,d.jsx)(o.default,{...e},e.id);default:return null}}exports.default=f;
package/dist/components/Toolbar/Toolbar.render.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface BaseToolbarProps {
3
+ color?: "standard" | "vibrant";
4
+ }
5
+ export interface DockedToolbarProps extends BaseToolbarProps {
6
+ variant: "docked";
7
+ }
8
+ export interface FloatingToolbarProps extends BaseToolbarProps {
9
+ variant: "floating";
10
+ orientation?: "horizontal" | "vertical";
11
+ placement?: "left" | "center" | "right";
12
+ }
13
+ export type ToolbarProps = DockedToolbarProps | FloatingToolbarProps;
14
+ export default function ToolbarRender(props: PropsWithChildren<ToolbarProps>): import('react').JSX.Element;