mtrl 0.10.0-next.2 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (930) hide show
  1. package/README.md +130 -88
  2. package/dist/README.md +130 -88
  3. package/dist/components/badge/features.js +1 -1
  4. package/dist/components/bottom-sheet/api.d.ts +4 -3
  5. package/dist/components/bottom-sheet/config.js +11 -4
  6. package/dist/components/bottom-sheet/constants.d.ts +0 -2
  7. package/dist/components/bottom-sheet/constants.js +0 -1
  8. package/dist/components/bottom-sheet/features/drag.d.ts +3 -0
  9. package/dist/components/bottom-sheet/features/drag.js +23 -0
  10. package/dist/components/bottom-sheet/features/state.js +58 -2
  11. package/dist/components/bottom-sheet/features/structure.js +9 -4
  12. package/dist/components/bottom-sheet/types.d.ts +15 -2
  13. package/dist/components/button/features/progress.js +5 -3
  14. package/dist/components/button-group/button-group.js +3 -1
  15. package/dist/components/button-group/config.d.ts +8 -8
  16. package/dist/components/button-group/config.js +3 -2
  17. package/dist/components/button-group/constants.d.ts +7 -2
  18. package/dist/components/button-group/constants.js +5 -5
  19. package/dist/components/button-group/types.d.ts +5 -0
  20. package/dist/components/card/api.d.ts +4 -0
  21. package/dist/components/card/api.js +8 -0
  22. package/dist/components/card/card.js +1 -2
  23. package/dist/components/card/config.js +2 -14
  24. package/dist/components/card/content.js +1 -6
  25. package/dist/components/card/features.d.ts +5 -19
  26. package/dist/components/card/features.js +1 -11
  27. package/dist/components/card/index.d.ts +1 -1
  28. package/dist/components/card/types.d.ts +34 -3
  29. package/dist/components/carousel/features/scroll.js +7 -3
  30. package/dist/components/checkbox/config.js +18 -6
  31. package/dist/components/chips/api.js +1 -1
  32. package/dist/components/chips/config.js +1 -1
  33. package/dist/components/chips/features/controller.js +14 -7
  34. package/dist/components/chips/index.d.ts +1 -1
  35. package/dist/components/chips/types.d.ts +24 -5
  36. package/dist/components/datepicker/datepicker.d.ts +8 -2
  37. package/dist/components/datepicker/datepicker.js +71 -30
  38. package/dist/components/datepicker/index.d.ts +1 -1
  39. package/dist/components/datepicker/types.d.ts +63 -30
  40. package/dist/components/datepicker/utils.d.ts +5 -0
  41. package/dist/components/datepicker/utils.js +2 -0
  42. package/dist/components/dialog/api.js +5 -0
  43. package/dist/components/dialog/config.js +8 -2
  44. package/dist/components/dialog/features.js +94 -26
  45. package/dist/components/dialog/types.d.ts +15 -2
  46. package/dist/components/divider/features.js +3 -2
  47. package/dist/components/drawer/config.js +9 -2
  48. package/dist/components/drawer/features/items.js +3 -1
  49. package/dist/components/drawer/features/state.js +50 -9
  50. package/dist/components/drawer/types.d.ts +18 -0
  51. package/dist/components/extended-fab/api.d.ts +2 -0
  52. package/dist/components/extended-fab/api.js +2 -0
  53. package/dist/components/extended-fab/types.d.ts +6 -2
  54. package/dist/components/fab-menu/config.d.ts +11 -0
  55. package/dist/components/fab-menu/config.js +15 -0
  56. package/dist/components/fab-menu/constants.d.ts +59 -0
  57. package/dist/components/fab-menu/constants.js +30 -0
  58. package/dist/components/fab-menu/fab-menu.d.ts +40 -0
  59. package/dist/components/fab-menu/fab-menu.js +315 -0
  60. package/dist/components/fab-menu/index.d.ts +6 -0
  61. package/dist/components/fab-menu/index.js +4 -0
  62. package/dist/components/fab-menu/stagger.d.ts +10 -0
  63. package/dist/components/fab-menu/stagger.js +24 -0
  64. package/dist/components/fab-menu/types.d.ts +110 -0
  65. package/dist/components/fab-menu/types.js +1 -0
  66. package/dist/components/icon-button/features/toggle.d.ts +1 -0
  67. package/dist/components/icon-button/features/toggle.js +1 -0
  68. package/dist/components/icon-button/icon-button.d.ts +2 -2
  69. package/dist/components/icon-button/index.d.ts +2 -2
  70. package/dist/components/icon-button/types.d.ts +9 -2
  71. package/dist/components/index.d.ts +4 -0
  72. package/dist/components/index.js +2 -0
  73. package/dist/components/list/api.d.ts +2 -2
  74. package/dist/components/list/features/renderer.js +2 -1
  75. package/dist/components/list/features/selection.js +1 -1
  76. package/dist/components/list/types.d.ts +5 -0
  77. package/dist/components/menu/config.js +6 -1
  78. package/dist/components/menu/features/controller.d.ts +2 -0
  79. package/dist/components/menu/features/controller.js +58 -41
  80. package/dist/components/menu/features/index.d.ts +1 -2
  81. package/dist/components/menu/features/index.js +1 -2
  82. package/dist/components/menu/features/keyboard.js +3 -2
  83. package/dist/components/menu/features/layer.d.ts +15 -0
  84. package/dist/components/menu/features/layer.js +16 -0
  85. package/dist/components/menu/features/loader.d.ts +35 -0
  86. package/dist/components/menu/features/loader.js +64 -0
  87. package/dist/components/menu/features/opener.js +2 -1
  88. package/dist/components/menu/features/position.js +40 -38
  89. package/dist/components/menu/features/submenu.js +12 -4
  90. package/dist/components/menu/menu.js +2 -2
  91. package/dist/components/menu/types.d.ts +22 -2
  92. package/dist/components/navigation-rail/navigation-rail.js +5 -4
  93. package/dist/components/navigation-rail/types.d.ts +2 -0
  94. package/dist/components/progress/api.d.ts +4 -0
  95. package/dist/components/progress/api.js +17 -10
  96. package/dist/components/progress/config.js +3 -11
  97. package/dist/components/progress/features/canvas.d.ts +1 -0
  98. package/dist/components/progress/features/canvas.js +1 -1
  99. package/dist/components/progress/features/circular.js +7 -1
  100. package/dist/components/progress/features/state.js +5 -3
  101. package/dist/components/progress/index.d.ts +1 -1
  102. package/dist/components/progress/types.d.ts +21 -12
  103. package/dist/components/radios/radio.js +1 -3
  104. package/dist/components/search/api.d.ts +10 -2
  105. package/dist/components/search/api.js +18 -10
  106. package/dist/components/search/config.d.ts +19 -3
  107. package/dist/components/search/config.js +11 -2
  108. package/dist/components/search/constants.d.ts +11 -0
  109. package/dist/components/search/constants.js +9 -0
  110. package/dist/components/search/features/input.js +12 -3
  111. package/dist/components/search/features/states.d.ts +4 -2
  112. package/dist/components/search/features/states.js +98 -16
  113. package/dist/components/search/features/structure.d.ts +7 -20
  114. package/dist/components/search/features/structure.js +79 -29
  115. package/dist/components/search/features/suggestions.d.ts +2 -1
  116. package/dist/components/search/features/suggestions.js +22 -6
  117. package/dist/components/search/index.d.ts +1 -1
  118. package/dist/components/search/types.d.ts +25 -2
  119. package/dist/components/segmented-button/config.d.ts +1 -1
  120. package/dist/components/segmented-button/segmented-button.js +1 -43
  121. package/dist/components/segmented-button/types.d.ts +3 -3
  122. package/dist/components/select/features.js +8 -18
  123. package/dist/components/select/types.d.ts +7 -0
  124. package/dist/components/side-sheet/api.d.ts +4 -3
  125. package/dist/components/side-sheet/config.js +11 -3
  126. package/dist/components/side-sheet/features/state.js +57 -2
  127. package/dist/components/side-sheet/features/structure.js +1 -1
  128. package/dist/components/side-sheet/types.d.ts +12 -0
  129. package/dist/components/slider/api.js +2 -2
  130. package/dist/components/slider/features/controller.d.ts +14 -14
  131. package/dist/components/slider/features/controller.js +2 -2
  132. package/dist/components/slider/features/handlers.js +2 -1
  133. package/dist/components/slider/features/tracks.d.ts +0 -9
  134. package/dist/components/slider/features/tracks.js +3 -1
  135. package/dist/components/slider/types.d.ts +2 -2
  136. package/dist/components/snackbar/api.js +28 -4
  137. package/dist/components/snackbar/config.d.ts +1 -0
  138. package/dist/components/snackbar/config.js +8 -1
  139. package/dist/components/snackbar/layer.d.ts +23 -0
  140. package/dist/components/snackbar/layer.js +85 -0
  141. package/dist/components/snackbar/types.d.ts +12 -0
  142. package/dist/components/split-button/api.js +2 -1
  143. package/dist/components/split-button/features/menu.js +1 -0
  144. package/dist/components/split-button/types.d.ts +8 -0
  145. package/dist/components/switch/api.js +7 -0
  146. package/dist/components/switch/features.d.ts +4 -0
  147. package/dist/components/switch/features.js +9 -2
  148. package/dist/components/switch/types.d.ts +6 -0
  149. package/dist/components/tabs/api.js +0 -9
  150. package/dist/components/tabs/types.d.ts +1 -1
  151. package/dist/components/textfield/api.d.ts +1 -0
  152. package/dist/components/textfield/api.js +4 -1
  153. package/dist/components/textfield/constants.d.ts +5 -1
  154. package/dist/components/textfield/features/counter.d.ts +29 -0
  155. package/dist/components/textfield/features/counter.js +54 -0
  156. package/dist/components/textfield/features/field.d.ts +37 -0
  157. package/dist/components/textfield/features/field.js +39 -0
  158. package/dist/components/textfield/features/index.d.ts +4 -0
  159. package/dist/components/textfield/features/index.js +2 -0
  160. package/dist/components/textfield/features/leading-icon.js +2 -1
  161. package/dist/components/textfield/features/placement.js +65 -60
  162. package/dist/components/textfield/features/prefix-text.js +2 -1
  163. package/dist/components/textfield/features/suffix-text.js +2 -1
  164. package/dist/components/textfield/features/supporting-text.js +16 -33
  165. package/dist/components/textfield/features/trailing-icon.js +2 -1
  166. package/dist/components/textfield/textfield.js +2 -2
  167. package/dist/components/textfield/types.d.ts +7 -0
  168. package/dist/components/timepicker/api.js +67 -20
  169. package/dist/components/timepicker/config.d.ts +3 -1085
  170. package/dist/components/timepicker/config.js +3 -35
  171. package/dist/components/timepicker/constants.d.ts +21 -11
  172. package/dist/components/timepicker/constants.js +4 -3
  173. package/dist/components/timepicker/dial.d.ts +8 -3
  174. package/dist/components/timepicker/dial.js +8 -2
  175. package/dist/components/timepicker/index.d.ts +2 -1
  176. package/dist/components/timepicker/render.js +91 -103
  177. package/dist/components/timepicker/timepicker.js +2 -2
  178. package/dist/components/timepicker/types.d.ts +61 -18
  179. package/dist/components/timepicker/utils.d.ts +20 -53
  180. package/dist/components/timepicker/utils.js +36 -86
  181. package/dist/components/toolbar/config.d.ts +19 -0
  182. package/dist/components/toolbar/config.js +46 -0
  183. package/dist/components/toolbar/constants.d.ts +66 -0
  184. package/dist/components/toolbar/constants.js +32 -0
  185. package/dist/components/toolbar/index.d.ts +6 -0
  186. package/dist/components/toolbar/index.js +4 -0
  187. package/dist/components/toolbar/toolbar.d.ts +29 -0
  188. package/dist/components/toolbar/toolbar.js +204 -0
  189. package/dist/components/toolbar/types.d.ts +152 -0
  190. package/dist/components/toolbar/types.js +1 -0
  191. package/dist/components/tooltip/api.js +34 -3
  192. package/dist/components/tooltip/config.js +8 -1
  193. package/dist/components/tooltip/types.d.ts +15 -2
  194. package/dist/core/compose/features/checkable.d.ts +3 -6
  195. package/dist/core/compose/features/checkable.js +4 -20
  196. package/dist/core/compose/features/disabled.js +14 -14
  197. package/dist/core/compose/features/events.d.ts +16 -4
  198. package/dist/core/compose/features/input.js +1 -4
  199. package/dist/core/compose/features/textinput.js +18 -18
  200. package/dist/core/compose/features/textlabel.js +6 -7
  201. package/dist/core/dom/focus.d.ts +36 -0
  202. package/dist/core/dom/focus.js +47 -0
  203. package/dist/core/dom/index.d.ts +5 -0
  204. package/dist/core/dom/index.js +3 -0
  205. package/dist/core/dom/layer.d.ts +66 -0
  206. package/dist/core/dom/layer.js +78 -0
  207. package/dist/core/dom/roving.d.ts +30 -0
  208. package/dist/core/dom/roving.js +75 -0
  209. package/dist/core/index.d.ts +2 -0
  210. package/dist/core/index.js +1 -0
  211. package/dist/core/state/emitter.d.ts +8 -2
  212. package/dist/core/state/events.d.ts +4 -3
  213. package/dist/core/theme/index.d.ts +7 -0
  214. package/dist/core/theme/index.js +2 -0
  215. package/dist/core/theme/shape.d.ts +9 -0
  216. package/dist/core/theme/shape.js +1 -0
  217. package/dist/core/theme/tokens.d.ts +45 -0
  218. package/dist/core/theme/tokens.js +36 -0
  219. package/dist/core/utils/theme.d.ts +7 -2
  220. package/dist/core/utils/theme.js +21 -23
  221. package/dist/core/utils/warn.d.ts +8 -0
  222. package/dist/core/utils/warn.js +5 -0
  223. package/dist/elements/adapter.d.ts +3 -0
  224. package/dist/elements/adapter.js +3 -0
  225. package/dist/elements/badge.d.ts +8 -0
  226. package/dist/elements/bottom-app-bar.d.ts +55 -0
  227. package/dist/elements/bottom-app-bar.js +43 -0
  228. package/dist/elements/bottom-sheet.d.ts +130 -0
  229. package/dist/elements/bottom-sheet.js +96 -0
  230. package/dist/elements/button-group.d.ts +162 -0
  231. package/dist/elements/button-group.js +174 -0
  232. package/dist/elements/button.d.ts +8 -0
  233. package/dist/elements/card.d.ts +77 -0
  234. package/dist/elements/card.js +113 -0
  235. package/dist/elements/carousel.d.ts +132 -0
  236. package/dist/elements/carousel.js +117 -0
  237. package/dist/elements/checkbox.d.ts +8 -0
  238. package/dist/elements/chips.d.ts +146 -0
  239. package/dist/elements/chips.js +212 -0
  240. package/dist/elements/css/badge.js +3 -2
  241. package/dist/elements/css/bottom-app-bar.d.ts +1 -0
  242. package/dist/elements/css/bottom-app-bar.js +4 -0
  243. package/dist/elements/css/bottom-sheet.d.ts +1 -0
  244. package/dist/elements/css/bottom-sheet.js +4 -0
  245. package/dist/elements/css/button-group.d.ts +1 -0
  246. package/dist/elements/css/button-group.js +6 -0
  247. package/dist/elements/css/button.js +3 -2
  248. package/dist/elements/css/card.d.ts +1 -0
  249. package/dist/elements/css/card.js +5 -0
  250. package/dist/elements/css/carousel.d.ts +1 -0
  251. package/dist/elements/css/carousel.js +4 -0
  252. package/dist/elements/css/checkbox.js +3 -2
  253. package/dist/elements/css/chips.d.ts +1 -0
  254. package/dist/elements/css/chips.js +4 -0
  255. package/dist/elements/css/datepicker.d.ts +1 -0
  256. package/dist/elements/css/datepicker.js +4 -0
  257. package/dist/elements/css/dialog.d.ts +1 -0
  258. package/dist/elements/css/dialog.js +6 -0
  259. package/dist/elements/css/divider.js +2 -1
  260. package/dist/elements/css/drawer.d.ts +1 -0
  261. package/dist/elements/css/drawer.js +4 -0
  262. package/dist/elements/css/extended-fab.js +3 -2
  263. package/dist/elements/css/fab-menu.d.ts +1 -0
  264. package/dist/elements/css/fab-menu.js +6 -0
  265. package/dist/elements/css/fab.js +3 -2
  266. package/dist/elements/css/icon-button.js +3 -2
  267. package/dist/elements/css/index.js +22 -0
  268. package/dist/elements/css/list.d.ts +1 -0
  269. package/dist/elements/css/list.js +4 -0
  270. package/dist/elements/css/loading-indicator.js +3 -2
  271. package/dist/elements/css/menu.d.ts +1 -0
  272. package/dist/elements/css/menu.js +4 -0
  273. package/dist/elements/css/navigation-rail.d.ts +1 -0
  274. package/dist/elements/css/navigation-rail.js +4 -0
  275. package/dist/elements/css/progress.js +3 -2
  276. package/dist/elements/css/radios.js +3 -2
  277. package/dist/elements/css/search.d.ts +1 -0
  278. package/dist/elements/css/search.js +4 -0
  279. package/dist/elements/css/select.d.ts +1 -0
  280. package/dist/elements/css/select.js +6 -0
  281. package/dist/elements/css/side-sheet.d.ts +1 -0
  282. package/dist/elements/css/side-sheet.js +4 -0
  283. package/dist/elements/css/slider.js +3 -2
  284. package/dist/elements/css/snackbar.d.ts +1 -0
  285. package/dist/elements/css/snackbar.js +6 -0
  286. package/dist/elements/css/split-button.d.ts +1 -0
  287. package/dist/elements/css/split-button.js +6 -0
  288. package/dist/elements/css/switch.js +3 -2
  289. package/dist/elements/css/tabs.js +3 -2
  290. package/dist/elements/css/textfield.js +3 -2
  291. package/dist/elements/css/timepicker.d.ts +1 -0
  292. package/dist/elements/css/timepicker.js +4 -0
  293. package/dist/elements/css/toolbar.d.ts +1 -0
  294. package/dist/elements/css/toolbar.js +6 -0
  295. package/dist/elements/css/tooltip.d.ts +1 -0
  296. package/dist/elements/css/tooltip.js +4 -0
  297. package/dist/elements/css/top-app-bar.d.ts +1 -0
  298. package/dist/elements/css/top-app-bar.js +4 -0
  299. package/dist/elements/datepicker.d.ts +163 -0
  300. package/dist/elements/datepicker.js +120 -0
  301. package/dist/elements/define.d.ts +37 -2
  302. package/dist/elements/define.js +105 -18
  303. package/dist/elements/dialog.d.ts +127 -0
  304. package/dist/elements/dialog.js +156 -0
  305. package/dist/elements/divider.d.ts +8 -0
  306. package/dist/elements/drawer.d.ts +147 -0
  307. package/dist/elements/drawer.js +136 -0
  308. package/dist/elements/extended-fab.d.ts +16 -0
  309. package/dist/elements/extended-fab.js +4 -0
  310. package/dist/elements/fab-menu.d.ts +112 -0
  311. package/dist/elements/fab-menu.js +68 -0
  312. package/dist/elements/fab.d.ts +8 -0
  313. package/dist/elements/icon-button.d.ts +17 -1
  314. package/dist/elements/icon-button.js +6 -4
  315. package/dist/elements/index.d.ts +327 -1
  316. package/dist/elements/index.js +98 -0
  317. package/dist/elements/list.d.ts +144 -0
  318. package/dist/elements/list.js +191 -0
  319. package/dist/elements/loading-indicator.d.ts +8 -0
  320. package/dist/elements/menu.d.ts +174 -0
  321. package/dist/elements/menu.js +178 -0
  322. package/dist/elements/navigation-rail.d.ts +164 -0
  323. package/dist/elements/navigation-rail.js +130 -0
  324. package/dist/elements/preupgrade.css +2 -0
  325. package/dist/elements/preupgrade.css.d.ts +1 -0
  326. package/dist/elements/preupgrade.d.ts +2 -0
  327. package/dist/elements/preupgrade.js +4 -0
  328. package/dist/elements/progress.d.ts +8 -0
  329. package/dist/elements/radios.d.ts +9 -0
  330. package/dist/elements/search.d.ts +225 -0
  331. package/dist/elements/search.js +215 -0
  332. package/dist/elements/select.d.ts +143 -0
  333. package/dist/elements/select.js +149 -0
  334. package/dist/elements/sheet.d.ts +44 -0
  335. package/dist/elements/sheet.js +60 -0
  336. package/dist/elements/side-sheet.d.ts +100 -0
  337. package/dist/elements/side-sheet.js +64 -0
  338. package/dist/elements/slider.d.ts +9 -0
  339. package/dist/elements/snackbar.d.ts +107 -0
  340. package/dist/elements/snackbar.js +54 -0
  341. package/dist/elements/split-button.d.ts +90 -0
  342. package/dist/elements/split-button.js +77 -0
  343. package/dist/elements/styles.d.ts +18 -0
  344. package/dist/elements/styles.js +41 -0
  345. package/dist/elements/switch.d.ts +10 -0
  346. package/dist/elements/switch.js +2 -2
  347. package/dist/elements/tabs.d.ts +9 -0
  348. package/dist/elements/textfield.d.ts +11 -1
  349. package/dist/elements/textfield.js +1 -6
  350. package/dist/elements/timepicker.d.ts +167 -0
  351. package/dist/elements/timepicker.js +159 -0
  352. package/dist/elements/toolbar.d.ts +103 -0
  353. package/dist/elements/toolbar.js +77 -0
  354. package/dist/elements/tooltip.d.ts +97 -0
  355. package/dist/elements/tooltip.js +132 -0
  356. package/dist/elements/top-app-bar.d.ts +72 -0
  357. package/dist/elements/top-app-bar.js +95 -0
  358. package/dist/index.cjs +0 -0
  359. package/dist/package.json +16 -2
  360. package/dist/react/badge.d.ts +4 -0
  361. package/dist/react/badge.js +7 -0
  362. package/dist/react/bottom-app-bar.d.ts +4 -0
  363. package/dist/react/bottom-app-bar.js +7 -0
  364. package/dist/react/bottom-sheet.d.ts +4 -0
  365. package/dist/react/bottom-sheet.js +7 -0
  366. package/dist/react/button-group-item.d.ts +3 -0
  367. package/dist/react/button-group-item.js +6 -0
  368. package/dist/react/button-group.d.ts +7 -0
  369. package/dist/react/button-group.js +10 -0
  370. package/dist/react/button.d.ts +5 -0
  371. package/dist/react/button.js +8 -0
  372. package/dist/react/card.d.ts +4 -0
  373. package/dist/react/card.js +7 -0
  374. package/dist/react/carousel-item.d.ts +3 -0
  375. package/dist/react/carousel-item.js +6 -0
  376. package/dist/react/carousel.d.ts +4 -0
  377. package/dist/react/carousel.js +7 -0
  378. package/dist/react/checkbox.d.ts +4 -0
  379. package/dist/react/checkbox.js +7 -0
  380. package/dist/react/chip.d.ts +3 -0
  381. package/dist/react/chip.js +6 -0
  382. package/dist/react/chips.d.ts +4 -0
  383. package/dist/react/chips.js +7 -0
  384. package/dist/react/create.d.ts +11 -2
  385. package/dist/react/create.js +12 -2
  386. package/dist/react/datepicker.d.ts +4 -0
  387. package/dist/react/datepicker.js +7 -0
  388. package/dist/react/dialog.d.ts +4 -0
  389. package/dist/react/dialog.js +7 -0
  390. package/dist/react/divider.d.ts +4 -0
  391. package/dist/react/divider.js +7 -0
  392. package/dist/react/drawer-item.d.ts +3 -0
  393. package/dist/react/drawer-item.js +6 -0
  394. package/dist/react/drawer.d.ts +4 -0
  395. package/dist/react/drawer.js +7 -0
  396. package/dist/react/extended-fab.d.ts +4 -0
  397. package/dist/react/extended-fab.js +7 -0
  398. package/dist/react/fab-menu-item.d.ts +3 -0
  399. package/dist/react/fab-menu-item.js +6 -0
  400. package/dist/react/fab-menu.d.ts +6 -0
  401. package/dist/react/fab-menu.js +9 -0
  402. package/dist/react/fab.d.ts +4 -0
  403. package/dist/react/fab.js +7 -0
  404. package/dist/react/icon-button.d.ts +4 -0
  405. package/dist/react/icon-button.js +7 -0
  406. package/dist/react/index.d.ts +48 -32
  407. package/dist/react/index.js +48 -32
  408. package/dist/react/jsx.d.ts +74 -0
  409. package/dist/react/jsx.js +2 -0
  410. package/dist/react/list-item.d.ts +3 -0
  411. package/dist/react/list-item.js +6 -0
  412. package/dist/react/list.d.ts +4 -0
  413. package/dist/react/list.js +7 -0
  414. package/dist/react/loading-indicator.d.ts +4 -0
  415. package/dist/react/loading-indicator.js +7 -0
  416. package/dist/react/menu-item.d.ts +3 -0
  417. package/dist/react/menu-item.js +6 -0
  418. package/dist/react/menu.d.ts +4 -0
  419. package/dist/react/menu.js +7 -0
  420. package/dist/react/navigation-rail-item.d.ts +3 -0
  421. package/dist/react/navigation-rail-item.js +6 -0
  422. package/dist/react/navigation-rail.d.ts +4 -0
  423. package/dist/react/navigation-rail.js +7 -0
  424. package/dist/react/progress.d.ts +4 -0
  425. package/dist/react/progress.js +7 -0
  426. package/dist/react/radio.d.ts +3 -0
  427. package/dist/react/radio.js +6 -0
  428. package/dist/react/radios.d.ts +4 -0
  429. package/dist/react/radios.js +7 -0
  430. package/dist/react/search-suggestion.d.ts +3 -0
  431. package/dist/react/search-suggestion.js +6 -0
  432. package/dist/react/search.d.ts +4 -0
  433. package/dist/react/search.js +7 -0
  434. package/dist/react/select-option.d.ts +3 -0
  435. package/dist/react/select-option.js +6 -0
  436. package/dist/react/select.d.ts +6 -0
  437. package/dist/react/select.js +9 -0
  438. package/dist/react/side-sheet.d.ts +4 -0
  439. package/dist/react/side-sheet.js +7 -0
  440. package/dist/react/slider.d.ts +4 -0
  441. package/dist/react/slider.js +7 -0
  442. package/dist/react/snackbar.d.ts +7 -0
  443. package/dist/react/snackbar.js +10 -0
  444. package/dist/react/split-button.d.ts +7 -0
  445. package/dist/react/split-button.js +10 -0
  446. package/dist/react/switch.d.ts +4 -0
  447. package/dist/react/switch.js +7 -0
  448. package/dist/react/tab.d.ts +3 -0
  449. package/dist/react/tab.js +6 -0
  450. package/dist/react/tabs.d.ts +7 -0
  451. package/dist/react/tabs.js +10 -0
  452. package/dist/react/textfield.d.ts +4 -0
  453. package/dist/react/textfield.js +7 -0
  454. package/dist/react/timepicker.d.ts +4 -0
  455. package/dist/react/timepicker.js +7 -0
  456. package/dist/react/toolbar.d.ts +5 -0
  457. package/dist/react/toolbar.js +8 -0
  458. package/dist/react/tooltip.d.ts +4 -0
  459. package/dist/react/tooltip.js +7 -0
  460. package/dist/react/top-app-bar.d.ts +4 -0
  461. package/dist/react/top-app-bar.js +7 -0
  462. package/dist/solid/badge.d.ts +4 -0
  463. package/dist/solid/badge.js +6 -0
  464. package/dist/solid/bottom-app-bar.d.ts +4 -0
  465. package/dist/solid/bottom-app-bar.js +6 -0
  466. package/dist/solid/bottom-sheet.d.ts +4 -0
  467. package/dist/solid/bottom-sheet.js +6 -0
  468. package/dist/solid/button-group-item.d.ts +3 -0
  469. package/dist/solid/button-group-item.js +5 -0
  470. package/dist/solid/button-group.d.ts +7 -0
  471. package/dist/solid/button-group.js +9 -0
  472. package/dist/solid/button.d.ts +5 -0
  473. package/dist/solid/button.js +7 -0
  474. package/dist/solid/card.d.ts +4 -0
  475. package/dist/solid/card.js +6 -0
  476. package/dist/solid/carousel-item.d.ts +3 -0
  477. package/dist/solid/carousel-item.js +5 -0
  478. package/dist/solid/carousel.d.ts +4 -0
  479. package/dist/solid/carousel.js +6 -0
  480. package/dist/solid/checkbox.d.ts +4 -0
  481. package/dist/solid/checkbox.js +6 -0
  482. package/dist/solid/chip.d.ts +3 -0
  483. package/dist/solid/chip.js +5 -0
  484. package/dist/solid/chips.d.ts +4 -0
  485. package/dist/solid/chips.js +6 -0
  486. package/dist/solid/create.d.ts +11 -2
  487. package/dist/solid/create.js +22 -4
  488. package/dist/solid/datepicker.d.ts +4 -0
  489. package/dist/solid/datepicker.js +6 -0
  490. package/dist/solid/dialog.d.ts +4 -0
  491. package/dist/solid/dialog.js +6 -0
  492. package/dist/solid/divider.d.ts +4 -0
  493. package/dist/solid/divider.js +6 -0
  494. package/dist/solid/drawer-item.d.ts +3 -0
  495. package/dist/solid/drawer-item.js +5 -0
  496. package/dist/solid/drawer.d.ts +4 -0
  497. package/dist/solid/drawer.js +6 -0
  498. package/dist/solid/extended-fab.d.ts +4 -0
  499. package/dist/solid/extended-fab.js +6 -0
  500. package/dist/solid/fab-menu-item.d.ts +3 -0
  501. package/dist/solid/fab-menu-item.js +5 -0
  502. package/dist/solid/fab-menu.d.ts +6 -0
  503. package/dist/solid/fab-menu.js +8 -0
  504. package/dist/solid/fab.d.ts +4 -0
  505. package/dist/solid/fab.js +6 -0
  506. package/dist/solid/icon-button.d.ts +4 -0
  507. package/dist/solid/icon-button.js +6 -0
  508. package/dist/solid/index.d.ts +48 -32
  509. package/dist/solid/index.js +48 -32
  510. package/dist/solid/jsx.d.ts +96 -0
  511. package/dist/solid/jsx.js +1 -0
  512. package/dist/solid/list-item.d.ts +3 -0
  513. package/dist/solid/list-item.js +5 -0
  514. package/dist/solid/list.d.ts +4 -0
  515. package/dist/solid/list.js +6 -0
  516. package/dist/solid/loading-indicator.d.ts +4 -0
  517. package/dist/solid/loading-indicator.js +6 -0
  518. package/dist/solid/menu-item.d.ts +3 -0
  519. package/dist/solid/menu-item.js +5 -0
  520. package/dist/solid/menu.d.ts +4 -0
  521. package/dist/solid/menu.js +6 -0
  522. package/dist/solid/navigation-rail-item.d.ts +3 -0
  523. package/dist/solid/navigation-rail-item.js +5 -0
  524. package/dist/solid/navigation-rail.d.ts +4 -0
  525. package/dist/solid/navigation-rail.js +6 -0
  526. package/dist/solid/progress.d.ts +4 -0
  527. package/dist/solid/progress.js +6 -0
  528. package/dist/solid/radio.d.ts +3 -0
  529. package/dist/solid/radio.js +5 -0
  530. package/dist/solid/radios.d.ts +4 -0
  531. package/dist/solid/radios.js +6 -0
  532. package/dist/solid/search-suggestion.d.ts +3 -0
  533. package/dist/solid/search-suggestion.js +5 -0
  534. package/dist/solid/search.d.ts +4 -0
  535. package/dist/solid/search.js +6 -0
  536. package/dist/solid/select-option.d.ts +3 -0
  537. package/dist/solid/select-option.js +5 -0
  538. package/dist/solid/select.d.ts +6 -0
  539. package/dist/solid/select.js +8 -0
  540. package/dist/solid/side-sheet.d.ts +4 -0
  541. package/dist/solid/side-sheet.js +6 -0
  542. package/dist/solid/slider.d.ts +4 -0
  543. package/dist/solid/slider.js +6 -0
  544. package/dist/solid/snackbar.d.ts +7 -0
  545. package/dist/solid/snackbar.js +9 -0
  546. package/dist/solid/split-button.d.ts +7 -0
  547. package/dist/solid/split-button.js +9 -0
  548. package/dist/solid/switch.d.ts +4 -0
  549. package/dist/solid/switch.js +6 -0
  550. package/dist/solid/tab.d.ts +3 -0
  551. package/dist/solid/tab.js +5 -0
  552. package/dist/solid/tabs.d.ts +7 -0
  553. package/dist/solid/tabs.js +9 -0
  554. package/dist/solid/textfield.d.ts +4 -0
  555. package/dist/solid/textfield.js +6 -0
  556. package/dist/solid/timepicker.d.ts +4 -0
  557. package/dist/solid/timepicker.js +6 -0
  558. package/dist/solid/toolbar.d.ts +5 -0
  559. package/dist/solid/toolbar.js +7 -0
  560. package/dist/solid/tooltip.d.ts +4 -0
  561. package/dist/solid/tooltip.js +6 -0
  562. package/dist/solid/top-app-bar.d.ts +4 -0
  563. package/dist/solid/top-app-bar.js +6 -0
  564. package/dist/styles/badge.css +2 -2
  565. package/dist/styles/base.css +2 -2
  566. package/dist/styles/bottom-app-bar.css +2 -2
  567. package/dist/styles/bottom-sheet.css +2 -2
  568. package/dist/styles/button-group.css +2 -2
  569. package/dist/styles/button.css +2 -2
  570. package/dist/styles/card.css +2 -2
  571. package/dist/styles/carousel.css +2 -2
  572. package/dist/styles/checkbox.css +2 -2
  573. package/dist/styles/chips.css +2 -2
  574. package/dist/styles/datepicker.css +2 -2
  575. package/dist/styles/dialog.css +2 -2
  576. package/dist/styles/divider.css +2 -2
  577. package/dist/styles/drawer.css +2 -2
  578. package/dist/styles/extended-fab.css +2 -2
  579. package/dist/styles/fab-menu.css +2 -0
  580. package/dist/styles/fab-menu.d.ts +1 -0
  581. package/dist/styles/fab-menu.js +3 -0
  582. package/dist/styles/fab.css +2 -2
  583. package/dist/styles/icon-button.css +2 -2
  584. package/dist/styles/list.css +2 -2
  585. package/dist/styles/loading-indicator.css +2 -2
  586. package/dist/styles/menu.css +2 -2
  587. package/dist/styles/navigation-rail.css +2 -2
  588. package/dist/styles/progress.css +2 -2
  589. package/dist/styles/radios.css +2 -2
  590. package/dist/styles/search.css +2 -2
  591. package/dist/styles/segmented-button.css +2 -2
  592. package/dist/styles/select.css +2 -2
  593. package/dist/styles/side-sheet.css +2 -2
  594. package/dist/styles/slider.css +2 -2
  595. package/dist/styles/snackbar.css +2 -2
  596. package/dist/styles/split-button.css +2 -2
  597. package/dist/styles/switch.css +2 -2
  598. package/dist/styles/tabs.css +2 -2
  599. package/dist/styles/textfield.css +2 -2
  600. package/dist/styles/timepicker.css +2 -2
  601. package/dist/styles/toolbar.css +2 -0
  602. package/dist/styles/toolbar.d.ts +1 -0
  603. package/dist/styles/toolbar.js +3 -0
  604. package/dist/styles/tooltip.css +2 -2
  605. package/dist/styles/top-app-bar.css +2 -2
  606. package/dist/styles/utilities.css +2 -2
  607. package/dist/styles.css +2 -2
  608. package/dist/svelte/Badge.svelte +7 -2
  609. package/dist/svelte/Badge.svelte.d.ts +2 -2
  610. package/dist/svelte/BottomAppBar.svelte +24 -0
  611. package/dist/svelte/BottomAppBar.svelte.d.ts +5 -0
  612. package/dist/svelte/BottomSheet.svelte +24 -0
  613. package/dist/svelte/BottomSheet.svelte.d.ts +5 -0
  614. package/dist/svelte/Button.svelte +8 -2
  615. package/dist/svelte/Button.svelte.d.ts +2 -2
  616. package/dist/svelte/ButtonGroup.svelte +28 -0
  617. package/dist/svelte/ButtonGroup.svelte.d.ts +5 -0
  618. package/dist/svelte/ButtonGroupItem.svelte +11 -0
  619. package/dist/svelte/ButtonGroupItem.svelte.d.ts +5 -0
  620. package/dist/svelte/Card.svelte +24 -0
  621. package/dist/svelte/Card.svelte.d.ts +5 -0
  622. package/dist/svelte/Carousel.svelte +25 -0
  623. package/dist/svelte/Carousel.svelte.d.ts +5 -0
  624. package/dist/svelte/CarouselItem.svelte +11 -0
  625. package/dist/svelte/CarouselItem.svelte.d.ts +5 -0
  626. package/dist/svelte/Checkbox.svelte +7 -2
  627. package/dist/svelte/Checkbox.svelte.d.ts +2 -2
  628. package/dist/svelte/Chip.svelte +11 -0
  629. package/dist/svelte/Chip.svelte.d.ts +5 -0
  630. package/dist/svelte/Chips.svelte +25 -0
  631. package/dist/svelte/Chips.svelte.d.ts +5 -0
  632. package/dist/svelte/Datepicker.svelte +25 -0
  633. package/dist/svelte/Datepicker.svelte.d.ts +5 -0
  634. package/dist/svelte/Dialog.svelte +24 -0
  635. package/dist/svelte/Dialog.svelte.d.ts +5 -0
  636. package/dist/svelte/Divider.svelte +7 -2
  637. package/dist/svelte/Divider.svelte.d.ts +2 -2
  638. package/dist/svelte/Drawer.svelte +25 -0
  639. package/dist/svelte/Drawer.svelte.d.ts +5 -0
  640. package/dist/svelte/DrawerItem.svelte +11 -0
  641. package/dist/svelte/DrawerItem.svelte.d.ts +5 -0
  642. package/dist/svelte/ExtendedFab.svelte +7 -2
  643. package/dist/svelte/ExtendedFab.svelte.d.ts +2 -2
  644. package/dist/svelte/Fab.svelte +7 -2
  645. package/dist/svelte/Fab.svelte.d.ts +2 -2
  646. package/dist/svelte/FabMenu.svelte +26 -0
  647. package/dist/svelte/FabMenu.svelte.d.ts +5 -0
  648. package/dist/svelte/FabMenuItem.svelte +11 -0
  649. package/dist/svelte/FabMenuItem.svelte.d.ts +5 -0
  650. package/dist/svelte/IconButton.svelte +7 -2
  651. package/dist/svelte/IconButton.svelte.d.ts +2 -2
  652. package/dist/svelte/List.svelte +26 -0
  653. package/dist/svelte/List.svelte.d.ts +5 -0
  654. package/dist/svelte/ListItem.svelte +11 -0
  655. package/dist/svelte/ListItem.svelte.d.ts +5 -0
  656. package/dist/svelte/LoadingIndicator.svelte +7 -2
  657. package/dist/svelte/LoadingIndicator.svelte.d.ts +2 -2
  658. package/dist/svelte/Menu.svelte +25 -0
  659. package/dist/svelte/Menu.svelte.d.ts +5 -0
  660. package/dist/svelte/MenuItem.svelte +11 -0
  661. package/dist/svelte/MenuItem.svelte.d.ts +5 -0
  662. package/dist/svelte/NavigationRail.svelte +25 -0
  663. package/dist/svelte/NavigationRail.svelte.d.ts +5 -0
  664. package/dist/svelte/NavigationRailItem.svelte +11 -0
  665. package/dist/svelte/NavigationRailItem.svelte.d.ts +5 -0
  666. package/dist/svelte/Progress.svelte +7 -2
  667. package/dist/svelte/Progress.svelte.d.ts +2 -2
  668. package/dist/svelte/Radio.svelte +1 -1
  669. package/dist/svelte/Radios.svelte +7 -2
  670. package/dist/svelte/Radios.svelte.d.ts +2 -2
  671. package/dist/svelte/Search.svelte +25 -0
  672. package/dist/svelte/Search.svelte.d.ts +5 -0
  673. package/dist/svelte/SearchSuggestion.svelte +11 -0
  674. package/dist/svelte/SearchSuggestion.svelte.d.ts +5 -0
  675. package/dist/svelte/Select.svelte +27 -0
  676. package/dist/svelte/Select.svelte.d.ts +5 -0
  677. package/dist/svelte/SelectOption.svelte +11 -0
  678. package/dist/svelte/SelectOption.svelte.d.ts +5 -0
  679. package/dist/svelte/SideSheet.svelte +24 -0
  680. package/dist/svelte/SideSheet.svelte.d.ts +5 -0
  681. package/dist/svelte/Slider.svelte +7 -2
  682. package/dist/svelte/Slider.svelte.d.ts +2 -2
  683. package/dist/svelte/Snackbar.svelte +28 -0
  684. package/dist/svelte/Snackbar.svelte.d.ts +5 -0
  685. package/dist/svelte/SplitButton.svelte +27 -0
  686. package/dist/svelte/SplitButton.svelte.d.ts +5 -0
  687. package/dist/svelte/Switch.svelte +7 -2
  688. package/dist/svelte/Switch.svelte.d.ts +2 -2
  689. package/dist/svelte/Tab.svelte +1 -1
  690. package/dist/svelte/Tabs.svelte +10 -2
  691. package/dist/svelte/Tabs.svelte.d.ts +2 -2
  692. package/dist/svelte/Textfield.svelte +7 -2
  693. package/dist/svelte/Textfield.svelte.d.ts +2 -2
  694. package/dist/svelte/Timepicker.svelte +25 -0
  695. package/dist/svelte/Timepicker.svelte.d.ts +5 -0
  696. package/dist/svelte/Toolbar.svelte +25 -0
  697. package/dist/svelte/Toolbar.svelte.d.ts +5 -0
  698. package/dist/svelte/Tooltip.svelte +25 -0
  699. package/dist/svelte/Tooltip.svelte.d.ts +5 -0
  700. package/dist/svelte/TopAppBar.svelte +24 -0
  701. package/dist/svelte/TopAppBar.svelte.d.ts +5 -0
  702. package/dist/svelte/index.d.ts +32 -0
  703. package/dist/svelte/index.js +32 -14
  704. package/dist/svelte/runtime.d.ts +12 -2
  705. package/dist/svelte/runtime.js +11 -2
  706. package/dist/themes/autumn.css +2 -2
  707. package/dist/themes/baseline.css +2 -2
  708. package/dist/themes/brownbeige.css +2 -2
  709. package/dist/themes/browngreen.css +2 -2
  710. package/dist/themes/content.css +2 -0
  711. package/dist/themes/desert.css +2 -2
  712. package/dist/themes/expressive.css +2 -0
  713. package/dist/themes/fidelity.css +2 -0
  714. package/dist/themes/forest.css +2 -2
  715. package/dist/themes/fruit-salad.css +2 -0
  716. package/dist/themes/highcontrast.css +2 -2
  717. package/dist/themes/legacy.css +2 -2
  718. package/dist/themes/material.css +2 -2
  719. package/dist/themes/monochrome.css +2 -0
  720. package/dist/themes/neutral.css +2 -0
  721. package/dist/themes/ocean.css +2 -2
  722. package/dist/themes/rainbow.css +2 -0
  723. package/dist/themes/sageivory.css +2 -2
  724. package/dist/themes/spring.css +2 -2
  725. package/dist/themes/summer.css +2 -2
  726. package/dist/themes/sunset.css +2 -2
  727. package/dist/themes/tealcaramel.css +2 -2
  728. package/dist/themes/vibrant.css +2 -0
  729. package/dist/themes/winter.css +2 -2
  730. package/dist/vue/badge.d.ts +4 -0
  731. package/dist/vue/badge.js +6 -0
  732. package/dist/vue/bottom-app-bar.d.ts +4 -0
  733. package/dist/vue/bottom-app-bar.js +6 -0
  734. package/dist/vue/bottom-sheet.d.ts +4 -0
  735. package/dist/vue/bottom-sheet.js +6 -0
  736. package/dist/vue/button-group-item.d.ts +3 -0
  737. package/dist/vue/button-group-item.js +5 -0
  738. package/dist/vue/button-group.d.ts +7 -0
  739. package/dist/vue/button-group.js +9 -0
  740. package/dist/vue/button.d.ts +5 -0
  741. package/dist/vue/button.js +7 -0
  742. package/dist/vue/card.d.ts +4 -0
  743. package/dist/vue/card.js +6 -0
  744. package/dist/vue/carousel-item.d.ts +3 -0
  745. package/dist/vue/carousel-item.js +5 -0
  746. package/dist/vue/carousel.d.ts +4 -0
  747. package/dist/vue/carousel.js +6 -0
  748. package/dist/vue/checkbox.d.ts +4 -0
  749. package/dist/vue/checkbox.js +6 -0
  750. package/dist/vue/chip.d.ts +3 -0
  751. package/dist/vue/chip.js +5 -0
  752. package/dist/vue/chips.d.ts +4 -0
  753. package/dist/vue/chips.js +6 -0
  754. package/dist/vue/create.d.ts +9 -3
  755. package/dist/vue/create.js +15 -2
  756. package/dist/vue/datepicker.d.ts +4 -0
  757. package/dist/vue/datepicker.js +6 -0
  758. package/dist/vue/dialog.d.ts +4 -0
  759. package/dist/vue/dialog.js +6 -0
  760. package/dist/vue/divider.d.ts +4 -0
  761. package/dist/vue/divider.js +6 -0
  762. package/dist/vue/drawer-item.d.ts +3 -0
  763. package/dist/vue/drawer-item.js +5 -0
  764. package/dist/vue/drawer.d.ts +4 -0
  765. package/dist/vue/drawer.js +6 -0
  766. package/dist/vue/extended-fab.d.ts +4 -0
  767. package/dist/vue/extended-fab.js +6 -0
  768. package/dist/vue/fab-menu-item.d.ts +3 -0
  769. package/dist/vue/fab-menu-item.js +5 -0
  770. package/dist/vue/fab-menu.d.ts +6 -0
  771. package/dist/vue/fab-menu.js +8 -0
  772. package/dist/vue/fab.d.ts +4 -0
  773. package/dist/vue/fab.js +6 -0
  774. package/dist/vue/icon-button.d.ts +4 -0
  775. package/dist/vue/icon-button.js +6 -0
  776. package/dist/vue/index.d.ts +49 -33
  777. package/dist/vue/index.js +48 -32
  778. package/dist/vue/list-item.d.ts +3 -0
  779. package/dist/vue/list-item.js +5 -0
  780. package/dist/vue/list.d.ts +4 -0
  781. package/dist/vue/list.js +6 -0
  782. package/dist/vue/loading-indicator.d.ts +4 -0
  783. package/dist/vue/loading-indicator.js +6 -0
  784. package/dist/vue/menu-item.d.ts +3 -0
  785. package/dist/vue/menu-item.js +5 -0
  786. package/dist/vue/menu.d.ts +4 -0
  787. package/dist/vue/menu.js +6 -0
  788. package/dist/vue/navigation-rail-item.d.ts +3 -0
  789. package/dist/vue/navigation-rail-item.js +5 -0
  790. package/dist/vue/navigation-rail.d.ts +4 -0
  791. package/dist/vue/navigation-rail.js +6 -0
  792. package/dist/vue/progress.d.ts +4 -0
  793. package/dist/vue/progress.js +6 -0
  794. package/dist/vue/radio.d.ts +3 -0
  795. package/dist/vue/radio.js +5 -0
  796. package/dist/vue/radios.d.ts +4 -0
  797. package/dist/vue/radios.js +6 -0
  798. package/dist/vue/search-suggestion.d.ts +3 -0
  799. package/dist/vue/search-suggestion.js +5 -0
  800. package/dist/vue/search.d.ts +4 -0
  801. package/dist/vue/search.js +6 -0
  802. package/dist/vue/select-option.d.ts +3 -0
  803. package/dist/vue/select-option.js +5 -0
  804. package/dist/vue/select.d.ts +6 -0
  805. package/dist/vue/select.js +8 -0
  806. package/dist/vue/side-sheet.d.ts +4 -0
  807. package/dist/vue/side-sheet.js +6 -0
  808. package/dist/vue/slider.d.ts +4 -0
  809. package/dist/vue/slider.js +6 -0
  810. package/dist/vue/snackbar.d.ts +7 -0
  811. package/dist/vue/snackbar.js +9 -0
  812. package/dist/vue/split-button.d.ts +7 -0
  813. package/dist/vue/split-button.js +9 -0
  814. package/dist/vue/switch.d.ts +4 -0
  815. package/dist/vue/switch.js +6 -0
  816. package/dist/vue/tab.d.ts +3 -0
  817. package/dist/vue/tab.js +5 -0
  818. package/dist/vue/tabs.d.ts +7 -0
  819. package/dist/vue/tabs.js +9 -0
  820. package/dist/vue/textfield.d.ts +4 -0
  821. package/dist/vue/textfield.js +6 -0
  822. package/dist/vue/timepicker.d.ts +4 -0
  823. package/dist/vue/timepicker.js +6 -0
  824. package/dist/vue/toolbar.d.ts +5 -0
  825. package/dist/vue/toolbar.js +7 -0
  826. package/dist/vue/tooltip.d.ts +4 -0
  827. package/dist/vue/tooltip.js +6 -0
  828. package/dist/vue/top-app-bar.d.ts +4 -0
  829. package/dist/vue/top-app-bar.js +6 -0
  830. package/package.json +119 -20
  831. package/src/styles/abstract/_functions.scss +13 -1
  832. package/src/styles/abstract/_mixins.scss +16 -1
  833. package/src/styles/abstract/_theme.scss +4 -88
  834. package/src/styles/abstract/_variables.scss +20 -1
  835. package/src/styles/base/_tokens.scss +2 -13
  836. package/src/styles/base/_typography.scss +14 -70
  837. package/src/styles/components/_badge.scss +2 -2
  838. package/src/styles/components/_bottom-app-bar.scss +0 -4
  839. package/src/styles/components/_bottom-sheet.scss +68 -8
  840. package/src/styles/components/_button-group.scss +5 -2
  841. package/src/styles/components/_button.scss +29 -43
  842. package/src/styles/components/_card.scss +0 -2
  843. package/src/styles/components/_carousel.scss +2 -1
  844. package/src/styles/components/_datepicker.scss +4 -0
  845. package/src/styles/components/_dialog.scss +52 -0
  846. package/src/styles/components/_divider.scss +1 -1
  847. package/src/styles/components/_drawer.scss +53 -11
  848. package/src/styles/components/_fab-menu.scss +228 -0
  849. package/src/styles/components/_icon-button.scss +18 -14
  850. package/src/styles/components/_list.scss +3 -2
  851. package/src/styles/components/_menu.scss +22 -2
  852. package/src/styles/components/_navigation-rail.scss +5 -4
  853. package/src/styles/components/_search.scss +279 -273
  854. package/src/styles/components/_select.scss +9 -89
  855. package/src/styles/components/_side-sheet.scss +48 -4
  856. package/src/styles/components/_slider.scss +2 -2
  857. package/src/styles/components/_snackbar.scss +12 -0
  858. package/src/styles/components/_split-button.scss +5 -5
  859. package/src/styles/components/_switch.scss +1 -1
  860. package/src/styles/components/_textfield.scss +144 -93
  861. package/src/styles/components/_timepicker.scss +116 -139
  862. package/src/styles/components/_toolbar.scss +203 -0
  863. package/src/styles/components/_tooltip.scss +31 -12
  864. package/src/styles/elements/_badge.scss +12 -0
  865. package/src/styles/elements/_bottom-app-bar.scss +27 -0
  866. package/src/styles/elements/_bottom-sheet.scss +6 -0
  867. package/src/styles/elements/_button-group.scss +25 -0
  868. package/src/styles/elements/_button.scss +78 -0
  869. package/src/styles/elements/_card.scss +57 -0
  870. package/src/styles/elements/_carousel.scss +12 -0
  871. package/src/styles/elements/_checkbox.scss +38 -0
  872. package/src/styles/elements/_chips.scss +33 -0
  873. package/src/styles/elements/_config.scss +48 -0
  874. package/src/styles/elements/_datepicker.scss +31 -0
  875. package/src/styles/elements/_dialog.scss +6 -0
  876. package/src/styles/elements/_divider.scss +19 -0
  877. package/src/styles/elements/_drawer.scss +23 -0
  878. package/src/styles/elements/_extended-fab.scss +57 -0
  879. package/src/styles/elements/_fab-menu.scss +43 -0
  880. package/src/styles/elements/_fab.scss +33 -0
  881. package/src/styles/elements/_field.scss +111 -0
  882. package/src/styles/elements/_icon-button.scss +55 -0
  883. package/src/styles/elements/_index.scss +41 -0
  884. package/src/styles/elements/_list.scss +34 -0
  885. package/src/styles/elements/_loading-indicator.scss +13 -0
  886. package/src/styles/elements/_menu.scss +6 -0
  887. package/src/styles/elements/_navigation-rail.scss +24 -0
  888. package/src/styles/elements/_progress.scss +24 -0
  889. package/src/styles/elements/_radios.scss +23 -0
  890. package/src/styles/elements/_search.scss +36 -0
  891. package/src/styles/elements/_select.scss +15 -0
  892. package/src/styles/elements/_side-sheet.scss +6 -0
  893. package/src/styles/elements/_slider.scss +10 -0
  894. package/src/styles/elements/_snackbar.scss +6 -0
  895. package/src/styles/elements/_split-button.scss +53 -0
  896. package/src/styles/elements/_switch.scss +51 -0
  897. package/src/styles/elements/_tabs.scss +22 -0
  898. package/src/styles/elements/_textfield.scss +9 -0
  899. package/src/styles/elements/_timepicker.scss +6 -0
  900. package/src/styles/elements/_toolbar.scss +47 -0
  901. package/src/styles/elements/_tooltip.scss +6 -0
  902. package/src/styles/elements/_top-app-bar.scss +57 -0
  903. package/src/styles/main.scss +2 -0
  904. package/src/styles/themes/_autumn.scss +18 -17
  905. package/src/styles/themes/_base-theme.scss +29 -39
  906. package/src/styles/themes/_baseline.scss +58 -83
  907. package/src/styles/themes/_brownbeige.scss +95 -123
  908. package/src/styles/themes/_browngreen.scss +1 -49
  909. package/src/styles/themes/_content.scss +108 -0
  910. package/src/styles/themes/_desert.scss +94 -80
  911. package/src/styles/themes/_expressive.scss +108 -0
  912. package/src/styles/themes/_fidelity.scss +108 -0
  913. package/src/styles/themes/_forest.scss +19 -3
  914. package/src/styles/themes/_fruit-salad.scss +108 -0
  915. package/src/styles/themes/_highcontrast.scss +91 -149
  916. package/src/styles/themes/_legacy.scss +1 -2
  917. package/src/styles/themes/_material.scss +1 -50
  918. package/src/styles/themes/_monochrome.scss +108 -0
  919. package/src/styles/themes/_neutral.scss +108 -0
  920. package/src/styles/themes/_ocean.scss +19 -3
  921. package/src/styles/themes/_rainbow.scss +108 -0
  922. package/src/styles/themes/_sageivory.scss +95 -125
  923. package/src/styles/themes/_spring.scss +19 -3
  924. package/src/styles/themes/_summer.scss +95 -87
  925. package/src/styles/themes/_sunset.scss +19 -3
  926. package/src/styles/themes/_tealcaramel.scss +94 -124
  927. package/src/styles/themes/_vibrant.scss +108 -0
  928. package/src/styles/themes/_winter.scss +1 -3
  929. package/src/styles/themes/_bluekhaki.scss +0 -136
  930. package/src/styles/themes/_greenbeige.scss +0 -138
package/dist/styles/tooltip.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.10.0-next.2 | MIT */
2
- @layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip;@layer mtrl.tooltip{.mtrl-tooltip{position:fixed;top:0;left:0;z-index:1000;max-width:200px;padding:4px 8px;border-radius:4px;background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface);font-size:12px;line-height:16px;text-align:center;pointer-events:none;opacity:0;transform:scale(0.9);transform-origin:center;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.2);font-family:"Roboto",sans-serif;font-size:12px;line-height:16px;letter-spacing:.4px;font-weight:400;font-weight:500;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1),transform 150ms cubic-bezier(0, 0, 0.2, 1)}.mtrl-tooltip--visible{opacity:.9;transform:scale(1);pointer-events:auto}.mtrl-tooltip--rich{text-align:left;padding:8px 12px}.mtrl-tooltip--plain{background-color:var(--mtrl-sys-color-surface-container-high);color:var(--mtrl-sys-color-on-surface);box-shadow:none;border:1px solid var(--mtrl-sys-color-outline)}.mtrl-tooltip__arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0);pointer-events:none}.mtrl-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--top-start{bottom:100%;left:8px;border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top-start{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--top-end{bottom:100%;right:8px;border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top-end{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom-start{top:100%;left:8px;border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom-start{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom-end{top:100%;right:8px;border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom-end{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left-start{right:100%;top:8px;border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left-start{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left-end{right:100%;bottom:8px;border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left-end{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right-start{left:100%;top:8px;border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right-start{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right-end{left:100%;bottom:8px;border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right-end{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip--top{margin-bottom:8px}.mtrl-tooltip--bottom{margin-top:8px}.mtrl-tooltip--left{margin-right:8px}.mtrl-tooltip--right{margin-left:8px}}
1
+ /*! mtrl v0.10.0 | MIT */
2
+ @layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.tooltip{.mtrl-tooltip{position:fixed;top:0;left:0;z-index:1000;max-width:200px;padding:4px 8px;border-radius:var(--mtrl-sys-shape-corner-extra-small, 4px);background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface);font-size:12px;line-height:16px;text-align:center;pointer-events:none;opacity:0;transform:scale(0.9);transform-origin:center;box-sizing:border-box;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:12px;line-height:16px;letter-spacing:.4px;font-weight:400;font-weight:500;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1),transform 150ms cubic-bezier(0, 0, 0.2, 1)}.mtrl-tooltip:where([popover]){inset:auto;margin:0;border:0;overflow:visible}.mtrl-tooltip--visible{opacity:1;transform:scale(1);pointer-events:auto}.mtrl-tooltip--rich{max-width:320px;padding:12px 16px;border-radius:var(--mtrl-sys-shape-corner-medium, 12px);background-color:var(--mtrl-sys-color-surface-container);color:var(--mtrl-sys-color-on-surface-variant);text-align:start;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-tooltip--plain{background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface)}.mtrl-tooltip__arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0);pointer-events:none}.mtrl-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--top-start{bottom:100%;left:8px;border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top-start{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--top-end{bottom:100%;right:8px;border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top-end{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom-start{top:100%;left:8px;border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom-start{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom-end{top:100%;right:8px;border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom-end{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left-start{right:100%;top:8px;border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left-start{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left-end{right:100%;bottom:8px;border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left-end{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right-start{left:100%;top:8px;border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right-start{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right-end{left:100%;bottom:8px;border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right-end{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip--top{margin-bottom:8px}.mtrl-tooltip--bottom{margin-top:8px}.mtrl-tooltip--left{margin-right:8px}.mtrl-tooltip--right{margin-left:8px}}
package/dist/styles/top-app-bar.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.10.0-next.2 | MIT */
2
- @layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip;@layer mtrl.top-app-bar{.mtrl-top-app-bar{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;width:100%;background-color:var(--mtrl-sys-color-surface);height:64px;padding:0 16px;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out,height .3s ease-in-out}.mtrl-top-app-bar__headline{flex:1;display:flex;align-items:center;font-family:"Roboto",sans-serif;font-size:22px;line-height:28px;letter-spacing:0;font-weight:400;color:var(--mtrl-sys-color-on-surface);margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease-in-out,margin .3s ease-in-out,padding .3s ease-in-out}.mtrl-top-app-bar__leading{display:flex;align-items:center;margin-right:24px}.mtrl-top-app-bar__trailing{display:flex;align-items:center;gap:8px;margin-left:auto}.mtrl-top-app-bar--center .mtrl-top-app-bar__headline{position:absolute;left:50%;transform:translateX(-50%);text-align:center;flex:0}.mtrl-top-app-bar--medium{height:112px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.mtrl-top-app-bar--medium .mtrl-top-app-bar__row{display:flex;align-items:center;width:100%;padding:0 16px}.mtrl-top-app-bar--medium .mtrl-top-app-bar__row:first-child{margin-top:20px}.mtrl-top-app-bar--medium .mtrl-top-app-bar__headline{margin-bottom:24px;margin-left:16px;font-family:"Roboto",sans-serif;font-size:24px;line-height:32px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--large{height:152px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.mtrl-top-app-bar--large .mtrl-top-app-bar__row{display:flex;align-items:center;width:100%;padding:0 16px}.mtrl-top-app-bar--large .mtrl-top-app-bar__row:first-child{margin-top:20px}.mtrl-top-app-bar--large .mtrl-top-app-bar__headline{margin-bottom:28px;margin-left:16px;font-family:"Roboto",sans-serif;font-size:28px;line-height:36px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--scrolled{background-color:var(--mtrl-sys-color-surface-container);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible{height:64px;flex-direction:row;align-items:center;padding:0 16px}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row{display:none}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__headline,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__headline{margin:0;font-family:"Roboto",sans-serif;font-size:22px;line-height:28px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row:nth-child(2),.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row:nth-child(2){display:flex;flex:1;margin:0;padding:0}[dir=rtl] .mtrl-top-app-bar .mtrl-top-app-bar__leading{margin-right:0;margin-left:24px}[dir=rtl] .mtrl-top-app-bar .mtrl-top-app-bar__trailing{margin-left:0;margin-right:auto}[dir=rtl] .mtrl-top-app-bar--medium .mtrl-top-app-bar__headline,[dir=rtl] .mtrl-top-app-bar--large .mtrl-top-app-bar__headline{margin-left:0;margin-right:16px}[dir=rtl] .mtrl-top-app-bar--center .mtrl-top-app-bar__headline{left:auto;right:50%;transform:translateX(50%)}@media(max-width: 600px){.mtrl-top-app-bar{padding:0 12px}.mtrl-top-app-bar .mtrl-top-app-bar__leading{margin-right:16px}.mtrl-top-app-bar .mtrl-top-app-bar__trailing{gap:4px}.mtrl-top-app-bar .mtrl-top-app-bar__leading button,.mtrl-top-app-bar .mtrl-top-app-bar__trailing button{padding:8px}}@media(prefers-reduced-motion: reduce){.mtrl-top-app-bar{transition-duration:.01ms}.mtrl-top-app-bar .mtrl-top-app-bar__headline{transition-duration:.01ms}}@media(forced-colors: active){.mtrl-top-app-bar{border-bottom:1px solid currentColor}}}
1
+ /*! mtrl v0.10.0 | MIT */
2
+ @layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.top-app-bar{.mtrl-top-app-bar{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;width:100%;background-color:var(--mtrl-sys-color-surface);height:64px;padding:0 16px;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out,height .3s ease-in-out}.mtrl-top-app-bar__headline{flex:1;display:flex;align-items:center;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400;color:var(--mtrl-sys-color-on-surface);margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease-in-out,margin .3s ease-in-out,padding .3s ease-in-out}.mtrl-top-app-bar__leading{display:flex;align-items:center;margin-right:24px}.mtrl-top-app-bar__trailing{display:flex;align-items:center;gap:8px;margin-left:auto}.mtrl-top-app-bar--center .mtrl-top-app-bar__headline{position:absolute;left:50%;transform:translateX(-50%);text-align:center;flex:0}.mtrl-top-app-bar--medium{height:112px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.mtrl-top-app-bar--medium .mtrl-top-app-bar__row{display:flex;align-items:center;width:100%;padding:0 16px}.mtrl-top-app-bar--medium .mtrl-top-app-bar__row:first-child{margin-top:20px}.mtrl-top-app-bar--medium .mtrl-top-app-bar__headline{margin-bottom:24px;margin-left:16px;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:24px;line-height:32px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--large{height:152px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.mtrl-top-app-bar--large .mtrl-top-app-bar__row{display:flex;align-items:center;width:100%;padding:0 16px}.mtrl-top-app-bar--large .mtrl-top-app-bar__row:first-child{margin-top:20px}.mtrl-top-app-bar--large .mtrl-top-app-bar__headline{margin-bottom:28px;margin-left:16px;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:28px;line-height:36px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--scrolled{background-color:var(--mtrl-sys-color-surface-container);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible{height:64px;flex-direction:row;align-items:center;padding:0 16px}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row{display:none}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__headline,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__headline{margin:0;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row:nth-child(2),.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row:nth-child(2){display:flex;flex:1;margin:0;padding:0}[dir=rtl] .mtrl-top-app-bar .mtrl-top-app-bar__leading{margin-right:0;margin-left:24px}[dir=rtl] .mtrl-top-app-bar .mtrl-top-app-bar__trailing{margin-left:0;margin-right:auto}[dir=rtl] .mtrl-top-app-bar--medium .mtrl-top-app-bar__headline,[dir=rtl] .mtrl-top-app-bar--large .mtrl-top-app-bar__headline{margin-left:0;margin-right:16px}[dir=rtl] .mtrl-top-app-bar--center .mtrl-top-app-bar__headline{left:auto;right:50%;transform:translateX(50%)}@media(max-width: 600px){.mtrl-top-app-bar{padding:0 12px}.mtrl-top-app-bar .mtrl-top-app-bar__leading{margin-right:16px}.mtrl-top-app-bar .mtrl-top-app-bar__trailing{gap:4px}.mtrl-top-app-bar .mtrl-top-app-bar__leading button,.mtrl-top-app-bar .mtrl-top-app-bar__trailing button{padding:8px}}@media(prefers-reduced-motion: reduce){.mtrl-top-app-bar{transition-duration:.01ms}.mtrl-top-app-bar .mtrl-top-app-bar__headline{transition-duration:.01ms}}@media(forced-colors: active){.mtrl-top-app-bar{border-bottom:1px solid currentColor}}}
package/dist/styles/utilities.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.10.0-next.2 | MIT */
2
- @layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip;@layer mtrl.utilities{.mtrl-m-0{margin:0}.mtrl-mx-0{margin-left:0;margin-right:0}.mtrl-my-0{margin-top:0;margin-bottom:0}.mtrl-mt-0{margin-top:0}.mtrl-mb-0{margin-bottom:0}.mtrl-ml-0{margin-left:0}.mtrl-mr-0{margin-right:0}.mtrl-p-0{padding:0}.mtrl-px-0{padding-left:0;padding-right:0}.mtrl-py-0{padding-top:0;padding-bottom:0}.mtrl-pt-0{padding-top:0}.mtrl-pb-0{padding-bottom:0}.mtrl-pl-0{padding-left:0}.mtrl-pr-0{padding-right:0}.mtrl-m-1{margin:4px}.mtrl-mx-1{margin-left:4px;margin-right:4px}.mtrl-my-1{margin-top:4px;margin-bottom:4px}.mtrl-mt-1{margin-top:4px}.mtrl-mb-1{margin-bottom:4px}.mtrl-ml-1{margin-left:4px}.mtrl-mr-1{margin-right:4px}.mtrl-p-1{padding:4px}.mtrl-px-1{padding-left:4px;padding-right:4px}.mtrl-py-1{padding-top:4px;padding-bottom:4px}.mtrl-pt-1{padding-top:4px}.mtrl-pb-1{padding-bottom:4px}.mtrl-pl-1{padding-left:4px}.mtrl-pr-1{padding-right:4px}.mtrl-m-2{margin:8px}.mtrl-mx-2{margin-left:8px;margin-right:8px}.mtrl-my-2{margin-top:8px;margin-bottom:8px}.mtrl-mt-2{margin-top:8px}.mtrl-mb-2{margin-bottom:8px}.mtrl-ml-2{margin-left:8px}.mtrl-mr-2{margin-right:8px}.mtrl-p-2{padding:8px}.mtrl-px-2{padding-left:8px;padding-right:8px}.mtrl-py-2{padding-top:8px;padding-bottom:8px}.mtrl-pt-2{padding-top:8px}.mtrl-pb-2{padding-bottom:8px}.mtrl-pl-2{padding-left:8px}.mtrl-pr-2{padding-right:8px}.mtrl-m-3{margin:12px}.mtrl-mx-3{margin-left:12px;margin-right:12px}.mtrl-my-3{margin-top:12px;margin-bottom:12px}.mtrl-mt-3{margin-top:12px}.mtrl-mb-3{margin-bottom:12px}.mtrl-ml-3{margin-left:12px}.mtrl-mr-3{margin-right:12px}.mtrl-p-3{padding:12px}.mtrl-px-3{padding-left:12px;padding-right:12px}.mtrl-py-3{padding-top:12px;padding-bottom:12px}.mtrl-pt-3{padding-top:12px}.mtrl-pb-3{padding-bottom:12px}.mtrl-pl-3{padding-left:12px}.mtrl-pr-3{padding-right:12px}.mtrl-m-4{margin:16px}.mtrl-mx-4{margin-left:16px;margin-right:16px}.mtrl-my-4{margin-top:16px;margin-bottom:16px}.mtrl-mt-4{margin-top:16px}.mtrl-mb-4{margin-bottom:16px}.mtrl-ml-4{margin-left:16px}.mtrl-mr-4{margin-right:16px}.mtrl-p-4{padding:16px}.mtrl-px-4{padding-left:16px;padding-right:16px}.mtrl-py-4{padding-top:16px;padding-bottom:16px}.mtrl-pt-4{padding-top:16px}.mtrl-pb-4{padding-bottom:16px}.mtrl-pl-4{padding-left:16px}.mtrl-pr-4{padding-right:16px}.mtrl-m-5{margin:20px}.mtrl-mx-5{margin-left:20px;margin-right:20px}.mtrl-my-5{margin-top:20px;margin-bottom:20px}.mtrl-mt-5{margin-top:20px}.mtrl-mb-5{margin-bottom:20px}.mtrl-ml-5{margin-left:20px}.mtrl-mr-5{margin-right:20px}.mtrl-p-5{padding:20px}.mtrl-px-5{padding-left:20px;padding-right:20px}.mtrl-py-5{padding-top:20px;padding-bottom:20px}.mtrl-pt-5{padding-top:20px}.mtrl-pb-5{padding-bottom:20px}.mtrl-pl-5{padding-left:20px}.mtrl-pr-5{padding-right:20px}.mtrl-m-6{margin:24px}.mtrl-mx-6{margin-left:24px;margin-right:24px}.mtrl-my-6{margin-top:24px;margin-bottom:24px}.mtrl-mt-6{margin-top:24px}.mtrl-mb-6{margin-bottom:24px}.mtrl-ml-6{margin-left:24px}.mtrl-mr-6{margin-right:24px}.mtrl-p-6{padding:24px}.mtrl-px-6{padding-left:24px;padding-right:24px}.mtrl-py-6{padding-top:24px;padding-bottom:24px}.mtrl-pt-6{padding-top:24px}.mtrl-pb-6{padding-bottom:24px}.mtrl-pl-6{padding-left:24px}.mtrl-pr-6{padding-right:24px}.mtrl-m-8{margin:32px}.mtrl-mx-8{margin-left:32px;margin-right:32px}.mtrl-my-8{margin-top:32px;margin-bottom:32px}.mtrl-mt-8{margin-top:32px}.mtrl-mb-8{margin-bottom:32px}.mtrl-ml-8{margin-left:32px}.mtrl-mr-8{margin-right:32px}.mtrl-p-8{padding:32px}.mtrl-px-8{padding-left:32px;padding-right:32px}.mtrl-py-8{padding-top:32px;padding-bottom:32px}.mtrl-pt-8{padding-top:32px}.mtrl-pb-8{padding-bottom:32px}.mtrl-pl-8{padding-left:32px}.mtrl-pr-8{padding-right:32px}.mtrl-m-10{margin:40px}.mtrl-mx-10{margin-left:40px;margin-right:40px}.mtrl-my-10{margin-top:40px;margin-bottom:40px}.mtrl-mt-10{margin-top:40px}.mtrl-mb-10{margin-bottom:40px}.mtrl-ml-10{margin-left:40px}.mtrl-mr-10{margin-right:40px}.mtrl-p-10{padding:40px}.mtrl-px-10{padding-left:40px;padding-right:40px}.mtrl-py-10{padding-top:40px;padding-bottom:40px}.mtrl-pt-10{padding-top:40px}.mtrl-pb-10{padding-bottom:40px}.mtrl-pl-10{padding-left:40px}.mtrl-pr-10{padding-right:40px}.mtrl-m-12{margin:48px}.mtrl-mx-12{margin-left:48px;margin-right:48px}.mtrl-my-12{margin-top:48px;margin-bottom:48px}.mtrl-mt-12{margin-top:48px}.mtrl-mb-12{margin-bottom:48px}.mtrl-ml-12{margin-left:48px}.mtrl-mr-12{margin-right:48px}.mtrl-p-12{padding:48px}.mtrl-px-12{padding-left:48px;padding-right:48px}.mtrl-py-12{padding-top:48px;padding-bottom:48px}.mtrl-pt-12{padding-top:48px}.mtrl-pb-12{padding-bottom:48px}.mtrl-pl-12{padding-left:48px}.mtrl-pr-12{padding-right:48px}.mtrl-m-14{margin:56px}.mtrl-mx-14{margin-left:56px;margin-right:56px}.mtrl-my-14{margin-top:56px;margin-bottom:56px}.mtrl-mt-14{margin-top:56px}.mtrl-mb-14{margin-bottom:56px}.mtrl-ml-14{margin-left:56px}.mtrl-mr-14{margin-right:56px}.mtrl-p-14{padding:56px}.mtrl-px-14{padding-left:56px;padding-right:56px}.mtrl-py-14{padding-top:56px;padding-bottom:56px}.mtrl-pt-14{padding-top:56px}.mtrl-pb-14{padding-bottom:56px}.mtrl-pl-14{padding-left:56px}.mtrl-pr-14{padding-right:56px}.mtrl-m-16{margin:64px}.mtrl-mx-16{margin-left:64px;margin-right:64px}.mtrl-my-16{margin-top:64px;margin-bottom:64px}.mtrl-mt-16{margin-top:64px}.mtrl-mb-16{margin-bottom:64px}.mtrl-ml-16{margin-left:64px}.mtrl-mr-16{margin-right:64px}.mtrl-p-16{padding:64px}.mtrl-px-16{padding-left:64px;padding-right:64px}.mtrl-py-16{padding-top:64px;padding-bottom:64px}.mtrl-pt-16{padding-top:64px}.mtrl-pb-16{padding-bottom:64px}.mtrl-pl-16{padding-left:64px}.mtrl-pr-16{padding-right:64px}.mtrl-m-20{margin:80px}.mtrl-mx-20{margin-left:80px;margin-right:80px}.mtrl-my-20{margin-top:80px;margin-bottom:80px}.mtrl-mt-20{margin-top:80px}.mtrl-mb-20{margin-bottom:80px}.mtrl-ml-20{margin-left:80px}.mtrl-mr-20{margin-right:80px}.mtrl-p-20{padding:80px}.mtrl-px-20{padding-left:80px;padding-right:80px}.mtrl-py-20{padding-top:80px;padding-bottom:80px}.mtrl-pt-20{padding-top:80px}.mtrl-pb-20{padding-bottom:80px}.mtrl-pl-20{padding-left:80px}.mtrl-pr-20{padding-right:80px}.mtrl-m-24{margin:96px}.mtrl-mx-24{margin-left:96px;margin-right:96px}.mtrl-my-24{margin-top:96px;margin-bottom:96px}.mtrl-mt-24{margin-top:96px}.mtrl-mb-24{margin-bottom:96px}.mtrl-ml-24{margin-left:96px}.mtrl-mr-24{margin-right:96px}.mtrl-p-24{padding:96px}.mtrl-px-24{padding-left:96px;padding-right:96px}.mtrl-py-24{padding-top:96px;padding-bottom:96px}.mtrl-pt-24{padding-top:96px}.mtrl-pb-24{padding-bottom:96px}.mtrl-pl-24{padding-left:96px}.mtrl-pr-24{padding-right:96px}.mtrl-m-32{margin:128px}.mtrl-mx-32{margin-left:128px;margin-right:128px}.mtrl-my-32{margin-top:128px;margin-bottom:128px}.mtrl-mt-32{margin-top:128px}.mtrl-mb-32{margin-bottom:128px}.mtrl-ml-32{margin-left:128px}.mtrl-mr-32{margin-right:128px}.mtrl-p-32{padding:128px}.mtrl-px-32{padding-left:128px;padding-right:128px}.mtrl-py-32{padding-top:128px;padding-bottom:128px}.mtrl-pt-32{padding-top:128px}.mtrl-pb-32{padding-bottom:128px}.mtrl-pl-32{padding-left:128px}.mtrl-pr-32{padding-right:128px}.mtrl-m-auto{margin:auto}.mtrl-mx-auto{margin-left:auto;margin-right:auto}.mtrl-my-auto{margin-top:auto;margin-bottom:auto}.mtrl-mt-auto{margin-top:auto}.mtrl-mb-auto{margin-bottom:auto}.mtrl-ml-auto{margin-left:auto}.mtrl-mr-auto{margin-right:auto}.mtrl-p-auto{padding:auto}.mtrl-px-auto{padding-left:auto;padding-right:auto}.mtrl-py-auto{padding-top:auto;padding-bottom:auto}.mtrl-pt-auto{padding-top:auto}.mtrl-pb-auto{padding-bottom:auto}.mtrl-pl-auto{padding-left:auto}.mtrl-pr-auto{padding-right:auto}.mtrl-gap-0{gap:0}.mtrl-gap-x-0{column-gap:0}.mtrl-gap-y-0{row-gap:0}.mtrl-gap-1{gap:4px}.mtrl-gap-x-1{column-gap:4px}.mtrl-gap-y-1{row-gap:4px}.mtrl-gap-2{gap:8px}.mtrl-gap-x-2{column-gap:8px}.mtrl-gap-y-2{row-gap:8px}.mtrl-gap-3{gap:12px}.mtrl-gap-x-3{column-gap:12px}.mtrl-gap-y-3{row-gap:12px}.mtrl-gap-4{gap:16px}.mtrl-gap-x-4{column-gap:16px}.mtrl-gap-y-4{row-gap:16px}.mtrl-gap-5{gap:20px}.mtrl-gap-x-5{column-gap:20px}.mtrl-gap-y-5{row-gap:20px}.mtrl-gap-6{gap:24px}.mtrl-gap-x-6{column-gap:24px}.mtrl-gap-y-6{row-gap:24px}.mtrl-gap-8{gap:32px}.mtrl-gap-x-8{column-gap:32px}.mtrl-gap-y-8{row-gap:32px}.mtrl-gap-10{gap:40px}.mtrl-gap-x-10{column-gap:40px}.mtrl-gap-y-10{row-gap:40px}.mtrl-gap-12{gap:48px}.mtrl-gap-x-12{column-gap:48px}.mtrl-gap-y-12{row-gap:48px}.mtrl-gap-14{gap:56px}.mtrl-gap-x-14{column-gap:56px}.mtrl-gap-y-14{row-gap:56px}.mtrl-gap-16{gap:64px}.mtrl-gap-x-16{column-gap:64px}.mtrl-gap-y-16{row-gap:64px}.mtrl-gap-20{gap:80px}.mtrl-gap-x-20{column-gap:80px}.mtrl-gap-y-20{row-gap:80px}.mtrl-gap-24{gap:96px}.mtrl-gap-x-24{column-gap:96px}.mtrl-gap-y-24{row-gap:96px}.mtrl-gap-32{gap:128px}.mtrl-gap-x-32{column-gap:128px}.mtrl-gap-y-32{row-gap:128px}.mtrl-gap-auto{gap:auto}.mtrl-gap-x-auto{column-gap:auto}.mtrl-gap-y-auto{row-gap:auto}@media(min-width: 600px){.mtrl-sm:m-0{margin:0}.mtrl-sm:mx-0{margin-left:0;margin-right:0}.mtrl-sm:my-0{margin-top:0;margin-bottom:0}.mtrl-sm:m-4{margin:16px}.mtrl-sm:mx-4{margin-left:16px;margin-right:16px}.mtrl-sm:my-4{margin-top:16px;margin-bottom:16px}.mtrl-sm:m-6{margin:24px}.mtrl-sm:mx-6{margin-left:24px;margin-right:24px}.mtrl-sm:my-6{margin-top:24px;margin-bottom:24px}.mtrl-sm:m-8{margin:32px}.mtrl-sm:mx-8{margin-left:32px;margin-right:32px}.mtrl-sm:my-8{margin-top:32px;margin-bottom:32px}.mtrl-sm:m-10{margin:40px}.mtrl-sm:mx-10{margin-left:40px;margin-right:40px}.mtrl-sm:my-10{margin-top:40px;margin-bottom:40px}.mtrl-sm:m-12{margin:48px}.mtrl-sm:mx-12{margin-left:48px;margin-right:48px}.mtrl-sm:my-12{margin-top:48px;margin-bottom:48px}.mtrl-sm:m-auto{margin:auto}.mtrl-sm:mx-auto{margin-left:auto;margin-right:auto}.mtrl-sm:my-auto{margin-top:auto;margin-bottom:auto}}@media(min-width: 960px){.mtrl-md:m-0{margin:0}.mtrl-md:mx-0{margin-left:0;margin-right:0}.mtrl-md:my-0{margin-top:0;margin-bottom:0}.mtrl-md:m-4{margin:16px}.mtrl-md:mx-4{margin-left:16px;margin-right:16px}.mtrl-md:my-4{margin-top:16px;margin-bottom:16px}.mtrl-md:m-6{margin:24px}.mtrl-md:mx-6{margin-left:24px;margin-right:24px}.mtrl-md:my-6{margin-top:24px;margin-bottom:24px}.mtrl-md:m-8{margin:32px}.mtrl-md:mx-8{margin-left:32px;margin-right:32px}.mtrl-md:my-8{margin-top:32px;margin-bottom:32px}.mtrl-md:m-10{margin:40px}.mtrl-md:mx-10{margin-left:40px;margin-right:40px}.mtrl-md:my-10{margin-top:40px;margin-bottom:40px}.mtrl-md:m-12{margin:48px}.mtrl-md:mx-12{margin-left:48px;margin-right:48px}.mtrl-md:my-12{margin-top:48px;margin-bottom:48px}.mtrl-md:m-auto{margin:auto}.mtrl-md:mx-auto{margin-left:auto;margin-right:auto}.mtrl-md:my-auto{margin-top:auto;margin-bottom:auto}}@media(min-width: 1280px){.mtrl-lg:m-0{margin:0}.mtrl-lg:mx-0{margin-left:0;margin-right:0}.mtrl-lg:my-0{margin-top:0;margin-bottom:0}.mtrl-lg:m-4{margin:16px}.mtrl-lg:mx-4{margin-left:16px;margin-right:16px}.mtrl-lg:my-4{margin-top:16px;margin-bottom:16px}.mtrl-lg:m-6{margin:24px}.mtrl-lg:mx-6{margin-left:24px;margin-right:24px}.mtrl-lg:my-6{margin-top:24px;margin-bottom:24px}.mtrl-lg:m-8{margin:32px}.mtrl-lg:mx-8{margin-left:32px;margin-right:32px}.mtrl-lg:my-8{margin-top:32px;margin-bottom:32px}.mtrl-lg:m-10{margin:40px}.mtrl-lg:mx-10{margin-left:40px;margin-right:40px}.mtrl-lg:my-10{margin-top:40px;margin-bottom:40px}.mtrl-lg:m-12{margin:48px}.mtrl-lg:mx-12{margin-left:48px;margin-right:48px}.mtrl-lg:my-12{margin-top:48px;margin-bottom:48px}.mtrl-lg:m-auto{margin:auto}.mtrl-lg:mx-auto{margin-left:auto;margin-right:auto}.mtrl-lg:my-auto{margin-top:auto;margin-bottom:auto}}@media(min-width: 1920px){.mtrl-xl:m-0{margin:0}.mtrl-xl:mx-0{margin-left:0;margin-right:0}.mtrl-xl:my-0{margin-top:0;margin-bottom:0}.mtrl-xl:m-4{margin:16px}.mtrl-xl:mx-4{margin-left:16px;margin-right:16px}.mtrl-xl:my-4{margin-top:16px;margin-bottom:16px}.mtrl-xl:m-6{margin:24px}.mtrl-xl:mx-6{margin-left:24px;margin-right:24px}.mtrl-xl:my-6{margin-top:24px;margin-bottom:24px}.mtrl-xl:m-8{margin:32px}.mtrl-xl:mx-8{margin-left:32px;margin-right:32px}.mtrl-xl:my-8{margin-top:32px;margin-bottom:32px}.mtrl-xl:m-10{margin:40px}.mtrl-xl:mx-10{margin-left:40px;margin-right:40px}.mtrl-xl:my-10{margin-top:40px;margin-bottom:40px}.mtrl-xl:m-12{margin:48px}.mtrl-xl:mx-12{margin-left:48px;margin-right:48px}.mtrl-xl:my-12{margin-top:48px;margin-bottom:48px}.mtrl-xl:m-auto{margin:auto}.mtrl-xl:mx-auto{margin-left:auto;margin-right:auto}.mtrl-xl:my-auto{margin-top:auto;margin-bottom:auto}}.mtrl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mtrl-block{display:block}.mtrl-inline-block{display:inline-block}.mtrl-inline{display:inline}.mtrl-flex{display:flex}.mtrl-inline-flex{display:inline-flex}.mtrl-grid{display:grid}.mtrl-inline-grid{display:inline-grid}.mtrl-hidden{display:none}.mtrl-visible{visibility:visible}.mtrl-invisible{visibility:hidden}@media(min-width: 600px){.mtrl-hide-sm-up{display:none !important}}@media(max-width: 599px){.mtrl-hide-sm-down{display:none !important}}.mtrl-show-sm-up{display:none !important}@media(min-width: 600px){.mtrl-show-sm-up{display:block !important}}.mtrl-show-sm-down{display:none !important}@media(max-width: 599px){.mtrl-show-sm-down{display:block !important}}@media(min-width: 960px){.mtrl-hide-md-up{display:none !important}}@media(max-width: 959px){.mtrl-hide-md-down{display:none !important}}.mtrl-show-md-up{display:none !important}@media(min-width: 960px){.mtrl-show-md-up{display:block !important}}.mtrl-show-md-down{display:none !important}@media(max-width: 959px){.mtrl-show-md-down{display:block !important}}@media(min-width: 1280px){.mtrl-hide-lg-up{display:none !important}}@media(max-width: 1279px){.mtrl-hide-lg-down{display:none !important}}.mtrl-show-lg-up{display:none !important}@media(min-width: 1280px){.mtrl-show-lg-up{display:block !important}}.mtrl-show-lg-down{display:none !important}@media(max-width: 1279px){.mtrl-show-lg-down{display:block !important}}@media(min-width: 1920px){.mtrl-hide-xl-up{display:none !important}}@media(max-width: 1919px){.mtrl-hide-xl-down{display:none !important}}.mtrl-show-xl-up{display:none !important}@media(min-width: 1920px){.mtrl-show-xl-up{display:block !important}}.mtrl-show-xl-down{display:none !important}@media(max-width: 1919px){.mtrl-show-xl-down{display:block !important}}.mtrl-print-only{display:none !important}@media print{.mtrl-print-only{display:block !important}}@media print{.mtrl-print-hidden{display:none !important}}.mtrl-relative{position:relative}.mtrl-absolute{position:absolute}.mtrl-fixed{position:fixed}.mtrl-sticky{position:sticky}.mtrl-focusable:focus-visible{outline:2px solid var(--mtrl-sys-color-primary);outline-offset:2px}.mtrl-elevation-0{box-shadow:none}.mtrl-elevation-1{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-elevation-2{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-elevation-3{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15)}.mtrl-elevation-4{box-shadow:0px 2px 3px rgba(0,0,0,.3),0px 6px 10px 4px rgba(0,0,0,.15)}.mtrl-elevation-5{box-shadow:0px 4px 4px rgba(0,0,0,.3),0px 8px 12px 6px rgba(0,0,0,.15)}.mtrl-text-primary{color:var(--mtrl-sys-color-primary)}.mtrl-text-on-primary{color:var(--mtrl-sys-color-on-primary)}.mtrl-text-secondary{color:var(--mtrl-sys-color-secondary)}.mtrl-text-on-secondary{color:var(--mtrl-sys-color-on-secondary)}.mtrl-text-tertiary{color:var(--mtrl-sys-color-tertiary)}.mtrl-text-on-tertiary{color:var(--mtrl-sys-color-on-tertiary)}.mtrl-text-surface{color:var(--mtrl-sys-color-on-surface)}.mtrl-text-surface-variant{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-text-error{color:var(--mtrl-sys-color-error)}.mtrl-text-outline{color:var(--mtrl-sys-color-outline)}.mtrl-bg-primary{background-color:var(--mtrl-sys-color-primary)}.mtrl-bg-primary-container{background-color:var(--mtrl-sys-color-primary-container)}.mtrl-bg-secondary{background-color:var(--mtrl-sys-color-secondary)}.mtrl-bg-secondary-container{background-color:var(--mtrl-sys-color-secondary-container)}.mtrl-bg-tertiary{background-color:var(--mtrl-sys-color-tertiary)}.mtrl-bg-tertiary-container{background-color:var(--mtrl-sys-color-tertiary-container)}.mtrl-bg-surface{background-color:var(--mtrl-sys-color-surface)}.mtrl-bg-surface-dim{background-color:var(--mtrl-sys-color-surface-dim)}.mtrl-bg-surface-bright{background-color:var(--mtrl-sys-color-surface-bright)}.mtrl-bg-surface-container{background-color:var(--mtrl-sys-color-surface-container)}.mtrl-bg-surface-container-low{background-color:var(--mtrl-sys-color-surface-container-low)}.mtrl-bg-surface-container-high{background-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-bg-surface-container-highest{background-color:var(--mtrl-sys-color-surface-container-highest)}.mtrl-bg-error{background-color:var(--mtrl-sys-color-error)}.mtrl-bg-error-container{background-color:var(--mtrl-sys-color-error-container)}.mtrl-bg-primary-opacity-1{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 10%, transparent)}.mtrl-bg-on-surface-opacity-1{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-bg-primary-opacity-2{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 20%, transparent)}.mtrl-bg-on-surface-opacity-2{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 20%, transparent)}.mtrl-bg-primary-opacity-3{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 30%, transparent)}.mtrl-bg-on-surface-opacity-3{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 30%, transparent)}.mtrl-bg-primary-opacity-4{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 40%, transparent)}.mtrl-bg-on-surface-opacity-4{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 40%, transparent)}.mtrl-bg-primary-opacity-5{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 50%, transparent)}.mtrl-bg-on-surface-opacity-5{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 50%, transparent)}.mtrl-bg-primary-opacity-6{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 60%, transparent)}.mtrl-bg-on-surface-opacity-6{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 60%, transparent)}.mtrl-bg-primary-opacity-7{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 70%, transparent)}.mtrl-bg-on-surface-opacity-7{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 70%, transparent)}.mtrl-bg-primary-opacity-8{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 80%, transparent)}.mtrl-bg-on-surface-opacity-8{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 80%, transparent)}.mtrl-bg-primary-opacity-9{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 90%, transparent)}.mtrl-bg-on-surface-opacity-9{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 90%, transparent)}.mtrl-border-primary{border-color:var(--mtrl-sys-color-primary)}.mtrl-border-outline{border-color:var(--mtrl-sys-color-outline)}.mtrl-border-outline-variant{border-color:var(--mtrl-sys-color-outline-variant)}.mtrl-border{border:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-t{border-top:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-r{border-right:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-b{border-bottom:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-l{border-left:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-flex{display:flex}.mtrl-inline-flex{display:inline-flex}.mtrl-flex-row{flex-direction:row}.mtrl-flex-row-reverse{flex-direction:row-reverse}.mtrl-flex-col{flex-direction:column}.mtrl-flex-col-reverse{flex-direction:column-reverse}.mtrl-flex-wrap{flex-wrap:wrap}.mtrl-flex-nowrap{flex-wrap:nowrap}.mtrl-flex-wrap-reverse{flex-wrap:wrap-reverse}.mtrl-flex-1{flex:1 1 0%}.mtrl-flex-auto{flex:1 1 auto}.mtrl-flex-initial{flex:0 1 auto}.mtrl-flex-none{flex:none}.mtrl-grow-0{flex-grow:0}.mtrl-grow{flex-grow:1}.mtrl-shrink-0{flex-shrink:0}.mtrl-shrink{flex-shrink:1}.mtrl-justify-start{justify-content:flex-start}.mtrl-justify-end{justify-content:flex-end}.mtrl-justify-center{justify-content:center}.mtrl-justify-between{justify-content:space-between}.mtrl-justify-around{justify-content:space-around}.mtrl-justify-evenly{justify-content:space-evenly}.mtrl-items-start{align-items:flex-start}.mtrl-items-end{align-items:flex-end}.mtrl-items-center{align-items:center}.mtrl-items-baseline{align-items:baseline}.mtrl-items-stretch{align-items:stretch}.mtrl-content-center{align-content:center}.mtrl-content-start{align-content:flex-start}.mtrl-content-end{align-content:flex-end}.mtrl-content-between{align-content:space-between}.mtrl-content-around{align-content:space-around}.mtrl-content-stretch{align-content:stretch}.mtrl-self-auto{align-self:auto}.mtrl-self-start{align-self:flex-start}.mtrl-self-end{align-self:flex-end}.mtrl-self-center{align-self:center}.mtrl-self-stretch{align-self:stretch}.mtrl-order-first{order:-9999}.mtrl-order-last{order:9999}.mtrl-order-none{order:0}.mtrl-flex-center{display:flex;align-items:center;justify-content:center}.mtrl-flex-between{display:flex;align-items:center;justify-content:space-between}.mtrl-italic{font-style:italic}.mtrl-not-italic{font-style:normal}.mtrl-tracking-tighter{letter-spacing:-0.05em}.mtrl-tracking-tight{letter-spacing:-0.025em}.mtrl-tracking-normal{letter-spacing:0}.mtrl-tracking-wide{letter-spacing:.025em}.mtrl-tracking-wider{letter-spacing:.05em}.mtrl-tracking-widest{letter-spacing:.1em}.mtrl-leading-none{line-height:1}.mtrl-leading-tight{line-height:1.25}.mtrl-leading-snug{line-height:1.375}.mtrl-leading-normal{line-height:1.5}.mtrl-leading-relaxed{line-height:1.625}.mtrl-leading-loose{line-height:2}.mtrl-uppercase{text-transform:uppercase}.mtrl-lowercase{text-transform:lowercase}.mtrl-capitalize{text-transform:capitalize}.mtrl-normal-case{text-transform:none}.mtrl-underline{text-decoration:underline}.mtrl-line-through{text-decoration:line-through}.mtrl-no-underline{text-decoration:none}.mtrl-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mtrl-subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.mtrl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtrl-overflow-ellipsis{text-overflow:ellipsis}.mtrl-overflow-clip{text-overflow:clip}.mtrl-break-normal{overflow-wrap:normal;word-break:normal}.mtrl-break-words{overflow-wrap:break-word}.mtrl-break-all{word-break:break-all}.mtrl-columns-1{column-count:1}.mtrl-columns-2{column-count:2}.mtrl-columns-3{column-count:3}.mtrl-columns-gap-4{column-gap:1rem}.mtrl-columns-gap-8{column-gap:2rem}.mtrl-align-baseline{vertical-align:baseline}.mtrl-align-top{vertical-align:top}.mtrl-align-middle{vertical-align:middle}.mtrl-align-bottom{vertical-align:bottom}.mtrl-align-text-top{vertical-align:text-top}.mtrl-align-text-bottom{vertical-align:text-bottom}.mtrl-layout{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}.mtrl-layout--sm{max-width:600px}.mtrl-layout--md{max-width:960px}.mtrl-layout--lg{max-width:1280px}.mtrl-layout--xl{max-width:1920px}.mtrl-layout--fluid{max-width:100%}@media(max-width: 599px){.mtrl-layout{padding-left:12px;padding-right:12px}}@media(max-width: 599px){.mtrl-layout--mobile-narrow{max-width:90%}}@media(max-width: 599px){.mtrl-layout--mobile-full{padding-left:0;padding-right:0}}.mtrl-layout--stack{display:flex;flex-direction:column;width:100%;gap:16px}.mtrl-layout--stack-start{align-items:flex-start}.mtrl-layout--stack-center{align-items:center}.mtrl-layout--stack-end{align-items:flex-end}.mtrl-layout--stack-stretch{align-items:stretch}.mtrl-layout--stack-justify-start{justify-content:flex-start}.mtrl-layout--stack-justify-center{justify-content:center}.mtrl-layout--stack-justify-end{justify-content:flex-end}.mtrl-layout--stack-justify-between{justify-content:space-between}.mtrl-layout--stack-justify-around{justify-content:space-around}.mtrl-layout--stack-gap-0{gap:0}.mtrl-layout--stack-gap-1{gap:4px}.mtrl-layout--stack-gap-2{gap:8px}.mtrl-layout--stack-gap-3{gap:12px}.mtrl-layout--stack-gap-4{gap:16px}.mtrl-layout--stack-gap-5{gap:20px}.mtrl-layout--stack-gap-6{gap:24px}.mtrl-layout--stack-gap-8{gap:32px}.mtrl-layout--stack-gap-10{gap:40px}.mtrl-layout--stack-gap-12{gap:48px}.mtrl-layout--row{display:flex;width:100%;gap:16px;flex-direction:column}@media(min-width: 600px){.mtrl-layout--row{flex-direction:row;flex-wrap:wrap}}.mtrl-layout--row-start{align-items:flex-start}.mtrl-layout--row-center{align-items:center}.mtrl-layout--row-end{align-items:flex-end}.mtrl-layout--row-stretch{align-items:stretch}.mtrl-layout--row-justify-start{justify-content:flex-start}.mtrl-layout--row-justify-center{justify-content:center}.mtrl-layout--row-justify-end{justify-content:flex-end}.mtrl-layout--row-justify-between{justify-content:space-between}.mtrl-layout--row-justify-around{justify-content:space-around}.mtrl-layout--row-justify-evenly{justify-content:space-evenly}@media(min-width: 600px){.mtrl-layout--row-nowrap{flex-wrap:nowrap;overflow-x:auto}}@media(min-width: 600px){.mtrl-layout--row-wrap-reverse{flex-wrap:wrap-reverse}}.mtrl-layout--row-no-stack{flex-direction:row;flex-wrap:wrap}.mtrl-layout--row-gap-0{gap:0}.mtrl-layout--row-gap-1{gap:4px}.mtrl-layout--row-gap-2{gap:8px}.mtrl-layout--row-gap-3{gap:12px}.mtrl-layout--row-gap-4{gap:16px}.mtrl-layout--row-gap-5{gap:20px}.mtrl-layout--row-gap-6{gap:24px}.mtrl-layout--row-gap-8{gap:32px}.mtrl-layout--row-gap-10{gap:40px}.mtrl-layout--row-gap-12{gap:48px}.mtrl-layout--row>*{width:100%}@media(min-width: 600px){.mtrl-layout--row>*{flex:1 1 0%}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--auto{flex:0 0 auto;width:auto}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-12{flex:0 0 auto;width:calc(100% - 16px*0)}}.mtrl-layout--row-no-stack>*{flex:1 1 0%}.mtrl-layout--row-no-stack>.mtrl-layout__item--1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--3{flex:0 0 auto;width:calc(25% - 16px*0.75)}.mtrl-layout--row-no-stack>.mtrl-layout__item--4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--6{flex:0 0 auto;width:calc(50% - 16px*0.5)}.mtrl-layout--row-no-stack>.mtrl-layout__item--7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--9{flex:0 0 auto;width:calc(75% - 16px*0.25)}.mtrl-layout--row-no-stack>.mtrl-layout__item--10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--12{flex:0 0 auto;width:calc(100% - 16px*0)}.mtrl-layout--grid{display:grid;gap:16px;width:100%;grid-template-columns:1fr}@media(min-width: 600px){.mtrl-layout--grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}@media(min-width: 600px){.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}}@media(min-width: 600px){.mtrl-layout--grid-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-7{grid-template-columns:repeat(7, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-8{grid-template-columns:repeat(8, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-9{grid-template-columns:repeat(9, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-10{grid-template-columns:repeat(10, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-11{grid-template-columns:repeat(11, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-6{grid-template-columns:repeat(6, 1fr)}}.mtrl-layout--grid-no-stack{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.mtrl-layout--grid-no-stack-cols-2{grid-template-columns:repeat(2, 1fr)}.mtrl-layout--grid-no-stack-cols-3{grid-template-columns:repeat(3, 1fr)}.mtrl-layout--grid-dense{grid-auto-flow:dense}.mtrl-layout--grid-align-start{align-items:start}.mtrl-layout--grid-align-center{align-items:center}.mtrl-layout--grid-align-end{align-items:end}.mtrl-layout--grid-justify-start{justify-content:start}.mtrl-layout--grid-justify-center{justify-content:center}.mtrl-layout--grid-justify-end{justify-content:end}.mtrl-layout--grid-auto-height{align-items:start}.mtrl-layout--grid-auto-height>*{height:auto}.mtrl-layout--grid-min-xs{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))}.mtrl-layout--grid-min-xs.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}.mtrl-layout--grid-min-sm{grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}.mtrl-layout--grid-min-sm.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.mtrl-layout--grid-min-md{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.mtrl-layout--grid-min-md.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}.mtrl-layout--grid-min-lg{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.mtrl-layout--grid-min-lg.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.mtrl-layout--grid-min-xl{grid-template-columns:repeat(auto-fit, minmax(360px, 1fr))}.mtrl-layout--grid-min-xl.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.mtrl-layout--grid-gap-0{gap:0}.mtrl-layout--grid-gap-1{gap:4px}.mtrl-layout--grid-gap-2{gap:8px}.mtrl-layout--grid-gap-3{gap:12px}.mtrl-layout--grid-gap-4{gap:16px}.mtrl-layout--grid-gap-5{gap:20px}.mtrl-layout--grid-gap-6{gap:24px}.mtrl-layout--grid-gap-8{gap:32px}.mtrl-layout--grid-gap-10{gap:40px}.mtrl-layout--grid-gap-12{gap:48px}.mtrl-layout--grid>.mtrl-layout__item--span-1{grid-column:span 1}.mtrl-layout--grid>.mtrl-layout__item--row-span-1{grid-row:span 1}.mtrl-layout--grid>.mtrl-layout__item--span-2{grid-column:span 2}.mtrl-layout--grid>.mtrl-layout__item--row-span-2{grid-row:span 2}.mtrl-layout--grid>.mtrl-layout__item--span-3{grid-column:span 3}.mtrl-layout--grid>.mtrl-layout__item--row-span-3{grid-row:span 3}.mtrl-layout--grid>.mtrl-layout__item--span-4{grid-column:span 4}.mtrl-layout--grid>.mtrl-layout__item--row-span-4{grid-row:span 4}.mtrl-layout--grid>.mtrl-layout__item--span-5{grid-column:span 5}.mtrl-layout--grid>.mtrl-layout__item--row-span-5{grid-row:span 5}.mtrl-layout--grid>.mtrl-layout__item--span-6{grid-column:span 6}.mtrl-layout--grid>.mtrl-layout__item--row-span-6{grid-row:span 6}.mtrl-layout--grid>.mtrl-layout__item--span-7{grid-column:span 7}.mtrl-layout--grid>.mtrl-layout__item--row-span-7{grid-row:span 7}.mtrl-layout--grid>.mtrl-layout__item--span-8{grid-column:span 8}.mtrl-layout--grid>.mtrl-layout__item--row-span-8{grid-row:span 8}.mtrl-layout--grid>.mtrl-layout__item--span-9{grid-column:span 9}.mtrl-layout--grid>.mtrl-layout__item--row-span-9{grid-row:span 9}.mtrl-layout--grid>.mtrl-layout__item--span-10{grid-column:span 10}.mtrl-layout--grid>.mtrl-layout__item--row-span-10{grid-row:span 10}.mtrl-layout--grid>.mtrl-layout__item--span-11{grid-column:span 11}.mtrl-layout--grid>.mtrl-layout__item--row-span-11{grid-row:span 11}.mtrl-layout--grid>.mtrl-layout__item--span-12{grid-column:span 12}.mtrl-layout--grid>.mtrl-layout__item--row-span-12{grid-row:span 12}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-1{grid-column:span 1}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-2{grid-column:span 2}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-3{grid-column:span 3}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-4{grid-column:span 4}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-5{grid-column:span 5}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-6{grid-column:span 6}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-7{grid-column:span 7}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-8{grid-column:span 8}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-9{grid-column:span 9}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-10{grid-column:span 10}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-11{grid-column:span 11}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-12{grid-column:span 12}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-1{grid-column:span 1}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-2{grid-column:span 2}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-3{grid-column:span 3}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-4{grid-column:span 4}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-5{grid-column:span 5}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-6{grid-column:span 6}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-7{grid-column:span 7}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-8{grid-column:span 8}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-9{grid-column:span 9}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-10{grid-column:span 10}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-11{grid-column:span 11}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-12{grid-column:span 12}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-1{grid-column:span 1}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-2{grid-column:span 2}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-3{grid-column:span 3}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-4{grid-column:span 4}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-5{grid-column:span 5}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-6{grid-column:span 6}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-7{grid-column:span 7}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-8{grid-column:span 8}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-9{grid-column:span 9}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-10{grid-column:span 10}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-11{grid-column:span 11}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-12{grid-column:span 12}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-1{grid-column:span 1}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-2{grid-column:span 2}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-3{grid-column:span 3}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-4{grid-column:span 4}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-5{grid-column:span 5}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-6{grid-column:span 6}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-7{grid-column:span 7}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-8{grid-column:span 8}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-9{grid-column:span 9}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-10{grid-column:span 10}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-11{grid-column:span 11}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-12{grid-column:span 12}}.mtrl-layout__item--self-start{align-self:flex-start}.mtrl-layout__item--self-center{align-self:center}.mtrl-layout__item--self-end{align-self:flex-end}.mtrl-layout__item--self-stretch{align-self:stretch}.mtrl-layout__item--order-first{order:-9999}.mtrl-layout__item--order-last{order:9999}.mtrl-layout__item--order-1{order:1}.mtrl-layout__item--order-2{order:2}.mtrl-layout__item--order-3{order:3}.mtrl-layout__item--order-4{order:4}.mtrl-layout__item--order-5{order:5}.mtrl-layout__item--order-6{order:6}.mtrl-layout__item--order-7{order:7}.mtrl-layout__item--order-8{order:8}.mtrl-layout__item--order-9{order:9}.mtrl-layout__item--order-10{order:10}.mtrl-layout__item--order-11{order:11}.mtrl-layout__item--order-12{order:12}@media(min-width: 600px){.mtrl-layout--hide-sm-up{display:none !important}}@media(max-width: 599px){.mtrl-layout--hide-sm-down{display:none !important}}@media(min-width: 960px){.mtrl-layout--hide-md-up{display:none !important}}@media(max-width: 959px){.mtrl-layout--hide-md-down{display:none !important}}@media(min-width: 1280px){.mtrl-layout--hide-lg-up{display:none !important}}@media(max-width: 1279px){.mtrl-layout--hide-lg-down{display:none !important}}@media(min-width: 1920px){.mtrl-layout--hide-xl-up{display:none !important}}@media(max-width: 1919px){.mtrl-layout--hide-xl-down{display:none !important}}@media(max-width: 599px){.mtrl-layout--stack-mobile{display:flex;flex-direction:column;width:100%}}.mtrl-layout--force-stack{flex-direction:column !important}.mtrl-layout--force-stack>*{width:100% !important}@media(max-width: 599px){.mtrl-layout--row-mobile-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.mtrl-layout--row-mobile-scroll>*{scroll-snap-align:start;flex:0 0 auto;width:80%;max-width:300px}.mtrl-layout--row-mobile-scroll-small>*{width:60%;max-width:200px}.mtrl-layout--row-mobile-scroll-large>*{width:90%;max-width:400px}}.mtrl-layout--grid-mobile-first{grid-template-columns:1fr}@media(min-width: 600px){.mtrl-layout--grid-mobile-first{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-mobile-first{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}.mtrl-layout--safe-area{padding-top:env(safe-area-inset-top, 0);padding-right:env(safe-area-inset-right, 0);padding-bottom:env(safe-area-inset-bottom, 0);padding-left:env(safe-area-inset-left, 0)}@media(max-width: 599px){.mtrl-layout--touch-friendly>*{min-height:44px;margin-bottom:12px}}.mtrl-layout--prevent-overscroll{height:100%;overflow:hidden}.mtrl-layout--prevent-overscroll>div{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mtrl-layout--full-height{height:100vh;height:-webkit-fill-available;height:stretch}@supports(-webkit-touch-callout: none){.mtrl-layout--full-height{min-height:-webkit-fill-available}}.mtrl-layout--nav-spacing{padding-bottom:max(env(safe-area-inset-bottom, 16px),16px)}.mtrl-layout--section{padding-top:32px;padding-bottom:32px}@media(min-width: 960px){.mtrl-layout--section{padding-top:48px;padding-bottom:48px}}@media(min-width: 1280px){.mtrl-layout--section{padding-top:64px;padding-bottom:64px}}.mtrl-layout--section-sm{padding-top:16px;padding-bottom:16px}@media(min-width: 960px){.mtrl-layout--section-sm{padding-top:24px;padding-bottom:24px}}.mtrl-layout--section-lg{padding-top:48px;padding-bottom:48px}@media(min-width: 960px){.mtrl-layout--section-lg{padding-top:64px;padding-bottom:64px}}@media(min-width: 1280px){.mtrl-layout--section-lg{padding-top:96px;padding-bottom:96px}}.mtrl-layout--hero{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:-webkit-fill-available;width:100%}}
1
+ /*! mtrl v0.10.0 | MIT */
2
+ @layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.utilities{.mtrl-m-0{margin:0}.mtrl-mx-0{margin-left:0;margin-right:0}.mtrl-my-0{margin-top:0;margin-bottom:0}.mtrl-mt-0{margin-top:0}.mtrl-mb-0{margin-bottom:0}.mtrl-ml-0{margin-left:0}.mtrl-mr-0{margin-right:0}.mtrl-p-0{padding:0}.mtrl-px-0{padding-left:0;padding-right:0}.mtrl-py-0{padding-top:0;padding-bottom:0}.mtrl-pt-0{padding-top:0}.mtrl-pb-0{padding-bottom:0}.mtrl-pl-0{padding-left:0}.mtrl-pr-0{padding-right:0}.mtrl-m-1{margin:4px}.mtrl-mx-1{margin-left:4px;margin-right:4px}.mtrl-my-1{margin-top:4px;margin-bottom:4px}.mtrl-mt-1{margin-top:4px}.mtrl-mb-1{margin-bottom:4px}.mtrl-ml-1{margin-left:4px}.mtrl-mr-1{margin-right:4px}.mtrl-p-1{padding:4px}.mtrl-px-1{padding-left:4px;padding-right:4px}.mtrl-py-1{padding-top:4px;padding-bottom:4px}.mtrl-pt-1{padding-top:4px}.mtrl-pb-1{padding-bottom:4px}.mtrl-pl-1{padding-left:4px}.mtrl-pr-1{padding-right:4px}.mtrl-m-2{margin:8px}.mtrl-mx-2{margin-left:8px;margin-right:8px}.mtrl-my-2{margin-top:8px;margin-bottom:8px}.mtrl-mt-2{margin-top:8px}.mtrl-mb-2{margin-bottom:8px}.mtrl-ml-2{margin-left:8px}.mtrl-mr-2{margin-right:8px}.mtrl-p-2{padding:8px}.mtrl-px-2{padding-left:8px;padding-right:8px}.mtrl-py-2{padding-top:8px;padding-bottom:8px}.mtrl-pt-2{padding-top:8px}.mtrl-pb-2{padding-bottom:8px}.mtrl-pl-2{padding-left:8px}.mtrl-pr-2{padding-right:8px}.mtrl-m-3{margin:12px}.mtrl-mx-3{margin-left:12px;margin-right:12px}.mtrl-my-3{margin-top:12px;margin-bottom:12px}.mtrl-mt-3{margin-top:12px}.mtrl-mb-3{margin-bottom:12px}.mtrl-ml-3{margin-left:12px}.mtrl-mr-3{margin-right:12px}.mtrl-p-3{padding:12px}.mtrl-px-3{padding-left:12px;padding-right:12px}.mtrl-py-3{padding-top:12px;padding-bottom:12px}.mtrl-pt-3{padding-top:12px}.mtrl-pb-3{padding-bottom:12px}.mtrl-pl-3{padding-left:12px}.mtrl-pr-3{padding-right:12px}.mtrl-m-4{margin:16px}.mtrl-mx-4{margin-left:16px;margin-right:16px}.mtrl-my-4{margin-top:16px;margin-bottom:16px}.mtrl-mt-4{margin-top:16px}.mtrl-mb-4{margin-bottom:16px}.mtrl-ml-4{margin-left:16px}.mtrl-mr-4{margin-right:16px}.mtrl-p-4{padding:16px}.mtrl-px-4{padding-left:16px;padding-right:16px}.mtrl-py-4{padding-top:16px;padding-bottom:16px}.mtrl-pt-4{padding-top:16px}.mtrl-pb-4{padding-bottom:16px}.mtrl-pl-4{padding-left:16px}.mtrl-pr-4{padding-right:16px}.mtrl-m-5{margin:20px}.mtrl-mx-5{margin-left:20px;margin-right:20px}.mtrl-my-5{margin-top:20px;margin-bottom:20px}.mtrl-mt-5{margin-top:20px}.mtrl-mb-5{margin-bottom:20px}.mtrl-ml-5{margin-left:20px}.mtrl-mr-5{margin-right:20px}.mtrl-p-5{padding:20px}.mtrl-px-5{padding-left:20px;padding-right:20px}.mtrl-py-5{padding-top:20px;padding-bottom:20px}.mtrl-pt-5{padding-top:20px}.mtrl-pb-5{padding-bottom:20px}.mtrl-pl-5{padding-left:20px}.mtrl-pr-5{padding-right:20px}.mtrl-m-6{margin:24px}.mtrl-mx-6{margin-left:24px;margin-right:24px}.mtrl-my-6{margin-top:24px;margin-bottom:24px}.mtrl-mt-6{margin-top:24px}.mtrl-mb-6{margin-bottom:24px}.mtrl-ml-6{margin-left:24px}.mtrl-mr-6{margin-right:24px}.mtrl-p-6{padding:24px}.mtrl-px-6{padding-left:24px;padding-right:24px}.mtrl-py-6{padding-top:24px;padding-bottom:24px}.mtrl-pt-6{padding-top:24px}.mtrl-pb-6{padding-bottom:24px}.mtrl-pl-6{padding-left:24px}.mtrl-pr-6{padding-right:24px}.mtrl-m-8{margin:32px}.mtrl-mx-8{margin-left:32px;margin-right:32px}.mtrl-my-8{margin-top:32px;margin-bottom:32px}.mtrl-mt-8{margin-top:32px}.mtrl-mb-8{margin-bottom:32px}.mtrl-ml-8{margin-left:32px}.mtrl-mr-8{margin-right:32px}.mtrl-p-8{padding:32px}.mtrl-px-8{padding-left:32px;padding-right:32px}.mtrl-py-8{padding-top:32px;padding-bottom:32px}.mtrl-pt-8{padding-top:32px}.mtrl-pb-8{padding-bottom:32px}.mtrl-pl-8{padding-left:32px}.mtrl-pr-8{padding-right:32px}.mtrl-m-10{margin:40px}.mtrl-mx-10{margin-left:40px;margin-right:40px}.mtrl-my-10{margin-top:40px;margin-bottom:40px}.mtrl-mt-10{margin-top:40px}.mtrl-mb-10{margin-bottom:40px}.mtrl-ml-10{margin-left:40px}.mtrl-mr-10{margin-right:40px}.mtrl-p-10{padding:40px}.mtrl-px-10{padding-left:40px;padding-right:40px}.mtrl-py-10{padding-top:40px;padding-bottom:40px}.mtrl-pt-10{padding-top:40px}.mtrl-pb-10{padding-bottom:40px}.mtrl-pl-10{padding-left:40px}.mtrl-pr-10{padding-right:40px}.mtrl-m-12{margin:48px}.mtrl-mx-12{margin-left:48px;margin-right:48px}.mtrl-my-12{margin-top:48px;margin-bottom:48px}.mtrl-mt-12{margin-top:48px}.mtrl-mb-12{margin-bottom:48px}.mtrl-ml-12{margin-left:48px}.mtrl-mr-12{margin-right:48px}.mtrl-p-12{padding:48px}.mtrl-px-12{padding-left:48px;padding-right:48px}.mtrl-py-12{padding-top:48px;padding-bottom:48px}.mtrl-pt-12{padding-top:48px}.mtrl-pb-12{padding-bottom:48px}.mtrl-pl-12{padding-left:48px}.mtrl-pr-12{padding-right:48px}.mtrl-m-14{margin:56px}.mtrl-mx-14{margin-left:56px;margin-right:56px}.mtrl-my-14{margin-top:56px;margin-bottom:56px}.mtrl-mt-14{margin-top:56px}.mtrl-mb-14{margin-bottom:56px}.mtrl-ml-14{margin-left:56px}.mtrl-mr-14{margin-right:56px}.mtrl-p-14{padding:56px}.mtrl-px-14{padding-left:56px;padding-right:56px}.mtrl-py-14{padding-top:56px;padding-bottom:56px}.mtrl-pt-14{padding-top:56px}.mtrl-pb-14{padding-bottom:56px}.mtrl-pl-14{padding-left:56px}.mtrl-pr-14{padding-right:56px}.mtrl-m-16{margin:64px}.mtrl-mx-16{margin-left:64px;margin-right:64px}.mtrl-my-16{margin-top:64px;margin-bottom:64px}.mtrl-mt-16{margin-top:64px}.mtrl-mb-16{margin-bottom:64px}.mtrl-ml-16{margin-left:64px}.mtrl-mr-16{margin-right:64px}.mtrl-p-16{padding:64px}.mtrl-px-16{padding-left:64px;padding-right:64px}.mtrl-py-16{padding-top:64px;padding-bottom:64px}.mtrl-pt-16{padding-top:64px}.mtrl-pb-16{padding-bottom:64px}.mtrl-pl-16{padding-left:64px}.mtrl-pr-16{padding-right:64px}.mtrl-m-20{margin:80px}.mtrl-mx-20{margin-left:80px;margin-right:80px}.mtrl-my-20{margin-top:80px;margin-bottom:80px}.mtrl-mt-20{margin-top:80px}.mtrl-mb-20{margin-bottom:80px}.mtrl-ml-20{margin-left:80px}.mtrl-mr-20{margin-right:80px}.mtrl-p-20{padding:80px}.mtrl-px-20{padding-left:80px;padding-right:80px}.mtrl-py-20{padding-top:80px;padding-bottom:80px}.mtrl-pt-20{padding-top:80px}.mtrl-pb-20{padding-bottom:80px}.mtrl-pl-20{padding-left:80px}.mtrl-pr-20{padding-right:80px}.mtrl-m-24{margin:96px}.mtrl-mx-24{margin-left:96px;margin-right:96px}.mtrl-my-24{margin-top:96px;margin-bottom:96px}.mtrl-mt-24{margin-top:96px}.mtrl-mb-24{margin-bottom:96px}.mtrl-ml-24{margin-left:96px}.mtrl-mr-24{margin-right:96px}.mtrl-p-24{padding:96px}.mtrl-px-24{padding-left:96px;padding-right:96px}.mtrl-py-24{padding-top:96px;padding-bottom:96px}.mtrl-pt-24{padding-top:96px}.mtrl-pb-24{padding-bottom:96px}.mtrl-pl-24{padding-left:96px}.mtrl-pr-24{padding-right:96px}.mtrl-m-32{margin:128px}.mtrl-mx-32{margin-left:128px;margin-right:128px}.mtrl-my-32{margin-top:128px;margin-bottom:128px}.mtrl-mt-32{margin-top:128px}.mtrl-mb-32{margin-bottom:128px}.mtrl-ml-32{margin-left:128px}.mtrl-mr-32{margin-right:128px}.mtrl-p-32{padding:128px}.mtrl-px-32{padding-left:128px;padding-right:128px}.mtrl-py-32{padding-top:128px;padding-bottom:128px}.mtrl-pt-32{padding-top:128px}.mtrl-pb-32{padding-bottom:128px}.mtrl-pl-32{padding-left:128px}.mtrl-pr-32{padding-right:128px}.mtrl-m-auto{margin:auto}.mtrl-mx-auto{margin-left:auto;margin-right:auto}.mtrl-my-auto{margin-top:auto;margin-bottom:auto}.mtrl-mt-auto{margin-top:auto}.mtrl-mb-auto{margin-bottom:auto}.mtrl-ml-auto{margin-left:auto}.mtrl-mr-auto{margin-right:auto}.mtrl-p-auto{padding:auto}.mtrl-px-auto{padding-left:auto;padding-right:auto}.mtrl-py-auto{padding-top:auto;padding-bottom:auto}.mtrl-pt-auto{padding-top:auto}.mtrl-pb-auto{padding-bottom:auto}.mtrl-pl-auto{padding-left:auto}.mtrl-pr-auto{padding-right:auto}.mtrl-gap-0{gap:0}.mtrl-gap-x-0{column-gap:0}.mtrl-gap-y-0{row-gap:0}.mtrl-gap-1{gap:4px}.mtrl-gap-x-1{column-gap:4px}.mtrl-gap-y-1{row-gap:4px}.mtrl-gap-2{gap:8px}.mtrl-gap-x-2{column-gap:8px}.mtrl-gap-y-2{row-gap:8px}.mtrl-gap-3{gap:12px}.mtrl-gap-x-3{column-gap:12px}.mtrl-gap-y-3{row-gap:12px}.mtrl-gap-4{gap:16px}.mtrl-gap-x-4{column-gap:16px}.mtrl-gap-y-4{row-gap:16px}.mtrl-gap-5{gap:20px}.mtrl-gap-x-5{column-gap:20px}.mtrl-gap-y-5{row-gap:20px}.mtrl-gap-6{gap:24px}.mtrl-gap-x-6{column-gap:24px}.mtrl-gap-y-6{row-gap:24px}.mtrl-gap-8{gap:32px}.mtrl-gap-x-8{column-gap:32px}.mtrl-gap-y-8{row-gap:32px}.mtrl-gap-10{gap:40px}.mtrl-gap-x-10{column-gap:40px}.mtrl-gap-y-10{row-gap:40px}.mtrl-gap-12{gap:48px}.mtrl-gap-x-12{column-gap:48px}.mtrl-gap-y-12{row-gap:48px}.mtrl-gap-14{gap:56px}.mtrl-gap-x-14{column-gap:56px}.mtrl-gap-y-14{row-gap:56px}.mtrl-gap-16{gap:64px}.mtrl-gap-x-16{column-gap:64px}.mtrl-gap-y-16{row-gap:64px}.mtrl-gap-20{gap:80px}.mtrl-gap-x-20{column-gap:80px}.mtrl-gap-y-20{row-gap:80px}.mtrl-gap-24{gap:96px}.mtrl-gap-x-24{column-gap:96px}.mtrl-gap-y-24{row-gap:96px}.mtrl-gap-32{gap:128px}.mtrl-gap-x-32{column-gap:128px}.mtrl-gap-y-32{row-gap:128px}.mtrl-gap-auto{gap:auto}.mtrl-gap-x-auto{column-gap:auto}.mtrl-gap-y-auto{row-gap:auto}@media(min-width: 600px){.mtrl-sm:m-0{margin:0}.mtrl-sm:mx-0{margin-left:0;margin-right:0}.mtrl-sm:my-0{margin-top:0;margin-bottom:0}.mtrl-sm:m-4{margin:16px}.mtrl-sm:mx-4{margin-left:16px;margin-right:16px}.mtrl-sm:my-4{margin-top:16px;margin-bottom:16px}.mtrl-sm:m-6{margin:24px}.mtrl-sm:mx-6{margin-left:24px;margin-right:24px}.mtrl-sm:my-6{margin-top:24px;margin-bottom:24px}.mtrl-sm:m-8{margin:32px}.mtrl-sm:mx-8{margin-left:32px;margin-right:32px}.mtrl-sm:my-8{margin-top:32px;margin-bottom:32px}.mtrl-sm:m-10{margin:40px}.mtrl-sm:mx-10{margin-left:40px;margin-right:40px}.mtrl-sm:my-10{margin-top:40px;margin-bottom:40px}.mtrl-sm:m-12{margin:48px}.mtrl-sm:mx-12{margin-left:48px;margin-right:48px}.mtrl-sm:my-12{margin-top:48px;margin-bottom:48px}.mtrl-sm:m-auto{margin:auto}.mtrl-sm:mx-auto{margin-left:auto;margin-right:auto}.mtrl-sm:my-auto{margin-top:auto;margin-bottom:auto}}@media(min-width: 960px){.mtrl-md:m-0{margin:0}.mtrl-md:mx-0{margin-left:0;margin-right:0}.mtrl-md:my-0{margin-top:0;margin-bottom:0}.mtrl-md:m-4{margin:16px}.mtrl-md:mx-4{margin-left:16px;margin-right:16px}.mtrl-md:my-4{margin-top:16px;margin-bottom:16px}.mtrl-md:m-6{margin:24px}.mtrl-md:mx-6{margin-left:24px;margin-right:24px}.mtrl-md:my-6{margin-top:24px;margin-bottom:24px}.mtrl-md:m-8{margin:32px}.mtrl-md:mx-8{margin-left:32px;margin-right:32px}.mtrl-md:my-8{margin-top:32px;margin-bottom:32px}.mtrl-md:m-10{margin:40px}.mtrl-md:mx-10{margin-left:40px;margin-right:40px}.mtrl-md:my-10{margin-top:40px;margin-bottom:40px}.mtrl-md:m-12{margin:48px}.mtrl-md:mx-12{margin-left:48px;margin-right:48px}.mtrl-md:my-12{margin-top:48px;margin-bottom:48px}.mtrl-md:m-auto{margin:auto}.mtrl-md:mx-auto{margin-left:auto;margin-right:auto}.mtrl-md:my-auto{margin-top:auto;margin-bottom:auto}}@media(min-width: 1280px){.mtrl-lg:m-0{margin:0}.mtrl-lg:mx-0{margin-left:0;margin-right:0}.mtrl-lg:my-0{margin-top:0;margin-bottom:0}.mtrl-lg:m-4{margin:16px}.mtrl-lg:mx-4{margin-left:16px;margin-right:16px}.mtrl-lg:my-4{margin-top:16px;margin-bottom:16px}.mtrl-lg:m-6{margin:24px}.mtrl-lg:mx-6{margin-left:24px;margin-right:24px}.mtrl-lg:my-6{margin-top:24px;margin-bottom:24px}.mtrl-lg:m-8{margin:32px}.mtrl-lg:mx-8{margin-left:32px;margin-right:32px}.mtrl-lg:my-8{margin-top:32px;margin-bottom:32px}.mtrl-lg:m-10{margin:40px}.mtrl-lg:mx-10{margin-left:40px;margin-right:40px}.mtrl-lg:my-10{margin-top:40px;margin-bottom:40px}.mtrl-lg:m-12{margin:48px}.mtrl-lg:mx-12{margin-left:48px;margin-right:48px}.mtrl-lg:my-12{margin-top:48px;margin-bottom:48px}.mtrl-lg:m-auto{margin:auto}.mtrl-lg:mx-auto{margin-left:auto;margin-right:auto}.mtrl-lg:my-auto{margin-top:auto;margin-bottom:auto}}@media(min-width: 1920px){.mtrl-xl:m-0{margin:0}.mtrl-xl:mx-0{margin-left:0;margin-right:0}.mtrl-xl:my-0{margin-top:0;margin-bottom:0}.mtrl-xl:m-4{margin:16px}.mtrl-xl:mx-4{margin-left:16px;margin-right:16px}.mtrl-xl:my-4{margin-top:16px;margin-bottom:16px}.mtrl-xl:m-6{margin:24px}.mtrl-xl:mx-6{margin-left:24px;margin-right:24px}.mtrl-xl:my-6{margin-top:24px;margin-bottom:24px}.mtrl-xl:m-8{margin:32px}.mtrl-xl:mx-8{margin-left:32px;margin-right:32px}.mtrl-xl:my-8{margin-top:32px;margin-bottom:32px}.mtrl-xl:m-10{margin:40px}.mtrl-xl:mx-10{margin-left:40px;margin-right:40px}.mtrl-xl:my-10{margin-top:40px;margin-bottom:40px}.mtrl-xl:m-12{margin:48px}.mtrl-xl:mx-12{margin-left:48px;margin-right:48px}.mtrl-xl:my-12{margin-top:48px;margin-bottom:48px}.mtrl-xl:m-auto{margin:auto}.mtrl-xl:mx-auto{margin-left:auto;margin-right:auto}.mtrl-xl:my-auto{margin-top:auto;margin-bottom:auto}}.mtrl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mtrl-block{display:block}.mtrl-inline-block{display:inline-block}.mtrl-inline{display:inline}.mtrl-flex{display:flex}.mtrl-inline-flex{display:inline-flex}.mtrl-grid{display:grid}.mtrl-inline-grid{display:inline-grid}.mtrl-hidden{display:none}.mtrl-visible{visibility:visible}.mtrl-invisible{visibility:hidden}@media(min-width: 600px){.mtrl-hide-sm-up{display:none !important}}@media(max-width: 599px){.mtrl-hide-sm-down{display:none !important}}.mtrl-show-sm-up{display:none !important}@media(min-width: 600px){.mtrl-show-sm-up{display:block !important}}.mtrl-show-sm-down{display:none !important}@media(max-width: 599px){.mtrl-show-sm-down{display:block !important}}@media(min-width: 960px){.mtrl-hide-md-up{display:none !important}}@media(max-width: 959px){.mtrl-hide-md-down{display:none !important}}.mtrl-show-md-up{display:none !important}@media(min-width: 960px){.mtrl-show-md-up{display:block !important}}.mtrl-show-md-down{display:none !important}@media(max-width: 959px){.mtrl-show-md-down{display:block !important}}@media(min-width: 1280px){.mtrl-hide-lg-up{display:none !important}}@media(max-width: 1279px){.mtrl-hide-lg-down{display:none !important}}.mtrl-show-lg-up{display:none !important}@media(min-width: 1280px){.mtrl-show-lg-up{display:block !important}}.mtrl-show-lg-down{display:none !important}@media(max-width: 1279px){.mtrl-show-lg-down{display:block !important}}@media(min-width: 1920px){.mtrl-hide-xl-up{display:none !important}}@media(max-width: 1919px){.mtrl-hide-xl-down{display:none !important}}.mtrl-show-xl-up{display:none !important}@media(min-width: 1920px){.mtrl-show-xl-up{display:block !important}}.mtrl-show-xl-down{display:none !important}@media(max-width: 1919px){.mtrl-show-xl-down{display:block !important}}.mtrl-print-only{display:none !important}@media print{.mtrl-print-only{display:block !important}}@media print{.mtrl-print-hidden{display:none !important}}.mtrl-relative{position:relative}.mtrl-absolute{position:absolute}.mtrl-fixed{position:fixed}.mtrl-sticky{position:sticky}.mtrl-focusable:focus-visible{outline:2px solid var(--mtrl-sys-color-primary);outline-offset:2px}.mtrl-elevation-0{box-shadow:none}.mtrl-elevation-1{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-elevation-2{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-elevation-3{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15)}.mtrl-elevation-4{box-shadow:0px 2px 3px rgba(0,0,0,.3),0px 6px 10px 4px rgba(0,0,0,.15)}.mtrl-elevation-5{box-shadow:0px 4px 4px rgba(0,0,0,.3),0px 8px 12px 6px rgba(0,0,0,.15)}.mtrl-text-primary{color:var(--mtrl-sys-color-primary)}.mtrl-text-on-primary{color:var(--mtrl-sys-color-on-primary)}.mtrl-text-secondary{color:var(--mtrl-sys-color-secondary)}.mtrl-text-on-secondary{color:var(--mtrl-sys-color-on-secondary)}.mtrl-text-tertiary{color:var(--mtrl-sys-color-tertiary)}.mtrl-text-on-tertiary{color:var(--mtrl-sys-color-on-tertiary)}.mtrl-text-surface{color:var(--mtrl-sys-color-on-surface)}.mtrl-text-surface-variant{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-text-error{color:var(--mtrl-sys-color-error)}.mtrl-text-outline{color:var(--mtrl-sys-color-outline)}.mtrl-bg-primary{background-color:var(--mtrl-sys-color-primary)}.mtrl-bg-primary-container{background-color:var(--mtrl-sys-color-primary-container)}.mtrl-bg-secondary{background-color:var(--mtrl-sys-color-secondary)}.mtrl-bg-secondary-container{background-color:var(--mtrl-sys-color-secondary-container)}.mtrl-bg-tertiary{background-color:var(--mtrl-sys-color-tertiary)}.mtrl-bg-tertiary-container{background-color:var(--mtrl-sys-color-tertiary-container)}.mtrl-bg-surface{background-color:var(--mtrl-sys-color-surface)}.mtrl-bg-surface-dim{background-color:var(--mtrl-sys-color-surface-dim)}.mtrl-bg-surface-bright{background-color:var(--mtrl-sys-color-surface-bright)}.mtrl-bg-surface-container{background-color:var(--mtrl-sys-color-surface-container)}.mtrl-bg-surface-container-low{background-color:var(--mtrl-sys-color-surface-container-low)}.mtrl-bg-surface-container-high{background-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-bg-surface-container-highest{background-color:var(--mtrl-sys-color-surface-container-highest)}.mtrl-bg-error{background-color:var(--mtrl-sys-color-error)}.mtrl-bg-error-container{background-color:var(--mtrl-sys-color-error-container)}.mtrl-bg-primary-opacity-1{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 10%, transparent)}.mtrl-bg-on-surface-opacity-1{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-bg-primary-opacity-2{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 20%, transparent)}.mtrl-bg-on-surface-opacity-2{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 20%, transparent)}.mtrl-bg-primary-opacity-3{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 30%, transparent)}.mtrl-bg-on-surface-opacity-3{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 30%, transparent)}.mtrl-bg-primary-opacity-4{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 40%, transparent)}.mtrl-bg-on-surface-opacity-4{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 40%, transparent)}.mtrl-bg-primary-opacity-5{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 50%, transparent)}.mtrl-bg-on-surface-opacity-5{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 50%, transparent)}.mtrl-bg-primary-opacity-6{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 60%, transparent)}.mtrl-bg-on-surface-opacity-6{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 60%, transparent)}.mtrl-bg-primary-opacity-7{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 70%, transparent)}.mtrl-bg-on-surface-opacity-7{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 70%, transparent)}.mtrl-bg-primary-opacity-8{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 80%, transparent)}.mtrl-bg-on-surface-opacity-8{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 80%, transparent)}.mtrl-bg-primary-opacity-9{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 90%, transparent)}.mtrl-bg-on-surface-opacity-9{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 90%, transparent)}.mtrl-border-primary{border-color:var(--mtrl-sys-color-primary)}.mtrl-border-outline{border-color:var(--mtrl-sys-color-outline)}.mtrl-border-outline-variant{border-color:var(--mtrl-sys-color-outline-variant)}.mtrl-border{border:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-t{border-top:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-r{border-right:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-b{border-bottom:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-border-l{border-left:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-flex{display:flex}.mtrl-inline-flex{display:inline-flex}.mtrl-flex-row{flex-direction:row}.mtrl-flex-row-reverse{flex-direction:row-reverse}.mtrl-flex-col{flex-direction:column}.mtrl-flex-col-reverse{flex-direction:column-reverse}.mtrl-flex-wrap{flex-wrap:wrap}.mtrl-flex-nowrap{flex-wrap:nowrap}.mtrl-flex-wrap-reverse{flex-wrap:wrap-reverse}.mtrl-flex-1{flex:1 1 0%}.mtrl-flex-auto{flex:1 1 auto}.mtrl-flex-initial{flex:0 1 auto}.mtrl-flex-none{flex:none}.mtrl-grow-0{flex-grow:0}.mtrl-grow{flex-grow:1}.mtrl-shrink-0{flex-shrink:0}.mtrl-shrink{flex-shrink:1}.mtrl-justify-start{justify-content:flex-start}.mtrl-justify-end{justify-content:flex-end}.mtrl-justify-center{justify-content:center}.mtrl-justify-between{justify-content:space-between}.mtrl-justify-around{justify-content:space-around}.mtrl-justify-evenly{justify-content:space-evenly}.mtrl-items-start{align-items:flex-start}.mtrl-items-end{align-items:flex-end}.mtrl-items-center{align-items:center}.mtrl-items-baseline{align-items:baseline}.mtrl-items-stretch{align-items:stretch}.mtrl-content-center{align-content:center}.mtrl-content-start{align-content:flex-start}.mtrl-content-end{align-content:flex-end}.mtrl-content-between{align-content:space-between}.mtrl-content-around{align-content:space-around}.mtrl-content-stretch{align-content:stretch}.mtrl-self-auto{align-self:auto}.mtrl-self-start{align-self:flex-start}.mtrl-self-end{align-self:flex-end}.mtrl-self-center{align-self:center}.mtrl-self-stretch{align-self:stretch}.mtrl-order-first{order:-9999}.mtrl-order-last{order:9999}.mtrl-order-none{order:0}.mtrl-flex-center{display:flex;align-items:center;justify-content:center}.mtrl-flex-between{display:flex;align-items:center;justify-content:space-between}.mtrl-italic{font-style:italic}.mtrl-not-italic{font-style:normal}.mtrl-tracking-tighter{letter-spacing:-0.05em}.mtrl-tracking-tight{letter-spacing:-0.025em}.mtrl-tracking-normal{letter-spacing:0}.mtrl-tracking-wide{letter-spacing:.025em}.mtrl-tracking-wider{letter-spacing:.05em}.mtrl-tracking-widest{letter-spacing:.1em}.mtrl-leading-none{line-height:1}.mtrl-leading-tight{line-height:1.25}.mtrl-leading-snug{line-height:1.375}.mtrl-leading-normal{line-height:1.5}.mtrl-leading-relaxed{line-height:1.625}.mtrl-leading-loose{line-height:2}.mtrl-uppercase{text-transform:uppercase}.mtrl-lowercase{text-transform:lowercase}.mtrl-capitalize{text-transform:capitalize}.mtrl-normal-case{text-transform:none}.mtrl-underline{text-decoration:underline}.mtrl-line-through{text-decoration:line-through}.mtrl-no-underline{text-decoration:none}.mtrl-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mtrl-subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.mtrl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtrl-overflow-ellipsis{text-overflow:ellipsis}.mtrl-overflow-clip{text-overflow:clip}.mtrl-break-normal{overflow-wrap:normal;word-break:normal}.mtrl-break-words{overflow-wrap:break-word}.mtrl-break-all{word-break:break-all}.mtrl-columns-1{column-count:1}.mtrl-columns-2{column-count:2}.mtrl-columns-3{column-count:3}.mtrl-columns-gap-4{column-gap:1rem}.mtrl-columns-gap-8{column-gap:2rem}.mtrl-align-baseline{vertical-align:baseline}.mtrl-align-top{vertical-align:top}.mtrl-align-middle{vertical-align:middle}.mtrl-align-bottom{vertical-align:bottom}.mtrl-align-text-top{vertical-align:text-top}.mtrl-align-text-bottom{vertical-align:text-bottom}.mtrl-layout{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}.mtrl-layout--sm{max-width:600px}.mtrl-layout--md{max-width:960px}.mtrl-layout--lg{max-width:1280px}.mtrl-layout--xl{max-width:1920px}.mtrl-layout--fluid{max-width:100%}@media(max-width: 599px){.mtrl-layout{padding-left:12px;padding-right:12px}}@media(max-width: 599px){.mtrl-layout--mobile-narrow{max-width:90%}}@media(max-width: 599px){.mtrl-layout--mobile-full{padding-left:0;padding-right:0}}.mtrl-layout--stack{display:flex;flex-direction:column;width:100%;gap:16px}.mtrl-layout--stack-start{align-items:flex-start}.mtrl-layout--stack-center{align-items:center}.mtrl-layout--stack-end{align-items:flex-end}.mtrl-layout--stack-stretch{align-items:stretch}.mtrl-layout--stack-justify-start{justify-content:flex-start}.mtrl-layout--stack-justify-center{justify-content:center}.mtrl-layout--stack-justify-end{justify-content:flex-end}.mtrl-layout--stack-justify-between{justify-content:space-between}.mtrl-layout--stack-justify-around{justify-content:space-around}.mtrl-layout--stack-gap-0{gap:0}.mtrl-layout--stack-gap-1{gap:4px}.mtrl-layout--stack-gap-2{gap:8px}.mtrl-layout--stack-gap-3{gap:12px}.mtrl-layout--stack-gap-4{gap:16px}.mtrl-layout--stack-gap-5{gap:20px}.mtrl-layout--stack-gap-6{gap:24px}.mtrl-layout--stack-gap-8{gap:32px}.mtrl-layout--stack-gap-10{gap:40px}.mtrl-layout--stack-gap-12{gap:48px}.mtrl-layout--row{display:flex;width:100%;gap:16px;flex-direction:column}@media(min-width: 600px){.mtrl-layout--row{flex-direction:row;flex-wrap:wrap}}.mtrl-layout--row-start{align-items:flex-start}.mtrl-layout--row-center{align-items:center}.mtrl-layout--row-end{align-items:flex-end}.mtrl-layout--row-stretch{align-items:stretch}.mtrl-layout--row-justify-start{justify-content:flex-start}.mtrl-layout--row-justify-center{justify-content:center}.mtrl-layout--row-justify-end{justify-content:flex-end}.mtrl-layout--row-justify-between{justify-content:space-between}.mtrl-layout--row-justify-around{justify-content:space-around}.mtrl-layout--row-justify-evenly{justify-content:space-evenly}@media(min-width: 600px){.mtrl-layout--row-nowrap{flex-wrap:nowrap;overflow-x:auto}}@media(min-width: 600px){.mtrl-layout--row-wrap-reverse{flex-wrap:wrap-reverse}}.mtrl-layout--row-no-stack{flex-direction:row;flex-wrap:wrap}.mtrl-layout--row-gap-0{gap:0}.mtrl-layout--row-gap-1{gap:4px}.mtrl-layout--row-gap-2{gap:8px}.mtrl-layout--row-gap-3{gap:12px}.mtrl-layout--row-gap-4{gap:16px}.mtrl-layout--row-gap-5{gap:20px}.mtrl-layout--row-gap-6{gap:24px}.mtrl-layout--row-gap-8{gap:32px}.mtrl-layout--row-gap-10{gap:40px}.mtrl-layout--row-gap-12{gap:48px}.mtrl-layout--row>*{width:100%}@media(min-width: 600px){.mtrl-layout--row>*{flex:1 1 0%}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--auto{flex:0 0 auto;width:auto}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 600px){.mtrl-layout--row>.mtrl-layout__item--sm-12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 960px){.mtrl-layout--row>.mtrl-layout__item--md-12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 1280px){.mtrl-layout--row>.mtrl-layout__item--lg-12{flex:0 0 auto;width:calc(100% - 16px*0)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-3{flex:0 0 auto;width:calc(25% - 16px*0.75)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-6{flex:0 0 auto;width:calc(50% - 16px*0.5)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-9{flex:0 0 auto;width:calc(75% - 16px*0.25)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}}@media(min-width: 1920px){.mtrl-layout--row>.mtrl-layout__item--xl-12{flex:0 0 auto;width:calc(100% - 16px*0)}}.mtrl-layout--row-no-stack>*{flex:1 1 0%}.mtrl-layout--row-no-stack>.mtrl-layout__item--1{flex:0 0 auto;width:calc(8.3333333333% - 16px*0.9166666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--2{flex:0 0 auto;width:calc(16.6666666667% - 16px*0.8333333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--3{flex:0 0 auto;width:calc(25% - 16px*0.75)}.mtrl-layout--row-no-stack>.mtrl-layout__item--4{flex:0 0 auto;width:calc(33.3333333333% - 16px*0.6666666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--5{flex:0 0 auto;width:calc(41.6666666667% - 16px*0.5833333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--6{flex:0 0 auto;width:calc(50% - 16px*0.5)}.mtrl-layout--row-no-stack>.mtrl-layout__item--7{flex:0 0 auto;width:calc(58.3333333333% - 16px*0.4166666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--8{flex:0 0 auto;width:calc(66.6666666667% - 16px*0.3333333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--9{flex:0 0 auto;width:calc(75% - 16px*0.25)}.mtrl-layout--row-no-stack>.mtrl-layout__item--10{flex:0 0 auto;width:calc(83.3333333333% - 16px*0.1666666667)}.mtrl-layout--row-no-stack>.mtrl-layout__item--11{flex:0 0 auto;width:calc(91.6666666667% - 16px*0.0833333333)}.mtrl-layout--row-no-stack>.mtrl-layout__item--12{flex:0 0 auto;width:calc(100% - 16px*0)}.mtrl-layout--grid{display:grid;gap:16px;width:100%;grid-template-columns:1fr}@media(min-width: 600px){.mtrl-layout--grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}@media(min-width: 600px){.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}}@media(min-width: 600px){.mtrl-layout--grid-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-7{grid-template-columns:repeat(7, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-8{grid-template-columns:repeat(8, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-9{grid-template-columns:repeat(9, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-10{grid-template-columns:repeat(10, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-11{grid-template-columns:repeat(11, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 600px){.mtrl-layout--grid-sm-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-md-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 1280px){.mtrl-layout--grid-lg-cols-6{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-1{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-5{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 1920px){.mtrl-layout--grid-xl-cols-6{grid-template-columns:repeat(6, 1fr)}}.mtrl-layout--grid-no-stack{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.mtrl-layout--grid-no-stack-cols-2{grid-template-columns:repeat(2, 1fr)}.mtrl-layout--grid-no-stack-cols-3{grid-template-columns:repeat(3, 1fr)}.mtrl-layout--grid-dense{grid-auto-flow:dense}.mtrl-layout--grid-align-start{align-items:start}.mtrl-layout--grid-align-center{align-items:center}.mtrl-layout--grid-align-end{align-items:end}.mtrl-layout--grid-justify-start{justify-content:start}.mtrl-layout--grid-justify-center{justify-content:center}.mtrl-layout--grid-justify-end{justify-content:end}.mtrl-layout--grid-auto-height{align-items:start}.mtrl-layout--grid-auto-height>*{height:auto}.mtrl-layout--grid-min-xs{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))}.mtrl-layout--grid-min-xs.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}.mtrl-layout--grid-min-sm{grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}.mtrl-layout--grid-min-sm.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.mtrl-layout--grid-min-md{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.mtrl-layout--grid-min-md.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}.mtrl-layout--grid-min-lg{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.mtrl-layout--grid-min-lg.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.mtrl-layout--grid-min-xl{grid-template-columns:repeat(auto-fit, minmax(360px, 1fr))}.mtrl-layout--grid-min-xl.mtrl-layout--grid-fill{grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.mtrl-layout--grid-gap-0{gap:0}.mtrl-layout--grid-gap-1{gap:4px}.mtrl-layout--grid-gap-2{gap:8px}.mtrl-layout--grid-gap-3{gap:12px}.mtrl-layout--grid-gap-4{gap:16px}.mtrl-layout--grid-gap-5{gap:20px}.mtrl-layout--grid-gap-6{gap:24px}.mtrl-layout--grid-gap-8{gap:32px}.mtrl-layout--grid-gap-10{gap:40px}.mtrl-layout--grid-gap-12{gap:48px}.mtrl-layout--grid>.mtrl-layout__item--span-1{grid-column:span 1}.mtrl-layout--grid>.mtrl-layout__item--row-span-1{grid-row:span 1}.mtrl-layout--grid>.mtrl-layout__item--span-2{grid-column:span 2}.mtrl-layout--grid>.mtrl-layout__item--row-span-2{grid-row:span 2}.mtrl-layout--grid>.mtrl-layout__item--span-3{grid-column:span 3}.mtrl-layout--grid>.mtrl-layout__item--row-span-3{grid-row:span 3}.mtrl-layout--grid>.mtrl-layout__item--span-4{grid-column:span 4}.mtrl-layout--grid>.mtrl-layout__item--row-span-4{grid-row:span 4}.mtrl-layout--grid>.mtrl-layout__item--span-5{grid-column:span 5}.mtrl-layout--grid>.mtrl-layout__item--row-span-5{grid-row:span 5}.mtrl-layout--grid>.mtrl-layout__item--span-6{grid-column:span 6}.mtrl-layout--grid>.mtrl-layout__item--row-span-6{grid-row:span 6}.mtrl-layout--grid>.mtrl-layout__item--span-7{grid-column:span 7}.mtrl-layout--grid>.mtrl-layout__item--row-span-7{grid-row:span 7}.mtrl-layout--grid>.mtrl-layout__item--span-8{grid-column:span 8}.mtrl-layout--grid>.mtrl-layout__item--row-span-8{grid-row:span 8}.mtrl-layout--grid>.mtrl-layout__item--span-9{grid-column:span 9}.mtrl-layout--grid>.mtrl-layout__item--row-span-9{grid-row:span 9}.mtrl-layout--grid>.mtrl-layout__item--span-10{grid-column:span 10}.mtrl-layout--grid>.mtrl-layout__item--row-span-10{grid-row:span 10}.mtrl-layout--grid>.mtrl-layout__item--span-11{grid-column:span 11}.mtrl-layout--grid>.mtrl-layout__item--row-span-11{grid-row:span 11}.mtrl-layout--grid>.mtrl-layout__item--span-12{grid-column:span 12}.mtrl-layout--grid>.mtrl-layout__item--row-span-12{grid-row:span 12}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-1{grid-column:span 1}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-2{grid-column:span 2}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-3{grid-column:span 3}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-4{grid-column:span 4}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-5{grid-column:span 5}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-6{grid-column:span 6}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-7{grid-column:span 7}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-8{grid-column:span 8}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-9{grid-column:span 9}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-10{grid-column:span 10}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-11{grid-column:span 11}}@media(min-width: 600px){.mtrl-layout--grid>.mtrl-layout__item--sm-span-12{grid-column:span 12}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-1{grid-column:span 1}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-2{grid-column:span 2}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-3{grid-column:span 3}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-4{grid-column:span 4}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-5{grid-column:span 5}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-6{grid-column:span 6}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-7{grid-column:span 7}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-8{grid-column:span 8}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-9{grid-column:span 9}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-10{grid-column:span 10}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-11{grid-column:span 11}}@media(min-width: 960px){.mtrl-layout--grid>.mtrl-layout__item--md-span-12{grid-column:span 12}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-1{grid-column:span 1}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-2{grid-column:span 2}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-3{grid-column:span 3}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-4{grid-column:span 4}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-5{grid-column:span 5}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-6{grid-column:span 6}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-7{grid-column:span 7}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-8{grid-column:span 8}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-9{grid-column:span 9}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-10{grid-column:span 10}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-11{grid-column:span 11}}@media(min-width: 1280px){.mtrl-layout--grid>.mtrl-layout__item--lg-span-12{grid-column:span 12}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-1{grid-column:span 1}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-2{grid-column:span 2}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-3{grid-column:span 3}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-4{grid-column:span 4}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-5{grid-column:span 5}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-6{grid-column:span 6}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-7{grid-column:span 7}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-8{grid-column:span 8}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-9{grid-column:span 9}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-10{grid-column:span 10}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-11{grid-column:span 11}}@media(min-width: 1920px){.mtrl-layout--grid>.mtrl-layout__item--xl-span-12{grid-column:span 12}}.mtrl-layout__item--self-start{align-self:flex-start}.mtrl-layout__item--self-center{align-self:center}.mtrl-layout__item--self-end{align-self:flex-end}.mtrl-layout__item--self-stretch{align-self:stretch}.mtrl-layout__item--order-first{order:-9999}.mtrl-layout__item--order-last{order:9999}.mtrl-layout__item--order-1{order:1}.mtrl-layout__item--order-2{order:2}.mtrl-layout__item--order-3{order:3}.mtrl-layout__item--order-4{order:4}.mtrl-layout__item--order-5{order:5}.mtrl-layout__item--order-6{order:6}.mtrl-layout__item--order-7{order:7}.mtrl-layout__item--order-8{order:8}.mtrl-layout__item--order-9{order:9}.mtrl-layout__item--order-10{order:10}.mtrl-layout__item--order-11{order:11}.mtrl-layout__item--order-12{order:12}@media(min-width: 600px){.mtrl-layout--hide-sm-up{display:none !important}}@media(max-width: 599px){.mtrl-layout--hide-sm-down{display:none !important}}@media(min-width: 960px){.mtrl-layout--hide-md-up{display:none !important}}@media(max-width: 959px){.mtrl-layout--hide-md-down{display:none !important}}@media(min-width: 1280px){.mtrl-layout--hide-lg-up{display:none !important}}@media(max-width: 1279px){.mtrl-layout--hide-lg-down{display:none !important}}@media(min-width: 1920px){.mtrl-layout--hide-xl-up{display:none !important}}@media(max-width: 1919px){.mtrl-layout--hide-xl-down{display:none !important}}@media(max-width: 599px){.mtrl-layout--stack-mobile{display:flex;flex-direction:column;width:100%}}.mtrl-layout--force-stack{flex-direction:column !important}.mtrl-layout--force-stack>*{width:100% !important}@media(max-width: 599px){.mtrl-layout--row-mobile-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.mtrl-layout--row-mobile-scroll>*{scroll-snap-align:start;flex:0 0 auto;width:80%;max-width:300px}.mtrl-layout--row-mobile-scroll-small>*{width:60%;max-width:200px}.mtrl-layout--row-mobile-scroll-large>*{width:90%;max-width:400px}}.mtrl-layout--grid-mobile-first{grid-template-columns:1fr}@media(min-width: 600px){.mtrl-layout--grid-mobile-first{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 960px){.mtrl-layout--grid-mobile-first{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}.mtrl-layout--safe-area{padding-top:env(safe-area-inset-top, 0);padding-right:env(safe-area-inset-right, 0);padding-bottom:env(safe-area-inset-bottom, 0);padding-left:env(safe-area-inset-left, 0)}@media(max-width: 599px){.mtrl-layout--touch-friendly>*{min-height:44px;margin-bottom:12px}}.mtrl-layout--prevent-overscroll{height:100%;overflow:hidden}.mtrl-layout--prevent-overscroll>div{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mtrl-layout--full-height{height:100vh;height:-webkit-fill-available;height:stretch}@supports(-webkit-touch-callout: none){.mtrl-layout--full-height{min-height:-webkit-fill-available}}.mtrl-layout--nav-spacing{padding-bottom:max(env(safe-area-inset-bottom, 16px),16px)}.mtrl-layout--section{padding-top:32px;padding-bottom:32px}@media(min-width: 960px){.mtrl-layout--section{padding-top:48px;padding-bottom:48px}}@media(min-width: 1280px){.mtrl-layout--section{padding-top:64px;padding-bottom:64px}}.mtrl-layout--section-sm{padding-top:16px;padding-bottom:16px}@media(min-width: 960px){.mtrl-layout--section-sm{padding-top:24px;padding-bottom:24px}}.mtrl-layout--section-lg{padding-top:48px;padding-bottom:48px}@media(min-width: 960px){.mtrl-layout--section-lg{padding-top:64px;padding-bottom:64px}}@media(min-width: 1280px){.mtrl-layout--section-lg{padding-top:96px;padding-bottom:96px}}.mtrl-layout--hero{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:-webkit-fill-available;width:100%}}