material 3.0.2 → 3.0.4

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 (287) hide show
  1. package/README.md +2 -2
  2. package/dist/components/badge/config.d.ts +2 -2
  3. package/dist/components/button/features/toggle.d.ts +1 -1
  4. package/dist/components/button/types.d.ts +5 -5
  5. package/dist/components/button-group/button-group.d.ts +1 -1
  6. package/dist/components/button-group/constants.d.ts +1 -1
  7. package/dist/components/button-group/index.d.ts +1 -1
  8. package/dist/components/button-group/types.d.ts +2 -2
  9. package/dist/components/card/types.d.ts +5 -5
  10. package/dist/components/carousel/features/scroll.js +33 -33
  11. package/dist/components/carousel/keylines.d.ts +8 -5
  12. package/dist/components/carousel/keylines.js +23 -21
  13. package/dist/components/carousel/types.d.ts +1 -1
  14. package/dist/components/checkbox/types.d.ts +4 -4
  15. package/dist/components/chips/types.d.ts +12 -12
  16. package/dist/components/datepicker/datepicker.d.ts +1 -1
  17. package/dist/components/datepicker/types.d.ts +11 -11
  18. package/dist/components/datepicker/utils.d.ts +1 -1
  19. package/dist/components/dialog/types.d.ts +1 -1
  20. package/dist/components/drawer/types.d.ts +1 -1
  21. package/dist/components/extended-fab/types.d.ts +3 -3
  22. package/dist/components/fab/types.d.ts +2 -3
  23. package/dist/components/fab-menu/types.d.ts +1 -1
  24. package/dist/components/icon-button/types.d.ts +4 -5
  25. package/dist/components/list/types.d.ts +1 -1
  26. package/dist/components/menu/features/loader.d.ts +1 -1
  27. package/dist/components/menu/types.d.ts +3 -3
  28. package/dist/components/navigation-bar/types.d.ts +1 -1
  29. package/dist/components/navigation-rail/types.d.ts +2 -2
  30. package/dist/components/progress/types.d.ts +1 -1
  31. package/dist/components/radios/types.d.ts +1 -1
  32. package/dist/components/search/types.d.ts +5 -5
  33. package/dist/components/select/constants.d.ts +1 -1
  34. package/dist/components/select/types.d.ts +1 -1
  35. package/dist/components/slider/config.d.ts +1 -1
  36. package/dist/components/slider/features/axis.d.ts +1 -1
  37. package/dist/components/slider/features/controller.d.ts +14 -14
  38. package/dist/components/slider/types.d.ts +1 -1
  39. package/dist/components/snackbar/types.d.ts +1 -1
  40. package/dist/components/switch/features.d.ts +1 -1
  41. package/dist/components/switch/types.d.ts +5 -5
  42. package/dist/components/tabs/features.d.ts +1 -1
  43. package/dist/components/tabs/responsive.d.ts +1 -1
  44. package/dist/components/tabs/types.d.ts +7 -8
  45. package/dist/components/tabs/utils.d.ts +5 -5
  46. package/dist/components/text-field/constants.d.ts +1 -1
  47. package/dist/components/text-field/features/counter.d.ts +1 -1
  48. package/dist/components/text-field/features/field.d.ts +1 -1
  49. package/dist/components/text-field/features/required.d.ts +1 -1
  50. package/dist/components/text-field/features/trailing-icon.d.ts +2 -2
  51. package/dist/components/text-field/types.d.ts +8 -8
  52. package/dist/components/timepicker/dial.d.ts +2 -2
  53. package/dist/components/timepicker/types.d.ts +9 -9
  54. package/dist/components/timepicker/utils.d.ts +2 -2
  55. package/dist/core/compose/features/constants.d.ts +1 -1
  56. package/dist/core/compose/features/events.d.ts +1 -1
  57. package/dist/core/config/component.d.ts +1 -1
  58. package/dist/core/dom/create.d.ts +2 -2
  59. package/dist/core/dom/layer.d.ts +1 -1
  60. package/dist/core/state/emitter.d.ts +1 -1
  61. package/dist/core/theme/shape.d.ts +1 -1
  62. package/dist/core/theme/tokens.d.ts +1 -1
  63. package/dist/core/utils/attributes.d.ts +2 -2
  64. package/dist/core/utils/theme.d.ts +1 -1
  65. package/dist/elements/adapter.d.ts +12 -1
  66. package/dist/elements/button.d.ts +1 -1
  67. package/dist/elements/css/icon-button.css +1 -1
  68. package/dist/elements/css/icon-button.js +1 -1
  69. package/dist/elements/css/toolbar.css +1 -1
  70. package/dist/elements/css/toolbar.js +1 -1
  71. package/dist/elements/css/tooltip.css +1 -1
  72. package/dist/elements/css/tooltip.js +1 -1
  73. package/dist/elements/define.d.ts +20 -4
  74. package/dist/elements/define.js +2 -0
  75. package/dist/elements/icon-button.d.ts +6 -1
  76. package/dist/elements/icon-button.js +1 -0
  77. package/dist/elements/navigation-bar.d.ts +1 -1
  78. package/dist/elements/navigation-rail.d.ts +1 -1
  79. package/dist/elements/preupgrade/badge.css +1 -1
  80. package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
  81. package/dist/elements/preupgrade/bottom-sheet.css +1 -1
  82. package/dist/elements/preupgrade/button-group.css +1 -1
  83. package/dist/elements/preupgrade/button.css +1 -1
  84. package/dist/elements/preupgrade/card.css +1 -1
  85. package/dist/elements/preupgrade/carousel.css +1 -1
  86. package/dist/elements/preupgrade/checkbox.css +1 -1
  87. package/dist/elements/preupgrade/chips.css +1 -1
  88. package/dist/elements/preupgrade/datepicker.css +1 -1
  89. package/dist/elements/preupgrade/dialog.css +1 -1
  90. package/dist/elements/preupgrade/divider.css +1 -1
  91. package/dist/elements/preupgrade/drawer.css +1 -1
  92. package/dist/elements/preupgrade/extended-fab.css +1 -1
  93. package/dist/elements/preupgrade/fab-menu.css +1 -1
  94. package/dist/elements/preupgrade/fab.css +1 -1
  95. package/dist/elements/preupgrade/icon-button.css +1 -1
  96. package/dist/elements/preupgrade/list.css +1 -1
  97. package/dist/elements/preupgrade/loading-indicator.css +1 -1
  98. package/dist/elements/preupgrade/menu.css +1 -1
  99. package/dist/elements/preupgrade/navigation-bar.css +1 -1
  100. package/dist/elements/preupgrade/navigation-rail.css +1 -1
  101. package/dist/elements/preupgrade/progress.css +1 -1
  102. package/dist/elements/preupgrade/radios.css +1 -1
  103. package/dist/elements/preupgrade/search.css +1 -1
  104. package/dist/elements/preupgrade/select.css +1 -1
  105. package/dist/elements/preupgrade/side-sheet.css +1 -1
  106. package/dist/elements/preupgrade/slider.css +1 -1
  107. package/dist/elements/preupgrade/snackbar.css +1 -1
  108. package/dist/elements/preupgrade/split-button.css +1 -1
  109. package/dist/elements/preupgrade/switch.css +1 -1
  110. package/dist/elements/preupgrade/tabs.css +1 -1
  111. package/dist/elements/preupgrade/text-field.css +1 -1
  112. package/dist/elements/preupgrade/timepicker.css +1 -1
  113. package/dist/elements/preupgrade/toolbar.css +1 -1
  114. package/dist/elements/preupgrade/tooltip.css +1 -1
  115. package/dist/elements/preupgrade/top-app-bar.css +1 -1
  116. package/dist/elements/preupgrade.css +1 -1
  117. package/dist/elements/styles.d.ts +5 -4
  118. package/dist/elements/timepicker.d.ts +1 -1
  119. package/dist/index.d.ts +1 -1
  120. package/dist/package.json +1 -1
  121. package/dist/react/create.d.ts +1 -1
  122. package/dist/react/create.js +4 -1
  123. package/dist/solid/create.d.ts +2 -2
  124. package/dist/solid/create.js +6 -4
  125. package/dist/ssr/index.js +13 -13
  126. package/dist/ssr/react.js +1 -1
  127. package/dist/styles/badge.css +1 -1
  128. package/dist/styles/base.css +1 -1
  129. package/dist/styles/bottom-app-bar.css +1 -1
  130. package/dist/styles/bottom-sheet.css +1 -1
  131. package/dist/styles/button-group.css +1 -1
  132. package/dist/styles/button.css +1 -1
  133. package/dist/styles/card.css +1 -1
  134. package/dist/styles/carousel.css +1 -1
  135. package/dist/styles/checkbox.css +1 -1
  136. package/dist/styles/chips.css +1 -1
  137. package/dist/styles/contrast.css +1 -1
  138. package/dist/styles/datepicker.css +1 -1
  139. package/dist/styles/dialog.css +1 -1
  140. package/dist/styles/divider.css +1 -1
  141. package/dist/styles/drawer.css +1 -1
  142. package/dist/styles/extended-fab.css +1 -1
  143. package/dist/styles/fab-menu.css +1 -1
  144. package/dist/styles/fab.css +1 -1
  145. package/dist/styles/icon-button.css +2 -2
  146. package/dist/styles/list.css +1 -1
  147. package/dist/styles/loading-indicator.css +1 -1
  148. package/dist/styles/menu.css +1 -1
  149. package/dist/styles/navigation-bar.css +1 -1
  150. package/dist/styles/navigation-rail.css +1 -1
  151. package/dist/styles/progress.css +1 -1
  152. package/dist/styles/radios.css +1 -1
  153. package/dist/styles/search.css +1 -1
  154. package/dist/styles/select.css +1 -1
  155. package/dist/styles/side-sheet.css +1 -1
  156. package/dist/styles/slider.css +1 -1
  157. package/dist/styles/snackbar.css +1 -1
  158. package/dist/styles/split-button.css +1 -1
  159. package/dist/styles/switch.css +1 -1
  160. package/dist/styles/tabs.css +1 -1
  161. package/dist/styles/text-field.css +1 -1
  162. package/dist/styles/timepicker.css +1 -1
  163. package/dist/styles/toolbar.css +2 -2
  164. package/dist/styles/tooltip.css +2 -2
  165. package/dist/styles/top-app-bar.css +1 -1
  166. package/dist/styles/typography.css +1 -1
  167. package/dist/styles/utilities.css +1 -1
  168. package/dist/styles.css +2 -2
  169. package/dist/svelte/Badge.svelte +1 -1
  170. package/dist/svelte/BottomAppBar.svelte +1 -1
  171. package/dist/svelte/BottomSheet.svelte +1 -1
  172. package/dist/svelte/Button.svelte +1 -1
  173. package/dist/svelte/ButtonGroup.svelte +1 -1
  174. package/dist/svelte/Card.svelte +1 -1
  175. package/dist/svelte/Carousel.svelte +1 -1
  176. package/dist/svelte/Checkbox.svelte +1 -1
  177. package/dist/svelte/Chips.svelte +1 -1
  178. package/dist/svelte/Datepicker.svelte +1 -1
  179. package/dist/svelte/Dialog.svelte +1 -1
  180. package/dist/svelte/Divider.svelte +1 -1
  181. package/dist/svelte/Drawer.svelte +1 -1
  182. package/dist/svelte/ExtendedFab.svelte +1 -1
  183. package/dist/svelte/Fab.svelte +1 -1
  184. package/dist/svelte/FabMenu.svelte +1 -1
  185. package/dist/svelte/IconButton.svelte +1 -1
  186. package/dist/svelte/List.svelte +1 -1
  187. package/dist/svelte/LoadingIndicator.svelte +1 -1
  188. package/dist/svelte/Menu.svelte +1 -1
  189. package/dist/svelte/NavigationBar.svelte +1 -1
  190. package/dist/svelte/NavigationRail.svelte +1 -1
  191. package/dist/svelte/Progress.svelte +1 -1
  192. package/dist/svelte/Radios.svelte +1 -1
  193. package/dist/svelte/Search.svelte +1 -1
  194. package/dist/svelte/Select.svelte +1 -1
  195. package/dist/svelte/SideSheet.svelte +1 -1
  196. package/dist/svelte/Slider.svelte +1 -1
  197. package/dist/svelte/Snackbar.svelte +1 -1
  198. package/dist/svelte/SplitButton.svelte +1 -1
  199. package/dist/svelte/Switch.svelte +1 -1
  200. package/dist/svelte/Tabs.svelte +1 -1
  201. package/dist/svelte/TextField.svelte +1 -1
  202. package/dist/svelte/Timepicker.svelte +1 -1
  203. package/dist/svelte/Toolbar.svelte +1 -1
  204. package/dist/svelte/Tooltip.svelte +1 -1
  205. package/dist/svelte/TopAppBar.svelte +1 -1
  206. package/dist/svelte/runtime.d.ts +2 -2
  207. package/dist/svelte/runtime.js +4 -1
  208. package/dist/themes/autumn-contrast.css +1 -1
  209. package/dist/themes/autumn.css +1 -1
  210. package/dist/themes/baseline-contrast.css +1 -1
  211. package/dist/themes/baseline.css +1 -1
  212. package/dist/themes/brownbeige-contrast.css +1 -1
  213. package/dist/themes/brownbeige.css +1 -1
  214. package/dist/themes/content-contrast.css +1 -1
  215. package/dist/themes/content.css +1 -1
  216. package/dist/themes/desert-contrast.css +1 -1
  217. package/dist/themes/desert.css +1 -1
  218. package/dist/themes/expressive-contrast.css +1 -1
  219. package/dist/themes/expressive.css +1 -1
  220. package/dist/themes/fidelity-contrast.css +1 -1
  221. package/dist/themes/fidelity.css +1 -1
  222. package/dist/themes/forest-contrast.css +1 -1
  223. package/dist/themes/forest.css +1 -1
  224. package/dist/themes/fruit-salad-contrast.css +1 -1
  225. package/dist/themes/fruit-salad.css +1 -1
  226. package/dist/themes/highcontrast-contrast.css +1 -1
  227. package/dist/themes/highcontrast.css +1 -1
  228. package/dist/themes/monochrome-contrast.css +1 -1
  229. package/dist/themes/monochrome.css +1 -1
  230. package/dist/themes/neutral-contrast.css +1 -1
  231. package/dist/themes/neutral.css +1 -1
  232. package/dist/themes/ocean-contrast.css +1 -1
  233. package/dist/themes/ocean.css +1 -1
  234. package/dist/themes/rainbow-contrast.css +1 -1
  235. package/dist/themes/rainbow.css +1 -1
  236. package/dist/themes/sageivory-contrast.css +1 -1
  237. package/dist/themes/sageivory.css +1 -1
  238. package/dist/themes/spring-contrast.css +1 -1
  239. package/dist/themes/spring.css +1 -1
  240. package/dist/themes/summer-contrast.css +1 -1
  241. package/dist/themes/summer.css +1 -1
  242. package/dist/themes/sunset-contrast.css +1 -1
  243. package/dist/themes/sunset.css +1 -1
  244. package/dist/themes/tealcaramel-contrast.css +1 -1
  245. package/dist/themes/tealcaramel.css +1 -1
  246. package/dist/themes/vibrant-contrast.css +1 -1
  247. package/dist/themes/vibrant.css +1 -1
  248. package/dist/vue/create.d.ts +2 -2
  249. package/dist/vue/create.js +4 -1
  250. package/package.json +1 -1
  251. package/src/styles/abstract/_mixins.scss +4 -4
  252. package/src/styles/abstract/_theme.scss +1 -1
  253. package/src/styles/abstract/_variables.scss +7 -7
  254. package/src/styles/base/_foundation.scss +1 -1
  255. package/src/styles/base/_typescale-tokens.scss +1 -1
  256. package/src/styles/base/_typography.scss +1 -1
  257. package/src/styles/components/_bottom-sheet.scss +1 -1
  258. package/src/styles/components/_button.scss +1 -1
  259. package/src/styles/components/_checkbox.scss +5 -5
  260. package/src/styles/components/_chips.scss +9 -9
  261. package/src/styles/components/_datepicker.scss +8 -9
  262. package/src/styles/components/_dialog.scss +1 -1
  263. package/src/styles/components/_drawer.scss +1 -1
  264. package/src/styles/components/_fab-menu.scss +1 -1
  265. package/src/styles/components/_icon-button.scss +50 -13
  266. package/src/styles/components/_menu.scss +0 -1
  267. package/src/styles/components/_navigation-bar.scss +1 -1
  268. package/src/styles/components/_radios.scss +3 -3
  269. package/src/styles/components/_search.scss +7 -7
  270. package/src/styles/components/_select.scss +2 -2
  271. package/src/styles/components/_side-sheet.scss +2 -2
  272. package/src/styles/components/_slider.scss +6 -6
  273. package/src/styles/components/_switch.scss +5 -5
  274. package/src/styles/components/_tabs.scss +15 -15
  275. package/src/styles/components/_text-field.scss +20 -21
  276. package/src/styles/components/_timepicker.scss +6 -6
  277. package/src/styles/components/_toolbar.scss +48 -0
  278. package/src/styles/components/_tooltip.scss +35 -74
  279. package/src/styles/elements/_field.scss +2 -2
  280. package/src/styles/themes/_autumn.scss +3 -3
  281. package/src/styles/themes/_base-theme.scss +2 -2
  282. package/src/styles/themes/_baseline.scss +5 -5
  283. package/src/styles/themes/_forest.scss +3 -3
  284. package/src/styles/themes/_ocean.scss +3 -3
  285. package/src/styles/themes/_spring.scss +3 -3
  286. package/src/styles/themes/_sunset.scss +3 -3
  287. package/src/styles/utilities/_ripple.scss +1 -1
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { visible?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { visible }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -15,7 +15,7 @@
15
15
  children,
16
16
  ...props
17
17
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
18
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
18
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
19
19
  let node = $state<HTMLElement | null>(null);
20
20
  export { node as element };
21
21
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { index?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { index }));
@@ -13,7 +13,7 @@
13
13
  children,
14
14
  ...props
15
15
  }: { checked?: unknown; indeterminate?: unknown; children?: Snippet; [key: string]: unknown } = $props();
16
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
16
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
17
17
  let node = $state<HTMLElement | null>(null);
18
18
  export { node as element };
19
19
  let shadow = $derived(shadowMarkup(runtime, props, children, { checked, indeterminate }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -14,7 +14,7 @@
14
14
  children,
15
15
  ...props
16
16
  }: { children?: Snippet; [key: string]: unknown } = $props();
17
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
17
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
18
18
  let node = $state<HTMLElement | null>(null);
19
19
  export { node as element };
20
20
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -13,7 +13,7 @@
13
13
  children,
14
14
  ...props
15
15
  }: { children?: Snippet; [key: string]: unknown } = $props();
16
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
16
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
17
17
  let node = $state<HTMLElement | null>(null);
18
18
  export { node as element };
19
19
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { selected?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { selected }));
@@ -13,7 +13,7 @@
13
13
  children,
14
14
  ...props
15
15
  }: { value?: unknown; values?: unknown; children?: Snippet; [key: string]: unknown } = $props();
16
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
16
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
17
17
  let node = $state<HTMLElement | null>(null);
18
18
  export { node as element };
19
19
  let shadow = $derived(shadowMarkup(runtime, props, children, { value, values }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { anchor?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { anchor }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -13,7 +13,7 @@
13
13
  children,
14
14
  ...props
15
15
  }: { value?: unknown; indeterminate?: unknown; children?: Snippet; [key: string]: unknown } = $props();
16
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
16
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
17
17
  let node = $state<HTMLElement | null>(null);
18
18
  export { node as element };
19
19
  let shadow = $derived(shadowMarkup(runtime, props, children, { value, indeterminate }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -14,7 +14,7 @@
14
14
  children,
15
15
  ...props
16
16
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
17
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
17
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
18
18
  let node = $state<HTMLElement | null>(null);
19
19
  export { node as element };
20
20
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -13,7 +13,7 @@
13
13
  children,
14
14
  ...props
15
15
  }: { value?: unknown; secondValue?: unknown; children?: Snippet; [key: string]: unknown } = $props();
16
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
16
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
17
17
  let node = $state<HTMLElement | null>(null);
18
18
  export { node as element };
19
19
  let shadow = $derived(shadowMarkup(runtime, props, children, { value, secondValue }));
@@ -15,7 +15,7 @@
15
15
  children,
16
16
  ...props
17
17
  }: { open?: unknown; children?: Snippet; [key: string]: unknown } = $props();
18
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
18
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
19
19
  let node = $state<HTMLElement | null>(null);
20
20
  export { node as element };
21
21
  let shadow = $derived(shadowMarkup(runtime, props, children, { open }));
@@ -14,7 +14,7 @@
14
14
  children,
15
15
  ...props
16
16
  }: { children?: Snippet; [key: string]: unknown } = $props();
17
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
17
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
18
18
  let node = $state<HTMLElement | null>(null);
19
19
  export { node as element };
20
20
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { checked?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { checked }));
@@ -15,7 +15,7 @@
15
15
  children,
16
16
  ...props
17
17
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
18
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
18
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
19
19
  let node = $state<HTMLElement | null>(null);
20
20
  export { node as element };
21
21
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { value?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { value }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -12,7 +12,7 @@
12
12
  children,
13
13
  ...props
14
14
  }: { target?: unknown; children?: Snippet; [key: string]: unknown } = $props();
15
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
15
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
16
16
  let node = $state<HTMLElement | null>(null);
17
17
  export { node as element };
18
18
  let shadow = $derived(shadowMarkup(runtime, props, children, { target }));
@@ -11,7 +11,7 @@
11
11
  children,
12
12
  ...props
13
13
  }: { children?: Snippet; [key: string]: unknown } = $props();
14
- // `bind:this` on the component reads `element`, as Vue's template ref does (FLO-325).
14
+ // `bind:this` on the component reads `element`, as Vue's template ref does.
15
15
  let node = $state<HTMLElement | null>(null);
16
16
  export { node as element };
17
17
  let shadow = $derived(shadowMarkup(runtime, props, children, { }));
@@ -11,7 +11,7 @@
11
11
  * registers when the action first runs, never at import.
12
12
  *
13
13
  * Each component can also emit a declarative shadow root on the server
14
- * (FLO-375). `shadowMarkup` reads the renderer `material/ssr/svelte` installs on
14
+ * `shadowMarkup` reads the renderer `material/ssr/svelte` installs on
15
15
  * `Symbol.for("mtrl.ssr")` — the same bridge as React — and returns the
16
16
  * `<template shadowrootmode>` string there, or `""` in the browser, when no
17
17
  * renderer is registered, and when the element opts out of SSR. The client
@@ -33,7 +33,7 @@ export type EventProps<S> = {
33
33
  type BaseProps<S> = ElementProps<S> & DefaultProps<S> & FormProps<S> & EventProps<S>;
34
34
  /**
35
35
  * Each named slot as a snippet prop (`{#snippet actions()}`); a text prop of
36
- * the same name (`headline`) takes its text or a snippet (FLO-325).
36
+ * the same name (`headline`) takes its text or a snippet.
37
37
  */
38
38
  type SnippetProps<S, P> = {
39
39
  [K in ElementSlotProp<S>]?: (K extends keyof P ? Exclude<P[K], undefined> : never) | Snippet;
@@ -27,8 +27,11 @@ export const adapter = (spec, define) => {
27
27
  if (!isBrowser)
28
28
  for (const [name, value] of serverDefaults(described, (p) => live[p]))
29
29
  result[name] ?? (result[name] = value);
30
- if (shadow)
30
+ if (shadow) {
31
31
  result[RENDERED_HOST_ATTRIBUTE] = "";
32
+ if (spec.marker)
33
+ result[spec.marker] = "";
34
+ }
32
35
  for (const symbol of Object.getOwnPropertySymbols(props))
33
36
  result[symbol] = props[symbol];
34
37
  return result;
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  [data-theme=autumn]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f5ded6;--mtrl-sys-color-inverse-surface: #392e2b;--mtrl-sys-color-inverse-primary: #ffb59a}[data-theme=autumn]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed-dim: #ffb59a;--mtrl-sys-color-surface: #1a110e;--mtrl-sys-color-surface-dim: #1a110e;--mtrl-sys-color-surface-variant: #53433e;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #f1dfd9;--mtrl-sys-color-inverse-primary: #73371f}[data-theme=autumn][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #5d260f;--mtrl-sys-color-primary-container: #a05a40;--mtrl-sys-color-secondary: #72040e;--mtrl-sys-color-secondary-container: #bf413e;--mtrl-sys-color-tertiary: #253c1c;--mtrl-sys-color-tertiary-container: #5a744f;--mtrl-sys-color-primary-fixed: #a05a40;--mtrl-sys-color-primary-fixed-dim: #83432a;--mtrl-sys-color-secondary-fixed: #bf413e;--mtrl-sys-color-secondary-fixed-dim: #9e2929;--mtrl-sys-color-tertiary-fixed: #5a744f;--mtrl-sys-color-tertiary-fixed-dim: #435b38;--mtrl-sys-color-surface-dim: #d4c3be;--mtrl-sys-color-surface-container-low: #fff1ec;--mtrl-sys-color-surface-container: #f7e4df;--mtrl-sys-color-surface-container-high: #ebd9d4;--mtrl-sys-color-surface-container-highest: #dfcec9;--mtrl-sys-color-on-surface: #180f0c;--mtrl-sys-color-on-surface-variant: #41332e;--mtrl-sys-color-outline: #5f4f4a;--mtrl-sys-color-outline-variant: #7b6963;--mtrl-sys-color-inverse-on-surface: #ffede7}[data-theme=autumn][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #ffd3c4;--mtrl-sys-color-on-primary: #471602;--mtrl-sys-color-primary-container: #ca7d60;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd2ce;--mtrl-sys-color-on-secondary: #540007;--mtrl-sys-color-secondary-container: #ef645e;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #c8e5b8;--mtrl-sys-color-on-tertiary: #152b0d;--mtrl-sys-color-tertiary-container: #7d9870;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #260700;--mtrl-sys-color-on-primary-fixed-variant: #5d260f;--mtrl-sys-color-on-secondary-fixed: #2d0002;--mtrl-sys-color-on-secondary-fixed-variant: #72040e;--mtrl-sys-color-on-tertiary-fixed: #021500;--mtrl-sys-color-on-tertiary-fixed-variant: #253c1c;--mtrl-sys-color-surface-bright: #4d423e;--mtrl-sys-color-surface-container-lowest: #0d0604;--mtrl-sys-color-surface-container-low: #251c18;--mtrl-sys-color-surface-container: #302622;--mtrl-sys-color-surface-container-high: #3b302d;--mtrl-sys-color-surface-container-highest: #463b37;--mtrl-sys-color-on-surface-variant: #eed8d0;--mtrl-sys-color-outline: #c2ada7;--mtrl-sys-color-outline-variant: #a08c86;--mtrl-sys-color-inverse-on-surface: #322824}[data-theme=autumn][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #4f1c06;--mtrl-sys-color-primary-container: #753820;--mtrl-sys-color-secondary: #600009;--mtrl-sys-color-secondary-container: #8e1c1f;--mtrl-sys-color-tertiary: #1b3213;--mtrl-sys-color-tertiary-container: #374f2e;--mtrl-sys-color-primary-fixed: #753820;--mtrl-sys-color-primary-fixed-dim: #58220c;--mtrl-sys-color-secondary-fixed: #8e1c1f;--mtrl-sys-color-secondary-fixed-dim: #6d000b;--mtrl-sys-color-tertiary-fixed: #374f2e;--mtrl-sys-color-tertiary-fixed-dim: #213819;--mtrl-sys-color-surface-dim: #c6b5b0;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd9;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3be;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554641;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=autumn][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece6;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb093;--mtrl-sys-color-on-primary-container: #1c0400;--mtrl-sys-color-secondary: #ffecea;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #ffaea7;--mtrl-sys-color-on-secondary-container: #220001;--mtrl-sys-color-tertiary: #dbf9ca;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #afcb9f;--mtrl-sys-color-on-tertiary-container: #010f00;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #260700;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #2d0002;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #021500;--mtrl-sys-color-surface-bright: #5a4d49;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #392e2b;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece6;--mtrl-sys-color-outline-variant: #d4beb7;--mtrl-sys-color-inverse-on-surface: #000000}
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  [data-theme=autumn]{--mtrl-sys-color-primary: #795548;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdcc7;--mtrl-sys-color-on-primary-container: #2c1500;--mtrl-sys-color-secondary: #a02a2a;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #edd9b9;--mtrl-sys-color-on-secondary-container: #410001;--mtrl-sys-color-tertiary: #4d6642;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #cfe9be;--mtrl-sys-color-on-tertiary-container: #0a2008;--mtrl-sys-color-primary-fixed: #ffdbcf;--mtrl-sys-color-primary-fixed-dim: #ebbcac;--mtrl-sys-color-on-primary-fixed: #2e150b;--mtrl-sys-color-on-primary-fixed-variant: #603f33;--mtrl-sys-color-secondary-fixed: #ffdad7;--mtrl-sys-color-secondary-fixed-dim: #ffb3ad;--mtrl-sys-color-on-secondary-fixed: #410004;--mtrl-sys-color-on-secondary-fixed-variant: #8a1a1d;--mtrl-sys-color-tertiary-fixed: #ceebbd;--mtrl-sys-color-tertiary-fixed-dim: #b2cfa3;--mtrl-sys-color-on-tertiary-fixed: #0a2005;--mtrl-sys-color-on-tertiary-fixed-variant: #354d2b;--mtrl-sys-color-surface: #fffbf7;--mtrl-sys-color-surface-dim: #ead7ce;--mtrl-sys-color-surface-bright: #fffbf7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fff0ea;--mtrl-sys-color-surface-container: #f5e1d7;--mtrl-sys-color-surface-container-high: #efdbd1;--mtrl-sys-color-surface-container-highest: #e9d5cb;--mtrl-sys-color-on-surface: #201a17;--mtrl-sys-color-on-surface-variant: #53433c;--mtrl-sys-color-surface-variant: #f6ded4;--mtrl-sys-color-outline: #85736c;--mtrl-sys-color-outline-variant: #d7c1ba;--mtrl-sys-color-inverse-surface: #3a2e27;--mtrl-sys-color-inverse-on-surface: #ffede5;--mtrl-sys-color-inverse-primary: #ebbcac;--mtrl-sys-color-success: #85cfa9;--mtrl-sys-color-on-success: #00392d;--mtrl-sys-color-warning: #ffb95c;--mtrl-sys-color-on-warning: #3f2200;--mtrl-sys-color-info: #99cbff;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF}[data-theme=autumn][data-theme-mode=dark]{--mtrl-sys-color-primary: #ddb995;--mtrl-sys-color-on-primary: #422b09;--mtrl-sys-color-primary-container: #5d3f1c;--mtrl-sys-color-on-primary-container: #ffdcc7;--mtrl-sys-color-secondary: #ffb4ab;--mtrl-sys-color-on-secondary: #690004;--mtrl-sys-color-secondary-container: #6a3a22;--mtrl-sys-color-on-secondary-container: #ffdad4;--mtrl-sys-color-tertiary: #b4cca4;--mtrl-sys-color-on-tertiary: #213515;--mtrl-sys-color-tertiary-container: #384f2b;--mtrl-sys-color-on-tertiary-container: #cfe9be;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-surface: #201a17;--mtrl-sys-color-surface-dim: #17120f;--mtrl-sys-color-surface-bright: #3d3631;--mtrl-sys-color-surface-container-lowest: #130e0b;--mtrl-sys-color-surface-container-low: #201a17;--mtrl-sys-color-surface-container: #241e1a;--mtrl-sys-color-surface-container-high: #2e2723;--mtrl-sys-color-surface-container-highest: #39322d;--mtrl-sys-color-on-surface: #ede0d9;--mtrl-sys-color-on-surface-variant: #d7c1ba;--mtrl-sys-color-surface-variant: #53433c;--mtrl-sys-color-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433c;--mtrl-sys-color-inverse-surface: #ede0d9;--mtrl-sys-color-inverse-on-surface: #3a2e27;--mtrl-sys-color-inverse-primary: #7a5649}@media(prefers-contrast: more){[data-theme=autumn]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #4f1c06;--mtrl-sys-color-primary-container: #753820;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #600009;--mtrl-sys-color-secondary-container: #8e1c1f;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #1b3213;--mtrl-sys-color-tertiary-container: #374f2e;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #753820;--mtrl-sys-color-primary-fixed-dim: #58220c;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #8e1c1f;--mtrl-sys-color-secondary-fixed-dim: #6d000b;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #374f2e;--mtrl-sys-color-tertiary-fixed-dim: #213819;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-dim: #c6b5b0;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f5ded6;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd9;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3be;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554641;--mtrl-sys-color-inverse-surface: #392e2b;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #ffb59a}[data-theme=autumn]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece6;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb093;--mtrl-sys-color-on-primary-container: #1c0400;--mtrl-sys-color-secondary: #ffecea;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #ffaea7;--mtrl-sys-color-on-secondary-container: #220001;--mtrl-sys-color-tertiary: #dbf9ca;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #afcb9f;--mtrl-sys-color-on-tertiary-container: #010f00;--mtrl-sys-color-primary-fixed-dim: #ffb59a;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #260700;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #2d0002;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #021500;--mtrl-sys-color-surface: #1a110e;--mtrl-sys-color-surface-dim: #1a110e;--mtrl-sys-color-surface-bright: #5a4d49;--mtrl-sys-color-surface-variant: #53433e;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #392e2b;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece6;--mtrl-sys-color-outline-variant: #d4beb7;--mtrl-sys-color-inverse-surface: #f1dfd9;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #73371f}}
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  :is([data-theme=baseline],:root:not([data-theme])):is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark])[data-theme]{--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7e0eb;--mtrl-sys-color-inverse-primary: #cfbdfe}@media not (prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme])):is([data-theme-contrast=medium],[data-theme-contrast=high]):root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7e0eb;--mtrl-sys-color-inverse-primary: #cfbdfe}}:is([data-theme=baseline],:root:not([data-theme])):is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme][data-theme-mode=dark],:is([data-theme=baseline],:root:not([data-theme])):is([data-theme-contrast=medium],[data-theme-contrast=high]):root:not([data-theme]).dark-theme{--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbdfe;--mtrl-sys-color-secondary-fixed: #e8def9;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #eeb8c8;--mtrl-sys-color-surface-variant: #49454e;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #4e3f77}@media(prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme])):is([data-theme-contrast=medium],[data-theme-contrast=high]):root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbdfe;--mtrl-sys-color-secondary-fixed: #e8def9;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #eeb8c8;--mtrl-sys-color-surface-variant: #49454e;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #4e3f77}}:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=medium]:not([data-theme-mode=dark])[data-theme]{--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #3c2d63;--mtrl-sys-color-primary-container: #74649f;--mtrl-sys-color-secondary: #393347;--mtrl-sys-color-secondary-container: #716980;--mtrl-sys-color-tertiary: #502b38;--mtrl-sys-color-tertiary-container: #8d606f;--mtrl-sys-color-primary-fixed: #74649f;--mtrl-sys-color-primary-fixed-dim: #5b4c84;--mtrl-sys-color-secondary-fixed: #716980;--mtrl-sys-color-secondary-fixed-dim: #585167;--mtrl-sys-color-tertiary-fixed: #8d606f;--mtrl-sys-color-tertiary-fixed-dim: #724956;--mtrl-sys-color-surface-dim: #cac5cc;--mtrl-sys-color-surface-container-low: #f8f2fa;--mtrl-sys-color-surface-container: #ece6ee;--mtrl-sys-color-surface-container-high: #e1dbe3;--mtrl-sys-color-surface-container-highest: #d5d0d8;--mtrl-sys-color-on-surface: #121016;--mtrl-sys-color-on-surface-variant: #38353d;--mtrl-sys-color-outline: #54515a;--mtrl-sys-color-outline-variant: #6f6b75}@media not (prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=medium]:root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #3c2d63;--mtrl-sys-color-primary-container: #74649f;--mtrl-sys-color-secondary: #393347;--mtrl-sys-color-secondary-container: #716980;--mtrl-sys-color-tertiary: #502b38;--mtrl-sys-color-tertiary-container: #8d606f;--mtrl-sys-color-primary-fixed: #74649f;--mtrl-sys-color-primary-fixed-dim: #5b4c84;--mtrl-sys-color-secondary-fixed: #716980;--mtrl-sys-color-secondary-fixed-dim: #585167;--mtrl-sys-color-tertiary-fixed: #8d606f;--mtrl-sys-color-tertiary-fixed-dim: #724956;--mtrl-sys-color-surface-dim: #cac5cc;--mtrl-sys-color-surface-container-low: #f8f2fa;--mtrl-sys-color-surface-container: #ece6ee;--mtrl-sys-color-surface-container-high: #e1dbe3;--mtrl-sys-color-surface-container-highest: #d5d0d8;--mtrl-sys-color-on-surface: #121016;--mtrl-sys-color-on-surface-variant: #38353d;--mtrl-sys-color-outline: #54515a;--mtrl-sys-color-outline-variant: #6f6b75}}:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=medium][data-theme][data-theme-mode=dark],:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=medium]:root:not([data-theme]).dark-theme{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2b1b52;--mtrl-sys-color-primary-container: #9887c5;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e2d8f2;--mtrl-sys-color-on-secondary: #282336;--mtrl-sys-color-secondary-container: #958da5;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffd0dd;--mtrl-sys-color-on-tertiary: #3d1b27;--mtrl-sys-color-tertiary-container: #b48392;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #16033d;--mtrl-sys-color-on-primary-fixed-variant: #3c2d63;--mtrl-sys-color-on-secondary-fixed: #130e20;--mtrl-sys-color-on-secondary-fixed-variant: #393347;--mtrl-sys-color-on-tertiary-fixed: #240713;--mtrl-sys-color-on-tertiary-fixed-variant: #502b38;--mtrl-sys-color-surface-bright: #46434a;--mtrl-sys-color-surface-container-lowest: #08070b;--mtrl-sys-color-surface-container-low: #1f1d22;--mtrl-sys-color-surface-container: #29272d;--mtrl-sys-color-surface-container-high: #343138;--mtrl-sys-color-surface-container-highest: #3f3c43;--mtrl-sys-color-on-surface-variant: #e0dae5;--mtrl-sys-color-outline: #b5b0bb;--mtrl-sys-color-outline-variant: #938e99;--mtrl-sys-color-inverse-on-surface: #2b292f}@media(prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=medium]:root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2b1b52;--mtrl-sys-color-primary-container: #9887c5;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e2d8f2;--mtrl-sys-color-on-secondary: #282336;--mtrl-sys-color-secondary-container: #958da5;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffd0dd;--mtrl-sys-color-on-tertiary: #3d1b27;--mtrl-sys-color-tertiary-container: #b48392;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #16033d;--mtrl-sys-color-on-primary-fixed-variant: #3c2d63;--mtrl-sys-color-on-secondary-fixed: #130e20;--mtrl-sys-color-on-secondary-fixed-variant: #393347;--mtrl-sys-color-on-tertiary-fixed: #240713;--mtrl-sys-color-on-tertiary-fixed-variant: #502b38;--mtrl-sys-color-surface-bright: #46434a;--mtrl-sys-color-surface-container-lowest: #08070b;--mtrl-sys-color-surface-container-low: #1f1d22;--mtrl-sys-color-surface-container: #29272d;--mtrl-sys-color-surface-container-high: #343138;--mtrl-sys-color-surface-container-highest: #3f3c43;--mtrl-sys-color-on-surface-variant: #e0dae5;--mtrl-sys-color-outline: #b5b0bb;--mtrl-sys-color-outline-variant: #938e99;--mtrl-sys-color-inverse-on-surface: #2b292f}}:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=high]:not([data-theme-mode=dark])[data-theme]{--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #312259;--mtrl-sys-color-primary-container: #4f4078;--mtrl-sys-color-secondary: #2f293d;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-tertiary: #44212e;--mtrl-sys-color-tertiary-container: #653d4b;--mtrl-sys-color-primary-fixed: #4f4078;--mtrl-sys-color-primary-fixed-dim: #382960;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-tertiary-fixed: #653d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-surface-dim: #bcb7bf;--mtrl-sys-color-surface-container-low: #f5eff7;--mtrl-sys-color-surface-container: #e6e0e9;--mtrl-sys-color-surface-container-high: #d8d2da;--mtrl-sys-color-surface-container-highest: #cac5cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2b33;--mtrl-sys-color-outline-variant: #4b4851;--mtrl-sys-color-inverse-on-surface: #ffffff}@media not (prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=high]:root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #312259;--mtrl-sys-color-primary-container: #4f4078;--mtrl-sys-color-secondary: #2f293d;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-tertiary: #44212e;--mtrl-sys-color-tertiary-container: #653d4b;--mtrl-sys-color-primary-fixed: #4f4078;--mtrl-sys-color-primary-fixed-dim: #382960;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-tertiary-fixed: #653d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-surface-dim: #bcb7bf;--mtrl-sys-color-surface-container-low: #f5eff7;--mtrl-sys-color-surface-container: #e6e0e9;--mtrl-sys-color-surface-container-high: #d8d2da;--mtrl-sys-color-surface-container-highest: #cac5cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2b33;--mtrl-sys-color-outline-variant: #4b4851;--mtrl-sys-color-inverse-on-surface: #ffffff}}:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=high][data-theme][data-theme-mode=dark],:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=high]:root:not([data-theme]).dark-theme{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #cbb9fa;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bed8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #eab4c4;--mtrl-sys-color-on-tertiary-container: #1d030d;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #16033d;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240713;--mtrl-sys-color-surface-bright: #524f55;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211f24;--mtrl-sys-color-surface-container: #322f35;--mtrl-sys-color-surface-container-high: #3d3a41;--mtrl-sys-color-surface-container-highest: #48464c;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f4eef9;--mtrl-sys-color-outline-variant: #c6c0cb;--mtrl-sys-color-inverse-on-surface: #000000}@media(prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme]))[data-theme-contrast=high]:root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #cbb9fa;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bed8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #eab4c4;--mtrl-sys-color-on-tertiary-container: #1d030d;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #16033d;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240713;--mtrl-sys-color-surface-bright: #524f55;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211f24;--mtrl-sys-color-surface-container: #322f35;--mtrl-sys-color-surface-container-high: #3d3a41;--mtrl-sys-color-surface-container-highest: #48464c;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f4eef9;--mtrl-sys-color-outline-variant: #c6c0cb;--mtrl-sys-color-inverse-on-surface: #000000}}
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  :root{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #eaddff;--mtrl-sys-color-on-primary-container: #21005d;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container: #1d192b;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container: #31111d;--mtrl-sys-color-primary-fixed: #eaddff;--mtrl-sys-color-primary-fixed-dim: #d0bcff;--mtrl-sys-color-on-primary-fixed: #21005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378b;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #ccc2dc;--mtrl-sys-color-on-secondary-fixed: #1d192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd8e4;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31111d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #fef7ff;--mtrl-sys-color-surface-dim: #ded8e1;--mtrl-sys-color-surface-bright: #fef7ff;--mtrl-sys-color-surface-variant: #e7e0ec;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f7f2fa;--mtrl-sys-color-surface-container: #f3edf7;--mtrl-sys-color-surface-container-high: #ece6f0;--mtrl-sys-color-surface-container-highest: #e6e0e9;--mtrl-sys-color-on-surface: #1d1b20;--mtrl-sys-color-on-surface-variant: #49454f;--mtrl-sys-color-outline: #79747e;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #322f35;--mtrl-sys-color-inverse-on-surface: #f5eff7;--mtrl-sys-color-inverse-primary: #d0bcff;--mtrl-sys-state-hover-state-layer-opacity: 0.08;--mtrl-sys-state-focus-state-layer-opacity: 0.1;--mtrl-sys-state-pressed-state-layer-opacity: 0.1;--mtrl-sys-state-dragged-state-layer-opacity: 0.16}@media(prefers-color-scheme: dark){:root{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-primary-fixed: #eaddff;--mtrl-sys-color-primary-fixed-dim: #d0bcff;--mtrl-sys-color-on-primary-fixed: #21005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378b;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #ccc2dc;--mtrl-sys-color-on-secondary-fixed: #1d192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd8e4;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31111d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #141218;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-bright: #3b383e;--mtrl-sys-color-surface-variant: #49454f;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-on-surface: #e6e0e9;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-variant: #49454f;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e6e0e9;--mtrl-sys-color-inverse-on-surface: #322f35;--mtrl-sys-color-inverse-primary: #6750a4}}.dark-theme{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-primary-fixed: #eaddff;--mtrl-sys-color-primary-fixed-dim: #d0bcff;--mtrl-sys-color-on-primary-fixed: #21005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378b;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #ccc2dc;--mtrl-sys-color-on-secondary-fixed: #1d192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd8e4;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31111d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #141218;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-bright: #3b383e;--mtrl-sys-color-surface-variant: #49454f;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-on-surface: #e6e0e9;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-variant: #49454f;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e6e0e9;--mtrl-sys-color-inverse-on-surface: #322f35;--mtrl-sys-color-inverse-primary: #6750a4}[data-theme=baseline]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #eaddff;--mtrl-sys-color-on-primary-container: #21005d;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container: #1d192b;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container: #31111d;--mtrl-sys-color-primary-fixed: #eaddff;--mtrl-sys-color-primary-fixed-dim: #d0bcff;--mtrl-sys-color-on-primary-fixed: #21005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378b;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #ccc2dc;--mtrl-sys-color-on-secondary-fixed: #1d192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd8e4;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31111d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #fef7ff;--mtrl-sys-color-surface-dim: #ded8e1;--mtrl-sys-color-surface-bright: #fef7ff;--mtrl-sys-color-surface-variant: #e7e0ec;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f7f2fa;--mtrl-sys-color-surface-container: #f3edf7;--mtrl-sys-color-surface-container-high: #ece6f0;--mtrl-sys-color-surface-container-highest: #e6e0e9;--mtrl-sys-color-on-surface: #1d1b20;--mtrl-sys-color-on-surface-variant: #49454f;--mtrl-sys-color-outline: #79747e;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #322f35;--mtrl-sys-color-inverse-on-surface: #f5eff7;--mtrl-sys-color-inverse-primary: #d0bcff;--mtrl-sys-state-hover-state-layer-opacity: 0.08;--mtrl-sys-state-focus-state-layer-opacity: 0.1;--mtrl-sys-state-pressed-state-layer-opacity: 0.1;--mtrl-sys-state-dragged-state-layer-opacity: 0.16}[data-theme=baseline][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-primary-fixed: #eaddff;--mtrl-sys-color-primary-fixed-dim: #d0bcff;--mtrl-sys-color-on-primary-fixed: #21005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378b;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #ccc2dc;--mtrl-sys-color-on-secondary-fixed: #1d192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd8e4;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31111d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #141218;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-bright: #3b383e;--mtrl-sys-color-surface-variant: #49454f;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-on-surface: #e6e0e9;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-variant: #49454f;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e6e0e9;--mtrl-sys-color-inverse-on-surface: #322f35;--mtrl-sys-color-inverse-primary: #6750a4}@media(prefers-contrast: more){:is([data-theme=baseline],:root:not([data-theme])):not([data-theme-contrast]):not([data-theme-mode=dark])[data-theme]{--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #312259;--mtrl-sys-color-primary-container: #4f4078;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2f293d;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #44212e;--mtrl-sys-color-tertiary-container: #653d4b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #4f4078;--mtrl-sys-color-primary-fixed-dim: #382960;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #653d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-dim: #bcb7bf;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7e0eb;--mtrl-sys-color-surface-container-low: #f5eff7;--mtrl-sys-color-surface-container: #e6e0e9;--mtrl-sys-color-surface-container-high: #d8d2da;--mtrl-sys-color-surface-container-highest: #cac5cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2b33;--mtrl-sys-color-outline-variant: #4b4851;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #cfbdfe}}@media(prefers-contrast: more)and (not (prefers-color-scheme: dark)){:is([data-theme=baseline],:root:not([data-theme])):not([data-theme-contrast]):root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #312259;--mtrl-sys-color-primary-container: #4f4078;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2f293d;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #44212e;--mtrl-sys-color-tertiary-container: #653d4b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #4f4078;--mtrl-sys-color-primary-fixed-dim: #382960;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #653d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-dim: #bcb7bf;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7e0eb;--mtrl-sys-color-surface-container-low: #f5eff7;--mtrl-sys-color-surface-container: #e6e0e9;--mtrl-sys-color-surface-container-high: #d8d2da;--mtrl-sys-color-surface-container-highest: #cac5cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2b33;--mtrl-sys-color-outline-variant: #4b4851;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #cfbdfe}}@media(prefers-contrast: more){:is([data-theme=baseline],:root:not([data-theme])):not([data-theme-contrast])[data-theme][data-theme-mode=dark],:is([data-theme=baseline],:root:not([data-theme])):not([data-theme-contrast]):root:not([data-theme]).dark-theme{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #cbb9fa;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bed8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #eab4c4;--mtrl-sys-color-on-tertiary-container: #1d030d;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbdfe;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #16033d;--mtrl-sys-color-secondary-fixed: #e8def9;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #eeb8c8;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240713;--mtrl-sys-color-surface-bright: #524f55;--mtrl-sys-color-surface-variant: #49454e;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211f24;--mtrl-sys-color-surface-container: #322f35;--mtrl-sys-color-surface-container-high: #3d3a41;--mtrl-sys-color-surface-container-highest: #48464c;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f4eef9;--mtrl-sys-color-outline-variant: #c6c0cb;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #4e3f77}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:is([data-theme=baseline],:root:not([data-theme])):not([data-theme-contrast]):root:not([data-theme]):not(.dark-theme){--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #cbb9fa;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bed8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #eab4c4;--mtrl-sys-color-on-tertiary-container: #1d030d;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbdfe;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #16033d;--mtrl-sys-color-secondary-fixed: #e8def9;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #eeb8c8;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240713;--mtrl-sys-color-surface-bright: #524f55;--mtrl-sys-color-surface-variant: #49454e;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211f24;--mtrl-sys-color-surface-container: #322f35;--mtrl-sys-color-surface-container-high: #3d3a41;--mtrl-sys-color-surface-container-highest: #48464c;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f4eef9;--mtrl-sys-color-outline-variant: #c6c0cb;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #4e3f77}}
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  [data-theme=brownbeige]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=brownbeige]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #74352b}[data-theme=brownbeige][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #5e241b;--mtrl-sys-color-primary-container: #a1594c;--mtrl-sys-color-secondary: #3b3626;--mtrl-sys-color-secondary-container: #746c5a;--mtrl-sys-color-tertiary: #443409;--mtrl-sys-color-tertiary-container: #7f6b3b;--mtrl-sys-color-primary-fixed: #a1594c;--mtrl-sys-color-primary-fixed-dim: #844136;--mtrl-sys-color-secondary-fixed: #746c5a;--mtrl-sys-color-secondary-fixed-dim: #5b5443;--mtrl-sys-color-tertiary-fixed: #7f6b3b;--mtrl-sys-color-tertiary-fixed-dim: #655225;--mtrl-sys-color-surface-dim: #d4c3c0;--mtrl-sys-color-surface-container: #f7e4e1;--mtrl-sys-color-surface-container-high: #ebd9d6;--mtrl-sys-color-surface-container-highest: #dfcecb;--mtrl-sys-color-on-surface: #180f0e;--mtrl-sys-color-on-surface-variant: #413330;--mtrl-sys-color-outline: #5f4f4c;--mtrl-sys-color-outline-variant: #7b6966}[data-theme=brownbeige][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #ffd2ca;--mtrl-sys-color-on-primary: #48140c;--mtrl-sys-color-primary-container: #cc7b6d;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e6dbc5;--mtrl-sys-color-on-secondary: #2a2517;--mtrl-sys-color-secondary-container: #98907c;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #f4daa0;--mtrl-sys-color-on-tertiary: #312400;--mtrl-sys-color-tertiary-container: #a58e5b;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #2c0200;--mtrl-sys-color-on-primary-fixed-variant: #5e241b;--mtrl-sys-color-on-secondary-fixed: #151105;--mtrl-sys-color-on-secondary-fixed-variant: #3b3626;--mtrl-sys-color-on-tertiary-fixed: #181000;--mtrl-sys-color-on-tertiary-fixed-variant: #443409;--mtrl-sys-color-surface-bright: #4e4240;--mtrl-sys-color-surface-container-lowest: #0d0605;--mtrl-sys-color-surface-container-low: #251b1a;--mtrl-sys-color-surface-container: #302624;--mtrl-sys-color-surface-container-high: #3b302e;--mtrl-sys-color-surface-container-highest: #463b39;--mtrl-sys-color-on-surface-variant: #eed7d3;--mtrl-sys-color-outline: #c2adaa;--mtrl-sys-color-outline-variant: #a08c89;--mtrl-sys-color-inverse-on-surface: #322826}[data-theme=brownbeige][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #511a12;--mtrl-sys-color-primary-container: #76362c;--mtrl-sys-color-secondary: #312c1d;--mtrl-sys-color-secondary-container: #4f4938;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #58471b;--mtrl-sys-color-primary-fixed: #76362c;--mtrl-sys-color-primary-fixed-dim: #592018;--mtrl-sys-color-secondary-fixed: #4f4938;--mtrl-sys-color-secondary-fixed-dim: #383223;--mtrl-sys-color-tertiary-fixed: #58471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-surface-dim: #c6b5b2;--mtrl-sys-color-surface-container-low: #ffedea;--mtrl-sys-color-surface-container: #f1dfdb;--mtrl-sys-color-surface-container-high: #e2d1cd;--mtrl-sys-color-surface-container-highest: #d4c3c0;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #372927;--mtrl-sys-color-outline-variant: #554643;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=brownbeige][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece8;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffaea0;--mtrl-sys-color-on-primary-container: #210000;--mtrl-sys-color-secondary: #faefd8;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #cbc2ac;--mtrl-sys-color-on-secondary-container: #0f0b02;--mtrl-sys-color-tertiary: #ffeecf;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #d9c089;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #2c0200;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #151105;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface-bright: #5a4d4b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271d1c;--mtrl-sys-color-surface-container: #392e2c;--mtrl-sys-color-surface-container-high: #443937;--mtrl-sys-color-surface-container-highest: #504442;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece8;--mtrl-sys-color-outline-variant: #d4beba;--mtrl-sys-color-inverse-on-surface: #000000}
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  [data-theme=brownbeige]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #904b3f;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdad4;--mtrl-sys-color-on-primary-container: #73342a;--mtrl-sys-color-secondary: #655e4c;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ece2cb;--mtrl-sys-color-on-secondary-container: #4d4636;--mtrl-sys-color-tertiary: #6f5c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #fbe0a6;--mtrl-sys-color-on-tertiary-container: #564519;--mtrl-sys-color-primary-fixed: #ffdad4;--mtrl-sys-color-primary-fixed-dim: #ffb4a7;--mtrl-sys-color-on-primary-fixed: #3a0904;--mtrl-sys-color-on-primary-fixed-variant: #73342a;--mtrl-sys-color-secondary-fixed: #ece2cb;--mtrl-sys-color-secondary-fixed-dim: #cfc6b0;--mtrl-sys-color-on-secondary-fixed: #201b0d;--mtrl-sys-color-on-secondary-fixed-variant: #4d4636;--mtrl-sys-color-tertiary-fixed: #fbe0a6;--mtrl-sys-color-tertiary-fixed-dim: #ddc48c;--mtrl-sys-color-on-tertiary-fixed: #251a00;--mtrl-sys-color-on-tertiary-fixed-variant: #564519;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-dim: #e8d6d3;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f5ddd9;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fff0ee;--mtrl-sys-color-surface-container: #fceae7;--mtrl-sys-color-surface-container-high: #f7e4e1;--mtrl-sys-color-surface-container-highest: #f1dfdb;--mtrl-sys-color-on-surface: #231918;--mtrl-sys-color-on-surface-variant: #534340;--mtrl-sys-color-outline: #857370;--mtrl-sys-color-outline-variant: #d8c2be;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #392e2c;--mtrl-sys-color-inverse-on-surface: #ffedea;--mtrl-sys-color-inverse-primary: #ffb4a7}[data-theme=brownbeige][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #ffb4a7;--mtrl-sys-color-on-primary: #561e16;--mtrl-sys-color-primary-container: #73342a;--mtrl-sys-color-on-primary-container: #ffdad4;--mtrl-sys-color-secondary: #cfc6b0;--mtrl-sys-color-on-secondary: #353021;--mtrl-sys-color-secondary-container: #4d4636;--mtrl-sys-color-on-secondary-container: #ece2cb;--mtrl-sys-color-tertiary: #ddc48c;--mtrl-sys-color-on-tertiary: #3d2e04;--mtrl-sys-color-tertiary-container: #564519;--mtrl-sys-color-on-tertiary-container: #fbe0a6;--mtrl-sys-color-primary-fixed: #ffdad4;--mtrl-sys-color-primary-fixed-dim: #ffb4a7;--mtrl-sys-color-on-primary-fixed: #3a0904;--mtrl-sys-color-on-primary-fixed-variant: #73342a;--mtrl-sys-color-secondary-fixed: #ece2cb;--mtrl-sys-color-secondary-fixed-dim: #cfc6b0;--mtrl-sys-color-on-secondary-fixed: #201b0d;--mtrl-sys-color-on-secondary-fixed-variant: #4d4636;--mtrl-sys-color-tertiary-fixed: #fbe0a6;--mtrl-sys-color-tertiary-fixed-dim: #ddc48c;--mtrl-sys-color-on-tertiary-fixed: #251a00;--mtrl-sys-color-on-tertiary-fixed-variant: #564519;--mtrl-sys-color-surface: #1a1110;--mtrl-sys-color-surface-dim: #1a1110;--mtrl-sys-color-surface-bright: #423735;--mtrl-sys-color-surface-variant: #534340;--mtrl-sys-color-surface-container-lowest: #140c0b;--mtrl-sys-color-surface-container-low: #231918;--mtrl-sys-color-surface-container: #271d1c;--mtrl-sys-color-surface-container-high: #322826;--mtrl-sys-color-surface-container-highest: #3d3230;--mtrl-sys-color-on-surface: #f1dfdb;--mtrl-sys-color-on-surface-variant: #d8c2be;--mtrl-sys-color-outline: #a08c89;--mtrl-sys-color-outline-variant: #534340;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #f1dfdb;--mtrl-sys-color-inverse-on-surface: #392e2c;--mtrl-sys-color-inverse-primary: #904b3f}@media(prefers-contrast: more){[data-theme=brownbeige]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #511a12;--mtrl-sys-color-primary-container: #76362c;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #312c1d;--mtrl-sys-color-secondary-container: #4f4938;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #58471b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #76362c;--mtrl-sys-color-primary-fixed-dim: #592018;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4f4938;--mtrl-sys-color-secondary-fixed-dim: #383223;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #58471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #c6b5b2;--mtrl-sys-color-surface-container-low: #ffedea;--mtrl-sys-color-surface-container: #f1dfdb;--mtrl-sys-color-surface-container-high: #e2d1cd;--mtrl-sys-color-surface-container-highest: #d4c3c0;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #372927;--mtrl-sys-color-outline-variant: #554643;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=brownbeige]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece8;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffaea0;--mtrl-sys-color-on-primary-container: #210000;--mtrl-sys-color-secondary: #faefd8;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #cbc2ac;--mtrl-sys-color-on-secondary-container: #0f0b02;--mtrl-sys-color-tertiary: #ffeecf;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #d9c089;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #2c0200;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #151105;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface-bright: #5a4d4b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271d1c;--mtrl-sys-color-surface-container: #392e2c;--mtrl-sys-color-surface-container-high: #443937;--mtrl-sys-color-surface-container-highest: #504442;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece8;--mtrl-sys-color-outline-variant: #d4beba;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #74352b}}
@@ -1,2 +1,2 @@
1
- /*! material v3.0.2 | MIT */
1
+ /*! material v3.0.4 | MIT */
2
2
  [data-theme=content]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=content]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #50398b}[data-theme=content][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #3e2578;--mtrl-sys-color-secondary: #3a3151;--mtrl-sys-color-secondary-container: #72688b;--mtrl-sys-color-tertiary: #61184a;--mtrl-sys-color-primary-fixed: #765fb4;--mtrl-sys-color-primary-fixed-dim: #5d4699;--mtrl-sys-color-secondary-fixed: #72688b;--mtrl-sys-color-secondary-fixed-dim: #595072;--mtrl-sys-color-tertiary-fixed: #a35083;--mtrl-sys-color-tertiary-fixed-dim: #86386a;--mtrl-sys-color-surface-dim: #cac5cc;--mtrl-sys-color-surface-container: #ece6ee;--mtrl-sys-color-surface-container-high: #e1dbe3;--mtrl-sys-color-surface-container-highest: #d5d0d8;--mtrl-sys-color-on-surface: #121016;--mtrl-sys-color-on-surface-variant: #383440;--mtrl-sys-color-outline: #55505d;--mtrl-sys-color-outline-variant: #706b78}[data-theme=content][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2c1067;--mtrl-sys-color-primary-container: #9a83db;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e3d6ff;--mtrl-sys-color-on-secondary: #292140;--mtrl-sys-color-secondary-container: #968bb1;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffcfe7;--mtrl-sys-color-on-tertiary: #4c0438;--mtrl-sys-color-tertiary-container: #cd73a8;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #160042;--mtrl-sys-color-on-primary-fixed-variant: #3e2578;--mtrl-sys-color-on-secondary-fixed: #140b2a;--mtrl-sys-color-on-secondary-fixed-variant: #3a3151;--mtrl-sys-color-on-tertiary-fixed: #29001d;--mtrl-sys-color-on-tertiary-fixed-variant: #61184a;--mtrl-sys-color-surface-bright: #46434a;--mtrl-sys-color-surface-container-lowest: #08070b;--mtrl-sys-color-surface-container-low: #1f1d22;--mtrl-sys-color-surface-container: #29272d;--mtrl-sys-color-surface-container-high: #343138;--mtrl-sys-color-surface-container-highest: #3f3c43;--mtrl-sys-color-on-surface-variant: #e1dae8;--mtrl-sys-color-outline: #b6afbd;--mtrl-sys-color-outline-variant: #948e9b;--mtrl-sys-color-inverse-on-surface: #2b292f}[data-theme=content][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #33196e;--mtrl-sys-color-primary-container: #513a8d;--mtrl-sys-color-secondary: #302747;--mtrl-sys-color-secondary-container: #4d4465;--mtrl-sys-color-tertiary: #540c3f;--mtrl-sys-color-tertiary-container: #782d5e;--mtrl-sys-color-primary-fixed: #513a8d;--mtrl-sys-color-primary-fixed-dim: #3a2174;--mtrl-sys-color-secondary-fixed: #4d4465;--mtrl-sys-color-secondary-fixed-dim: #362e4d;--mtrl-sys-color-tertiary-fixed: #782d5e;--mtrl-sys-color-tertiary-fixed-dim: #5d1446;--mtrl-sys-color-surface-dim: #bcb7bf;--mtrl-sys-color-surface-container-low: #f5eff7;--mtrl-sys-color-surface-container: #e6e0e9;--mtrl-sys-color-surface-container-high: #d8d2da;--mtrl-sys-color-surface-container-highest: #cac5cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a35;--mtrl-sys-color-outline-variant: #4b4753;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=content][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c9bde5;--mtrl-sys-color-on-secondary-container: #0e0624;--mtrl-sys-color-tertiary: #ffebf3;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #ffa8d9;--mtrl-sys-color-on-tertiary-container: #1f0015;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #140b2a;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #29001d;--mtrl-sys-color-surface-bright: #524f55;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211f24;--mtrl-sys-color-surface-container: #322f35;--mtrl-sys-color-surface-container-high: #3d3a41;--mtrl-sys-color-surface-container-highest: #48464c;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edfc;--mtrl-sys-color-outline-variant: #c7c0ce;--mtrl-sys-color-inverse-on-surface: #000000}