@aws-amplify/ui 4.1.0 → 5.1.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 (110) hide show
  1. package/dist/esm/helpers/authenticator/constants.js +1 -1
  2. package/dist/esm/helpers/authenticator/facade.js +1 -1
  3. package/dist/esm/helpers/authenticator/textUtil.js +1 -0
  4. package/dist/esm/helpers/authenticator/utils.js +1 -1
  5. package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.js +1 -1
  6. package/dist/esm/i18n/dictionaries/authenticator/en.js +1 -1
  7. package/dist/esm/index.js +1 -1
  8. package/dist/esm/machines/authenticator/actors/signIn.js +1 -1
  9. package/dist/esm/machines/authenticator/defaultServices.js +1 -1
  10. package/dist/esm/machines/authenticator/index.js +1 -1
  11. package/dist/esm/machines/authenticator/signUp.js +1 -1
  12. package/dist/esm/theme/createTheme.js +1 -1
  13. package/dist/esm/theme/defaultDarkModeOverride.js +1 -1
  14. package/dist/esm/theme/tokens/components/fieldControl.js +1 -1
  15. package/dist/esm/theme/tokens/components/inAppMessaging.js +1 -0
  16. package/dist/esm/theme/tokens/components/index.js +1 -1
  17. package/dist/esm/theme/tokens/index.js +1 -1
  18. package/dist/esm/theme/utils.js +1 -1
  19. package/dist/esm/types/authenticator/user.js +1 -1
  20. package/dist/esm/types/authenticator/utils.js +1 -0
  21. package/dist/esm/types/primitives/componentClassName.js +1 -1
  22. package/dist/index.js +1 -1
  23. package/dist/styles.css +1164 -977
  24. package/dist/theme.css +983 -978
  25. package/dist/types/helpers/authenticator/facade.d.ts +1 -1
  26. package/dist/types/helpers/authenticator/index.d.ts +1 -0
  27. package/dist/types/helpers/authenticator/textUtil.d.ts +47 -0
  28. package/dist/types/helpers/authenticator/utils.d.ts +7 -3
  29. package/dist/types/i18n/dictionaries/authenticator/defaultTexts.d.ts +2 -1
  30. package/dist/types/i18n/dictionaries/index.d.ts +2 -1
  31. package/dist/types/i18n/translations.d.ts +2 -1
  32. package/dist/types/machines/authenticator/defaultServices.d.ts +2 -1
  33. package/dist/types/theme/createTheme.d.ts +2 -2
  34. package/dist/types/theme/defaultDarkModeOverride.d.ts +2 -0
  35. package/dist/types/theme/defaultTheme.d.ts +2 -2
  36. package/dist/types/theme/index.d.ts +3 -2
  37. package/dist/types/theme/tokens/borderWidths.d.ts +5 -19
  38. package/dist/types/theme/tokens/colors.d.ts +36 -75
  39. package/dist/types/theme/tokens/components/alert.d.ts +14 -27
  40. package/dist/types/theme/tokens/components/authenticator.d.ts +26 -46
  41. package/dist/types/theme/tokens/components/autocomplete.d.ts +12 -41
  42. package/dist/types/theme/tokens/components/badge.d.ts +15 -28
  43. package/dist/types/theme/tokens/components/button.d.ts +39 -82
  44. package/dist/types/theme/tokens/components/card.d.ts +7 -14
  45. package/dist/types/theme/tokens/components/checkbox.d.ts +27 -80
  46. package/dist/types/theme/tokens/components/checkboxField.d.ts +3 -8
  47. package/dist/types/theme/tokens/components/collection.d.ts +20 -28
  48. package/dist/types/theme/tokens/components/copy.d.ts +8 -20
  49. package/dist/types/theme/tokens/components/dialCodeSelect.d.ts +3 -5
  50. package/dist/types/theme/tokens/components/divider.d.ts +8 -20
  51. package/dist/types/theme/tokens/components/expander.d.ts +21 -68
  52. package/dist/types/theme/tokens/components/field.d.ts +8 -16
  53. package/dist/types/theme/tokens/components/fieldControl.d.ts +22 -71
  54. package/dist/types/theme/tokens/components/fieldGroup.d.ts +6 -14
  55. package/dist/types/theme/tokens/components/fieldMessages.d.ts +6 -16
  56. package/dist/types/theme/tokens/components/flex.d.ts +3 -9
  57. package/dist/types/theme/tokens/components/heading.d.ts +5 -16
  58. package/dist/types/theme/tokens/components/highlightMatch.d.ts +5 -9
  59. package/dist/types/theme/tokens/components/icon.d.ts +3 -6
  60. package/dist/types/theme/tokens/components/image.d.ts +3 -8
  61. package/dist/types/theme/tokens/components/inAppMessaging.d.ts +13 -0
  62. package/dist/types/theme/tokens/components/index.d.ts +59 -48
  63. package/dist/types/theme/tokens/components/link.d.ts +4 -12
  64. package/dist/types/theme/tokens/components/loader.d.ts +14 -39
  65. package/dist/types/theme/tokens/components/menu.d.ts +8 -26
  66. package/dist/types/theme/tokens/components/pagination.d.ts +12 -48
  67. package/dist/types/theme/tokens/components/passwordField.d.ts +12 -14
  68. package/dist/types/theme/tokens/components/phoneNumberField.d.ts +4 -9
  69. package/dist/types/theme/tokens/components/placeholder.d.ts +8 -14
  70. package/dist/types/theme/tokens/components/radio.d.ts +21 -72
  71. package/dist/types/theme/tokens/components/radioGroup.d.ts +8 -17
  72. package/dist/types/theme/tokens/components/rating.d.ts +9 -19
  73. package/dist/types/theme/tokens/components/searchField.d.ts +12 -15
  74. package/dist/types/theme/tokens/components/select.d.ts +11 -35
  75. package/dist/types/theme/tokens/components/selectField.d.ts +6 -14
  76. package/dist/types/theme/tokens/components/sliderField.d.ts +20 -61
  77. package/dist/types/theme/tokens/components/stepperField.d.ts +11 -23
  78. package/dist/types/theme/tokens/components/switchField.d.ts +20 -54
  79. package/dist/types/theme/tokens/components/table.d.ts +24 -60
  80. package/dist/types/theme/tokens/components/tabs.d.ts +12 -43
  81. package/dist/types/theme/tokens/components/text.d.ts +6 -15
  82. package/dist/types/theme/tokens/components/textAreaField.d.ts +6 -10
  83. package/dist/types/theme/tokens/components/textField.d.ts +5 -12
  84. package/dist/types/theme/tokens/components/toggleButton.d.ts +30 -115
  85. package/dist/types/theme/tokens/components/toggleButtonGroup.d.ts +5 -7
  86. package/dist/types/theme/tokens/fontSizes.d.ts +5 -17
  87. package/dist/types/theme/tokens/fontWeights.d.ts +5 -16
  88. package/dist/types/theme/tokens/fonts.d.ts +7 -12
  89. package/dist/types/theme/tokens/index.d.ts +58 -48
  90. package/dist/types/theme/tokens/lineHeights.d.ts +5 -10
  91. package/dist/types/theme/tokens/opacities.d.ts +5 -18
  92. package/dist/types/theme/tokens/outlineOffsets.d.ts +5 -10
  93. package/dist/types/theme/tokens/outlineWidths.d.ts +5 -10
  94. package/dist/types/theme/tokens/radii.d.ts +5 -14
  95. package/dist/types/theme/tokens/shadows.d.ts +5 -10
  96. package/dist/types/theme/tokens/space.d.ts +8 -25
  97. package/dist/types/theme/tokens/time.d.ts +5 -10
  98. package/dist/types/theme/tokens/transforms.d.ts +7 -13
  99. package/dist/types/theme/tokens/types/designToken.d.ts +161 -20
  100. package/dist/types/theme/types.d.ts +7 -8
  101. package/dist/types/theme/utils.d.ts +30 -2
  102. package/dist/types/types/authenticator/index.d.ts +1 -0
  103. package/dist/types/types/authenticator/stateMachine/authMachine.d.ts +5 -1
  104. package/dist/types/types/authenticator/stateMachine/event.d.ts +1 -1
  105. package/dist/types/types/authenticator/user.d.ts +7 -0
  106. package/dist/types/types/authenticator/utils.d.ts +1 -0
  107. package/dist/types/types/primitives/componentClassName.d.ts +1 -0
  108. package/package.json +9 -6
  109. package/dist/esm/theme/tokens/types/designToken.js +0 -1
  110. package/dist/types/theme/tokens/types/scales.d.ts +0 -13
package/dist/styles.css CHANGED
@@ -1,986 +1,992 @@
1
1
  /*
2
2
  * Amplify UI Basic Theme
3
3
  */
4
- /**
5
- * Do not edit directly
6
- * Generated on Tue, 08 Nov 2022 23:57:24 GMT
7
- */
8
4
  :root, [data-amplify-theme] {
9
- --amplify-transforms-slide-x-large: translateX(2em);
10
- --amplify-transforms-slide-x-medium: translateX(1em);
11
- --amplify-transforms-slide-x-small: translateX(0.5em);
12
- --amplify-time-long: 500ms;
13
- --amplify-time-medium: 250ms;
14
- --amplify-time-short: 100ms;
15
- --amplify-space-relative-full: 100%;
16
- --amplify-space-relative-xxxl: 4.5em;
17
- --amplify-space-relative-xxl: 3.0em;
18
- --amplify-space-relative-xl: 2.0em;
19
- --amplify-space-relative-large: 1.5em;
20
- --amplify-space-relative-medium: 1em;
21
- --amplify-space-relative-small: 0.75em;
22
- --amplify-space-relative-xs: 0.5em;
23
- --amplify-space-relative-xxs: 0.375em;
24
- --amplify-space-relative-xxxs: 0.25em;
25
- --amplify-space-xxxl: 4.5rem;
26
- --amplify-space-xxl: 3.0rem;
27
- --amplify-space-xl: 2.0rem;
28
- --amplify-space-large: 1.5rem;
29
- --amplify-space-medium: 1rem;
30
- --amplify-space-small: 0.75rem;
31
- --amplify-space-xs: 0.5rem;
32
- --amplify-space-xxs: 0.375rem;
33
- --amplify-space-xxxs: 0.25rem;
34
- --amplify-space-zero: 0;
35
- --amplify-radii-xxxl: 8rem;
36
- --amplify-radii-xxl: 4rem;
37
- --amplify-radii-xl: 2rem;
38
- --amplify-radii-large: 1rem;
39
- --amplify-radii-medium: 0.5rem;
40
- --amplify-radii-small: 0.25rem;
41
- --amplify-radii-xs: 0.125rem;
42
- --amplify-outline-widths-large: 3px;
43
- --amplify-outline-widths-medium: 2px;
44
- --amplify-outline-widths-small: 1px;
45
- --amplify-outline-offsets-large: 3px;
46
- --amplify-outline-offsets-medium: 2px;
47
- --amplify-outline-offsets-small: 1px;
48
- --amplify-opacities-100: 1;
49
- --amplify-opacities-90: 0.9;
50
- --amplify-opacities-80: 0.8;
51
- --amplify-opacities-70: 0.7;
52
- --amplify-opacities-60: 0.6;
53
- --amplify-opacities-50: 0.5;
54
- --amplify-opacities-40: 0.4;
55
- --amplify-opacities-30: 0.3;
56
- --amplify-opacities-20: 0.2;
57
- --amplify-opacities-10: 0.1;
58
- --amplify-opacities-0: 0;
59
- --amplify-line-heights-large: 2;
60
- --amplify-line-heights-medium: 1.5;
61
- --amplify-line-heights-small: 1.25;
62
- --amplify-font-weights-black: 900;
63
- --amplify-font-weights-extrabold: 800;
64
- --amplify-font-weights-bold: 700;
65
- --amplify-font-weights-semibold: 600;
66
- --amplify-font-weights-medium: 500;
67
- --amplify-font-weights-normal: 400;
68
- --amplify-font-weights-light: 300;
69
- --amplify-font-weights-thin: 200;
70
- --amplify-font-weights-hairline: 100;
71
- --amplify-font-sizes-xxxxl: 3rem;
72
- --amplify-font-sizes-xxxl: 2.5rem;
73
- --amplify-font-sizes-xxl: 2rem;
74
- --amplify-font-sizes-xl: 1.5rem;
75
- --amplify-font-sizes-large: 1.25rem;
76
- --amplify-font-sizes-medium: 1rem;
77
- --amplify-font-sizes-small: 0.875rem;
78
- --amplify-font-sizes-xs: 0.75rem;
79
- --amplify-font-sizes-xxs: 0.5rem;
80
- --amplify-font-sizes-xxxs: 0.375rem;
81
- --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
82
- "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
83
- --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont,
84
- "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans",
85
- sans-serif;
86
- --amplify-colors-transparent: transparent;
87
- --amplify-colors-white: hsl(0, 0%, 100%);
88
- --amplify-colors-black: hsl(0, 0%, 0%);
89
- --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9);
90
- --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8);
91
- --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7);
92
- --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6);
93
- --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5);
94
- --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4);
95
- --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3);
96
- --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2);
97
- --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1);
98
- --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05);
99
- --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15);
100
- --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25);
101
- --amplify-colors-neutral-100: hsl(210, 50%, 10%);
102
- --amplify-colors-neutral-90: hsl(210, 25%, 25%);
103
- --amplify-colors-neutral-80: hsl(210, 10%, 40%);
104
- --amplify-colors-neutral-60: hsl(210, 8%, 55%);
105
- --amplify-colors-neutral-40: hsl(210, 5%, 87%);
106
- --amplify-colors-neutral-20: hsl(210, 5%, 94%);
107
- --amplify-colors-neutral-10: hsl(210, 5%, 98%);
108
- --amplify-colors-pink-100: hsl(340, 100%, 15%);
109
- --amplify-colors-pink-90: hsl(340, 100%, 20%);
110
- --amplify-colors-pink-80: hsl(340, 95%, 30%);
111
- --amplify-colors-pink-60: hsl(340, 50%, 50%);
112
- --amplify-colors-pink-40: hsl(340, 70%, 70%);
113
- --amplify-colors-pink-20: hsl(340, 90%, 85%);
114
- --amplify-colors-pink-10: hsl(340, 95%, 95%);
115
- --amplify-colors-purple-100: hsl(300, 100%, 15%);
116
- --amplify-colors-purple-90: hsl(300, 100%, 20%);
117
- --amplify-colors-purple-80: hsl(300, 95%, 30%);
118
- --amplify-colors-purple-60: hsl(300, 50%, 50%);
119
- --amplify-colors-purple-40: hsl(300, 70%, 70%);
120
- --amplify-colors-purple-20: hsl(300, 85%, 85%);
121
- --amplify-colors-purple-10: hsl(300, 95%, 95%);
122
- --amplify-colors-blue-100: hsl(220, 100%, 15%);
123
- --amplify-colors-blue-90: hsl(220, 100%, 20%);
124
- --amplify-colors-blue-80: hsl(220, 95%, 30%);
125
- --amplify-colors-blue-60: hsl(220, 50%, 50%);
126
- --amplify-colors-blue-40: hsl(220, 70%, 70%);
127
- --amplify-colors-blue-20: hsl(220, 85%, 85%);
128
- --amplify-colors-blue-10: hsl(220, 95%, 95%);
129
- --amplify-colors-teal-100: hsl(190, 100%, 15%);
130
- --amplify-colors-teal-90: hsl(190, 100%, 20%);
131
- --amplify-colors-teal-80: hsl(190, 95%, 30%);
132
- --amplify-colors-teal-60: hsl(190, 50%, 50%);
133
- --amplify-colors-teal-40: hsl(190, 70%, 70%);
134
- --amplify-colors-teal-20: hsl(190, 75%, 85%);
135
- --amplify-colors-teal-10: hsl(190, 75%, 95%);
136
- --amplify-colors-green-100: hsl(130, 22%, 23%);
137
- --amplify-colors-green-90: hsl(130, 27%, 29%);
138
- --amplify-colors-green-80: hsl(130, 33%, 37%);
139
- --amplify-colors-green-60: hsl(130, 43%, 46%);
140
- --amplify-colors-green-40: hsl(130, 44%, 63%);
141
- --amplify-colors-green-20: hsl(130, 60%, 90%);
142
- --amplify-colors-green-10: hsl(130, 60%, 95%);
143
- --amplify-colors-yellow-100: hsl(60, 100%, 15%);
144
- --amplify-colors-yellow-90: hsl(60, 100%, 20%);
145
- --amplify-colors-yellow-80: hsl(60, 95%, 30%);
146
- --amplify-colors-yellow-60: hsl(60, 50%, 50%);
147
- --amplify-colors-yellow-40: hsl(60, 75%, 75%);
148
- --amplify-colors-yellow-20: hsl(60, 75%, 85%);
149
- --amplify-colors-yellow-10: hsl(60, 75%, 95%);
150
- --amplify-colors-orange-100: hsl(30, 100%, 15%);
151
- --amplify-colors-orange-90: hsl(30, 100%, 20%);
152
- --amplify-colors-orange-80: hsl(30, 95%, 30%);
153
- --amplify-colors-orange-60: hsl(30, 50%, 50%);
154
- --amplify-colors-orange-40: hsl(30, 75%, 75%);
155
- --amplify-colors-orange-20: hsl(30, 75%, 85%);
156
- --amplify-colors-orange-10: hsl(30, 75%, 95%);
157
- --amplify-colors-red-100: hsl(0, 100%, 15%);
158
- --amplify-colors-red-90: hsl(0, 100%, 20%);
159
- --amplify-colors-red-80: hsl(0, 95%, 30%);
160
- --amplify-colors-red-60: hsl(0, 50%, 50%);
161
- --amplify-colors-red-40: hsl(0, 75%, 75%);
162
- --amplify-colors-red-20: hsl(0, 75%, 85%);
163
- --amplify-colors-red-10: hsl(0, 75%, 95%);
164
- --amplify-border-widths-large: 3px;
165
- --amplify-border-widths-medium: 2px;
166
- --amplify-border-widths-small: 1px;
167
- --amplify-components-togglebuttongroup-justify-content: flex-start;
168
- --amplify-components-togglebuttongroup-align-content: center;
169
- --amplify-components-togglebuttongroup-align-items: center;
170
- --amplify-components-tabs-item-disabled-background-color: transparent;
171
- --amplify-components-tabs-item-active-background-color: transparent;
172
- --amplify-components-tabs-item-text-align: center;
173
- --amplify-components-tabs-item-border-style: solid;
174
- --amplify-components-tabs-item-background-color: transparent;
175
- --amplify-components-tabs-gap: 0;
176
- --amplify-components-tabs-border-style: solid;
177
- --amplify-components-tabs-background-color: transparent;
178
- --amplify-components-table-caption-word-break: break-all;
179
- --amplify-components-table-caption-text-align: center;
180
- --amplify-components-table-caption-display: table-caption;
181
- --amplify-components-table-caption-caption-side: bottom;
182
- --amplify-components-table-data-vertical-align: middle;
183
- --amplify-components-table-data-display: table-cell;
184
- --amplify-components-table-data-border-style: solid;
185
- --amplify-components-table-header-vertical-align: middle;
186
- --amplify-components-table-header-display: table-cell;
187
- --amplify-components-table-header-border-style: solid;
188
- --amplify-components-table-row-vertical-align: middle;
189
- --amplify-components-table-row-display: table-row;
190
- --amplify-components-table-foot-vertical-align: middle;
191
- --amplify-components-table-foot-display: table-footer-group;
192
- --amplify-components-table-body-vertical-align: middle;
193
- --amplify-components-table-body-display: table-row-group;
194
- --amplify-components-table-head-vertical-align: middle;
195
- --amplify-components-table-head-display: table-header-group;
196
- --amplify-components-table-width: 100%;
197
- --amplify-components-table-display: table;
198
- --amplify-components-table-border-collapse: collapse;
199
- --amplify-components-stepperfield-input-text-align: center;
200
- --amplify-components-stepperfield-flex-direction: column;
201
- --amplify-components-sliderfield-large-thumb-height: 1.5rem;
202
- --amplify-components-sliderfield-large-thumb-width: 1.5rem;
203
- --amplify-components-sliderfield-large-track-height: 0.625rem;
204
- --amplify-components-sliderfield-small-thumb-height: 1rem;
205
- --amplify-components-sliderfield-small-thumb-width: 1rem;
206
- --amplify-components-sliderfield-small-track-height: 0.25rem;
207
- --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
208
- --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
209
- --amplify-components-sliderfield-thumb-border-style: solid;
210
- --amplify-components-sliderfield-thumb-border-radius: 50%;
211
- --amplify-components-sliderfield-thumb-height: 1.25rem;
212
- --amplify-components-sliderfield-thumb-width: 1.25rem;
213
- --amplify-components-sliderfield-range-border-radius: 9999px;
214
- --amplify-components-sliderfield-track-min-width: 10rem;
215
- --amplify-components-sliderfield-track-height: 0.375rem;
216
- --amplify-components-sliderfield-track-border-radius: 9999px;
217
- --amplify-components-selectfield-flex-direction: column;
218
- --amplify-components-select-large-min-width: 7.5rem;
219
- --amplify-components-select-small-min-width: 5.5rem;
220
- --amplify-components-select-min-width: 6.5rem;
221
- --amplify-components-select-white-space: nowrap;
222
- --amplify-components-select-icon-wrapper-pointer-events: none;
223
- --amplify-components-select-icon-wrapper-transform: translateY(-50%);
224
- --amplify-components-select-icon-wrapper-top: 50%;
225
- --amplify-components-select-icon-wrapper-position: absolute;
226
- --amplify-components-select-icon-wrapper-align-items: center;
227
- --amplify-components-select-wrapper-cursor: pointer;
228
- --amplify-components-select-wrapper-position: relative;
229
- --amplify-components-select-wrapper-display: block;
230
- --amplify-components-select-wrapper-flex: 1;
5
+ --amplify-components-alert-align-items: center;
6
+ --amplify-components-alert-justify-content: space-between;
7
+ --amplify-components-alert-color: var(--amplify-colors-font-primary);
8
+ --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
9
+ --amplify-components-alert-padding-block: var(--amplify-space-small);
10
+ --amplify-components-alert-padding-inline: var(--amplify-space-medium);
11
+ --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
12
+ --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
13
+ --amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold);
14
+ --amplify-components-alert-info-color: var(--amplify-colors-font-info);
15
+ --amplify-components-alert-info-background-color: var(--amplify-colors-background-info);
16
+ --amplify-components-alert-error-color: var(--amplify-colors-font-error);
17
+ --amplify-components-alert-error-background-color: var(--amplify-colors-background-error);
18
+ --amplify-components-alert-warning-color: var(--amplify-colors-font-warning);
19
+ --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);
20
+ --amplify-components-alert-success-color: var(--amplify-colors-font-success);
21
+ --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
22
+ --amplify-components-authenticator-max-width: 60rem;
23
+ --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
24
+ --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
25
+ --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
26
+ --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
27
+ --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
28
+ --amplify-components-authenticator-container-width-max: 30rem;
29
+ --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
30
+ --amplify-components-authenticator-router-border-style: solid;
31
+ --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
32
+ --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
33
+ --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
34
+ --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
35
+ --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
36
+ --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
37
+ --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
38
+ --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
39
+ --amplify-components-autocomplete-menu-width: 100%;
40
+ --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);
41
+ --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);
42
+ --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);
43
+ --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);
44
+ --amplify-components-autocomplete-menu-border-style: solid;
45
+ --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);
46
+ --amplify-components-autocomplete-menu-options-display: flex;
47
+ --amplify-components-autocomplete-menu-options-flex-direction: column;
48
+ --amplify-components-autocomplete-menu-options-max-height: 300px;
49
+ --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);
50
+ --amplify-components-autocomplete-menu-option-color: currentcolor;
51
+ --amplify-components-autocomplete-menu-option-cursor: pointer;
52
+ --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
53
+ --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
54
+ --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
55
+ --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
56
+ --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
57
+ --amplify-components-autocomplete-menu-empty-display: flex;
58
+ --amplify-components-autocomplete-menu-loading-align-items: center;
59
+ --amplify-components-autocomplete-menu-loading-display: flex;
60
+ --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
61
+ --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
62
+ --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
63
+ --amplify-components-badge-color: var(--amplify-colors-font-primary);
64
+ --amplify-components-badge-line-height: 1;
65
+ --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);
66
+ --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
67
+ --amplify-components-badge-text-align: center;
68
+ --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
69
+ --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
70
+ --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
71
+ --amplify-components-badge-border-radius: var(--amplify-radii-xl);
72
+ --amplify-components-badge-info-color: var(--amplify-colors-font-info);
73
+ --amplify-components-badge-info-background-color: var(--amplify-colors-background-info);
74
+ --amplify-components-badge-warning-color: var(--amplify-colors-font-warning);
75
+ --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);
76
+ --amplify-components-badge-success-color: var(--amplify-colors-font-success);
77
+ --amplify-components-badge-success-background-color: var(--amplify-colors-background-success);
78
+ --amplify-components-badge-error-color: var(--amplify-colors-font-error);
79
+ --amplify-components-badge-error-background-color: var(--amplify-colors-background-error);
80
+ --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
81
+ --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
82
+ --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
83
+ --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
84
+ --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
85
+ --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
86
+ --amplify-components-button-font-weight: var(--amplify-font-weights-bold);
87
+ --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
88
+ --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
89
+ --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);
90
+ --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
91
+ --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
92
+ --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
93
+ --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
94
+ --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
95
+ --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
96
+ --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
97
+ --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
98
+ --amplify-components-button-color: var(--amplify-colors-font-primary);
99
+ --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
100
+ --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
101
+ --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
102
+ --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
103
+ --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
104
+ --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
105
+ --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
106
+ --amplify-components-button-active-color: var(--amplify-colors-font-active);
107
+ --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
108
+ --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
109
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
110
+ --amplify-components-button-loading-background-color: transparent;
111
+ --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
112
+ --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
113
+ --amplify-components-button-disabled-background-color: transparent;
114
+ --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
115
+ --amplify-components-button-primary-border-color: transparent;
116
+ --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
117
+ --amplify-components-button-primary-border-style: solid;
118
+ --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
119
+ --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
120
+ --amplify-components-button-primary-disabled-border-color: transparent;
121
+ --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
122
+ --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
123
+ --amplify-components-button-primary-loading-border-color: transparent;
124
+ --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
125
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
126
+ --amplify-components-button-primary-hover-border-color: transparent;
127
+ --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
128
+ --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
129
+ --amplify-components-button-primary-focus-border-color: transparent;
130
+ --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
131
+ --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
132
+ --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
133
+ --amplify-components-button-primary-active-border-color: transparent;
134
+ --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
135
+ --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
136
+ --amplify-components-button-menu-border-width: var(--amplify-space-zero);
137
+ --amplify-components-button-menu-background-color: transparent;
138
+ --amplify-components-button-menu-justify-content: start;
139
+ --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
140
+ --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
141
+ --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
142
+ --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
143
+ --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
144
+ --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
145
+ --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
146
+ --amplify-components-button-link-background-color: transparent;
147
+ --amplify-components-button-link-border-color: transparent;
148
+ --amplify-components-button-link-border-width: var(--amplify-space-zero);
149
+ --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
150
+ --amplify-components-button-link-hover-border-color: transparent;
151
+ --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
152
+ --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
153
+ --amplify-components-button-link-focus-border-color: transparent;
154
+ --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
155
+ --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
156
+ --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
157
+ --amplify-components-button-link-active-border-color: transparent;
158
+ --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
159
+ --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
160
+ --amplify-components-button-link-disabled-border-color: transparent;
161
+ --amplify-components-button-link-disabled-background-color: transparent;
162
+ --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
163
+ --amplify-components-button-link-loading-border-color: transparent;
164
+ --amplify-components-button-link-loading-background-color: transparent;
165
+ --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
166
+ --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
167
+ --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
168
+ --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
169
+ --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
170
+ --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
171
+ --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
172
+ --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
173
+ --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
174
+ --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
175
+ --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
176
+ --amplify-components-button-loader-wrapper-align-items: center;
177
+ --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
178
+ --amplify-components-card-background-color: var(--amplify-colors-background-primary);
179
+ --amplify-components-card-border-radius: var(--amplify-radii-xs);
180
+ --amplify-components-card-border-width: 0;
181
+ --amplify-components-card-border-style: solid;
182
+ --amplify-components-card-border-color: transparent;
183
+ --amplify-components-card-box-shadow: none;
184
+ --amplify-components-card-padding: var(--amplify-space-medium);
185
+ --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
186
+ --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
187
+ --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
188
+ --amplify-components-card-outlined-border-style: solid;
189
+ --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
190
+ --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
191
+ --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
192
+ --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
193
+ --amplify-components-card-elevated-border-width: 0;
194
+ --amplify-components-card-elevated-border-style: solid;
195
+ --amplify-components-card-elevated-border-color: transparent;
196
+ --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
197
+ --amplify-components-checkbox-cursor: pointer;
198
+ --amplify-components-checkbox-align-items: center;
199
+ --amplify-components-checkbox-disabled-cursor: not-allowed;
200
+ --amplify-components-checkbox-button-position: relative;
201
+ --amplify-components-checkbox-button-align-items: center;
202
+ --amplify-components-checkbox-button-justify-content: center;
203
+ --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
204
+ --amplify-components-checkbox-button-before-width: 100%;
205
+ --amplify-components-checkbox-button-before-height: 100%;
206
+ --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
207
+ --amplify-components-checkbox-button-before-border-radius: 20%;
208
+ --amplify-components-checkbox-button-before-border-style: solid;
209
+ --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
210
+ --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
211
+ --amplify-components-checkbox-button-focus-outline-style: solid;
212
+ --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
213
+ --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
214
+ --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
215
+ --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
216
+ --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
217
+ --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
218
+ --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
219
+ --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
220
+ --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
221
+ --amplify-components-checkbox-icon-border-radius: 20%;
222
+ --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
223
+ --amplify-components-checkbox-icon-transform: scale(0);
224
+ --amplify-components-checkbox-icon-transition-property: all;
225
+ --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
226
+ --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
227
+ --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
228
+ --amplify-components-checkbox-icon-checked-transform: scale(1);
229
+ --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
230
+ --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
231
+ --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
232
+ --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
233
+ --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
234
+ --amplify-components-checkboxfield-align-items: flex-start;
235
+ --amplify-components-checkboxfield-align-content: center;
236
+ --amplify-components-checkboxfield-flex-direction: column;
237
+ --amplify-components-checkboxfield-justify-content: center;
238
+ --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
239
+ --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
240
+ --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
241
+ --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
242
+ --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
243
+ --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
244
+ --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
245
+ --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
246
+ --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
247
+ --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
248
+ --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
249
+ --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
250
+ --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
251
+ --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
252
+ --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
253
+ --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
254
+ --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
255
+ --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
256
+ --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
257
+ --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
258
+ --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
259
+ --amplify-components-copy-gap: var(--amplify-space-relative-medium);
260
+ --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
261
+ --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
262
+ --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
263
+ --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
264
+ --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
265
+ --amplify-components-divider-border-style: solid;
266
+ --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
267
+ --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
268
+ --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
269
+ --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
270
+ --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
271
+ --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
272
+ --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
273
+ --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
274
+ --amplify-components-divider-opacity: var(--amplify-opacities-60);
275
+ --amplify-components-expander-display: block;
276
+ --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
277
+ --amplify-components-expander-border-radius: var(--amplify-radii-medium);
278
+ --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
279
+ --amplify-components-expander-width: 100%;
280
+ --amplify-components-expander-item-margin-top: 1px;
281
+ --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
282
+ --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
283
+ --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
284
+ --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
285
+ --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
286
+ --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
287
+ --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
288
+ --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
289
+ --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
290
+ --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
291
+ --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
292
+ --amplify-components-expander-trigger-min-height: 3rem;
293
+ --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
294
+ --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
295
+ --amplify-components-expander-trigger-align-items: center;
296
+ --amplify-components-expander-trigger-justify-content: space-between;
297
+ --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
298
+ --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
299
+ --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
300
+ --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
301
+ --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
302
+ --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
303
+ --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
304
+ --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
305
+ --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
306
+ --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
307
+ --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
308
+ --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
309
+ --amplify-components-field-gap: var(--amplify-space-xs);
310
+ --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
311
+ --amplify-components-field-small-gap: var(--amplify-space-xxxs);
312
+ --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
313
+ --amplify-components-field-large-gap: var(--amplify-space-small);
314
+ --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
315
+ --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
316
+ --amplify-components-fieldcontrol-border-style: solid;
317
+ --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
318
+ --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
319
+ --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
320
+ --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
321
+ --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
322
+ --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
323
+ --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
324
+ --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
325
+ --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
326
+ --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
327
+ --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
328
+ --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
329
+ --amplify-components-fieldcontrol-outline-style: solid;
330
+ --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
331
+ --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
332
+ --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
333
+ --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
334
+ --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
335
+ --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
336
+ --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
337
+ --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
338
+ --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
339
+ --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
340
+ --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
341
+ --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
342
+ --amplify-components-fieldcontrol-quiet-border-style: none;
343
+ --amplify-components-fieldcontrol-quiet-border-inline-start: none;
344
+ --amplify-components-fieldcontrol-quiet-border-inline-end: none;
345
+ --amplify-components-fieldcontrol-quiet-border-block-start: none;
346
+ --amplify-components-fieldcontrol-quiet-border-radius: 0;
347
+ --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
348
+ --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
349
+ --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
350
+ --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
351
+ --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
352
+ --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
353
+ --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
354
+ --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
355
+ --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
356
+ --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
357
+ --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
358
+ --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
359
+ --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
360
+ --amplify-components-fieldgroup-vertical-align-items: center;
361
+ --amplify-components-fieldgroup-outer-align-items: center;
362
+ --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
363
+ --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
364
+ --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
365
+ --amplify-components-fieldmessages-description-font-style: italic;
366
+ --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
367
+ --amplify-components-flex-gap: var(--amplify-space-medium);
368
+ --amplify-components-flex-justify-content: normal;
369
+ --amplify-components-flex-align-items: stretch;
370
+ --amplify-components-flex-align-content: normal;
371
+ --amplify-components-flex-flex-wrap: nowrap;
372
+ --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
373
+ --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
374
+ --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
375
+ --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
376
+ --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
377
+ --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
378
+ --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
379
+ --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
380
+ --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
381
+ --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
382
+ --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
383
+ --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
384
+ --amplify-components-heading-color: var(--amplify-colors-font-primary);
385
+ --amplify-components-heading-line-height: var(--amplify-line-heights-small);
386
+ --amplify-components-icon-line-height: 1;
387
+ --amplify-components-icon-height: 1em;
388
+ --amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold);
389
+ --amplify-components-image-max-width: 100%;
390
+ --amplify-components-image-height: auto;
391
+ --amplify-components-image-object-fit: initial;
392
+ --amplify-components-image-object-position: initial;
393
+ --amplify-components-inappmessaging-banner-height: 150px ;
394
+ --amplify-components-inappmessaging-banner-width: 400px ;
395
+ --amplify-components-inappmessaging-button-background-color: #e8e8e8;
396
+ --amplify-components-inappmessaging-button-border-radius: 5px;
397
+ --amplify-components-inappmessaging-button-color: black;
398
+ --amplify-components-inappmessaging-dialog-height: 50vh;
399
+ --amplify-components-inappmessaging-dialog-min-height: 400px;
400
+ --amplify-components-inappmessaging-dialog-min-width: 400px;
401
+ --amplify-components-inappmessaging-dialog-width: 30vw;
402
+ --amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium);
403
+ --amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold);
404
+ --amplify-components-link-active-color: var(--amplify-colors-font-active);
405
+ --amplify-components-link-color: var(--amplify-colors-font-interactive);
406
+ --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
407
+ --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
408
+ --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
409
+ --amplify-components-loader-width: var(--amplify-font-sizes-medium);
410
+ --amplify-components-loader-height: var(--amplify-font-sizes-medium);
411
+ --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
412
+ --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
413
+ --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
414
+ --amplify-components-loader-stroke-linecap: round;
415
+ --amplify-components-loader-animation-duration: 1s;
416
+ --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
417
+ --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
418
+ --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
419
+ --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
420
+ --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
421
+ --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
422
+ --amplify-components-loader-linear-width: 100%;
423
+ --amplify-components-loader-linear-min-width: 5rem;
424
+ --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
425
+ --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
426
+ --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
427
+ --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
428
+ --amplify-components-loader-linear-stroke-linecap: round;
429
+ --amplify-components-loader-linear-animation-duration: 1s;
430
+ --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
431
+ --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
432
+ --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
433
+ --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
434
+ --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
435
+ --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
436
+ --amplify-components-menu-border-radius: var(--amplify-radii-medium);
437
+ --amplify-components-menu-border-width: var(--amplify-border-widths-small);
438
+ --amplify-components-menu-border-style: solid;
439
+ --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
440
+ --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
441
+ --amplify-components-menu-flex-direction: column;
442
+ --amplify-components-menu-gap: var(--amplify-space-zero);
443
+ --amplify-components-menu-max-width: 30rem;
444
+ --amplify-components-menu-min-width: 14rem;
445
+ --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
446
+ --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
447
+ --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
448
+ --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
449
+ --amplify-components-menu-item-min-height: 2.5rem;
450
+ --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
451
+ --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
452
+ --amplify-components-pagination-current-align-items: center;
453
+ --amplify-components-pagination-current-justify-content: center;
454
+ --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
455
+ --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
456
+ --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
457
+ --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
458
+ --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
459
+ --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
460
+ --amplify-components-pagination-button-transition-property: background-color;
461
+ --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
462
+ --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
463
+ --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
464
+ --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
465
+ --amplify-components-pagination-ellipsis-align-items: baseline;
466
+ --amplify-components-pagination-ellipsis-justify-content: center;
467
+ --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
468
+ --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
469
+ --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
470
+ --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
471
+ --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
472
+ --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
473
+ --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
474
+ --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
475
+ --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
476
+ --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
477
+ --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
478
+ --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
479
+ --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
480
+ --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
481
+ --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
482
+ --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
483
+ --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
484
+ --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
485
+ --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
486
+ --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
487
+ --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
488
+ --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);
489
+ --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);
490
+ --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);
491
+ --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
492
+ --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
493
+ --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
494
+ --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
495
+ --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
496
+ --amplify-components-placeholder-small-height: var(--amplify-space-small);
497
+ --amplify-components-placeholder-default-height: var(--amplify-space-medium);
498
+ --amplify-components-placeholder-large-height: var(--amplify-space-large);
499
+ --amplify-components-radio-align-items: center;
500
+ --amplify-components-radio-justify-content: flex-start;
501
+ --amplify-components-radio-gap: inherit;
502
+ --amplify-components-radio-disabled-cursor: not-allowed;
503
+ --amplify-components-radio-button-align-items: center;
504
+ --amplify-components-radio-button-justify-content: center;
505
+ --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
506
+ --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
507
+ --amplify-components-radio-button-box-sizing: border-box;
508
+ --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
509
+ --amplify-components-radio-button-border-style: solid;
510
+ --amplify-components-radio-button-border-radius: 50%;
511
+ --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
512
+ --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
513
+ --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
514
+ --amplify-components-radio-button-transition-property: all;
515
+ --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
516
+ --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
231
517
  --amplify-components-radio-button-outline-style: solid;
232
- --amplify-components-radio-button-transition-property: all;
233
- --amplify-components-radio-button-border-radius: 50%;
234
- --amplify-components-radio-button-border-style: solid;
235
- --amplify-components-radio-button-box-sizing: border-box;
236
- --amplify-components-radio-button-justify-content: center;
237
- --amplify-components-radio-button-align-items: center;
238
- --amplify-components-radio-disabled-cursor: not-allowed;
239
- --amplify-components-radio-gap: inherit;
240
- --amplify-components-radio-justify-content: flex-start;
241
- --amplify-components-radio-align-items: center;
242
- --amplify-components-pagination-ellipsis-justify-content: center;
243
- --amplify-components-pagination-ellipsis-align-items: baseline;
244
- --amplify-components-pagination-button-transition-property: background-color;
245
- --amplify-components-pagination-current-justify-content: center;
246
- --amplify-components-pagination-current-align-items: center;
247
- --amplify-components-menu-item-min-height: 2.5rem;
248
- --amplify-components-menu-min-width: 14rem;
249
- --amplify-components-menu-max-width: 30rem;
250
- --amplify-components-menu-flex-direction: column;
251
- --amplify-components-menu-border-style: solid;
252
- --amplify-components-loader-linear-animation-duration: 1s;
253
- --amplify-components-loader-linear-stroke-linecap: round;
254
- --amplify-components-loader-linear-min-width: 5rem;
255
- --amplify-components-loader-linear-width: 100%;
256
- --amplify-components-loader-animation-duration: 1s;
257
- --amplify-components-loader-stroke-linecap: round;
258
- --amplify-components-image-object-position: initial;
259
- --amplify-components-image-object-fit: initial;
260
- --amplify-components-image-height: auto;
261
- --amplify-components-image-max-width: 100%;
262
- --amplify-components-icon-height: 1em;
263
- --amplify-components-icon-line-height: 1;
264
- --amplify-components-flex-flex-wrap: nowrap;
265
- --amplify-components-flex-align-content: normal;
266
- --amplify-components-flex-align-items: stretch;
267
- --amplify-components-flex-justify-content: normal;
268
- --amplify-components-fieldmessages-description-font-style: italic;
269
- --amplify-components-fieldgroup-outer-align-items: center;
270
- --amplify-components-fieldgroup-vertical-align-items: center;
271
- --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
272
- --amplify-components-fieldcontrol-quiet-border-radius: 0;
273
- --amplify-components-fieldcontrol-quiet-border-block-start: none;
274
- --amplify-components-fieldcontrol-quiet-border-inline-end: none;
275
- --amplify-components-fieldcontrol-quiet-border-inline-start: none;
276
- --amplify-components-fieldcontrol-quiet-border-style: none;
277
- --amplify-components-fieldcontrol-outline-style: solid;
278
- --amplify-components-fieldcontrol-border-style: solid;
279
- --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
280
- --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
281
- --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
282
- --amplify-components-expander-trigger-justify-content: space-between;
283
- --amplify-components-expander-trigger-align-items: center;
284
- --amplify-components-expander-trigger-min-height: 3rem;
285
- --amplify-components-expander-item-margin-top: 1px;
286
- --amplify-components-expander-width: 100%;
287
- --amplify-components-expander-display: block;
288
- --amplify-components-divider-border-style: solid;
289
- --amplify-components-checkboxfield-justify-content: center;
290
- --amplify-components-checkboxfield-flex-direction: column;
291
- --amplify-components-checkboxfield-align-content: center;
292
- --amplify-components-checkboxfield-align-items: flex-start;
293
- --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
294
- --amplify-components-checkbox-icon-checked-transform: scale(1);
295
- --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
296
- --amplify-components-checkbox-icon-transition-property: all;
297
- --amplify-components-checkbox-icon-transform: scale(0);
298
- --amplify-components-checkbox-icon-border-radius: 20%;
299
- --amplify-components-checkbox-button-focus-outline-style: solid;
300
- --amplify-components-checkbox-button-before-border-style: solid;
301
- --amplify-components-checkbox-button-before-border-radius: 20%;
302
- --amplify-components-checkbox-button-before-height: 100%;
303
- --amplify-components-checkbox-button-before-width: 100%;
304
- --amplify-components-checkbox-button-justify-content: center;
305
- --amplify-components-checkbox-button-align-items: center;
306
- --amplify-components-checkbox-button-position: relative;
307
- --amplify-components-checkbox-disabled-cursor: not-allowed;
308
- --amplify-components-checkbox-align-items: center;
309
- --amplify-components-checkbox-cursor: pointer;
310
- --amplify-components-card-elevated-border-color: transparent;
311
- --amplify-components-card-elevated-border-style: solid;
312
- --amplify-components-card-elevated-border-width: 0;
313
- --amplify-components-card-outlined-border-style: solid;
314
- --amplify-components-card-box-shadow: none;
315
- --amplify-components-card-border-color: transparent;
316
- --amplify-components-card-border-style: solid;
317
- --amplify-components-card-border-width: 0;
318
- --amplify-components-button-loader-wrapper-align-items: center;
319
- --amplify-components-button-link-loading-background-color: transparent;
320
- --amplify-components-button-link-loading-border-color: transparent;
321
- --amplify-components-button-link-disabled-background-color: transparent;
322
- --amplify-components-button-link-disabled-border-color: transparent;
323
- --amplify-components-button-link-active-border-color: transparent;
324
- --amplify-components-button-link-focus-border-color: transparent;
325
- --amplify-components-button-link-hover-border-color: transparent;
326
- --amplify-components-button-link-border-color: transparent;
327
- --amplify-components-button-link-background-color: transparent;
328
- --amplify-components-button-menu-justify-content: start;
329
- --amplify-components-button-menu-background-color: transparent;
330
- --amplify-components-button-primary-active-border-color: transparent;
331
- --amplify-components-button-primary-focus-border-color: transparent;
332
- --amplify-components-button-primary-hover-border-color: transparent;
333
- --amplify-components-button-primary-loading-border-color: transparent;
334
- --amplify-components-button-primary-disabled-border-color: transparent;
335
- --amplify-components-button-primary-border-style: solid;
336
- --amplify-components-button-primary-border-color: transparent;
337
- --amplify-components-button-disabled-background-color: transparent;
338
- --amplify-components-button-loading-background-color: transparent;
339
- --amplify-components-badge-text-align: center;
340
- --amplify-components-badge-line-height: 1;
341
- --amplify-components-autocomplete-menu-loading-display: flex;
342
- --amplify-components-autocomplete-menu-loading-align-items: center;
343
- --amplify-components-autocomplete-menu-empty-display: flex;
344
- --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
345
- --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
346
- --amplify-components-autocomplete-menu-option-cursor: pointer;
347
- --amplify-components-autocomplete-menu-option-color: currentcolor;
348
- --amplify-components-autocomplete-menu-options-max-height: 300px;
349
- --amplify-components-autocomplete-menu-options-flex-direction: column;
350
- --amplify-components-autocomplete-menu-options-display: flex;
351
- --amplify-components-autocomplete-menu-border-style: solid;
352
- --amplify-components-autocomplete-menu-width: 100%;
353
- --amplify-components-authenticator-router-border-style: solid;
354
- --amplify-components-authenticator-container-width-max: 30rem;
355
- --amplify-components-authenticator-max-width: 60rem;
356
- --amplify-components-alert-justify-content: space-between;
357
- --amplify-components-alert-align-items: center;
358
- --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
359
- --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
360
- --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
361
- --amplify-colors-border-error: var(--amplify-colors-red-80);
362
- --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
363
- --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
364
- --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
365
- --amplify-colors-background-success: var(--amplify-colors-green-20);
366
- --amplify-colors-background-error: var(--amplify-colors-red-20);
367
- --amplify-colors-background-warning: var(--amplify-colors-orange-20);
368
- --amplify-colors-background-info: var(--amplify-colors-blue-20);
369
- --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
370
- --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
371
- --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
372
- --amplify-colors-background-primary: var(--amplify-colors-white);
373
- --amplify-colors-font-success: var(--amplify-colors-green-90);
374
- --amplify-colors-font-error: var(--amplify-colors-red-90);
375
- --amplify-colors-font-warning: var(--amplify-colors-orange-90);
376
- --amplify-colors-font-info: var(--amplify-colors-blue-90);
377
- --amplify-colors-font-inverse: var(--amplify-colors-white);
378
- --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
379
- --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
380
- --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
381
- --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
382
- --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
383
- --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
384
- --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
385
- --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
386
- --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
387
- --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
388
- --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
389
- --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
390
- --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
391
- --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
392
- --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
393
- --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
394
- --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
395
- --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
396
- --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
397
- --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);
398
- --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);
399
- --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);
400
- --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
401
- --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
402
- --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);
403
- --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
404
- --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
405
- --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
406
- --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
407
- --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
408
- --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
409
- --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
410
- --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
411
- --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
412
- --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
413
- --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
414
- --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
415
- --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
416
- --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
417
- --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
418
- --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
419
- --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
420
- --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
421
- --amplify-components-tabs-item-font-weight: 700;
422
- --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
423
- --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
424
- --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
425
- --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
426
- --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
427
- --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
428
- --amplify-components-table-data-small-padding: var(--amplify-space-xs);
429
- --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
430
- --amplify-components-table-data-large-padding: var(--amplify-space-large);
431
- --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
432
- --amplify-components-table-data-padding: var(--amplify-space-medium);
433
- --amplify-components-table-data-font-weight: 400;
434
- --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
435
- --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
436
- --amplify-components-table-header-small-padding: var(--amplify-space-xs);
437
- --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
438
- --amplify-components-table-header-large-padding: var(--amplify-space-large);
439
- --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
440
- --amplify-components-table-header-padding: var(--amplify-space-medium);
441
- --amplify-components-table-header-font-weight: 700;
442
- --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
443
- --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
444
- --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
445
- --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
446
- --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
447
- --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
448
- --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
449
- --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
450
- --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
451
- --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
452
- --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
453
- --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
454
- --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
455
- --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
456
- --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
457
- --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
458
- --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
459
- --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
460
- --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
461
- --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
462
- --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
518
+ --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
519
+ --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
520
+ --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
521
+ --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
522
+ --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
523
+ --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
524
+ --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
525
+ --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
526
+ --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
527
+ --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
528
+ --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
529
+ --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
530
+ --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
531
+ --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
532
+ --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
533
+ --amplify-components-radio-label-color: var(--amplify-components-text-color);
534
+ --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
535
+ --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
536
+ --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);
537
+ --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
538
+ --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
539
+ --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
540
+ --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
541
+ --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
542
+ --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
543
+ --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
544
+ --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
545
+ --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
546
+ --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
547
+ --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
548
+ --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
549
+ --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
550
+ --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
551
+ --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
463
552
  --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
464
- --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
465
- --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
466
- --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
467
- --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
468
- --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
469
- --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
470
- --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
471
- --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
472
- --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
473
- --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
474
- --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
475
- --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
476
- --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
477
- --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
478
- --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
479
- --amplify-components-placeholder-large-height: var(--amplify-space-large);
480
- --amplify-components-placeholder-default-height: var(--amplify-space-medium);
481
- --amplify-components-placeholder-small-height: var(--amplify-space-small);
482
- --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
483
- --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
484
- --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
485
- --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
486
- --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
487
- --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
488
- --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
489
- --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
490
- --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
491
- --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
492
- --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
493
- --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
494
- --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
495
- --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
496
- --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
497
- --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
498
- --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
499
- --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
500
- --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
501
- --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
502
- --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
503
- --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
504
- --amplify-components-menu-gap: var(--amplify-space-zero);
505
- --amplify-components-menu-border-width: var(--amplify-border-widths-small);
506
- --amplify-components-menu-border-radius: var(--amplify-radii-medium);
507
- --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
508
- --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
509
- --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
510
- --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
511
- --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
512
- --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
513
- --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
514
- --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
515
- --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
516
- --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
517
- --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
518
- --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
519
- --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
520
- --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
521
- --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
522
- --amplify-components-loader-height: var(--amplify-font-sizes-medium);
523
- --amplify-components-loader-width: var(--amplify-font-sizes-medium);
524
- --amplify-components-highlightmatch-highlighted-font-weight: 700;
525
- --amplify-components-heading-line-height: var(--amplify-line-heights-small);
526
- --amplify-components-heading-6-font-weight: 800;
527
- --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
528
- --amplify-components-heading-5-font-weight: 700;
529
- --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
530
- --amplify-components-heading-4-font-weight: 600;
531
- --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
532
- --amplify-components-heading-3-font-weight: 500;
533
- --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
534
- --amplify-components-heading-2-font-weight: 400;
535
- --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
536
- --amplify-components-heading-1-font-weight: 300;
537
- --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
538
- --amplify-components-flex-gap: var(--amplify-space-medium);
539
- --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
540
- --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
541
- --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
542
- --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
543
- --amplify-components-fieldcontrol-quiet-border-block-end: var(--amplify-border-widths-small) solid var(--amplify-colors-border-primary);
544
- --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
545
- --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
546
- --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
547
- --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
548
- --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
549
- --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
550
- --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
551
- --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
552
- --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
553
- --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
554
- --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
555
- --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
556
- --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
557
- --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
558
- --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
559
- --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
560
- --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
561
- --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
562
- --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
563
- --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
564
- --amplify-components-field-large-gap: var(--amplify-space-small);
565
- --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
566
- --amplify-components-field-small-gap: var(--amplify-space-xxxs);
567
- --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
568
- --amplify-components-field-gap: var(--amplify-space-xs);
569
- --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
570
- --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
571
- --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
572
- --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
573
- --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
574
- --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
575
- --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
576
- --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
577
- --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
578
- --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
579
- --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
580
- --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
581
- --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
582
- --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
583
- --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
584
- --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
585
- --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
586
- --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
587
- --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
588
- --amplify-components-expander-border-radius: var(--amplify-radii-medium);
589
- --amplify-components-divider-opacity: var(--amplify-opacities-60);
590
- --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
591
- --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
592
- --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
593
- --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
594
- --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
595
- --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
596
- --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
597
- --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
598
- --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
599
- --amplify-components-copy-gap: var(--amplify-space-relative-medium);
600
- --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
601
- --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
602
- --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
603
- --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
604
- --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
605
- --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
606
- --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
607
- --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
608
- --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
609
- --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
610
- --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
611
- --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
612
- --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
613
- --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
614
- --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
615
- --amplify-components-card-padding: var(--amplify-space-medium);
616
- --amplify-components-card-border-radius: var(--amplify-radii-xs);
617
- --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
618
- --amplify-components-button-link-border-width: var(--amplify-space-zero);
619
- --amplify-components-button-menu-border-width: var(--amplify-space-zero);
620
- --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
621
- --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
622
- --amplify-components-button-font-weight: 700;
623
- --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
624
- --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
625
- --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
626
- --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
627
- --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
628
- --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
629
- --amplify-components-badge-border-radius: var(--amplify-radii-xl);
630
- --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
631
- --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
632
- --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
633
- --amplify-components-badge-font-weight: 600;
634
- --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
635
- --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
636
- --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
637
- --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
638
- --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
639
- --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);
640
- --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);
641
- --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);
642
- --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
643
- --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
644
- --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
645
- --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
646
- --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
647
- --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
648
- --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
649
- --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
650
- --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
651
- --amplify-components-alert-heading-font-weight: 700;
652
- --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
653
- --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
654
- --amplify-components-alert-padding-inline: var(--amplify-space-medium);
655
- --amplify-components-alert-padding-block: var(--amplify-space-small);
656
- --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
657
- --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
658
- --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
659
- --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
660
- --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
661
- --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
662
- --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
663
- --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
664
- --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
665
- --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
666
- --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
667
- --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
668
- --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
669
- --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
670
- --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
671
- --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
672
- --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
673
- --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
674
- --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
675
- --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
676
- --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
677
- --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
678
- --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
679
- --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
680
- --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
681
- --amplify-components-text-info-color: var(--amplify-colors-font-info);
682
- --amplify-components-text-success-color: var(--amplify-colors-font-success);
683
- --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
684
- --amplify-components-text-error-color: var(--amplify-colors-font-error);
685
- --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
686
- --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
687
- --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
688
- --amplify-components-text-color: var(--amplify-colors-font-primary);
689
- --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
690
- --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
691
- --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
692
- --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
693
- --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
694
- --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
695
- --amplify-components-table-data-color: var(--amplify-colors-font-primary);
696
- --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
697
- --amplify-components-table-header-color: var(--amplify-colors-font-primary);
698
- --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
699
- --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
700
- --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
701
- --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);
702
- --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
703
- --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
704
- --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
705
- --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
706
- --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
707
- --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
708
- --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
709
- --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
710
- --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
711
- --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
712
- --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
713
- --amplify-components-select-option-color: var(--amplify-colors-font-primary);
553
+ --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
554
+ --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
555
+ --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
556
+ --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
557
+ --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
558
+ --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
559
+ --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
560
+ --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
561
+ --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
562
+ --amplify-components-select-wrapper-flex: 1;
563
+ --amplify-components-select-wrapper-display: block;
564
+ --amplify-components-select-wrapper-position: relative;
565
+ --amplify-components-select-wrapper-cursor: pointer;
566
+ --amplify-components-select-icon-wrapper-align-items: center;
567
+ --amplify-components-select-icon-wrapper-position: absolute;
568
+ --amplify-components-select-icon-wrapper-top: 50%;
569
+ --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
570
+ --amplify-components-select-icon-wrapper-transform: translateY(-50%);
571
+ --amplify-components-select-icon-wrapper-pointer-events: none;
714
572
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
715
- --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
716
- --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
717
- --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
718
- --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
719
- --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
720
- --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
721
- --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
722
- --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
723
- --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
724
- --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
725
- --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
726
- --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
727
- --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
728
- --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
729
- --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
730
- --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
731
- --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
732
- --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
733
- --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
734
- --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
735
- --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
736
- --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
737
- --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
738
- --amplify-components-heading-color: var(--amplify-colors-font-primary);
739
- --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
740
- --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
741
- --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
742
- --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
743
- --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
744
- --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
745
- --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
746
- --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
747
- --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
748
- --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
749
- --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
750
- --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
751
- --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
752
- --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
753
- --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
754
- --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
755
- --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
756
- --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
757
- --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
758
- --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
759
- --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
760
- --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
761
- --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
762
- --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
763
- --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
764
- --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
765
- --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
766
- --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
767
- --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
768
- --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
769
- --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
770
- --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
771
- --amplify-components-card-background-color: var(--amplify-colors-background-primary);
772
- --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
773
- --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
774
- --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
775
- --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
776
- --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
777
- --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
778
- --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
779
- --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
780
- --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
781
- --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
782
- --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
783
- --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
784
- --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
785
- --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
786
- --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
787
- --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
788
- --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
789
- --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
790
- --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
791
- --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
792
- --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
793
- --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
794
- --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
795
- --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
796
- --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
797
- --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
798
- --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
799
- --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
800
- --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
801
- --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
802
- --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
803
- --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
804
- --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
805
- --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
806
- --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
807
- --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
808
- --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
809
- --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
810
- --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
811
- --amplify-components-button-color: var(--amplify-colors-font-primary);
812
- --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
813
- --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
814
- --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
815
- --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
816
- --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
817
- --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
818
- --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);
819
- --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
820
- --amplify-components-badge-error-background-color: var(--amplify-colors-background-error);
821
- --amplify-components-badge-error-color: var(--amplify-colors-font-error);
822
- --amplify-components-badge-success-background-color: var(--amplify-colors-background-success);
823
- --amplify-components-badge-success-color: var(--amplify-colors-font-success);
824
- --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);
825
- --amplify-components-badge-warning-color: var(--amplify-colors-font-warning);
826
- --amplify-components-badge-info-background-color: var(--amplify-colors-background-info);
827
- --amplify-components-badge-info-color: var(--amplify-colors-font-info);
828
- --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
829
- --amplify-components-badge-color: var(--amplify-colors-font-primary);
830
- --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
831
- --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);
832
- --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);
833
- --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);
834
- --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
835
- --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
836
- --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
837
- --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
838
- --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
839
- --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
840
- --amplify-components-alert-success-color: var(--amplify-colors-font-success);
841
- --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);
842
- --amplify-components-alert-warning-color: var(--amplify-colors-font-warning);
843
- --amplify-components-alert-error-background-color: var(--amplify-colors-background-error);
844
- --amplify-components-alert-error-color: var(--amplify-colors-font-error);
845
- --amplify-components-alert-info-background-color: var(--amplify-colors-background-info);
846
- --amplify-components-alert-info-color: var(--amplify-colors-font-info);
847
- --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
848
- --amplify-components-alert-color: var(--amplify-colors-font-primary);
849
- --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
850
- --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
851
- --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
852
- --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
853
- --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
854
- --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
855
- --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
856
- --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
857
- --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);
858
- --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
859
- --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
860
- --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
861
- --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
862
- --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
863
- --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
864
- --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
573
+ --amplify-components-select-option-color: var(--amplify-colors-font-primary);
574
+ --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
575
+ --amplify-components-select-white-space: nowrap;
576
+ --amplify-components-select-min-width: 6.5rem;
577
+ --amplify-components-select-small-min-width: 5.5rem;
578
+ --amplify-components-select-large-min-width: 7.5rem;
579
+ --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
580
+ --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
581
+ --amplify-components-selectfield-flex-direction: column;
582
+ --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);
583
+ --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
584
+ --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);
585
+ --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
586
+ --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
587
+ --amplify-components-sliderfield-track-border-radius: 9999px;
588
+ --amplify-components-sliderfield-track-height: 0.375rem;
589
+ --amplify-components-sliderfield-track-min-width: 10rem;
590
+ --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
591
+ --amplify-components-sliderfield-range-border-radius: 9999px;
592
+ --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
593
+ --amplify-components-sliderfield-thumb-width: 1.25rem;
594
+ --amplify-components-sliderfield-thumb-height: 1.25rem;
595
+ --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
596
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
597
+ --amplify-components-sliderfield-thumb-border-radius: 50%;
598
+ --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
599
+ --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
600
+ --amplify-components-sliderfield-thumb-border-style: solid;
601
+ --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
602
+ --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
603
+ --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
604
+ --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
605
+ --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
606
+ --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
607
+ --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
608
+ --amplify-components-sliderfield-small-track-height: 0.25rem;
609
+ --amplify-components-sliderfield-small-thumb-width: 1rem;
610
+ --amplify-components-sliderfield-small-thumb-height: 1rem;
611
+ --amplify-components-sliderfield-large-track-height: 0.625rem;
612
+ --amplify-components-sliderfield-large-thumb-width: 1.5rem;
613
+ --amplify-components-sliderfield-large-thumb-height: 1.5rem;
614
+ --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);
615
+ --amplify-components-stepperfield-flex-direction: column;
616
+ --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);
617
+ --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);
618
+ --amplify-components-stepperfield-input-text-align: center;
619
+ --amplify-components-stepperfield-button-color: var(--amplify-components-button-color);
620
+ --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
621
+ --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
622
+ --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);
623
+ --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
624
+ --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
625
+ --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);
626
+ --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
627
+ --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
628
+ --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
629
+ --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
630
+ --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
631
+ --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
632
+ --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
633
+ --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
634
+ --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
635
+ --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
636
+ --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
637
+ --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
638
+ --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
639
+ --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
640
+ --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
641
+ --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
642
+ --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
643
+ --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
644
+ --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
645
+ --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
646
+ --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
647
+ --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
648
+ --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);
649
+ --amplify-components-table-border-collapse: collapse;
650
+ --amplify-components-table-display: table;
651
+ --amplify-components-table-width: 100%;
652
+ --amplify-components-table-head-display: table-header-group;
653
+ --amplify-components-table-head-vertical-align: middle;
654
+ --amplify-components-table-body-display: table-row-group;
655
+ --amplify-components-table-body-vertical-align: middle;
656
+ --amplify-components-table-foot-display: table-footer-group;
657
+ --amplify-components-table-foot-vertical-align: middle;
658
+ --amplify-components-table-row-display: table-row;
659
+ --amplify-components-table-row-vertical-align: middle;
660
+ --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
661
+ --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
662
+ --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
663
+ --amplify-components-table-header-border-style: solid;
664
+ --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
665
+ --amplify-components-table-header-color: var(--amplify-colors-font-primary);
666
+ --amplify-components-table-header-display: table-cell;
667
+ --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
668
+ --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);
669
+ --amplify-components-table-header-padding: var(--amplify-space-medium);
670
+ --amplify-components-table-header-vertical-align: middle;
671
+ --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
672
+ --amplify-components-table-header-large-padding: var(--amplify-space-large);
673
+ --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
674
+ --amplify-components-table-header-small-padding: var(--amplify-space-xs);
675
+ --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
676
+ --amplify-components-table-data-border-style: solid;
677
+ --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
678
+ --amplify-components-table-data-color: var(--amplify-colors-font-primary);
679
+ --amplify-components-table-data-display: table-cell;
680
+ --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
681
+ --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);
682
+ --amplify-components-table-data-padding: var(--amplify-space-medium);
683
+ --amplify-components-table-data-vertical-align: middle;
684
+ --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
685
+ --amplify-components-table-data-large-padding: var(--amplify-space-large);
686
+ --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
687
+ --amplify-components-table-data-small-padding: var(--amplify-space-xs);
688
+ --amplify-components-table-caption-caption-side: bottom;
689
+ --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
690
+ --amplify-components-table-caption-display: table-caption;
691
+ --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
692
+ --amplify-components-table-caption-text-align: center;
693
+ --amplify-components-table-caption-word-break: break-all;
694
+ --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
695
+ --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
696
+ --amplify-components-tabs-background-color: transparent;
697
+ --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
698
+ --amplify-components-tabs-border-style: solid;
699
+ --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
700
+ --amplify-components-tabs-gap: 0;
701
+ --amplify-components-tabs-item-background-color: transparent;
702
+ --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
703
+ --amplify-components-tabs-item-border-style: solid;
704
+ --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
705
+ --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
706
+ --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
707
+ --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);
708
+ --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
709
+ --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
710
+ --amplify-components-tabs-item-text-align: center;
711
+ --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
865
712
  --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
866
- --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
867
- --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
868
- --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);
869
- --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
870
- --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);
871
- --amplify-components-stepperfield-button-color: var(--amplify-components-button-color);
872
- --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);
873
- --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);
874
- --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);
875
- --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
876
- --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
877
- --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
878
- --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
879
- --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
880
- --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);
881
- --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);
882
- --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
883
- --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
884
- --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
885
- --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
886
- --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
887
- --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
888
- --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
889
- --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
890
- --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
891
- --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
892
- --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
893
- --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
894
- --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
895
- --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
896
- --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);
897
- --amplify-components-radio-label-color: var(--amplify-components-text-color);
898
- --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
899
- --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
900
- --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
901
- --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
902
- --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);
903
- --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);
904
- --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);
905
- --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
906
- --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
907
- --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
908
- --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
909
- --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
910
- --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
911
- --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
912
- --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
913
- --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
914
- --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
915
- --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
916
- --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
917
- --amplify-components-link-color: var(--amplify-colors-font-interactive);
918
- --amplify-components-link-active-color: var(--amplify-colors-font-active);
919
- --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
920
- --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
921
- --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
922
- --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
923
- --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
924
- --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
925
- --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
926
- --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
927
- --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
928
- --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
929
- --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
930
- --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
931
- --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
932
- --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
933
- --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
934
- --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
935
- --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
936
- --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
937
- --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
938
- --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
939
- --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
940
- --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
941
- --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
942
- --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
943
- --amplify-components-button-active-color: var(--amplify-colors-font-active);
944
- --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
945
- --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
946
- --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
947
- --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
948
- --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
949
- --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
950
- --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
713
+ --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
714
+ --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
715
+ --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
716
+ --amplify-components-tabs-item-active-background-color: transparent;
717
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
718
+ --amplify-components-tabs-item-disabled-background-color: transparent;
719
+ --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
720
+ --amplify-components-text-color: var(--amplify-colors-font-primary);
721
+ --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
722
+ --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
723
+ --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
724
+ --amplify-components-text-error-color: var(--amplify-colors-font-error);
725
+ --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
726
+ --amplify-components-text-success-color: var(--amplify-colors-font-success);
727
+ --amplify-components-text-info-color: var(--amplify-colors-font-info);
728
+ --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
729
+ --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
951
730
  --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
952
- --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
953
- --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
954
- --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
955
- --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
956
- --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
957
- --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
958
- --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
959
- --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
960
- --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
961
- --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
962
- --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
963
- --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
964
- --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
965
- --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
966
- --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
967
- --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
968
- --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
969
- --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
970
- --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
971
- --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
972
- --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
973
- --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
974
- --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
975
- --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
976
- --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
977
- --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
978
- --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
979
- --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
980
- --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
981
- --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
982
- --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
983
- --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
731
+ --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
732
+ --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
733
+ --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);
734
+ --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
735
+ --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
736
+ --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
737
+ --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
738
+ --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
739
+ --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
740
+ --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
741
+ --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
742
+ --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
743
+ --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
744
+ --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
745
+ --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
746
+ --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
747
+ --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
748
+ --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
749
+ --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
750
+ --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
751
+ --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
752
+ --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
753
+ --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
754
+ --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
755
+ --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
756
+ --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
757
+ --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
758
+ --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
759
+ --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
760
+ --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
761
+ --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
762
+ --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
763
+ --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
764
+ --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
765
+ --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
766
+ --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
767
+ --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
768
+ --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
769
+ --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
770
+ --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
771
+ --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
772
+ --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
773
+ --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
774
+ --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
775
+ --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);
776
+ --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
777
+ --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
778
+ --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
779
+ --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);
780
+ --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);
781
+ --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);
782
+ --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
783
+ --amplify-components-togglebuttongroup-align-items: center;
784
+ --amplify-components-togglebuttongroup-align-content: center;
785
+ --amplify-components-togglebuttongroup-justify-content: flex-start;
786
+ --amplify-border-widths-small: 1px;
787
+ --amplify-border-widths-medium: 2px;
788
+ --amplify-border-widths-large: 3px;
789
+ --amplify-colors-red-10: hsl(0, 75%, 95%);
790
+ --amplify-colors-red-20: hsl(0, 75%, 85%);
791
+ --amplify-colors-red-40: hsl(0, 75%, 75%);
792
+ --amplify-colors-red-60: hsl(0, 50%, 50%);
793
+ --amplify-colors-red-80: hsl(0, 95%, 30%);
794
+ --amplify-colors-red-90: hsl(0, 100%, 20%);
795
+ --amplify-colors-red-100: hsl(0, 100%, 15%);
796
+ --amplify-colors-orange-10: hsl(30, 75%, 95%);
797
+ --amplify-colors-orange-20: hsl(30, 75%, 85%);
798
+ --amplify-colors-orange-40: hsl(30, 75%, 75%);
799
+ --amplify-colors-orange-60: hsl(30, 50%, 50%);
800
+ --amplify-colors-orange-80: hsl(30, 95%, 30%);
801
+ --amplify-colors-orange-90: hsl(30, 100%, 20%);
802
+ --amplify-colors-orange-100: hsl(30, 100%, 15%);
803
+ --amplify-colors-yellow-10: hsl(60, 75%, 95%);
804
+ --amplify-colors-yellow-20: hsl(60, 75%, 85%);
805
+ --amplify-colors-yellow-40: hsl(60, 75%, 75%);
806
+ --amplify-colors-yellow-60: hsl(60, 50%, 50%);
807
+ --amplify-colors-yellow-80: hsl(60, 95%, 30%);
808
+ --amplify-colors-yellow-90: hsl(60, 100%, 20%);
809
+ --amplify-colors-yellow-100: hsl(60, 100%, 15%);
810
+ --amplify-colors-green-10: hsl(130, 60%, 95%);
811
+ --amplify-colors-green-20: hsl(130, 60%, 90%);
812
+ --amplify-colors-green-40: hsl(130, 44%, 63%);
813
+ --amplify-colors-green-60: hsl(130, 43%, 46%);
814
+ --amplify-colors-green-80: hsl(130, 33%, 37%);
815
+ --amplify-colors-green-90: hsl(130, 27%, 29%);
816
+ --amplify-colors-green-100: hsl(130, 22%, 23%);
817
+ --amplify-colors-teal-10: hsl(190, 75%, 95%);
818
+ --amplify-colors-teal-20: hsl(190, 75%, 85%);
819
+ --amplify-colors-teal-40: hsl(190, 70%, 70%);
820
+ --amplify-colors-teal-60: hsl(190, 50%, 50%);
821
+ --amplify-colors-teal-80: hsl(190, 95%, 30%);
822
+ --amplify-colors-teal-90: hsl(190, 100%, 20%);
823
+ --amplify-colors-teal-100: hsl(190, 100%, 15%);
824
+ --amplify-colors-blue-10: hsl(220, 95%, 95%);
825
+ --amplify-colors-blue-20: hsl(220, 85%, 85%);
826
+ --amplify-colors-blue-40: hsl(220, 70%, 70%);
827
+ --amplify-colors-blue-60: hsl(220, 50%, 50%);
828
+ --amplify-colors-blue-80: hsl(220, 95%, 30%);
829
+ --amplify-colors-blue-90: hsl(220, 100%, 20%);
830
+ --amplify-colors-blue-100: hsl(220, 100%, 15%);
831
+ --amplify-colors-purple-10: hsl(300, 95%, 95%);
832
+ --amplify-colors-purple-20: hsl(300, 85%, 85%);
833
+ --amplify-colors-purple-40: hsl(300, 70%, 70%);
834
+ --amplify-colors-purple-60: hsl(300, 50%, 50%);
835
+ --amplify-colors-purple-80: hsl(300, 95%, 30%);
836
+ --amplify-colors-purple-90: hsl(300, 100%, 20%);
837
+ --amplify-colors-purple-100: hsl(300, 100%, 15%);
838
+ --amplify-colors-pink-10: hsl(340, 95%, 95%);
839
+ --amplify-colors-pink-20: hsl(340, 90%, 85%);
840
+ --amplify-colors-pink-40: hsl(340, 70%, 70%);
841
+ --amplify-colors-pink-60: hsl(340, 50%, 50%);
842
+ --amplify-colors-pink-80: hsl(340, 95%, 30%);
843
+ --amplify-colors-pink-90: hsl(340, 100%, 20%);
844
+ --amplify-colors-pink-100: hsl(340, 100%, 15%);
845
+ --amplify-colors-neutral-10: hsl(210, 5%, 98%);
846
+ --amplify-colors-neutral-20: hsl(210, 5%, 94%);
847
+ --amplify-colors-neutral-40: hsl(210, 5%, 87%);
848
+ --amplify-colors-neutral-60: hsl(210, 8%, 55%);
849
+ --amplify-colors-neutral-80: hsl(210, 10%, 40%);
850
+ --amplify-colors-neutral-90: hsl(210, 25%, 25%);
851
+ --amplify-colors-neutral-100: hsl(210, 50%, 10%);
852
+ --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
853
+ --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
854
+ --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
855
+ --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
856
+ --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
857
+ --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
858
+ --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
859
+ --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
860
+ --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
861
+ --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
862
+ --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
863
+ --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
864
+ --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
865
+ --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
866
+ --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
867
+ --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
868
+ --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
869
+ --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
870
+ --amplify-colors-font-inverse: var(--amplify-colors-white);
871
+ --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
872
+ --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
873
+ --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
874
+ --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
875
+ --amplify-colors-font-info: var(--amplify-colors-blue-90);
876
+ --amplify-colors-font-warning: var(--amplify-colors-orange-90);
877
+ --amplify-colors-font-error: var(--amplify-colors-red-90);
878
+ --amplify-colors-font-success: var(--amplify-colors-green-90);
879
+ --amplify-colors-background-primary: var(--amplify-colors-white);
880
+ --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
881
+ --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
882
+ --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
883
+ --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
884
+ --amplify-colors-background-info: var(--amplify-colors-blue-20);
885
+ --amplify-colors-background-warning: var(--amplify-colors-orange-20);
886
+ --amplify-colors-background-error: var(--amplify-colors-red-20);
887
+ --amplify-colors-background-success: var(--amplify-colors-green-20);
888
+ --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
889
+ --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
890
+ --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
891
+ --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
892
+ --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
893
+ --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
894
+ --amplify-colors-border-error: var(--amplify-colors-red-80);
895
+ --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25);
896
+ --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15);
897
+ --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05);
898
+ --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1);
899
+ --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2);
900
+ --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3);
901
+ --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4);
902
+ --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5);
903
+ --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6);
904
+ --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7);
905
+ --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8);
906
+ --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9);
907
+ --amplify-colors-black: hsl(0, 0%, 0%);
908
+ --amplify-colors-white: hsl(0, 0%, 100%);
909
+ --amplify-colors-transparent: transparent;
910
+ --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont,
911
+ "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans",
912
+ sans-serif;
913
+ --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
914
+ "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
915
+ --amplify-font-sizes-xxxs: 0.375rem;
916
+ --amplify-font-sizes-xxs: 0.5rem;
917
+ --amplify-font-sizes-xs: 0.75rem;
918
+ --amplify-font-sizes-small: 0.875rem;
919
+ --amplify-font-sizes-medium: 1rem;
920
+ --amplify-font-sizes-large: 1.25rem;
921
+ --amplify-font-sizes-xl: 1.5rem;
922
+ --amplify-font-sizes-xxl: 2rem;
923
+ --amplify-font-sizes-xxxl: 2.5rem;
924
+ --amplify-font-sizes-xxxxl: 3rem;
925
+ --amplify-font-weights-hairline: 100;
926
+ --amplify-font-weights-thin: 200;
927
+ --amplify-font-weights-light: 300;
928
+ --amplify-font-weights-normal: 400;
929
+ --amplify-font-weights-medium: 500;
930
+ --amplify-font-weights-semibold: 600;
931
+ --amplify-font-weights-bold: 700;
932
+ --amplify-font-weights-extrabold: 800;
933
+ --amplify-font-weights-black: 900;
934
+ --amplify-line-heights-small: 1.25;
935
+ --amplify-line-heights-medium: 1.5;
936
+ --amplify-line-heights-large: 2;
937
+ --amplify-opacities-0: 0;
938
+ --amplify-opacities-10: 0.1;
939
+ --amplify-opacities-20: 0.2;
940
+ --amplify-opacities-30: 0.3;
941
+ --amplify-opacities-40: 0.4;
942
+ --amplify-opacities-50: 0.5;
943
+ --amplify-opacities-60: 0.6;
944
+ --amplify-opacities-70: 0.7;
945
+ --amplify-opacities-80: 0.8;
946
+ --amplify-opacities-90: 0.9;
947
+ --amplify-opacities-100: 1;
948
+ --amplify-outline-offsets-small: 1px;
949
+ --amplify-outline-offsets-medium: 2px;
950
+ --amplify-outline-offsets-large: 3px;
951
+ --amplify-outline-widths-small: 1px;
952
+ --amplify-outline-widths-medium: 2px;
953
+ --amplify-outline-widths-large: 3px;
954
+ --amplify-radii-xs: 0.125rem;
955
+ --amplify-radii-small: 0.25rem;
956
+ --amplify-radii-medium: 0.5rem;
957
+ --amplify-radii-large: 1rem;
958
+ --amplify-radii-xl: 2rem;
959
+ --amplify-radii-xxl: 4rem;
960
+ --amplify-radii-xxxl: 8rem;
961
+ --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
962
+ --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
963
+ --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
964
+ --amplify-space-zero: 0;
965
+ --amplify-space-xxxs: 0.25rem;
966
+ --amplify-space-xxs: 0.375rem;
967
+ --amplify-space-xs: 0.5rem;
968
+ --amplify-space-small: 0.75rem;
969
+ --amplify-space-medium: 1rem;
970
+ --amplify-space-large: 1.5rem;
971
+ --amplify-space-xl: 2.0rem;
972
+ --amplify-space-xxl: 3.0rem;
973
+ --amplify-space-xxxl: 4.5rem;
974
+ --amplify-space-relative-xxxs: 0.25em;
975
+ --amplify-space-relative-xxs: 0.375em;
976
+ --amplify-space-relative-xs: 0.5em;
977
+ --amplify-space-relative-small: 0.75em;
978
+ --amplify-space-relative-medium: 1em;
979
+ --amplify-space-relative-large: 1.5em;
980
+ --amplify-space-relative-xl: 2.0em;
981
+ --amplify-space-relative-xxl: 3.0em;
982
+ --amplify-space-relative-xxxl: 4.5em;
983
+ --amplify-space-relative-full: 100%;
984
+ --amplify-time-short: 100ms;
985
+ --amplify-time-medium: 250ms;
986
+ --amplify-time-long: 500ms;
987
+ --amplify-transforms-slide-x-small: translateX(0.5em);
988
+ --amplify-transforms-slide-x-medium: translateX(1em);
989
+ --amplify-transforms-slide-x-large: translateX(2em);
984
990
  }
985
991
 
986
992
  html,
@@ -990,7 +996,7 @@ html,
990
996
 
991
997
  @supports (font-variation-settings: normal) {
992
998
  html,
993
- [data-amplify-theme] {
999
+ [data-amplify-theme] {
994
1000
  font-family: var(--amplify-fonts-default-variable);
995
1001
  }
996
1002
  }
@@ -1885,11 +1891,12 @@ strong.amplify-text {
1885
1891
 
1886
1892
  .amplify-autocomplete {
1887
1893
  position: relative;
1894
+ display: block;
1888
1895
  }
1889
1896
 
1890
1897
  .amplify-autocomplete__menu {
1891
1898
  position: absolute;
1892
- z-index: 99;
1899
+ z-index: 999999;
1893
1900
  width: var(--amplify-components-autocomplete-menu-width);
1894
1901
  -webkit-margin-before: var(--amplify-components-autocomplete-menu-margin-block-start);
1895
1902
  margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
@@ -2503,7 +2510,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
2503
2510
  height: 100%;
2504
2511
  }
2505
2512
 
2506
- [data-radix-popper-content-wrapper] {
2513
+ .amplify-menu-content-wrapper {
2507
2514
  z-index: 999999;
2508
2515
  }
2509
2516
 
@@ -3873,6 +3880,186 @@ html[dir=rtl] .amplify-field-group__inner-start {
3873
3880
  }
3874
3881
  }
3875
3882
 
3883
+ .amplify-inappmessaging-backdrop {
3884
+ background-color: var(--amplify-colors-overlay-50);
3885
+ inset: 0;
3886
+ position: fixed;
3887
+ z-index: 1000;
3888
+ }
3889
+
3890
+ .amplify-inappmessaging-backdrop-content-container {
3891
+ align-items: center;
3892
+ inset: 0;
3893
+ justify-content: center;
3894
+ pointer-events: none;
3895
+ position: fixed;
3896
+ z-index: 1001;
3897
+ }
3898
+
3899
+ .amplify-inappmessaging-backdrop-content {
3900
+ pointer-events: auto;
3901
+ }
3902
+
3903
+ .amplify-inappmessaging-bannermessage {
3904
+ box-shadow: var(--amplify-shadows-medium);
3905
+ height: var(--amplify-components-inappmessaging-banner-height);
3906
+ margin: var(--amplify-space-small);
3907
+ max-width: 50%;
3908
+ position: fixed;
3909
+ width: var(--amplify-components-inappmessaging-banner-width);
3910
+ }
3911
+ .amplify-inappmessaging-bannermessage--top {
3912
+ top: 0;
3913
+ }
3914
+ .amplify-inappmessaging-bannermessage--middle {
3915
+ bottom: 0;
3916
+ margin: auto var(--amplify-space-small);
3917
+ top: 0;
3918
+ }
3919
+ .amplify-inappmessaging-bannermessage--bottom {
3920
+ bottom: 0;
3921
+ }
3922
+ .amplify-inappmessaging-bannermessage--left {
3923
+ left: 0;
3924
+ }
3925
+ .amplify-inappmessaging-bannermessage--center {
3926
+ left: 0;
3927
+ margin: var(--amplify-space-small) auto;
3928
+ right: 0;
3929
+ }
3930
+ .amplify-inappmessaging-bannermessage--right {
3931
+ right: 0;
3932
+ }
3933
+ .amplify-inappmessaging-bannermessage--center-middle {
3934
+ inset: 0;
3935
+ margin: auto;
3936
+ }
3937
+ .amplify-inappmessaging-bannermessage--full-width {
3938
+ max-width: initial;
3939
+ width: calc(100% - 2 * var(--amplify-space-small));
3940
+ }
3941
+
3942
+ .amplify-inappmessaging-fullscreenmessage {
3943
+ height: var(--amplify-components-inappmessaging-dialog-height);
3944
+ min-height: var(--amplify-components-inappmessaging-dialog-min-height);
3945
+ min-width: var(--amplify-components-inappmessaging-dialog-min-width);
3946
+ width: var(--amplify-components-inappmessaging-dialog-width);
3947
+ }
3948
+ .amplify-inappmessaging-fullscreenmessage--fullscreen {
3949
+ height: auto;
3950
+ inset: 0;
3951
+ position: fixed;
3952
+ width: auto;
3953
+ z-index: 1000;
3954
+ }
3955
+
3956
+ .amplify-inappmessaging-messagelayout {
3957
+ background-color: var(--amplify-colors-background-primary);
3958
+ flex-direction: column;
3959
+ flex-grow: 1;
3960
+ gap: var(--amplify-space-xxxs);
3961
+ max-width: 100%;
3962
+ padding: var(--amplify-space-medium);
3963
+ }
3964
+ .amplify-inappmessaging-messagelayout__button {
3965
+ border-width: 0;
3966
+ width: 100%;
3967
+ }
3968
+ .amplify-inappmessaging-messagelayout__button, .amplify-inappmessaging-messagelayout__button:active, .amplify-inappmessaging-messagelayout__button:visited, .amplify-inappmessaging-messagelayout__button:hover, .amplify-inappmessaging-messagelayout__button:focus {
3969
+ background-color: var(--amplify-components-inappmessaging-button-background-color);
3970
+ border-radius: var(--amplify-components-inappmessaging-button-border-radius);
3971
+ color: var(--amplify-components-inappmessaging-button-color);
3972
+ }
3973
+ .amplify-inappmessaging-messagelayout__button--dark:active, .amplify-inappmessaging-messagelayout__button--dark:visited, .amplify-inappmessaging-messagelayout__button--light:active, .amplify-inappmessaging-messagelayout__button--light:visited {
3974
+ filter: brightness(100%);
3975
+ }
3976
+ .amplify-inappmessaging-messagelayout__button--dark:hover, .amplify-inappmessaging-messagelayout__button--dark:focus {
3977
+ filter: brightness(120%);
3978
+ }
3979
+ .amplify-inappmessaging-messagelayout__button--light:hover, .amplify-inappmessaging-messagelayout__button--light:focus {
3980
+ filter: brightness(80%);
3981
+ }
3982
+ .amplify-inappmessaging-messagelayout__close-button {
3983
+ color: var(--amplify-colors-neutral-80);
3984
+ }
3985
+ .amplify-inappmessaging-messagelayout__close-button:active, .amplify-inappmessaging-messagelayout__close-button:visited {
3986
+ color: var(--amplify-colors-neutral-80);
3987
+ }
3988
+ .amplify-inappmessaging-messagelayout__close-button:hover, .amplify-inappmessaging-messagelayout__close-button:focus {
3989
+ color: var(--amplify-colors-neutral-100);
3990
+ }
3991
+ .amplify-inappmessaging-messagelayout__content {
3992
+ flex-grow: 1;
3993
+ overflow: hidden;
3994
+ }
3995
+ .amplify-inappmessaging-messagelayout__content--horizontal {
3996
+ flex-direction: row;
3997
+ }
3998
+ .amplify-inappmessaging-messagelayout__content--vertical {
3999
+ flex-direction: column;
4000
+ justify-content: center;
4001
+ }
4002
+ .amplify-inappmessaging-messagelayout__header {
4003
+ flex-shrink: 0;
4004
+ font-size: var(--amplify-components-inappmessaging-header-font-size);
4005
+ font-weight: var(--amplify-components-inappmessaging-header-font-weight);
4006
+ }
4007
+ .amplify-inappmessaging-messagelayout__image-container {
4008
+ align-items: center;
4009
+ display: flex;
4010
+ justify-content: center;
4011
+ position: relative;
4012
+ }
4013
+ .amplify-inappmessaging-messagelayout__image-container img {
4014
+ max-height: 100%;
4015
+ max-width: 100%;
4016
+ -o-object-fit: contain;
4017
+ object-fit: contain;
4018
+ position: absolute;
4019
+ }
4020
+ .amplify-inappmessaging-messagelayout__image-container--horizontal {
4021
+ max-width: 15%;
4022
+ min-width: 15%;
4023
+ }
4024
+ .amplify-inappmessaging-messagelayout__image-container--vertical {
4025
+ max-height: 40%;
4026
+ min-height: 40%;
4027
+ }
4028
+ .amplify-inappmessaging-messagelayout__text-container {
4029
+ flex-direction: column;
4030
+ overflow-y: auto;
4031
+ gap: var(--amplify-space-xxxs);
4032
+ }
4033
+ .amplify-inappmessaging-messagelayout__text-container--horizontal {
4034
+ flex-grow: 1;
4035
+ }
4036
+ .amplify-inappmessaging-messagelayout__text-container--vertical {
4037
+ flex-grow: 0;
4038
+ }
4039
+
4040
+ .amplify-inappmessaging-modalmessage {
4041
+ align-items: center;
4042
+ height: initial;
4043
+ inset: 0;
4044
+ justify-content: center;
4045
+ pointer-events: none;
4046
+ position: fixed;
4047
+ width: initial;
4048
+ z-index: 1000;
4049
+ }
4050
+ .amplify-inappmessaging-modalmessage__dialog {
4051
+ box-shadow: var(--amplify-shadows-medium);
4052
+ height: var(--amplify-components-inappmessaging-dialog-height);
4053
+ min-height: var(--amplify-components-inappmessaging-dialog-min-height);
4054
+ min-width: var(--amplify-components-inappmessaging-dialog-min-width);
4055
+ pointer-events: auto;
4056
+ width: var(--amplify-components-inappmessaging-dialog-width);
4057
+ }
4058
+ .amplify-inappmessaging-modalmessage__dialog--full-width {
4059
+ width: 100%;
4060
+ margin: var(--amplify-space-small);
4061
+ }
4062
+
3876
4063
  [data-label-position=start] {
3877
4064
  flex-direction: row;
3878
4065
  }