@aws-amplify/ui 5.8.1 → 6.0.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 (343) hide show
  1. package/dist/esm/helpers/accountSettings/utils.mjs +33 -1
  2. package/dist/esm/helpers/accountSettings/validator.mjs +120 -1
  3. package/dist/esm/helpers/authenticator/actor.mjs +20 -1
  4. package/dist/esm/helpers/authenticator/constants.mjs +144 -1
  5. package/dist/esm/helpers/authenticator/defaultAuthHubHandler.mjs +52 -0
  6. package/dist/esm/helpers/authenticator/facade.mjs +137 -1
  7. package/dist/esm/helpers/authenticator/form.mjs +43 -1
  8. package/dist/esm/helpers/authenticator/formFields/defaults.mjs +132 -1
  9. package/dist/esm/helpers/authenticator/formFields/formFields.mjs +62 -1
  10. package/dist/esm/helpers/authenticator/formFields/utils.mjs +35 -0
  11. package/dist/esm/helpers/authenticator/getRoute.mjs +47 -0
  12. package/dist/esm/helpers/authenticator/textUtil.mjs +112 -1
  13. package/dist/esm/helpers/authenticator/utils.mjs +38 -1
  14. package/dist/esm/helpers/utils.mjs +5 -1
  15. package/dist/esm/i18n/country-dial-codes.mjs +210 -1
  16. package/dist/esm/i18n/dictionaries/authenticator/de.mjs +87 -1
  17. package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.mjs +83 -1
  18. package/dist/esm/i18n/dictionaries/authenticator/en.mjs +74 -1
  19. package/dist/esm/i18n/dictionaries/authenticator/es.mjs +83 -1
  20. package/dist/esm/i18n/dictionaries/authenticator/fr.mjs +92 -1
  21. package/dist/esm/i18n/dictionaries/authenticator/he.mjs +54 -1
  22. package/dist/esm/i18n/dictionaries/authenticator/id.mjs +96 -1
  23. package/dist/esm/i18n/dictionaries/authenticator/it.mjs +82 -1
  24. package/dist/esm/i18n/dictionaries/authenticator/ja.mjs +86 -1
  25. package/dist/esm/i18n/dictionaries/authenticator/kr.mjs +71 -1
  26. package/dist/esm/i18n/dictionaries/authenticator/nb.mjs +95 -1
  27. package/dist/esm/i18n/dictionaries/authenticator/nl.mjs +67 -1
  28. package/dist/esm/i18n/dictionaries/authenticator/pl.mjs +71 -1
  29. package/dist/esm/i18n/dictionaries/authenticator/pt.mjs +61 -1
  30. package/dist/esm/i18n/dictionaries/authenticator/ru.mjs +61 -1
  31. package/dist/esm/i18n/dictionaries/authenticator/sv.mjs +82 -1
  32. package/dist/esm/i18n/dictionaries/authenticator/tr.mjs +76 -1
  33. package/dist/esm/i18n/dictionaries/authenticator/ua.mjs +84 -1
  34. package/dist/esm/i18n/dictionaries/authenticator/zh.mjs +74 -1
  35. package/dist/esm/i18n/dictionaries/index.mjs +47 -1
  36. package/dist/esm/i18n/translations.mjs +67 -1
  37. package/dist/esm/index.mjs +28 -1
  38. package/dist/esm/machines/authenticator/actions.mjs +188 -1
  39. package/dist/esm/machines/authenticator/actors/forgotPassword.mjs +184 -0
  40. package/dist/esm/machines/authenticator/actors/signIn.mjs +328 -1
  41. package/dist/esm/machines/authenticator/actors/signOut.mjs +28 -1
  42. package/dist/esm/machines/authenticator/actors/signUp.mjs +295 -0
  43. package/dist/esm/machines/authenticator/actors/verifyUserAttributes.mjs +106 -0
  44. package/dist/esm/machines/authenticator/defaultServices.mjs +102 -1
  45. package/dist/esm/machines/authenticator/guards.mjs +70 -0
  46. package/dist/esm/machines/authenticator/index.mjs +368 -1
  47. package/dist/esm/machines/authenticator/utils.mjs +71 -0
  48. package/dist/esm/theme/breakpoints.mjs +14 -1
  49. package/dist/esm/theme/createTheme.mjs +156 -1
  50. package/dist/esm/theme/defaultDarkModeOverride.mjs +128 -1
  51. package/dist/esm/theme/defaultTheme.mjs +10 -1
  52. package/dist/esm/theme/tokens/borderWidths.mjs +7 -1
  53. package/dist/esm/theme/tokens/colors.mjs +166 -1
  54. package/dist/esm/theme/tokens/components/accordion.mjs +47 -0
  55. package/dist/esm/theme/tokens/components/alert.mjs +35 -1
  56. package/dist/esm/theme/tokens/components/authenticator.mjs +39 -1
  57. package/dist/esm/theme/tokens/components/autocomplete.mjs +42 -1
  58. package/dist/esm/theme/tokens/components/badge.mjs +44 -1
  59. package/dist/esm/theme/tokens/components/breadcrumbs.mjs +34 -1
  60. package/dist/esm/theme/tokens/components/button.mjs +685 -1
  61. package/dist/esm/theme/tokens/components/card.mjs +27 -1
  62. package/dist/esm/theme/tokens/components/checkbox.mjs +87 -1
  63. package/dist/esm/theme/tokens/components/checkboxField.mjs +8 -1
  64. package/dist/esm/theme/tokens/components/collection.mjs +72 -1
  65. package/dist/esm/theme/tokens/components/copy.mjs +18 -1
  66. package/dist/esm/theme/tokens/components/dialCodeSelect.mjs +7 -1
  67. package/dist/esm/theme/tokens/components/divider.mjs +22 -1
  68. package/dist/esm/theme/tokens/components/dropZone.mjs +46 -1
  69. package/dist/esm/theme/tokens/components/field.mjs +20 -1
  70. package/dist/esm/theme/tokens/components/fieldControl.mjs +131 -1
  71. package/dist/esm/theme/tokens/components/fieldGroup.mjs +11 -1
  72. package/dist/esm/theme/tokens/components/fieldMessages.mjs +13 -1
  73. package/dist/esm/theme/tokens/components/fieldset.mjs +40 -1
  74. package/dist/esm/theme/tokens/components/flex.mjs +9 -1
  75. package/dist/esm/theme/tokens/components/heading.mjs +30 -1
  76. package/dist/esm/theme/tokens/components/highlightMatch.mjs +7 -1
  77. package/dist/esm/theme/tokens/components/icon.mjs +6 -1
  78. package/dist/esm/theme/tokens/components/image.mjs +8 -1
  79. package/dist/esm/theme/tokens/components/inAppMessaging.mjs +23 -1
  80. package/dist/esm/theme/tokens/components/index.mjs +111 -1
  81. package/dist/esm/theme/tokens/components/input.mjs +12 -1
  82. package/dist/esm/theme/tokens/components/link.mjs +9 -1
  83. package/dist/esm/theme/tokens/components/liveness.mjs +7 -1
  84. package/dist/esm/theme/tokens/components/loader.mjs +42 -1
  85. package/dist/esm/theme/tokens/components/menu.mjs +27 -1
  86. package/dist/esm/theme/tokens/components/message.mjs +102 -1
  87. package/dist/esm/theme/tokens/components/pagination.mjs +40 -1
  88. package/dist/esm/theme/tokens/components/passwordField.mjs +38 -1
  89. package/dist/esm/theme/tokens/components/phoneNumberField.mjs +10 -1
  90. package/dist/esm/theme/tokens/components/placeholder.mjs +18 -1
  91. package/dist/esm/theme/tokens/components/radio.mjs +67 -1
  92. package/dist/esm/theme/tokens/components/radioGroup.mjs +19 -1
  93. package/dist/esm/theme/tokens/components/rating.mjs +9 -1
  94. package/dist/esm/theme/tokens/components/searchField.mjs +39 -1
  95. package/dist/esm/theme/tokens/components/select.mjs +63 -1
  96. package/dist/esm/theme/tokens/components/selectField.mjs +16 -1
  97. package/dist/esm/theme/tokens/components/sliderField.mjs +70 -1
  98. package/dist/esm/theme/tokens/components/stepperField.mjs +33 -1
  99. package/dist/esm/theme/tokens/components/storagemanager.mjs +97 -1
  100. package/dist/esm/theme/tokens/components/switchField.mjs +61 -1
  101. package/dist/esm/theme/tokens/components/table.mjs +105 -1
  102. package/dist/esm/theme/tokens/components/tabs.mjs +59 -1
  103. package/dist/esm/theme/tokens/components/text.mjs +28 -1
  104. package/dist/esm/theme/tokens/components/textAreaField.mjs +11 -1
  105. package/dist/esm/theme/tokens/components/textField.mjs +12 -1
  106. package/dist/esm/theme/tokens/components/toggleButton.mjs +96 -1
  107. package/dist/esm/theme/tokens/components/toggleButtonGroup.mjs +7 -1
  108. package/dist/esm/theme/tokens/fontSizes.mjs +14 -1
  109. package/dist/esm/theme/tokens/fontWeights.mjs +13 -1
  110. package/dist/esm/theme/tokens/fonts.mjs +19 -1
  111. package/dist/esm/theme/tokens/index.mjs +65 -1
  112. package/dist/esm/theme/tokens/lineHeights.mjs +7 -1
  113. package/dist/esm/theme/tokens/opacities.mjs +15 -1
  114. package/dist/esm/theme/tokens/outlineOffsets.mjs +7 -1
  115. package/dist/esm/theme/tokens/outlineWidths.mjs +7 -1
  116. package/dist/esm/theme/tokens/radii.mjs +11 -1
  117. package/dist/esm/theme/tokens/shadows.mjs +28 -1
  118. package/dist/esm/theme/tokens/space.mjs +29 -1
  119. package/dist/esm/theme/tokens/time.mjs +7 -1
  120. package/dist/esm/theme/tokens/transforms.mjs +10 -1
  121. package/dist/esm/theme/utils.mjs +81 -1
  122. package/dist/esm/types/authenticator/attributes.mjs +41 -1
  123. package/dist/esm/types/authenticator/user.mjs +18 -1
  124. package/dist/esm/types/authenticator/utils.mjs +5 -1
  125. package/dist/esm/types/primitives/componentClassName.mjs +164 -1
  126. package/dist/esm/utils/classNames.mjs +39 -0
  127. package/dist/esm/utils/setUserAgent/constants.mjs +43 -0
  128. package/dist/esm/utils/setUserAgent/setUserAgent.mjs +65 -0
  129. package/dist/esm/utils/utils.mjs +227 -0
  130. package/dist/esm/validators/index.mjs +19 -1
  131. package/dist/index.js +8396 -1
  132. package/dist/styles/StorageManager.css +138 -0
  133. package/dist/styles/StorageManager.layer.css +140 -0
  134. package/dist/styles/_fieldControl.css +0 -0
  135. package/dist/styles/_fieldControl.layer.css +3 -0
  136. package/dist/styles/accordion.css +64 -0
  137. package/dist/styles/accordion.layer.css +66 -0
  138. package/dist/styles/alert.css +44 -0
  139. package/dist/styles/alert.layer.css +46 -0
  140. package/dist/styles/authenticator.css +72 -0
  141. package/dist/styles/authenticator.layer.css +74 -0
  142. package/dist/styles/autocomplete.css +48 -0
  143. package/dist/styles/autocomplete.layer.css +50 -0
  144. package/dist/styles/badge.css +35 -0
  145. package/dist/styles/badge.layer.css +37 -0
  146. package/dist/styles/base.css +1491 -0
  147. package/dist/styles/base.layer.css +1493 -0
  148. package/dist/styles/breadcrumbs.css +40 -0
  149. package/dist/styles/breadcrumbs.layer.css +42 -0
  150. package/dist/styles/button.css +1122 -0
  151. package/dist/styles/button.layer.css +1124 -0
  152. package/dist/styles/card.css +26 -0
  153. package/dist/styles/card.layer.css +28 -0
  154. package/dist/styles/checkbox.css +95 -0
  155. package/dist/styles/checkbox.layer.css +97 -0
  156. package/dist/styles/checkboxField.css +6 -0
  157. package/dist/styles/checkboxField.layer.css +8 -0
  158. package/dist/styles/collection.css +70 -0
  159. package/dist/styles/collection.layer.css +72 -0
  160. package/dist/styles/copy.css +27 -0
  161. package/dist/styles/copy.layer.css +29 -0
  162. package/dist/styles/dialCodeSelect.css +3 -0
  163. package/dist/styles/dialCodeSelect.layer.css +5 -0
  164. package/dist/styles/divider.css +47 -0
  165. package/dist/styles/divider.layer.css +49 -0
  166. package/dist/styles/dropZone.css +45 -0
  167. package/dist/styles/dropZone.layer.css +47 -0
  168. package/dist/styles/field.css +17 -0
  169. package/dist/styles/field.layer.css +19 -0
  170. package/dist/styles/fieldGroup.css +130 -0
  171. package/dist/styles/fieldGroup.layer.css +132 -0
  172. package/dist/styles/fieldMessages.css +10 -0
  173. package/dist/styles/fieldMessages.layer.css +12 -0
  174. package/dist/styles/fieldModifiers.css +15 -0
  175. package/dist/styles/fieldModifiers.layer.css +17 -0
  176. package/dist/styles/fieldset.css +37 -0
  177. package/dist/styles/fieldset.layer.css +39 -0
  178. package/dist/styles/flex.css +8 -0
  179. package/dist/styles/flex.layer.css +10 -0
  180. package/dist/styles/grid.css +3 -0
  181. package/dist/styles/grid.layer.css +5 -0
  182. package/dist/styles/heading.css +40 -0
  183. package/dist/styles/heading.layer.css +42 -0
  184. package/dist/styles/highlightMatch.css +3 -0
  185. package/dist/styles/highlightMatch.layer.css +5 -0
  186. package/dist/styles/icon.css +14 -0
  187. package/dist/styles/icon.layer.css +16 -0
  188. package/dist/styles/image.css +9 -0
  189. package/dist/styles/image.layer.css +11 -0
  190. package/dist/styles/inAppMessaging.css +179 -0
  191. package/dist/styles/inAppMessaging.layer.css +181 -0
  192. package/dist/styles/input.css +83 -0
  193. package/dist/styles/input.layer.css +85 -0
  194. package/dist/styles/link.css +26 -0
  195. package/dist/styles/link.layer.css +28 -0
  196. package/dist/styles/liveness.css +374 -0
  197. package/dist/styles/liveness.layer.css +376 -0
  198. package/dist/styles/loader.css +108 -0
  199. package/dist/styles/loader.layer.css +110 -0
  200. package/dist/styles/menu.css +54 -0
  201. package/dist/styles/menu.layer.css +56 -0
  202. package/dist/styles/message.css +111 -0
  203. package/dist/styles/message.layer.css +113 -0
  204. package/dist/styles/pagination.css +41 -0
  205. package/dist/styles/pagination.layer.css +43 -0
  206. package/dist/styles/passwordField.css +49 -0
  207. package/dist/styles/passwordField.layer.css +51 -0
  208. package/dist/styles/phoneNumberField.css +30 -0
  209. package/dist/styles/phoneNumberField.layer.css +32 -0
  210. package/dist/styles/placeholder.css +31 -0
  211. package/dist/styles/placeholder.layer.css +33 -0
  212. package/dist/styles/radio.css +82 -0
  213. package/dist/styles/radio.layer.css +84 -0
  214. package/dist/styles/radioGroupField.css +25 -0
  215. package/dist/styles/radioGroupField.layer.css +27 -0
  216. package/dist/styles/radiogroup.css +5 -0
  217. package/dist/styles/radiogroup.layer.css +7 -0
  218. package/dist/styles/rating.css +33 -0
  219. package/dist/styles/rating.layer.css +35 -0
  220. package/dist/styles/reset.css +76 -0
  221. package/dist/styles/reset.layer.css +78 -0
  222. package/dist/styles/scrollView.css +4 -0
  223. package/dist/styles/scrollView.layer.css +6 -0
  224. package/dist/styles/searchField.css +29 -0
  225. package/dist/styles/searchField.layer.css +31 -0
  226. package/dist/styles/select.css +128 -0
  227. package/dist/styles/select.layer.css +130 -0
  228. package/dist/styles/selectField.css +18 -0
  229. package/dist/styles/selectField.layer.css +20 -0
  230. package/dist/styles/sliderField.css +143 -0
  231. package/dist/styles/sliderField.layer.css +145 -0
  232. package/dist/styles/stepperField.css +77 -0
  233. package/dist/styles/stepperField.layer.css +79 -0
  234. package/dist/styles/switchField.css +76 -0
  235. package/dist/styles/switchField.layer.css +78 -0
  236. package/dist/styles/table.css +146 -0
  237. package/dist/styles/table.layer.css +148 -0
  238. package/dist/styles/tabs.css +87 -0
  239. package/dist/styles/tabs.layer.css +89 -0
  240. package/dist/styles/text.css +40 -0
  241. package/dist/styles/text.layer.css +42 -0
  242. package/dist/styles/textArea.css +71 -0
  243. package/dist/styles/textArea.layer.css +73 -0
  244. package/dist/styles/textAreaField.css +12 -0
  245. package/dist/styles/textAreaField.layer.css +14 -0
  246. package/dist/styles/textField.css +14 -0
  247. package/dist/styles/textField.layer.css +16 -0
  248. package/dist/styles/toggleButton.css +280 -0
  249. package/dist/styles/toggleButton.layer.css +282 -0
  250. package/dist/styles/toggleButtonGroup.css +31 -0
  251. package/dist/styles/toggleButtonGroup.layer.css +33 -0
  252. package/dist/styles/visuallyHidden.css +12 -0
  253. package/dist/styles/visuallyHidden.layer.css +14 -0
  254. package/dist/styles.css +298 -684
  255. package/dist/styles.layer.css +6115 -0
  256. package/dist/theme.css +93 -156
  257. package/dist/types/helpers/accountSettings/utils.d.ts +1 -3
  258. package/dist/types/helpers/authenticator/actor.d.ts +1 -1
  259. package/dist/types/helpers/authenticator/constants.d.ts +5 -0
  260. package/dist/types/helpers/authenticator/defaultAuthHubHandler.d.ts +15 -0
  261. package/dist/types/helpers/authenticator/facade.d.ts +35 -6
  262. package/dist/types/helpers/authenticator/formFields/defaults.d.ts +3 -1
  263. package/dist/types/helpers/authenticator/formFields/formFields.d.ts +2 -1
  264. package/dist/types/helpers/authenticator/formFields/index.d.ts +1 -1
  265. package/dist/types/helpers/authenticator/formFields/{util.d.ts → utils.d.ts} +2 -0
  266. package/dist/types/helpers/authenticator/getRoute.d.ts +2 -0
  267. package/dist/types/helpers/authenticator/index.d.ts +2 -1
  268. package/dist/types/helpers/authenticator/textUtil.d.ts +8 -7
  269. package/dist/types/{types/authenticator/stateMachine/authMachine.d.ts → helpers/authenticator/types.d.ts} +5 -5
  270. package/dist/types/helpers/authenticator/utils.d.ts +0 -25
  271. package/dist/types/helpers/index.d.ts +0 -1
  272. package/dist/types/helpers/utils.d.ts +2 -2
  273. package/dist/types/i18n/translations.d.ts +2 -3
  274. package/dist/types/machines/authenticator/actions.d.ts +4 -62
  275. package/dist/types/machines/authenticator/actors/{resetPassword.d.ts → forgotPassword.d.ts} +3 -3
  276. package/dist/types/machines/authenticator/actors/index.d.ts +3 -1
  277. package/dist/types/machines/authenticator/actors/signIn.d.ts +3 -3
  278. package/dist/types/machines/authenticator/actors/signOut.d.ts +2 -2
  279. package/dist/types/machines/authenticator/{signUp.d.ts → actors/signUp.d.ts} +3 -3
  280. package/dist/types/machines/authenticator/actors/verifyUserAttributes.d.ts +5 -0
  281. package/dist/types/machines/authenticator/defaultServices.d.ts +208 -28
  282. package/dist/types/machines/authenticator/getAuthenticatorConfig.d.ts +14 -0
  283. package/dist/types/machines/authenticator/guards.d.ts +4 -0
  284. package/dist/types/machines/authenticator/index.d.ts +4 -2
  285. package/dist/types/machines/authenticator/types.d.ts +125 -0
  286. package/dist/types/machines/authenticator/utils.d.ts +7 -0
  287. package/dist/types/machines/index.d.ts +1 -0
  288. package/dist/types/theme/tokens/borderWidths.d.ts +2 -2
  289. package/dist/types/theme/tokens/colors.d.ts +7 -9
  290. package/dist/types/theme/tokens/components/accordion.d.ts +12 -0
  291. package/dist/types/theme/tokens/components/index.d.ts +2 -4
  292. package/dist/types/theme/tokens/components/radioGroup.d.ts +1 -1
  293. package/dist/types/theme/tokens/components/storagemanager.d.ts +18 -3
  294. package/dist/types/theme/tokens/components/tabs.d.ts +4 -3
  295. package/dist/types/theme/tokens/fontSizes.d.ts +2 -2
  296. package/dist/types/theme/tokens/fontWeights.d.ts +2 -2
  297. package/dist/types/theme/tokens/fonts.d.ts +2 -2
  298. package/dist/types/theme/tokens/lineHeights.d.ts +2 -2
  299. package/dist/types/theme/tokens/opacities.d.ts +2 -2
  300. package/dist/types/theme/tokens/outlineOffsets.d.ts +2 -2
  301. package/dist/types/theme/tokens/outlineWidths.d.ts +2 -2
  302. package/dist/types/theme/tokens/radii.d.ts +2 -2
  303. package/dist/types/theme/tokens/shadows.d.ts +2 -2
  304. package/dist/types/theme/tokens/space.d.ts +2 -2
  305. package/dist/types/theme/tokens/time.d.ts +2 -2
  306. package/dist/types/theme/tokens/types/designToken.d.ts +12 -6
  307. package/dist/types/theme/types.d.ts +5 -1
  308. package/dist/types/types/authenticator/attributes.d.ts +10 -4
  309. package/dist/types/types/authenticator/form.d.ts +7 -6
  310. package/dist/types/types/authenticator/index.d.ts +0 -1
  311. package/dist/types/types/authenticator/user.d.ts +3 -29
  312. package/dist/types/types/authenticator/validator.d.ts +2 -2
  313. package/dist/types/types/displayText.d.ts +84 -0
  314. package/dist/types/types/index.d.ts +1 -0
  315. package/dist/types/types/primitives/componentClassName.d.ts +162 -180
  316. package/dist/types/types/util.d.ts +0 -5
  317. package/dist/types/utils/classNames.d.ts +4 -0
  318. package/dist/types/utils/index.d.ts +3 -135
  319. package/dist/types/utils/setUserAgent/constants.d.ts +7 -0
  320. package/dist/types/utils/setUserAgent/index.d.ts +1 -0
  321. package/dist/types/utils/setUserAgent/setUserAgent.d.ts +19 -0
  322. package/dist/types/utils/utils.d.ts +147 -0
  323. package/dist/types/validators/index.d.ts +2 -2
  324. package/package.json +5 -19
  325. package/dist/esm/helpers/authenticator/context.mjs +0 -1
  326. package/dist/esm/helpers/authenticator/formFields/util.mjs +0 -1
  327. package/dist/esm/helpers/storage/fileUploader/utils/uploader.mjs +0 -1
  328. package/dist/esm/machines/authenticator/actors/resetPassword.mjs +0 -1
  329. package/dist/esm/machines/authenticator/signUp.mjs +0 -1
  330. package/dist/esm/theme/tokens/components/expander.mjs +0 -1
  331. package/dist/esm/theme/tokens/components/fileUploader.mjs +0 -1
  332. package/dist/esm/utils/index.mjs +0 -1
  333. package/dist/types/helpers/authenticator/context.d.ts +0 -13
  334. package/dist/types/helpers/storage/fileUploader/index.d.ts +0 -1
  335. package/dist/types/helpers/storage/fileUploader/utils/index.d.ts +0 -1
  336. package/dist/types/helpers/storage/fileUploader/utils/uploader.d.ts +0 -28
  337. package/dist/types/helpers/storage/index.d.ts +0 -1
  338. package/dist/types/theme/tokens/components/expander.d.ts +0 -22
  339. package/dist/types/theme/tokens/components/fileUploader.d.ts +0 -23
  340. package/dist/types/types/authenticator/stateMachine/context.d.ts +0 -109
  341. package/dist/types/types/authenticator/stateMachine/event.d.ts +0 -17
  342. package/dist/types/types/authenticator/stateMachine/index.d.ts +0 -4
  343. package/dist/types/types/authenticator/stateMachine/state.d.ts +0 -10
package/dist/styles/base.css ADDED
@@ -0,0 +1,1491 @@
1
+ /*
2
+ * Amplify UI Basic Theme
3
+ */
4
+ :root, [data-amplify-theme] {
5
+ --amplify-components-accordion-background-color: var(--amplify-colors-background-primary);
6
+ --amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary);
7
+ --amplify-components-accordion-item-border-width: var(--amplify-border-widths-small);
8
+ --amplify-components-accordion-item-border-style: solid;
9
+ --amplify-components-accordion-item-border-radius: var(--amplify-radii-small);
10
+ --amplify-components-accordion-item-trigger-align-items: center;
11
+ --amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary);
12
+ --amplify-components-accordion-item-trigger-color: inherit;
13
+ --amplify-components-accordion-item-trigger-gap: var(--amplify-space-small);
14
+ --amplify-components-accordion-item-trigger-justify-content: space-between;
15
+ --amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs);
16
+ --amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small);
17
+ --amplify-components-accordion-item-trigger-hover-color: inherit;
18
+ --amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5);
19
+ --amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus);
20
+ --amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
21
+ --amplify-components-accordion-item-content-color: inherit;
22
+ --amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small);
23
+ --amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small);
24
+ --amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs);
25
+ --amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);
26
+ --amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);
27
+ --amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
28
+ --amplify-components-alert-align-items: center;
29
+ --amplify-components-alert-justify-content: space-between;
30
+ --amplify-components-alert-color: var(--amplify-colors-font-primary);
31
+ --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
32
+ --amplify-components-alert-padding-block: var(--amplify-space-small);
33
+ --amplify-components-alert-padding-inline: var(--amplify-space-medium);
34
+ --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
35
+ --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
36
+ --amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold);
37
+ --amplify-components-alert-info-color: var(--amplify-colors-font-info);
38
+ --amplify-components-alert-info-background-color: var(--amplify-colors-background-info);
39
+ --amplify-components-alert-error-color: var(--amplify-colors-font-error);
40
+ --amplify-components-alert-error-background-color: var(--amplify-colors-background-error);
41
+ --amplify-components-alert-warning-color: var(--amplify-colors-font-warning);
42
+ --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);
43
+ --amplify-components-alert-success-color: var(--amplify-colors-font-success);
44
+ --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
45
+ --amplify-components-authenticator-max-width: 60rem;
46
+ --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
47
+ --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
48
+ --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
49
+ --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
50
+ --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
51
+ --amplify-components-authenticator-container-width-max: 30rem;
52
+ --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
53
+ --amplify-components-authenticator-router-border-style: solid;
54
+ --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
55
+ --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
56
+ --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
57
+ --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
58
+ --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
59
+ --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
60
+ --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
61
+ --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
62
+ --amplify-components-autocomplete-menu-width: 100%;
63
+ --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);
64
+ --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);
65
+ --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);
66
+ --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);
67
+ --amplify-components-autocomplete-menu-border-style: solid;
68
+ --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);
69
+ --amplify-components-autocomplete-menu-options-display: flex;
70
+ --amplify-components-autocomplete-menu-options-flex-direction: column;
71
+ --amplify-components-autocomplete-menu-options-max-height: 300px;
72
+ --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);
73
+ --amplify-components-autocomplete-menu-option-color: currentcolor;
74
+ --amplify-components-autocomplete-menu-option-cursor: pointer;
75
+ --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
76
+ --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
77
+ --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
78
+ --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-primary-80);
79
+ --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
80
+ --amplify-components-autocomplete-menu-empty-display: flex;
81
+ --amplify-components-autocomplete-menu-loading-align-items: center;
82
+ --amplify-components-autocomplete-menu-loading-display: flex;
83
+ --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
84
+ --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
85
+ --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
86
+ --amplify-components-badge-color: var(--amplify-colors-font-primary);
87
+ --amplify-components-badge-line-height: 1;
88
+ --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);
89
+ --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
90
+ --amplify-components-badge-text-align: center;
91
+ --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
92
+ --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
93
+ --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
94
+ --amplify-components-badge-border-radius: var(--amplify-radii-xl);
95
+ --amplify-components-badge-info-color: var(--amplify-colors-font-info);
96
+ --amplify-components-badge-info-background-color: var(--amplify-colors-background-info);
97
+ --amplify-components-badge-warning-color: var(--amplify-colors-font-warning);
98
+ --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);
99
+ --amplify-components-badge-success-color: var(--amplify-colors-font-success);
100
+ --amplify-components-badge-success-background-color: var(--amplify-colors-background-success);
101
+ --amplify-components-badge-error-color: var(--amplify-colors-font-error);
102
+ --amplify-components-badge-error-background-color: var(--amplify-colors-background-error);
103
+ --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
104
+ --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
105
+ --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
106
+ --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
107
+ --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
108
+ --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
109
+ --amplify-components-breadcrumbs-flex-direction: row;
110
+ --amplify-components-breadcrumbs-flex-wrap: wrap;
111
+ --amplify-components-breadcrumbs-gap: 0;
112
+ --amplify-components-breadcrumbs-color: var(--amplify-colors-font-tertiary);
113
+ --amplify-components-breadcrumbs-item-flex-direction: row;
114
+ --amplify-components-breadcrumbs-item-color: inherit;
115
+ --amplify-components-breadcrumbs-item-font-size: inherit;
116
+ --amplify-components-breadcrumbs-item-align-items: center;
117
+ --amplify-components-breadcrumbs-item-line-height: 1;
118
+ --amplify-components-breadcrumbs-separator-color: inherit;
119
+ --amplify-components-breadcrumbs-separator-font-size: inherit;
120
+ --amplify-components-breadcrumbs-separator-padding-inline: var(--amplify-space-xxs);
121
+ --amplify-components-breadcrumbs-link-color: var(--amplify-components-link-color);
122
+ --amplify-components-breadcrumbs-link-font-size: inherit;
123
+ --amplify-components-breadcrumbs-link-font-weight: normal;
124
+ --amplify-components-breadcrumbs-link-text-decoration: none;
125
+ --amplify-components-breadcrumbs-link-padding-inline: var(--amplify-space-xs);
126
+ --amplify-components-breadcrumbs-link-padding-block: var(--amplify-space-xxs);
127
+ --amplify-components-breadcrumbs-link-current-color: inherit;
128
+ --amplify-components-breadcrumbs-link-current-font-size: inherit;
129
+ --amplify-components-breadcrumbs-link-current-font-weight: normal;
130
+ --amplify-components-breadcrumbs-link-current-text-decoration: none;
131
+ --amplify-components-button-font-weight: var(--amplify-font-weights-bold);
132
+ --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
133
+ --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
134
+ --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);
135
+ --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
136
+ --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
137
+ --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
138
+ --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
139
+ --amplify-components-button-background-color: transparent;
140
+ --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
141
+ --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
142
+ --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
143
+ --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
144
+ --amplify-components-button-color: var(--amplify-colors-font-primary);
145
+ --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
146
+ --amplify-components-button-hover-background-color: var(--amplify-colors-primary-10);
147
+ --amplify-components-button-hover-border-color: var(--amplify-colors-primary-60);
148
+ --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
149
+ --amplify-components-button-focus-background-color: var(--amplify-colors-primary-10);
150
+ --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
151
+ --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
152
+ --amplify-components-button-active-color: var(--amplify-colors-font-active);
153
+ --amplify-components-button-active-background-color: var(--amplify-colors-primary-20);
154
+ --amplify-components-button-active-border-color: var(--amplify-colors-primary-100);
155
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
156
+ --amplify-components-button-loading-background-color: transparent;
157
+ --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
158
+ --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
159
+ --amplify-components-button-disabled-background-color: transparent;
160
+ --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
161
+ --amplify-components-button-outlined-info-border-color: var(--amplify-colors-blue-60);
162
+ --amplify-components-button-outlined-info-background-color: transparent;
163
+ --amplify-components-button-outlined-info-color: var(--amplify-colors-blue-100);
164
+ --amplify-components-button-outlined-info-hover-border-color: var(--amplify-colors-blue-60);
165
+ --amplify-components-button-outlined-info-hover-background-color: var(--amplify-colors-blue-10);
166
+ --amplify-components-button-outlined-info-hover-color: var(--amplify-colors-blue-100);
167
+ --amplify-components-button-outlined-info-focus-border-color: var(--amplify-colors-blue-100);
168
+ --amplify-components-button-outlined-info-focus-background-color: var(--amplify-colors-blue-10);
169
+ --amplify-components-button-outlined-info-focus-color: var(--amplify-colors-blue-100);
170
+ --amplify-components-button-outlined-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
171
+ --amplify-components-button-outlined-info-active-border-color: var(--amplify-colors-blue-100);
172
+ --amplify-components-button-outlined-info-active-background-color: var(--amplify-colors-blue-20);
173
+ --amplify-components-button-outlined-info-active-color: var(--amplify-colors-blue-100);
174
+ --amplify-components-button-outlined-warning-border-color: var(--amplify-colors-orange-60);
175
+ --amplify-components-button-outlined-warning-background-color: transparent;
176
+ --amplify-components-button-outlined-warning-color: var(--amplify-colors-orange-100);
177
+ --amplify-components-button-outlined-warning-hover-border-color: var(--amplify-colors-orange-60);
178
+ --amplify-components-button-outlined-warning-hover-background-color: var(--amplify-colors-orange-10);
179
+ --amplify-components-button-outlined-warning-hover-color: var(--amplify-colors-orange-100);
180
+ --amplify-components-button-outlined-warning-focus-border-color: var(--amplify-colors-orange-100);
181
+ --amplify-components-button-outlined-warning-focus-background-color: var(--amplify-colors-orange-10);
182
+ --amplify-components-button-outlined-warning-focus-color: var(--amplify-colors-orange-100);
183
+ --amplify-components-button-outlined-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
184
+ --amplify-components-button-outlined-warning-active-border-color: var(--amplify-colors-orange-100);
185
+ --amplify-components-button-outlined-warning-active-background-color: var(--amplify-colors-orange-20);
186
+ --amplify-components-button-outlined-warning-active-color: var(--amplify-colors-orange-100);
187
+ --amplify-components-button-outlined-success-border-color: var(--amplify-colors-green-60);
188
+ --amplify-components-button-outlined-success-background-color: transparent;
189
+ --amplify-components-button-outlined-success-color: var(--amplify-colors-green-100);
190
+ --amplify-components-button-outlined-success-hover-border-color: var(--amplify-colors-green-60);
191
+ --amplify-components-button-outlined-success-hover-background-color: var(--amplify-colors-green-10);
192
+ --amplify-components-button-outlined-success-hover-color: var(--amplify-colors-green-100);
193
+ --amplify-components-button-outlined-success-focus-border-color: var(--amplify-colors-green-100);
194
+ --amplify-components-button-outlined-success-focus-background-color: var(--amplify-colors-green-10);
195
+ --amplify-components-button-outlined-success-focus-color: var(--amplify-colors-green-100);
196
+ --amplify-components-button-outlined-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
197
+ --amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100);
198
+ --amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20);
199
+ --amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100);
200
+ --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-60);
201
+ --amplify-components-button-outlined-error-background-color: transparent;
202
+ --amplify-components-button-outlined-error-color: var(--amplify-colors-red-100);
203
+ --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-60);
204
+ --amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10);
205
+ --amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100);
206
+ --amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100);
207
+ --amplify-components-button-outlined-error-focus-background-color: var(--amplify-colors-red-10);
208
+ --amplify-components-button-outlined-error-focus-color: var(--amplify-colors-red-100);
209
+ --amplify-components-button-outlined-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
210
+ --amplify-components-button-outlined-error-active-border-color: var(--amplify-colors-red-100);
211
+ --amplify-components-button-outlined-error-active-background-color: var(--amplify-colors-red-20);
212
+ --amplify-components-button-outlined-error-active-color: var(--amplify-colors-red-100);
213
+ --amplify-components-button-outlined-overlay-border-color: var(--amplify-colors-overlay-60);
214
+ --amplify-components-button-outlined-overlay-background-color: transparent;
215
+ --amplify-components-button-outlined-overlay-color: var(--amplify-colors-font-primary);
216
+ --amplify-components-button-outlined-overlay-hover-border-color: var(--amplify-colors-overlay-60);
217
+ --amplify-components-button-outlined-overlay-hover-background-color: var(--amplify-colors-overlay-5);
218
+ --amplify-components-button-outlined-overlay-hover-color: var(--amplify-colors-neutral-90);
219
+ --amplify-components-button-outlined-overlay-focus-border-color: var(--amplify-colors-overlay-90);
220
+ --amplify-components-button-outlined-overlay-focus-background-color: var(--amplify-colors-overlay-5);
221
+ --amplify-components-button-outlined-overlay-focus-color: var(--amplify-colors-neutral-90);
222
+ --amplify-components-button-outlined-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
223
+ --amplify-components-button-outlined-overlay-active-border-color: var(--amplify-colors-overlay-90);
224
+ --amplify-components-button-outlined-overlay-active-background-color: var(--amplify-colors-overlay-10);
225
+ --amplify-components-button-outlined-overlay-active-color: var(--amplify-colors-neutral-100);
226
+ --amplify-components-button-primary-border-color: transparent;
227
+ --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
228
+ --amplify-components-button-primary-border-style: solid;
229
+ --amplify-components-button-primary-background-color: var(--amplify-colors-primary-80);
230
+ --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
231
+ --amplify-components-button-primary-disabled-border-color: transparent;
232
+ --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
233
+ --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
234
+ --amplify-components-button-primary-loading-border-color: transparent;
235
+ --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
236
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
237
+ --amplify-components-button-primary-hover-border-color: transparent;
238
+ --amplify-components-button-primary-hover-background-color: var(--amplify-colors-primary-90);
239
+ --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
240
+ --amplify-components-button-primary-focus-border-color: transparent;
241
+ --amplify-components-button-primary-focus-background-color: var(--amplify-colors-primary-90);
242
+ --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
243
+ --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
244
+ --amplify-components-button-primary-active-border-color: transparent;
245
+ --amplify-components-button-primary-active-background-color: var(--amplify-colors-primary-100);
246
+ --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
247
+ --amplify-components-button-primary-info-border-color: transparent;
248
+ --amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);
249
+ --amplify-components-button-primary-info-color: var(--amplify-colors-font-inverse);
250
+ --amplify-components-button-primary-info-hover-border-color: transparent;
251
+ --amplify-components-button-primary-info-hover-background-color: var(--amplify-colors-blue-90);
252
+ --amplify-components-button-primary-info-hover-color: var(--amplify-colors-font-inverse);
253
+ --amplify-components-button-primary-info-focus-border-color: transparent;
254
+ --amplify-components-button-primary-info-focus-background-color: var(--amplify-colors-blue-90);
255
+ --amplify-components-button-primary-info-focus-color: var(--amplify-colors-font-inverse);
256
+ --amplify-components-button-primary-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
257
+ --amplify-components-button-primary-info-active-border-color: transparent;
258
+ --amplify-components-button-primary-info-active-background-color: var(--amplify-colors-blue-100);
259
+ --amplify-components-button-primary-info-active-color: var(--amplify-colors-font-inverse);
260
+ --amplify-components-button-primary-warning-border-color: transparent;
261
+ --amplify-components-button-primary-warning-background-color: var(--amplify-colors-orange-80);
262
+ --amplify-components-button-primary-warning-color: var(--amplify-colors-font-inverse);
263
+ --amplify-components-button-primary-warning-hover-border-color: transparent;
264
+ --amplify-components-button-primary-warning-hover-background-color: var(--amplify-colors-orange-90);
265
+ --amplify-components-button-primary-warning-hover-color: var(--amplify-colors-font-inverse);
266
+ --amplify-components-button-primary-warning-focus-border-color: transparent;
267
+ --amplify-components-button-primary-warning-focus-background-color: var(--amplify-colors-orange-90);
268
+ --amplify-components-button-primary-warning-focus-color: var(--amplify-colors-font-inverse);
269
+ --amplify-components-button-primary-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
270
+ --amplify-components-button-primary-warning-active-border-color: transparent;
271
+ --amplify-components-button-primary-warning-active-background-color: var(--amplify-colors-orange-100);
272
+ --amplify-components-button-primary-warning-active-color: var(--amplify-colors-font-inverse);
273
+ --amplify-components-button-primary-error-border-color: transparent;
274
+ --amplify-components-button-primary-error-background-color: var(--amplify-colors-red-80);
275
+ --amplify-components-button-primary-error-color: var(--amplify-colors-font-inverse);
276
+ --amplify-components-button-primary-error-hover-border-color: transparent;
277
+ --amplify-components-button-primary-error-hover-background-color: var(--amplify-colors-red-90);
278
+ --amplify-components-button-primary-error-hover-color: var(--amplify-colors-font-inverse);
279
+ --amplify-components-button-primary-error-focus-border-color: transparent;
280
+ --amplify-components-button-primary-error-focus-background-color: var(--amplify-colors-red-90);
281
+ --amplify-components-button-primary-error-focus-color: var(--amplify-colors-font-inverse);
282
+ --amplify-components-button-primary-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
283
+ --amplify-components-button-primary-error-active-border-color: transparent;
284
+ --amplify-components-button-primary-error-active-background-color: var(--amplify-colors-red-100);
285
+ --amplify-components-button-primary-error-active-color: var(--amplify-colors-font-inverse);
286
+ --amplify-components-button-primary-success-border-color: transparent;
287
+ --amplify-components-button-primary-success-background-color: var(--amplify-colors-green-80);
288
+ --amplify-components-button-primary-success-color: var(--amplify-colors-font-inverse);
289
+ --amplify-components-button-primary-success-hover-border-color: transparent;
290
+ --amplify-components-button-primary-success-hover-background-color: var(--amplify-colors-green-90);
291
+ --amplify-components-button-primary-success-hover-color: var(--amplify-colors-font-inverse);
292
+ --amplify-components-button-primary-success-focus-border-color: transparent;
293
+ --amplify-components-button-primary-success-focus-background-color: var(--amplify-colors-green-90);
294
+ --amplify-components-button-primary-success-focus-color: var(--amplify-colors-font-inverse);
295
+ --amplify-components-button-primary-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
296
+ --amplify-components-button-primary-success-active-border-color: transparent;
297
+ --amplify-components-button-primary-success-active-background-color: var(--amplify-colors-green-100);
298
+ --amplify-components-button-primary-success-active-color: var(--amplify-colors-font-inverse);
299
+ --amplify-components-button-primary-overlay-border-color: transparent;
300
+ --amplify-components-button-primary-overlay-background-color: var(--amplify-colors-overlay-70);
301
+ --amplify-components-button-primary-overlay-color: var(--amplify-colors-font-inverse);
302
+ --amplify-components-button-primary-overlay-hover-border-color: transparent;
303
+ --amplify-components-button-primary-overlay-hover-background-color: var(--amplify-colors-overlay-90);
304
+ --amplify-components-button-primary-overlay-hover-color: var(--amplify-colors-font-inverse);
305
+ --amplify-components-button-primary-overlay-focus-border-color: transparent;
306
+ --amplify-components-button-primary-overlay-focus-background-color: var(--amplify-colors-overlay-90);
307
+ --amplify-components-button-primary-overlay-focus-color: var(--amplify-colors-font-inverse);
308
+ --amplify-components-button-primary-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
309
+ --amplify-components-button-primary-overlay-active-border-color: transparent;
310
+ --amplify-components-button-primary-overlay-active-background-color: var(--amplify-colors-overlay-90);
311
+ --amplify-components-button-primary-overlay-active-color: var(--amplify-colors-font-inverse);
312
+ --amplify-components-button-menu-border-width: var(--amplify-space-zero);
313
+ --amplify-components-button-menu-background-color: transparent;
314
+ --amplify-components-button-menu-justify-content: start;
315
+ --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
316
+ --amplify-components-button-menu-hover-background-color: var(--amplify-colors-primary-80);
317
+ --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
318
+ --amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80);
319
+ --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
320
+ --amplify-components-button-menu-active-background-color: var(--amplify-colors-primary-90);
321
+ --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
322
+ --amplify-components-button-link-background-color: transparent;
323
+ --amplify-components-button-link-border-color: transparent;
324
+ --amplify-components-button-link-border-width: var(--amplify-border-widths-small);
325
+ --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
326
+ --amplify-components-button-link-hover-border-color: transparent;
327
+ --amplify-components-button-link-hover-background-color: var(--amplify-colors-primary-10);
328
+ --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
329
+ --amplify-components-button-link-focus-border-color: transparent;
330
+ --amplify-components-button-link-focus-background-color: var(--amplify-colors-primary-10);
331
+ --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
332
+ --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
333
+ --amplify-components-button-link-active-border-color: transparent;
334
+ --amplify-components-button-link-active-background-color: var(--amplify-colors-primary-20);
335
+ --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
336
+ --amplify-components-button-link-disabled-border-color: transparent;
337
+ --amplify-components-button-link-disabled-background-color: transparent;
338
+ --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
339
+ --amplify-components-button-link-loading-border-color: transparent;
340
+ --amplify-components-button-link-loading-background-color: transparent;
341
+ --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
342
+ --amplify-components-button-link-info-border-color: transparent;
343
+ --amplify-components-button-link-info-background-color: transparent;
344
+ --amplify-components-button-link-info-color: var(--amplify-colors-blue-100);
345
+ --amplify-components-button-link-info-hover-border-color: transparent;
346
+ --amplify-components-button-link-info-hover-background-color: var(--amplify-colors-blue-10);
347
+ --amplify-components-button-link-info-hover-color: var(--amplify-colors-blue-90);
348
+ --amplify-components-button-link-info-focus-border-color: transparent;
349
+ --amplify-components-button-link-info-focus-background-color: var(--amplify-colors-blue-10);
350
+ --amplify-components-button-link-info-focus-color: var(--amplify-colors-blue-100);
351
+ --amplify-components-button-link-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
352
+ --amplify-components-button-link-info-active-border-color: transparent;
353
+ --amplify-components-button-link-info-active-background-color: var(--amplify-colors-blue-20);
354
+ --amplify-components-button-link-info-active-color: var(--amplify-colors-blue-100);
355
+ --amplify-components-button-link-warning-border-color: transparent;
356
+ --amplify-components-button-link-warning-background-color: transparent;
357
+ --amplify-components-button-link-warning-color: var(--amplify-colors-orange-100);
358
+ --amplify-components-button-link-warning-hover-border-color: transparent;
359
+ --amplify-components-button-link-warning-hover-background-color: var(--amplify-colors-orange-10);
360
+ --amplify-components-button-link-warning-hover-color: var(--amplify-colors-orange-90);
361
+ --amplify-components-button-link-warning-focus-border-color: transparent;
362
+ --amplify-components-button-link-warning-focus-background-color: var(--amplify-colors-orange-10);
363
+ --amplify-components-button-link-warning-focus-color: var(--amplify-colors-orange-100);
364
+ --amplify-components-button-link-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
365
+ --amplify-components-button-link-warning-active-border-color: transparent;
366
+ --amplify-components-button-link-warning-active-background-color: var(--amplify-colors-orange-20);
367
+ --amplify-components-button-link-warning-active-color: var(--amplify-colors-orange-100);
368
+ --amplify-components-button-link-success-border-color: transparent;
369
+ --amplify-components-button-link-success-background-color: transparent;
370
+ --amplify-components-button-link-success-color: var(--amplify-colors-green-100);
371
+ --amplify-components-button-link-success-hover-border-color: transparent;
372
+ --amplify-components-button-link-success-hover-background-color: var(--amplify-colors-green-10);
373
+ --amplify-components-button-link-success-hover-color: var(--amplify-colors-green-90);
374
+ --amplify-components-button-link-success-focus-border-color: transparent;
375
+ --amplify-components-button-link-success-focus-background-color: var(--amplify-colors-green-10);
376
+ --amplify-components-button-link-success-focus-color: var(--amplify-colors-green-100);
377
+ --amplify-components-button-link-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
378
+ --amplify-components-button-link-success-active-border-color: transparent;
379
+ --amplify-components-button-link-success-active-background-color: var(--amplify-colors-green-20);
380
+ --amplify-components-button-link-success-active-color: var(--amplify-colors-green-100);
381
+ --amplify-components-button-link-error-border-color: transparent;
382
+ --amplify-components-button-link-error-background-color: transparent;
383
+ --amplify-components-button-link-error-color: var(--amplify-colors-red-100);
384
+ --amplify-components-button-link-error-hover-border-color: transparent;
385
+ --amplify-components-button-link-error-hover-background-color: var(--amplify-colors-red-10);
386
+ --amplify-components-button-link-error-hover-color: var(--amplify-colors-red-90);
387
+ --amplify-components-button-link-error-focus-border-color: transparent;
388
+ --amplify-components-button-link-error-focus-background-color: var(--amplify-colors-red-10);
389
+ --amplify-components-button-link-error-focus-color: var(--amplify-colors-red-100);
390
+ --amplify-components-button-link-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
391
+ --amplify-components-button-link-error-active-border-color: transparent;
392
+ --amplify-components-button-link-error-active-background-color: var(--amplify-colors-red-20);
393
+ --amplify-components-button-link-error-active-color: var(--amplify-colors-red-100);
394
+ --amplify-components-button-link-overlay-border-color: transparent;
395
+ --amplify-components-button-link-overlay-background-color: transparent;
396
+ --amplify-components-button-link-overlay-color: var(--amplify-colors-neutral-100);
397
+ --amplify-components-button-link-overlay-hover-border-color: transparent;
398
+ --amplify-components-button-link-overlay-hover-background-color: var(--amplify-colors-overlay-5);
399
+ --amplify-components-button-link-overlay-hover-color: var(--amplify-colors-overlay-80);
400
+ --amplify-components-button-link-overlay-focus-border-color: transparent;
401
+ --amplify-components-button-link-overlay-focus-background-color: var(--amplify-colors-overlay-5);
402
+ --amplify-components-button-link-overlay-focus-color: var(--amplify-colors-overlay-90);
403
+ --amplify-components-button-link-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
404
+ --amplify-components-button-link-overlay-active-border-color: transparent;
405
+ --amplify-components-button-link-overlay-active-background-color: var(--amplify-colors-overlay-10);
406
+ --amplify-components-button-link-overlay-active-color: var(--amplify-colors-overlay-90);
407
+ --amplify-components-button-warning-background-color: transparent;
408
+ --amplify-components-button-warning-border-color: var(--amplify-colors-red-60);
409
+ --amplify-components-button-warning-border-width: var(--amplify-border-widths-small);
410
+ --amplify-components-button-warning-color: var(--amplify-colors-red-60);
411
+ --amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80);
412
+ --amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10);
413
+ --amplify-components-button-warning-hover-color: var(--amplify-colors-font-error);
414
+ --amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80);
415
+ --amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10);
416
+ --amplify-components-button-warning-focus-color: var(--amplify-colors-red-80);
417
+ --amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
418
+ --amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100);
419
+ --amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20);
420
+ --amplify-components-button-warning-active-color: var(--amplify-colors-red-100);
421
+ --amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary);
422
+ --amplify-components-button-warning-disabled-background-color: transparent;
423
+ --amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled);
424
+ --amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary);
425
+ --amplify-components-button-warning-loading-background-color: transparent;
426
+ --amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled);
427
+ --amplify-components-button-destructive-border-color: transparent;
428
+ --amplify-components-button-destructive-border-width: var(--amplify-border-widths-small);
429
+ --amplify-components-button-destructive-border-style: solid;
430
+ --amplify-components-button-destructive-background-color: var(--amplify-colors-red-60);
431
+ --amplify-components-button-destructive-color: var(--amplify-colors-font-inverse);
432
+ --amplify-components-button-destructive-disabled-border-color: transparent;
433
+ --amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled);
434
+ --amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled);
435
+ --amplify-components-button-destructive-loading-border-color: transparent;
436
+ --amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled);
437
+ --amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled);
438
+ --amplify-components-button-destructive-hover-border-color: transparent;
439
+ --amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80);
440
+ --amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse);
441
+ --amplify-components-button-destructive-focus-border-color: transparent;
442
+ --amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80);
443
+ --amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse);
444
+ --amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
445
+ --amplify-components-button-destructive-active-border-color: transparent;
446
+ --amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100);
447
+ --amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse);
448
+ --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
449
+ --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
450
+ --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
451
+ --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
452
+ --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
453
+ --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
454
+ --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
455
+ --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
456
+ --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
457
+ --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
458
+ --amplify-components-button-loader-wrapper-align-items: center;
459
+ --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
460
+ --amplify-components-card-background-color: var(--amplify-colors-background-primary);
461
+ --amplify-components-card-border-radius: var(--amplify-radii-xs);
462
+ --amplify-components-card-border-width: 0;
463
+ --amplify-components-card-border-style: solid;
464
+ --amplify-components-card-border-color: transparent;
465
+ --amplify-components-card-box-shadow: none;
466
+ --amplify-components-card-padding: var(--amplify-space-medium);
467
+ --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
468
+ --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
469
+ --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
470
+ --amplify-components-card-outlined-border-style: solid;
471
+ --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
472
+ --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
473
+ --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
474
+ --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
475
+ --amplify-components-card-elevated-border-width: 0;
476
+ --amplify-components-card-elevated-border-style: solid;
477
+ --amplify-components-card-elevated-border-color: transparent;
478
+ --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
479
+ --amplify-components-checkbox-cursor: pointer;
480
+ --amplify-components-checkbox-align-items: center;
481
+ --amplify-components-checkbox-disabled-cursor: not-allowed;
482
+ --amplify-components-checkbox-button-position: relative;
483
+ --amplify-components-checkbox-button-align-items: center;
484
+ --amplify-components-checkbox-button-justify-content: center;
485
+ --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
486
+ --amplify-components-checkbox-button-before-width: 100%;
487
+ --amplify-components-checkbox-button-before-height: 100%;
488
+ --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
489
+ --amplify-components-checkbox-button-before-border-radius: 20%;
490
+ --amplify-components-checkbox-button-before-border-style: solid;
491
+ --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
492
+ --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
493
+ --amplify-components-checkbox-button-focus-outline-style: solid;
494
+ --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
495
+ --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
496
+ --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
497
+ --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
498
+ --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
499
+ --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
500
+ --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
501
+ --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
502
+ --amplify-components-checkbox-icon-background-color: var(--amplify-colors-primary-80);
503
+ --amplify-components-checkbox-icon-border-radius: 20%;
504
+ --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
505
+ --amplify-components-checkbox-icon-transform: scale(0);
506
+ --amplify-components-checkbox-icon-transition-property: all;
507
+ --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
508
+ --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
509
+ --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
510
+ --amplify-components-checkbox-icon-checked-transform: scale(1);
511
+ --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
512
+ --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
513
+ --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
514
+ --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
515
+ --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
516
+ --amplify-components-checkboxfield-align-items: flex-start;
517
+ --amplify-components-checkboxfield-align-content: center;
518
+ --amplify-components-checkboxfield-flex-direction: column;
519
+ --amplify-components-checkboxfield-justify-content: center;
520
+ --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
521
+ --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
522
+ --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
523
+ --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
524
+ --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
525
+ --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
526
+ --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
527
+ --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
528
+ --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
529
+ --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
530
+ --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
531
+ --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
532
+ --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
533
+ --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
534
+ --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
535
+ --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
536
+ --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
537
+ --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
538
+ --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
539
+ --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
540
+ --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
541
+ --amplify-components-copy-gap: var(--amplify-space-relative-medium);
542
+ --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
543
+ --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
544
+ --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
545
+ --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
546
+ --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
547
+ --amplify-components-divider-border-style: solid;
548
+ --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
549
+ --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
550
+ --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
551
+ --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
552
+ --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
553
+ --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
554
+ --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
555
+ --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
556
+ --amplify-components-divider-opacity: var(--amplify-opacities-60);
557
+ --amplify-components-dropzone-background-color: var(--amplify-colors-background-primary);
558
+ --amplify-components-dropzone-border-radius: var(--amplify-radii-small);
559
+ --amplify-components-dropzone-border-color: var(--amplify-colors-border-primary);
560
+ --amplify-components-dropzone-border-style: dashed;
561
+ --amplify-components-dropzone-border-width: var(--amplify-border-widths-small);
562
+ --amplify-components-dropzone-color: var(--amplify-colors-font-primary);
563
+ --amplify-components-dropzone-gap: var(--amplify-space-small);
564
+ --amplify-components-dropzone-padding-block: var(--amplify-space-xl);
565
+ --amplify-components-dropzone-padding-inline: var(--amplify-space-large);
566
+ --amplify-components-dropzone-text-align: center;
567
+ --amplify-components-dropzone-active-background-color: var(--amplify-colors-primary-10);
568
+ --amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);
569
+ --amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);
570
+ --amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);
571
+ --amplify-components-dropzone-active-border-width: var(--amplify-components-dropzone-border-width);
572
+ --amplify-components-dropzone-active-color: var(--amplify-colors-font-primary);
573
+ --amplify-components-dropzone-disabled-background-color: var(--amplify-colors-background-disabled);
574
+ --amplify-components-dropzone-disabled-border-radius: var(--amplify-components-dropzone-border-radius);
575
+ --amplify-components-dropzone-disabled-border-color: var(--amplify-colors-border-disabled);
576
+ --amplify-components-dropzone-disabled-border-style: var(--amplify-components-dropzone-border-style);
577
+ --amplify-components-dropzone-disabled-border-width: var(--amplify-components-dropzone-border-width);
578
+ --amplify-components-dropzone-disabled-color: var(--amplify-colors-font-disabled);
579
+ --amplify-components-dropzone-accepted-background-color: var(--amplify-colors-background-success);
580
+ --amplify-components-dropzone-accepted-border-radius: var(--amplify-components-dropzone-border-radius);
581
+ --amplify-components-dropzone-accepted-border-color: var(--amplify-colors-border-success);
582
+ --amplify-components-dropzone-accepted-border-style: var(--amplify-components-dropzone-border-style);
583
+ --amplify-components-dropzone-accepted-border-width: var(--amplify-components-dropzone-border-width);
584
+ --amplify-components-dropzone-accepted-color: var(--amplify-colors-font-success);
585
+ --amplify-components-dropzone-rejected-background-color: var(--amplify-colors-background-error);
586
+ --amplify-components-dropzone-rejected-border-radius: var(--amplify-components-dropzone-border-radius);
587
+ --amplify-components-dropzone-rejected-border-color: var(--amplify-colors-border-pressed);
588
+ --amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);
589
+ --amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);
590
+ --amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);
591
+ --amplify-components-field-gap: var(--amplify-space-xs);
592
+ --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
593
+ --amplify-components-field-flex-direction: column;
594
+ --amplify-components-field-small-gap: var(--amplify-space-xxxs);
595
+ --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
596
+ --amplify-components-field-large-gap: var(--amplify-space-small);
597
+ --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
598
+ --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
599
+ --amplify-components-fieldcontrol-border-style: solid;
600
+ --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
601
+ --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
602
+ --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
603
+ --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
604
+ --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
605
+ --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
606
+ --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
607
+ --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
608
+ --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
609
+ --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
610
+ --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
611
+ --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
612
+ --amplify-components-fieldcontrol-outline-style: solid;
613
+ --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
614
+ --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
615
+ --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
616
+ --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
617
+ --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
618
+ --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
619
+ --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
620
+ --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
621
+ --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
622
+ --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
623
+ --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
624
+ --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
625
+ --amplify-components-fieldcontrol-quiet-border-style: none;
626
+ --amplify-components-fieldcontrol-quiet-border-inline-start: none;
627
+ --amplify-components-fieldcontrol-quiet-border-inline-end: none;
628
+ --amplify-components-fieldcontrol-quiet-border-block-start: none;
629
+ --amplify-components-fieldcontrol-quiet-border-radius: 0;
630
+ --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
631
+ --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
632
+ --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
633
+ --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
634
+ --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
635
+ --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
636
+ --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
637
+ --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
638
+ --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
639
+ --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
640
+ --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
641
+ --amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error);
642
+ --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
643
+ --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
644
+ --amplify-components-fieldgroup-vertical-align-items: center;
645
+ --amplify-components-fieldgroup-outer-align-items: center;
646
+ --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
647
+ --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
648
+ --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
649
+ --amplify-components-fieldmessages-description-font-style: italic;
650
+ --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
651
+ --amplify-components-fieldset-background-color: transparent;
652
+ --amplify-components-fieldset-border-radius: var(--amplify-radii-xs);
653
+ --amplify-components-fieldset-flex-direction: column;
654
+ --amplify-components-fieldset-gap: var(--amplify-components-field-gap);
655
+ --amplify-components-fieldset-legend-color: var(--amplify-colors-font-primary);
656
+ --amplify-components-fieldset-legend-font-size: var(--amplify-components-field-font-size);
657
+ --amplify-components-fieldset-legend-font-weight: var(--amplify-font-weights-bold);
658
+ --amplify-components-fieldset-legend-line-height: var(--amplify-line-heights-medium);
659
+ --amplify-components-fieldset-legend-small-font-size: var(--amplify-components-field-small-font-size);
660
+ --amplify-components-fieldset-legend-large-font-size: var(--amplify-components-field-large-font-size);
661
+ --amplify-components-fieldset-outlined-padding: var(--amplify-space-medium);
662
+ --amplify-components-fieldset-outlined-border-color: var(--amplify-colors-neutral-40);
663
+ --amplify-components-fieldset-outlined-border-width: var(--amplify-border-widths-small);
664
+ --amplify-components-fieldset-outlined-border-style: solid;
665
+ --amplify-components-fieldset-outlined-small-padding: var(--amplify-space-small);
666
+ --amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
667
+ --amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
668
+ --amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);
669
+ --amplify-components-flex-gap: var(--amplify-space-medium);
670
+ --amplify-components-flex-justify-content: normal;
671
+ --amplify-components-flex-align-items: stretch;
672
+ --amplify-components-flex-align-content: normal;
673
+ --amplify-components-flex-flex-wrap: nowrap;
674
+ --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
675
+ --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
676
+ --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
677
+ --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
678
+ --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
679
+ --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
680
+ --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
681
+ --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
682
+ --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
683
+ --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
684
+ --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
685
+ --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
686
+ --amplify-components-heading-color: var(--amplify-colors-font-primary);
687
+ --amplify-components-heading-line-height: var(--amplify-line-heights-small);
688
+ --amplify-components-icon-line-height: 1;
689
+ --amplify-components-icon-height: 1em;
690
+ --amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold);
691
+ --amplify-components-image-max-width: 100%;
692
+ --amplify-components-image-height: auto;
693
+ --amplify-components-image-object-fit: initial;
694
+ --amplify-components-image-object-position: initial;
695
+ --amplify-components-inappmessaging-banner-height: 150px ;
696
+ --amplify-components-inappmessaging-banner-width: 400px ;
697
+ --amplify-components-inappmessaging-button-background-color: #e8e8e8;
698
+ --amplify-components-inappmessaging-button-border-radius: 5px;
699
+ --amplify-components-inappmessaging-button-color: black;
700
+ --amplify-components-inappmessaging-dialog-height: 50vh;
701
+ --amplify-components-inappmessaging-dialog-min-height: 400px;
702
+ --amplify-components-inappmessaging-dialog-min-width: 400px;
703
+ --amplify-components-inappmessaging-dialog-width: 30vw;
704
+ --amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium);
705
+ --amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold);
706
+ --amplify-components-input-color: var(--amplify-components-fieldcontrol-color);
707
+ --amplify-components-input-border-color: var(--amplify-components-fieldcontrol-border-color);
708
+ --amplify-components-input-font-size: var(--amplify-components-fieldcontrol-font-size);
709
+ --amplify-components-input-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
710
+ --amplify-components-link-active-color: var(--amplify-colors-font-active);
711
+ --amplify-components-link-color: var(--amplify-colors-font-interactive);
712
+ --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
713
+ --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
714
+ --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
715
+ --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
716
+ --amplify-components-loader-width: var(--amplify-font-sizes-medium);
717
+ --amplify-components-loader-height: var(--amplify-font-sizes-medium);
718
+ --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
719
+ --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
720
+ --amplify-components-loader-stroke-filled: var(--amplify-colors-primary-80);
721
+ --amplify-components-loader-stroke-linecap: round;
722
+ --amplify-components-loader-animation-duration: 1s;
723
+ --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
724
+ --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
725
+ --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
726
+ --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
727
+ --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
728
+ --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
729
+ --amplify-components-loader-linear-width: 100%;
730
+ --amplify-components-loader-linear-min-width: 5rem;
731
+ --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);
732
+ --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
733
+ --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-primary-80);
734
+ --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
735
+ --amplify-components-loader-linear-stroke-linecap: round;
736
+ --amplify-components-loader-linear-animation-duration: 1s;
737
+ --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);
738
+ --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs);
739
+ --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);
740
+ --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs);
741
+ --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
742
+ --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
743
+ --amplify-components-menu-border-radius: var(--amplify-radii-medium);
744
+ --amplify-components-menu-border-width: var(--amplify-border-widths-small);
745
+ --amplify-components-menu-border-style: solid;
746
+ --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
747
+ --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
748
+ --amplify-components-menu-flex-direction: column;
749
+ --amplify-components-menu-gap: var(--amplify-space-zero);
750
+ --amplify-components-menu-max-width: 30rem;
751
+ --amplify-components-menu-min-width: 14rem;
752
+ --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
753
+ --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
754
+ --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
755
+ --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
756
+ --amplify-components-menu-item-min-height: 2.5rem;
757
+ --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
758
+ --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
759
+ --amplify-components-message-align-items: center;
760
+ --amplify-components-message-background-color: var(--amplify-colors-background-tertiary);
761
+ --amplify-components-message-border-color: transparent;
762
+ --amplify-components-message-border-style: solid;
763
+ --amplify-components-message-border-width: var(--amplify-border-widths-small);
764
+ --amplify-components-message-border-radius: var(--amplify-radii-xs);
765
+ --amplify-components-message-color: var(--amplify-colors-font-primary);
766
+ --amplify-components-message-justify-content: flex-start;
767
+ --amplify-components-message-padding-block: var(--amplify-space-small);
768
+ --amplify-components-message-padding-inline: var(--amplify-space-medium);
769
+ --amplify-components-message-line-height: var(--amplify-line-heights-small);
770
+ --amplify-components-message-icon-size: var(--amplify-font-sizes-xl);
771
+ --amplify-components-message-heading-font-size: var(--amplify-font-sizes-medium);
772
+ --amplify-components-message-heading-font-weight: var(--amplify-font-weights-bold);
773
+ --amplify-components-message-dismiss-gap: var(--amplify-space-xxs);
774
+ --amplify-components-message-plain-color: var(--amplify-colors-font-primary);
775
+ --amplify-components-message-plain-background-color: var(--amplify-colors-background-primary);
776
+ --amplify-components-message-plain-border-color: transparent;
777
+ --amplify-components-message-plain-info-color: var(--amplify-colors-font-info);
778
+ --amplify-components-message-plain-info-background-color: var(--amplify-colors-background-primary);
779
+ --amplify-components-message-plain-info-border-color: transparent;
780
+ --amplify-components-message-plain-error-color: var(--amplify-colors-font-error);
781
+ --amplify-components-message-plain-error-background-color: var(--amplify-colors-background-primary);
782
+ --amplify-components-message-plain-error-border-color: transparent;
783
+ --amplify-components-message-plain-success-color: var(--amplify-colors-font-success);
784
+ --amplify-components-message-plain-success-background-color: var(--amplify-colors-background-primary);
785
+ --amplify-components-message-plain-success-border-color: transparent;
786
+ --amplify-components-message-plain-warning-color: var(--amplify-colors-font-warning);
787
+ --amplify-components-message-plain-warning-background-color: var(--amplify-colors-background-primary);
788
+ --amplify-components-message-plain-warning-border-color: transparent;
789
+ --amplify-components-message-outlined-color: var(--amplify-colors-font-primary);
790
+ --amplify-components-message-outlined-background-color: var(--amplify-colors-background-primary);
791
+ --amplify-components-message-outlined-border-color: var(--amplify-colors-border-primary);
792
+ --amplify-components-message-outlined-info-color: var(--amplify-colors-font-info);
793
+ --amplify-components-message-outlined-info-background-color: var(--amplify-colors-background-primary);
794
+ --amplify-components-message-outlined-info-border-color: var(--amplify-colors-border-info);
795
+ --amplify-components-message-outlined-error-color: var(--amplify-colors-font-error);
796
+ --amplify-components-message-outlined-error-background-color: var(--amplify-colors-background-primary);
797
+ --amplify-components-message-outlined-error-border-color: var(--amplify-colors-border-error);
798
+ --amplify-components-message-outlined-success-color: var(--amplify-colors-font-success);
799
+ --amplify-components-message-outlined-success-background-color: var(--amplify-colors-background-primary);
800
+ --amplify-components-message-outlined-success-border-color: var(--amplify-colors-border-success);
801
+ --amplify-components-message-outlined-warning-color: var(--amplify-colors-font-warning);
802
+ --amplify-components-message-outlined-warning-background-color: var(--amplify-colors-background-primary);
803
+ --amplify-components-message-outlined-warning-border-color: var(--amplify-colors-border-warning);
804
+ --amplify-components-message-filled-color: var(--amplify-colors-font-primary);
805
+ --amplify-components-message-filled-background-color: var(--amplify-colors-background-secondary);
806
+ --amplify-components-message-filled-border-color: transparent;
807
+ --amplify-components-message-filled-info-color: var(--amplify-colors-font-info);
808
+ --amplify-components-message-filled-info-background-color: var(--amplify-colors-background-info);
809
+ --amplify-components-message-filled-info-border-color: transparent;
810
+ --amplify-components-message-filled-error-color: var(--amplify-colors-font-error);
811
+ --amplify-components-message-filled-error-background-color: var(--amplify-colors-background-error);
812
+ --amplify-components-message-filled-error-border-color: transparent;
813
+ --amplify-components-message-filled-success-color: var(--amplify-colors-font-success);
814
+ --amplify-components-message-filled-success-background-color: var(--amplify-colors-background-success);
815
+ --amplify-components-message-filled-success-border-color: transparent;
816
+ --amplify-components-message-filled-warning-color: var(--amplify-colors-font-warning);
817
+ --amplify-components-message-filled-warning-background-color: var(--amplify-colors-background-warning);
818
+ --amplify-components-message-filled-warning-border-color: transparent;
819
+ --amplify-components-pagination-current-align-items: center;
820
+ --amplify-components-pagination-current-justify-content: center;
821
+ --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
822
+ --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
823
+ --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
824
+ --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
825
+ --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
826
+ --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
827
+ --amplify-components-pagination-button-transition-property: background-color;
828
+ --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
829
+ --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
830
+ --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
831
+ --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
832
+ --amplify-components-pagination-ellipsis-align-items: baseline;
833
+ --amplify-components-pagination-ellipsis-justify-content: center;
834
+ --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
835
+ --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
836
+ --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
837
+ --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
838
+ --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
839
+ --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
840
+ --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
841
+ --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
842
+ --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
843
+ --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
844
+ --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
845
+ --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
846
+ --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
847
+ --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
848
+ --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
849
+ --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
850
+ --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
851
+ --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
852
+ --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
853
+ --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
854
+ --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
855
+ --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);
856
+ --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);
857
+ --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);
858
+ --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
859
+ --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
860
+ --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
861
+ --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
862
+ --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
863
+ --amplify-components-placeholder-small-height: var(--amplify-space-small);
864
+ --amplify-components-placeholder-default-height: var(--amplify-space-medium);
865
+ --amplify-components-placeholder-large-height: var(--amplify-space-large);
866
+ --amplify-components-radio-align-items: center;
867
+ --amplify-components-radio-justify-content: flex-start;
868
+ --amplify-components-radio-gap: inherit;
869
+ --amplify-components-radio-disabled-cursor: not-allowed;
870
+ --amplify-components-radio-button-align-items: center;
871
+ --amplify-components-radio-button-justify-content: center;
872
+ --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
873
+ --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
874
+ --amplify-components-radio-button-box-sizing: border-box;
875
+ --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
876
+ --amplify-components-radio-button-border-style: solid;
877
+ --amplify-components-radio-button-border-radius: 50%;
878
+ --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
879
+ --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
880
+ --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
881
+ --amplify-components-radio-button-transition-property: all;
882
+ --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
883
+ --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
884
+ --amplify-components-radio-button-outline-style: solid;
885
+ --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
886
+ --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
887
+ --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
888
+ --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
889
+ --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
890
+ --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
891
+ --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
892
+ --amplify-components-radio-button-checked-color: var(--amplify-colors-primary-80);
893
+ --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
894
+ --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
895
+ --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
896
+ --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
897
+ --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
898
+ --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
899
+ --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
900
+ --amplify-components-radio-label-color: var(--amplify-components-text-color);
901
+ --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
902
+ --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
903
+ --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);
904
+ --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
905
+ --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
906
+ --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
907
+ --amplify-components-radiogroup-legend-color: var(--amplify-components-fieldset-legend-color);
908
+ --amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal);
909
+ --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
910
+ --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
911
+ --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
912
+ --amplify-components-rating-filled-color: var(--amplify-colors-secondary-80);
913
+ --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
914
+ --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
915
+ --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
916
+ --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
917
+ --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
918
+ --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
919
+ --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
920
+ --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
921
+ --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
922
+ --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
923
+ --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
924
+ --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
925
+ --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
926
+ --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
927
+ --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
928
+ --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
929
+ --amplify-components-select-color: var(--amplify-components-fieldcontrol-color);
930
+ --amplify-components-select-background-color: var(--amplify-colors-background-primary);
931
+ --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
932
+ --amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);
933
+ --amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);
934
+ --amplify-components-select-wrapper-flex: 1;
935
+ --amplify-components-select-wrapper-display: block;
936
+ --amplify-components-select-wrapper-position: relative;
937
+ --amplify-components-select-wrapper-cursor: pointer;
938
+ --amplify-components-select-icon-wrapper-align-items: center;
939
+ --amplify-components-select-icon-wrapper-position: absolute;
940
+ --amplify-components-select-icon-wrapper-top: 50%;
941
+ --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
942
+ --amplify-components-select-icon-wrapper-transform: translateY(-50%);
943
+ --amplify-components-select-icon-wrapper-pointer-events: none;
944
+ --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
945
+ --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
946
+ --amplify-components-select-option-background-color: transparent;
947
+ --amplify-components-select-option-color: var(--amplify-colors-font-primary);
948
+ --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
949
+ --amplify-components-select-option-disabled-background-color: transparent;
950
+ --amplify-components-select-white-space: nowrap;
951
+ --amplify-components-select-min-width: 6.5rem;
952
+ --amplify-components-select-small-min-width: 5.5rem;
953
+ --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
954
+ --amplify-components-select-large-min-width: 7.5rem;
955
+ --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
956
+ --amplify-components-select-expanded-padding-block: var(--amplify-space-xs);
957
+ --amplify-components-select-expanded-padding-inline: var(--amplify-space-small);
958
+ --amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);
959
+ --amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);
960
+ --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
961
+ --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
962
+ --amplify-components-selectfield-flex-direction: column;
963
+ --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);
964
+ --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
965
+ --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);
966
+ --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
967
+ --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
968
+ --amplify-components-sliderfield-track-border-radius: 9999px;
969
+ --amplify-components-sliderfield-track-height: 0.375rem;
970
+ --amplify-components-sliderfield-track-min-width: 10rem;
971
+ --amplify-components-sliderfield-range-background-color: var(--amplify-colors-primary-80);
972
+ --amplify-components-sliderfield-range-border-radius: 9999px;
973
+ --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
974
+ --amplify-components-sliderfield-thumb-width: 1.25rem;
975
+ --amplify-components-sliderfield-thumb-height: 1.25rem;
976
+ --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
977
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
978
+ --amplify-components-sliderfield-thumb-border-radius: 50%;
979
+ --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
980
+ --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
981
+ --amplify-components-sliderfield-thumb-border-style: solid;
982
+ --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
983
+ --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
984
+ --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
985
+ --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
986
+ --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
987
+ --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
988
+ --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
989
+ --amplify-components-sliderfield-small-track-height: 0.25rem;
990
+ --amplify-components-sliderfield-small-thumb-width: 1rem;
991
+ --amplify-components-sliderfield-small-thumb-height: 1rem;
992
+ --amplify-components-sliderfield-large-track-height: 0.625rem;
993
+ --amplify-components-sliderfield-large-thumb-width: 1.5rem;
994
+ --amplify-components-sliderfield-large-thumb-height: 1.5rem;
995
+ --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);
996
+ --amplify-components-stepperfield-flex-direction: column;
997
+ --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);
998
+ --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);
999
+ --amplify-components-stepperfield-input-text-align: center;
1000
+ --amplify-components-stepperfield-button-color: var(--amplify-components-button-color);
1001
+ --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
1002
+ --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
1003
+ --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);
1004
+ --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
1005
+ --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
1006
+ --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);
1007
+ --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
1008
+ --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
1009
+ --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
1010
+ --amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary);
1011
+ --amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small);
1012
+ --amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary);
1013
+ --amplify-components-storagemanager-dropzone-border-style: dashed;
1014
+ --amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small);
1015
+ --amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small);
1016
+ --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);
1017
+ --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
1018
+ --amplify-components-storagemanager-dropzone-text-align: center;
1019
+ --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-primary-10);
1020
+ --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
1021
+ --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
1022
+ --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);
1023
+ --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
1024
+ --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
1025
+ --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
1026
+ --amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary);
1027
+ --amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium);
1028
+ --amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold);
1029
+ --amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary);
1030
+ --amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small);
1031
+ --amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary);
1032
+ --amplify-components-storagemanager-file-border-style: solid;
1033
+ --amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small);
1034
+ --amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs);
1035
+ --amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small);
1036
+ --amplify-components-storagemanager-file-gap: var(--amplify-space-small);
1037
+ --amplify-components-storagemanager-file-align-items: baseline;
1038
+ --amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium);
1039
+ --amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold);
1040
+ --amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary);
1041
+ --amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small);
1042
+ --amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal);
1043
+ --amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary);
1044
+ --amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl);
1045
+ --amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl);
1046
+ --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
1047
+ --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
1048
+ --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
1049
+ --amplify-components-storagemanager-filelist-flex-direction: column;
1050
+ --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
1051
+ --amplify-components-storagemanager-loader-stroke-linecap: round;
1052
+ --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
1053
+ --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
1054
+ --amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large);
1055
+ --amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary);
1056
+ --amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary);
1057
+ --amplify-components-storagemanager-previewer-border-style: solid;
1058
+ --amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small);
1059
+ --amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small);
1060
+ --amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero);
1061
+ --amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero);
1062
+ --amplify-components-storagemanager-previewer-max-height: 40rem;
1063
+ --amplify-components-storagemanager-previewer-max-width: auto;
1064
+ --amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium);
1065
+ --amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold);
1066
+ --amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary);
1067
+ --amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium);
1068
+ --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
1069
+ --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
1070
+ --amplify-components-storagemanager-previewer-footer-justify-content: flex-end;
1071
+ --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
1072
+ --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
1073
+ --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
1074
+ --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
1075
+ --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
1076
+ --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
1077
+ --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
1078
+ --amplify-components-switchfield-thumb-border-color: transparent;
1079
+ --amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);
1080
+ --amplify-components-switchfield-thumb-border-style: solid;
1081
+ --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
1082
+ --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
1083
+ --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
1084
+ --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
1085
+ --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
1086
+ --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
1087
+ --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-primary-80);
1088
+ --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
1089
+ --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
1090
+ --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
1091
+ --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
1092
+ --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);
1093
+ --amplify-components-table-border-collapse: collapse;
1094
+ --amplify-components-table-display: table;
1095
+ --amplify-components-table-width: 100%;
1096
+ --amplify-components-table-head-display: table-header-group;
1097
+ --amplify-components-table-head-vertical-align: middle;
1098
+ --amplify-components-table-body-display: table-row-group;
1099
+ --amplify-components-table-body-vertical-align: middle;
1100
+ --amplify-components-table-foot-display: table-footer-group;
1101
+ --amplify-components-table-foot-vertical-align: middle;
1102
+ --amplify-components-table-row-display: table-row;
1103
+ --amplify-components-table-row-vertical-align: middle;
1104
+ --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
1105
+ --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
1106
+ --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
1107
+ --amplify-components-table-header-border-style: solid;
1108
+ --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
1109
+ --amplify-components-table-header-color: var(--amplify-colors-font-primary);
1110
+ --amplify-components-table-header-display: table-cell;
1111
+ --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
1112
+ --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);
1113
+ --amplify-components-table-header-padding: var(--amplify-space-medium);
1114
+ --amplify-components-table-header-vertical-align: middle;
1115
+ --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
1116
+ --amplify-components-table-header-large-padding: var(--amplify-space-large);
1117
+ --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
1118
+ --amplify-components-table-header-small-padding: var(--amplify-space-xs);
1119
+ --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
1120
+ --amplify-components-table-data-border-style: solid;
1121
+ --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
1122
+ --amplify-components-table-data-color: var(--amplify-colors-font-primary);
1123
+ --amplify-components-table-data-display: table-cell;
1124
+ --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
1125
+ --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);
1126
+ --amplify-components-table-data-padding: var(--amplify-space-medium);
1127
+ --amplify-components-table-data-vertical-align: middle;
1128
+ --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
1129
+ --amplify-components-table-data-large-padding: var(--amplify-space-large);
1130
+ --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
1131
+ --amplify-components-table-data-small-padding: var(--amplify-space-xs);
1132
+ --amplify-components-table-caption-caption-side: bottom;
1133
+ --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
1134
+ --amplify-components-table-caption-display: table-caption;
1135
+ --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
1136
+ --amplify-components-table-caption-text-align: center;
1137
+ --amplify-components-table-caption-word-break: break-all;
1138
+ --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
1139
+ --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
1140
+ --amplify-components-tabs-background-color: transparent;
1141
+ --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
1142
+ --amplify-components-tabs-border-style: solid;
1143
+ --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
1144
+ --amplify-components-tabs-gap: 0;
1145
+ --amplify-components-tabs-item-background-color: transparent;
1146
+ --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
1147
+ --amplify-components-tabs-item-border-style: solid;
1148
+ --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
1149
+ --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
1150
+ --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
1151
+ --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);
1152
+ --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
1153
+ --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
1154
+ --amplify-components-tabs-item-text-align: center;
1155
+ --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
1156
+ --amplify-components-tabs-item-hover-background-color: transparent;
1157
+ --amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus);
1158
+ --amplify-components-tabs-item-hover-box-shadow: none;
1159
+ --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
1160
+ --amplify-components-tabs-item-focus-background-color: transparent;
1161
+ --amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus);
1162
+ --amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus);
1163
+ --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
1164
+ --amplify-components-tabs-item-active-background-color: transparent;
1165
+ --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
1166
+ --amplify-components-tabs-item-active-box-shadow: none;
1167
+ --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
1168
+ --amplify-components-tabs-item-disabled-background-color: transparent;
1169
+ --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
1170
+ --amplify-components-tabs-item-disabled-box-shadow: none;
1171
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
1172
+ --amplify-components-tabs-panel-background-color: transparent;
1173
+ --amplify-components-tabs-panel-padding-inline: 0;
1174
+ --amplify-components-tabs-panel-padding-block: var(--amplify-space-small);
1175
+ --amplify-components-text-color: var(--amplify-colors-font-primary);
1176
+ --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
1177
+ --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
1178
+ --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
1179
+ --amplify-components-text-error-color: var(--amplify-colors-font-error);
1180
+ --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
1181
+ --amplify-components-text-success-color: var(--amplify-colors-font-success);
1182
+ --amplify-components-text-info-color: var(--amplify-colors-font-info);
1183
+ --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
1184
+ --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
1185
+ --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
1186
+ --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
1187
+ --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
1188
+ --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);
1189
+ --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
1190
+ --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
1191
+ --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
1192
+ --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
1193
+ --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
1194
+ --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
1195
+ --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
1196
+ --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
1197
+ --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
1198
+ --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
1199
+ --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
1200
+ --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
1201
+ --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
1202
+ --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
1203
+ --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
1204
+ --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
1205
+ --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
1206
+ --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
1207
+ --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
1208
+ --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
1209
+ --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
1210
+ --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
1211
+ --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
1212
+ --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
1213
+ --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
1214
+ --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-primary-80);
1215
+ --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-primary-80);
1216
+ --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
1217
+ --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
1218
+ --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
1219
+ --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
1220
+ --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-primary-60);
1221
+ --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60);
1222
+ --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-primary-60);
1223
+ --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
1224
+ --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
1225
+ --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
1226
+ --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
1227
+ --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
1228
+ --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
1229
+ --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
1230
+ --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);
1231
+ --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
1232
+ --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
1233
+ --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
1234
+ --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);
1235
+ --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);
1236
+ --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);
1237
+ --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
1238
+ --amplify-components-togglebuttongroup-align-items: center;
1239
+ --amplify-components-togglebuttongroup-align-content: center;
1240
+ --amplify-components-togglebuttongroup-justify-content: flex-start;
1241
+ --amplify-border-widths-small: 1px;
1242
+ --amplify-border-widths-medium: 2px;
1243
+ --amplify-border-widths-large: 3px;
1244
+ --amplify-colors-red-10: hsl(0, 75%, 95%);
1245
+ --amplify-colors-red-20: hsl(0, 75%, 85%);
1246
+ --amplify-colors-red-40: hsl(0, 75%, 75%);
1247
+ --amplify-colors-red-60: hsl(0, 50%, 50%);
1248
+ --amplify-colors-red-80: hsl(0, 95%, 30%);
1249
+ --amplify-colors-red-90: hsl(0, 100%, 20%);
1250
+ --amplify-colors-red-100: hsl(0, 100%, 15%);
1251
+ --amplify-colors-orange-10: hsl(30, 75%, 95%);
1252
+ --amplify-colors-orange-20: hsl(30, 75%, 85%);
1253
+ --amplify-colors-orange-40: hsl(30, 75%, 75%);
1254
+ --amplify-colors-orange-60: hsl(30, 50%, 50%);
1255
+ --amplify-colors-orange-80: hsl(30, 95%, 30%);
1256
+ --amplify-colors-orange-90: hsl(30, 100%, 20%);
1257
+ --amplify-colors-orange-100: hsl(30, 100%, 15%);
1258
+ --amplify-colors-yellow-10: hsl(60, 75%, 95%);
1259
+ --amplify-colors-yellow-20: hsl(60, 75%, 85%);
1260
+ --amplify-colors-yellow-40: hsl(60, 75%, 75%);
1261
+ --amplify-colors-yellow-60: hsl(60, 50%, 50%);
1262
+ --amplify-colors-yellow-80: hsl(60, 95%, 30%);
1263
+ --amplify-colors-yellow-90: hsl(60, 100%, 20%);
1264
+ --amplify-colors-yellow-100: hsl(60, 100%, 15%);
1265
+ --amplify-colors-green-10: hsl(130, 60%, 95%);
1266
+ --amplify-colors-green-20: hsl(130, 60%, 90%);
1267
+ --amplify-colors-green-40: hsl(130, 44%, 63%);
1268
+ --amplify-colors-green-60: hsl(130, 43%, 46%);
1269
+ --amplify-colors-green-80: hsl(130, 33%, 37%);
1270
+ --amplify-colors-green-90: hsl(130, 27%, 29%);
1271
+ --amplify-colors-green-100: hsl(130, 22%, 23%);
1272
+ --amplify-colors-teal-10: hsl(190, 75%, 95%);
1273
+ --amplify-colors-teal-20: hsl(190, 75%, 85%);
1274
+ --amplify-colors-teal-40: hsl(190, 70%, 70%);
1275
+ --amplify-colors-teal-60: hsl(190, 50%, 50%);
1276
+ --amplify-colors-teal-80: hsl(190, 95%, 30%);
1277
+ --amplify-colors-teal-90: hsl(190, 100%, 20%);
1278
+ --amplify-colors-teal-100: hsl(190, 100%, 15%);
1279
+ --amplify-colors-blue-10: hsl(220, 95%, 95%);
1280
+ --amplify-colors-blue-20: hsl(220, 85%, 85%);
1281
+ --amplify-colors-blue-40: hsl(220, 70%, 70%);
1282
+ --amplify-colors-blue-60: hsl(220, 50%, 50%);
1283
+ --amplify-colors-blue-80: hsl(220, 95%, 30%);
1284
+ --amplify-colors-blue-90: hsl(220, 100%, 20%);
1285
+ --amplify-colors-blue-100: hsl(220, 100%, 15%);
1286
+ --amplify-colors-purple-10: hsl(300, 95%, 95%);
1287
+ --amplify-colors-purple-20: hsl(300, 85%, 85%);
1288
+ --amplify-colors-purple-40: hsl(300, 70%, 70%);
1289
+ --amplify-colors-purple-60: hsl(300, 50%, 50%);
1290
+ --amplify-colors-purple-80: hsl(300, 95%, 30%);
1291
+ --amplify-colors-purple-90: hsl(300, 100%, 20%);
1292
+ --amplify-colors-purple-100: hsl(300, 100%, 15%);
1293
+ --amplify-colors-pink-10: hsl(340, 95%, 95%);
1294
+ --amplify-colors-pink-20: hsl(340, 90%, 85%);
1295
+ --amplify-colors-pink-40: hsl(340, 70%, 70%);
1296
+ --amplify-colors-pink-60: hsl(340, 50%, 50%);
1297
+ --amplify-colors-pink-80: hsl(340, 95%, 30%);
1298
+ --amplify-colors-pink-90: hsl(340, 100%, 20%);
1299
+ --amplify-colors-pink-100: hsl(340, 100%, 15%);
1300
+ --amplify-colors-neutral-10: hsl(210, 5%, 98%);
1301
+ --amplify-colors-neutral-20: hsl(210, 5%, 94%);
1302
+ --amplify-colors-neutral-40: hsl(210, 5%, 87%);
1303
+ --amplify-colors-neutral-60: hsl(210, 10%, 58%);
1304
+ --amplify-colors-neutral-80: hsl(210, 10%, 40%);
1305
+ --amplify-colors-neutral-90: hsl(210, 25%, 25%);
1306
+ --amplify-colors-neutral-100: hsl(210, 50%, 10%);
1307
+ --amplify-colors-primary-10: var(--amplify-colors-teal-10);
1308
+ --amplify-colors-primary-20: var(--amplify-colors-teal-20);
1309
+ --amplify-colors-primary-40: var(--amplify-colors-teal-40);
1310
+ --amplify-colors-primary-60: var(--amplify-colors-teal-60);
1311
+ --amplify-colors-primary-80: var(--amplify-colors-teal-80);
1312
+ --amplify-colors-primary-90: var(--amplify-colors-teal-90);
1313
+ --amplify-colors-primary-100: var(--amplify-colors-teal-100);
1314
+ --amplify-colors-secondary-10: var(--amplify-colors-purple-10);
1315
+ --amplify-colors-secondary-20: var(--amplify-colors-purple-20);
1316
+ --amplify-colors-secondary-40: var(--amplify-colors-purple-40);
1317
+ --amplify-colors-secondary-60: var(--amplify-colors-purple-60);
1318
+ --amplify-colors-secondary-80: var(--amplify-colors-purple-80);
1319
+ --amplify-colors-secondary-90: var(--amplify-colors-purple-90);
1320
+ --amplify-colors-secondary-100: var(--amplify-colors-purple-100);
1321
+ --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
1322
+ --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
1323
+ --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
1324
+ --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
1325
+ --amplify-colors-font-inverse: var(--amplify-colors-white);
1326
+ --amplify-colors-font-interactive: var(--amplify-colors-primary-80);
1327
+ --amplify-colors-font-hover: var(--amplify-colors-primary-90);
1328
+ --amplify-colors-font-focus: var(--amplify-colors-primary-100);
1329
+ --amplify-colors-font-active: var(--amplify-colors-primary-100);
1330
+ --amplify-colors-font-info: var(--amplify-colors-blue-90);
1331
+ --amplify-colors-font-warning: var(--amplify-colors-orange-90);
1332
+ --amplify-colors-font-error: var(--amplify-colors-red-90);
1333
+ --amplify-colors-font-success: var(--amplify-colors-green-90);
1334
+ --amplify-colors-background-primary: var(--amplify-colors-white);
1335
+ --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
1336
+ --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
1337
+ --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
1338
+ --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
1339
+ --amplify-colors-background-info: var(--amplify-colors-blue-10);
1340
+ --amplify-colors-background-warning: var(--amplify-colors-orange-10);
1341
+ --amplify-colors-background-error: var(--amplify-colors-red-10);
1342
+ --amplify-colors-background-success: var(--amplify-colors-green-10);
1343
+ --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
1344
+ --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
1345
+ --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
1346
+ --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
1347
+ --amplify-colors-border-pressed: var(--amplify-colors-primary-100);
1348
+ --amplify-colors-border-focus: var(--amplify-colors-primary-100);
1349
+ --amplify-colors-border-error: var(--amplify-colors-red-80);
1350
+ --amplify-colors-border-info: var(--amplify-colors-blue-80);
1351
+ --amplify-colors-border-success: var(--amplify-colors-green-80);
1352
+ --amplify-colors-border-warning: var(--amplify-colors-orange-80);
1353
+ --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25);
1354
+ --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15);
1355
+ --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05);
1356
+ --amplify-colors-overlay-5: hsla(0, 0%, 0%, 0.05);
1357
+ --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1);
1358
+ --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2);
1359
+ --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3);
1360
+ --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4);
1361
+ --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5);
1362
+ --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6);
1363
+ --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7);
1364
+ --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8);
1365
+ --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9);
1366
+ --amplify-colors-black: hsl(0, 0%, 0%);
1367
+ --amplify-colors-white: hsl(0, 0%, 100%);
1368
+ --amplify-colors-transparent: transparent;
1369
+ --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont,
1370
+ "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans",
1371
+ sans-serif;
1372
+ --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
1373
+ "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
1374
+ --amplify-font-sizes-xxxs: 0.375rem;
1375
+ --amplify-font-sizes-xxs: 0.5rem;
1376
+ --amplify-font-sizes-xs: 0.75rem;
1377
+ --amplify-font-sizes-small: 0.875rem;
1378
+ --amplify-font-sizes-medium: 1rem;
1379
+ --amplify-font-sizes-large: 1.25rem;
1380
+ --amplify-font-sizes-xl: 1.5rem;
1381
+ --amplify-font-sizes-xxl: 2rem;
1382
+ --amplify-font-sizes-xxxl: 2.5rem;
1383
+ --amplify-font-sizes-xxxxl: 3rem;
1384
+ --amplify-font-weights-hairline: 100;
1385
+ --amplify-font-weights-thin: 200;
1386
+ --amplify-font-weights-light: 300;
1387
+ --amplify-font-weights-normal: 400;
1388
+ --amplify-font-weights-medium: 500;
1389
+ --amplify-font-weights-semibold: 600;
1390
+ --amplify-font-weights-bold: 700;
1391
+ --amplify-font-weights-extrabold: 800;
1392
+ --amplify-font-weights-black: 900;
1393
+ --amplify-line-heights-small: 1.25;
1394
+ --amplify-line-heights-medium: 1.5;
1395
+ --amplify-line-heights-large: 2;
1396
+ --amplify-opacities-0: 0;
1397
+ --amplify-opacities-10: 0.1;
1398
+ --amplify-opacities-20: 0.2;
1399
+ --amplify-opacities-30: 0.3;
1400
+ --amplify-opacities-40: 0.4;
1401
+ --amplify-opacities-50: 0.5;
1402
+ --amplify-opacities-60: 0.6;
1403
+ --amplify-opacities-70: 0.7;
1404
+ --amplify-opacities-80: 0.8;
1405
+ --amplify-opacities-90: 0.9;
1406
+ --amplify-opacities-100: 1;
1407
+ --amplify-outline-offsets-small: 1px;
1408
+ --amplify-outline-offsets-medium: 2px;
1409
+ --amplify-outline-offsets-large: 3px;
1410
+ --amplify-outline-widths-small: 1px;
1411
+ --amplify-outline-widths-medium: 2px;
1412
+ --amplify-outline-widths-large: 3px;
1413
+ --amplify-radii-xs: 0.125rem;
1414
+ --amplify-radii-small: 0.25rem;
1415
+ --amplify-radii-medium: 0.5rem;
1416
+ --amplify-radii-large: 1rem;
1417
+ --amplify-radii-xl: 2rem;
1418
+ --amplify-radii-xxl: 4rem;
1419
+ --amplify-radii-xxxl: 8rem;
1420
+ --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
1421
+ --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
1422
+ --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
1423
+ --amplify-space-zero: 0;
1424
+ --amplify-space-xxxs: 0.25rem;
1425
+ --amplify-space-xxs: 0.375rem;
1426
+ --amplify-space-xs: 0.5rem;
1427
+ --amplify-space-small: 0.75rem;
1428
+ --amplify-space-medium: 1rem;
1429
+ --amplify-space-large: 1.5rem;
1430
+ --amplify-space-xl: 2.0rem;
1431
+ --amplify-space-xxl: 3.0rem;
1432
+ --amplify-space-xxxl: 4.5rem;
1433
+ --amplify-space-relative-xxxs: 0.25em;
1434
+ --amplify-space-relative-xxs: 0.375em;
1435
+ --amplify-space-relative-xs: 0.5em;
1436
+ --amplify-space-relative-small: 0.75em;
1437
+ --amplify-space-relative-medium: 1em;
1438
+ --amplify-space-relative-large: 1.5em;
1439
+ --amplify-space-relative-xl: 2.0em;
1440
+ --amplify-space-relative-xxl: 3.0em;
1441
+ --amplify-space-relative-xxxl: 4.5em;
1442
+ --amplify-space-relative-full: 100%;
1443
+ --amplify-time-short: 100ms;
1444
+ --amplify-time-medium: 250ms;
1445
+ --amplify-time-long: 500ms;
1446
+ --amplify-transforms-slide-x-small: translateX(0.5em);
1447
+ --amplify-transforms-slide-x-medium: translateX(1em);
1448
+ --amplify-transforms-slide-x-large: translateX(2em);
1449
+ }
1450
+
1451
+ html,
1452
+ [data-amplify-theme] {
1453
+ font-family: var(--amplify-fonts-default-static);
1454
+ }
1455
+
1456
+ @supports (font-variation-settings: normal) {
1457
+ html,
1458
+ [data-amplify-theme] {
1459
+ font-family: var(--amplify-fonts-default-variable);
1460
+ }
1461
+ }
1462
+ html:focus-within {
1463
+ scroll-behavior: smooth;
1464
+ }
1465
+
1466
+ body {
1467
+ min-height: 100vh;
1468
+ text-rendering: optimizeSpeed;
1469
+ line-height: var(--amplify-line-heights-medium);
1470
+ }
1471
+
1472
+ * {
1473
+ box-sizing: border-box;
1474
+ }
1475
+
1476
+ input,
1477
+ button,
1478
+ textarea,
1479
+ select {
1480
+ font: inherit;
1481
+ }
1482
+
1483
+ @media (prefers-reduced-motion: reduce) {
1484
+ html:focus-within {
1485
+ scroll-behavior: auto;
1486
+ }
1487
+ }
1488
+ [class*=amplify] {
1489
+ all: unset; /* protect against external styles */
1490
+ box-sizing: border-box; /* set box-sizing after unset above */
1491
+ }