@aws-amplify/ui-react-storage 0.0.0-next-3c3fbf4-20230404001107

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 (70) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +23 -0
  3. package/dist/esm/components/StorageManager/StorageManager.mjs +1 -0
  4. package/dist/esm/components/StorageManager/hooks/useDropZone/useDropZone.mjs +1 -0
  5. package/dist/esm/components/StorageManager/hooks/useStorageManager/actions.mjs +1 -0
  6. package/dist/esm/components/StorageManager/hooks/useStorageManager/reducer.mjs +1 -0
  7. package/dist/esm/components/StorageManager/hooks/useStorageManager/types.mjs +1 -0
  8. package/dist/esm/components/StorageManager/hooks/useStorageManager/useStorageManager.mjs +1 -0
  9. package/dist/esm/components/StorageManager/hooks/useUploadFiles/useUploadFiles.mjs +1 -0
  10. package/dist/esm/components/StorageManager/types.mjs +1 -0
  11. package/dist/esm/components/StorageManager/ui/Container/Container.mjs +1 -0
  12. package/dist/esm/components/StorageManager/ui/DropZone/DropZone.mjs +1 -0
  13. package/dist/esm/components/StorageManager/ui/FileList/FileControl.mjs +1 -0
  14. package/dist/esm/components/StorageManager/ui/FileList/FileDetails.mjs +1 -0
  15. package/dist/esm/components/StorageManager/ui/FileList/FileList.mjs +1 -0
  16. package/dist/esm/components/StorageManager/ui/FileList/FileRemoveButton.mjs +1 -0
  17. package/dist/esm/components/StorageManager/ui/FileList/FileStatusMessage.mjs +1 -0
  18. package/dist/esm/components/StorageManager/ui/FileList/FileThumbnail.mjs +1 -0
  19. package/dist/esm/components/StorageManager/ui/FileListHeader/FileListHeader.mjs +1 -0
  20. package/dist/esm/components/StorageManager/ui/FilePicker/FilePicker.mjs +1 -0
  21. package/dist/esm/components/StorageManager/utils/checkMaxFileSize.mjs +1 -0
  22. package/dist/esm/components/StorageManager/utils/displayText.mjs +1 -0
  23. package/dist/esm/components/StorageManager/utils/filterAllowedFiles.mjs +1 -0
  24. package/dist/esm/components/StorageManager/utils/humanFileSize.mjs +1 -0
  25. package/dist/esm/components/StorageManager/utils/uploadFile.mjs +1 -0
  26. package/dist/esm/index.mjs +1 -0
  27. package/dist/index.js +1 -0
  28. package/dist/styles.css +4627 -0
  29. package/dist/styles.js +2 -0
  30. package/dist/types/components/StorageManager/StorageManager.d.ts +11 -0
  31. package/dist/types/components/StorageManager/hooks/index.d.ts +3 -0
  32. package/dist/types/components/StorageManager/hooks/useDropZone/index.d.ts +1 -0
  33. package/dist/types/components/StorageManager/hooks/useDropZone/useDropZone.d.ts +13 -0
  34. package/dist/types/components/StorageManager/hooks/useStorageManager/actions.d.ts +19 -0
  35. package/dist/types/components/StorageManager/hooks/useStorageManager/index.d.ts +1 -0
  36. package/dist/types/components/StorageManager/hooks/useStorageManager/reducer.d.ts +2 -0
  37. package/dist/types/components/StorageManager/hooks/useStorageManager/types.d.ts +37 -0
  38. package/dist/types/components/StorageManager/hooks/useStorageManager/useStorageManager.d.ts +31 -0
  39. package/dist/types/components/StorageManager/hooks/useUploadFiles/index.d.ts +1 -0
  40. package/dist/types/components/StorageManager/hooks/useUploadFiles/useUploadFiles.d.ts +5 -0
  41. package/dist/types/components/StorageManager/index.d.ts +3 -0
  42. package/dist/types/components/StorageManager/types.d.ts +100 -0
  43. package/dist/types/components/StorageManager/ui/Container/Container.d.ts +6 -0
  44. package/dist/types/components/StorageManager/ui/Container/index.d.ts +1 -0
  45. package/dist/types/components/StorageManager/ui/DropZone/DropZone.d.ts +3 -0
  46. package/dist/types/components/StorageManager/ui/DropZone/index.d.ts +2 -0
  47. package/dist/types/components/StorageManager/ui/DropZone/types.d.ts +13 -0
  48. package/dist/types/components/StorageManager/ui/FileList/FileControl.d.ts +3 -0
  49. package/dist/types/components/StorageManager/ui/FileList/FileDetails.d.ts +3 -0
  50. package/dist/types/components/StorageManager/ui/FileList/FileList.d.ts +3 -0
  51. package/dist/types/components/StorageManager/ui/FileList/FileRemoveButton.d.ts +3 -0
  52. package/dist/types/components/StorageManager/ui/FileList/FileStatusMessage.d.ts +3 -0
  53. package/dist/types/components/StorageManager/ui/FileList/FileThumbnail.d.ts +3 -0
  54. package/dist/types/components/StorageManager/ui/FileList/index.d.ts +2 -0
  55. package/dist/types/components/StorageManager/ui/FileList/types.d.ts +61 -0
  56. package/dist/types/components/StorageManager/ui/FileListHeader/FileListHeader.d.ts +9 -0
  57. package/dist/types/components/StorageManager/ui/FileListHeader/index.d.ts +1 -0
  58. package/dist/types/components/StorageManager/ui/FilePicker/FilePicker.d.ts +6 -0
  59. package/dist/types/components/StorageManager/ui/FilePicker/index.d.ts +1 -0
  60. package/dist/types/components/StorageManager/ui/index.d.ts +5 -0
  61. package/dist/types/components/StorageManager/utils/checkMaxFileSize.d.ts +5 -0
  62. package/dist/types/components/StorageManager/utils/displayText.d.ts +19 -0
  63. package/dist/types/components/StorageManager/utils/filterAllowedFiles.d.ts +1 -0
  64. package/dist/types/components/StorageManager/utils/humanFileSize.d.ts +11 -0
  65. package/dist/types/components/StorageManager/utils/index.d.ts +5 -0
  66. package/dist/types/components/StorageManager/utils/uploadFile.d.ts +19 -0
  67. package/dist/types/components/index.d.ts +1 -0
  68. package/dist/types/index.d.ts +1 -0
  69. package/dist/types/styles.d.ts +1 -0
  70. package/package.json +94 -0
package/dist/styles.css ADDED
@@ -0,0 +1,4627 @@
1
+ /*
2
+ * Amplify UI Basic Theme
3
+ */
4
+ :root, [data-amplify-theme] {
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-warning-background-color: transparent;
167
+ --amplify-components-button-warning-border-color: var(--amplify-colors-red-60);
168
+ --amplify-components-button-warning-border-width: var(--amplify-border-widths-small);
169
+ --amplify-components-button-warning-color: var(--amplify-colors-red-60);
170
+ --amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80);
171
+ --amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10);
172
+ --amplify-components-button-warning-hover-color: var(--amplify-colors-font-error);
173
+ --amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80);
174
+ --amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10);
175
+ --amplify-components-button-warning-focus-color: var(--amplify-colors-red-80);
176
+ --amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
177
+ --amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100);
178
+ --amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20);
179
+ --amplify-components-button-warning-active-color: var(--amplify-colors-red-100);
180
+ --amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary);
181
+ --amplify-components-button-warning-disabled-background-color: transparent;
182
+ --amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled);
183
+ --amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary);
184
+ --amplify-components-button-warning-loading-background-color: transparent;
185
+ --amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled);
186
+ --amplify-components-button-destructive-border-color: transparent;
187
+ --amplify-components-button-destructive-border-width: var(--amplify-border-widths-small);
188
+ --amplify-components-button-destructive-border-style: solid;
189
+ --amplify-components-button-destructive-background-color: var(--amplify-colors-red-60);
190
+ --amplify-components-button-destructive-color: var(--amplify-colors-font-inverse);
191
+ --amplify-components-button-destructive-disabled-border-color: transparent;
192
+ --amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled);
193
+ --amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled);
194
+ --amplify-components-button-destructive-loading-border-color: transparent;
195
+ --amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled);
196
+ --amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled);
197
+ --amplify-components-button-destructive-hover-border-color: transparent;
198
+ --amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80);
199
+ --amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse);
200
+ --amplify-components-button-destructive-focus-border-color: transparent;
201
+ --amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80);
202
+ --amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse);
203
+ --amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
204
+ --amplify-components-button-destructive-active-border-color: transparent;
205
+ --amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100);
206
+ --amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse);
207
+ --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
208
+ --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
209
+ --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
210
+ --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
211
+ --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
212
+ --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
213
+ --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
214
+ --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
215
+ --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
216
+ --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
217
+ --amplify-components-button-loader-wrapper-align-items: center;
218
+ --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
219
+ --amplify-components-card-background-color: var(--amplify-colors-background-primary);
220
+ --amplify-components-card-border-radius: var(--amplify-radii-xs);
221
+ --amplify-components-card-border-width: 0;
222
+ --amplify-components-card-border-style: solid;
223
+ --amplify-components-card-border-color: transparent;
224
+ --amplify-components-card-box-shadow: none;
225
+ --amplify-components-card-padding: var(--amplify-space-medium);
226
+ --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
227
+ --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
228
+ --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
229
+ --amplify-components-card-outlined-border-style: solid;
230
+ --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
231
+ --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
232
+ --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
233
+ --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
234
+ --amplify-components-card-elevated-border-width: 0;
235
+ --amplify-components-card-elevated-border-style: solid;
236
+ --amplify-components-card-elevated-border-color: transparent;
237
+ --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
238
+ --amplify-components-checkbox-cursor: pointer;
239
+ --amplify-components-checkbox-align-items: center;
240
+ --amplify-components-checkbox-disabled-cursor: not-allowed;
241
+ --amplify-components-checkbox-button-position: relative;
242
+ --amplify-components-checkbox-button-align-items: center;
243
+ --amplify-components-checkbox-button-justify-content: center;
244
+ --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
245
+ --amplify-components-checkbox-button-before-width: 100%;
246
+ --amplify-components-checkbox-button-before-height: 100%;
247
+ --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
248
+ --amplify-components-checkbox-button-before-border-radius: 20%;
249
+ --amplify-components-checkbox-button-before-border-style: solid;
250
+ --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
251
+ --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
252
+ --amplify-components-checkbox-button-focus-outline-style: solid;
253
+ --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
254
+ --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
255
+ --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
256
+ --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
257
+ --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
258
+ --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
259
+ --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
260
+ --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
261
+ --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
262
+ --amplify-components-checkbox-icon-border-radius: 20%;
263
+ --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
264
+ --amplify-components-checkbox-icon-transform: scale(0);
265
+ --amplify-components-checkbox-icon-transition-property: all;
266
+ --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
267
+ --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
268
+ --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
269
+ --amplify-components-checkbox-icon-checked-transform: scale(1);
270
+ --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
271
+ --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
272
+ --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
273
+ --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
274
+ --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
275
+ --amplify-components-checkboxfield-align-items: flex-start;
276
+ --amplify-components-checkboxfield-align-content: center;
277
+ --amplify-components-checkboxfield-flex-direction: column;
278
+ --amplify-components-checkboxfield-justify-content: center;
279
+ --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
280
+ --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
281
+ --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
282
+ --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
283
+ --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
284
+ --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
285
+ --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
286
+ --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
287
+ --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
288
+ --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
289
+ --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
290
+ --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
291
+ --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
292
+ --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
293
+ --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
294
+ --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
295
+ --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
296
+ --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
297
+ --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
298
+ --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
299
+ --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
300
+ --amplify-components-copy-gap: var(--amplify-space-relative-medium);
301
+ --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
302
+ --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
303
+ --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
304
+ --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
305
+ --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
306
+ --amplify-components-divider-border-style: solid;
307
+ --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
308
+ --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
309
+ --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
310
+ --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
311
+ --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
312
+ --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
313
+ --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
314
+ --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
315
+ --amplify-components-divider-opacity: var(--amplify-opacities-60);
316
+ --amplify-components-expander-display: block;
317
+ --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
318
+ --amplify-components-expander-border-radius: var(--amplify-radii-medium);
319
+ --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
320
+ --amplify-components-expander-width: 100%;
321
+ --amplify-components-expander-item-margin-top: 1px;
322
+ --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
323
+ --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
324
+ --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
325
+ --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
326
+ --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
327
+ --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
328
+ --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
329
+ --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
330
+ --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
331
+ --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
332
+ --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
333
+ --amplify-components-expander-trigger-min-height: 3rem;
334
+ --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
335
+ --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
336
+ --amplify-components-expander-trigger-align-items: center;
337
+ --amplify-components-expander-trigger-justify-content: space-between;
338
+ --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
339
+ --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
340
+ --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
341
+ --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
342
+ --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
343
+ --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
344
+ --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
345
+ --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
346
+ --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
347
+ --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
348
+ --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
349
+ --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
350
+ --amplify-components-field-gap: var(--amplify-space-xs);
351
+ --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
352
+ --amplify-components-field-small-gap: var(--amplify-space-xxxs);
353
+ --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
354
+ --amplify-components-field-large-gap: var(--amplify-space-small);
355
+ --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
356
+ --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
357
+ --amplify-components-fieldcontrol-border-style: solid;
358
+ --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
359
+ --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
360
+ --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
361
+ --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
362
+ --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
363
+ --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
364
+ --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
365
+ --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
366
+ --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
367
+ --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
368
+ --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
369
+ --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
370
+ --amplify-components-fieldcontrol-outline-style: solid;
371
+ --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
372
+ --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
373
+ --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
374
+ --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
375
+ --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
376
+ --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
377
+ --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
378
+ --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
379
+ --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
380
+ --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
381
+ --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
382
+ --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
383
+ --amplify-components-fieldcontrol-quiet-border-style: none;
384
+ --amplify-components-fieldcontrol-quiet-border-inline-start: none;
385
+ --amplify-components-fieldcontrol-quiet-border-inline-end: none;
386
+ --amplify-components-fieldcontrol-quiet-border-block-start: none;
387
+ --amplify-components-fieldcontrol-quiet-border-radius: 0;
388
+ --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
389
+ --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
390
+ --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
391
+ --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
392
+ --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
393
+ --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
394
+ --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
395
+ --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
396
+ --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
397
+ --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
398
+ --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
399
+ --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
400
+ --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
401
+ --amplify-components-fieldgroup-vertical-align-items: center;
402
+ --amplify-components-fieldgroup-outer-align-items: center;
403
+ --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
404
+ --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
405
+ --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
406
+ --amplify-components-fieldmessages-description-font-style: italic;
407
+ --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
408
+ --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
409
+ --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
410
+ --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
411
+ --amplify-components-fileuploader-dropzone-border-style: dashed;
412
+ --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
413
+ --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
414
+ --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
415
+ --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
416
+ --amplify-components-fileuploader-dropzone-text-align: center;
417
+ --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
418
+ --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
419
+ --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
420
+ --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
421
+ --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
422
+ --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
423
+ --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
424
+ --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
425
+ --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
426
+ --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
427
+ --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
428
+ --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
429
+ --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
430
+ --amplify-components-fileuploader-file-border-style: solid;
431
+ --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
432
+ --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
433
+ --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
434
+ --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
435
+ --amplify-components-fileuploader-file-align-items: baseline;
436
+ --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
437
+ --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
438
+ --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
439
+ --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
440
+ --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
441
+ --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
442
+ --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
443
+ --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
444
+ --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
445
+ --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
446
+ --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
447
+ --amplify-components-fileuploader-loader-stroke-linecap: round;
448
+ --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
449
+ --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
450
+ --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
451
+ --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
452
+ --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
453
+ --amplify-components-fileuploader-previewer-border-style: solid;
454
+ --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
455
+ --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
456
+ --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
457
+ --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
458
+ --amplify-components-fileuploader-previewer-max-height: 40rem;
459
+ --amplify-components-fileuploader-previewer-max-width: auto;
460
+ --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
461
+ --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
462
+ --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
463
+ --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
464
+ --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
465
+ --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
466
+ --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary);
467
+ --amplify-components-fileuploader-previewer-footer-border-style: solid;
468
+ --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small);
469
+ --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium);
470
+ --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium);
471
+ --amplify-components-fileuploader-previewer-footer-justify-content: space-between;
472
+ --amplify-components-flex-gap: var(--amplify-space-medium);
473
+ --amplify-components-flex-justify-content: normal;
474
+ --amplify-components-flex-align-items: stretch;
475
+ --amplify-components-flex-align-content: normal;
476
+ --amplify-components-flex-flex-wrap: nowrap;
477
+ --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
478
+ --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
479
+ --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
480
+ --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
481
+ --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
482
+ --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
483
+ --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
484
+ --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
485
+ --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
486
+ --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
487
+ --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
488
+ --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
489
+ --amplify-components-heading-color: var(--amplify-colors-font-primary);
490
+ --amplify-components-heading-line-height: var(--amplify-line-heights-small);
491
+ --amplify-components-icon-line-height: 1;
492
+ --amplify-components-icon-height: 1em;
493
+ --amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold);
494
+ --amplify-components-image-max-width: 100%;
495
+ --amplify-components-image-height: auto;
496
+ --amplify-components-image-object-fit: initial;
497
+ --amplify-components-image-object-position: initial;
498
+ --amplify-components-inappmessaging-banner-height: 150px ;
499
+ --amplify-components-inappmessaging-banner-width: 400px ;
500
+ --amplify-components-inappmessaging-button-background-color: #e8e8e8;
501
+ --amplify-components-inappmessaging-button-border-radius: 5px;
502
+ --amplify-components-inappmessaging-button-color: black;
503
+ --amplify-components-inappmessaging-dialog-height: 50vh;
504
+ --amplify-components-inappmessaging-dialog-min-height: 400px;
505
+ --amplify-components-inappmessaging-dialog-min-width: 400px;
506
+ --amplify-components-inappmessaging-dialog-width: 30vw;
507
+ --amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium);
508
+ --amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold);
509
+ --amplify-components-link-active-color: var(--amplify-colors-font-active);
510
+ --amplify-components-link-color: var(--amplify-colors-font-interactive);
511
+ --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
512
+ --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
513
+ --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
514
+ --amplify-components-loader-width: var(--amplify-font-sizes-medium);
515
+ --amplify-components-loader-height: var(--amplify-font-sizes-medium);
516
+ --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
517
+ --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
518
+ --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
519
+ --amplify-components-loader-stroke-linecap: round;
520
+ --amplify-components-loader-animation-duration: 1s;
521
+ --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
522
+ --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
523
+ --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
524
+ --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
525
+ --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
526
+ --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
527
+ --amplify-components-loader-linear-width: 100%;
528
+ --amplify-components-loader-linear-min-width: 5rem;
529
+ --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
530
+ --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
531
+ --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
532
+ --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
533
+ --amplify-components-loader-linear-stroke-linecap: round;
534
+ --amplify-components-loader-linear-animation-duration: 1s;
535
+ --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
536
+ --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
537
+ --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
538
+ --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
539
+ --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
540
+ --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
541
+ --amplify-components-menu-border-radius: var(--amplify-radii-medium);
542
+ --amplify-components-menu-border-width: var(--amplify-border-widths-small);
543
+ --amplify-components-menu-border-style: solid;
544
+ --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
545
+ --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
546
+ --amplify-components-menu-flex-direction: column;
547
+ --amplify-components-menu-gap: var(--amplify-space-zero);
548
+ --amplify-components-menu-max-width: 30rem;
549
+ --amplify-components-menu-min-width: 14rem;
550
+ --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
551
+ --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
552
+ --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
553
+ --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
554
+ --amplify-components-menu-item-min-height: 2.5rem;
555
+ --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
556
+ --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
557
+ --amplify-components-pagination-current-align-items: center;
558
+ --amplify-components-pagination-current-justify-content: center;
559
+ --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
560
+ --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
561
+ --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
562
+ --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
563
+ --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
564
+ --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
565
+ --amplify-components-pagination-button-transition-property: background-color;
566
+ --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
567
+ --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
568
+ --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
569
+ --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
570
+ --amplify-components-pagination-ellipsis-align-items: baseline;
571
+ --amplify-components-pagination-ellipsis-justify-content: center;
572
+ --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
573
+ --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
574
+ --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
575
+ --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
576
+ --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
577
+ --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
578
+ --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
579
+ --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
580
+ --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
581
+ --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
582
+ --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
583
+ --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
584
+ --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
585
+ --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
586
+ --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
587
+ --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
588
+ --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
589
+ --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
590
+ --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
591
+ --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
592
+ --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
593
+ --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);
594
+ --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);
595
+ --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);
596
+ --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
597
+ --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
598
+ --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
599
+ --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
600
+ --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
601
+ --amplify-components-placeholder-small-height: var(--amplify-space-small);
602
+ --amplify-components-placeholder-default-height: var(--amplify-space-medium);
603
+ --amplify-components-placeholder-large-height: var(--amplify-space-large);
604
+ --amplify-components-radio-align-items: center;
605
+ --amplify-components-radio-justify-content: flex-start;
606
+ --amplify-components-radio-gap: inherit;
607
+ --amplify-components-radio-disabled-cursor: not-allowed;
608
+ --amplify-components-radio-button-align-items: center;
609
+ --amplify-components-radio-button-justify-content: center;
610
+ --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
611
+ --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
612
+ --amplify-components-radio-button-box-sizing: border-box;
613
+ --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
614
+ --amplify-components-radio-button-border-style: solid;
615
+ --amplify-components-radio-button-border-radius: 50%;
616
+ --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
617
+ --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
618
+ --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
619
+ --amplify-components-radio-button-transition-property: all;
620
+ --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
621
+ --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
622
+ --amplify-components-radio-button-outline-style: solid;
623
+ --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
624
+ --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
625
+ --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
626
+ --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
627
+ --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
628
+ --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
629
+ --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
630
+ --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
631
+ --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
632
+ --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
633
+ --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
634
+ --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
635
+ --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
636
+ --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
637
+ --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
638
+ --amplify-components-radio-label-color: var(--amplify-components-text-color);
639
+ --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
640
+ --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
641
+ --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);
642
+ --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
643
+ --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
644
+ --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
645
+ --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
646
+ --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
647
+ --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
648
+ --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
649
+ --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
650
+ --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
651
+ --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
652
+ --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
653
+ --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
654
+ --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
655
+ --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
656
+ --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
657
+ --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
658
+ --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
659
+ --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
660
+ --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
661
+ --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
662
+ --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
663
+ --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
664
+ --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
665
+ --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
666
+ --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
667
+ --amplify-components-select-wrapper-flex: 1;
668
+ --amplify-components-select-wrapper-display: block;
669
+ --amplify-components-select-wrapper-position: relative;
670
+ --amplify-components-select-wrapper-cursor: pointer;
671
+ --amplify-components-select-icon-wrapper-align-items: center;
672
+ --amplify-components-select-icon-wrapper-position: absolute;
673
+ --amplify-components-select-icon-wrapper-top: 50%;
674
+ --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
675
+ --amplify-components-select-icon-wrapper-transform: translateY(-50%);
676
+ --amplify-components-select-icon-wrapper-pointer-events: none;
677
+ --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
678
+ --amplify-components-select-option-color: var(--amplify-colors-font-primary);
679
+ --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
680
+ --amplify-components-select-white-space: nowrap;
681
+ --amplify-components-select-min-width: 6.5rem;
682
+ --amplify-components-select-small-min-width: 5.5rem;
683
+ --amplify-components-select-large-min-width: 7.5rem;
684
+ --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
685
+ --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
686
+ --amplify-components-selectfield-flex-direction: column;
687
+ --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);
688
+ --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
689
+ --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);
690
+ --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
691
+ --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
692
+ --amplify-components-sliderfield-track-border-radius: 9999px;
693
+ --amplify-components-sliderfield-track-height: 0.375rem;
694
+ --amplify-components-sliderfield-track-min-width: 10rem;
695
+ --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
696
+ --amplify-components-sliderfield-range-border-radius: 9999px;
697
+ --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
698
+ --amplify-components-sliderfield-thumb-width: 1.25rem;
699
+ --amplify-components-sliderfield-thumb-height: 1.25rem;
700
+ --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
701
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
702
+ --amplify-components-sliderfield-thumb-border-radius: 50%;
703
+ --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
704
+ --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
705
+ --amplify-components-sliderfield-thumb-border-style: solid;
706
+ --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
707
+ --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
708
+ --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
709
+ --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
710
+ --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
711
+ --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
712
+ --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
713
+ --amplify-components-sliderfield-small-track-height: 0.25rem;
714
+ --amplify-components-sliderfield-small-thumb-width: 1rem;
715
+ --amplify-components-sliderfield-small-thumb-height: 1rem;
716
+ --amplify-components-sliderfield-large-track-height: 0.625rem;
717
+ --amplify-components-sliderfield-large-thumb-width: 1.5rem;
718
+ --amplify-components-sliderfield-large-thumb-height: 1.5rem;
719
+ --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);
720
+ --amplify-components-stepperfield-flex-direction: column;
721
+ --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);
722
+ --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);
723
+ --amplify-components-stepperfield-input-text-align: center;
724
+ --amplify-components-stepperfield-button-color: var(--amplify-components-button-color);
725
+ --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
726
+ --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
727
+ --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);
728
+ --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
729
+ --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
730
+ --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);
731
+ --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
732
+ --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
733
+ --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
734
+ --amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary);
735
+ --amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small);
736
+ --amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary);
737
+ --amplify-components-storagemanager-dropzone-border-style: dashed;
738
+ --amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small);
739
+ --amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small);
740
+ --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);
741
+ --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
742
+ --amplify-components-storagemanager-dropzone-text-align: center;
743
+ --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
744
+ --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
745
+ --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
746
+ --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
747
+ --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
748
+ --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
749
+ --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
750
+ --amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary);
751
+ --amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium);
752
+ --amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold);
753
+ --amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary);
754
+ --amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small);
755
+ --amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary);
756
+ --amplify-components-storagemanager-file-border-style: solid;
757
+ --amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small);
758
+ --amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs);
759
+ --amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small);
760
+ --amplify-components-storagemanager-file-gap: var(--amplify-space-small);
761
+ --amplify-components-storagemanager-file-align-items: baseline;
762
+ --amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium);
763
+ --amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold);
764
+ --amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary);
765
+ --amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small);
766
+ --amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal);
767
+ --amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary);
768
+ --amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl);
769
+ --amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl);
770
+ --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
771
+ --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
772
+ --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
773
+ --amplify-components-storagemanager-loader-stroke-linecap: round;
774
+ --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
775
+ --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
776
+ --amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large);
777
+ --amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary);
778
+ --amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary);
779
+ --amplify-components-storagemanager-previewer-border-style: solid;
780
+ --amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small);
781
+ --amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small);
782
+ --amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero);
783
+ --amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero);
784
+ --amplify-components-storagemanager-previewer-max-height: 40rem;
785
+ --amplify-components-storagemanager-previewer-max-width: auto;
786
+ --amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium);
787
+ --amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold);
788
+ --amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary);
789
+ --amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium);
790
+ --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
791
+ --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
792
+ --amplify-components-storagemanager-previewer-footer-border-color: var(--amplify-colors-border-secondary);
793
+ --amplify-components-storagemanager-previewer-footer-border-style: solid;
794
+ --amplify-components-storagemanager-previewer-footer-border-width: var(--amplify-border-widths-small);
795
+ --amplify-components-storagemanager-previewer-footer-padding-block: var(--amplify-space-medium);
796
+ --amplify-components-storagemanager-previewer-footer-padding-inline: var(--amplify-space-medium);
797
+ --amplify-components-storagemanager-previewer-footer-justify-content: space-between;
798
+ --amplify-components-storagemanager-filelist-flex-direction: column;
799
+ --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
800
+ --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
801
+ --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
802
+ --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
803
+ --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
804
+ --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
805
+ --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
806
+ --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
807
+ --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
808
+ --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
809
+ --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
810
+ --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
811
+ --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
812
+ --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
813
+ --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
814
+ --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
815
+ --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
816
+ --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
817
+ --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
818
+ --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
819
+ --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);
820
+ --amplify-components-table-border-collapse: collapse;
821
+ --amplify-components-table-display: table;
822
+ --amplify-components-table-width: 100%;
823
+ --amplify-components-table-head-display: table-header-group;
824
+ --amplify-components-table-head-vertical-align: middle;
825
+ --amplify-components-table-body-display: table-row-group;
826
+ --amplify-components-table-body-vertical-align: middle;
827
+ --amplify-components-table-foot-display: table-footer-group;
828
+ --amplify-components-table-foot-vertical-align: middle;
829
+ --amplify-components-table-row-display: table-row;
830
+ --amplify-components-table-row-vertical-align: middle;
831
+ --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
832
+ --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
833
+ --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
834
+ --amplify-components-table-header-border-style: solid;
835
+ --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
836
+ --amplify-components-table-header-color: var(--amplify-colors-font-primary);
837
+ --amplify-components-table-header-display: table-cell;
838
+ --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
839
+ --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);
840
+ --amplify-components-table-header-padding: var(--amplify-space-medium);
841
+ --amplify-components-table-header-vertical-align: middle;
842
+ --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
843
+ --amplify-components-table-header-large-padding: var(--amplify-space-large);
844
+ --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
845
+ --amplify-components-table-header-small-padding: var(--amplify-space-xs);
846
+ --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
847
+ --amplify-components-table-data-border-style: solid;
848
+ --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
849
+ --amplify-components-table-data-color: var(--amplify-colors-font-primary);
850
+ --amplify-components-table-data-display: table-cell;
851
+ --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
852
+ --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);
853
+ --amplify-components-table-data-padding: var(--amplify-space-medium);
854
+ --amplify-components-table-data-vertical-align: middle;
855
+ --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
856
+ --amplify-components-table-data-large-padding: var(--amplify-space-large);
857
+ --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
858
+ --amplify-components-table-data-small-padding: var(--amplify-space-xs);
859
+ --amplify-components-table-caption-caption-side: bottom;
860
+ --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
861
+ --amplify-components-table-caption-display: table-caption;
862
+ --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
863
+ --amplify-components-table-caption-text-align: center;
864
+ --amplify-components-table-caption-word-break: break-all;
865
+ --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
866
+ --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
867
+ --amplify-components-tabs-background-color: transparent;
868
+ --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
869
+ --amplify-components-tabs-border-style: solid;
870
+ --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
871
+ --amplify-components-tabs-gap: 0;
872
+ --amplify-components-tabs-item-background-color: transparent;
873
+ --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
874
+ --amplify-components-tabs-item-border-style: solid;
875
+ --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
876
+ --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
877
+ --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
878
+ --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);
879
+ --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
880
+ --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
881
+ --amplify-components-tabs-item-text-align: center;
882
+ --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
883
+ --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
884
+ --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
885
+ --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
886
+ --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
887
+ --amplify-components-tabs-item-active-background-color: transparent;
888
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
889
+ --amplify-components-tabs-item-disabled-background-color: transparent;
890
+ --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
891
+ --amplify-components-text-color: var(--amplify-colors-font-primary);
892
+ --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
893
+ --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
894
+ --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
895
+ --amplify-components-text-error-color: var(--amplify-colors-font-error);
896
+ --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
897
+ --amplify-components-text-success-color: var(--amplify-colors-font-success);
898
+ --amplify-components-text-info-color: var(--amplify-colors-font-info);
899
+ --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
900
+ --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
901
+ --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
902
+ --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
903
+ --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
904
+ --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);
905
+ --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
906
+ --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
907
+ --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
908
+ --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
909
+ --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
910
+ --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
911
+ --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
912
+ --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
913
+ --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
914
+ --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
915
+ --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
916
+ --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
917
+ --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
918
+ --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
919
+ --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
920
+ --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
921
+ --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
922
+ --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
923
+ --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
924
+ --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
925
+ --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
926
+ --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
927
+ --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
928
+ --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
929
+ --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
930
+ --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
931
+ --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
932
+ --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
933
+ --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
934
+ --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
935
+ --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
936
+ --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
937
+ --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
938
+ --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
939
+ --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
940
+ --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
941
+ --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
942
+ --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
943
+ --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
944
+ --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
945
+ --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
946
+ --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);
947
+ --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
948
+ --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
949
+ --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
950
+ --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);
951
+ --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);
952
+ --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);
953
+ --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
954
+ --amplify-components-togglebuttongroup-align-items: center;
955
+ --amplify-components-togglebuttongroup-align-content: center;
956
+ --amplify-components-togglebuttongroup-justify-content: flex-start;
957
+ --amplify-border-widths-small: 1px;
958
+ --amplify-border-widths-medium: 2px;
959
+ --amplify-border-widths-large: 3px;
960
+ --amplify-colors-red-10: hsl(0, 75%, 95%);
961
+ --amplify-colors-red-20: hsl(0, 75%, 85%);
962
+ --amplify-colors-red-40: hsl(0, 75%, 75%);
963
+ --amplify-colors-red-60: hsl(0, 50%, 50%);
964
+ --amplify-colors-red-80: hsl(0, 95%, 30%);
965
+ --amplify-colors-red-90: hsl(0, 100%, 20%);
966
+ --amplify-colors-red-100: hsl(0, 100%, 15%);
967
+ --amplify-colors-orange-10: hsl(30, 75%, 95%);
968
+ --amplify-colors-orange-20: hsl(30, 75%, 85%);
969
+ --amplify-colors-orange-40: hsl(30, 75%, 75%);
970
+ --amplify-colors-orange-60: hsl(30, 50%, 50%);
971
+ --amplify-colors-orange-80: hsl(30, 95%, 30%);
972
+ --amplify-colors-orange-90: hsl(30, 100%, 20%);
973
+ --amplify-colors-orange-100: hsl(30, 100%, 15%);
974
+ --amplify-colors-yellow-10: hsl(60, 75%, 95%);
975
+ --amplify-colors-yellow-20: hsl(60, 75%, 85%);
976
+ --amplify-colors-yellow-40: hsl(60, 75%, 75%);
977
+ --amplify-colors-yellow-60: hsl(60, 50%, 50%);
978
+ --amplify-colors-yellow-80: hsl(60, 95%, 30%);
979
+ --amplify-colors-yellow-90: hsl(60, 100%, 20%);
980
+ --amplify-colors-yellow-100: hsl(60, 100%, 15%);
981
+ --amplify-colors-green-10: hsl(130, 60%, 95%);
982
+ --amplify-colors-green-20: hsl(130, 60%, 90%);
983
+ --amplify-colors-green-40: hsl(130, 44%, 63%);
984
+ --amplify-colors-green-60: hsl(130, 43%, 46%);
985
+ --amplify-colors-green-80: hsl(130, 33%, 37%);
986
+ --amplify-colors-green-90: hsl(130, 27%, 29%);
987
+ --amplify-colors-green-100: hsl(130, 22%, 23%);
988
+ --amplify-colors-teal-10: hsl(190, 75%, 95%);
989
+ --amplify-colors-teal-20: hsl(190, 75%, 85%);
990
+ --amplify-colors-teal-40: hsl(190, 70%, 70%);
991
+ --amplify-colors-teal-60: hsl(190, 50%, 50%);
992
+ --amplify-colors-teal-80: hsl(190, 95%, 30%);
993
+ --amplify-colors-teal-90: hsl(190, 100%, 20%);
994
+ --amplify-colors-teal-100: hsl(190, 100%, 15%);
995
+ --amplify-colors-blue-10: hsl(220, 95%, 95%);
996
+ --amplify-colors-blue-20: hsl(220, 85%, 85%);
997
+ --amplify-colors-blue-40: hsl(220, 70%, 70%);
998
+ --amplify-colors-blue-60: hsl(220, 50%, 50%);
999
+ --amplify-colors-blue-80: hsl(220, 95%, 30%);
1000
+ --amplify-colors-blue-90: hsl(220, 100%, 20%);
1001
+ --amplify-colors-blue-100: hsl(220, 100%, 15%);
1002
+ --amplify-colors-purple-10: hsl(300, 95%, 95%);
1003
+ --amplify-colors-purple-20: hsl(300, 85%, 85%);
1004
+ --amplify-colors-purple-40: hsl(300, 70%, 70%);
1005
+ --amplify-colors-purple-60: hsl(300, 50%, 50%);
1006
+ --amplify-colors-purple-80: hsl(300, 95%, 30%);
1007
+ --amplify-colors-purple-90: hsl(300, 100%, 20%);
1008
+ --amplify-colors-purple-100: hsl(300, 100%, 15%);
1009
+ --amplify-colors-pink-10: hsl(340, 95%, 95%);
1010
+ --amplify-colors-pink-20: hsl(340, 90%, 85%);
1011
+ --amplify-colors-pink-40: hsl(340, 70%, 70%);
1012
+ --amplify-colors-pink-60: hsl(340, 50%, 50%);
1013
+ --amplify-colors-pink-80: hsl(340, 95%, 30%);
1014
+ --amplify-colors-pink-90: hsl(340, 100%, 20%);
1015
+ --amplify-colors-pink-100: hsl(340, 100%, 15%);
1016
+ --amplify-colors-neutral-10: hsl(210, 5%, 98%);
1017
+ --amplify-colors-neutral-20: hsl(210, 5%, 94%);
1018
+ --amplify-colors-neutral-40: hsl(210, 5%, 87%);
1019
+ --amplify-colors-neutral-60: hsl(210, 10%, 58%);
1020
+ --amplify-colors-neutral-80: hsl(210, 10%, 40%);
1021
+ --amplify-colors-neutral-90: hsl(210, 25%, 25%);
1022
+ --amplify-colors-neutral-100: hsl(210, 50%, 10%);
1023
+ --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
1024
+ --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
1025
+ --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
1026
+ --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
1027
+ --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
1028
+ --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
1029
+ --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
1030
+ --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
1031
+ --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
1032
+ --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
1033
+ --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
1034
+ --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
1035
+ --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
1036
+ --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
1037
+ --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
1038
+ --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
1039
+ --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
1040
+ --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
1041
+ --amplify-colors-font-inverse: var(--amplify-colors-white);
1042
+ --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
1043
+ --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
1044
+ --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
1045
+ --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
1046
+ --amplify-colors-font-info: var(--amplify-colors-blue-90);
1047
+ --amplify-colors-font-warning: var(--amplify-colors-orange-90);
1048
+ --amplify-colors-font-error: var(--amplify-colors-red-90);
1049
+ --amplify-colors-font-success: var(--amplify-colors-green-90);
1050
+ --amplify-colors-background-primary: var(--amplify-colors-white);
1051
+ --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
1052
+ --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
1053
+ --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
1054
+ --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
1055
+ --amplify-colors-background-info: var(--amplify-colors-blue-20);
1056
+ --amplify-colors-background-warning: var(--amplify-colors-orange-20);
1057
+ --amplify-colors-background-error: var(--amplify-colors-red-20);
1058
+ --amplify-colors-background-success: var(--amplify-colors-green-20);
1059
+ --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
1060
+ --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
1061
+ --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
1062
+ --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
1063
+ --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
1064
+ --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
1065
+ --amplify-colors-border-error: var(--amplify-colors-red-80);
1066
+ --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25);
1067
+ --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15);
1068
+ --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05);
1069
+ --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1);
1070
+ --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2);
1071
+ --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3);
1072
+ --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4);
1073
+ --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5);
1074
+ --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6);
1075
+ --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7);
1076
+ --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8);
1077
+ --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9);
1078
+ --amplify-colors-black: hsl(0, 0%, 0%);
1079
+ --amplify-colors-white: hsl(0, 0%, 100%);
1080
+ --amplify-colors-transparent: transparent;
1081
+ --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont,
1082
+ "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans",
1083
+ sans-serif;
1084
+ --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
1085
+ "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
1086
+ --amplify-font-sizes-xxxs: 0.375rem;
1087
+ --amplify-font-sizes-xxs: 0.5rem;
1088
+ --amplify-font-sizes-xs: 0.75rem;
1089
+ --amplify-font-sizes-small: 0.875rem;
1090
+ --amplify-font-sizes-medium: 1rem;
1091
+ --amplify-font-sizes-large: 1.25rem;
1092
+ --amplify-font-sizes-xl: 1.5rem;
1093
+ --amplify-font-sizes-xxl: 2rem;
1094
+ --amplify-font-sizes-xxxl: 2.5rem;
1095
+ --amplify-font-sizes-xxxxl: 3rem;
1096
+ --amplify-font-weights-hairline: 100;
1097
+ --amplify-font-weights-thin: 200;
1098
+ --amplify-font-weights-light: 300;
1099
+ --amplify-font-weights-normal: 400;
1100
+ --amplify-font-weights-medium: 500;
1101
+ --amplify-font-weights-semibold: 600;
1102
+ --amplify-font-weights-bold: 700;
1103
+ --amplify-font-weights-extrabold: 800;
1104
+ --amplify-font-weights-black: 900;
1105
+ --amplify-line-heights-small: 1.25;
1106
+ --amplify-line-heights-medium: 1.5;
1107
+ --amplify-line-heights-large: 2;
1108
+ --amplify-opacities-0: 0;
1109
+ --amplify-opacities-10: 0.1;
1110
+ --amplify-opacities-20: 0.2;
1111
+ --amplify-opacities-30: 0.3;
1112
+ --amplify-opacities-40: 0.4;
1113
+ --amplify-opacities-50: 0.5;
1114
+ --amplify-opacities-60: 0.6;
1115
+ --amplify-opacities-70: 0.7;
1116
+ --amplify-opacities-80: 0.8;
1117
+ --amplify-opacities-90: 0.9;
1118
+ --amplify-opacities-100: 1;
1119
+ --amplify-outline-offsets-small: 1px;
1120
+ --amplify-outline-offsets-medium: 2px;
1121
+ --amplify-outline-offsets-large: 3px;
1122
+ --amplify-outline-widths-small: 1px;
1123
+ --amplify-outline-widths-medium: 2px;
1124
+ --amplify-outline-widths-large: 3px;
1125
+ --amplify-radii-xs: 0.125rem;
1126
+ --amplify-radii-small: 0.25rem;
1127
+ --amplify-radii-medium: 0.5rem;
1128
+ --amplify-radii-large: 1rem;
1129
+ --amplify-radii-xl: 2rem;
1130
+ --amplify-radii-xxl: 4rem;
1131
+ --amplify-radii-xxxl: 8rem;
1132
+ --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
1133
+ --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
1134
+ --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
1135
+ --amplify-space-zero: 0;
1136
+ --amplify-space-xxxs: 0.25rem;
1137
+ --amplify-space-xxs: 0.375rem;
1138
+ --amplify-space-xs: 0.5rem;
1139
+ --amplify-space-small: 0.75rem;
1140
+ --amplify-space-medium: 1rem;
1141
+ --amplify-space-large: 1.5rem;
1142
+ --amplify-space-xl: 2.0rem;
1143
+ --amplify-space-xxl: 3.0rem;
1144
+ --amplify-space-xxxl: 4.5rem;
1145
+ --amplify-space-relative-xxxs: 0.25em;
1146
+ --amplify-space-relative-xxs: 0.375em;
1147
+ --amplify-space-relative-xs: 0.5em;
1148
+ --amplify-space-relative-small: 0.75em;
1149
+ --amplify-space-relative-medium: 1em;
1150
+ --amplify-space-relative-large: 1.5em;
1151
+ --amplify-space-relative-xl: 2.0em;
1152
+ --amplify-space-relative-xxl: 3.0em;
1153
+ --amplify-space-relative-xxxl: 4.5em;
1154
+ --amplify-space-relative-full: 100%;
1155
+ --amplify-time-short: 100ms;
1156
+ --amplify-time-medium: 250ms;
1157
+ --amplify-time-long: 500ms;
1158
+ --amplify-transforms-slide-x-small: translateX(0.5em);
1159
+ --amplify-transforms-slide-x-medium: translateX(1em);
1160
+ --amplify-transforms-slide-x-large: translateX(2em);
1161
+ }
1162
+
1163
+ html,
1164
+ [data-amplify-theme] {
1165
+ font-family: var(--amplify-fonts-default-static);
1166
+ }
1167
+
1168
+ @supports (font-variation-settings: normal) {
1169
+ html,
1170
+ [data-amplify-theme] {
1171
+ font-family: var(--amplify-fonts-default-variable);
1172
+ }
1173
+ }
1174
+ html:focus-within {
1175
+ scroll-behavior: smooth;
1176
+ }
1177
+
1178
+ body {
1179
+ min-height: 100vh;
1180
+ text-rendering: optimizeSpeed;
1181
+ line-height: var(--amplify-line-heights-medium);
1182
+ }
1183
+
1184
+ * {
1185
+ box-sizing: border-box;
1186
+ }
1187
+
1188
+ input,
1189
+ button,
1190
+ textarea,
1191
+ select {
1192
+ font: inherit;
1193
+ }
1194
+
1195
+ @media (prefers-reduced-motion: reduce) {
1196
+ html:focus-within {
1197
+ scroll-behavior: auto;
1198
+ }
1199
+ }
1200
+ [class*=amplify] {
1201
+ all: unset; /* protect against external styles */
1202
+ box-sizing: border-box; /* set box-sizing after unset above */
1203
+ }
1204
+
1205
+ .amplify-flex {
1206
+ align-content: var(--amplify-components-flex-align-content);
1207
+ align-items: var(--amplify-components-flex-align-items);
1208
+ display: flex;
1209
+ flex-wrap: var(--amplify-components-flex-flex-wrap);
1210
+ gap: var(--amplify-components-flex-gap);
1211
+ justify-content: var(--amplify-components-flex-justify-content);
1212
+ }
1213
+
1214
+ .amplify-grid {
1215
+ display: grid;
1216
+ }
1217
+
1218
+ .amplify-scrollview {
1219
+ display: block;
1220
+ overflow: auto;
1221
+ }
1222
+ .amplify-scrollview--horizontal {
1223
+ overflow-x: scroll;
1224
+ overflow-y: initial;
1225
+ }
1226
+ .amplify-scrollview--vertical {
1227
+ overflow-x: initial;
1228
+ overflow-y: scroll;
1229
+ }
1230
+
1231
+ .amplify-text {
1232
+ display: block;
1233
+ color: var(--amplify-components-text-color);
1234
+ }
1235
+ b.amplify-text,
1236
+ em.amplify-text,
1237
+ i.amplify-text,
1238
+ span.amplify-text,
1239
+ strong.amplify-text {
1240
+ display: inline;
1241
+ }
1242
+
1243
+ .amplify-text--truncated {
1244
+ display: inline-block;
1245
+ max-width: 100%;
1246
+ overflow: hidden;
1247
+ text-overflow: ellipsis;
1248
+ white-space: nowrap;
1249
+ }
1250
+ .amplify-text--primary {
1251
+ color: var(--amplify-components-text-primary-color);
1252
+ }
1253
+ .amplify-text--secondary {
1254
+ color: var(--amplify-components-text-secondary-color);
1255
+ }
1256
+ .amplify-text--tertiary {
1257
+ color: var(--amplify-components-text-tertiary-color);
1258
+ }
1259
+ .amplify-text--error {
1260
+ color: var(--amplify-components-text-error-color);
1261
+ }
1262
+ .amplify-text--info {
1263
+ color: var(--amplify-components-text-info-color);
1264
+ }
1265
+ .amplify-text--success {
1266
+ color: var(--amplify-components-text-success-color);
1267
+ }
1268
+ .amplify-text--warning {
1269
+ color: var(--amplify-components-text-warning-color);
1270
+ }
1271
+
1272
+ .amplify-badge {
1273
+ background-color: var(--amplify-components-badge-background-color);
1274
+ border-radius: var(--amplify-components-badge-border-radius);
1275
+ color: var(--amplify-components-badge-color);
1276
+ display: inline-flex;
1277
+ font-size: var(--amplify-components-badge-font-size);
1278
+ font-weight: var(--amplify-components-badge-font-weight);
1279
+ line-height: var(--amplify-components-badge-line-height);
1280
+ padding: var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal);
1281
+ text-align: var(--amplify-components-badge-text-align);
1282
+ }
1283
+ .amplify-badge--info {
1284
+ color: var(--amplify-components-badge-info-color);
1285
+ background-color: var(--amplify-components-badge-info-background-color);
1286
+ }
1287
+ .amplify-badge--error {
1288
+ color: var(--amplify-components-badge-error-color);
1289
+ background-color: var(--amplify-components-badge-error-background-color);
1290
+ }
1291
+ .amplify-badge--warning {
1292
+ color: var(--amplify-components-badge-warning-color);
1293
+ background-color: var(--amplify-components-badge-warning-background-color);
1294
+ }
1295
+ .amplify-badge--success {
1296
+ color: var(--amplify-components-badge-success-color);
1297
+ background-color: var(--amplify-components-badge-success-background-color);
1298
+ }
1299
+ .amplify-badge--small {
1300
+ font-size: var(--amplify-components-badge-small-font-size);
1301
+ padding: var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal);
1302
+ }
1303
+ .amplify-badge--large {
1304
+ font-size: var(--amplify-components-badge-large-font-size);
1305
+ padding: var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal);
1306
+ }
1307
+
1308
+ /*
1309
+ * Button base styles
1310
+ */
1311
+ .amplify-button {
1312
+ align-items: center;
1313
+ border-color: var(--amplify-components-button-border-color);
1314
+ border-radius: var(--amplify-components-button-border-radius);
1315
+ border-style: var(--amplify-components-button-border-style);
1316
+ border-width: var(--amplify-components-button-border-width);
1317
+ box-sizing: border-box;
1318
+ color: var(--amplify-components-button-color);
1319
+ cursor: pointer;
1320
+ display: inline-flex;
1321
+ font-size: var(--amplify-components-button-font-size);
1322
+ font-weight: var(--amplify-components-button-font-weight);
1323
+ justify-content: center;
1324
+ line-height: var(--amplify-components-button-line-height);
1325
+ -webkit-padding-before: var(--amplify-components-button-padding-block-start);
1326
+ padding-block-start: var(--amplify-components-button-padding-block-start);
1327
+ -webkit-padding-after: var(--amplify-components-button-padding-block-end);
1328
+ padding-block-end: var(--amplify-components-button-padding-block-end);
1329
+ -webkit-padding-start: var(--amplify-components-button-padding-inline-start);
1330
+ padding-inline-start: var(--amplify-components-button-padding-inline-start);
1331
+ -webkit-padding-end: var(--amplify-components-button-padding-inline-end);
1332
+ padding-inline-end: var(--amplify-components-button-padding-inline-end);
1333
+ transition: all var(--amplify-components-button-transition-duration);
1334
+ -webkit-user-select: none;
1335
+ -moz-user-select: none;
1336
+ user-select: none;
1337
+ --amplify-internal-button-disabled-color: var(
1338
+ --amplify-components-button-disabled-color
1339
+ );
1340
+ --amplify-internal-button-disabled-background-color: var(
1341
+ --amplify-components-button-disabled-background-color
1342
+ );
1343
+ --amplify-internal-button-disabled-border-color: var(
1344
+ --amplify-components-button-disabled-border-color
1345
+ );
1346
+ --amplify-internal-button-disabled-text-decoration: initial;
1347
+ --amplify-internal-button-loading-background-color: var(
1348
+ --amplify-components-button-loading-background-color
1349
+ );
1350
+ --amplify-internal-button-loading-border-color: var(
1351
+ --amplify-components-button-loading-border-color
1352
+ );
1353
+ --amplify-internal-button-loading-color: var(
1354
+ --amplify-components-button-loading-color
1355
+ );
1356
+ --amplify-internal-button-loading-text-decoration: initial;
1357
+ }
1358
+ .amplify-button:hover {
1359
+ background-color: var(--amplify-components-button-hover-background-color);
1360
+ border-color: var(--amplify-components-button-hover-border-color);
1361
+ color: var(--amplify-components-button-hover-color);
1362
+ }
1363
+ .amplify-button:focus {
1364
+ background-color: var(--amplify-components-button-hover-background-color);
1365
+ border-color: var(--amplify-components-button-focus-border-color);
1366
+ color: var(--amplify-components-button-focus-color);
1367
+ box-shadow: var(--amplify-components-button-focus-box-shadow);
1368
+ }
1369
+ .amplify-button:active {
1370
+ background-color: var(--amplify-components-button-active-background-color);
1371
+ border-color: var(--amplify-components-button-active-border-color);
1372
+ color: var(--amplify-components-button-active-color);
1373
+ }
1374
+ .amplify-button--fullwidth {
1375
+ width: 100%;
1376
+ }
1377
+ .amplify-button--menu {
1378
+ border-width: var(--amplify-components-button-menu-border-width);
1379
+ background-color: var(--amplify-components-button-menu-background-color);
1380
+ justify-content: var(--amplify-components-button-menu-justify-content);
1381
+ --amplify-internal-button-disabled-color: var(
1382
+ --amplify-components-button-menu-disabled-color
1383
+ );
1384
+ }
1385
+ .amplify-button--menu:hover {
1386
+ color: var(--amplify-components-button-menu-hover-color);
1387
+ background-color: var(--amplify-components-button-menu-hover-background-color);
1388
+ }
1389
+ .amplify-button--menu:focus {
1390
+ box-shadow: none;
1391
+ color: var(--amplify-components-button-menu-focus-color);
1392
+ background-color: var(--amplify-components-button-menu-focus-background-color);
1393
+ }
1394
+ .amplify-button--menu:active {
1395
+ color: var(--amplify-components-button-menu-active-color);
1396
+ background-color: var(--amplify-components-button-menu-active-background-color);
1397
+ }
1398
+ .amplify-button--primary {
1399
+ border-width: var(--amplify-components-button-primary-border-width);
1400
+ background-color: var(--amplify-components-button-primary-background-color);
1401
+ border-color: var(--amplify-components-button-primary-border-color);
1402
+ color: var(--amplify-components-button-primary-color);
1403
+ --amplify-internal-button-disabled-border-color: var(
1404
+ --amplify-components-button-primary-disabled-border-color
1405
+ );
1406
+ --amplify-internal-button-disabled-background-color: var(
1407
+ --amplify-components-button-primary-disabled-background-color
1408
+ );
1409
+ --amplify-internal-button-disabled-color: var(
1410
+ --amplify-components-button-primary-disabled-color
1411
+ );
1412
+ --amplify-internal-button-loading-background-color: var(
1413
+ --amplify-components-button-primary-loading-background-color
1414
+ );
1415
+ --amplify-internal-button-loading-border-color: var(
1416
+ --amplify-components-button-primary-loading-border-color
1417
+ );
1418
+ --amplify-internal-button-loading-color: var(
1419
+ --amplify-components-button-primary-loading-color
1420
+ );
1421
+ }
1422
+ .amplify-button--primary:hover {
1423
+ background-color: var(--amplify-components-button-primary-hover-background-color);
1424
+ border-color: var(--amplify-components-button-primary-hover-border-color);
1425
+ color: var(--amplify-components-button-primary-hover-color);
1426
+ }
1427
+ .amplify-button--primary:focus {
1428
+ background-color: var(--amplify-components-button-primary-focus-background-color);
1429
+ border-color: var(--amplify-components-button-primary-focus-border-color);
1430
+ color: var(--amplify-components-button-primary-focus-color);
1431
+ box-shadow: var(--amplify-components-button-primary-focus-box-shadow);
1432
+ }
1433
+ .amplify-button--primary:active {
1434
+ background-color: var(--amplify-components-button-primary-active-background-color);
1435
+ border-color: var(--amplify-components-button-primary-active-border-color);
1436
+ color: var(--amplify-components-button-primary-active-color);
1437
+ }
1438
+ .amplify-button--link {
1439
+ border-width: var(--amplify-components-button-link-border-width);
1440
+ background-color: var(--amplify-components-button-link-background-color);
1441
+ color: var(--amplify-components-button-link-color);
1442
+ --amplify-internal-button-disabled-text-decoration: none;
1443
+ --amplify-internal-button-disabled-border-color: var(
1444
+ --amplify-components-button-link-disabled-border-color
1445
+ );
1446
+ --amplify-internal-button-disabled-background-color: var(
1447
+ --amplify-components-button-link-disabled-background-color
1448
+ );
1449
+ --amplify-internal-button-disabled-color: var(
1450
+ --amplify-components-button-link-disabled-color
1451
+ );
1452
+ --amplify-internal-button-loading-background-color: var(
1453
+ --amplify-components-button-link-loading-background-color
1454
+ );
1455
+ --amplify-internal-button-loading-border-color: var(
1456
+ --amplify-components-button-link-loading-border-color
1457
+ );
1458
+ --amplify-internal-button-loading-color: var(
1459
+ --amplify-components-button-link-loading-color
1460
+ );
1461
+ --amplify-internal-button-loading-text-decoration: none;
1462
+ }
1463
+ .amplify-button--link:hover {
1464
+ background-color: var(--amplify-components-button-link-hover-background-color);
1465
+ border-color: var(--amplify-components-button-link-hover-border-color);
1466
+ color: var(--amplify-components-button-link-hover-color);
1467
+ }
1468
+ .amplify-button--link:focus {
1469
+ background-color: var(--amplify-components-button-link-focus-background-color);
1470
+ border-color: var(--amplify-components-button-link-focus-border-color);
1471
+ color: var(--amplify-components-button-link-focus-color);
1472
+ box-shadow: var(--amplify-components-button-link-focus-box-shadow);
1473
+ }
1474
+ .amplify-button--link:active {
1475
+ background-color: var(--amplify-components-button-link-active-background-color);
1476
+ border-color: var(--amplify-components-button-link-active-border-color);
1477
+ color: var(--amplify-components-button-link-active-color);
1478
+ }
1479
+ .amplify-button--destructive {
1480
+ border-width: var(--amplify-components-button-destructive-border-width);
1481
+ background-color: var(--amplify-components-button-destructive-background-color);
1482
+ border-color: var(--amplify-components-button-destructive-border-color);
1483
+ color: var(--amplify-components-button-destructive-color);
1484
+ --amplify-internal-button-disabled-border-color: var(
1485
+ --amplify-components-button-destructive-disabled-border-color
1486
+ );
1487
+ --amplify-internal-button-disabled-background-color: var(
1488
+ --amplify-components-button-destructive-disabled-background-color
1489
+ );
1490
+ --amplify-internal-button-disabled-color: var(
1491
+ --amplify-components-button-destructive-disabled-color
1492
+ );
1493
+ --amplify-internal-button-loading-background-color: var(
1494
+ --amplify-components-button-destructive-loading-background-color
1495
+ );
1496
+ --amplify-internal-button-loading-border-color: var(
1497
+ --amplify-components-button-destructive-loading-border-color
1498
+ );
1499
+ --amplify-internal-button-loading-color: var(
1500
+ --amplify-components-button-destructive-loading-color
1501
+ );
1502
+ }
1503
+ .amplify-button--destructive:hover {
1504
+ background-color: var(--amplify-components-button-destructive-hover-background-color);
1505
+ border-color: var(--amplify-components-button-destructive-hover-border-color);
1506
+ color: var(--amplify-components-button-destructive-hover-color);
1507
+ }
1508
+ .amplify-button--destructive:focus {
1509
+ background-color: var(--amplify-components-button-destructive-focus-background-color);
1510
+ border-color: var(--amplify-components-button-destructive-focus-border-color);
1511
+ color: var(--amplify-components-button-destructive-focus-color);
1512
+ box-shadow: var(--amplify-components-button-destructive-focus-box-shadow);
1513
+ }
1514
+ .amplify-button--destructive:active {
1515
+ background-color: var(--amplify-components-button-destructive-active-background-color);
1516
+ border-color: var(--amplify-components-button-destructive-active-border-color);
1517
+ color: var(--amplify-components-button-destructive-active-color);
1518
+ }
1519
+ .amplify-button--warning {
1520
+ background-color: var(--amplify-components-button-warning-background-color);
1521
+ border-color: var(--amplify-components-button-warning-border-color);
1522
+ border-width: var(--amplify-components-button-warning-border-width);
1523
+ color: var(--amplify-components-button-warning-color);
1524
+ --amplify-internal-button-disabled-text-decoration: none;
1525
+ --amplify-internal-button-disabled-border-color: var(
1526
+ --amplify-components-button-warning-disabled-border-color
1527
+ );
1528
+ --amplify-internal-button-disabled-background-color: var(
1529
+ --amplify-components-button-warning-disabled-background-color
1530
+ );
1531
+ --amplify-internal-button-disabled-color: var(
1532
+ --amplify-components-button-warning-disabled-color
1533
+ );
1534
+ --amplify-internal-button-loading-background-color: var(
1535
+ --amplify-components-button-warning-loading-background-color
1536
+ );
1537
+ --amplify-internal-button-loading-border-color: var(
1538
+ --amplify-components-button-warning-loading-border-color
1539
+ );
1540
+ --amplify-internal-button-loading-color: var(
1541
+ --amplify-components-button-warning-loading-color
1542
+ );
1543
+ --amplify-internal-button-loading-text-decoration: none;
1544
+ }
1545
+ .amplify-button--warning:hover {
1546
+ background-color: var(--amplify-components-button-warning-hover-background-color);
1547
+ border-color: var(--amplify-components-button-warning-hover-border-color);
1548
+ color: var(--amplify-components-button-warning-hover-color);
1549
+ }
1550
+ .amplify-button--warning:focus {
1551
+ background-color: var(--amplify-components-button-warning-focus-background-color);
1552
+ border-color: var(--amplify-components-button-warning-focus-border-color);
1553
+ color: var(--amplify-components-button-warning-focus-color);
1554
+ box-shadow: var(--amplify-components-button-warning-focus-box-shadow);
1555
+ }
1556
+ .amplify-button--warning:active {
1557
+ background-color: var(--amplify-components-button-warning-active-background-color);
1558
+ border-color: var(--amplify-components-button-warning-active-border-color);
1559
+ color: var(--amplify-components-button-warning-active-color);
1560
+ }
1561
+ .amplify-button--small {
1562
+ font-size: var(--amplify-components-button-small-font-size);
1563
+ -webkit-padding-before: var(--amplify-components-button-small-padding-block-start);
1564
+ padding-block-start: var(--amplify-components-button-small-padding-block-start);
1565
+ -webkit-padding-after: var(--amplify-components-button-small-padding-block-end);
1566
+ padding-block-end: var(--amplify-components-button-small-padding-block-end);
1567
+ -webkit-padding-start: var(--amplify-components-button-small-padding-inline-start);
1568
+ padding-inline-start: var(--amplify-components-button-small-padding-inline-start);
1569
+ -webkit-padding-end: var(--amplify-components-button-small-padding-inline-end);
1570
+ padding-inline-end: var(--amplify-components-button-small-padding-inline-end);
1571
+ }
1572
+ .amplify-button--large {
1573
+ font-size: var(--amplify-components-button-large-font-size);
1574
+ -webkit-padding-before: var(--amplify-components-button-large-padding-block-start);
1575
+ padding-block-start: var(--amplify-components-button-large-padding-block-start);
1576
+ -webkit-padding-after: var(--amplify-components-button-large-padding-block-end);
1577
+ padding-block-end: var(--amplify-components-button-large-padding-block-end);
1578
+ -webkit-padding-start: var(--amplify-components-button-large-padding-inline-start);
1579
+ padding-inline-start: var(--amplify-components-button-large-padding-inline-start);
1580
+ -webkit-padding-end: var(--amplify-components-button-large-padding-inline-end);
1581
+ padding-inline-end: var(--amplify-components-button-large-padding-inline-end);
1582
+ }
1583
+ .amplify-button--disabled {
1584
+ background-color: var(--amplify-internal-button-disabled-background-color);
1585
+ border-color: var(--amplify-internal-button-disabled-border-color);
1586
+ color: var(--amplify-internal-button-disabled-color);
1587
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1588
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1589
+ cursor: not-allowed;
1590
+ }
1591
+ .amplify-button--disabled:hover {
1592
+ background-color: var(--amplify-internal-button-disabled-background-color);
1593
+ border-color: var(--amplify-internal-button-disabled-border-color);
1594
+ color: var(--amplify-internal-button-disabled-color);
1595
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1596
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1597
+ }
1598
+ .amplify-button--disabled :focus {
1599
+ background-color: var(--amplify-internal-button-disabled-background-color);
1600
+ border-color: var(--amplify-internal-button-disabled-border-color);
1601
+ color: var(--amplify-internal-button-disabled-color);
1602
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1603
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1604
+ }
1605
+ .amplify-button--disabled:active {
1606
+ background-color: var(--amplify-internal-button-disabled-background-color);
1607
+ border-color: var(--amplify-internal-button-disabled-border-color);
1608
+ color: var(--amplify-internal-button-disabled-color);
1609
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1610
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1611
+ }
1612
+ .amplify-button--loading {
1613
+ background-color: var(--amplify-internal-button-loading-background-color);
1614
+ border-color: var(--amplify-internal-button-loading-border-color);
1615
+ color: var(--amplify-components-button-loading-color);
1616
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1617
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1618
+ }
1619
+ .amplify-button--loading:hover {
1620
+ background-color: var(--amplify-internal-button-loading-background-color);
1621
+ border-color: var(--amplify-internal-button-loading-border-color);
1622
+ color: var(--amplify-components-button-loading-color);
1623
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1624
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1625
+ }
1626
+ .amplify-button--loading:focus {
1627
+ background-color: var(--amplify-internal-button-loading-background-color);
1628
+ border-color: var(--amplify-internal-button-loading-border-color);
1629
+ color: var(--amplify-components-button-loading-color);
1630
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1631
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1632
+ }
1633
+ .amplify-button--loading:active {
1634
+ background-color: var(--amplify-internal-button-loading-background-color);
1635
+ border-color: var(--amplify-internal-button-loading-border-color);
1636
+ color: var(--amplify-components-button-loading-color);
1637
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1638
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1639
+ }
1640
+ .amplify-button__loader-wrapper {
1641
+ align-items: var(--amplify-components-button-loader-wrapper-align-items);
1642
+ gap: var(--amplify-components-button-loader-wrapper-gap);
1643
+ }
1644
+
1645
+ @media (prefers-reduced-motion: reduce) {
1646
+ .amplify-button {
1647
+ transition: none;
1648
+ }
1649
+ }
1650
+ .amplify-field__description {
1651
+ color: var(--amplify-components-fieldmessages-description-color);
1652
+ font-style: var(--amplify-components-fieldmessages-description-font-style);
1653
+ font-size: var(--amplify-components-fieldmessages-description-font-size);
1654
+ }
1655
+
1656
+ .amplify-field__error-message {
1657
+ color: var(--amplify-components-fieldmessages-error-color);
1658
+ font-size: var(--amplify-components-fieldmessages-error-font-size);
1659
+ }
1660
+
1661
+ .amplify-heading {
1662
+ color: var(--amplify-components-heading-color);
1663
+ line-height: var(--amplify-components-heading-line-height);
1664
+ display: block;
1665
+ }
1666
+ .amplify-heading--truncated {
1667
+ overflow: hidden;
1668
+ text-overflow: ellipsis;
1669
+ white-space: nowrap;
1670
+ }
1671
+
1672
+ .amplify-heading--1 {
1673
+ font-size: var(--amplify-components-heading-1-font-size);
1674
+ font-weight: var(--amplify-components-heading-1-font-weight);
1675
+ }
1676
+
1677
+ .amplify-heading--2 {
1678
+ font-size: var(--amplify-components-heading-2-font-size);
1679
+ font-weight: var(--amplify-components-heading-2-font-weight);
1680
+ }
1681
+
1682
+ .amplify-heading--3 {
1683
+ font-size: var(--amplify-components-heading-3-font-size);
1684
+ font-weight: var(--amplify-components-heading-3-font-weight);
1685
+ }
1686
+
1687
+ .amplify-heading--4 {
1688
+ font-size: var(--amplify-components-heading-4-font-size);
1689
+ font-weight: var(--amplify-components-heading-4-font-weight);
1690
+ }
1691
+
1692
+ .amplify-heading--5 {
1693
+ font-size: var(--amplify-components-heading-5-font-size);
1694
+ font-weight: var(--amplify-components-heading-5-font-weight);
1695
+ }
1696
+
1697
+ .amplify-heading--6 {
1698
+ font-size: var(--amplify-components-heading-6-font-size);
1699
+ font-weight: var(--amplify-components-heading-6-font-weight);
1700
+ }
1701
+
1702
+ /*
1703
+ * Icon base styles
1704
+ */
1705
+ .amplify-icon {
1706
+ display: inline-block;
1707
+ vertical-align: middle;
1708
+ fill: currentColor;
1709
+ height: var(--amplify-components-icon-height);
1710
+ line-height: var(--amplify-components-icon-line-height);
1711
+ }
1712
+ .amplify-icon > svg {
1713
+ height: var(--amplify-components-icon-height);
1714
+ width: var(--amplify-components-icon-height);
1715
+ }
1716
+
1717
+ .amplify-highlightmatch__highlighted {
1718
+ font-weight: var(--amplify-components-highlightmatch-highlighted-font-weight);
1719
+ }
1720
+
1721
+ .amplify-input {
1722
+ box-sizing: border-box;
1723
+ color: var(--amplify-components-fieldcontrol-color);
1724
+ font-size: var(--amplify-components-fieldcontrol-font-size);
1725
+ line-height: var(--amplify-components-fieldcontrol-line-height);
1726
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
1727
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
1728
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
1729
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
1730
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
1731
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
1732
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
1733
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
1734
+ transition: all var(--amplify-components-fieldcontrol-transition-duration);
1735
+ width: 100%;
1736
+ border-color: var(--amplify-components-fieldcontrol-border-color);
1737
+ border-radius: var(--amplify-components-fieldcontrol-border-radius);
1738
+ border-style: var(--amplify-components-fieldcontrol-border-style);
1739
+ border-width: var(--amplify-components-fieldcontrol-border-width);
1740
+ outline-color: var(--amplify-components-fieldcontrol-outline-color);
1741
+ outline-style: var(--amplify-components-fieldcontrol-outline-style);
1742
+ outline-width: var(--amplify-components-fieldcontrol-outline-width);
1743
+ outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
1744
+ -webkit-user-select: text;
1745
+ -moz-user-select: text;
1746
+ user-select: text;
1747
+ display: inline-flex;
1748
+ }
1749
+ .amplify-input:focus {
1750
+ border-color: var(--amplify-components-fieldcontrol-focus-border-color);
1751
+ box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
1752
+ }
1753
+ .amplify-input--small {
1754
+ font-size: var(--amplify-components-fieldcontrol-small-font-size);
1755
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
1756
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
1757
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
1758
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
1759
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
1760
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
1761
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
1762
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
1763
+ }
1764
+ .amplify-input--large {
1765
+ font-size: var(--amplify-components-fieldcontrol-large-font-size);
1766
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
1767
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
1768
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
1769
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
1770
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
1771
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
1772
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
1773
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
1774
+ }
1775
+ .amplify-input--error {
1776
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
1777
+ }
1778
+ .amplify-input--error:focus {
1779
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
1780
+ box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
1781
+ }
1782
+ .amplify-input[disabled] {
1783
+ color: var(--amplify-components-fieldcontrol-disabled-color);
1784
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
1785
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
1786
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
1787
+ }
1788
+ .amplify-input--quiet {
1789
+ -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
1790
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
1791
+ -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
1792
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
1793
+ -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
1794
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
1795
+ border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
1796
+ }
1797
+ .amplify-input--quiet:focus {
1798
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
1799
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
1800
+ }
1801
+ .amplify-input--quiet[aria-invalid=true] {
1802
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
1803
+ }
1804
+ .amplify-input--quiet[aria-invalid=true]:focus {
1805
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
1806
+ }
1807
+
1808
+ .amplify-textarea {
1809
+ box-sizing: border-box;
1810
+ color: var(--amplify-components-fieldcontrol-color);
1811
+ font-size: var(--amplify-components-fieldcontrol-font-size);
1812
+ line-height: var(--amplify-components-fieldcontrol-line-height);
1813
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
1814
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
1815
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
1816
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
1817
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
1818
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
1819
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
1820
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
1821
+ transition: all var(--amplify-components-fieldcontrol-transition-duration);
1822
+ width: 100%;
1823
+ border-color: var(--amplify-components-fieldcontrol-border-color);
1824
+ border-radius: var(--amplify-components-fieldcontrol-border-radius);
1825
+ border-style: var(--amplify-components-fieldcontrol-border-style);
1826
+ border-width: var(--amplify-components-fieldcontrol-border-width);
1827
+ outline-color: var(--amplify-components-fieldcontrol-outline-color);
1828
+ outline-style: var(--amplify-components-fieldcontrol-outline-style);
1829
+ outline-width: var(--amplify-components-fieldcontrol-outline-width);
1830
+ outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
1831
+ -webkit-user-select: text;
1832
+ -moz-user-select: text;
1833
+ user-select: text;
1834
+ white-space: pre-wrap;
1835
+ }
1836
+ .amplify-textarea:focus {
1837
+ border-color: var(--amplify-components-fieldcontrol-focus-border-color);
1838
+ box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
1839
+ }
1840
+ .amplify-textarea--small {
1841
+ font-size: var(--amplify-components-fieldcontrol-small-font-size);
1842
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
1843
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
1844
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
1845
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
1846
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
1847
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
1848
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
1849
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
1850
+ }
1851
+ .amplify-textarea--large {
1852
+ font-size: var(--amplify-components-fieldcontrol-large-font-size);
1853
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
1854
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
1855
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
1856
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
1857
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
1858
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
1859
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
1860
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
1861
+ }
1862
+ .amplify-textarea--error {
1863
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
1864
+ }
1865
+ .amplify-textarea--error:focus {
1866
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
1867
+ box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
1868
+ }
1869
+ .amplify-textarea[disabled] {
1870
+ color: var(--amplify-components-fieldcontrol-disabled-color);
1871
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
1872
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
1873
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
1874
+ }
1875
+ .amplify-textarea--quiet {
1876
+ -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
1877
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
1878
+ -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
1879
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
1880
+ -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
1881
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
1882
+ border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
1883
+ }
1884
+ .amplify-textarea--quiet:focus {
1885
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
1886
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
1887
+ }
1888
+ .amplify-textarea--quiet[aria-invalid=true] {
1889
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
1890
+ }
1891
+ .amplify-textarea--quiet[aria-invalid=true]:focus {
1892
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
1893
+ }
1894
+
1895
+ .amplify-image {
1896
+ height: var(--amplify-components-image-height);
1897
+ max-width: var(--amplify-components-image-max-width);
1898
+ -o-object-fit: var(--amplify-components-image-object-fit);
1899
+ object-fit: var(--amplify-components-image-object-fit);
1900
+ -o-object-position: var(--amplify-components-image-object-position);
1901
+ object-position: var(--amplify-components-image-object-position);
1902
+ overflow: clip;
1903
+ }
1904
+
1905
+ .amplify-link {
1906
+ color: var(--amplify-components-link-color);
1907
+ -webkit-text-decoration: var(--amplify-components-link-text-decoration);
1908
+ text-decoration: var(--amplify-components-link-text-decoration);
1909
+ cursor: pointer;
1910
+ }
1911
+ .amplify-link:visited {
1912
+ color: var(--amplify-components-link-visited-color);
1913
+ -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
1914
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
1915
+ }
1916
+ .amplify-link:active {
1917
+ color: var(--amplify-components-link-active-color);
1918
+ -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
1919
+ text-decoration: var(--amplify-components-link-active-text-decoration);
1920
+ }
1921
+ .amplify-link:focus {
1922
+ color: var(--amplify-components-link-focus-color);
1923
+ -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
1924
+ text-decoration: var(--amplify-components-link-focus-text-decoration);
1925
+ }
1926
+ .amplify-link:hover {
1927
+ color: var(--amplify-components-link-hover-color);
1928
+ -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
1929
+ text-decoration: var(--amplify-components-link-hover-text-decoration);
1930
+ }
1931
+
1932
+ .amplify-loader {
1933
+ width: var(--amplify-components-loader-width);
1934
+ height: var(--amplify-components-loader-height);
1935
+ font-size: var(--amplify-components-loader-font-size);
1936
+ fill: none;
1937
+ stroke: var(--amplify-components-loader-stroke-empty);
1938
+ --amplify-internal-loader-linear-font-size: var(
1939
+ --amplify-components-loader-linear-font-size
1940
+ );
1941
+ --amplify-internal-loader-linear-stroke-width: var(
1942
+ --amplify-components-loader-linear-stroke-width
1943
+ );
1944
+ }
1945
+ .amplify-loader circle:last-of-type {
1946
+ transform-origin: center center;
1947
+ animation-name: amplify-loader-circular;
1948
+ animation-timing-function: linear;
1949
+ animation-iteration-count: infinite;
1950
+ animation-duration: var(--amplify-components-loader-animation-duration);
1951
+ stroke: var(--amplify-components-loader-stroke-filled);
1952
+ stroke-linecap: var(--amplify-components-loader-stroke-linecap);
1953
+ }
1954
+ @media (prefers-reduced-motion) {
1955
+ .amplify-loader circle:last-of-type {
1956
+ animation: none;
1957
+ stroke-dasharray: 100% 200%;
1958
+ stroke-dashoffset: 50%;
1959
+ }
1960
+ }
1961
+ .amplify-loader line:last-of-type {
1962
+ stroke: var(--amplify-components-loader-linear-stroke-filled);
1963
+ stroke-dasharray: 50% 200%;
1964
+ animation-name: amplify-loader-linear;
1965
+ animation-duration: var(--amplify-components-loader-linear-animation-duration);
1966
+ animation-timing-function: linear;
1967
+ animation-iteration-count: infinite;
1968
+ }
1969
+ @media (prefers-reduced-motion) {
1970
+ .amplify-loader line:last-of-type {
1971
+ animation: none;
1972
+ stroke-dashoffset: -50%;
1973
+ }
1974
+ }
1975
+ .amplify-loader--small {
1976
+ width: var(--amplify-components-loader-small-width);
1977
+ height: var(--amplify-components-loader-small-height);
1978
+ font-size: var(--amplify-components-loader-small-font-size);
1979
+ --amplify-internal-loader-linear-stroke-width: var(
1980
+ --amplify-components-loader-linear-small-stroke-width
1981
+ );
1982
+ --amplify-internal-loader-linear-font-size: var(
1983
+ --amplify-components-loader-linear-small-font-size
1984
+ );
1985
+ }
1986
+ .amplify-loader--large {
1987
+ width: var(--amplify-components-loader-large-width);
1988
+ height: var(--amplify-components-loader-large-height);
1989
+ font-size: var(--amplify-components-loader-large-font-size);
1990
+ --amplify-internal-loader-linear-stroke-width: var(
1991
+ --amplify-components-loader-linear-large-stroke-width
1992
+ );
1993
+ --amplify-internal-loader-linear-font-size: var(
1994
+ --amplify-components-loader-linear-large-font-size
1995
+ );
1996
+ }
1997
+ .amplify-loader--linear {
1998
+ width: var(--amplify-components-loader-linear-width);
1999
+ min-width: var(--amplify-components-loader-linear-min-width);
2000
+ stroke: var(--amplify-components-loader-linear-stroke-empty);
2001
+ stroke-linecap: var(--amplify-components-loader-linear-stroke-linecap);
2002
+ stroke-width: var(--amplify-internal-loader-linear-stroke-width);
2003
+ font-size: var(--amplify-internal-loader-linear-font-size);
2004
+ }
2005
+ .amplify-loader--determinate circle:last-of-type {
2006
+ animation: none;
2007
+ transform: rotate(-90deg);
2008
+ }
2009
+ .amplify-loader--determinate line:last-of-type {
2010
+ animation: none;
2011
+ stroke-dashoffset: 0%;
2012
+ stroke-dasharray: none;
2013
+ }
2014
+ .amplify-loader__percentage-text {
2015
+ fill: var(--amplify-components-loader-text-fill);
2016
+ stroke: none;
2017
+ }
2018
+
2019
+ @keyframes amplify-loader-circular {
2020
+ 0% {
2021
+ stroke-dasharray: 100% 200%;
2022
+ transform: rotate(120deg);
2023
+ }
2024
+ 50% {
2025
+ stroke-dasharray: 20% 400%;
2026
+ }
2027
+ 100% {
2028
+ stroke-dasharray: 100% 200%;
2029
+ transform: rotate(480deg);
2030
+ }
2031
+ }
2032
+ @keyframes amplify-loader-linear {
2033
+ 0% {
2034
+ stroke-dashoffset: 200%;
2035
+ }
2036
+ 100% {
2037
+ stroke-dashoffset: -50%;
2038
+ }
2039
+ }
2040
+ .amplify-placeholder {
2041
+ animation-direction: alternate;
2042
+ animation-duration: var(--amplify-components-placeholder-transition-duration);
2043
+ animation-iteration-count: infinite;
2044
+ animation-name: amplify-placeholder-loading;
2045
+ border-radius: var(--amplify-components-placeholder-border-radius);
2046
+ height: var(--amplify-components-placeholder-default-height);
2047
+ width: 100%;
2048
+ display: block;
2049
+ }
2050
+ .amplify-placeholder--small {
2051
+ height: var(--amplify-components-placeholder-small-height);
2052
+ }
2053
+ .amplify-placeholder--large {
2054
+ height: var(--amplify-components-placeholder-large-height);
2055
+ }
2056
+
2057
+ @keyframes amplify-placeholder-loading {
2058
+ 0% {
2059
+ background-color: var(--amplify-components-placeholder-start-color);
2060
+ }
2061
+ 100% {
2062
+ background-color: var(--amplify-components-placeholder-end-color);
2063
+ }
2064
+ }
2065
+ @media (prefers-reduced-motion: reduce) {
2066
+ .amplify-placeholder {
2067
+ animation: none;
2068
+ background-color: var(--amplify-components-placeholder-end-color);
2069
+ }
2070
+ }
2071
+ [data-amplify-copy] {
2072
+ display: flex;
2073
+ font-size: var(--amplify-components-copy-font-size);
2074
+ gap: var(--amplify-components-copy-gap);
2075
+ justify-content: center;
2076
+ align-items: center;
2077
+ word-break: break-all;
2078
+ }
2079
+
2080
+ [data-amplify-copy-svg] {
2081
+ cursor: pointer;
2082
+ position: relative;
2083
+ }
2084
+ [data-amplify-copy-svg] path {
2085
+ fill: var(--amplify-components-copy-svg-path-fill);
2086
+ }
2087
+ [data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] {
2088
+ visibility: visible;
2089
+ font-size: var(--amplify-components-copy-tool-tip-font-size);
2090
+ }
2091
+
2092
+ [data-amplify-copy-tooltip] {
2093
+ visibility: hidden;
2094
+ position: absolute;
2095
+ bottom: var(--amplify-components-copy-tool-tip-bottom);
2096
+ color: var(--amplify-components-copy-tool-tip-color);
2097
+ }
2098
+
2099
+ .amplify-alert {
2100
+ align-items: var(--amplify-components-alert-align-items);
2101
+ background-color: var(--amplify-components-alert-background-color);
2102
+ color: var(--amplify-components-alert-color);
2103
+ justify-content: var(--amplify-components-alert-justify-content);
2104
+ padding-block: var(--amplify-components-alert-padding-block);
2105
+ padding-inline: var(--amplify-components-alert-padding-inline);
2106
+ }
2107
+ .amplify-alert--info {
2108
+ color: var(--amplify-components-alert-info-color);
2109
+ background-color: var(--amplify-components-alert-info-background-color);
2110
+ }
2111
+ .amplify-alert--error {
2112
+ color: var(--amplify-components-alert-error-color);
2113
+ background-color: var(--amplify-components-alert-error-background-color);
2114
+ }
2115
+ .amplify-alert--warning {
2116
+ color: var(--amplify-components-alert-warning-color);
2117
+ background-color: var(--amplify-components-alert-warning-background-color);
2118
+ }
2119
+ .amplify-alert--success {
2120
+ color: var(--amplify-components-alert-success-color);
2121
+ background-color: var(--amplify-components-alert-success-background-color);
2122
+ }
2123
+
2124
+ .amplify-alert__icon {
2125
+ font-size: var(--amplify-components-alert-icon-size);
2126
+ }
2127
+
2128
+ .amplify-alert__heading {
2129
+ display: block;
2130
+ font-weight: var(--amplify-components-alert-heading-font-weight);
2131
+ font-size: var(--amplify-components-alert-heading-font-size);
2132
+ }
2133
+
2134
+ .amplify-alert__body {
2135
+ color: inherit;
2136
+ display: block;
2137
+ }
2138
+
2139
+ .amplify-alert__dismiss {
2140
+ color: inherit;
2141
+ }
2142
+
2143
+ .amplify-autocomplete__menu__option, .amplify-autocomplete__menu--loading, .amplify-autocomplete__menu--empty {
2144
+ padding-block: var(--amplify-components-autocomplete-menu-space-shared-padding-block);
2145
+ padding-inline: var(--amplify-components-autocomplete-menu-space-shared-padding-inline);
2146
+ }
2147
+
2148
+ .amplify-autocomplete {
2149
+ position: relative;
2150
+ display: block;
2151
+ }
2152
+
2153
+ .amplify-autocomplete__menu {
2154
+ position: absolute;
2155
+ z-index: 999999;
2156
+ width: var(--amplify-components-autocomplete-menu-width);
2157
+ -webkit-margin-before: var(--amplify-components-autocomplete-menu-margin-block-start);
2158
+ margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
2159
+ background-color: var(--amplify-components-autocomplete-menu-background-color);
2160
+ border-color: var(--amplify-components-autocomplete-menu-border-color);
2161
+ border-width: var(--amplify-components-autocomplete-menu-border-width);
2162
+ border-style: var(--amplify-components-autocomplete-menu-border-style);
2163
+ border-radius: var(--amplify-components-autocomplete-menu-border-radius);
2164
+ }
2165
+ .amplify-autocomplete__menu--empty {
2166
+ display: var(--amplify-components-autocomplete-menu-empty-display);
2167
+ }
2168
+ .amplify-autocomplete__menu--loading {
2169
+ display: var(--amplify-components-autocomplete-menu-loading-display);
2170
+ align-items: var(--amplify-components-autocomplete-menu-loading-align-items);
2171
+ gap: var(--amplify-components-autocomplete-menu-loading-gap);
2172
+ }
2173
+ .amplify-autocomplete__menu__options {
2174
+ position: relative;
2175
+ overscroll-behavior: contain;
2176
+ display: var(--amplify-components-autocomplete-menu-options-display);
2177
+ flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction);
2178
+ max-height: var(--amplify-components-autocomplete-menu-options-max-height);
2179
+ }
2180
+ .amplify-autocomplete__menu__option {
2181
+ background-color: var(--amplify-components-autocomplete-menu-option-background-color);
2182
+ color: var(--amplify-components-autocomplete-menu-option-color);
2183
+ cursor: var(--amplify-components-autocomplete-menu-option-cursor);
2184
+ transition-duration: var(--amplify-components-autocomplete-menu-option-transition-duration);
2185
+ transition-property: var(--amplify-components-autocomplete-menu-option-transition-property);
2186
+ transition-timing-function: var(--amplify-components-autocomplete-menu-option-transition-timing-function);
2187
+ }
2188
+ .amplify-autocomplete__menu__option--active {
2189
+ background-color: var(--amplify-components-autocomplete-menu-option-active-background-color);
2190
+ color: var(--amplify-components-autocomplete-menu-option-active-color);
2191
+ }
2192
+
2193
+ /* Center by default */
2194
+ [data-amplify-authenticator] {
2195
+ display: grid;
2196
+ }
2197
+ [data-amplify-authenticator][data-variation=modal] {
2198
+ overflow-y: auto;
2199
+ width: var(--amplify-components-authenticator-modal-width);
2200
+ height: var(--amplify-components-authenticator-modal-height);
2201
+ background-color: var(--amplify-components-authenticator-modal-background-color);
2202
+ position: fixed;
2203
+ top: var(--amplify-components-authenticator-modal-top);
2204
+ left: var(--amplify-components-authenticator-modal-left);
2205
+ /* Having a z-index at least "wins" by default */
2206
+ z-index: 1;
2207
+ }
2208
+ [data-amplify-authenticator] [data-amplify-container] {
2209
+ place-self: center;
2210
+ }
2211
+ @media (min-width: 30rem) {
2212
+ [data-amplify-authenticator] [data-amplify-container] {
2213
+ width: var(--amplify-components-authenticator-container-width-max);
2214
+ }
2215
+ }
2216
+ [data-amplify-authenticator] [data-amplify-router] {
2217
+ background-color: var(--amplify-components-authenticator-router-background-color);
2218
+ box-shadow: var(--amplify-components-authenticator-router-box-shadow);
2219
+ border-color: var(--amplify-components-authenticator-router-border-color);
2220
+ border-width: var(--amplify-components-authenticator-router-border-width);
2221
+ border-style: var(--amplify-components-authenticator-router-border-style);
2222
+ }
2223
+ [data-amplify-authenticator] [data-amplify-footer] {
2224
+ padding-bottom: var(--amplify-components-authenticator-footer-padding-bottom);
2225
+ text-align: center;
2226
+ }
2227
+ [data-amplify-authenticator] [data-amplify-form] {
2228
+ padding: var(--amplify-components-authenticator-form-padding);
2229
+ }
2230
+ [data-amplify-authenticator] [data-state=inactive] {
2231
+ background-color: var(--amplify-components-authenticator-state-inactive-background-color);
2232
+ }
2233
+ @media (max-width: 26rem) {
2234
+ [data-amplify-authenticator] [data-amplify-sign-up-errors] {
2235
+ font-size: 0.688rem;
2236
+ }
2237
+ }
2238
+
2239
+ .amplify-authenticator__column {
2240
+ display: flex;
2241
+ flex-direction: column;
2242
+ }
2243
+
2244
+ .amplify-authenticator__subtitle {
2245
+ margin-bottom: var(--amplify-space-medium);
2246
+ }
2247
+
2248
+ .amplify-authenticator__heading {
2249
+ font-size: var(--amplify-font-sizes-xl);
2250
+ }
2251
+
2252
+ .amplify-authenticator__federated-text {
2253
+ align-self: center;
2254
+ }
2255
+
2256
+ .amplify-card {
2257
+ background-color: var(--amplify-components-card-background-color);
2258
+ border-radius: var(--amplify-components-card-border-radius);
2259
+ border-width: var(--amplify-components-card-border-width);
2260
+ border-style: var(--amplify-components-card-border-style);
2261
+ border-color: var(--amplify-components-card-border-color);
2262
+ box-shadow: var(--amplify-components-card-box-shadow);
2263
+ display: block;
2264
+ padding: var(--amplify-components-card-padding);
2265
+ }
2266
+ .amplify-card--outlined {
2267
+ background-color: var(--amplify-components-card-outlined-background-color);
2268
+ border-radius: var(--amplify-components-card-outlined-border-radius);
2269
+ border-width: var(--amplify-components-card-outlined-border-width);
2270
+ border-style: var(--amplify-components-card-outlined-border-style);
2271
+ border-color: var(--amplify-components-card-outlined-border-color);
2272
+ box-shadow: var(--amplify-components-card-outlined-box-shadow);
2273
+ }
2274
+ .amplify-card--elevated {
2275
+ background-color: var(--amplify-components-card-elevated-background-color);
2276
+ border-radius: var(--amplify-components-card-elevated-border-radius);
2277
+ border-width: var(--amplify-components-card-elevated-border-width);
2278
+ border-style: var(--amplify-components-card-elevated-border-style);
2279
+ border-color: var(--amplify-components-card-elevated-border-color);
2280
+ box-shadow: var(--amplify-components-card-elevated-box-shadow);
2281
+ }
2282
+
2283
+ .amplify-collection {
2284
+ flex-direction: column;
2285
+ }
2286
+ .amplify-collection-pagination {
2287
+ justify-content: center;
2288
+ --amplify-components-pagination-current-color: var(
2289
+ --amplify-components-collection-pagination-current-color
2290
+ );
2291
+ --amplify-components-pagination-current-background-color: var(
2292
+ --amplify-components-collection-pagination-current-background-color
2293
+ );
2294
+ --amplify-components-pagination-button-color: var(
2295
+ --amplify-components-collection-pagination-button-color
2296
+ );
2297
+ --amplify-components-pagination-button-hover-color: var(
2298
+ --amplify-components-collection-pagination-button-hover-color
2299
+ );
2300
+ --amplify-components-pagination-button-hover-background-color: var(
2301
+ --amplify-components-collection-pagination-button-hover-background-color
2302
+ );
2303
+ --amplify-components-pagination-button-disabled-color: var(
2304
+ --amplify-components-collection-pagination-button-disabled-color
2305
+ );
2306
+ }
2307
+ .amplify-collection-search {
2308
+ flex-direction: row;
2309
+ justify-content: center;
2310
+ --amplify-components-searchfield-input-color: var(
2311
+ --amplify-components-collection-search-input-color
2312
+ );
2313
+ --amplify-components-searchfield-button-color: var(
2314
+ --amplify-components-collection-search-button-color
2315
+ );
2316
+ --amplify-components-searchfield-button-active-background-color: var(
2317
+ --amplify-components-collection-search-button-active-background-color
2318
+ );
2319
+ --amplify-components-searchfield-button-active-border-color: var(
2320
+ --amplify-components-collection-search-button-active-border-color
2321
+ );
2322
+ --amplify-components-searchfield-button-active-color: var(
2323
+ --amplify-components-collection-search-button-active-color
2324
+ );
2325
+ --amplify-components-searchfield-button-disabled-background-color: var(
2326
+ --amplify-components-collection-search-button-disabled-background-color
2327
+ );
2328
+ --amplify-components-searchfield-button-disabled-border-color: var(
2329
+ --amplify-components-collection-search-button-disabled-border-color
2330
+ );
2331
+ --amplify-components-searchfield-button-disabled-color: var(
2332
+ --amplify-components-collection-search-button-disabled-color
2333
+ );
2334
+ --amplify-components-searchfield-button-focus-background-color: var(
2335
+ --amplify-components-collection-search-button-focus-background-color
2336
+ );
2337
+ --amplify-components-searchfield-button-focus-border-color: var(
2338
+ --amplify-components-collection-search-button-focus-border-color
2339
+ );
2340
+ --amplify-components-searchfield-button-focus-color: var(
2341
+ --amplify-components-collection-search-button-focus-color
2342
+ );
2343
+ --amplify-components-searchfield-button-hover-background-color: var(
2344
+ --amplify-components-collection-search-button-hover-background-color
2345
+ );
2346
+ --amplify-components-searchfield-button-hover-border-color: var(
2347
+ --amplify-components-collection-search-button-hover-border-color
2348
+ );
2349
+ --amplify-components-searchfield-button-hover-color: var(
2350
+ --amplify-components-collection-search-button-hover-color
2351
+ );
2352
+ }
2353
+
2354
+ .amplify-checkbox {
2355
+ cursor: var(--amplify-components-checkbox-cursor);
2356
+ align-items: var(--amplify-components-checkbox-align-items);
2357
+ flex-direction: row-reverse;
2358
+ gap: inherit;
2359
+ position: relative;
2360
+ }
2361
+ .amplify-checkbox--disabled {
2362
+ cursor: var(--amplify-components-checkbox-disabled-cursor);
2363
+ }
2364
+
2365
+ .amplify-checkbox__button {
2366
+ position: var(--amplify-components-checkbox-button-position);
2367
+ align-items: var(--amplify-components-checkbox-button-align-items);
2368
+ justify-content: var(--amplify-components-checkbox-button-justify-content);
2369
+ color: var(--amplify-components-checkbox-button-color);
2370
+ --amplify-internal-checkbox_button-focused-before-border-color: var(
2371
+ --amplify-components-checkbox-button-focus-border-color
2372
+ );
2373
+ --amplify-internal-checkbox_button-focused-before-box-shadow: var(
2374
+ --amplify-components-checkbox-button-focus-box-shadow
2375
+ );
2376
+ }
2377
+ .amplify-checkbox__button::before {
2378
+ content: "";
2379
+ display: inline-block;
2380
+ position: absolute;
2381
+ box-sizing: border-box;
2382
+ width: var(--amplify-components-checkbox-button-before-width);
2383
+ height: var(--amplify-components-checkbox-button-before-height);
2384
+ border-width: var(--amplify-components-checkbox-button-before-border-width);
2385
+ border-radius: var(--amplify-components-checkbox-button-before-border-radius);
2386
+ border-style: var(--amplify-components-checkbox-button-before-border-style);
2387
+ border-color: var(--amplify-components-checkbox-button-before-border-color);
2388
+ }
2389
+ .amplify-checkbox__button--focused::before {
2390
+ outline-color: var(--amplify-components-checkbox-button-focus-outline-color);
2391
+ outline-style: var(--amplify-components-checkbox-button-focus-outline-style);
2392
+ outline-width: var(--amplify-components-checkbox-button-focus-outline-width);
2393
+ outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset);
2394
+ border-color: var(--amplify-internal-checkbox_button-focused-before-border-color);
2395
+ box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow);
2396
+ }
2397
+ .amplify-checkbox__button--error {
2398
+ --amplify-internal-checkbox_button-focused-before-border-color: var(
2399
+ --amplify-components-checkbox-button-error-focus-border-color
2400
+ );
2401
+ --amplify-internal-checkbox_button-focused-before-box-shadow: var(
2402
+ --amplify-components-checkbox-button-error-focus-box-shadow
2403
+ );
2404
+ }
2405
+ .amplify-checkbox__button--error::before {
2406
+ border-color: var(--amplify-components-checkbox-button-error-border-color);
2407
+ }
2408
+ .amplify-checkbox__button--disabled::before {
2409
+ border-color: var(--amplify-components-checkbox-button-disabled-border-color);
2410
+ }
2411
+
2412
+ .amplify-checkbox__icon {
2413
+ background-color: var(--amplify-components-checkbox-icon-background-color);
2414
+ opacity: var(--amplify-components-checkbox-icon-opacity);
2415
+ transform: var(--amplify-components-checkbox-icon-transform);
2416
+ border-radius: var(--amplify-components-checkbox-icon-border-radius);
2417
+ transition-property: var(--amplify-components-checkbox-icon-transition-property);
2418
+ transition-duration: var(--amplify-components-checkbox-icon-transition-duration);
2419
+ transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function);
2420
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
2421
+ --amplify-components-checkbox-icon-background-color
2422
+ );
2423
+ }
2424
+ .amplify-checkbox__icon--checked {
2425
+ opacity: var(--amplify-components-checkbox-icon-checked-opacity);
2426
+ transform: var(--amplify-components-checkbox-icon-checked-transform);
2427
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
2428
+ --amplify-components-checkbox-icon-checked-disabled-background-color
2429
+ );
2430
+ }
2431
+ .amplify-checkbox__icon--indeterminate {
2432
+ opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity);
2433
+ transform: var(--amplify-components-checkbox-icon-indeterminate-transform);
2434
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
2435
+ --amplify-components-checkbox-icon-indeterminate-disabled-background-color
2436
+ );
2437
+ }
2438
+ .amplify-checkbox__icon--disabled {
2439
+ background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
2440
+ }
2441
+
2442
+ .amplify-checkbox__label[data-disabled=true] {
2443
+ color: var(--amplify-components-checkbox-label-disabled-color);
2444
+ }
2445
+
2446
+ .amplify-checkboxfield {
2447
+ align-content: var(--amplify-components-checkboxfield-align-content);
2448
+ align-items: var(--amplify-components-checkboxfield-align-items);
2449
+ flex-direction: var(--amplify-components-checkboxfield-flex-direction);
2450
+ justify-content: var(--amplify-components-checkboxfield-justify-content);
2451
+ }
2452
+
2453
+ .amplify-dialcodeselect {
2454
+ height: var(--amplify-components-countrycodeselect-height);
2455
+ }
2456
+
2457
+ .amplify-divider {
2458
+ border-color: var(--amplify-components-divider-border-color);
2459
+ border-style: var(--amplify-components-divider-border-style);
2460
+ border-width: 0;
2461
+ opacity: var(--amplify-components-divider-opacity);
2462
+ padding: 0;
2463
+ display: block;
2464
+ --amplify-internal-divider-size: var(
2465
+ --amplify-components-divider-border-width
2466
+ );
2467
+ position: relative;
2468
+ text-align: center;
2469
+ }
2470
+ .amplify-divider--small {
2471
+ --amplify-internal-divider-size: var(
2472
+ --amplify-components-divider-small-border-width
2473
+ );
2474
+ }
2475
+ .amplify-divider--large {
2476
+ --amplify-internal-divider-size: var(
2477
+ --amplify-components-divider-large-border-width
2478
+ );
2479
+ }
2480
+ .amplify-divider--horizontal {
2481
+ width: 100%;
2482
+ border-bottom-width: var(--amplify-internal-divider-size);
2483
+ }
2484
+ .amplify-divider--vertical {
2485
+ border-left-width: var(--amplify-internal-divider-size);
2486
+ }
2487
+ .amplify-divider--label {
2488
+ display: flex;
2489
+ justify-content: center;
2490
+ }
2491
+ .amplify-divider--label::after {
2492
+ content: attr(data-label);
2493
+ position: absolute;
2494
+ transform: translateY(-50%);
2495
+ font-size: var(--amplify-components-divider-label-font-size);
2496
+ padding-inline: var(--amplify-components-divider-label-padding-inline);
2497
+ background-color: var(--amplify-components-divider-label-background-color);
2498
+ color: var(--amplify-components-divider-label-color);
2499
+ }
2500
+ .amplify-divider--label[aria-orientation=vertical] {
2501
+ flex-direction: column;
2502
+ }
2503
+ .amplify-divider--label[aria-orientation=vertical]::after {
2504
+ top: auto;
2505
+ transform: translateX(-50%);
2506
+ padding-block: 0;
2507
+ padding-inline: 0;
2508
+ }
2509
+
2510
+ .amplify-expander {
2511
+ display: block;
2512
+ background-color: var(--amplify-components-expander-background-color);
2513
+ border-radius: var(--amplify-components-expander-border-radius);
2514
+ box-shadow: var(--amplify-components-expander-box-shadow);
2515
+ width: var(--amplify-components-expander-width);
2516
+ }
2517
+
2518
+ .amplify-expander__item {
2519
+ display: block;
2520
+ overflow: hidden;
2521
+ box-shadow: var(--amplify-components-expander-item-box-shadow);
2522
+ }
2523
+ .amplify-expander__item:first-of-type {
2524
+ border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius);
2525
+ border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius);
2526
+ }
2527
+ @supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) {
2528
+ .amplify-expander__item:first-of-type {
2529
+ border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius);
2530
+ border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius);
2531
+ }
2532
+ }
2533
+ .amplify-expander__item:last-of-type {
2534
+ box-shadow: none;
2535
+ border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius);
2536
+ border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius);
2537
+ }
2538
+ @supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) {
2539
+ .amplify-expander__item:last-of-type {
2540
+ border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius);
2541
+ border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius);
2542
+ }
2543
+ }
2544
+ .amplify-expander__item:focus-within {
2545
+ box-shadow: var(--amplify-components-expander-item-focus-box-shadow);
2546
+ }
2547
+
2548
+ .amplify-expander__header {
2549
+ display: flex;
2550
+ box-shadow: var(--amplify-components-expander-header-box-shadow);
2551
+ }
2552
+
2553
+ .amplify-expander__trigger {
2554
+ flex: 1;
2555
+ display: flex;
2556
+ min-height: var(--amplify-components-expander-trigger-min-height);
2557
+ -webkit-padding-start: var(--amplify-components-expander-trigger-padding-inline-start);
2558
+ padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start);
2559
+ -webkit-padding-end: var(--amplify-components-expander-trigger-padding-inline-end);
2560
+ padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end);
2561
+ align-items: var(--amplify-components-expander-trigger-align-items);
2562
+ justify-content: var(--amplify-components-expander-trigger-justify-content);
2563
+ }
2564
+ .amplify-expander__trigger:hover {
2565
+ background-color: var(--amplify-components-expander-trigger-hover-background-color);
2566
+ }
2567
+
2568
+ .amplify-expander__content {
2569
+ display: block;
2570
+ -webkit-padding-start: var(--amplify-components-expander-content-padding-inline-start);
2571
+ padding-inline-start: var(--amplify-components-expander-content-padding-inline-start);
2572
+ -webkit-padding-end: var(--amplify-components-expander-content-padding-inline-end);
2573
+ padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
2574
+ }
2575
+ .amplify-expander__content[data-state=open] {
2576
+ animation-name: amplify-expander-slide-down;
2577
+ animation-duration: var(--amplify-components-expander-content-open-animation-duration);
2578
+ animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
2579
+ }
2580
+ .amplify-expander__content[data-state=closed] {
2581
+ animation-name: amplify-expander-slide-up;
2582
+ animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
2583
+ animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
2584
+ }
2585
+
2586
+ .amplify-expander__content__text {
2587
+ display: block;
2588
+ color: var(--amplify-components-expander-content-text-color);
2589
+ -webkit-padding-before: var(--amplify-components-expander-content-text-padding-block-start);
2590
+ padding-block-start: var(--amplify-components-expander-content-text-padding-block-start);
2591
+ -webkit-padding-after: var(--amplify-components-expander-content-text-padding-block-end);
2592
+ padding-block-end: var(--amplify-components-expander-content-text-padding-block-end);
2593
+ }
2594
+
2595
+ .amplify-expander__icon {
2596
+ transition-property: transform;
2597
+ transition-duration: var(--amplify-components-expander-icon-transition-duration);
2598
+ transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function);
2599
+ }
2600
+ [data-state=open] .amplify-expander__icon {
2601
+ transform: rotate(180deg);
2602
+ }
2603
+
2604
+ @keyframes amplify-expander-slide-down {
2605
+ from {
2606
+ height: 0;
2607
+ }
2608
+ to {
2609
+ height: auto;
2610
+ }
2611
+ }
2612
+ @keyframes amplify-expander-slide-up {
2613
+ from {
2614
+ height: auto;
2615
+ }
2616
+ to {
2617
+ height: 0;
2618
+ }
2619
+ }
2620
+ .amplify-field {
2621
+ font-size: var(--amplify-components-field-font-size);
2622
+ gap: var(--amplify-components-field-gap);
2623
+ }
2624
+ .amplify-field--small {
2625
+ font-size: var(--amplify-components-field-small-font-size);
2626
+ gap: var(--amplify-components-field-small-gap);
2627
+ }
2628
+ .amplify-field--large {
2629
+ font-size: var(--amplify-components-field-large-font-size);
2630
+ gap: var(--amplify-components-field-large-gap);
2631
+ }
2632
+
2633
+ .amplify-label {
2634
+ color: var(--amplify-components-field-label-color);
2635
+ }
2636
+
2637
+ .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
2638
+ border-start-start-radius: 0;
2639
+ border-end-start-radius: 0;
2640
+ }
2641
+ @supports not (border-start-start-radius: 0) {
2642
+ .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
2643
+ border-top-left-radius: 0;
2644
+ border-bottom-left-radius: 0;
2645
+ }
2646
+ }
2647
+
2648
+ .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
2649
+ border-end-end-radius: 0;
2650
+ border-start-end-radius: 0;
2651
+ }
2652
+ @supports not (border-end-end-radius: 0) {
2653
+ .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
2654
+ border-bottom-right-radius: 0;
2655
+ border-top-right-radius: 0;
2656
+ }
2657
+ }
2658
+
2659
+ .amplify-field-group {
2660
+ gap: var(--amplify-components-fieldgroup-gap);
2661
+ align-self: stretch;
2662
+ }
2663
+ .amplify-field-group--horizontal {
2664
+ flex-direction: row;
2665
+ }
2666
+ .amplify-field-group--vertical {
2667
+ flex-direction: column;
2668
+ align-items: var(--amplify-components-fieldgroup-vertical-align-items);
2669
+ }
2670
+ .amplify-field-group__outer-start,
2671
+ .amplify-field-group__outer-end {
2672
+ display: flex;
2673
+ align-items: var(--amplify-components-fieldgroup-outer-align-items);
2674
+ }
2675
+ .amplify-field-group__outer-start .amplify-field-group__control,
2676
+ .amplify-field-group__outer-end .amplify-field-group__control {
2677
+ height: 100%;
2678
+ }
2679
+
2680
+ /**
2681
+ * Outer field group components
2682
+ */
2683
+ .amplify-field-group__outer-start .amplify-field-group__control:not(:focus) {
2684
+ border-inline-end-color: transparent;
2685
+ }
2686
+ .amplify-field-group__outer-start .amplify-field-group__control:focus {
2687
+ z-index: 1;
2688
+ }
2689
+ .amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) {
2690
+ border-block-start-color: transparent;
2691
+ border-inline-start-color: transparent;
2692
+ }
2693
+ .amplify-field-group__outer-end .amplify-field-group__control:not(:focus) {
2694
+ border-inline-start-color: transparent;
2695
+ }
2696
+ .amplify-field-group__outer-end .amplify-field-group__control:focus {
2697
+ z-index: 1;
2698
+ }
2699
+ .amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) {
2700
+ border-block-start-color: transparent;
2701
+ border-inline-end-color: transparent;
2702
+ }
2703
+ /**
2704
+ * Inner field group components
2705
+ */
2706
+ .amplify-field-group__field-wrapper {
2707
+ position: relative;
2708
+ width: 100%;
2709
+ }
2710
+ .amplify-field-group__field-wrapper--vertical {
2711
+ width: -moz-fit-content;
2712
+ width: fit-content;
2713
+ }
2714
+
2715
+ .amplify-field-group__inner-end,
2716
+ .amplify-field-group__inner-start {
2717
+ position: absolute;
2718
+ top: 0;
2719
+ height: 100%;
2720
+ pointer-events: none;
2721
+ }
2722
+ .amplify-field-group__inner-end .amplify-button,
2723
+ .amplify-field-group__inner-start .amplify-button {
2724
+ pointer-events: all;
2725
+ height: 100%;
2726
+ }
2727
+
2728
+ .amplify-field-group__inner-end {
2729
+ right: 0;
2730
+ left: auto;
2731
+ }
2732
+
2733
+ .amplify-field-group__inner-start {
2734
+ right: auto;
2735
+ left: 0;
2736
+ }
2737
+
2738
+ html[dir=rtl] .amplify-field-group__inner-end {
2739
+ right: auto;
2740
+ left: 0;
2741
+ }
2742
+ html[dir=rtl] .amplify-field-group__inner-start {
2743
+ left: auto;
2744
+ right: 0;
2745
+ }
2746
+
2747
+ .amplify-field-group--has-inner-end .amplify-input {
2748
+ -webkit-padding-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
2749
+ padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
2750
+ }
2751
+
2752
+ .amplify-field-group--has-inner-start .amplify-input {
2753
+ -webkit-padding-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
2754
+ padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
2755
+ }
2756
+
2757
+ /**
2758
+ * Inner icon (non-button) component styling requires additional styling
2759
+ */
2760
+ .amplify-field-group__icon:not(.amplify-field-group__icon-button) {
2761
+ display: flex;
2762
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
2763
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
2764
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-start);
2765
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
2766
+ flex-direction: column;
2767
+ justify-content: center;
2768
+ height: 100%;
2769
+ }
2770
+
2771
+ .amplify-menu-content-wrapper {
2772
+ z-index: 999999;
2773
+ }
2774
+
2775
+ .amplify-menu-trigger {
2776
+ display: flex;
2777
+ justify-content: center;
2778
+ align-items: center;
2779
+ }
2780
+
2781
+ .amplify-menu-content {
2782
+ background-color: var(--amplify-components-menu-background-color);
2783
+ border-radius: var(--amplify-components-menu-border-radius);
2784
+ box-shadow: var(--amplify-components-menu-box-shadow);
2785
+ flex-direction: var(--amplify-components-menu-flex-direction);
2786
+ gap: var(--amplify-components-menu-gap);
2787
+ min-width: var(--amplify-components-menu-min-width);
2788
+ max-width: var(--amplify-components-menu-max-width);
2789
+ border-color: var(--amplify-components-menu-border-color);
2790
+ border-width: var(--amplify-components-menu-border-width);
2791
+ border-style: var(--amplify-components-menu-border-style);
2792
+ }
2793
+
2794
+ .amplify-menu-content__item {
2795
+ min-height: var(--amplify-components-menu-item-min-height);
2796
+ -webkit-padding-start: var(--amplify-components-menu-item-padding-inline-start);
2797
+ padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
2798
+ -webkit-padding-end: var(--amplify-components-menu-item-padding-inline-end);
2799
+ padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
2800
+ }
2801
+
2802
+ .amplify-menu-content__item:not(:first-child):not(:last-child) {
2803
+ border-radius: 0;
2804
+ }
2805
+
2806
+ .amplify-menu-content__item:first-child {
2807
+ border-end-end-radius: 0;
2808
+ border-end-start-radius: 0;
2809
+ }
2810
+ @supports not (border-end-end-radius: 0) {
2811
+ .amplify-menu-content__item:first-child {
2812
+ border-bottom-right-radius: 0;
2813
+ border-bottom-left-radius: 0;
2814
+ }
2815
+ }
2816
+
2817
+ .amplify-menu-content__item:last-child {
2818
+ border-start-end-radius: 0;
2819
+ border-start-start-radius: 0;
2820
+ }
2821
+ @supports not (border-end-end-radius: 0) {
2822
+ .amplify-menu-content__item:last-child {
2823
+ border-top-right-radius: 0;
2824
+ border-top-left-radius: 0;
2825
+ }
2826
+ }
2827
+
2828
+ .amplify-pagination__item-current, .amplify-pagination__item-button {
2829
+ height: var(--amplify-components-pagination-item-shared-height);
2830
+ min-width: var(--amplify-components-pagination-item-shared-min-width);
2831
+ border-radius: var(--amplify-components-pagination-item-shared-border-radius);
2832
+ }
2833
+
2834
+ .amplify-pagination {
2835
+ list-style-type: none;
2836
+ }
2837
+ .amplify-pagination li {
2838
+ margin-left: var(--amplify-components-pagination-item-container-margin-left);
2839
+ margin-right: var(--amplify-components-pagination-item-container-margin-right);
2840
+ }
2841
+ .amplify-pagination__item-button {
2842
+ display: flex;
2843
+ align-items: center;
2844
+ justify-content: center;
2845
+ font-weight: initial;
2846
+ color: var(--amplify-components-pagination-button-color);
2847
+ -webkit-padding-start: var(--amplify-components-pagination-button-padding-inline-start);
2848
+ padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
2849
+ -webkit-padding-end: var(--amplify-components-pagination-button-padding-inline-end);
2850
+ padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
2851
+ transition-property: var(--amplify-components-pagination-button-transition-property);
2852
+ transition-duration: var(--amplify-components-pagination-button-transition-duration);
2853
+ }
2854
+ .amplify-pagination__item-button:hover {
2855
+ text-decoration: none;
2856
+ color: var(--amplify-components-pagination-button-hover-color);
2857
+ background-color: var(--amplify-components-pagination-button-hover-background-color);
2858
+ }
2859
+ .amplify-pagination__item-button--disabled {
2860
+ color: var(--amplify-components-pagination-button-disabled-color);
2861
+ pointer-events: none;
2862
+ }
2863
+ .amplify-pagination__item-current {
2864
+ align-items: var(--amplify-components-pagination-current-align-items);
2865
+ justify-content: var(--amplify-components-pagination-current-justify-content);
2866
+ color: var(--amplify-components-pagination-current-color);
2867
+ font-size: var(--amplify-components-pagination-current-font-size);
2868
+ background-color: var(--amplify-components-pagination-current-background-color);
2869
+ }
2870
+ .amplify-pagination__item-ellipsis {
2871
+ align-items: var(--amplify-components-pagination-ellipsis-align-items);
2872
+ justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
2873
+ -webkit-padding-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
2874
+ padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
2875
+ -webkit-padding-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
2876
+ padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
2877
+ }
2878
+
2879
+ .amplify-passwordfield {
2880
+ --amplify-components-fieldcontrol-color: var(
2881
+ --amplify-components-passwordfield-color
2882
+ );
2883
+ --amplify-components-button-color: var(
2884
+ --amplify-components-passwordfield-button-color
2885
+ );
2886
+ --amplify-components-button-active-background-color: var(
2887
+ --amplify-components-passwordfield-button-active-background-color
2888
+ );
2889
+ --amplify-components-button-active-border-color: var(
2890
+ --amplify-components-passwordfield-button-active-border-color
2891
+ );
2892
+ --amplify-components-button-active-color: var(
2893
+ --amplify-components-passwordfield-button-active-color
2894
+ );
2895
+ --amplify-components-button-disabled-background-color: var(
2896
+ --amplify-components-passwordfield-button-disabled-background-color
2897
+ );
2898
+ --amplify-components-button-disabled-border-color: var(
2899
+ --amplify-components-passwordfield-button-disabled-border-color
2900
+ );
2901
+ --amplify-components-button-disabled-color: var(
2902
+ --amplify-components-passwordfield-button-disabled-color
2903
+ );
2904
+ --amplify-components-button-focus-background-color: var(
2905
+ --amplify-components-passwordfield-button-focus-background-color
2906
+ );
2907
+ --amplify-components-button-focus-border-color: var(
2908
+ --amplify-components-passwordfield-button-focus-border-color
2909
+ );
2910
+ --amplify-components-button-focus-color: var(
2911
+ --amplify-components-passwordfield-button-focus-color
2912
+ );
2913
+ --amplify-components-button-hover-background-color: var(
2914
+ --amplify-components-passwordfield-button-hover-background-color
2915
+ );
2916
+ --amplify-components-button-hover-border-color: var(
2917
+ --amplify-components-passwordfield-button-hover-border-color
2918
+ );
2919
+ --amplify-components-button-hover-color: var(
2920
+ --amplify-components-passwordfield-button-hover-color
2921
+ );
2922
+ }
2923
+
2924
+ .amplify-phonenumberfield select:not(:focus) {
2925
+ border-right: none;
2926
+ }
2927
+
2928
+ .amplify-phonenumberfield {
2929
+ --amplify-components-selectfield-color: var(
2930
+ --amplify-components-phonenumberfield-color
2931
+ );
2932
+ --amplify-components-selectfield-border-color: var(
2933
+ --amplify-components-phonenumberfield-border-color
2934
+ );
2935
+ --amplify-components-selectfield-font-size: var(
2936
+ --amplify-components-phonenumberfield-font-size
2937
+ );
2938
+ --amplify-components-selectfield-focus-border-color: var(
2939
+ --amplify-components-phonenumberfield-focus-border-color
2940
+ );
2941
+ --amplify-components-textfield-color: var(
2942
+ --amplify-components-phonenumberfield-color
2943
+ );
2944
+ --amplify-components-textfield-border-color: var(
2945
+ --amplify-components-phonenumberfield-border-color
2946
+ );
2947
+ --amplify-components-textfield-font-size: var(
2948
+ --amplify-components-phonenumberfield-font-size
2949
+ );
2950
+ --amplify-components-textfield-focus-border-color: var(
2951
+ --amplify-components-phonenumberfield-focus-border-color
2952
+ );
2953
+ }
2954
+
2955
+ .amplify-rating {
2956
+ display: inline-flex;
2957
+ position: relative;
2958
+ text-align: left;
2959
+ font-size: var(--amplify-components-rating-default-size);
2960
+ line-height: var(--amplify-components-rating-default-size);
2961
+ }
2962
+ .amplify-rating .amplify-icon {
2963
+ font-size: unset;
2964
+ line-height: unset;
2965
+ height: 1em;
2966
+ }
2967
+ .amplify-rating--small {
2968
+ font-size: var(--amplify-components-rating-small-size);
2969
+ line-height: var(--amplify-components-rating-small-size);
2970
+ }
2971
+ .amplify-rating--large {
2972
+ font-size: var(--amplify-components-rating-large-size);
2973
+ line-height: var(--amplify-components-rating-large-size);
2974
+ }
2975
+
2976
+ .amplify-rating-filled {
2977
+ fill: currentColor;
2978
+ display: inline-block;
2979
+ flex-shrink: 0;
2980
+ width: 1em;
2981
+ height: 1em;
2982
+ }
2983
+
2984
+ .amplify-rating-icon-container {
2985
+ position: relative;
2986
+ height: 1em;
2987
+ width: 1em;
2988
+ }
2989
+
2990
+ .amplify-rating-label {
2991
+ position: absolute;
2992
+ overflow: hidden;
2993
+ height: 1em;
2994
+ width: 1em;
2995
+ }
2996
+
2997
+ .amplify-rating-icon {
2998
+ width: 1em;
2999
+ height: 1em;
3000
+ }
3001
+
3002
+ .amplify-rating-icon-filled {
3003
+ color: var(--amplify-components-rating-filled-color);
3004
+ }
3005
+
3006
+ .amplify-rating-icon-empty {
3007
+ color: var(--amplify-components-rating-empty-color);
3008
+ }
3009
+
3010
+ .amplify-radio {
3011
+ align-items: var(--amplify-components-radio-align-items);
3012
+ justify-content: var(--amplify-components-radio-justify-content);
3013
+ gap: inherit;
3014
+ flex-direction: row-reverse;
3015
+ position: relative;
3016
+ --amplify-components-text-color: var(--amplify-components-radio-label-color);
3017
+ }
3018
+ .amplify-radio--disabled {
3019
+ cursor: var(--amplify-components-radio-disabled-cursor);
3020
+ }
3021
+
3022
+ .amplify-radio__button {
3023
+ flex-shrink: 0;
3024
+ align-items: var(--amplify-components-radio-button-align-items);
3025
+ justify-content: var(--amplify-components-radio-button-justify-content);
3026
+ padding: var(--amplify-components-radio-button-padding);
3027
+ box-sizing: var(--amplify-components-radio-button-box-sizing);
3028
+ border-width: var(--amplify-components-radio-button-border-width);
3029
+ border-style: var(--amplify-components-radio-button-border-style);
3030
+ border-radius: var(--amplify-components-radio-button-border-radius);
3031
+ border-color: var(--amplify-components-radio-button-border-color);
3032
+ color: var(--amplify-components-radio-button-color);
3033
+ background-color: var(--amplify-components-radio-button-background-color);
3034
+ transition-property: var(--amplify-components-radio-button-transition-property);
3035
+ transition-duration: var(--amplify-components-radio-button-transition-duration);
3036
+ width: var(--amplify-components-radio-button-width);
3037
+ height: var(--amplify-components-radio-button-height);
3038
+ outline-color: var(--amplify-components-radio-button-outline-color);
3039
+ outline-style: var(--amplify-components-radio-button-outline-style);
3040
+ outline-width: var(--amplify-components-radio-button-outline-width);
3041
+ outline-offset: var(--amplify-components-radio-button-outline-offset);
3042
+ }
3043
+ .amplify-radio__button::before {
3044
+ content: "";
3045
+ display: inline-block;
3046
+ width: 100%;
3047
+ height: 100%;
3048
+ border-radius: var(--amplify-components-radio-button-before-border-radius);
3049
+ background-color: currentColor;
3050
+ border-radius: 50%;
3051
+ }
3052
+ .amplify-radio__button--small {
3053
+ width: var(--amplify-components-radio-button-small-width);
3054
+ height: var(--amplify-components-radio-button-small-height);
3055
+ }
3056
+ .amplify-radio__button--large {
3057
+ width: var(--amplify-components-radio-button-large-width);
3058
+ height: var(--amplify-components-radio-button-large-height);
3059
+ }
3060
+
3061
+ .amplify-radio__input:checked + .amplify-radio__button {
3062
+ color: var(--amplify-components-radio-button-checked-color);
3063
+ }
3064
+
3065
+ .amplify-radio__input:checked:disabled + .amplify-radio__button {
3066
+ color: var(--amplify-components-radio-button-checked-disabled-color);
3067
+ }
3068
+
3069
+ .amplify-radio__input:focus + .amplify-radio__button {
3070
+ border-color: var(--amplify-components-radio-button-focus-border-color);
3071
+ box-shadow: var(--amplify-components-radio-button-focus-box-shadow);
3072
+ }
3073
+
3074
+ .amplify-radio__input[aria-invalid=true] + .amplify-radio__button {
3075
+ border-color: var(--amplify-components-radio-button-error-border-color);
3076
+ }
3077
+
3078
+ .amplify-radio__input[aria-invalid=true]:focus + .amplify-radio__button {
3079
+ box-shadow: var(--amplify-components-radio-button-error-focus-box-shadow);
3080
+ }
3081
+
3082
+ .amplify-radio__input:disabled + .amplify-radio__button {
3083
+ border-color: var(--amplify-components-radio-button-disabled-border-color);
3084
+ background-color: var(--amplify-components-radio-button-disabled-background-color);
3085
+ }
3086
+
3087
+ .amplify-radio__label[data-disabled=true] {
3088
+ color: var(--amplify-components-radio-label-disabled-color);
3089
+ }
3090
+
3091
+ .amplify-radiogroup {
3092
+ gap: inherit;
3093
+ flex-direction: inherit;
3094
+ align-items: inherit;
3095
+ }
3096
+
3097
+ .amplify-radiogroupfield {
3098
+ flex-direction: column;
3099
+ align-items: flex-start;
3100
+ --amplify-components-field-label-color: var(
3101
+ --amplify-components-radiogroup-label-color
3102
+ );
3103
+ --amplify-components-radio-button-border-width: var(
3104
+ --amplify-components-radiogroup-radio-border-width
3105
+ );
3106
+ --amplify-components-radio-button-border-color: var(
3107
+ --amplify-components-radiogroup-radio-border-color
3108
+ );
3109
+ --amplify-components-radio-button-background-color: var(
3110
+ --amplify-components-radiogroup-radio-background-color
3111
+ );
3112
+ --amplify-components-radio-label-color: var(
3113
+ --amplify-components-radiogroup-radio-label-color
3114
+ );
3115
+ --amplify-components-radio-button-checked-color: var(
3116
+ --amplify-components-radiogroup-radio-checked-color
3117
+ );
3118
+ }
3119
+
3120
+ .amplify-searchfield {
3121
+ --amplify-components-fieldcontrol-color: var(
3122
+ --amplify-components-searchfield-input-color
3123
+ );
3124
+ }
3125
+ .amplify-searchfield__search {
3126
+ color: var(--amplify-components-searchfield-button-color);
3127
+ background-color: var(--amplify-components-searchfield-button-background-color);
3128
+ }
3129
+ .amplify-searchfield__search:active {
3130
+ background-color: var(--amplify-components-button-active-background-color);
3131
+ border-color: var(--amplify-components-button-active-border-color);
3132
+ color: var(--amplify-components-button-active-color);
3133
+ }
3134
+ .amplify-searchfield__search:disabled {
3135
+ background-color: var(--amplify-components-searchfield-button-disabled-background-color);
3136
+ border-color: var(--amplify-components-searchfield-button-disabled-border-color);
3137
+ color: var(--amplify-components-searchfield-button-disabled-color);
3138
+ }
3139
+ .amplify-searchfield__search:focus {
3140
+ background-color: var(--amplify-components-searchfield-button-focus-background-color);
3141
+ border-color: var(--amplify-components-searchfield-button-focus-border-color);
3142
+ color: var(--amplify-components-searchfield-button-focus-color);
3143
+ }
3144
+ .amplify-searchfield__search:hover {
3145
+ background-color: var(--amplify-components-searchfield-button-hover-background-color);
3146
+ border-color: var(--amplify-components-searchfield-button-hover-border-color);
3147
+ color: var(--amplify-components-searchfield-button-hover-color);
3148
+ }
3149
+
3150
+ .amplify-select__wrapper {
3151
+ flex: var(--amplify-components-select-wrapper-flex);
3152
+ display: var(--amplify-components-select-wrapper-display);
3153
+ position: var(--amplify-components-select-wrapper-position);
3154
+ cursor: var(--amplify-components-select-wrapper-cursor);
3155
+ align-self: stretch;
3156
+ }
3157
+
3158
+ .amplify-select__icon-wrapper {
3159
+ color: var(--amplify-components-fieldcontrol-color);
3160
+ align-items: var(--amplify-components-select-icon-wrapper-align-items);
3161
+ position: var(--amplify-components-select-icon-wrapper-position);
3162
+ top: var(--amplify-components-select-icon-wrapper-top);
3163
+ right: var(--amplify-components-select-icon-wrapper-right);
3164
+ transform: var(--amplify-components-select-icon-wrapper-transform);
3165
+ pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
3166
+ }
3167
+
3168
+ .amplify-select {
3169
+ box-sizing: border-box;
3170
+ color: var(--amplify-components-fieldcontrol-color);
3171
+ font-size: var(--amplify-components-fieldcontrol-font-size);
3172
+ line-height: var(--amplify-components-fieldcontrol-line-height);
3173
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
3174
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
3175
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
3176
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
3177
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3178
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3179
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
3180
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
3181
+ transition: all var(--amplify-components-fieldcontrol-transition-duration);
3182
+ width: 100%;
3183
+ border-color: var(--amplify-components-fieldcontrol-border-color);
3184
+ border-radius: var(--amplify-components-fieldcontrol-border-radius);
3185
+ border-style: var(--amplify-components-fieldcontrol-border-style);
3186
+ border-width: var(--amplify-components-fieldcontrol-border-width);
3187
+ outline-color: var(--amplify-components-fieldcontrol-outline-color);
3188
+ outline-style: var(--amplify-components-fieldcontrol-outline-style);
3189
+ outline-width: var(--amplify-components-fieldcontrol-outline-width);
3190
+ outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
3191
+ min-width: var(--amplify-components-select-min-width);
3192
+ -webkit-padding-end: var(--amplify-components-select-padding-inline-end);
3193
+ padding-inline-end: var(--amplify-components-select-padding-inline-end);
3194
+ white-space: var(--amplify-components-select-white-space);
3195
+ }
3196
+ .amplify-select:focus {
3197
+ border-color: var(--amplify-components-fieldcontrol-focus-border-color);
3198
+ box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
3199
+ }
3200
+ .amplify-select--small {
3201
+ font-size: var(--amplify-components-fieldcontrol-small-font-size);
3202
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
3203
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
3204
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
3205
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
3206
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
3207
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
3208
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
3209
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
3210
+ }
3211
+ .amplify-select--large {
3212
+ font-size: var(--amplify-components-fieldcontrol-large-font-size);
3213
+ -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
3214
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
3215
+ -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
3216
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
3217
+ -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
3218
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
3219
+ -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
3220
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
3221
+ }
3222
+ .amplify-select--error {
3223
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
3224
+ }
3225
+ .amplify-select--error:focus {
3226
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
3227
+ box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
3228
+ }
3229
+ .amplify-select[disabled] {
3230
+ color: var(--amplify-components-fieldcontrol-disabled-color);
3231
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
3232
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
3233
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
3234
+ }
3235
+ .amplify-select--quiet {
3236
+ -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
3237
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
3238
+ -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
3239
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
3240
+ -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
3241
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
3242
+ border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
3243
+ }
3244
+ .amplify-select--quiet:focus {
3245
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
3246
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
3247
+ }
3248
+ .amplify-select--quiet[aria-invalid=true] {
3249
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
3250
+ }
3251
+ .amplify-select--quiet[aria-invalid=true]:focus {
3252
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
3253
+ }
3254
+ .amplify-select option {
3255
+ color: initial;
3256
+ }
3257
+ .amplify-select option[disabled=""] {
3258
+ color: var(--amplify-components-select-option-disabled-color);
3259
+ }
3260
+ @-moz-document url-prefix() {
3261
+ .amplify-select option {
3262
+ background-color: var(--amplify-components-select-option-background-color);
3263
+ color: var(--amplify-components-select-option-color);
3264
+ }
3265
+ }
3266
+ .amplify-select--small {
3267
+ min-width: var(--amplify-components-select-small-min-width);
3268
+ }
3269
+ .amplify-select--large {
3270
+ min-width: var(--amplify-components-select-large-min-width);
3271
+ }
3272
+
3273
+ .amplify-selectfield {
3274
+ flex-direction: var(--amplify-components-selectfield-flex-direction);
3275
+ --amplify-components-fieldcontrol-border-color: var(
3276
+ --amplify-components-selectfield-border-color
3277
+ );
3278
+ --amplify-components-fieldcontrol-color: var(
3279
+ --amplify-components-selectfield-color
3280
+ );
3281
+ --amplify-components-fieldcontrol-font-size: var(
3282
+ --amplify-components-selectfield-font-size
3283
+ );
3284
+ --amplify-components-fieldcontrol-focus-border-color: var(
3285
+ --amplify-components-selectfield-focus-border-color
3286
+ );
3287
+ --amplify-components-field-label-color: var(
3288
+ --amplify-components-selectfield-label-color
3289
+ );
3290
+ }
3291
+
3292
+ .amplify-sliderfield {
3293
+ flex-direction: column;
3294
+ }
3295
+
3296
+ .amplify-sliderfield__label {
3297
+ display: flex;
3298
+ justify-content: space-between;
3299
+ }
3300
+
3301
+ .amplify-sliderfield__root {
3302
+ align-items: center;
3303
+ box-sizing: content-box;
3304
+ display: flex;
3305
+ padding-block: var(--amplify-components-sliderfield-padding-block);
3306
+ position: relative;
3307
+ touch-action: none;
3308
+ -webkit-user-select: none;
3309
+ -moz-user-select: none;
3310
+ user-select: none;
3311
+ --amplify-internal-sliderfield-root-height: var(
3312
+ --amplify-components-sliderfield-thumb-height
3313
+ );
3314
+ --amplify-internal-sliderfield-root-width: var(
3315
+ --amplify-components-sliderfield-thumb-height
3316
+ );
3317
+ }
3318
+ .amplify-sliderfield__root[data-disabled] {
3319
+ cursor: not-allowed;
3320
+ }
3321
+ .amplify-sliderfield__root--horizontal {
3322
+ height: var(--amplify-internal-sliderfield-root-height);
3323
+ }
3324
+ .amplify-sliderfield__root--vertical {
3325
+ flex-direction: column;
3326
+ width: var(--amplify-internal-sliderfield-root-width);
3327
+ }
3328
+ .amplify-sliderfield__root--large {
3329
+ --amplify-internal-sliderfield-root-height: var(
3330
+ --amplify-components-sliderfield-large-thumb-height
3331
+ );
3332
+ --amplify-internal-sliderfield-root-width: var(
3333
+ --amplify-components-sliderfield-large-thumb-height
3334
+ );
3335
+ }
3336
+ .amplify-sliderfield__root--small {
3337
+ --amplify-internal-sliderfield-root-height: var(
3338
+ --amplify-components-sliderfield-small-thumb-height
3339
+ );
3340
+ --amplify-internal-sliderfield-root-width: var(
3341
+ --amplify-components-sliderfield-small-thumb-height
3342
+ );
3343
+ }
3344
+
3345
+ .amplify-sliderfield__track {
3346
+ position: relative;
3347
+ flex-grow: 1;
3348
+ border-radius: var(--amplify-components-sliderfield-track-border-radius);
3349
+ background-color: var(--amplify-components-sliderfield-track-background-color);
3350
+ --amplify-internal-sliderfield-track-height: var(
3351
+ --amplify-components-sliderfield-track-height
3352
+ );
3353
+ --amplify-internal-sliderfield-track-min-width: var(
3354
+ --amplify-components-sliderfield-track-min-width
3355
+ );
3356
+ --amplify-internal-sliderfield-track-width: var(
3357
+ --amplify-components-sliderfield-track-height
3358
+ );
3359
+ --amplify-internal-sliderfield-track-min-height: var(
3360
+ --amplify-components-sliderfield-track-min-width
3361
+ );
3362
+ }
3363
+ .amplify-sliderfield__track--horizontal {
3364
+ height: var(--amplify-internal-sliderfield-track-height);
3365
+ min-width: var(--amplify-internal-sliderfield-track-min-width);
3366
+ }
3367
+ .amplify-sliderfield__track--vertical {
3368
+ width: var(--amplify-internal-sliderfield-track-width);
3369
+ min-height: var(--amplify-internal-sliderfield-track-min-height);
3370
+ }
3371
+ .amplify-sliderfield__track--large {
3372
+ --amplify-internal-sliderfield-track-height: var(
3373
+ --amplify-components-sliderfield-large-track-height
3374
+ );
3375
+ --amplify-internal-sliderfield-track-width: var(
3376
+ --amplify-components-sliderfield-large-track-height
3377
+ );
3378
+ }
3379
+ .amplify-sliderfield__track--small {
3380
+ --amplify-internal-sliderfield-track-height: var(
3381
+ --amplify-components-sliderfield-small-track-height
3382
+ );
3383
+ --amplify-internal-sliderfield-track-width: var(
3384
+ --amplify-components-sliderfield-small-track-height
3385
+ );
3386
+ }
3387
+
3388
+ .amplify-sliderfield__range {
3389
+ position: absolute;
3390
+ border-radius: var(--amplify-components-sliderfield-range-border-radius);
3391
+ background-color: var(--amplify-components-sliderfield-range-background-color);
3392
+ }
3393
+ .amplify-sliderfield__range[data-disabled] {
3394
+ background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
3395
+ }
3396
+ .amplify-sliderfield__range--horizontal {
3397
+ height: 100%;
3398
+ }
3399
+ .amplify-sliderfield__range--vertical {
3400
+ width: 100%;
3401
+ }
3402
+
3403
+ .amplify-sliderfield__thumb {
3404
+ display: block;
3405
+ width: var(--amplify-components-sliderfield-thumb-width);
3406
+ height: var(--amplify-components-sliderfield-thumb-height);
3407
+ background-color: var(--amplify-components-sliderfield-thumb-background-color);
3408
+ box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow);
3409
+ border-radius: var(--amplify-components-sliderfield-thumb-border-radius);
3410
+ border-width: var(--amplify-components-sliderfield-thumb-border-width);
3411
+ border-color: var(--amplify-components-sliderfield-thumb-border-color);
3412
+ border-style: var(--amplify-components-sliderfield-thumb-border-style);
3413
+ }
3414
+ .amplify-sliderfield__thumb:hover {
3415
+ background-color: var(--amplify-components-sliderfield-thumb-hover-background-color);
3416
+ border-color: var(--amplify-components-sliderfield-thumb-hover-border-color);
3417
+ }
3418
+ .amplify-sliderfield__thumb:focus {
3419
+ border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
3420
+ box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
3421
+ }
3422
+ .amplify-sliderfield__thumb[data-disabled] {
3423
+ background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
3424
+ border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
3425
+ box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
3426
+ }
3427
+ .amplify-sliderfield__thumb--large {
3428
+ width: var(--amplify-components-sliderfield-large-thumb-width);
3429
+ height: var(--amplify-components-sliderfield-large-thumb-height);
3430
+ }
3431
+ .amplify-sliderfield__thumb--small {
3432
+ width: var(--amplify-components-sliderfield-small-thumb-width);
3433
+ height: var(--amplify-components-sliderfield-small-thumb-height);
3434
+ }
3435
+
3436
+ .amplify-stepperfield {
3437
+ flex-direction: var(--amplify-components-stepperfield-flex-direction);
3438
+ --amplify-components-fieldcontrol-border-color: var(
3439
+ --amplify-components-stepperfield-border-color
3440
+ );
3441
+ --amplify-components-button-border-color: var(
3442
+ --amplify-components-stepperfield-border-color
3443
+ );
3444
+ --amplify-components-fieldcontrol-color: var(
3445
+ --amplify-components-stepperfield-input-color
3446
+ );
3447
+ --amplify-components-fieldcontrol-font-size: var(
3448
+ --amplify-components-stepperfield-input-font-size
3449
+ );
3450
+ --amplify-components-button-color: var(
3451
+ --amplify-components-stepperfield-button-color
3452
+ );
3453
+ --amplify-components-button-active-color: var(
3454
+ --amplify-components-stepperfield-button-active-color
3455
+ );
3456
+ --amplify-components-button-active-background-color: var(
3457
+ --amplify-components-stepperfield-button-active-background-color
3458
+ );
3459
+ --amplify-components-button-focus-color: var(
3460
+ --amplify-components-stepperfield-button-focus-color
3461
+ );
3462
+ --amplify-components-button-focus-background-color: var(
3463
+ --amplify-components-stepperfield-button-focus-background-color
3464
+ );
3465
+ --amplify-components-button-disabled-color: var(
3466
+ --amplify-components-stepperfield-button-disabled-color
3467
+ );
3468
+ --amplify-components-button-disabled-background-color: var(
3469
+ --amplify-components-stepperfield-button-disabled-background-color
3470
+ );
3471
+ --amplify-components-button-hover-color: var(
3472
+ --amplify-components-stepperfield-button-hover-color
3473
+ );
3474
+ --amplify-components-button-hover-background-color: var(
3475
+ --amplify-components-stepperfield-button-hover-background-color
3476
+ );
3477
+ }
3478
+
3479
+ .amplify-stepperfield__button--decrease,
3480
+ .amplify-stepperfield__button--increase {
3481
+ background-color: var(--amplify-components-stepperfield-button-background-color);
3482
+ }
3483
+ .amplify-stepperfield__button--decrease--disabled,
3484
+ .amplify-stepperfield__button--increase--disabled {
3485
+ background-color: var(--amplify-components-stepperfield-button-disabled-background-color);
3486
+ }
3487
+ .amplify-stepperfield__button--decrease--quiet,
3488
+ .amplify-stepperfield__button--increase--quiet {
3489
+ border-width: 0 0 var(--amplify-components-button-border-width) 0;
3490
+ border-radius: 0;
3491
+ }
3492
+
3493
+ .amplify-stepperfield__button--decrease[data-invalid=true] {
3494
+ -webkit-border-end: none;
3495
+ border-inline-end: none;
3496
+ }
3497
+
3498
+ .amplify-stepperfield__button--increase[data-invalid=true] {
3499
+ -webkit-border-start: none;
3500
+ border-inline-start: none;
3501
+ }
3502
+
3503
+ .amplify-stepperfield__input {
3504
+ -moz-appearance: textfield;
3505
+ text-align: var(--amplify-components-stepperfield-input-text-align);
3506
+ }
3507
+ .amplify-stepperfield__input::-webkit-outer-spin-button, .amplify-stepperfield__input::-webkit-inner-spin-button {
3508
+ -webkit-appearance: none;
3509
+ margin: 0;
3510
+ }
3511
+ .amplify-stepperfield__input:not(:focus, [aria-invalid=true]) {
3512
+ -webkit-border-start: none;
3513
+ border-inline-start: none;
3514
+ -webkit-border-end: none;
3515
+ border-inline-end: none;
3516
+ }
3517
+
3518
+ .amplify-switchfield {
3519
+ display: inline-block;
3520
+ font-size: var(--amplify-components-switchfield-font-size);
3521
+ }
3522
+ .amplify-switchfield--small {
3523
+ font-size: var(--amplify-components-switchfield-small-font-size);
3524
+ }
3525
+ .amplify-switchfield--large {
3526
+ font-size: var(--amplify-components-switchfield-large-font-size);
3527
+ }
3528
+
3529
+ .amplify-switch__wrapper {
3530
+ display: inline-flex;
3531
+ align-items: center;
3532
+ }
3533
+ .amplify-switch__wrapper--start {
3534
+ flex-direction: row;
3535
+ }
3536
+ .amplify-switch__wrapper--end {
3537
+ flex-direction: row-reverse;
3538
+ }
3539
+ .amplify-switch__wrapper--top {
3540
+ flex-direction: column;
3541
+ }
3542
+ .amplify-switch__wrapper--bottom {
3543
+ flex-direction: column-reverse;
3544
+ }
3545
+
3546
+ .amplify-switch-track {
3547
+ display: inline-flex;
3548
+ justify-content: flex-start;
3549
+ box-sizing: content-box;
3550
+ border-radius: var(--amplify-components-switchfield-track-border-radius);
3551
+ padding: var(--amplify-components-switchfield-track-padding);
3552
+ width: var(--amplify-components-switchfield-track-width);
3553
+ height: var(--amplify-components-switchfield-track-height);
3554
+ transition-duration: var(--amplify-components-switchfield-track-transition-duration);
3555
+ background-color: var(--amplify-components-switchfield-track-background-color);
3556
+ }
3557
+ .amplify-switch-track--checked {
3558
+ background-color: var(--amplify-components-switchfield-track-checked-background-color);
3559
+ }
3560
+ .amplify-switch-track--disabled {
3561
+ opacity: var(--amplify-components-switchfield-disabled-opacity);
3562
+ cursor: not-allowed;
3563
+ }
3564
+ .amplify-switch-track--focused {
3565
+ box-shadow: var(--amplify-components-switchfield-focused-shadow);
3566
+ }
3567
+ .amplify-switch-track--error {
3568
+ background-color: var(--amplify-components-switchfield-track-error-background-color);
3569
+ }
3570
+
3571
+ .amplify-switch-thumb {
3572
+ background-color: var(--amplify-components-switchfield-thumb-background-color);
3573
+ transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
3574
+ border-radius: var(--amplify-components-switchfield-thumb-border-radius);
3575
+ width: var(--amplify-components-switchfield-thumb-width);
3576
+ height: var(--amplify-components-switchfield-thumb-width);
3577
+ border-color: var(--amplify-components-switchfield-thumb-border-color);
3578
+ overflow-wrap: break-word;
3579
+ }
3580
+ .amplify-switch-thumb--checked {
3581
+ transform: var(--amplify-components-switchfield-thumb-checked-transform);
3582
+ }
3583
+ .amplify-switch-thumb--disabled {
3584
+ cursor: not-allowed;
3585
+ }
3586
+
3587
+ .amplify-switch-label {
3588
+ padding: var(--amplify-components-switchfield-label-padding);
3589
+ cursor: pointer;
3590
+ }
3591
+
3592
+ .amplify-table {
3593
+ /**
3594
+ * Default Table primitive stylings
3595
+ */
3596
+ border-collapse: var(--amplify-components-table-border-collapse);
3597
+ display: var(--amplify-components-table-display);
3598
+ width: var(--amplify-components-table-width);
3599
+ --amplify-internal-table-caption-font-size: var(
3600
+ --amplify-components-table-caption-font-size
3601
+ );
3602
+ --amplify-internal-table-th-font-size: var(
3603
+ --amplify-components-table-header-font-size
3604
+ );
3605
+ --amplify-internal-table-th-padding: var(
3606
+ --amplify-components-table-header-padding
3607
+ );
3608
+ --amplify-internal-table-td-font-size: var(
3609
+ --amplify-components-table-data-font-size
3610
+ );
3611
+ --amplify-internal-table-td-padding: var(
3612
+ --amplify-components-table-data-padding
3613
+ );
3614
+ --amplify-internal-table-td-border-width: var(
3615
+ --amplify-components-table-data-border-width
3616
+ )
3617
+ 0px var(--amplify-components-table-data-border-width) 0px;
3618
+ --amplify-internal-table-th-border-width: var(
3619
+ --amplify-components-table-header-border-width
3620
+ )
3621
+ 0px var(--amplify-components-table-header-border-width) 0px;
3622
+ /**
3623
+ * Data attribute stylings
3624
+ */
3625
+ }
3626
+ .amplify-table--small {
3627
+ --amplify-internal-table-caption-font-size: var(
3628
+ --amplify-components-table-caption-small-font-size
3629
+ );
3630
+ --amplify-internal-table-th-font-size: var(
3631
+ --amplify-components-table-header-small-font-size
3632
+ );
3633
+ --amplify-internal-table-th-padding: var(
3634
+ --amplify-components-table-header-small-padding
3635
+ );
3636
+ --amplify-internal-table-td-font-size: var(
3637
+ --amplify-components-table-data-small-font-size
3638
+ );
3639
+ --amplify-internal-table-td-padding: var(
3640
+ --amplify-components-table-data-small-padding
3641
+ );
3642
+ }
3643
+ .amplify-table--large {
3644
+ --amplify-internal-table-caption-font-size: var(
3645
+ --amplify-components-table-caption-large-font-size
3646
+ );
3647
+ --amplify-internal-table-th-font-size: var(
3648
+ --amplify-components-table-header-large-font-size
3649
+ );
3650
+ --amplify-internal-table-th-padding: var(
3651
+ --amplify-components-table-header-large-padding
3652
+ );
3653
+ --amplify-internal-table-td-font-size: var(
3654
+ --amplify-components-table-data-large-font-size
3655
+ );
3656
+ --amplify-internal-table-td-padding: var(
3657
+ --amplify-components-table-data-large-padding
3658
+ );
3659
+ }
3660
+ .amplify-table--bordered {
3661
+ --amplify-internal-table-td-border-width: var(
3662
+ --amplify-components-table-data-border-width
3663
+ )
3664
+ var(--amplify-components-table-data-border-width)
3665
+ var(--amplify-components-table-data-border-width)
3666
+ var(--amplify-components-table-data-border-width);
3667
+ --amplify-internal-table-th-border-width: var(
3668
+ --amplify-components-table-header-border-width
3669
+ )
3670
+ var(--amplify-components-table-header-border-width)
3671
+ var(--amplify-components-table-header-border-width)
3672
+ var(--amplify-components-table-header-border-width);
3673
+ }
3674
+ .amplify-table__caption {
3675
+ caption-side: var(--amplify-components-table-caption-caption-side);
3676
+ color: var(--amplify-components-table-caption-color);
3677
+ display: var(--amplify-components-table-caption-display);
3678
+ font-size: var(--amplify-internal-table-caption-font-size);
3679
+ text-align: var(--amplify-components-table-caption-text-align);
3680
+ word-break: var(--amplify-components-table-caption-word-break);
3681
+ }
3682
+ .amplify-table__head {
3683
+ display: var(--amplify-components-table-head-display);
3684
+ vertical-align: var(--amplify-components-table-head-vertical-align);
3685
+ }
3686
+ .amplify-table__body {
3687
+ display: var(--amplify-components-table-body-display);
3688
+ vertical-align: var(--amplify-components-table-body-vertical-align);
3689
+ }
3690
+ .amplify-table__foot {
3691
+ display: var(--amplify-components-table-foot-display);
3692
+ vertical-align: var(--amplify-components-table-foot-vertical-align);
3693
+ }
3694
+ .amplify-table__row {
3695
+ display: var(--amplify-components-table-row-display);
3696
+ vertical-align: var(--amplify-components-table-row-vertical-align);
3697
+ }
3698
+ .amplify-table__th {
3699
+ border-color: var(--amplify-components-table-header-border-color);
3700
+ border-style: var(--amplify-components-table-header-border-style);
3701
+ border-width: var(--amplify-internal-table-th-border-width);
3702
+ color: var(--amplify-components-table-header-color);
3703
+ display: var(--amplify-components-table-header-display);
3704
+ font-size: var(--amplify-internal-table-th-font-size);
3705
+ font-weight: var(--amplify-components-table-header-font-weight);
3706
+ padding: var(--amplify-internal-table-th-padding);
3707
+ vertical-align: var(--amplify-components-table-header-vertical-align);
3708
+ }
3709
+ .amplify-table__th:first-child {
3710
+ border-left-width: var(--amplify-components-table-header-border-width);
3711
+ }
3712
+ .amplify-table__th:last-child {
3713
+ border-right-width: var(--amplify-components-table-header-border-width);
3714
+ }
3715
+ .amplify-table__td {
3716
+ border-color: var(--amplify-components-table-data-border-color);
3717
+ border-style: var(--amplify-components-table-data-border-style);
3718
+ border-width: var(--amplify-internal-table-td-border-width);
3719
+ color: var(--amplify-components-table-data-color);
3720
+ display: var(--amplify-components-table-data-display);
3721
+ font-size: var(--amplify-internal-table-td-font-size);
3722
+ font-weight: var(--amplify-components-table-data-font-weight);
3723
+ padding: var(--amplify-internal-table-td-padding);
3724
+ vertical-align: var(--amplify-components-table-data-vertical-align);
3725
+ }
3726
+ .amplify-table__td:first-child {
3727
+ border-left-width: var(--amplify-components-table-data-border-width);
3728
+ }
3729
+ .amplify-table__td:last-child {
3730
+ border-right-width: var(--amplify-components-table-data-border-width);
3731
+ }
3732
+ .amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
3733
+ background-color: var(--amplify-components-table-row-striped-background-color);
3734
+ }
3735
+ .amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover {
3736
+ background-color: var(--amplify-components-table-row-hover-background-color);
3737
+ }
3738
+
3739
+ .amplify-tabs {
3740
+ background-color: var(--amplify-components-tabs-background-color);
3741
+ box-shadow: var(--amplify-components-tabs-box-shadow);
3742
+ border-width: 0 0 var(--amplify-components-tabs-border-width) 0;
3743
+ border-style: var(--amplify-components-tabs-border-style);
3744
+ border-color: var(--amplify-components-tabs-border-color);
3745
+ gap: var(--amplify-components-tabs-gap);
3746
+ }
3747
+ .amplify-tabs[data-indicator-position=top] {
3748
+ border-width: var(--amplify-components-tabs-border-width) 0 0 0;
3749
+ }
3750
+
3751
+ .amplify-tabs-item {
3752
+ background-color: var(--amplify-components-tabs-item-background-color);
3753
+ box-sizing: border-box;
3754
+ color: var(--amplify-components-tabs-item-color);
3755
+ font-size: var(--amplify-components-tabs-item-font-size);
3756
+ font-weight: var(--amplify-components-tabs-item-font-weight);
3757
+ padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);
3758
+ text-align: var(--amplify-components-tabs-item-text-align);
3759
+ transition: all var(--amplify-components-tabs-item-transition-duration);
3760
+ border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0;
3761
+ border-style: var(--amplify-components-tabs-item-border-style);
3762
+ border-color: var(--amplify-components-tabs-item-border-color);
3763
+ margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width));
3764
+ }
3765
+ [data-indicator-position=top] > .amplify-tabs-item {
3766
+ border-width: var(--amplify-components-tabs-border-width) 0 0 0;
3767
+ margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width));
3768
+ margin-bottom: 0;
3769
+ }
3770
+ .amplify-tabs-item[data-state=active] {
3771
+ color: var(--amplify-components-tabs-item-active-color);
3772
+ border-color: var(--amplify-components-tabs-item-active-border-color);
3773
+ background-color: var(--amplify-components-tabs-item-active-background-color);
3774
+ transition-property: none;
3775
+ }
3776
+ .amplify-tabs-item:hover {
3777
+ color: var(--amplify-components-tabs-item-hover-color);
3778
+ cursor: pointer;
3779
+ }
3780
+ .amplify-tabs-item:focus {
3781
+ color: var(--amplify-components-tabs-item-focus-color);
3782
+ }
3783
+ .amplify-tabs-item:focus-visible {
3784
+ outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color);
3785
+ }
3786
+ .amplify-tabs-item:active {
3787
+ color: var(--amplify-components-tabs-item-active-color);
3788
+ }
3789
+ .amplify-tabs-item[data-disabled] {
3790
+ background-color: var(--amplify-components-tabs-item-disabled-background-color);
3791
+ color: var(--amplify-components-tabs-item-disabled-color);
3792
+ cursor: not-allowed;
3793
+ }
3794
+ .amplify-tabs-item[data-spacing=equal] {
3795
+ flex: 1 1 0;
3796
+ }
3797
+ .amplify-tabs-item[data-spacing=relative] {
3798
+ flex-grow: 1;
3799
+ }
3800
+
3801
+ .amplify-textareafield {
3802
+ flex-direction: column;
3803
+ --amplify-components-fieldcontrol-color: var(
3804
+ --amplify-components-textareafield-color
3805
+ );
3806
+ --amplify-components-fieldcontrol-border-color: var(
3807
+ --amplify-components-textareafield-border-color
3808
+ );
3809
+ --amplify-components-fieldcontrol-focus-border-color: var(
3810
+ --amplify-components-textareafield-focus-border-color
3811
+ );
3812
+ }
3813
+
3814
+ .amplify-textfield {
3815
+ flex-direction: column;
3816
+ --amplify-components-fieldcontrol-color: var(
3817
+ --amplify-components-textfield-color
3818
+ );
3819
+ --amplify-components-fieldcontrol-border-color: var(
3820
+ --amplify-components-textfield-border-color
3821
+ );
3822
+ --amplify-components-fieldcontrol-font-size: var(
3823
+ --amplify-components-textfield-font-size
3824
+ );
3825
+ --amplify-components-fieldcontrol-focus-border-color: var(
3826
+ --amplify-components-textfield-focus-border-color
3827
+ );
3828
+ }
3829
+
3830
+ .amplify-togglebutton {
3831
+ --amplify-internal-togglebutton-background-color: initial;
3832
+ --amplify-internal-togglebutton-border-color: var(
3833
+ --amplify-components-togglebutton-border-color
3834
+ );
3835
+ --amplify-internal-togglebutton-color: var(
3836
+ --amplify-components-togglebutton-color
3837
+ );
3838
+ background-color: var(--amplify-internal-togglebutton-background-color);
3839
+ border-color: var(--amplify-internal-togglebutton-border-color);
3840
+ color: var(--amplify-internal-togglebutton-color);
3841
+ --amplify-internal-togglebutton-focus-background-color: var(
3842
+ --amplify-internal-togglebutton-background-color
3843
+ );
3844
+ --amplify-internal-togglebutton-focus-border-color: var(
3845
+ --amplify-components-togglebutton-focus-border-color
3846
+ );
3847
+ --amplify-internal-togglebutton-focus-color: var(
3848
+ --amplify-components-togglebutton-focus-color
3849
+ );
3850
+ --amplify-internal-togglebutton-hover-background-color: var(
3851
+ --amplify-components-togglebutton-hover-background-color
3852
+ );
3853
+ --amplify-internal-togglebutton-hover-border-color: var(
3854
+ --amplify-internal-togglebutton-border-color
3855
+ );
3856
+ --amplify-internal-togglebutton-hover-color: var(
3857
+ --amplify-internal-togglebutton-color
3858
+ );
3859
+ --amplify-internal-togglebutton-active-background-color: var(
3860
+ --amplify-components-togglebutton-active-background-color
3861
+ );
3862
+ --amplify-internal-togglebutton-disabled-background-color: var(
3863
+ --amplify-components-togglebutton-disabled-background-color
3864
+ );
3865
+ --amplify-internal-togglebutton-disabled-border-color: var(
3866
+ --amplify-components-togglebutton-disabled-border-color
3867
+ );
3868
+ --amplify-internal-togglebutton-disabled-color: var(
3869
+ --amplify-components-togglebutton-disabled-color
3870
+ );
3871
+ }
3872
+ .amplify-togglebutton:focus {
3873
+ background-color: var(--amplify-internal-togglebutton-focus-background-color);
3874
+ border-color: var(--amplify-internal-togglebutton-focus-border-color);
3875
+ color: var(--amplify-internal-togglebutton-focus-color);
3876
+ }
3877
+ .amplify-togglebutton:hover {
3878
+ background-color: var(--amplify-internal-togglebutton-hover-background-color);
3879
+ border-color: var(--amplify-internal-togglebutton-hover-border-color);
3880
+ color: var(--amplify-internal-togglebutton-hover-color);
3881
+ }
3882
+ .amplify-togglebutton:active {
3883
+ background-color: var(--amplify-internal-togglebutton-active-background-color);
3884
+ }
3885
+ .amplify-togglebutton:disabled {
3886
+ background-color: var(--amplify-internal-togglebutton-disabled-background-color);
3887
+ border-color: var(--amplify-internal-togglebutton-disabled-border-color);
3888
+ color: var(--amplify-internal-togglebutton-disabled-color);
3889
+ }
3890
+ .amplify-togglebutton--pressed {
3891
+ --amplify-internal-togglebutton-border-color: var(
3892
+ --amplify-components-togglebutton-pressed-border-color
3893
+ );
3894
+ --amplify-internal-togglebutton-background-color: var(
3895
+ --amplify-components-togglebutton-pressed-background-color
3896
+ );
3897
+ --amplify-internal-togglebutton-color: var(
3898
+ --amplify-components-togglebutton-pressed-color
3899
+ );
3900
+ --amplify-internal-togglebutton-hover-background-color: var(
3901
+ --amplify-components-togglebutton-pressed-hover-background-color
3902
+ );
3903
+ --amplify-internal-togglebutton-disabled-background-color: var(
3904
+ --amplify-components-togglebutton-pressed-background-color
3905
+ );
3906
+ --amplify-internal-togglebutton-disabled-border-color: var(
3907
+ --amplify-components-togglebutton-pressed-border-color
3908
+ );
3909
+ --amplify-internal-togglebutton-disabled-color: var(
3910
+ --amplify-components-togglebutton-pressed-color
3911
+ );
3912
+ }
3913
+ .amplify-togglebutton--primary {
3914
+ --amplify-internal-togglebutton-primary-background-color: var(
3915
+ --amplify-components-togglebutton-primary-background-color
3916
+ );
3917
+ --amplify-internal-togglebutton-background-color: var(
3918
+ --amplify-internal-togglebutton-primary-background-color
3919
+ );
3920
+ --amplify-internal-togglebutton-primary-border-color: var(
3921
+ --amplify-components-togglebutton-border-color
3922
+ );
3923
+ --amplify-internal-togglebutton-border-color: var(
3924
+ --amplify-internal-togglebutton-primary-border-color
3925
+ );
3926
+ --amplify-internal-togglebutton-primary-color: var(
3927
+ --amplify-components-togglebutton-color
3928
+ );
3929
+ --amplify-internal-togglebutton-color: var(
3930
+ --amplify-internal-togglebutton-primary-color
3931
+ );
3932
+ border-width: var(--amplify-components-togglebutton-primary-border-width);
3933
+ --amplify-internal-togglebutton-primary-focus-background-color: var(
3934
+ --amplify-components-togglebutton-primary-focus-background-color
3935
+ );
3936
+ --amplify-internal-togglebutton-primary-focus-border-color: var(
3937
+ --amplify-components-togglebutton-primary-focus-border-color
3938
+ );
3939
+ --amplify-internal-togglebutton-primary-focus-color: var(
3940
+ --amplify-components-togglebutton-primary-focus-color
3941
+ );
3942
+ --amplify-internal-togglebutton-primary-focus-box-shadow: var(
3943
+ --amplify-components-togglebutton-primary-focus-box-shadow
3944
+ );
3945
+ --amplify-internal-togglebutton-focus-background-color: var(
3946
+ --amplify-internal-togglebutton-primary-focus-background-color
3947
+ );
3948
+ --amplify-internal-togglebutton-focus-border-color: var(
3949
+ --amplify-internal-togglebutton-primary-focus-border-color
3950
+ );
3951
+ --amplify-internal-togglebutton-focus-color: var(
3952
+ --amplify-internal-togglebutton-primary-focus-color
3953
+ );
3954
+ --amplify-internal-togglebutton-primary-hover-background-color: var(
3955
+ --amplify-components-togglebutton-primary-hover-background-color
3956
+ );
3957
+ --amplify-internal-togglebutton-primary-hover-border-color: var(
3958
+ --amplify-internal-togglebutton-primary-border-color
3959
+ );
3960
+ --amplify-internal-togglebutton-primary-hover-color: var(
3961
+ --amplify-components-togglebutton-primary-hover-color
3962
+ );
3963
+ --amplify-internal-togglebutton-hover-background-color: var(
3964
+ --amplify-internal-togglebutton-primary-hover-background-color
3965
+ );
3966
+ --amplify-internal-togglebutton-hover-border-color: var(
3967
+ --amplify-internal-togglebutton-primary-hover-border-color
3968
+ );
3969
+ --amplify-internal-togglebutton-hover-color: var(
3970
+ --amplify-internal-togglebutton-primary-hover-color
3971
+ );
3972
+ --amplify-internal-togglebutton-primary-disabled-background-color: var(
3973
+ --amplify-components-togglebutton-primary-disabled-background-color
3974
+ );
3975
+ --amplify-internal-togglebutton-primary-disabled-border-color: var(
3976
+ --amplify-components-togglebutton-primary-disabled-border-color
3977
+ );
3978
+ --amplify-internal-togglebutton-primary-disabled-color: var(
3979
+ --amplify-components-togglebutton-primary-disabled-color
3980
+ );
3981
+ --amplify-internal-togglebutton-disabled-background-color: var(
3982
+ --amplify-internal-togglebutton-primary-disabled-background-color
3983
+ );
3984
+ --amplify-internal-togglebutton-disabled-border-color: var(
3985
+ --amplify-internal-togglebutton-primary-disabled-border-color
3986
+ );
3987
+ --amplify-internal-togglebutton-disabled-color: var(
3988
+ --amplify-internal-togglebutton-primary-disabled-color
3989
+ );
3990
+ }
3991
+ .amplify-togglebutton--primary:focus {
3992
+ box-shadow: var(--amplify-internal-togglebutton-primary-focus-box-shadow);
3993
+ }
3994
+ .amplify-togglebutton--pressed {
3995
+ --amplify-internal-togglebutton-primary-background-color: var(
3996
+ --amplify-components-togglebutton-primary-pressed-background-color
3997
+ );
3998
+ --amplify-internal-togglebutton-primary-border-color: var(
3999
+ --amplify-components-togglebutton-primary-pressed-border-color
4000
+ );
4001
+ --amplify-internal-togglebutton-primary-color: var(
4002
+ --amplify-components-togglebutton-primary-pressed-color
4003
+ );
4004
+ --amplify-internal-togglebutton-primary-focus-background-color: var(
4005
+ --amplify-components-togglebutton-primary-pressed-focus-background-color
4006
+ );
4007
+ --amplify-internal-togglebutton-primary-focus-border-color: var(
4008
+ --amplify-components-togglebutton-primary-pressed-focus-border-color
4009
+ );
4010
+ --amplify-internal-togglebutton-primary-focus-color: var(
4011
+ --amplify-components-togglebutton-primary-pressed-focus-color
4012
+ );
4013
+ --amplify-internal-togglebutton-primary-hover-background-color: var(
4014
+ --amplify-components-togglebutton-primary-pressed-hover-background-color
4015
+ );
4016
+ --amplify-internal-togglebutton-primary-hover-border-color: var(
4017
+ --amplify-components-togglebutton-primary-pressed-hover-border-color
4018
+ );
4019
+ --amplify-internal-togglebutton-primary-hover-color: var(
4020
+ --amplify-components-togglebutton-primary-pressed-hover-color
4021
+ );
4022
+ --amplify-internal-togglebutton-primary-disabled-background-color: var(
4023
+ --amplify-components-togglebutton-primary-pressed-background-color
4024
+ );
4025
+ --amplify-internal-togglebutton-primary-disabled-border-color: var(
4026
+ --amplify-components-togglebutton-primary-pressed-border-color
4027
+ );
4028
+ --amplify-internal-togglebutton-primary-disabled-color: var(
4029
+ --amplify-components-togglebutton-primary-pressed-color
4030
+ );
4031
+ }
4032
+ .amplify-togglebutton--pressed:hover {
4033
+ --amplify-internal-togglebutton-primary-focus-box-shadow: var(
4034
+ --amplify-components-togglebutton-primary-pressed-hover-box-shadow
4035
+ );
4036
+ }
4037
+ .amplify-togglebutton--link {
4038
+ --amplify-internal-togglebutton-link-background-color: var(
4039
+ --amplify-components-togglebutton-link-background-color
4040
+ );
4041
+ --amplify-internal-togglebutton-link-color: var(
4042
+ --amplify-components-togglebutton-link-color
4043
+ );
4044
+ --amplify-internal-togglebutton-background-color: var(
4045
+ --amplify-internal-togglebutton-link-background-color
4046
+ );
4047
+ --amplify-internal-togglebutton-color: var(
4048
+ --amplify-internal-togglebutton-link-color
4049
+ );
4050
+ --amplify-internal-togglebutton-link-focus-background-color: var(
4051
+ --amplify-components-togglebutton-link-focus-background-color
4052
+ );
4053
+ --amplify-internal-togglebutton-link-focus-color: var(
4054
+ --amplify-components-togglebutton-link-focus-color
4055
+ );
4056
+ --amplify-internal-togglebutton-focus-background-color: var(
4057
+ --amplify-internal-togglebutton-link-focus-background-color
4058
+ );
4059
+ --amplify-internal-togglebutton-focus-color: var(
4060
+ --amplify-internal-togglebutton-link-focus-color
4061
+ );
4062
+ --amplify-internal-togglebutton-link-hover-background-color: var(
4063
+ --amplify-components-togglebutton-link-hover-background-color
4064
+ );
4065
+ --amplify-internal-togglebutton-link-hover-color: var(
4066
+ --amplify-components-togglebutton-link-hover-color
4067
+ );
4068
+ --amplify-internal-togglebutton-hover-background-color: var(
4069
+ --amplify-internal-togglebutton-link-hover-background-color
4070
+ );
4071
+ --amplify-internal-togglebutton-hover-color: var(
4072
+ --amplify-internal-togglebutton-link-hover-color
4073
+ );
4074
+ --amplify-internal-togglebutton-link-disabled-color: var(
4075
+ --amplify-components-togglebutton-link-disabled-color
4076
+ );
4077
+ --amplify-internal-togglebutton-link-disabled-background-color: var(
4078
+ --amplify-components-togglebutton-link-disabled-background-color
4079
+ );
4080
+ --amplify-internal-togglebutton-disabled-color: var(
4081
+ --amplify-internal-togglebutton-link-disabled-color
4082
+ );
4083
+ --amplify-internal-togglebutton-disabled-background-color: var(
4084
+ --amplify-internal-togglebutton-link-disabled-background-color
4085
+ );
4086
+ }
4087
+ .amplify-togglebutton--pressed {
4088
+ --amplify-internal-togglebutton-link-color: var(
4089
+ --amplify-components-togglebutton-link-pressed-color
4090
+ );
4091
+ --amplify-internal-togglebutton-link-background-color: var(
4092
+ --amplify-components-togglebutton-link-pressed-background-color
4093
+ );
4094
+ --amplify-internal-togglebutton-link-focus-background-color: var(
4095
+ --amplify-components-togglebutton-link-pressed-focus-background-color
4096
+ );
4097
+ --amplify-internal-togglebutton-link-focus-color: var(
4098
+ --amplify-components-togglebutton-link-pressed-focus-color
4099
+ );
4100
+ --amplify-internal-togglebutton-link-hover-background-color: var(
4101
+ --amplify-components-togglebutton-link-pressed-hover-background-color
4102
+ );
4103
+ --amplify-internal-togglebutton-link-hover-color: var(
4104
+ --amplify-components-togglebutton-link-pressed-hover-color
4105
+ );
4106
+ --amplify-internal-togglebutton-link-disabled-color: var(
4107
+ --amplify-components-togglebutton-link-pressed-color
4108
+ );
4109
+ }
4110
+
4111
+ .amplify-togglebuttongroup {
4112
+ align-items: var(--amplify-components-togglebuttongroup-align-items);
4113
+ align-content: var(--amplify-components-togglebuttongroup-align-content);
4114
+ justify-content: var(--amplify-components-togglebuttongroup-justify-content);
4115
+ gap: 0;
4116
+ }
4117
+
4118
+ .amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed {
4119
+ z-index: 2;
4120
+ }
4121
+ .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
4122
+ -webkit-margin-start: calc(-1 * var(--amplify-components-button-border-width));
4123
+ margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
4124
+ border-start-start-radius: 0;
4125
+ border-end-start-radius: 0;
4126
+ }
4127
+ @supports not (border-start-start-radius: 0) {
4128
+ .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
4129
+ border-top-left-radius: 0;
4130
+ border-bottom-left-radius: 0;
4131
+ }
4132
+ }
4133
+ .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
4134
+ border-start-end-radius: 0;
4135
+ border-end-end-radius: 0;
4136
+ }
4137
+ @supports not (border-end-end-radius: 0) {
4138
+ .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
4139
+ border-bottom-right-radius: 0;
4140
+ border-top-right-radius: 0;
4141
+ }
4142
+ }
4143
+
4144
+ .amplify-inappmessaging-backdrop {
4145
+ background-color: var(--amplify-colors-overlay-50);
4146
+ inset: 0;
4147
+ position: fixed;
4148
+ z-index: 1000;
4149
+ }
4150
+
4151
+ .amplify-inappmessaging-backdrop-content-container {
4152
+ align-items: center;
4153
+ inset: 0;
4154
+ justify-content: center;
4155
+ pointer-events: none;
4156
+ position: fixed;
4157
+ z-index: 1001;
4158
+ }
4159
+
4160
+ .amplify-inappmessaging-backdrop-content {
4161
+ pointer-events: auto;
4162
+ }
4163
+
4164
+ .amplify-inappmessaging-bannermessage {
4165
+ box-shadow: var(--amplify-shadows-medium);
4166
+ height: var(--amplify-components-inappmessaging-banner-height);
4167
+ margin: var(--amplify-space-small);
4168
+ max-width: 50%;
4169
+ position: fixed;
4170
+ width: var(--amplify-components-inappmessaging-banner-width);
4171
+ }
4172
+ .amplify-inappmessaging-bannermessage--top {
4173
+ top: 0;
4174
+ }
4175
+ .amplify-inappmessaging-bannermessage--middle {
4176
+ bottom: 0;
4177
+ margin: auto var(--amplify-space-small);
4178
+ top: 0;
4179
+ }
4180
+ .amplify-inappmessaging-bannermessage--bottom {
4181
+ bottom: 0;
4182
+ }
4183
+ .amplify-inappmessaging-bannermessage--left {
4184
+ left: 0;
4185
+ }
4186
+ .amplify-inappmessaging-bannermessage--center {
4187
+ left: 0;
4188
+ margin: var(--amplify-space-small) auto;
4189
+ right: 0;
4190
+ }
4191
+ .amplify-inappmessaging-bannermessage--right {
4192
+ right: 0;
4193
+ }
4194
+ .amplify-inappmessaging-bannermessage--center-middle {
4195
+ inset: 0;
4196
+ margin: auto;
4197
+ }
4198
+ .amplify-inappmessaging-bannermessage--full-width {
4199
+ max-width: initial;
4200
+ width: calc(100% - 2 * var(--amplify-space-small));
4201
+ }
4202
+
4203
+ .amplify-inappmessaging-fullscreenmessage {
4204
+ height: var(--amplify-components-inappmessaging-dialog-height);
4205
+ min-height: var(--amplify-components-inappmessaging-dialog-min-height);
4206
+ min-width: var(--amplify-components-inappmessaging-dialog-min-width);
4207
+ width: var(--amplify-components-inappmessaging-dialog-width);
4208
+ }
4209
+ .amplify-inappmessaging-fullscreenmessage--fullscreen {
4210
+ height: auto;
4211
+ inset: 0;
4212
+ position: fixed;
4213
+ width: auto;
4214
+ z-index: 1000;
4215
+ }
4216
+
4217
+ .amplify-inappmessaging-messagelayout {
4218
+ background-color: var(--amplify-colors-background-primary);
4219
+ flex-direction: column;
4220
+ flex-grow: 1;
4221
+ gap: var(--amplify-space-xxxs);
4222
+ max-width: 100%;
4223
+ padding: var(--amplify-space-medium);
4224
+ }
4225
+ .amplify-inappmessaging-messagelayout__button {
4226
+ border-width: 0;
4227
+ width: 100%;
4228
+ }
4229
+ .amplify-inappmessaging-messagelayout__button, .amplify-inappmessaging-messagelayout__button:active, .amplify-inappmessaging-messagelayout__button:visited, .amplify-inappmessaging-messagelayout__button:hover, .amplify-inappmessaging-messagelayout__button:focus {
4230
+ background-color: var(--amplify-components-inappmessaging-button-background-color);
4231
+ border-radius: var(--amplify-components-inappmessaging-button-border-radius);
4232
+ color: var(--amplify-components-inappmessaging-button-color);
4233
+ }
4234
+ .amplify-inappmessaging-messagelayout__button--dark:active, .amplify-inappmessaging-messagelayout__button--dark:visited, .amplify-inappmessaging-messagelayout__button--light:active, .amplify-inappmessaging-messagelayout__button--light:visited {
4235
+ filter: brightness(100%);
4236
+ }
4237
+ .amplify-inappmessaging-messagelayout__button--dark:hover, .amplify-inappmessaging-messagelayout__button--dark:focus {
4238
+ filter: brightness(120%);
4239
+ }
4240
+ .amplify-inappmessaging-messagelayout__button--light:hover, .amplify-inappmessaging-messagelayout__button--light:focus {
4241
+ filter: brightness(80%);
4242
+ }
4243
+ .amplify-inappmessaging-messagelayout__close-button {
4244
+ color: var(--amplify-colors-neutral-80);
4245
+ }
4246
+ .amplify-inappmessaging-messagelayout__close-button:active, .amplify-inappmessaging-messagelayout__close-button:visited {
4247
+ color: var(--amplify-colors-neutral-80);
4248
+ }
4249
+ .amplify-inappmessaging-messagelayout__close-button:hover, .amplify-inappmessaging-messagelayout__close-button:focus {
4250
+ color: var(--amplify-colors-neutral-100);
4251
+ }
4252
+ .amplify-inappmessaging-messagelayout__content {
4253
+ flex-grow: 1;
4254
+ overflow: hidden;
4255
+ }
4256
+ .amplify-inappmessaging-messagelayout__content--horizontal {
4257
+ flex-direction: row;
4258
+ }
4259
+ .amplify-inappmessaging-messagelayout__content--vertical {
4260
+ flex-direction: column;
4261
+ justify-content: center;
4262
+ }
4263
+ .amplify-inappmessaging-messagelayout__header {
4264
+ flex-shrink: 0;
4265
+ font-size: var(--amplify-components-inappmessaging-header-font-size);
4266
+ font-weight: var(--amplify-components-inappmessaging-header-font-weight);
4267
+ }
4268
+ .amplify-inappmessaging-messagelayout__image-container {
4269
+ align-items: center;
4270
+ display: flex;
4271
+ justify-content: center;
4272
+ position: relative;
4273
+ }
4274
+ .amplify-inappmessaging-messagelayout__image-container img {
4275
+ max-height: 100%;
4276
+ max-width: 100%;
4277
+ -o-object-fit: contain;
4278
+ object-fit: contain;
4279
+ position: absolute;
4280
+ }
4281
+ .amplify-inappmessaging-messagelayout__image-container--horizontal {
4282
+ max-width: 15%;
4283
+ min-width: 15%;
4284
+ }
4285
+ .amplify-inappmessaging-messagelayout__image-container--vertical {
4286
+ max-height: 40%;
4287
+ min-height: 40%;
4288
+ }
4289
+ .amplify-inappmessaging-messagelayout__text-container {
4290
+ flex-direction: column;
4291
+ overflow-y: auto;
4292
+ gap: var(--amplify-space-xxxs);
4293
+ }
4294
+ .amplify-inappmessaging-messagelayout__text-container--horizontal {
4295
+ flex-grow: 1;
4296
+ }
4297
+ .amplify-inappmessaging-messagelayout__text-container--vertical {
4298
+ flex-grow: 0;
4299
+ }
4300
+
4301
+ .amplify-inappmessaging-modalmessage {
4302
+ align-items: center;
4303
+ height: initial;
4304
+ inset: 0;
4305
+ justify-content: center;
4306
+ pointer-events: none;
4307
+ position: fixed;
4308
+ width: initial;
4309
+ z-index: 1000;
4310
+ }
4311
+ .amplify-inappmessaging-modalmessage__dialog {
4312
+ box-shadow: var(--amplify-shadows-medium);
4313
+ height: var(--amplify-components-inappmessaging-dialog-height);
4314
+ min-height: var(--amplify-components-inappmessaging-dialog-min-height);
4315
+ min-width: var(--amplify-components-inappmessaging-dialog-min-width);
4316
+ pointer-events: auto;
4317
+ width: var(--amplify-components-inappmessaging-dialog-width);
4318
+ }
4319
+ .amplify-inappmessaging-modalmessage__dialog--full-width {
4320
+ width: 100%;
4321
+ margin: var(--amplify-space-small);
4322
+ }
4323
+
4324
+ .amplify-fileuploader__dropzone {
4325
+ background-color: var(--amplify-components-fileuploader-dropzone-background-color);
4326
+ border-color: var(--amplify-components-fileuploader-dropzone-border-color);
4327
+ border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
4328
+ border-style: var(--amplify-components-fileuploader-dropzone-border-style);
4329
+ border-width: var(--amplify-components-fileuploader-dropzone-border-width);
4330
+ text-align: var(--amplify-components-fileuploader-dropzone-text-align);
4331
+ padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
4332
+ padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
4333
+ display: flex;
4334
+ flex-direction: column;
4335
+ align-items: center;
4336
+ gap: var(--amplify-components-fileuploader-dropzone-gap);
4337
+ }
4338
+ .amplify-fileuploader__dropzone--small {
4339
+ flex-direction: row;
4340
+ justify-content: center;
4341
+ }
4342
+ .amplify-fileuploader__dropzone--active {
4343
+ border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
4344
+ border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
4345
+ background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
4346
+ }
4347
+ .amplify-fileuploader__dropzone__icon {
4348
+ font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
4349
+ color: var(--amplify-components-fileuploader-dropzone-icon-color);
4350
+ }
4351
+ .amplify-fileuploader__dropzone__text {
4352
+ color: var(--amplify-components-fileuploader-dropzone-text-color);
4353
+ font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
4354
+ font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
4355
+ }
4356
+ .amplify-fileuploader__file {
4357
+ position: relative;
4358
+ border-width: var(--amplify-components-fileuploader-file-border-width);
4359
+ border-style: var(--amplify-components-fileuploader-file-border-style);
4360
+ border-color: var(--amplify-components-fileuploader-file-border-color);
4361
+ border-radius: var(--amplify-components-fileuploader-file-border-radius);
4362
+ display: flex;
4363
+ flex-direction: column;
4364
+ padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
4365
+ padding-block: var(--amplify-components-fileuploader-file-padding-block);
4366
+ align-items: var(--amplify-components-fileuploader-file-align-items);
4367
+ }
4368
+ .amplify-fileuploader__file__wrapper {
4369
+ width: 100%;
4370
+ display: flex;
4371
+ flex-direction: row;
4372
+ align-items: center;
4373
+ gap: var(--amplify-components-fileuploader-file-gap);
4374
+ }
4375
+ .amplify-fileuploader__file__name {
4376
+ text-overflow: ellipsis;
4377
+ overflow: hidden;
4378
+ font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
4379
+ font-size: var(--amplify-components-fileuploader-file-name-font-size);
4380
+ color: var(--amplify-components-fileuploader-file-name-color);
4381
+ }
4382
+ .amplify-fileuploader__file__size {
4383
+ font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
4384
+ font-size: var(--amplify-components-fileuploader-file-size-font-size);
4385
+ color: var(--amplify-components-fileuploader-file-size-color);
4386
+ }
4387
+ .amplify-fileuploader__file__main {
4388
+ flex: 1;
4389
+ white-space: nowrap;
4390
+ overflow: hidden;
4391
+ }
4392
+ .amplify-fileuploader__file__image {
4393
+ position: relative;
4394
+ display: flex;
4395
+ align-items: center;
4396
+ justify-content: center;
4397
+ width: var(--amplify-components-fileuploader-file-image-width);
4398
+ height: var(--amplify-components-fileuploader-file-image-height);
4399
+ background-color: var(--amplify-components-fileuploader-file-image-background-color);
4400
+ border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
4401
+ color: var(--amplify-components-fileuploader-file-image-color);
4402
+ }
4403
+ .amplify-fileuploader__file__image img {
4404
+ max-height: 100%;
4405
+ }
4406
+ .amplify-fileuploader__file__status--error {
4407
+ color: var(--amplify-colors-font-error);
4408
+ font-size: var(--amplify-components-fileuploader-file-size-font-size);
4409
+ }
4410
+ .amplify-fileuploader__file__status--success {
4411
+ color: var(--amplify-colors-font-success);
4412
+ }
4413
+ .amplify-fileuploader__loader {
4414
+ stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
4415
+ stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
4416
+ stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
4417
+ height: var(--amplify-components-fileuploader-loader-stroke-width);
4418
+ --amplify-components-loader-linear-stroke-filled: var(
4419
+ --amplify-components-fileuploader-loader-stroke-filled
4420
+ );
4421
+ overflow: hidden;
4422
+ position: absolute;
4423
+ bottom: 0;
4424
+ left: 0;
4425
+ width: 100%;
4426
+ }
4427
+ .amplify-fileuploader__previewer {
4428
+ display: block;
4429
+ max-width: var(--amplify-components-fileuploader-previewer-max-width);
4430
+ background-color: var(--amplify-components-fileuploader-previewer-background-color);
4431
+ border-width: var(--amplify-components-fileuploader-previewer-border-width);
4432
+ border-style: var(--amplify-components-fileuploader-previewer-border-style);
4433
+ border-color: var(--amplify-components-fileuploader-previewer-border-color);
4434
+ border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
4435
+ padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
4436
+ padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
4437
+ }
4438
+ .amplify-fileuploader__previewer__text {
4439
+ font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
4440
+ font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
4441
+ color: var(--amplify-components-fileuploader-previewer-text-color);
4442
+ }
4443
+ .amplify-fileuploader__previewer__body {
4444
+ display: flex;
4445
+ flex-direction: column;
4446
+ max-height: var(--amplify-components-fileuploader-previewer-max-height);
4447
+ max-width: var(--amplify-components-fileuploader-previewer-max-width);
4448
+ overflow: auto;
4449
+ gap: var(--amplify-components-fileuploader-previewer-body-gap);
4450
+ padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
4451
+ padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
4452
+ }
4453
+ .amplify-fileuploader__previewer__footer {
4454
+ max-width: var(--amplify-components-fileuploader-previewer-max-width);
4455
+ border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
4456
+ border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
4457
+ border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
4458
+ padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
4459
+ padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
4460
+ position: relative;
4461
+ display: flex;
4462
+ flex-direction: row;
4463
+ justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
4464
+ }
4465
+ .amplify-fileuploader__previewer__footer__actions {
4466
+ display: flex;
4467
+ flex-direction: row;
4468
+ gap: var(--amplify-space-small);
4469
+ }
4470
+
4471
+ .amplify-storagemanager__dropzone {
4472
+ background-color: var(--amplify-components-storagemanager-dropzone-background-color);
4473
+ border-color: var(--amplify-components-storagemanager-dropzone-border-color);
4474
+ border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
4475
+ border-style: var(--amplify-components-storagemanager-dropzone-border-style);
4476
+ border-width: var(--amplify-components-storagemanager-dropzone-border-width);
4477
+ text-align: var(--amplify-components-storagemanager-dropzone-text-align);
4478
+ padding-block: var(--amplify-components-storagemanager-dropzone-padding-block);
4479
+ padding-inline: var(--amplify-components-storagemanager-dropzone-padding-inline);
4480
+ display: flex;
4481
+ flex-direction: column;
4482
+ align-items: center;
4483
+ gap: var(--amplify-components-storagemanager-dropzone-gap);
4484
+ }
4485
+ .amplify-storagemanager__dropzone--small {
4486
+ flex-direction: row;
4487
+ justify-content: center;
4488
+ }
4489
+ .amplify-storagemanager__dropzone--active {
4490
+ border-color: var(--amplify-components-storagemanager-dropzone-active-border-color);
4491
+ border-width: var(--amplify-components-storagemanager-dropzone-active-border-width);
4492
+ background-color: var(--amplify-components-storagemanager-dropzone-active-background-color);
4493
+ }
4494
+ .amplify-storagemanager__dropzone__icon {
4495
+ font-size: var(--amplify-components-storagemanager-dropzone-icon-font-size);
4496
+ color: var(--amplify-components-storagemanager-dropzone-icon-color);
4497
+ }
4498
+ .amplify-storagemanager__dropzone__text {
4499
+ color: var(--amplify-components-storagemanager-dropzone-text-color);
4500
+ font-size: var(--amplify-components-storagemanager-dropzone-text-font-size);
4501
+ font-weight: var(--amplify-components-storagemanager-dropzone-text-font-weight);
4502
+ }
4503
+ .amplify-storagemanager__file__list {
4504
+ display: flex;
4505
+ flex-direction: var(--amplify-components-storagemanager-filelist-flex-direction);
4506
+ gap: var(--amplify-components-storagemanager-filelist-gap);
4507
+ }
4508
+ .amplify-storagemanager__file {
4509
+ position: relative;
4510
+ border-width: var(--amplify-components-storagemanager-file-border-width);
4511
+ border-style: var(--amplify-components-storagemanager-file-border-style);
4512
+ border-color: var(--amplify-components-storagemanager-file-border-color);
4513
+ border-radius: var(--amplify-components-storagemanager-file-border-radius);
4514
+ display: flex;
4515
+ flex-direction: column;
4516
+ padding-inline: var(--amplify-components-storagemanager-file-padding-inline);
4517
+ padding-block: var(--amplify-components-storagemanager-file-padding-block);
4518
+ align-items: var(--amplify-components-storagemanager-file-align-items);
4519
+ }
4520
+ .amplify-storagemanager__file__wrapper {
4521
+ width: 100%;
4522
+ display: flex;
4523
+ flex-direction: row;
4524
+ align-items: center;
4525
+ gap: var(--amplify-components-storagemanager-file-gap);
4526
+ }
4527
+ .amplify-storagemanager__file__name {
4528
+ text-overflow: ellipsis;
4529
+ overflow: hidden;
4530
+ font-weight: var(--amplify-components-storagemanager-file-name-font-weight);
4531
+ font-size: var(--amplify-components-storagemanager-file-name-font-size);
4532
+ color: var(--amplify-components-storagemanager-file-name-color);
4533
+ }
4534
+ .amplify-storagemanager__file__size {
4535
+ font-weight: var(--amplify-components-storagemanager-file-size-font-weight);
4536
+ font-size: var(--amplify-components-storagemanager-file-size-font-size);
4537
+ color: var(--amplify-components-storagemanager-file-size-color);
4538
+ }
4539
+ .amplify-storagemanager__file__main {
4540
+ flex: 1;
4541
+ white-space: nowrap;
4542
+ overflow: hidden;
4543
+ }
4544
+ .amplify-storagemanager__file__image {
4545
+ position: relative;
4546
+ display: flex;
4547
+ align-items: center;
4548
+ justify-content: center;
4549
+ width: var(--amplify-components-storagemanager-file-image-width);
4550
+ height: var(--amplify-components-storagemanager-file-image-height);
4551
+ background-color: var(--amplify-components-storagemanager-file-image-background-color);
4552
+ border-radius: var(--amplify-components-storagemanager-file-image-border-radius);
4553
+ color: var(--amplify-components-storagemanager-file-image-color);
4554
+ }
4555
+ .amplify-storagemanager__file__image img {
4556
+ max-height: 100%;
4557
+ }
4558
+ .amplify-storagemanager__file__status--error {
4559
+ color: var(--amplify-colors-font-error);
4560
+ font-size: var(--amplify-components-storagemanager-file-size-font-size);
4561
+ }
4562
+ .amplify-storagemanager__file__status--success {
4563
+ color: var(--amplify-colors-font-success);
4564
+ }
4565
+ .amplify-storagemanager__loader {
4566
+ stroke-linecap: var(--amplify-components-storagemanager-loader-stroke-linecap);
4567
+ stroke: var(--amplify-components-storagemanager-loader-stroke-empty);
4568
+ stroke-width: var(--amplify-components-storagemanager-loader-stroke-width);
4569
+ height: var(--amplify-components-storagemanager-loader-stroke-width);
4570
+ --amplify-components-loader-linear-stroke-filled: var(
4571
+ --amplify-components-storagemanager-loader-stroke-filled
4572
+ );
4573
+ overflow: hidden;
4574
+ position: absolute;
4575
+ bottom: 0;
4576
+ left: 0;
4577
+ width: 100%;
4578
+ }
4579
+ .amplify-storagemanager__previewer {
4580
+ display: flex;
4581
+ flex-direction: column;
4582
+ max-width: var(--amplify-components-storagemanager-previewer-max-width);
4583
+ max-height: var(--amplify-components-storagemanager-previewer-max-height);
4584
+ overflow: auto;
4585
+ gap: var(--amplify-components-storagemanager-previewer-body-gap);
4586
+ padding-inline: var(--amplify-components-storagemanager-previewer-body-padding-inline);
4587
+ padding-block: var(--amplify-components-storagemanager-previewer-body-padding-block);
4588
+ background-color: var(--amplify-components-storagemanager-previewer-background-color);
4589
+ border-width: var(--amplify-components-storagemanager-previewer-border-width);
4590
+ border-style: var(--amplify-components-storagemanager-previewer-border-style);
4591
+ border-color: var(--amplify-components-storagemanager-previewer-border-color);
4592
+ border-radius: var(--amplify-components-storagemanager-previewer-border-radius);
4593
+ }
4594
+ .amplify-storagemanager__previewer__text {
4595
+ font-weight: var(--amplify-components-storagemanager-previewer-text-font-weight);
4596
+ font-size: var(--amplify-components-storagemanager-previewer-text-font-size);
4597
+ color: var(--amplify-components-storagemanager-previewer-text-color);
4598
+ }
4599
+
4600
+ [data-label-position=start] {
4601
+ flex-direction: row;
4602
+ }
4603
+
4604
+ [data-label-position=end] {
4605
+ flex-direction: row-reverse;
4606
+ }
4607
+
4608
+ [data-label-position=top] {
4609
+ flex-direction: column;
4610
+ }
4611
+
4612
+ [data-label-position=bottom] {
4613
+ flex-direction: column-reverse;
4614
+ }
4615
+
4616
+ .amplify-visually-hidden {
4617
+ position: absolute;
4618
+ width: 1px;
4619
+ height: 1px;
4620
+ padding: 0;
4621
+ margin: -1px;
4622
+ fill: transparent;
4623
+ overflow: hidden;
4624
+ clip: rect(0, 0, 0, 0);
4625
+ white-space: nowrap;
4626
+ border-width: 0;
4627
+ }