@servicetitan/anvil2-ext-common 0.4.0 → 0.5.1

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 (15) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/Suggestions-ChGGcGuO.js +47 -0
  3. package/dist/Suggestions-ChGGcGuO.js.map +1 -0
  4. package/dist/Suggestions.d.ts +1 -0
  5. package/dist/Suggestions.js +2 -0
  6. package/dist/Suggestions.js.map +1 -0
  7. package/dist/index.js +8 -35313
  8. package/dist/index.js.map +1 -1
  9. package/dist/src/components/Suggestions/Suggestions.d.ts +59 -0
  10. package/dist/src/components/Suggestions/index.d.ts +2 -0
  11. package/dist/src/components/index.d.ts +1 -0
  12. package/dist/src/form/components/FormMultiSelect/FormMultiSelect.d.ts +1 -1
  13. package/dist/src/form/components/FormSelect/FormSelect.d.ts +1 -1
  14. package/package.json +5 -4
  15. package/dist/index.css +0 -2911
package/dist/index.css DELETED
@@ -1,2911 +0,0 @@
1
- .anvil2 {._sr-only_1js2w_1 {
2
- border: 0;
3
- clip: rect(0, 0, 0, 0);
4
- height: 1px;
5
- margin: -1px;
6
- overflow: hidden;
7
- padding-block: 0;
8
- padding-inline: 0;
9
- position: absolute;
10
- white-space: nowrap;
11
- width: 1px;
12
- }
13
- }.anvil2 {._avatar-group_1op2x_1 {
14
- --a2-mod-avatar-group-margin-inline-start: calc(var(--a2-size-2, 0.5rem) * -1);
15
- --a2-mod-avatar-group-padding-inline-start: var(--a2-size-4, 1rem);
16
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
17
- font-size: 100%;
18
- color: inherit;
19
- margin: 0;
20
- padding: 0;
21
- border-style: none;
22
- border-width: 0;
23
- border-color: transparent;
24
- box-sizing: border-box;
25
- display: flex;
26
- padding-inline-start: var(--a2-mod-avatar-group-padding-inline-start);
27
- }._avatar-group_1op2x_1 > span, ._avatar-group_1op2x_1 > div, ._avatar-group_1op2x_1 > button {
28
- --a2-mod-avatar-margin-inline-start: var(
29
- --a2-mod-avatar-group-margin-inline-start
30
- );
31
- }._small_1op2x_22 {
32
- --a2-mod-avatar-group-margin-inline-start: calc(var(--a2-size-1, 0.25rem) * -1);
33
- --a2-mod-avatar-group-padding-inline-start: var(--a2-size-1, 0.25rem);
34
- }._medium_1op2x_27 {
35
- --a2-mod-avatar-group-margin-inline-start: calc(var(--a2-size-2, 0.5rem) * -1);
36
- --a2-mod-avatar-group-padding-inline-start: var(--a2-size-2, 0.5rem);
37
- }._large_1op2x_32 {
38
- --a2-mod-avatar-group-margin-inline-start: calc(var(--a2-size-3, 0.75rem) * -1);
39
- --a2-mod-avatar-group-padding-inline-start: var(--a2-size-3, 0.75rem);
40
- }
41
- }.anvil2 {._avatar-base_1orn6_1 {
42
- --a2-mod-avatar-font-size: var(--a2-font-size-200, 0.75rem);
43
- --a2-mod-avatar-font-size-10-plus-overflow: var(--a2-font-size-100, 0.625rem);
44
- --a2-mod-avatar-indicator-bg-color: var(--a2-avatar-indicator-background-color-default, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
45
- --a2-mod-avatar-indicator-offline-shadow-width: 0.125rem;
46
- --a2-mod-avatar-indicator-size: var(--a2-size-3, 0.75rem);
47
- --a2-mod-avatar-margin-inline-start: 0;
48
- --a2-mod-avatar-size: var(--a2-size-8, 2rem);
49
- --a2-inline-avatar-border-color: var(--a2-color-neutral-0, #ffffff);
50
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
51
- font-size: 100%;
52
- color: inherit;
53
- margin: 0;
54
- padding: 0;
55
- border-style: none;
56
- border-width: 0;
57
- border-color: transparent;
58
- box-sizing: border-box;
59
- display: inline-flex;
60
- align-items: center;
61
- background-color: var(--a2-inline-avatar-background-color, var(--a2-avatar-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))));
62
- border: var(--a2-size-quarter, 0.0625rem) solid var(--a2-inline-avatar-border-color, var(--a2-avatar-border-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))));
63
- border-radius: var(--a2-border-radius-circular, 100%);
64
- color: var(--a2-inline-avatar-font-color, var(--a2-avatar-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))));
65
- font-size: var(--a2-mod-avatar-font-size);
66
- font-weight: bold;
67
- height: var(--a2-mod-avatar-size);
68
- justify-content: center;
69
- margin-inline-start: var(--a2-mod-avatar-margin-inline-start);
70
- outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
71
- outline-offset: var(--a2-size-half, 0.125rem);
72
- position: relative;
73
- transition: box-shadow var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
74
- width: var(--a2-mod-avatar-size);
75
- }._avatar-base_1orn6_1[data-interactive=focus-visible], ._avatar-base_1orn6_1:focus-visible {
76
- outline-width: var(--a2-size-half, 0.125rem);
77
- }@media (prefers-reduced-motion: reduce) {
78
- ._avatar-base_1orn6_1 {
79
- transition-duration: 0.01ms !important;
80
- }
81
- }._initial_1orn6_45 {
82
- align-items: center;
83
- display: flex;
84
- height: 100%;
85
- justify-content: center;
86
- overflow: hidden;
87
- width: 100%;
88
- }._img_1orn6_54 {
89
- border-radius: var(--a2-border-radius-circular, 100%);
90
- display: inline-flex;
91
- height: 100%;
92
- -o-object-fit: cover;
93
- object-fit: cover;
94
- overflow: hidden;
95
- width: 100%;
96
- z-index: 0;
97
- }._indicator_1orn6_64 {
98
- background-color: var(--a2-mod-avatar-indicator-bg-color);
99
- border: var(--a2-size-quarter, 0.0625rem) solid var(--a2-inline-avatar-border-color, var(--a2-avatar-border-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))));
100
- border-radius: var(--a2-border-radius-circular, 100%);
101
- box-sizing: border-box;
102
- display: inline-block;
103
- height: var(--a2-mod-avatar-indicator-size);
104
- inset-block-end: calc(var(--a2-size-quarter, 0.0625rem) * -1);
105
- inset-inline-end: calc(var(--a2-size-quarter, 0.0625rem) * -1);
106
- position: absolute;
107
- width: var(--a2-mod-avatar-indicator-size);
108
- }._online_1orn6_77 {
109
- --a2-mod-avatar-indicator-bg-color: var(--a2-avatar-indicator-background-color-online, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))));
110
- }._offline_1orn6_81 {
111
- box-shadow: inset 0 0 0 var(--a2-mod-avatar-indicator-offline-shadow-width) var(--a2-avatar-indicator-background-color-offline, var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070))));
112
- }._xsmall_1orn6_85 {
113
- --a2-mod-avatar-size: var(--a2-size-4, 1rem);
114
- --a2-mod-avatar-indicator-size: var(--a2-size-1, 0.25rem);
115
- --a2-mod-avatar-indicator-offline-shadow-width: 0.0625rem;
116
- }._small_1orn6_91 {
117
- --a2-mod-avatar-size: var(--a2-size-6, 1.5rem);
118
- --a2-mod-avatar-indicator-size: var(--a2-size-2, 0.5rem);
119
- --a2-mod-avatar-indicator-offline-shadow-width: 0.09375rem;
120
- }._large_1orn6_97 {
121
- --a2-mod-avatar-font-size: var(--a2-font-size-500, 1.25rem);
122
- --a2-mod-avatar-font-size-10-plus-overflow: var(--a2-font-size-400, 1rem);
123
- --a2-mod-avatar-size: var(--a2-size-12, 3rem);
124
- --a2-mod-avatar-indicator-size: var(--a2-size-4, 1rem);
125
- --a2-mod-avatar-indicator-offline-shadow-width: 0.15625rem;
126
- }._overflow-ten-plus_1orn6_105 {
127
- --a2-mod-avatar-font-size: var(--a2-mod-avatar-font-size-10-plus-overflow);
128
- }
129
- }.anvil2 {._icon_1901s_1 {
130
- --a2-mod-icon-focus-ring-color: var(--a2-icon-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
131
- --a2-mod-icon-font-size: var(--a2-size-4, 1rem);
132
- --a2-mod-icon-foreground-color: var(--a2-icon-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
133
- --a2-mod-icon-height: 1em;
134
- --a2-mod-icon-padding-block-start: 0;
135
- --a2-mod-icon-width: 1em;
136
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
137
- font-size: 100%;
138
- color: inherit;
139
- margin: 0;
140
- padding: 0;
141
- border-style: none;
142
- border-width: 0;
143
- border-color: transparent;
144
- box-sizing: border-box;
145
- display: flex;
146
- border-radius: var(--a2-border-radius-circular, 100%);
147
- color: var(--a2-mod-icon-foreground-color);
148
- display: inline-flex;
149
- height: -moz-min-content;
150
- height: min-content;
151
- outline: 0 solid var(--a2-mod-icon-focus-ring-color);
152
- outline-offset: var(--a2-size-half, 0.125rem);
153
- padding-block-start: var(--a2-mod-icon-padding-block-start);
154
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
155
- }._icon_1901s_1:focus-visible, ._icon_1901s_1[data-interactive=focus-visible] {
156
- outline-width: var(--a2-size-half, 0.125rem);
157
- }._icon_1901s_1 svg {
158
- fill: currentColor;
159
- font-size: var(--a2-mod-icon-font-size);
160
- height: var(--a2-mod-icon-height);
161
- width: var(--a2-mod-icon-width);
162
- }._small_1901s_37 {
163
- --a2-mod-icon-font-size: var(--a2-size-3, 0.75rem);
164
- }._medium_1901s_41 {
165
- --a2-mod-icon-font-size: var(--a2-size-4, 1rem);
166
- }._large_1901s_45 {
167
- --a2-mod-icon-font-size: var(--a2-size-6, 1.5rem);
168
- }._xlarge_1901s_49 {
169
- --a2-mod-icon-font-size: var(--a2-size-8, 2rem);
170
- }
171
- }.anvil2 {._link_17g38_1 {
172
- --a2-mod-link-focus-ring-color: var(--a2-link-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
173
- --a2-mod-link-foreground-color: var(--a2-link-primary-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
174
- --a2-mod-link-foreground-color-hover: var(--a2-link-primary-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
175
- --a2-mod-link-text-decoration: underline solid currentColor;
176
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
177
- font-size: 100%;
178
- color: var(--a2-mod-link-foreground-color);
179
- margin: 0;
180
- padding: 0;
181
- border-style: none;
182
- border-width: 0;
183
- border-color: transparent;
184
- box-sizing: border-box;
185
- display: inline-block;
186
- align-items: center;
187
- background-color: transparent;
188
- border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
189
- color: var(--a2-mod-link-foreground-color);
190
- cursor: pointer;
191
- font-size: inherit;
192
- line-height: normal;
193
- outline: 0 solid var(--a2-mod-link-focus-ring-color);
194
- outline-offset: var(--a2-size-half, 0.125rem);
195
- text-align: start;
196
- /* autoprefixer: ignore next */
197
- text-decoration: var(--a2-mod-link-text-decoration);
198
- }._link_17g38_1[data-interactive=focus-visible], ._link_17g38_1:focus, ._link_17g38_1:focus-visible {
199
- outline-width: var(--a2-size-half, 0.125rem);
200
- color: var(--a2-mod-link-foreground-color);
201
- -webkit-text-decoration: var(--a2-mod-link-text-decoration);
202
- text-decoration: var(--a2-mod-link-text-decoration);
203
- }._link_17g38_1[data-interactive=hover], ._link_17g38_1:hover {
204
- color: var(--a2-mod-link-foreground-color-hover) !important;
205
- /* Need !important and redeclaring the property here to override !important that is in the bootstrap file...
206
- .bootstrap a:hover {
207
- text-decoration: none !important;
208
- }
209
- */
210
- -webkit-text-decoration: var(--a2-mod-link-text-decoration) !important;
211
- text-decoration: var(--a2-mod-link-text-decoration) !important;
212
- }._secondary_17g38_44 {
213
- --a2-mod-link-foreground-color: var(--a2-link-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
214
- --a2-mod-link-foreground-color-hover: var(--a2-link-secondary-foreground-color-hover, light-dark(color-mix(in srgb, var(--a2-foreground-color-default, #040404) 80%, transparent), color-mix(in srgb, var(--a2-foreground-color-default, #ffffff) 80%, transparent)));
215
- }._ghost_17g38_49:not([data-interactive=hover]):not(:hover) {
216
- --a2-mod-link-text-decoration: none;
217
- }._open-in-new_17g38_53 {
218
- padding-inline-start: var(--a2-size-1, 0.25rem);
219
- vertical-align: middle;
220
- }._open-in-new_17g38_53 svg {
221
- --a2-mod-icon-font-size: max(calc(0.75 * var(--a2-size-3, 0.75rem)), 0.75em);
222
- }a[data-anv=link]._link_17g38_1 {
223
- font-size: inherit;
224
- }
225
- }.anvil2._theme-core_bn2f2_1 {
226
- font-size: initial;
227
- font-weight: initial;
228
- line-height: initial;
229
- -webkit-font-smoothing: auto;
230
- --a2-status-color-info: var(--a2-color-blue-600, #0265dc);
231
- --a2-status-color-danger: var(--a2-color-red-600, #d62100);
232
- --a2-status-color-success: var(--a2-color-green-600, #077e50);
233
- --a2-status-color-warning: var(--a2-color-yellow-500, #ffbe00);
234
- --a2-background-color-default: var(--a2-color-neutral-0, #ffffff);
235
- --a2-background-color-default-hover: var(--a2-color-neutral-20, #f9f9f9);
236
- --a2-background-color-default-active: var(--a2-color-neutral-40, #f1f1f1);
237
- --a2-background-color-secondary: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent);
238
- --a2-background-color-secondary-hover: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent);
239
- --a2-background-color-secondary-active: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent);
240
- --a2-background-color-secondary-strong: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent);
241
- --a2-background-color-secondary-strong-hover: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent);
242
- --a2-background-color-secondary-strong-active: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent);
243
- --a2-background-color-transparent-default: rgba(0, 0, 0, 0);
244
- --a2-background-color-transparent-default-hover: color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent);
245
- --a2-background-color-transparent-default-active: color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent);
246
- --a2-background-color-transparent-primary: rgba(0, 0, 0, 0);
247
- --a2-background-color-transparent-primary-hover: color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent);
248
- --a2-background-color-transparent-primary-active: color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent);
249
- --a2-background-color-transparent-danger: rgba(0, 0, 0, 0);
250
- --a2-background-color-transparent-danger-hover: color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent);
251
- --a2-background-color-transparent-danger-active: color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent);
252
- --a2-background-color-strong: var(--a2-color-neutral-20, #f9f9f9);
253
- --a2-background-color-strong-hover: var(--a2-color-neutral-50, #eeeeee);
254
- --a2-background-color-strong-active: var(--a2-color-neutral-70, #e8e8e8);
255
- --a2-background-color-stronger: var(--a2-color-neutral-50, #eeeeee);
256
- --a2-background-color-stronger-hover: var(--a2-color-neutral-90, #e5e5e5);
257
- --a2-background-color-stronger-active: var(--a2-color-neutral-100, #dfdfdf);
258
- --a2-background-color-strongest: var(--a2-color-neutral-200, #c4c4c4);
259
- --a2-background-color-strongest-hover: var(--a2-color-neutral-300, #a8a8a8);
260
- --a2-background-color-strongest-active: var(--a2-color-neutral-400, #8b8b8b);
261
- --a2-background-color-primary: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc));
262
- --a2-background-color-primary-hover: var(--a2-color-blue-700, #1d4ca3);
263
- --a2-background-color-primary-active: var(--a2-color-blue-800, #003472);
264
- --a2-background-color-primary-subdued: var(--a2-color-blue-50, #e6f1ff);
265
- --a2-background-color-primary-subdued-hover: var(--a2-color-blue-100, #cce3ff);
266
- --a2-background-color-primary-subdued-active: var(--a2-color-blue-200, #9ecaff);
267
- --a2-background-color-primary-faint: var(--a2-color-blue-10, #fafcff);
268
- --a2-background-color-primary-faint-hover: var(--a2-color-blue-50, #e6f1ff);
269
- --a2-background-color-primary-faint-active: var(--a2-color-blue-100, #cce3ff);
270
- --a2-background-color-success: var(--a2-status-color-success, var(--a2-color-green-600, #077e50));
271
- --a2-background-color-success-hover: var(--a2-color-green-700, #05613e);
272
- --a2-background-color-success-active: var(--a2-color-green-800, #04482e);
273
- --a2-background-color-success-subdued: var(--a2-color-green-50, #d3fded);
274
- --a2-background-color-success-subdued-hover: var(--a2-color-green-100, #b8f5dd);
275
- --a2-background-color-success-subdued-active: var(--a2-color-green-200, #70ebbc);
276
- --a2-background-color-success-faint: var(--a2-color-green-10, #f5fefb);
277
- --a2-background-color-success-faint-hover: var(--a2-color-green-50, #d3fded);
278
- --a2-background-color-success-faint-active: var(--a2-color-green-100, #b8f5dd);
279
- --a2-background-color-danger: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100));
280
- --a2-background-color-danger-hover: var(--a2-color-red-700, #a31900);
281
- --a2-background-color-danger-active: var(--a2-color-red-800, #731100);
282
- --a2-background-color-danger-subdued: var(--a2-color-red-50, #ffe9e5);
283
- --a2-background-color-danger-subdued-hover: var(--a2-color-red-100, #ffd4cc);
284
- --a2-background-color-danger-subdued-active: var(--a2-color-red-200, #ffac9e);
285
- --a2-background-color-danger-faint: var(--a2-color-red-10, #fffbfa);
286
- --a2-background-color-danger-faint-hover: var(--a2-color-red-50, #ffe9e5);
287
- --a2-background-color-danger-faint-active: var(--a2-color-red-100, #ffd4cc);
288
- --a2-background-color-warning: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00));
289
- --a2-background-color-warning-hover: var(--a2-color-yellow-600, #de9500);
290
- --a2-background-color-warning-active: var(--a2-color-yellow-600, #de9500);
291
- --a2-background-color-warning-subdued: var(--a2-color-yellow-100, #fff9e2);
292
- --a2-background-color-warning-subdued-hover: var(--a2-color-yellow-200, #fff0b1);
293
- --a2-background-color-warning-subdued-active: var(--a2-color-yellow-300, #ffe278);
294
- --a2-background-color-warning-faint: var(--a2-color-yellow-10, #fffef8);
295
- --a2-background-color-warning-faint-hover: var(--a2-color-yellow-50, #fffcf0);
296
- --a2-background-color-warning-faint-active: var(--a2-color-yellow-100, #fff9e2);
297
- --a2-background-color-disabled: var(--a2-color-neutral-600, #545454);
298
- --a2-background-color-inverted: var(--a2-color-neutral-800, #292929);
299
- --a2-background-color-inverted-hover: var(--a2-color-neutral-800, #292929);
300
- --a2-background-color-inverted-active: var(--a2-color-neutral-800, #292929);
301
- --a2-background-color-inverted-strong: var(--a2-color-neutral-900, #1a1a1a);
302
- --a2-background-color-inverted-strong-hover: var(--a2-color-neutral-900, #1a1a1a);
303
- --a2-background-color-inverted-strong-active: var(--a2-color-neutral-900, #1a1a1a);
304
- --a2-border-color-default: var(--a2-color-neutral-400, #8b8b8b);
305
- --a2-border-color-subdued: var(--a2-color-neutral-80, #e6e6e6);
306
- --a2-border-color-strong: var(--a2-color-neutral-700, #404040);
307
- --a2-border-color-primary: var(--a2-color-blue-600, #0265dc);
308
- --a2-border-color-success: var(--a2-color-green-600, #077e50);
309
- --a2-border-color-warning: var(--a2-color-yellow-700, #c98600);
310
- --a2-border-color-danger: var(--a2-color-red-600, #d62100);
311
- --a2-chart-monochrome-01-fill-color: #3892f3;
312
- --a2-chart-monochrome-01-stroke-color: rgba(0, 0, 0, 0);
313
- --a2-chart-monochrome-02-fill-color: #08389c;
314
- --a2-chart-monochrome-02-stroke-color: rgba(0, 0, 0, 0);
315
- --a2-chart-monochrome-03-fill-color: #f2f9ff;
316
- --a2-chart-monochrome-03-stroke-color: #3892f3;
317
- --a2-chart-monochrome-04-fill-color: #f2f9ff;
318
- --a2-chart-monochrome-04-stroke-color: #3892f3;
319
- --a2-chart-categorical-10-fill-color: #d57a5c;
320
- --a2-chart-categorical-10-stroke-color: rgba(0, 0, 0, 0);
321
- --a2-chart-categorical-01-fill-color: #3892f3;
322
- --a2-chart-categorical-01-stroke-color: rgba(0, 0, 0, 0);
323
- --a2-chart-categorical-02-fill-color: #08389c;
324
- --a2-chart-categorical-02-stroke-color: rgba(0, 0, 0, 0);
325
- --a2-chart-categorical-03-fill-color: #0fa2b8;
326
- --a2-chart-categorical-03-stroke-color: rgba(0, 0, 0, 0);
327
- --a2-chart-categorical-04-fill-color: #907af5;
328
- --a2-chart-categorical-04-stroke-color: rgba(0, 0, 0, 0);
329
- --a2-chart-categorical-05-fill-color: #de52ce;
330
- --a2-chart-categorical-05-stroke-color: rgba(0, 0, 0, 0);
331
- --a2-chart-categorical-06-fill-color: #c2185b;
332
- --a2-chart-categorical-06-stroke-color: rgba(0, 0, 0, 0);
333
- --a2-chart-categorical-07-fill-color: #759e15;
334
- --a2-chart-categorical-07-stroke-color: rgba(0, 0, 0, 0);
335
- --a2-chart-categorical-08-fill-color: #ac6400;
336
- --a2-chart-categorical-08-stroke-color: rgba(0, 0, 0, 0);
337
- --a2-chart-categorical-09-fill-color: #eb7200;
338
- --a2-chart-categorical-09-stroke-color: rgba(0, 0, 0, 0);
339
- --a2-chart-status-success-fill-color: #007a4d;
340
- --a2-chart-status-success-stroke-color: rgba(0, 0, 0, 0);
341
- --a2-chart-status-warning-fill-color: #ffbe00;
342
- --a2-chart-status-warning-stroke-color: rgba(0, 0, 0, 0);
343
- --a2-chart-status-danger-fill-color: #e13212;
344
- --a2-chart-status-danger-stroke-color: rgba(0, 0, 0, 0);
345
- --a2-chart-status-neutral-fill-color: #ffffff;
346
- --a2-chart-status-neutral-stroke-color: #8c9ca5;
347
- --a2-focus-ring-color-default: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc));
348
- --a2-focus-ring-color-danger: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100));
349
- --a2-foreground-color-default: var(--a2-color-neutral-950, #040404);
350
- --a2-foreground-color-default-hover: var(--a2-color-neutral-950, #040404);
351
- --a2-foreground-color-default-active: var(--a2-color-neutral-950, #040404);
352
- --a2-foreground-color-subdued: var(--a2-color-neutral-500, #707070);
353
- --a2-foreground-color-subdued-hover: var(--a2-color-neutral-500, #707070);
354
- --a2-foreground-color-subdued-active: var(--a2-color-neutral-600, #545454);
355
- --a2-foreground-color-primary: var(--a2-color-blue-600, #0265dc);
356
- --a2-foreground-color-primary-hover: var(--a2-color-blue-700, #1d4ca3);
357
- --a2-foreground-color-primary-active: var(--a2-color-blue-800, #003472);
358
- --a2-foreground-color-danger: var(--a2-color-red-600, #d62100);
359
- --a2-foreground-color-danger-hover: var(--a2-color-red-700, #a31900);
360
- --a2-foreground-color-danger-active: var(--a2-color-red-800, #731100);
361
- --a2-foreground-color-inverted: var(--a2-color-neutral-0, #ffffff);
362
- --a2-foreground-color-on-primary: var(--a2-color-neutral-0, #ffffff);
363
- --a2-foreground-color-on-primary-hover: var(--a2-color-neutral-0, #ffffff);
364
- --a2-foreground-color-on-primary-active: var(--a2-color-neutral-0, #ffffff);
365
- --a2-foreground-color-on-success: var(--a2-color-neutral-0, #ffffff);
366
- --a2-foreground-color-on-danger: var(--a2-color-neutral-0, #ffffff);
367
- --a2-foreground-color-on-danger-subdued: var(--a2-color-red-700, #a31900);
368
- --a2-foreground-color-on-danger-subdued-hover: var(--a2-color-red-800, #731100);
369
- --a2-foreground-color-on-danger-subdued-active: var(--a2-color-red-900, #470b00);
370
- --a2-foreground-color-on-danger-hover: var(--a2-color-neutral-0, #ffffff);
371
- --a2-foreground-color-on-danger-active: var(--a2-color-neutral-0, #ffffff);
372
- --a2-foreground-color-on-warning: var(--a2-color-neutral-900, #1a1a1a);
373
- --a2-shadow-color-default: color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent);
374
- --a2-shadow-color-strong: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 24%, transparent);
375
- --a2-border-radius-none: var(--a2-radius-0, 0rem);
376
- --a2-border-radius-small: var(--a2-radius-1, 0.1875rem);
377
- --a2-border-radius-medium: var(--a2-radius-2, 0.375rem);
378
- --a2-border-radius-large: var(--a2-radius-4, 0.75rem);
379
- --a2-border-radius-xlarge: var(--a2-radius-8, 1.5rem);
380
- --a2-border-radius-circular: 100%;
381
- --a2-border-width-none: var(--a2-size-0, 0rem);
382
- --a2-border-width-default: var(--a2-size-quarter, 0.0625rem);
383
- --a2-border-width-strong: var(--a2-size-half, 0.125rem);
384
- --a2-chart-monochrome-01-fill-pattern: solid;
385
- --a2-chart-monochrome-01-stroke-style: solid;
386
- --a2-chart-monochrome-02-fill-pattern: solid;
387
- --a2-chart-monochrome-02-stroke-style: solid;
388
- --a2-chart-monochrome-03-fill-pattern: striped;
389
- --a2-chart-monochrome-03-stroke-style: solid;
390
- --a2-chart-monochrome-04-fill-pattern: solid;
391
- --a2-chart-monochrome-04-stroke-style: solid;
392
- --a2-chart-categorical-10-fill-pattern: solid;
393
- --a2-chart-categorical-10-stroke-style: solid;
394
- --a2-chart-categorical-01-fill-pattern: solid;
395
- --a2-chart-categorical-01-stroke-style: solid;
396
- --a2-chart-categorical-02-fill-pattern: solid;
397
- --a2-chart-categorical-02-stroke-style: solid;
398
- --a2-chart-categorical-03-fill-pattern: solid;
399
- --a2-chart-categorical-03-stroke-style: solid;
400
- --a2-chart-categorical-04-fill-pattern: solid;
401
- --a2-chart-categorical-04-stroke-style: solid;
402
- --a2-chart-categorical-05-fill-pattern: solid;
403
- --a2-chart-categorical-05-stroke-style: solid;
404
- --a2-chart-categorical-06-fill-pattern: solid;
405
- --a2-chart-categorical-06-stroke-style: solid;
406
- --a2-chart-categorical-07-fill-pattern: solid;
407
- --a2-chart-categorical-07-stroke-style: solid;
408
- --a2-chart-categorical-08-fill-pattern: solid;
409
- --a2-chart-categorical-08-stroke-style: solid;
410
- --a2-chart-categorical-09-fill-pattern: solid;
411
- --a2-chart-categorical-09-stroke-style: solid;
412
- --a2-chart-status-success-fill-pattern: solid;
413
- --a2-chart-status-success-stroke-style: solid;
414
- --a2-chart-status-warning-fill-pattern: solid;
415
- --a2-chart-status-warning-stroke-style: solid;
416
- --a2-chart-status-danger-fill-pattern: solid;
417
- --a2-chart-status-danger-stroke-style: solid;
418
- --a2-chart-status-neutral-stroke-style: solid;
419
- --a2-focus-ring-width: var(--a2-size-1, 0.25rem);
420
- --a2-focus-ring-style: solid;
421
- --a2-gradient-primary: linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%);
422
- --a2-opacity-disabled: 0.6;
423
- --a2-opacity-disabled-strong: 0.4;
424
- --a2-opacity-disabled-stronger: 0.2;
425
- --a2-shadow-size-flat: var(--a2-size-0, 0rem) var(--a2-size-0, 0rem) var(--a2-size-0, 0rem);
426
- --a2-shadow-size-float: var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem);
427
- --a2-shadow-size-overlay: var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem);
428
- --a2-typography-paragraph-size-xsmall: var(--a2-font-size-200, 0.75rem);
429
- --a2-typography-paragraph-size-small: var(--a2-font-size-300, 0.875rem);
430
- --a2-typography-paragraph-size-default: var(--a2-font-size-400, 1rem);
431
- --a2-typography-paragraph-size-large: var(--a2-font-size-500, 1.25rem);
432
- --a2-typography-paragraph-size-xlarge: var(--a2-font-size-600, 1.5rem);
433
- --a2-typography-paragraph-font-weight: var(--a2-font-weight-normal, 400);
434
- --a2-typography-paragraph-font-family: var(--a2-font-family-base, "'Nunito Sans', sans-serif");
435
- --a2-typography-heading-size-xsmall: var(--a2-font-size-300, 0.875rem);
436
- --a2-typography-heading-size-small: var(--a2-font-size-400, 1rem);
437
- --a2-typography-heading-size-default: var(--a2-font-size-500, 1.25rem);
438
- --a2-typography-heading-size-large: var(--a2-font-size-600, 1.5rem);
439
- --a2-typography-heading-size-xlarge: var(--a2-font-size-800, 2rem);
440
- --a2-typography-heading-font-weight: var(--a2-font-weight-bold, 700);
441
- --a2-typography-heading-font-family: var(--a2-font-family-display, "'Sofia Pro', SofiaPro, sans-serif");
442
- --a2-typography-label-size-xsmall: var(--a2-font-size-100, 0.625rem);
443
- --a2-typography-label-size-small: var(--a2-font-size-200, 0.75rem);
444
- --a2-typography-label-size-default: var(--a2-font-size-300, 0.875rem);
445
- --a2-typography-label-size-large: var(--a2-font-size-400, 1rem);
446
- --a2-typography-label-size-xlarge: var(--a2-font-size-500, 1.25rem);
447
- --a2-typography-label-font-weight: var(--a2-font-weight-semibold, 600);
448
- --a2-typography-label-font-family: var(--a2-font-family-base, "'Nunito Sans', sans-serif");
449
- --a2-breakpoint-sm: 640px;
450
- --a2-breakpoint-md: 768px;
451
- --a2-breakpoint-lg: 1024px;
452
- --a2-breakpoint-xl: 1280px;
453
- --a2-breakpoint-xxl: 1536px;
454
- --a2-color-neutral-0: #ffffff;
455
- --a2-color-neutral-10: #fcfcfc;
456
- --a2-color-neutral-20: #f9f9f9;
457
- --a2-color-neutral-30: #f6f6f6;
458
- --a2-color-neutral-40: #f1f1f1;
459
- --a2-color-neutral-50: #eeeeee;
460
- --a2-color-neutral-60: #ededed;
461
- --a2-color-neutral-70: #e8e8e8;
462
- --a2-color-neutral-80: #e6e6e6;
463
- --a2-color-neutral-90: #e5e5e5;
464
- --a2-color-neutral-100: #dfdfdf;
465
- --a2-color-neutral-200: #c4c4c4;
466
- --a2-color-neutral-300: #a8a8a8;
467
- --a2-color-neutral-400: #8b8b8b;
468
- --a2-color-neutral-500: #707070;
469
- --a2-color-neutral-600: #545454;
470
- --a2-color-neutral-700: #404040;
471
- --a2-color-neutral-800: #292929;
472
- --a2-color-neutral-900: #1a1a1a;
473
- --a2-color-neutral-950: #040404;
474
- --a2-color-blue-10: #fafcff;
475
- --a2-color-blue-50: #e6f1ff;
476
- --a2-color-blue-100: #cce3ff;
477
- --a2-color-blue-200: #9ecaff;
478
- --a2-color-blue-300: #70b1ff;
479
- --a2-color-blue-400: #3d95ff;
480
- --a2-color-blue-500: #1a82ff;
481
- --a2-color-blue-600: #0265dc;
482
- --a2-color-blue-700: #1d4ca3;
483
- --a2-color-blue-800: #003472;
484
- --a2-color-blue-900: #002047;
485
- --a2-color-blue-950: #000b19;
486
- --a2-color-red-10: #fffbfa;
487
- --a2-color-red-50: #ffe9e5;
488
- --a2-color-red-100: #ffd4cc;
489
- --a2-color-red-200: #ffac9e;
490
- --a2-color-red-300: #ff8670;
491
- --a2-color-red-400: #ff5b3d;
492
- --a2-color-red-500: #ff3914;
493
- --a2-color-red-600: #d62100;
494
- --a2-color-red-700: #a31900;
495
- --a2-color-red-800: #731100;
496
- --a2-color-red-900: #470b00;
497
- --a2-color-red-950: #0a0200;
498
- --a2-color-green-10: #f5fefb;
499
- --a2-color-green-50: #d3fded;
500
- --a2-color-green-100: #b8f5dd;
501
- --a2-color-green-200: #70ebbc;
502
- --a2-color-green-300: #3be3a2;
503
- --a2-color-green-400: #0bd085;
504
- --a2-color-green-500: #0aa86c;
505
- --a2-color-green-600: #077e50;
506
- --a2-color-green-700: #05613e;
507
- --a2-color-green-800: #04482e;
508
- --a2-color-green-900: #022c1c;
509
- --a2-color-green-950: #010f0a;
510
- --a2-color-blue-grey-10: #f7f9fa;
511
- --a2-color-blue-grey-50: #e9eef2;
512
- --a2-color-blue-grey-100: #dce4ea;
513
- --a2-color-blue-grey-200: #b9c9d5;
514
- --a2-color-blue-grey-300: #99b1c2;
515
- --a2-color-blue-grey-400: #7899b0;
516
- --a2-color-blue-grey-500: #55768e;
517
- --a2-color-blue-grey-600: #445e71;
518
- --a2-color-blue-grey-700: #344856;
519
- --a2-color-blue-grey-800: #24333d;
520
- --a2-color-blue-grey-900: #192329;
521
- --a2-color-blue-grey-950: #090d10;
522
- --a2-color-orange-10: #fff8f1;
523
- --a2-color-orange-50: #ffecd6;
524
- --a2-color-orange-100: #ffddb7;
525
- --a2-color-orange-200: #ffc07a;
526
- --a2-color-orange-300: #ffa037;
527
- --a2-color-orange-400: #e37700;
528
- --a2-color-orange-500: #c16500;
529
- --a2-color-orange-600: #964f00;
530
- --a2-color-orange-700: #693700;
531
- --a2-color-orange-800: #4d2800;
532
- --a2-color-orange-900: #2e1900;
533
- --a2-color-orange-950: #140b00;
534
- --a2-color-cyan-10: #f2fcfe;
535
- --a2-color-cyan-50: #daf7fc;
536
- --a2-color-cyan-100: #c2f2fb;
537
- --a2-color-cyan-200: #7fe5f6;
538
- --a2-color-cyan-300: #45d8f2;
539
- --a2-color-cyan-400: #10c2e2;
540
- --a2-color-cyan-500: #0da2bd;
541
- --a2-color-cyan-600: #0a7a8e;
542
- --a2-color-cyan-700: #075563;
543
- --a2-color-cyan-800: #05424d;
544
- --a2-color-cyan-900: #032025;
545
- --a2-color-cyan-950: #011013;
546
- --a2-color-purple-10: #fcfbfe;
547
- --a2-color-purple-50: #eeecf9;
548
- --a2-color-purple-100: #e7e4f6;
549
- --a2-color-purple-200: #c9c2eb;
550
- --a2-color-purple-300: #b1a7e2;
551
- --a2-color-purple-400: #9688d7;
552
- --a2-color-purple-500: #7766cc;
553
- --a2-color-purple-600: #5c47c2;
554
- --a2-color-purple-700: #3f2f8e;
555
- --a2-color-purple-800: #2e2267;
556
- --a2-color-purple-900: #191338;
557
- --a2-color-purple-950: #100c25;
558
- --a2-color-magenta-10: #fefbfd;
559
- --a2-color-magenta-50: #fae6f3;
560
- --a2-color-magenta-100: #f8ddef;
561
- --a2-color-magenta-200: #efb3db;
562
- --a2-color-magenta-300: #e892cc;
563
- --a2-color-magenta-400: #eb61be;
564
- --a2-color-magenta-500: #d741a6;
565
- --a2-color-magenta-600: #be288d;
566
- --a2-color-magenta-700: #831b60;
567
- --a2-color-magenta-800: #591342;
568
- --a2-color-magenta-900: #26081c;
569
- --a2-color-magenta-950: #15040f;
570
- --a2-color-mauves-10: #fffbfa;
571
- --a2-color-mauves-50: #fff7f5;
572
- --a2-color-mauves-100: #fff4f0;
573
- --a2-color-mauves-200: #ffe4db;
574
- --a2-color-mauves-300: #ffd1c2;
575
- --a2-color-mauves-400: #ffaf94;
576
- --a2-color-mauves-500: #ffa78a;
577
- --a2-color-mauves-600: #d88569;
578
- --a2-color-mauves-700: #d27151;
579
- --a2-color-mauves-800: #823a21;
580
- --a2-color-mauves-900: #411d11;
581
- --a2-color-mauves-950: #200e08;
582
- --a2-color-lime-10: #fdfdfc;
583
- --a2-color-lime-50: #eaf0db;
584
- --a2-color-lime-100: #e3eccf;
585
- --a2-color-lime-200: #c3d595;
586
- --a2-color-lime-300: #a8c26a;
587
- --a2-color-lime-400: #8aad39;
588
- --a2-color-lime-500: #6b9013;
589
- --a2-color-lime-600: #56750b;
590
- --a2-color-lime-700: #3a5007;
591
- --a2-color-lime-800: #2a3a03;
592
- --a2-color-lime-900: #111801;
593
- --a2-color-lime-950: #0a0f01;
594
- --a2-color-yellow-10: #fffef8;
595
- --a2-color-yellow-50: #fffcf0;
596
- --a2-color-yellow-100: #fff9e2;
597
- --a2-color-yellow-200: #fff0b1;
598
- --a2-color-yellow-300: #ffe278;
599
- --a2-color-yellow-400: #ffc902;
600
- --a2-color-yellow-500: #ffbe00;
601
- --a2-color-yellow-600: #de9500;
602
- --a2-color-yellow-700: #c98600;
603
- --a2-color-yellow-800: #704b00;
604
- --a2-color-yellow-900: #382500;
605
- --a2-color-yellow-950: #191100;
606
- --a2-color-brown-10: #fefcfb;
607
- --a2-color-brown-50: #f1e3da;
608
- --a2-color-brown-100: #eddace;
609
- --a2-color-brown-200: #e1c1ad;
610
- --a2-color-brown-300: #d4a487;
611
- --a2-color-brown-400: #c5855e;
612
- --a2-color-brown-500: #a9663d;
613
- --a2-color-brown-600: #74462a;
614
- --a2-color-brown-700: #5e3922;
615
- --a2-color-brown-800: #432918;
616
- --a2-color-brown-900: #1e120b;
617
- --a2-color-brown-950: #0c0704;
618
- --a2-duration-default: 200ms;
619
- --a2-duration-instant: 0ms;
620
- --a2-duration-fast: 100ms;
621
- --a2-duration-slow: 300ms;
622
- --a2-font-family-base: 'Nunito Sans', sans-serif;
623
- --a2-font-family-display: 'Sofia Pro', SofiaPro, sans-serif;
624
- --a2-font-line-height-base: 1.5;
625
- --a2-font-line-height-display: 1.25;
626
- --a2-font-weight-normal: 400;
627
- --a2-font-weight-semibold: 600;
628
- --a2-font-weight-bold: 700;
629
- --a2-font-size-100: 0.625rem;
630
- --a2-font-size-200: 0.75rem;
631
- --a2-font-size-300: 0.875rem;
632
- --a2-font-size-400: 1rem;
633
- --a2-font-size-500: 1.25rem;
634
- --a2-font-size-600: 1.5rem;
635
- --a2-font-size-700: 1.75rem;
636
- --a2-font-size-800: 2rem;
637
- --a2-font-size-900: 2.25rem;
638
- --a2-radius-0: 0rem;
639
- --a2-radius-1: 0.1875rem;
640
- --a2-radius-2: 0.375rem;
641
- --a2-radius-3: 0.5625rem;
642
- --a2-radius-4: 0.75rem;
643
- --a2-radius-5: 0.9375rem;
644
- --a2-radius-6: 1.125rem;
645
- --a2-radius-7: 1.3125rem;
646
- --a2-radius-8: 1.5rem;
647
- --a2-size-0: 0rem;
648
- --a2-size-1: 0.25rem;
649
- --a2-size-2: 0.5rem;
650
- --a2-size-3: 0.75rem;
651
- --a2-size-4: 1rem;
652
- --a2-size-5: 1.25rem;
653
- --a2-size-6: 1.5rem;
654
- --a2-size-7: 1.75rem;
655
- --a2-size-8: 2rem;
656
- --a2-size-9: 2.25rem;
657
- --a2-size-10: 2.5rem;
658
- --a2-size-11: 2.75rem;
659
- --a2-size-12: 3rem;
660
- --a2-size-13: 3.25rem;
661
- --a2-size-14: 3.5rem;
662
- --a2-size-quarter: 0.0625rem;
663
- --a2-size-half: 0.125rem;
664
- --a2-transition-ease: cubic-bezier(.4, 0, .2, 1);
665
- --a2-transition-ease-in: cubic-bezier(.4, 0, 1, 1);
666
- --a2-transition-ease-out: cubic-bezier(0, 0, .4, 1);
667
- --a2-transition-ease-in-out: cubic-bezier(.4, 0, .6, 1);
668
- }
669
- @supports (color: light-dark(#fff, #000)) {
670
- .anvil2._theme-core_bn2f2_1 {
671
- --a2-status-color-info: light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff));
672
- --a2-status-color-danger: light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d));
673
- --a2-status-color-success: light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085));
674
- --a2-status-color-warning: light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278));
675
- --a2-background-color-default: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
676
- --a2-background-color-default-hover: light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929));
677
- --a2-background-color-default-active: light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040));
678
- --a2-background-color-secondary: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent));
679
- --a2-background-color-secondary-hover: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent));
680
- --a2-background-color-secondary-active: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent));
681
- --a2-background-color-secondary-strong: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent));
682
- --a2-background-color-secondary-strong-hover: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent));
683
- --a2-background-color-secondary-strong-active: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent));
684
- --a2-background-color-transparent-default: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
685
- --a2-background-color-transparent-default-hover: light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent));
686
- --a2-background-color-transparent-default-active: light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent));
687
- --a2-background-color-transparent-primary: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
688
- --a2-background-color-transparent-primary-hover: light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent));
689
- --a2-background-color-transparent-primary-active: light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent));
690
- --a2-background-color-transparent-danger: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
691
- --a2-background-color-transparent-danger-hover: light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent));
692
- --a2-background-color-transparent-danger-active: light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent));
693
- --a2-background-color-strong: light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929));
694
- --a2-background-color-strong-hover: light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040));
695
- --a2-background-color-strong-active: light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454));
696
- --a2-background-color-stronger: light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040));
697
- --a2-background-color-stronger-hover: light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454));
698
- --a2-background-color-stronger-active: light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070));
699
- --a2-background-color-strongest: light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070));
700
- --a2-background-color-strongest-hover: light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b));
701
- --a2-background-color-strongest-active: light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8));
702
- --a2-background-color-primary: light-dark(var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)), var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)));
703
- --a2-background-color-primary-hover: light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff));
704
- --a2-background-color-primary-active: light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff));
705
- --a2-background-color-primary-subdued: light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent));
706
- --a2-background-color-primary-subdued-hover: light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent));
707
- --a2-background-color-primary-subdued-active: light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent));
708
- --a2-background-color-primary-faint: light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19));
709
- --a2-background-color-primary-faint-hover: light-dark(var(--a2-color-blue-50, #e6f1ff), var(--a2-color-blue-800, #003472));
710
- --a2-background-color-primary-faint-active: light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-700, #1d4ca3));
711
- --a2-background-color-success: light-dark(var(--a2-status-color-success, var(--a2-color-green-600, #077e50)), var(--a2-status-color-success, var(--a2-color-green-600, #077e50)));
712
- --a2-background-color-success-hover: light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-300, #3be3a2));
713
- --a2-background-color-success-active: light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-50, #d3fded));
714
- --a2-background-color-success-subdued: light-dark(var(--a2-color-green-50, #d3fded), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent));
715
- --a2-background-color-success-subdued-hover: light-dark(var(--a2-color-green-100, #b8f5dd), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent));
716
- --a2-background-color-success-subdued-active: light-dark(var(--a2-color-green-200, #70ebbc), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent));
717
- --a2-background-color-success-faint: light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a));
718
- --a2-background-color-success-faint-hover: light-dark(var(--a2-color-green-50, #d3fded), var(--a2-color-green-800, #04482e));
719
- --a2-background-color-success-faint-active: light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-700, #05613e));
720
- --a2-background-color-danger: light-dark(var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)), var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)));
721
- --a2-background-color-danger-hover: light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670));
722
- --a2-background-color-danger-active: light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e));
723
- --a2-background-color-danger-subdued: light-dark(var(--a2-color-red-50, #ffe9e5), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent));
724
- --a2-background-color-danger-subdued-hover: light-dark(var(--a2-color-red-100, #ffd4cc), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent));
725
- --a2-background-color-danger-subdued-active: light-dark(var(--a2-color-red-200, #ffac9e), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent));
726
- --a2-background-color-danger-faint: light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200));
727
- --a2-background-color-danger-faint-hover: light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-800, #731100));
728
- --a2-background-color-danger-faint-active: light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900));
729
- --a2-background-color-warning: light-dark(var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)), var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)));
730
- --a2-background-color-warning-hover: light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2));
731
- --a2-background-color-warning-active: light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2));
732
- --a2-background-color-warning-subdued: light-dark(var(--a2-color-yellow-100, #fff9e2), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent));
733
- --a2-background-color-warning-subdued-hover: light-dark(var(--a2-color-yellow-200, #fff0b1), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent));
734
- --a2-background-color-warning-subdued-active: light-dark(var(--a2-color-yellow-300, #ffe278), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent));
735
- --a2-background-color-warning-faint: light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100));
736
- --a2-background-color-warning-faint-hover: light-dark(var(--a2-color-yellow-50, #fffcf0), var(--a2-color-yellow-800, #704b00));
737
- --a2-background-color-warning-faint-active: light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-700, #c98600));
738
- --a2-background-color-disabled: light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070));
739
- --a2-background-color-inverted: light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9));
740
- --a2-background-color-inverted-hover: light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9));
741
- --a2-background-color-inverted-active: light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9));
742
- --a2-background-color-inverted-strong: light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff));
743
- --a2-background-color-inverted-strong-hover: light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff));
744
- --a2-background-color-inverted-strong-active: light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff));
745
- --a2-border-color-default: light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454));
746
- --a2-border-color-subdued: light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040));
747
- --a2-border-color-strong: light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6));
748
- --a2-border-color-primary: light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff));
749
- --a2-border-color-success: light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc));
750
- --a2-border-color-warning: light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1));
751
- --a2-border-color-danger: light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e));
752
- --a2-chart-monochrome-01-fill-color: light-dark(#3892f3, #8AC3FF);
753
- --a2-chart-monochrome-01-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
754
- --a2-chart-monochrome-02-fill-color: light-dark(#08389c, #3476FF);
755
- --a2-chart-monochrome-02-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
756
- --a2-chart-monochrome-03-fill-color: light-dark(#f2f9ff, #141414);
757
- --a2-chart-monochrome-03-stroke-color: light-dark(#3892f3, #8AC3FF);
758
- --a2-chart-monochrome-04-fill-color: light-dark(#f2f9ff, #F2F9FF);
759
- --a2-chart-monochrome-04-stroke-color: light-dark(#3892f3, #8AC3FF);
760
- --a2-chart-categorical-10-fill-color: light-dark(#d57a5c, #D99078);
761
- --a2-chart-categorical-10-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
762
- --a2-chart-categorical-01-fill-color: light-dark(#3892f3, #3892F3);
763
- --a2-chart-categorical-01-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
764
- --a2-chart-categorical-02-fill-color: light-dark(#08389c, #3476FF);
765
- --a2-chart-categorical-02-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
766
- --a2-chart-categorical-03-fill-color: light-dark(#0fa2b8, #C6F6FF);
767
- --a2-chart-categorical-03-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
768
- --a2-chart-categorical-04-fill-color: light-dark(#907af5, #C6B8F4);
769
- --a2-chart-categorical-04-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
770
- --a2-chart-categorical-05-fill-color: light-dark(#de52ce, #D949A9);
771
- --a2-chart-categorical-05-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
772
- --a2-chart-categorical-06-fill-color: light-dark(#c2185b, #ED1369);
773
- --a2-chart-categorical-06-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
774
- --a2-chart-categorical-07-fill-color: light-dark(#759e15, #8CC30B);
775
- --a2-chart-categorical-07-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
776
- --a2-chart-categorical-08-fill-color: light-dark(#ac6400, #B36800);
777
- --a2-chart-categorical-08-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
778
- --a2-chart-categorical-09-fill-color: light-dark(#eb7200, #FFA037);
779
- --a2-chart-categorical-09-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
780
- --a2-chart-status-success-fill-color: light-dark(#007a4d, #49CC93);
781
- --a2-chart-status-success-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
782
- --a2-chart-status-warning-fill-color: light-dark(#ffbe00, #ffe278);
783
- --a2-chart-status-warning-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
784
- --a2-chart-status-danger-fill-color: light-dark(#e13212, #ff745f);
785
- --a2-chart-status-danger-stroke-color: light-dark(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
786
- --a2-chart-status-neutral-fill-color: light-dark(#ffffff, #141414);
787
- --a2-chart-status-neutral-stroke-color: light-dark(#8c9ca5, #B4C1C8);
788
- --a2-focus-ring-color-default: light-dark(var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)), var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)));
789
- --a2-focus-ring-color-danger: light-dark(var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)), var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)));
790
- --a2-foreground-color-default: light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff));
791
- --a2-foreground-color-default-hover: light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff));
792
- --a2-foreground-color-default-active: light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff));
793
- --a2-foreground-color-subdued: light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4));
794
- --a2-foreground-color-subdued-hover: light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4));
795
- --a2-foreground-color-subdued-active: light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf));
796
- --a2-foreground-color-primary: light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff));
797
- --a2-foreground-color-primary-hover: light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff));
798
- --a2-foreground-color-primary-active: light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff));
799
- --a2-foreground-color-danger: light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d));
800
- --a2-foreground-color-danger-hover: light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670));
801
- --a2-foreground-color-danger-active: light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e));
802
- --a2-foreground-color-inverted: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
803
- --a2-foreground-color-on-primary: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
804
- --a2-foreground-color-on-primary-hover: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
805
- --a2-foreground-color-on-primary-active: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
806
- --a2-foreground-color-on-success: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
807
- --a2-foreground-color-on-danger: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
808
- --a2-foreground-color-on-danger-subdued: light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff));
809
- --a2-foreground-color-on-danger-subdued-hover: light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff));
810
- --a2-foreground-color-on-danger-subdued-active: light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff));
811
- --a2-foreground-color-on-danger-hover: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
812
- --a2-foreground-color-on-danger-active: light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a));
813
- --a2-foreground-color-on-warning: light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-900, #1a1a1a));
814
- --a2-shadow-color-default: light-dark(color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent));
815
- --a2-shadow-color-strong: light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 24%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 24%, transparent));
816
- }
817
- }
818
-
819
- ._mode-light_bn2f2_595 {
820
- color-scheme: light;
821
- }
822
-
823
- ._mode-dark_bn2f2_599 {
824
- color-scheme: dark;
825
- }.anvil2 {._content_1arq6_1 {
826
- --a2-mod-tooltip-background-color: var(--a2-tooltip-background-color, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
827
- --a2-mod-tooltip-foreground-color: var(--a2-tooltip-foreground-color, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
828
- --a2-mod-tooltip-opacity: 0;
829
- --a2-mod-tooltip-shadow-color: var(--a2-tooltip-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
830
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
831
- font-size: 100%;
832
- color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
833
- margin: 0;
834
- padding: var(--a2-size-1, 0.25rem) var(--a2-size-2, 0.5rem);
835
- border-style: none;
836
- border-width: 0;
837
- border-color: transparent;
838
- box-sizing: border-box;
839
- display: revert-layer;
840
- background-color: var(--a2-mod-tooltip-background-color);
841
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
842
- box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-mod-tooltip-shadow-color);
843
- color: var(--a2-mod-tooltip-foreground-color);
844
- font-size: var(--a2-font-size-300, 0.875rem);
845
- font-weight: var(--a2-font-weight-normal, 400);
846
- inset: auto;
847
- line-height: var(--a2-font-line-height-base, 1.5);
848
- opacity: var(--a2-mod-tooltip-opacity);
849
- overflow: visible;
850
- text-align: start;
851
- white-space: pre-line;
852
- width: -moz-max-content;
853
- width: max-content;
854
- transition: opacity var(--a2-duration-fast, 100ms), width var(--a2-duration-fast, 100ms), height var(--a2-duration-fast, 100ms), overlay var(--a2-duration-fast, 100ms) allow-discrete, display var(--a2-duration-fast, 100ms) allow-discrete;
855
- }._content_1arq6_1:not(:popover-open):not(dialog[open]) {
856
- display: none !important;
857
- }._content_1arq6_1:popover-open {
858
- --a2-mod-tooltip-opacity: 1;
859
- }._scroller_1arq6_38 {
860
- max-width: 16rem;
861
- outline: none;
862
- }._trigger_1arq6_43 {
863
- display: var(--a2-mod-tooltip-display, inline-flex);
864
- height: -moz-min-content;
865
- height: min-content;
866
- }._arrow_1arq6_48 {
867
- --a2-mod-tooltip-background-color: var(--a2-tooltip-background-color, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
868
- fill: var(--a2-mod-tooltip-background-color);
869
- height: 0.875rem;
870
- pointer-events: none;
871
- position: absolute;
872
- width: 0.875rem;
873
- }
874
- }.anvil2 {._spinner_2axc3_1 {
875
- --a2-mod-spinner-arc-foreground-color: var(--a2-spinner-arc-foreground-color, currentColor);
876
- --a2-mod-spinner-foreground-color-primary: var(--a2-spinner-foreground-color-primary, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
877
- --a2-mod-spinner-track-foreground-color: var(--a2-spinner-track-foreground-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));
878
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
879
- font-size: 100%;
880
- color: inherit;
881
- margin: 0;
882
- padding: 0;
883
- border-style: none;
884
- border-width: 0;
885
- border-color: transparent;
886
- box-sizing: border-box;
887
- display: revert-layer;
888
- aspect-ratio: 1;
889
- color: var(--a2-mod-spinner-color, var(--a2-mod-spinner-foreground-color-primary));
890
- display: block;
891
- overflow: hidden;
892
- width: var(--a2-mod-spinner-size, var(--a2-size-10, 2.5rem));
893
- }._inherit_2axc3_22 {
894
- --a2-mod-spinner-foreground-color-current: var(--a2-spinner-foreground-color-current, currentColor);
895
- --a2-mod-spinner-color: var(--a2-mod-spinner-foreground-color-current);
896
- }._size-small_2axc3_27 {
897
- --a2-mod-spinner-size: var(--a2-size-4, 1rem);
898
- }._size-medium_2axc3_31 {
899
- --a2-mod-spinner-size: var(--a2-size-10, 2.5rem);
900
- }._size-large_2axc3_35 {
901
- --a2-mod-spinner-size: 5rem;
902
- }._track_2axc3_39 {
903
- stroke: var(--a2-mod-spinner-track-foreground-color);
904
- }._arc_2axc3_43 {
905
- stroke: var(--a2-mod-spinner-arc-foreground-color);
906
- }
907
- }.anvil2 {._button_108lc_1 {
908
- --a2-internal-button-background-color: var(--a2-mod-button-background-color);
909
- --a2-internal-button-foreground-color: var(--a2-mod-button-foreground-color);
910
- --a2-mod-button-background-color: var(--a2-button-secondary-background-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));
911
- --a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
912
- --a2-mod-button-background-color-disabled: var(--a2-button-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
913
- --a2-mod-button-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
914
- --a2-mod-button-border-color: var(--a2-button-secondary-border-color, rgba(0, 0, 0, 0));
915
- --a2-mod-button-border-radius: var(--a2-button-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
916
- --a2-mod-button-cursor: pointer;
917
- --a2-mod-button-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
918
- --a2-mod-button-font-size: var(--a2-size-4, 1rem);
919
- --a2-mod-button-foreground-color: var(--a2-button-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
920
- --a2-mod-button-foreground-color-active: var(--a2-button-secondary-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
921
- --a2-mod-button-foreground-color-disabled: var(--a2-button-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
922
- --a2-mod-button-foreground-color-hover: var(--a2-button-secondary-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
923
- --a2-mod-button-line-height: var(--a2-size-4, 1rem);
924
- --a2-mod-button-min-width: 2.5rem;
925
- --a2-mod-button-outline-width: 0;
926
- --a2-mod-button-padding-block-end: var(--a2-mod-button-padding-medium-block);
927
- --a2-mod-button-padding-block-start: var(
928
- --a2-mod-button-padding-medium-block
929
- );
930
- --a2-mod-button-padding-inline-end: var(
931
- --a2-mod-button-padding-medium-inline
932
- );
933
- --a2-mod-button-padding-inline-start: var(
934
- --a2-mod-button-padding-medium-inline
935
- );
936
- --a2-mod-button-padding-large-block: calc(var(--a2-size-4, 1rem) - var(--a2-size-quarter, 0.0625rem));
937
- --a2-mod-button-padding-large-inline: var(--a2-size-6, 1.5rem);
938
- --a2-mod-button-padding-medium-block: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
939
- --a2-mod-button-padding-medium-inline: var(--a2-size-4, 1rem);
940
- --a2-mod-button-padding-small-block: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
941
- --a2-mod-button-padding-small-inline: var(--a2-size-3, 0.75rem);
942
- --a2-mod-button-padding-xsmall-block: calc(var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem));
943
- --a2-mod-button-padding-xsmall-inline: var(--a2-size-2, 0.5rem);
944
- --a2-mod-button-type-icon-padding-large: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
945
- --a2-mod-button-type-icon-padding-small-medium: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
946
- --a2-mod-button-type-icon-padding-xsmall: calc(var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem));
947
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
948
- font-size: 100%;
949
- color: inherit;
950
- margin: 0;
951
- padding: 0;
952
- border-style: none;
953
- border-width: 0;
954
- border-color: transparent;
955
- box-sizing: border-box;
956
- display: revert-layer;
957
- align-items: center;
958
- background-color: var(--a2-internal-button-background-color);
959
- border-color: var(--a2-mod-button-border-color);
960
- border-radius: var(--a2-mod-button-border-radius);
961
- border-style: solid;
962
- border-width: var(--a2-mod-button-border-width, var(--a2-size-quarter, 0.0625rem));
963
- box-shadow: 0 0 0 0 transparent;
964
- color: var(--a2-internal-button-foreground-color);
965
- cursor: var(--a2-mod-button-cursor);
966
- display: inline-flex;
967
- font-size: var(--a2-mod-button-font-size);
968
- font-weight: var(--a2-font-weight-semibold, 600);
969
- gap: 0.5em;
970
- height: -moz-fit-content;
971
- height: fit-content;
972
- isolation: isolate;
973
- justify-content: center;
974
- line-height: var(--a2-mod-button-line-height);
975
- min-width: var(--a2-mod-button-min-width);
976
- outline-color: var(--a2-mod-button-focus-ring-color);
977
- outline-offset: var(--a2-size-half, 0.125rem);
978
- outline-style: solid;
979
- outline-width: var(--a2-mod-button-outline-width, 0);
980
- padding-block-end: var(--a2-mod-button-padding-block-end);
981
- padding-block-start: var(--a2-mod-button-padding-block-start);
982
- padding-inline-end: var(--a2-mod-button-padding-inline-end);
983
- padding-inline-start: var(--a2-mod-button-padding-inline-start);
984
- position: relative;
985
- text-align: start;
986
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
987
- width: var(--a2-mod-button-width, -moz-fit-content);
988
- width: var(--a2-mod-button-width, fit-content);
989
- }._button_108lc_1:not(:disabled, [aria-disabled=true])[data-interactive=focus-visible], ._button_108lc_1:not(:disabled, [aria-disabled=true]):focus-visible, ._button_108lc_1:not(:disabled, [aria-disabled=true]):focus {
990
- --a2-mod-button-outline-width: var(--a2-size-half, 0.125rem);
991
- }._button_108lc_1[data-interactive=hover]:not(:disabled, [aria-disabled=true]), ._button_108lc_1:hover:not(:disabled, [aria-disabled=true]) {
992
- --a2-internal-button-background-color: var(
993
- --a2-mod-button-background-color-hover
994
- );
995
- --a2-internal-button-foreground-color: var(
996
- --a2-mod-button-foreground-color-hover
997
- );
998
- }._button_108lc_1[data-interactive=active]:not(:disabled, [aria-disabled=true]), ._button_108lc_1:active:not(:disabled, [aria-disabled=true]) {
999
- --a2-internal-button-background-color: var(
1000
- --a2-mod-button-background-color-active
1001
- );
1002
- --a2-internal-button-foreground-color: var(
1003
- --a2-mod-button-foreground-color-active
1004
- );
1005
- }._button_108lc_1[aria-disabled=true], ._button_108lc_1:disabled {
1006
- --a2-mod-button-background-color: var(
1007
- --a2-mod-button-background-color-disabled
1008
- );
1009
- --a2-mod-button-border-color: transparent;
1010
- --a2-mod-button-cursor: not-allowed;
1011
- --a2-mod-button-foreground-color: var(
1012
- --a2-mod-button-foreground-color-disabled
1013
- );
1014
- opacity: var(--a2-opacity-disabled, 0.6);
1015
- }._loading_108lc_113 {
1016
- --a2-mod-button-cursor: progress;
1017
- }._loading-spinner_108lc_117 {
1018
- --a2-mod-spinner-height: var(--a2-size-4, 1rem);
1019
- }._size-xsmall_108lc_121 {
1020
- --a2-mod-button-font-size: var(--a2-size-3, 0.75rem);
1021
- --a2-mod-button-line-height: var(--a2-size-4, 1rem);
1022
- --a2-mod-button-padding-block-end: var(--a2-mod-button-padding-xsmall-block);
1023
- --a2-mod-button-padding-block-start: var(
1024
- --a2-mod-button-padding-xsmall-block
1025
- );
1026
- --a2-mod-button-padding-inline-start: var(
1027
- --a2-mod-button-padding-xsmall-inline
1028
- );
1029
- --a2-mod-button-padding-inline-end: var(
1030
- --a2-mod-button-padding-xsmall-inline
1031
- );
1032
- }._size-small_108lc_136 {
1033
- --a2-mod-button-font-size: calc(var(--a2-size-3, 0.75rem) + var(--a2-size-half, 0.125rem));
1034
- --a2-mod-button-line-height: var(--a2-size-4, 1rem);
1035
- --a2-mod-button-padding-block-end: var(--a2-mod-button-padding-small-block);
1036
- --a2-mod-button-padding-block-start: var(--a2-mod-button-padding-small-block);
1037
- --a2-mod-button-padding-inline-start: var(
1038
- --a2-mod-button-padding-small-inline
1039
- );
1040
- --a2-mod-button-padding-inline-end: var(--a2-mod-button-padding-small-inline);
1041
- }._size-medium_108lc_147 {
1042
- --a2-mod-button-font-size: var(--a2-size-4, 1rem);
1043
- --a2-mod-button-line-height: var(--a2-size-4, 1rem);
1044
- --a2-mod-button-padding-block-end: var(--a2-mod-button-padding-medium-block);
1045
- --a2-mod-button-padding-block-start: var(
1046
- --a2-mod-button-padding-medium-block
1047
- );
1048
- --a2-mod-button-padding-inline-start: var(
1049
- --a2-mod-button-padding-medium-inline
1050
- );
1051
- --a2-mod-button-padding-inline-end: var(
1052
- --a2-mod-button-padding-medium-inline
1053
- );
1054
- }._size-large_108lc_162 {
1055
- --a2-mod-button-font-size: var(--a2-size-4, 1rem);
1056
- --a2-mod-button-line-height: var(--a2-size-4, 1rem);
1057
- --a2-mod-button-padding-block-end: var(--a2-mod-button-padding-large-block);
1058
- --a2-mod-button-padding-block-start: var(--a2-mod-button-padding-large-block);
1059
- --a2-mod-button-padding-inline-start: var(
1060
- --a2-mod-button-padding-large-inline
1061
- );
1062
- --a2-mod-button-padding-inline-end: var(--a2-mod-button-padding-large-inline);
1063
- }._appearance-primary_108lc_173 {
1064
- --a2-mod-button-background-color: var(--a2-button-primary-background-color, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1065
- --a2-mod-button-background-color-active: var(--a2-button-primary-background-color-active, var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff))));
1066
- --a2-mod-button-background-color-disabled: var(--a2-button-primary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1067
- --a2-mod-button-background-color-hover: var(--a2-button-primary-background-color-hover, var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
1068
- --a2-mod-button-border-color: var(--a2-button-primary-border-color, rgba(0, 0, 0, 0));
1069
- --a2-mod-button-border-radius: var(--a2-button-primary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
1070
- --a2-mod-button-focus-ring-color: var(--a2-button-primary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1071
- --a2-mod-button-foreground-color: var(--a2-button-primary-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
1072
- --a2-mod-button-foreground-color-active: var(--a2-button-primary-foreground-color-active, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
1073
- --a2-mod-button-foreground-color-disabled: var(--a2-button-primary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1074
- --a2-mod-button-foreground-color-hover: var(--a2-button-primary-foreground-color-hover, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
1075
- }._appearance-secondary_108lc_187 {
1076
- --a2-mod-button-background-color: var(--a2-button-secondary-background-color, var(--a2-background-color-secondary, light-dark(rgba(4, 4, 4, 0.0588235294), rgba(255, 255, 255, 0.0784313725))));
1077
- --a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
1078
- --a2-mod-button-background-color-disabled: var(--a2-button-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1079
- --a2-mod-button-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
1080
- --a2-mod-button-border-color: var(--a2-button-secondary-border-color, rgba(0, 0, 0, 0));
1081
- --a2-mod-button-border-radius: var(--a2-button-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
1082
- --a2-mod-button-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1083
- --a2-mod-button-foreground-color: var(--a2-button-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1084
- --a2-mod-button-foreground-color-active: var(--a2-button-secondary-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1085
- --a2-mod-button-foreground-color-disabled: var(--a2-button-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1086
- --a2-mod-button-foreground-color-hover: var(--a2-button-secondary-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1087
- }._appearance-ghost_108lc_201 {
1088
- --a2-mod-button-background-color: var(--a2-button-ghost-background-color, rgba(0, 0, 0, 0));
1089
- --a2-mod-button-background-color-active: var(--a2-button-ghost-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
1090
- --a2-mod-button-background-color-disabled: var(--a2-button-ghost-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1091
- --a2-mod-button-background-color-hover: var(--a2-button-ghost-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
1092
- --a2-mod-button-border-color: var(--a2-button-ghost-border-color, rgba(0, 0, 0, 0));
1093
- --a2-mod-button-border-radius: var(--a2-button-ghost-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
1094
- --a2-mod-button-focus-ring-color: var(--a2-button-ghost-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1095
- --a2-mod-button-foreground-color: var(--a2-button-ghost-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1096
- --a2-mod-button-foreground-color-active: var(--a2-button-ghost-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1097
- --a2-mod-button-foreground-color-disabled: var(--a2-button-ghost-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1098
- --a2-mod-button-foreground-color-hover: var(--a2-button-ghost-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1099
- }._danger-primary_108lc_215 {
1100
- --a2-mod-button-background-color: var(--a2-button-danger-primary-background-color, var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
1101
- --a2-mod-button-background-color-active: var(--a2-button-danger-primary-background-color-active, var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
1102
- --a2-mod-button-background-color-disabled: var(--a2-button-danger-primary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1103
- --a2-mod-button-background-color-hover: var(--a2-button-danger-primary-background-color-hover, var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
1104
- --a2-mod-button-border-color: var(--a2-button-danger-primary-border-color, rgba(0, 0, 0, 0));
1105
- --a2-mod-button-border-radius: var(--a2-button-danger-primary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
1106
- --a2-mod-button-focus-ring-color: var(--a2-button-danger-primary-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
1107
- --a2-mod-button-foreground-color: var(--a2-button-danger-primary-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
1108
- --a2-mod-button-foreground-color-active: var(--a2-button-danger-primary-foreground-color-active, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
1109
- --a2-mod-button-foreground-color-disabled: var(--a2-button-danger-primary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1110
- --a2-mod-button-foreground-color-hover: var(--a2-button-danger-primary-foreground-color-hover, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
1111
- }._danger-secondary_108lc_229 {
1112
- --a2-mod-button-background-color: var(--a2-button-danger-secondary-background-color, var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), rgba(255, 134, 112, 0.2))));
1113
- --a2-mod-button-background-color-active: var(--a2-button-danger-secondary-background-color-active, var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), rgba(255, 134, 112, 0.4))));
1114
- --a2-mod-button-background-color-disabled: var(--a2-button-danger-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1115
- --a2-mod-button-background-color-hover: var(--a2-button-danger-secondary-background-color-hover, var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), rgba(255, 134, 112, 0.3019607843))));
1116
- --a2-mod-button-border-color: var(--a2-button-danger-secondary-border-color, rgba(0, 0, 0, 0));
1117
- --a2-mod-button-border-radius: var(--a2-button-danger-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
1118
- --a2-mod-button-focus-ring-color: var(--a2-button-danger-secondary-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
1119
- --a2-mod-button-foreground-color: var(--a2-button-danger-secondary-foreground-color, var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff))));
1120
- --a2-mod-button-foreground-color-active: var(--a2-button-danger-secondary-foreground-color-active, var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff))));
1121
- --a2-mod-button-foreground-color-disabled: var(--a2-button-danger-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1122
- --a2-mod-button-foreground-color-hover: var(--a2-button-danger-secondary-foreground-color-hover, var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff))));
1123
- }._size-xsmall-icon_108lc_243 {
1124
- --a2-mod-button-min-width: auto;
1125
- --a2-mod-button-padding-block-end: var(
1126
- --a2-mod-button-type-icon-padding-xsmall
1127
- );
1128
- --a2-mod-button-padding-block-start: var(
1129
- --a2-mod-button-type-icon-padding-xsmall
1130
- );
1131
- --a2-mod-button-padding-inline-start: var(
1132
- --a2-mod-button-type-icon-padding-xsmall
1133
- );
1134
- --a2-mod-button-padding-inline-end: var(
1135
- --a2-mod-button-type-icon-padding-xsmall
1136
- );
1137
- }._size-small-icon_108lc_259 {
1138
- --a2-mod-button-min-width: auto;
1139
- --a2-mod-button-padding-block-end: var(
1140
- --a2-mod-button-type-icon-padding-small-medium
1141
- );
1142
- --a2-mod-button-padding-block-start: var(
1143
- --a2-mod-button-type-icon-padding-small-medium
1144
- );
1145
- --a2-mod-button-padding-inline-start: var(
1146
- --a2-mod-button-type-icon-padding-small-medium
1147
- );
1148
- --a2-mod-button-padding-inline-end: var(
1149
- --a2-mod-button-type-icon-padding-small-medium
1150
- );
1151
- }._size-medium-icon_108lc_275 {
1152
- --a2-mod-button-min-width: auto;
1153
- --a2-mod-button-padding-block-end: var(
1154
- --a2-mod-button-type-icon-padding-small-medium
1155
- );
1156
- --a2-mod-button-padding-block-start: var(
1157
- --a2-mod-button-type-icon-padding-small-medium
1158
- );
1159
- --a2-mod-button-padding-inline-start: var(
1160
- --a2-mod-button-type-icon-padding-small-medium
1161
- );
1162
- --a2-mod-button-padding-inline-end: var(
1163
- --a2-mod-button-type-icon-padding-small-medium
1164
- );
1165
- }._size-large-icon_108lc_291 {
1166
- --a2-mod-button-min-width: auto;
1167
- --a2-mod-button-padding-block-end: var(
1168
- --a2-mod-button-type-icon-padding-large
1169
- );
1170
- --a2-mod-button-padding-block-start: var(
1171
- --a2-mod-button-type-icon-padding-large
1172
- );
1173
- --a2-mod-button-padding-inline-start: var(
1174
- --a2-mod-button-type-icon-padding-large
1175
- );
1176
- --a2-mod-button-padding-inline-end: var(
1177
- --a2-mod-button-type-icon-padding-large
1178
- );
1179
- }a._button_108lc_1 {
1180
- color: var(--a2-internal-button-foreground-color) !important;
1181
- }
1182
- }.anvil2 {._field-label-button_1jrqp_1 {
1183
- --a2-internal-field-label-button-inner-background-color: var(
1184
- --a2-mod-field-label-button-inner-background-color
1185
- );
1186
- --a2-internal-field-label-button-outline-width: var(
1187
- --a2-mod-field-label-button-outline-width
1188
- );
1189
- --a2-mod-field-label-button-cursor: pointer;
1190
- --a2-mod-field-label-button-inner-background-color: transparent;
1191
- --a2-mod-field-label-button-inner-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
1192
- --a2-mod-field-label-button-inner-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
1193
- --a2-mod-field-label-button-outline-width: 0;
1194
- --a2-mod-field-label-button-outline-width-focus: var(--a2-size-half, 0.125rem);
1195
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1196
- font-size: 100%;
1197
- color: inherit;
1198
- margin: 0;
1199
- padding: 0;
1200
- border-style: none;
1201
- border-width: 0;
1202
- border-color: transparent;
1203
- box-sizing: border-box;
1204
- display: revert-layer;
1205
- align-items: center;
1206
- background-color: transparent;
1207
- border: none;
1208
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
1209
- box-sizing: border-box;
1210
- cursor: var(--a2-mod-field-label-button-cursor);
1211
- display: inline-flex;
1212
- flex-shrink: 0;
1213
- height: var(--a2-size-7, 1.75rem);
1214
- justify-content: center;
1215
- outline-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1216
- outline-offset: var(--a2-size-quarter, 0.0625rem);
1217
- outline-style: solid;
1218
- outline-width: var(--a2-internal-field-label-button-outline-width);
1219
- padding: 0;
1220
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
1221
- width: var(--a2-size-7, 1.75rem);
1222
- }._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):hover {
1223
- --a2-internal-field-label-button-inner-background-color: var(
1224
- --a2-mod-field-label-button-inner-background-color-hover
1225
- );
1226
- }._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):focus-visible, ._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):focus {
1227
- --a2-internal-field-label-button-inner-background-color: var(
1228
- --a2-mod-field-label-button-inner-background-color-hover
1229
- );
1230
- --a2-internal-field-label-button-outline-width: var(
1231
- --a2-mod-field-label-button-outline-width-focus
1232
- );
1233
- }._field-label-button_1jrqp_1:not(:disabled, [aria-disabled=true]):active {
1234
- --a2-internal-field-label-button-inner-background-color: var(
1235
- --a2-mod-field-label-button-inner-background-color-active
1236
- );
1237
- }._field-label-button_1jrqp_1:disabled, ._field-label-button_1jrqp_1._disabled_1jrqp_60, ._field-label-button_1jrqp_1[aria-disabled=true] {
1238
- --a2-mod-field-label-button-cursor: not-allowed;
1239
- opacity: var(--a2-opacity-disabled, 0.6);
1240
- }._field-label-button__inner_1jrqp_65 {
1241
- align-items: center;
1242
- background-color: var(--a2-internal-field-label-button-inner-background-color);
1243
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
1244
- display: inline-flex;
1245
- height: var(--a2-size-6, 1.5rem);
1246
- justify-content: center;
1247
- pointer-events: none;
1248
- transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
1249
- width: var(--a2-size-6, 1.5rem);
1250
- }._field-label-button_1jrqp_1._field-label-button-scaled_1jrqp_77 {
1251
- height: var(--a2-inline-field-label-button-outer, var(--a2-size-7, 1.75rem));
1252
- width: var(--a2-inline-field-label-button-outer, var(--a2-size-7, 1.75rem));
1253
- }._field-label-button_1jrqp_1._field-label-button-scaled_1jrqp_77 ._field-label-button__inner_1jrqp_65 {
1254
- height: var(--a2-inline-field-label-button-inner, var(--a2-size-6, 1.5rem));
1255
- width: var(--a2-inline-field-label-button-inner, var(--a2-size-6, 1.5rem));
1256
- }
1257
- }.anvil2 {._content_1nngh_1 {
1258
- --a2-mod-popover-background-color: var(--a2-popover-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1259
- --a2-mod-popover-border-color: var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
1260
- --a2-mod-popover-bridge-size: var(--a2-size-2, 0.5rem);
1261
- --a2-mod-popover-content-opacity: 0;
1262
- --a2-mod-popover-foreground-color: var(--a2-popover-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1263
- --a2-mod-popover-shadow-color: var(--a2-popover-content-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
1264
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1265
- font-size: 100%;
1266
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
1267
- margin: 0;
1268
- padding: 0;
1269
- border-style: solid;
1270
- border-width: var(--a2-size-quarter, 0.0625rem);
1271
- border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)));
1272
- box-sizing: border-box;
1273
- display: revert-layer;
1274
- background-color: var(--a2-mod-popover-background-color);
1275
- border-color: var(--a2-mod-popover-border-color);
1276
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
1277
- box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-mod-popover-shadow-color);
1278
- color: var(--a2-mod-popover-foreground-color);
1279
- font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
1280
- font-weight: var(--a2-font-weight-normal, 400);
1281
- inset: auto;
1282
- max-width: calc(100% - 2 * var(--a2-size-3, 0.75rem));
1283
- opacity: var(--a2-mod-popover-content-opacity);
1284
- overflow: visible;
1285
- position: absolute !important;
1286
- transition: opacity var(--a2-duration-fast, 100ms), width var(--a2-duration-fast, 100ms), height var(--a2-duration-fast, 100ms), overlay var(--a2-duration-fast, 100ms) allow-discrete, display var(--a2-duration-fast, 100ms) allow-discrete;
1287
- white-space: pre-line;
1288
- width: -moz-max-content;
1289
- width: max-content;
1290
- }._content_1nngh_1:popover-open {
1291
- --a2-mod-popover-content-opacity: 1;
1292
- }@starting-style {
1293
- ._content_1nngh_1:popover-open {
1294
- --a2-mod-popover-content-opacity: 0;
1295
- }
1296
- }._content_1nngh_1[data-position]::before {
1297
- background: transparent;
1298
- content: "";
1299
- pointer-events: auto;
1300
- position: absolute;
1301
- }._content_1nngh_1[data-position=bottom]::before {
1302
- height: var(--a2-mod-popover-bridge-size);
1303
- bottom: 100%;
1304
- left: 0;
1305
- width: 100%;
1306
- }._content_1nngh_1[data-position=top]::before {
1307
- height: var(--a2-mod-popover-bridge-size);
1308
- left: 0;
1309
- top: 100%;
1310
- width: 100%;
1311
- }._content_1nngh_1[data-position=left]::before {
1312
- height: 100%;
1313
- left: 100%;
1314
- top: 0;
1315
- width: var(--a2-mod-popover-bridge-size);
1316
- }._content_1nngh_1[data-position=right]::before {
1317
- height: 100%;
1318
- right: 100%;
1319
- top: 0;
1320
- width: var(--a2-mod-popover-bridge-size);
1321
- }._scroller_1nngh_78 {
1322
- box-sizing: border-box;
1323
- height: inherit;
1324
- max-height: inherit;
1325
- min-height: inherit;
1326
- outline: none;
1327
- overflow: auto;
1328
- padding: var(--a2-size-4, 1rem);
1329
- }._no-padding_1nngh_88 ._scroller_1nngh_78 {
1330
- padding-block: 0;
1331
- padding-inline: 0;
1332
- }._arrow_1nngh_93 {
1333
- --a2-mod-popover-arrow-fill-color: var(--a2-popover-arrow-fill-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1334
- fill: var(--a2-mod-popover-arrow-fill-color);
1335
- height: 0.875rem;
1336
- position: absolute;
1337
- width: 0.875rem;
1338
- }._arrow_1nngh_93 path {
1339
- --a2-mod-popover-arrow-stroke-color: var(--a2-popover-arrow-stroke-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
1340
- stroke: var(--a2-mod-popover-arrow-stroke-color);
1341
- stroke-dasharray: 0, 0.875rem, 0.8125rem;
1342
- stroke-linejoin: round;
1343
- stroke-width: var(--a2-size-quarter, 0.0625rem);
1344
- }
1345
- }.anvil2 {._tooltip-trigger_a3zbf_1 {
1346
- display: contents !important;
1347
- }._container_a3zbf_5 {
1348
- --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);
1349
- --a2-mod-aimark-padding-lg-block: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
1350
- --a2-mod-aimark-padding-lg-inline: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
1351
- --a2-mod-aimark-padding-sm-block: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
1352
- --a2-mod-aimark-padding-sm-inline: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
1353
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1354
- font-size: 100%;
1355
- color: inherit;
1356
- margin: 0;
1357
- padding: 0;
1358
- border-style: none;
1359
- border-width: 0;
1360
- border-color: transparent;
1361
- box-sizing: border-box;
1362
- display: flex;
1363
- align-items: center;
1364
- color: inherit;
1365
- display: inline-flex;
1366
- justify-content: center;
1367
- position: relative;
1368
- }._container_a3zbf_5 ._button-wrapper_a3zbf_28 {
1369
- display: flex;
1370
- left: 50%;
1371
- position: absolute;
1372
- top: 50%;
1373
- transform: translate(-50%, -50%);
1374
- }._container_a3zbf_5 ._button-wrapper_a3zbf_28 button svg {
1375
- font-size: var(--a2-mod-aimark-button-svg-font-size);
1376
- }._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40) {
1377
- height: var(--a2-size-4, 1rem);
1378
- }._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40) {
1379
- width: var(--a2-size-4, 1rem);
1380
- }._container_a3zbf_5._with-padding_a3zbf_40 {
1381
- border: 1px solid transparent;
1382
- padding-block: var(--a2-mod-aimark-padding-sm-block);
1383
- padding-inline: var(--a2-mod-aimark-padding-sm-inline);
1384
- }._container_a3zbf_5._with-padding_a3zbf_40._collapse-block_a3zbf_40 {
1385
- padding-block: 0;
1386
- }._container_a3zbf_5._with-padding_a3zbf_40._collapse-inline_a3zbf_44 {
1387
- padding-inline: 0;
1388
- }._container_a3zbf_5._small_a3zbf_62 {
1389
- --a2-mod-aimark-button-svg-font-size: var(--a2-size-3, 0.75rem);
1390
- height: var(--a2-size-3, 0.75rem);
1391
- width: var(--a2-size-3, 0.75rem);
1392
- }._container_a3zbf_5._medium_a3zbf_68 {
1393
- --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);
1394
- height: var(--a2-size-4, 1rem);
1395
- width: var(--a2-size-4, 1rem);
1396
- }._container_a3zbf_5._large_a3zbf_74 {
1397
- --a2-mod-aimark-button-svg-font-size: var(--a2-size-6, 1.5rem);
1398
- height: var(--a2-size-6, 1.5rem);
1399
- width: var(--a2-size-6, 1.5rem);
1400
- }._container_a3zbf_5._xlarge_a3zbf_80 {
1401
- --a2-mod-aimark-button-svg-font-size: var(--a2-size-8, 2rem);
1402
- height: var(--a2-size-8, 2rem);
1403
- width: var(--a2-size-8, 2rem);
1404
- }._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._small_a3zbf_62 {
1405
- height: var(--a2-size-3, 0.75rem);
1406
- }._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._medium_a3zbf_68 {
1407
- height: var(--a2-size-4, 1rem);
1408
- }._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._large_a3zbf_74 {
1409
- height: var(--a2-size-6, 1.5rem);
1410
- }._container_a3zbf_5._collapse-block_a3zbf_40:not(._with-padding_a3zbf_40)._xlarge_a3zbf_80 {
1411
- height: var(--a2-size-8, 2rem);
1412
- }._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._small_a3zbf_62 {
1413
- width: var(--a2-size-3, 0.75rem);
1414
- }._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._medium_a3zbf_68 {
1415
- width: var(--a2-size-4, 1rem);
1416
- }._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._large_a3zbf_74 {
1417
- width: var(--a2-size-6, 1.5rem);
1418
- }._container_a3zbf_5._collapse-inline_a3zbf_44:not(._with-padding_a3zbf_40)._xlarge_a3zbf_80 {
1419
- width: var(--a2-size-8, 2rem);
1420
- }._container_a3zbf_5._with-padding_a3zbf_40._large_a3zbf_74,
1421
- ._container_a3zbf_5._with-padding_a3zbf_40._xlarge_a3zbf_80 {
1422
- padding-block: var(--a2-mod-aimark-padding-lg-block);
1423
- padding-inline: var(--a2-mod-aimark-padding-lg-inline);
1424
- }._container_a3zbf_5._with-padding_a3zbf_40._large_a3zbf_74._collapse-block_a3zbf_40,
1425
- ._container_a3zbf_5._with-padding_a3zbf_40._xlarge_a3zbf_80._collapse-block_a3zbf_40 {
1426
- padding-block: 0;
1427
- }._container_a3zbf_5._with-padding_a3zbf_40._large_a3zbf_74._collapse-inline_a3zbf_44,
1428
- ._container_a3zbf_5._with-padding_a3zbf_40._xlarge_a3zbf_80._collapse-inline_a3zbf_44 {
1429
- padding-inline: 0;
1430
- }
1431
- }.anvil2 {._chip_9zzbi_1 {
1432
- --a2-internal-chip-background-color: var(
1433
- --a2-inline-bg-color,
1434
- var(--a2-mod-chip-background-color)
1435
- );
1436
- --a2-mod-chip-background-color: var(--a2-chip-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
1437
- --a2-mod-chip-background-color-active: var(--a2-chip-background-color-active, var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070))));
1438
- --a2-mod-chip-background-color-hover: var(--a2-chip-background-color-hover, var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454))));
1439
- --a2-mod-chip-border-color: var(--a2-chip-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
1440
- --a2-mod-chip-close-size: var(--a2-size-6, 1.5rem);
1441
- --a2-mod-chip-focus-ring-color: var(--a2-chip-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1442
- --a2-mod-chip-foreground-color: var(--a2-chip-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1443
- --a2-mod-chip-min-height: 1.625rem;
1444
- --a2-mod-chip-padding-inline: var(--a2-size-2, 0.5rem);
1445
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1446
- font-size: 100%;
1447
- color: inherit;
1448
- margin: 0;
1449
- padding: 0;
1450
- border-style: none;
1451
- border-width: 0;
1452
- border-color: transparent;
1453
- box-sizing: border-box;
1454
- display: inline-flex;
1455
- background-color: var(--a2-internal-chip-background-color);
1456
- border: var(--a2-size-quarter, 0.0625rem) solid var(--a2-inline-border-color, var(--a2-mod-chip-border-color));
1457
- border-radius: calc(var(--a2-mod-chip-min-height) / 2);
1458
- color: var(--a2-inline-font-color, var(--a2-mod-chip-foreground-color));
1459
- cursor: default;
1460
- font-size: var(--a2-mod-chip-font-size, var(--a2-font-size-300, 0.875rem));
1461
- font-weight: var(--a2-font-weight-semibold, 600);
1462
- gap: var(--a2-mod-chip-gap, var(--a2-size-1, 0.25rem));
1463
- height: -moz-min-content;
1464
- height: min-content;
1465
- max-width: var(--a2-mod-chip-max-width, -moz-fit-content);
1466
- max-width: var(--a2-mod-chip-max-width, fit-content);
1467
- min-height: var(--a2-mod-chip-min-height);
1468
- margin-block-start: var(--a2-mod-chip-margin-block-start, 0);
1469
- margin-block-end: var(--a2-mod-chip-margin-block-end, 0);
1470
- outline: 0 solid var(--a2-mod-chip-focus-ring-color);
1471
- outline-offset: var(--a2-size-half, 0.125rem);
1472
- padding-inline: var(--a2-mod-chip-padding-inline);
1473
- padding-inline-end: var(--a2-mod-chip-padding-inline-end, var(--a2-size-2, 0.5rem));
1474
- position: relative;
1475
- transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
1476
- }._chip_9zzbi_1:focus-visible, ._chip_9zzbi_1[data-interactive=focus-visible] {
1477
- outline-width: var(--a2-size-half, 0.125rem);
1478
- }._chip_9zzbi_1[role=button] {
1479
- cursor: pointer;
1480
- }._chip_9zzbi_1[role=button]:not(:has(._close_9zzbi_51:hover)):hover, ._chip_9zzbi_1[role=button]:not(:has(._close_9zzbi_51:hover))[data-interactive=hover] {
1481
- --a2-internal-chip-background-color: var(
1482
- --a2-inline-bg-color-hover,
1483
- var(--a2-mod-chip-background-color-hover)
1484
- );
1485
- }._chip_9zzbi_1[role=button]:not(:has(._close_9zzbi_51:hover)):active, ._chip_9zzbi_1[role=button]:not(:has(._close_9zzbi_51:hover))[data-interactive=active] {
1486
- --a2-internal-chip-background-color: var(
1487
- --a2-inline-bg-color-active,
1488
- var(--a2-mod-chip-background-color-active)
1489
- );
1490
- }._inner_9zzbi_64 {
1491
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1492
- font-size: 100%;
1493
- color: inherit;
1494
- margin: 0;
1495
- padding: 0;
1496
- border-style: none;
1497
- border-width: 0;
1498
- border-color: transparent;
1499
- box-sizing: border-box;
1500
- display: inline-block;
1501
- color: inherit;
1502
- line-height: 1;
1503
- overflow: var(--a2-mod-chip-inner-overflow, hidden);
1504
- padding-block: var(--a2-mod-chip-inner-padding-block, calc(var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem)));
1505
- text-overflow: var(--a2-mod-chip-inner-text-overflow, ellipsis);
1506
- text-wrap: var(--a2-mod-chip-inner-text-wrap, nowrap);
1507
- white-space: var(--a2-mod-chip-inner-white-space, nowrap);
1508
- word-break: var(--a2-mod-chip-inner-word-break, normal);
1509
- }._close_9zzbi_51 {
1510
- --a2-internal-chip-close-background-color: var(
1511
- --a2-internal-chip-background-color,
1512
- var(--a2-mod-chip-close-background-color)
1513
- );
1514
- --a2-mod-chip-close-background-color: var(--a2-chip-close-background-color, rgba(0, 0, 0, 0));
1515
- --a2-mod-chip-close-background-color-active: var(--a2-chip-close-background-color-active, var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8))));
1516
- --a2-mod-chip-close-background-color-hover: var(--a2-chip-close-background-color-hover, var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b))));
1517
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1518
- font-size: 100%;
1519
- color: inherit;
1520
- margin: 0;
1521
- padding: 0;
1522
- border-style: none;
1523
- border-width: 0;
1524
- border-color: transparent;
1525
- box-sizing: border-box;
1526
- display: inline-flex;
1527
- align-items: center;
1528
- background-color: var(--a2-internal-chip-close-background-color);
1529
- border-radius: var(--a2-border-radius-circular, 100%);
1530
- cursor: pointer;
1531
- flex-shrink: 0;
1532
- height: var(--a2-mod-chip-close-size);
1533
- inset-inline-end: 0;
1534
- justify-content: center;
1535
- outline: 0 solid var(--a2-mod-chip-focus-ring-color);
1536
- outline-offset: var(--a2-size-half, 0.125rem);
1537
- transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
1538
- width: var(--a2-mod-chip-close-size);
1539
- }._close_9zzbi_51 span {
1540
- color: inherit;
1541
- }._close_9zzbi_51 span svg {
1542
- fill: currentColor;
1543
- }._close_9zzbi_51:hover {
1544
- --a2-internal-chip-close-background-color: var(
1545
- --a2-inline-close-background-color-hover,
1546
- var(--a2-mod-chip-close-background-color-hover)
1547
- );
1548
- }._close_9zzbi_51:active {
1549
- --a2-internal-chip-close-background-color: var(
1550
- --a2-inline-close-background-color-active,
1551
- var(--a2-mod-chip-close-background-color-active)
1552
- );
1553
- }._chip_9zzbi_1[data-interactive=close-hover] ._close_9zzbi_51 {
1554
- --a2-internal-chip-close-background-color: var(
1555
- --a2-inline-close-background-color-hover,
1556
- var(--a2-mod-chip-close-background-color-hover)
1557
- );
1558
- }._prefix_9zzbi_142 {
1559
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1560
- font-size: 100%;
1561
- color: inherit;
1562
- margin: 0;
1563
- padding: 0;
1564
- border-style: none;
1565
- border-width: 0;
1566
- border-color: transparent;
1567
- box-sizing: border-box;
1568
- display: inline-flex;
1569
- color: inherit;
1570
- line-height: var(--a2-size-4, 1rem);
1571
- padding-block: var(--a2-mod-chip-prefix-padding-block, var(--a2-size-1, 0.25rem));
1572
- }._prefix_9zzbi_142 [data-anv=icon] {
1573
- position: relative;
1574
- top: var(--a2-mod-chip-prefix-icon-top, calc(-1 * var(--a2-size-quarter, 0.0625rem)));
1575
- }._button_9zzbi_162 {
1576
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1577
- font-size: 100%;
1578
- color: inherit;
1579
- margin: 0;
1580
- padding: 0;
1581
- border-style: none;
1582
- border-width: 0;
1583
- border-color: transparent;
1584
- box-sizing: border-box;
1585
- display: inline-flex;
1586
- }._avatar_9zzbi_175 {
1587
- align-items: center;
1588
- color: inherit;
1589
- display: inline-flex;
1590
- flex-shrink: 0;
1591
- inset-inline-start: 0;
1592
- justify-content: center;
1593
- margin-inline-start: calc(-1 * var(--a2-mod-chip-padding-inline));
1594
- }._avatar_9zzbi_175 [data-anv=avatar] {
1595
- border: none;
1596
- }._multiline_9zzbi_188 {
1597
- margin-inline-start: unset;
1598
- padding-inline-end: var(--a2-size-1, 0.25rem);
1599
- }._text-wrap_9zzbi_193 {
1600
- --a2-mod-chip-inner-overflow: visible;
1601
- --a2-mod-chip-inner-text-overflow: initial;
1602
- --a2-mod-chip-inner-text-wrap: wrap;
1603
- --a2-mod-chip-inner-white-space: normal;
1604
- --a2-mod-chip-inner-word-break: break-word;
1605
- }._size-small_9zzbi_201 {
1606
- --a2-mod-chip-close-size: var(--a2-size-4, 1rem);
1607
- --a2-mod-chip-font-size: var(--a2-font-size-200, 0.75rem);
1608
- --a2-mod-chip-gap: var(--a2-size-half, 0.125rem);
1609
- --a2-mod-chip-inner-padding-block: var(--a2-size-half, 0.125rem);
1610
- --a2-mod-chip-min-height: 1.125rem;
1611
- --a2-mod-chip-padding-inline: calc(var(--a2-size-1, 0.25rem) + var(--a2-size-half, 0.125rem));
1612
- --a2-mod-chip-padding-inline-end: calc(var(--a2-size-1, 0.25rem) + var(--a2-size-half, 0.125rem));
1613
- --a2-mod-chip-prefix-icon-top: 0;
1614
- --a2-mod-chip-prefix-padding-block: var(--a2-size-half, 0.125rem);
1615
- }._has-close_9zzbi_213 {
1616
- --a2-mod-chip-padding-inline-end: 0;
1617
- }
1618
- }.anvil2 {._headline_1wbl3_1 {
1619
- --a2-mod-text-headline-ai-mark-margin-block-start: var(--a2-size-1, 0.25rem);
1620
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1621
- font-size: 100%;
1622
- color: inherit;
1623
- margin: 0;
1624
- padding: 0;
1625
- border-style: none;
1626
- border-width: 0;
1627
- border-color: transparent;
1628
- box-sizing: border-box;
1629
- display: revert-layer;
1630
- font-family: var(--a2-typography-heading-font-family, var(--a2-font-family-display, "Sofia Pro", SofiaPro, sans-serif));
1631
- font-size: var(--a2-mod-text-headline-font-size, var(--a2-typography-heading-size-default, var(--a2-font-size-500, 1.25rem)));
1632
- font-style: normal;
1633
- font-weight: var(--a2-typography-heading-font-weight, var(--a2-font-weight-bold, 700));
1634
- line-height: 1.25;
1635
- margin-block-end: var(--a2-size-2, 0.5rem);
1636
- margin-block-start: 0;
1637
- margin-inline-end: 0;
1638
- margin-inline-start: 0;
1639
- unicode-bidi: normal;
1640
- }._headline-with-ai-mark_1wbl3_25 {
1641
- align-items: flex-start;
1642
- display: inline-flex;
1643
- gap: var(--a2-size-2, 0.5rem);
1644
- }._headline-ai-mark_1wbl3_31 {
1645
- display: inline-flex;
1646
- margin-block-start: var(--a2-mod-text-headline-ai-mark-margin-block-start);
1647
- }._eyebrow_1wbl3_36 {
1648
- --a2-mod-text-foreground-color-subdued: var(--a2-text-foreground-color-subdued, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1649
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1650
- font-size: 100%;
1651
- color: var(--a2-mod-text-foreground-color-subdued);
1652
- margin: 0;
1653
- padding: 0;
1654
- border-style: none;
1655
- border-width: 0;
1656
- border-color: transparent;
1657
- box-sizing: border-box;
1658
- display: revert-layer;
1659
- font-size: var(--a2-mod-text-eyebrow-font-size, var(--a2-typography-label-size-small, var(--a2-font-size-200, 0.75rem)));
1660
- font-style: normal;
1661
- font-weight: var(--a2-typography-label-font-weight, var(--a2-font-weight-semibold, 600));
1662
- letter-spacing: var(--a2-mod-text-eyebrow-letter-spacing, 0.05em);
1663
- line-height: 1.5;
1664
- margin-block: 0;
1665
- margin-inline: 0;
1666
- opacity: var(--a2-mod-text-eyebrow-opacity);
1667
- padding-block: var(--a2-mod-text-eyebrow-padding-block, 0);
1668
- padding-inline: var(--a2-mod-text-eyebrow-padding-inline, 0);
1669
- text-transform: uppercase;
1670
- }._bodytext_1wbl3_61 {
1671
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1672
- font-size: 100%;
1673
- color: inherit;
1674
- margin: 0;
1675
- padding: 0;
1676
- border-style: none;
1677
- border-width: 0;
1678
- border-color: transparent;
1679
- box-sizing: border-box;
1680
- display: revert-layer;
1681
- font-size: var(--a2-mod-text-bodytext-font-size, var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem)));
1682
- font-style: inherit;
1683
- line-height: 1.5;
1684
- margin-block: 0;
1685
- margin-inline: 0;
1686
- }._headline_1wbl3_1,
1687
- ._eyebrow_1wbl3_36,
1688
- ._bodytext_1wbl3_61 {
1689
- --a2-mod-text-focus-ring-color: var(--a2-text-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
1690
- outline: 0 solid var(--a2-mod-text-focus-ring-color);
1691
- outline-offset: var(--a2-size-half, 0.125rem);
1692
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
1693
- }._headline_1wbl3_1:focus-visible,
1694
- ._eyebrow_1wbl3_36:focus-visible,
1695
- ._bodytext_1wbl3_61:focus-visible {
1696
- outline-width: var(--a2-size-half, 0.125rem);
1697
- }._xlarge_1wbl3_93 {
1698
- --a2-mod-text-bodytext-font-size: var(--a2-typography-paragraph-size-xlarge, var(--a2-font-size-600, 1.5rem));
1699
- --a2-mod-text-headline-ai-mark-margin-block-start: calc(
1700
- var(--a2-size-1, 0.25rem) + var(--a2-size-quarter, 0.0625rem)
1701
- );
1702
- --a2-mod-text-headline-font-size: var(--a2-typography-heading-size-xlarge, var(--a2-font-size-800, 2rem));
1703
- }._large_1wbl3_101 {
1704
- --a2-mod-text-bodytext-font-size: var(--a2-typography-paragraph-size-large, var(--a2-font-size-500, 1.25rem));
1705
- --a2-mod-text-eyebrow-font-size: var(--a2-typography-label-size-default, var(--a2-font-size-300, 0.875rem));
1706
- --a2-mod-text-headline-font-size: var(--a2-typography-heading-size-large, var(--a2-font-size-600, 1.5rem));
1707
- }._small_1wbl3_107 {
1708
- --a2-mod-text-bodytext-font-size: var(--a2-typography-paragraph-size-small, var(--a2-font-size-300, 0.875rem));
1709
- --a2-mod-text-eyebrow-font-size: var(--a2-typography-label-size-xsmall, var(--a2-font-size-100, 0.625rem));
1710
- --a2-mod-text-headline-ai-mark-margin-block-start: var(--a2-size-half, 0.125rem);
1711
- --a2-mod-text-headline-font-size: var(--a2-typography-heading-size-small, var(--a2-font-size-400, 1rem));
1712
- }._subdued_1wbl3_114 {
1713
- --a2-mod-text-foreground-color-subdued: var(--a2-text-foreground-color-subdued, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1714
- color: var(--a2-mod-text-foreground-color-subdued);
1715
- }._inline_1wbl3_119 {
1716
- display: inline;
1717
- }
1718
- }.anvil2 {._container_8f0xc_1 {
1719
- --a2-mod-divider-border-color: var(--a2-divider-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
1720
- --a2-mod-divider-spacing: 0;
1721
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1722
- font-size: 100%;
1723
- color: inherit;
1724
- margin: 0;
1725
- padding: 0;
1726
- border-style: none;
1727
- border-width: 0;
1728
- border-color: transparent;
1729
- box-sizing: border-box;
1730
- display: flex;
1731
- background-color: unset;
1732
- overflow: visible;
1733
- position: relative;
1734
- width: -webkit-fill-available;
1735
- width: -moz-available;
1736
- width: stretch;
1737
- }._divider_8f0xc_20 {
1738
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1739
- font-size: 100%;
1740
- color: inherit;
1741
- margin: 0;
1742
- padding: 0;
1743
- border-style: none;
1744
- border-width: 0;
1745
- border-color: transparent;
1746
- box-sizing: border-box;
1747
- display: inline-block;
1748
- flex: 1;
1749
- height: var(--a2-mod-divider-height, var(--a2-size-quarter, 0.0625rem));
1750
- min-width: var(--a2-size-4, 1rem);
1751
- text-align: center;
1752
- width: var(--a2-mod-divider-width, -webkit-fill-available);
1753
- width: var(--a2-mod-divider-width, -moz-available);
1754
- width: var(--a2-mod-divider-width, stretch);
1755
- }._content_8f0xc_38 {
1756
- background-color: inherit;
1757
- display: inline-flex;
1758
- font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
1759
- height: inherit;
1760
- padding-block: var(--a2-size-2, 0.5rem);
1761
- padding-inline: var(--a2-mod-divider-content-padding-start, var(--a2-size-2, 0.5rem)) var(--a2-mod-divider-content-padding-end, var(--a2-size-2, 0.5rem));
1762
- z-index: 1;
1763
- }._spacing-0_8f0xc_48 {
1764
- --a2-mod-divider-spacing: 0;
1765
- }._spacing-half_8f0xc_52 {
1766
- --a2-mod-divider-spacing: var(--a2-size-half, 0.125rem);
1767
- }._spacing-1_8f0xc_56 {
1768
- --a2-mod-divider-spacing: var(--a2-size-1, 0.25rem);
1769
- }._spacing-2_8f0xc_60 {
1770
- --a2-mod-divider-spacing: var(--a2-size-2, 0.5rem);
1771
- }._spacing-3_8f0xc_64 {
1772
- --a2-mod-divider-spacing: var(--a2-size-3, 0.75rem);
1773
- }._spacing-4_8f0xc_68 {
1774
- --a2-mod-divider-spacing: var(--a2-size-4, 1rem);
1775
- }._spacing-5_8f0xc_72 {
1776
- --a2-mod-divider-spacing: var(--a2-size-5, 1.25rem);
1777
- }._spacing-6_8f0xc_76 {
1778
- --a2-mod-divider-spacing: var(--a2-size-6, 1.5rem);
1779
- }._spacing-8_8f0xc_80 {
1780
- --a2-mod-divider-spacing: var(--a2-size-8, 2rem);
1781
- }._spacing-12_8f0xc_84 {
1782
- --a2-mod-divider-spacing: var(--a2-size-12, 3rem);
1783
- }._align-start_8f0xc_88 {
1784
- --a2-mod-divider-content-padding-start: 0;
1785
- }._align-end_8f0xc_92 {
1786
- --a2-mod-divider-content-padding-end: 0;
1787
- }._container_8f0xc_1:not(._vertical_8f0xc_96) {
1788
- align-items: center;
1789
- padding-block: var(--a2-mod-divider-spacing);
1790
- }._container_8f0xc_1:not(._vertical_8f0xc_96) ._divider_8f0xc_20 {
1791
- border-block-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-divider-border-color);
1792
- }._vertical_8f0xc_96 {
1793
- flex-direction: column;
1794
- padding-inline: var(--a2-mod-divider-spacing);
1795
- width: var(--a2-size-quarter, 0.0625rem);
1796
- }._vertical_8f0xc_96 ._divider_8f0xc_20 {
1797
- --a2-mod-divider-height: 100%;
1798
- --a2-mod-divider-width: var(--a2-size-quarter, 0.0625rem);
1799
- border-inline-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-divider-border-color);
1800
- }._vertical_8f0xc_96 ._content_8f0xc_38 {
1801
- padding-block: var(--a2-mod-divider-content-padding-start, var(--a2-size-2, 0.5rem)) var(--a2-mod-divider-content-padding-end, var(--a2-size-2, 0.5rem));
1802
- padding-inline: var(--a2-size-2, 0.5rem);
1803
- transform: translateX(-50%);
1804
- width: -moz-fit-content;
1805
- width: fit-content;
1806
- }
1807
- }.anvil2 {._flex_1yrhm_1 {
1808
- box-sizing: border-box;
1809
- display: flex;
1810
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1811
- }._inline-flex_1yrhm_7 {
1812
- display: inline-flex;
1813
- box-sizing: border-box;
1814
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1815
- }
1816
- }.anvil2 {._checkbox_1xh9p_1 {
1817
- --a2-mod-option-checkbox-checked-color: var(--a2-checkbox-default-checked-icon-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
1818
- --a2-mod-option-checkbox-unchecked-color: var(--a2-checkbox-default-unchecked-icon-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1819
- border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
1820
- display: flex;
1821
- flex-shrink: 0;
1822
- }._checked_1xh9p_9 {
1823
- color: var(--a2-mod-option-checkbox-checked-color);
1824
- }._unchecked_1xh9p_13 {
1825
- color: var(--a2-mod-option-checkbox-unchecked-color);
1826
- }._indeterminate_1xh9p_17 {
1827
- color: var(--a2-mod-option-checkbox-checked-color);
1828
- }._loading_1xh9p_21 {
1829
- align-items: center;
1830
- display: flex;
1831
- height: 1.5rem;
1832
- justify-content: center;
1833
- width: 1.5rem;
1834
- }
1835
- }.anvil2 {/* BASE */._option-row_1tqi5_2 {
1836
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1837
- font-size: 100%;
1838
- color: inherit;
1839
- margin: 0;
1840
- padding: 0;
1841
- border-style: none;
1842
- border-width: 0;
1843
- border-color: transparent;
1844
- box-sizing: border-box;
1845
- display: flex;
1846
- align-items: stretch;
1847
- background-color: var(--a2-mod-option-row-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
1848
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
1849
- box-sizing: border-box;
1850
- color: var(--a2-mod-option-row-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
1851
- cursor: pointer;
1852
- gap: var(--a2-size-2, 0.5rem);
1853
- line-height: calc(var(--a2-size-4, 1rem) + var(--a2-size-half, 0.125rem));
1854
- padding-block: var(--a2-size-2, 0.5rem);
1855
- padding-inline-end: var(--a2-size-4, 1rem);
1856
- padding-inline-start: var(--a2-size-4, 1rem);
1857
- position: relative;
1858
- width: 100%;
1859
- }._option-row_1tqi5_2:active:not(._disabled_1tqi5_27) {
1860
- --a2-mod-option-row-background-color: var(
1861
- --a2-mod-option-row-background-color-active,
1862
- var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))
1863
- );
1864
- --a2-mod-option-row-color: var(--a2-mod-option-row-color-active);
1865
- }._side-content_1tqi5_35 {
1866
- align-items: center;
1867
- display: flex;
1868
- flex-shrink: 0;
1869
- max-height: var(--a2-size-10, 2.5rem);
1870
- }/* MODIFIERS */._disabled_1tqi5_27 {
1871
- cursor: not-allowed;
1872
- opacity: 0.5;
1873
- }
1874
- }.anvil2 {._title_te5wz_1 {
1875
- display: -webkit-box;
1876
- -webkit-box-orient: vertical;
1877
- -webkit-line-clamp: var(--a2-mod-option-content-title-line-clamp, 3);
1878
- line-clamp: var(--a2-mod-option-content-title-line-clamp, 3);
1879
- overflow: hidden;
1880
- text-overflow: ellipsis;
1881
- }._description_te5wz_10 {
1882
- display: -webkit-box;
1883
- -webkit-box-orient: vertical;
1884
- -webkit-line-clamp: var(--a2-mod-option-content-description-line-clamp, 3);
1885
- line-clamp: var(--a2-mod-option-content-description-line-clamp, 3);
1886
- overflow: hidden;
1887
- text-overflow: ellipsis;
1888
- color: var(--a2-mod-option-content-description-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
1889
- font-size: var(--a2-font-size-200, 0.75rem);
1890
- }._chips-row_te5wz_21 {
1891
- margin-block-start: var(--a2-size-1, 0.25rem);
1892
- }
1893
- }.anvil2 {/* BASE */._options-popover_1gogz_2 {
1894
- --a2-mod-popover-background-color: var(--a2-popover-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
1895
- --a2-mod-popover-border-color: var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
1896
- --a2-mod-popover-shadow-color: var(--a2-popover-content-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
1897
- --a2-mod-option-row-background-color: var(--a2-mod-popover-background-color);
1898
- --a2-mod-option-row-background-color-highlighted: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
1899
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
1900
- font-size: 100%;
1901
- color: inherit;
1902
- margin: 0;
1903
- padding: 0;
1904
- border-style: solid;
1905
- border-width: var(--a2-size-quarter, 0.0625rem);
1906
- border-color: var(--a2-mod-popover-border-color);
1907
- box-sizing: border-box;
1908
- display: revert-layer;
1909
- background-color: var(--a2-mod-popover-background-color);
1910
- border-color: var(--a2-mod-popover-border-color);
1911
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
1912
- box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-mod-popover-shadow-color);
1913
- box-sizing: border-box;
1914
- margin: 0 !important;
1915
- max-width: 100%;
1916
- overflow: hidden;
1917
- padding: 0;
1918
- position: absolute;
1919
- white-space: pre-line;
1920
- width: -moz-max-content;
1921
- width: max-content;
1922
- will-change: transform;
1923
- }._options-popover_1gogz_2:popover-open {
1924
- display: flex;
1925
- flex-direction: column;
1926
- }._options-popover-body_1gogz_37 {
1927
- display: flex;
1928
- flex: 1 1 auto;
1929
- flex-direction: column;
1930
- gap: var(--a2-size-2, 0.5rem);
1931
- min-height: 0;
1932
- padding: var(--a2-size-2, 0.5rem);
1933
- }._options-popover-footer_1gogz_46 {
1934
- background: var(--a2-background-color-strong);
1935
- border-block-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-popover-border-color);
1936
- display: flex;
1937
- flex: 0 0 auto;
1938
- flex-direction: column;
1939
- padding: var(--a2-size-2, 0.5rem);
1940
- }
1941
- }.anvil2 {/* BASE */._field-dialog_1lxz8_2 {
1942
- --a2-mod-field-dialog-padding: var(--a2-size-6, 1.5rem);
1943
- --a2-mod-option-row-background-color: Canvas;
1944
- --a2-mod-option-row-background-color-highlighted: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
1945
- --a2-mod-options-dialog-border-color: var(--a2-color-neutral-80, #e6e6e6);
1946
- border: 0;
1947
- bottom: 0;
1948
- box-sizing: border-box;
1949
- height: 100dvh;
1950
- left: 0;
1951
- margin: 0;
1952
- outline: none;
1953
- padding: 0;
1954
- right: 0;
1955
- top: 0;
1956
- touch-action: none;
1957
- width: 100vw;
1958
- }._field-dialog-visual-viewport-height_1lxz8_21 {
1959
- box-sizing: border-box;
1960
- display: grid;
1961
- grid-auto-rows: auto;
1962
- grid-template-areas: "header" "field" "content" "footer";
1963
- grid-template-columns: 100%;
1964
- grid-template-rows: auto auto 1fr auto;
1965
- height: 100%;
1966
- overflow: hidden;
1967
- }._field-dialog_1lxz8_2:modal {
1968
- max-height: 100lvh;
1969
- max-width: 100vw;
1970
- }._field-dialog_1lxz8_2:modal::backdrop {
1971
- height: 100lvh;
1972
- }._header_1lxz8_41 {
1973
- grid-area: header;
1974
- justify-content: space-between;
1975
- padding-block: var(--a2-mod-field-dialog-padding);
1976
- padding-inline: var(--a2-mod-field-dialog-padding);
1977
- }._field_1lxz8_2 {
1978
- grid-area: field;
1979
- padding-block-end: var(--a2-size-2, 0.5rem);
1980
- padding-inline: var(--a2-mod-field-dialog-padding);
1981
- }._content_1lxz8_54 {
1982
- grid-area: content;
1983
- min-height: 0;
1984
- padding-inline: var(--a2-mod-field-dialog-padding);
1985
- }._footer_1lxz8_60 {
1986
- display: flex;
1987
- flex-direction: column;
1988
- grid-area: footer;
1989
- padding: var(--a2-size-2, 0.5rem);
1990
- border-block-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-options-dialog-border-color);
1991
- }
1992
- }body:has(dialog[data-anv="field-dialog"][open]) {
1993
- overflow: hidden;
1994
- }body:has([data-anv-field-dialogs-open="true"]) {
1995
- overflow: hidden;
1996
- }.anvil2 {/* BASE */._select-field-list_1stqb_2 {
1997
- margin: 0 !important;
1998
- padding: 0;
1999
- }._empty_1stqb_7 {
2000
- align-items: center;
2001
- display: flex;
2002
- justify-content: center;
2003
- padding: var(--a2-size-4, 1rem);
2004
- text-align: center;
2005
- }._load-more_1stqb_15 {
2006
- align-items: center;
2007
- display: flex;
2008
- justify-content: center;
2009
- min-height: var(--a2-size-10, 2.5rem);
2010
- text-align: center;
2011
- }._scroller_1stqb_23 {
2012
- box-sizing: border-box;
2013
- flex: 1 1 auto;
2014
- height: 100%;
2015
- max-height: inherit;
2016
- min-height: 0;
2017
- outline: none;
2018
- overflow: auto;
2019
- overscroll-behavior: contain;
2020
- }._scroll-sentinel_1stqb_34 {
2021
- height: 0;
2022
- list-style: none;
2023
- position: relative;
2024
- top: 0;
2025
- width: 100%;
2026
- }._pinned-section_1stqb_42 {
2027
- list-style: none;
2028
- }._pinned-section-header_1stqb_46 {
2029
- align-items: center;
2030
- display: flex;
2031
- justify-content: space-between;
2032
- padding: var(--a2-size-2, 0.5rem) var(--a2-size-4, 1rem);
2033
- }._pinned-section-list_1stqb_53 {
2034
- list-style: none;
2035
- margin: 0 !important;
2036
- padding: 0;
2037
- }._divider_1stqb_59 {
2038
- margin: var(--a2-size-2, 0.5rem) 0;
2039
- }
2040
- }.anvil2 {/* MODIFIERS */._floating_1d3fe_2 {
2041
- box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-shadow-color-default, light-dark(color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
2042
- padding-block: var(--a2-size-4, 1rem);
2043
- padding-inline: var(--a2-size-6, 1.5rem);
2044
- transition: all var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2045
- }._bulk-action_1d3fe_9 {
2046
- position: sticky;
2047
- top: 0;
2048
- z-index: 1;
2049
- }._highlighted_1d3fe_15 {
2050
- --a2-mod-option-row-background-color: var(
2051
- --a2-mod-option-row-background-color-highlighted,
2052
- var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))
2053
- );
2054
- }._single-selected_1d3fe_22 {
2055
- --a2-mod-option-row-background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
2056
- --a2-mod-option-row-background-color-active: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)));
2057
- --a2-mod-option-row-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
2058
- --a2-mod-option-row-color-active: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)));
2059
- }._single-selected-highlighted_1d3fe_29 {
2060
- --a2-mod-option-row-background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)));
2061
- --a2-mod-option-row-background-color-active: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)));
2062
- --a2-mod-option-row-color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)));
2063
- --a2-mod-option-row-color-active: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)));
2064
- }._checkmark_1d3fe_36 {
2065
- color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
2066
- }
2067
- }.anvil2 {._highlight_1v2if_1 {
2068
- background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))));
2069
- border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
2070
- padding-inline: var(--a2-size-half, 0.125rem);
2071
- }code._code_1v2if_7 {
2072
- font-family: monospace;
2073
- font-size: var(--a2-font-size-200, 0.75rem);
2074
- background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
2075
- border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
2076
- padding: var(--a2-size-half, 0.125rem);
2077
- }
2078
- }.anvil2 {._label_13ezo_1 {
2079
- --a2-mod-field-label-foreground-color: var(--a2-field-label-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
2080
- --a2-mod-field-label-required-color: var(--a2-field-label-required-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
2081
- --a2-mod-tooltip-display: flex;
2082
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2083
- font-size: 100%;
2084
- color: var(--a2-mod-field-label-foreground-color);
2085
- margin: 0;
2086
- padding: 0;
2087
- border-style: none;
2088
- border-width: 0;
2089
- border-color: transparent;
2090
- box-sizing: border-box;
2091
- display: revert-layer;
2092
- cursor: default;
2093
- display: flex;
2094
- flex-direction: column;
2095
- font-size: var(--a2-typography-label-size-default, var(--a2-font-size-300, 0.875rem));
2096
- gap: var(--a2-size-1, 0.25rem);
2097
- justify-items: flex-start;
2098
- line-height: 1;
2099
- }._label_13ezo_1 label {
2100
- font-size: inherit;
2101
- line-height: 1;
2102
- margin-block-end: 0;
2103
- }._label_13ezo_1:has(._top-container_13ezo_30) {
2104
- width: 100%;
2105
- }._label_13ezo_1 ._ai-mark-icon_13ezo_34 {
2106
- margin-inline-start: auto;
2107
- }._top-container_13ezo_30 {
2108
- align-items: flex-start;
2109
- display: flex;
2110
- gap: var(--a2-size-1, 0.25rem);
2111
- width: 100%;
2112
- }._label-text_13ezo_45 {
2113
- font-weight: var(--a2-font-weight-semibold, 600);
2114
- line-height: var(--a2-font-size-400, 1rem);
2115
- }._required_13ezo_50 {
2116
- color: var(--a2-mod-field-label-required-color);
2117
- margin-inline-end: var(--a2-size-half, 0.125rem);
2118
- margin-inline-start: var(--a2-size-half, 0.125rem);
2119
- }._info-container_13ezo_56 {
2120
- height: var(--a2-font-size-400, 1rem);
2121
- position: relative;
2122
- width: var(--a2-size-7, 1.75rem);
2123
- }._info-trigger_13ezo_62 {
2124
- left: -var(--a2-size-1, 0.25rem);
2125
- position: absolute;
2126
- top: calc(-1 * (var(--a2-size-1, 0.25rem) + var(--a2-size-half, 0.125rem)));
2127
- }._info-content_13ezo_68 {
2128
- max-width: 15rem !important;
2129
- }legend._label_13ezo_1 {
2130
- border: 0 !important;
2131
- color: var(--a2-mod-field-label-foreground-color) !important;
2132
- margin-block-end: var(--a2-size-2, 0.5rem);
2133
- }
2134
- }.anvil2 {._search-field_2e6em_1 {
2135
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2136
- font-size: 100%;
2137
- color: inherit;
2138
- margin: 0;
2139
- padding: 0;
2140
- border-style: none;
2141
- border-width: 0;
2142
- border-color: transparent;
2143
- box-sizing: border-box;
2144
- display: flex;
2145
- flex-direction: column;
2146
- font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
2147
- gap: var(--a2-size-2, 0.5rem);
2148
- }._select_2e6em_17 {
2149
- cursor: pointer;
2150
- }._input-wrapper_2e6em_21 {
2151
- --a2-mod-select-trigger-base-height: calc(
2152
- var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2153
- );
2154
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2155
- font-size: 100%;
2156
- color: inherit;
2157
- margin: 0;
2158
- padding: 0;
2159
- border-style: none;
2160
- border-width: 0;
2161
- border-color: transparent;
2162
- box-sizing: border-box;
2163
- display: block;
2164
- background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2165
- border: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
2166
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2167
- display: flex;
2168
- outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
2169
- outline-offset: var(--a2-size-half, 0.125rem);
2170
- padding-inline-end: 4.5rem;
2171
- padding-inline-start: var(--a2-size-3, 0.75rem);
2172
- position: relative;
2173
- }._input-wrapper_2e6em_21:focus:not([disabled]), ._input-wrapper_2e6em_21:focus-visible, ._input-wrapper_2e6em_21:has(._input_2e6em_21:focus-visible) {
2174
- outline-width: var(--a2-size-half, 0.125rem);
2175
- }._input-wrapper_2e6em_21:has(._input_2e6em_21._error_2e6em_48) {
2176
- border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
2177
- }._input-wrapper_2e6em_21:focus:has(._input_2e6em_21._error_2e6em_48):not([disabled]), ._input-wrapper_2e6em_21:focus-visible:has(._input_2e6em_21._error_2e6em_48), ._input-wrapper_2e6em_21:has(._input_2e6em_21._error_2e6em_48:focus-visible) {
2178
- outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
2179
- outline-width: var(--a2-size-half, 0.125rem);
2180
- }._input-wrapper_2e6em_21._disabled_2e6em_55, ._input-wrapper_2e6em_21[disabled], ._input-wrapper_2e6em_21:has(._input_2e6em_21:disabled) {
2181
- opacity: 0.4;
2182
- }._input-wrapper_2e6em_21._disabled_2e6em_55 *, ._input-wrapper_2e6em_21[disabled] *, ._input-wrapper_2e6em_21:has(._input_2e6em_21:disabled) * {
2183
- cursor: not-allowed;
2184
- }._input-wrapper_2e6em_21:has(input._input_2e6em_21:-moz-read-only) {
2185
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2186
- }._input-wrapper_2e6em_21[disabled], ._input-wrapper_2e6em_21[readonly], ._input-wrapper_2e6em_21._disabled_2e6em_55, ._input-wrapper_2e6em_21:has(input._input_2e6em_21:read-only) {
2187
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2188
- }._input-flex_2e6em_65 {
2189
- flex: 1 1 100px;
2190
- min-width: 100px;
2191
- overflow: hidden;
2192
- text-overflow: ellipsis;
2193
- white-space: nowrap;
2194
- width: 0;
2195
- }._input_2e6em_21,
2196
- ._input_2e6em_21[type] {
2197
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2198
- font-size: 100%;
2199
- color: inherit;
2200
- margin: 0;
2201
- padding: 0;
2202
- border-style: none;
2203
- border-width: 0;
2204
- border-color: transparent;
2205
- box-sizing: border-box;
2206
- display: block;
2207
- align-items: center;
2208
- background: none;
2209
- box-shadow: none;
2210
- box-sizing: border-box;
2211
- display: flex;
2212
- flex: 1 0 100px;
2213
- height: var(--a2-mod-select-trigger-base-height);
2214
- min-width: 100px;
2215
- padding-block: var(--a2-size-2, 0.5rem);
2216
- padding-inline: 0;
2217
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2218
- width: 100px;
2219
- }._input_2e6em_21::-moz-placeholder, ._input_2e6em_21[type]::-moz-placeholder {
2220
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2221
- }._input_2e6em_21::placeholder,
2222
- ._input_2e6em_21[type]::placeholder {
2223
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2224
- }._input_2e6em_21:focus,
2225
- ._input_2e6em_21[type]:focus {
2226
- box-shadow: none;
2227
- outline: none;
2228
- }@media (prefers-reduced-motion: reduce) {
2229
- ._input_2e6em_21,
2230
- ._input_2e6em_21[type] {
2231
- transition-duration: 0.01ms !important;
2232
- transition-property: outline;
2233
- }
2234
- }input._input_2e6em_21:-moz-read-only {
2235
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2236
- }input._input_2e6em_21:read-only {
2237
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2238
- }._fake-placeholder_2e6em_120 {
2239
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2240
- -webkit-user-select: none;
2241
- -moz-user-select: none;
2242
- user-select: none;
2243
- }._no-clear-button_2e6em_125 {
2244
- padding-inline-end: var(--a2-size-8, 2rem);
2245
- }._no-toggle-button_2e6em_129 {
2246
- padding-inline-end: var(--a2-size-8, 2rem);
2247
- }._no-clear-button_2e6em_125._no-toggle-button_2e6em_129 {
2248
- padding-inline-end: var(--a2-size-3, 0.75rem);
2249
- }._small_2e6em_137 {
2250
- --a2-mod-select-trigger-base-height: calc(
2251
- var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2252
- );
2253
- }._large_2e6em_143 {
2254
- --a2-mod-select-trigger-base-height: calc(
2255
- var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2256
- );
2257
- }._buttons-wrapper_2e6em_149 {
2258
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2259
- font-size: 100%;
2260
- color: inherit;
2261
- margin: 0;
2262
- padding: 0;
2263
- border-style: none;
2264
- border-width: 0;
2265
- border-color: transparent;
2266
- box-sizing: border-box;
2267
- display: flex;
2268
- height: var(--a2-mod-select-trigger-base-height);
2269
- inset-block-start: 0;
2270
- inset-inline-end: 0;
2271
- position: absolute;
2272
- }._close-button-wrapper_2e6em_166 {
2273
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2274
- font-size: 100%;
2275
- color: inherit;
2276
- margin: 0;
2277
- padding: 0;
2278
- border-style: none;
2279
- border-width: 0;
2280
- border-color: transparent;
2281
- box-sizing: border-box;
2282
- display: revert-layer;
2283
- align-items: center;
2284
- cursor: pointer;
2285
- display: flex;
2286
- }._close-button_2e6em_166 {
2287
- --a2-mod-button-background-color: transparent;
2288
- }._close-button_2e6em_166[data-interactive=hover]::before, ._close-button_2e6em_166:hover::before, ._close-button_2e6em_166:disabled:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._close-button_2e6em_166._disabled_2e6em_55:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._close-button_2e6em_166[aria-disabled=true]:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185) {
2289
- --a2-mod-button-background-color: transparent;
2290
- }._toggle-button-wrapper_2e6em_189 {
2291
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2292
- font-size: 100%;
2293
- color: inherit;
2294
- margin: 0;
2295
- padding: 0;
2296
- border-style: none;
2297
- border-width: 0;
2298
- border-color: transparent;
2299
- box-sizing: border-box;
2300
- display: revert-layer;
2301
- align-items: center;
2302
- cursor: pointer;
2303
- display: flex;
2304
- }._toggle-button_2e6em_189 {
2305
- --a2-mod-button-background-color: transparent;
2306
- --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2307
- transform: rotate(90deg);
2308
- transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2309
- }._toggle-button_2e6em_189[aria-expanded=true] {
2310
- transform: rotate(270deg);
2311
- }._toggle-button_2e6em_189[data-interactive=hover]::before, ._toggle-button_2e6em_189:hover::before, ._toggle-button_2e6em_189:disabled:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._toggle-button_2e6em_189._disabled_2e6em_55:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185), ._toggle-button_2e6em_189[aria-disabled=true]:not(._loading-infinite_2e6em_185, ._loading-progress_2e6em_185) {
2312
- --a2-mod-button-background-color: transparent;
2313
- }@media (prefers-reduced-motion: reduce) {
2314
- ._toggle-button_2e6em_189 {
2315
- transition-duration: 0.01ms !important;
2316
- }
2317
- }[aria-expanded=true] ._toggle-button_2e6em_189 {
2318
- transform: rotate(270deg);
2319
- }._prefix-wrapper_2e6em_227 {
2320
- align-items: stretch;
2321
- display: flex;
2322
- flex-direction: row;
2323
- flex-wrap: wrap;
2324
- height: var(--a2-mod-select-trigger-base-height);
2325
- pointer-events: none;
2326
- }._rows-wrapper_2e6em_236 {
2327
- align-items: stretch;
2328
- display: flex;
2329
- flex-direction: row;
2330
- flex-grow: 1;
2331
- flex-wrap: wrap;
2332
- gap: 0 var(--a2-size-1, 0.25rem);
2333
- max-width: 100%;
2334
- width: 100%;
2335
- }._chip-wrapper_2e6em_247 {
2336
- align-items: center;
2337
- display: flex;
2338
- height: var(--a2-mod-select-trigger-base-height);
2339
- justify-content: center;
2340
- max-width: 100%;
2341
- }._chip_2e6em_247 {
2342
- --a2-mod-chip-max-width: 100%;
2343
- }._prefix_2e6em_227,
2344
- ._suffix_2e6em_260 {
2345
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2346
- font-size: 100%;
2347
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2348
- margin: 0;
2349
- padding: 0;
2350
- border-style: none;
2351
- border-width: 0;
2352
- border-color: transparent;
2353
- box-sizing: border-box;
2354
- display: flex;
2355
- align-items: center;
2356
- flex: 0 0 auto;
2357
- font-weight: var(--a2-font-weight-semibold, 600);
2358
- justify-content: center;
2359
- min-width: var(--a2-size-8, 2rem);
2360
- }._prefix_2e6em_227 {
2361
- padding-inline-end: var(--a2-size-2, 0.5rem);
2362
- }._suffix_2e6em_260 {
2363
- padding-inline-start: var(--a2-size-2, 0.5rem);
2364
- padding-inline-end: var(--a2-size-2, 0.5rem);
2365
- }
2366
- }.anvil2 {._status-icon_f7qxw_1 {
2367
- --a2-mod-status-icon-fill-color: var(--a2-status-icon-info-fill-color, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-400, #3d95ff)));
2368
- --a2-mod-status-icon-stroke-color: var(--a2-status-icon-info-stroke-color, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-400, #3d95ff)));
2369
- align-items: center;
2370
- display: inline-flex;
2371
- justify-content: center;
2372
- }._success_f7qxw_9 {
2373
- --a2-mod-status-icon-fill-color: var(--a2-status-icon-success-fill-color, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)));
2374
- --a2-mod-status-icon-stroke-color: var(--a2-status-icon-success-stroke-color, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-400, #0bd085)));
2375
- }._warning_f7qxw_14 {
2376
- --a2-mod-status-icon-fill-color: var(--a2-status-icon-warning-fill-color, light-dark(var(--a2-color-orange-400, #e37700), var(--a2-color-yellow-400, #ffc902)));
2377
- --a2-mod-status-icon-stroke-color: var(--a2-status-icon-warning-stroke-color, light-dark(var(--a2-color-orange-600, #964f00), var(--a2-color-yellow-400, #ffc902)));
2378
- }._error_f7qxw_19 {
2379
- --a2-mod-status-icon-fill-color: var(--a2-status-icon-danger-fill-color, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
2380
- --a2-mod-status-icon-stroke-color: var(--a2-status-icon-danger-stroke-color, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-400, #ff5b3d)));
2381
- }._size-small_f7qxw_24 {
2382
- width: var(--a2-size-4, 1rem);
2383
- height: var(--a2-size-4, 1rem);
2384
- }._size-medium_f7qxw_29 {
2385
- width: var(--a2-size-6, 1.5rem);
2386
- height: var(--a2-size-6, 1.5rem);
2387
- }._svg_f7qxw_34 {
2388
- width: 100%;
2389
- height: 100%;
2390
- }
2391
- }._svg_f7qxw_34 .fill {
2392
- fill: var(--a2-mod-status-icon-fill-color);
2393
- }._svg_f7qxw_34 .icon {
2394
- fill: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2395
- }._svg_f7qxw_34 .stroke {
2396
- fill: var(--a2-mod-status-icon-stroke-color);
2397
- }.anvil2 {._messages_r9ou8_1 {
2398
- --a2-mod-field-message-error-foreground-color: var(--a2-field-message-error-foreground-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
2399
- --a2-mod-field-message-warning-foreground-color: var(--a2-field-message-warning-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
2400
- --a2-mod-field-message-foreground-color: var(--a2-field-message-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
2401
- --a2-mod-icon-padding-block-start: var(--a2-size-quarter, 0.0625rem);
2402
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2403
- font-size: 100%;
2404
- color: inherit;
2405
- margin: 0;
2406
- padding: 0;
2407
- border-style: none;
2408
- border-width: 0;
2409
- border-color: transparent;
2410
- box-sizing: border-box;
2411
- display: flex;
2412
- color: var(--a2-mod-field-message-foreground-color);
2413
- flex: 1;
2414
- flex-direction: column;
2415
- font-size: var(--a2-font-size-300, 0.875rem);
2416
- gap: var(--a2-size-1, 0.25rem);
2417
- }._error-container_r9ou8_23 {
2418
- align-items: flex-start;
2419
- color: var(--a2-mod-field-message-error-foreground-color);
2420
- display: flex;
2421
- gap: var(--a2-size-1, 0.25rem);
2422
- }._warning-container_r9ou8_30 {
2423
- align-items: flex-start;
2424
- color: var(--a2-mod-field-message-warning-foreground-color);
2425
- display: flex;
2426
- gap: var(--a2-size-1, 0.25rem);
2427
- }._status-icon_r9ou8_37 {
2428
- padding-top: var(--a2-size-quarter, 0.0625rem);
2429
- }
2430
- }.anvil2 {/* BASE */._combobox_1mlsg_2 {
2431
- min-width: 8rem;
2432
- position: relative;
2433
- }._search-field_1mlsg_7 {
2434
- flex-direction: column;
2435
- font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
2436
- gap: var(--a2-size-2, 0.5rem);
2437
- }._search-field_1mlsg_7._select_1mlsg_13 {
2438
- cursor: pointer;
2439
- }._popover-content_1mlsg_17 ._search-field_1mlsg_7 {
2440
- border-block-end: var(--a2-size-quarter, 0.0625rem) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
2441
- margin-block-end: var(--a2-size-4, 1rem);
2442
- padding-block-end: var(--a2-size-6, 1.5rem);
2443
- padding-block-start: var(--a2-size-2, 0.5rem);
2444
- padding-inline-end: var(--a2-size-2, 0.5rem);
2445
- padding-inline-start: var(--a2-size-2, 0.5rem);
2446
- }._input-wrapper_1mlsg_26 {
2447
- --a2-mod-multi-select-field-input-height: calc(
2448
- var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2449
- );
2450
- --a2-mod-multi-select-field-input-padding-inline-end: 4.5rem;
2451
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2452
- font-size: 100%;
2453
- color: inherit;
2454
- margin: 0;
2455
- padding: 0;
2456
- border-style: none;
2457
- border-width: 0;
2458
- border-color: transparent;
2459
- box-sizing: border-box;
2460
- display: block;
2461
- background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2462
- border: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
2463
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2464
- display: flex;
2465
- outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
2466
- outline-offset: var(--a2-size-half, 0.125rem);
2467
- padding-inline-end: var(--a2-mod-multi-select-field-input-padding-inline-end);
2468
- padding-inline-start: var(--a2-size-3, 0.75rem);
2469
- position: relative;
2470
- }._input-wrapper_1mlsg_26:focus:not([disabled]), ._input-wrapper_1mlsg_26:focus-visible, ._input-wrapper_1mlsg_26:has(._input_1mlsg_26:focus-visible) {
2471
- outline-width: var(--a2-size-half, 0.125rem);
2472
- }._input-wrapper_1mlsg_26:has(._input_1mlsg_26._error_1mlsg_54) {
2473
- border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
2474
- }._input-wrapper_1mlsg_26:focus:has(._input_1mlsg_26._error_1mlsg_54):not([disabled]), ._input-wrapper_1mlsg_26:focus-visible:has(._input_1mlsg_26._error_1mlsg_54), ._input-wrapper_1mlsg_26:has(._input_1mlsg_26._error_1mlsg_54:focus-visible) {
2475
- outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
2476
- outline-width: var(--a2-size-half, 0.125rem);
2477
- }._input-wrapper_1mlsg_26._disabled_1mlsg_61, ._input-wrapper_1mlsg_26[disabled], ._input-wrapper_1mlsg_26:has(._input_1mlsg_26:disabled) {
2478
- opacity: 0.4;
2479
- }._input-wrapper_1mlsg_26._disabled_1mlsg_61 *, ._input-wrapper_1mlsg_26[disabled] *, ._input-wrapper_1mlsg_26:has(._input_1mlsg_26:disabled) * {
2480
- cursor: not-allowed;
2481
- }._input-wrapper_1mlsg_26:has(input._input_1mlsg_26:-moz-read-only) {
2482
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2483
- }._input-wrapper_1mlsg_26[disabled], ._input-wrapper_1mlsg_26[readonly], ._input-wrapper_1mlsg_26._disabled_1mlsg_61, ._input-wrapper_1mlsg_26:has(input._input_1mlsg_26:read-only) {
2484
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2485
- }._input-flex_1mlsg_71 {
2486
- flex: 1 1 100px;
2487
- min-width: 100px;
2488
- overflow: hidden;
2489
- text-overflow: ellipsis;
2490
- white-space: nowrap;
2491
- width: 0;
2492
- }._input_1mlsg_26,
2493
- ._input_1mlsg_26[type] {
2494
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2495
- font-size: 100%;
2496
- color: inherit;
2497
- margin: 0;
2498
- padding: 0;
2499
- border-style: none;
2500
- border-width: 0;
2501
- border-color: transparent;
2502
- box-sizing: border-box;
2503
- display: block;
2504
- align-items: center;
2505
- background: none;
2506
- box-shadow: none;
2507
- display: flex;
2508
- flex: 1 0 100px;
2509
- height: var(--a2-mod-multi-select-field-input-height);
2510
- min-width: 100px;
2511
- padding-block: var(--a2-size-2, 0.5rem);
2512
- padding-inline: 0;
2513
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2514
- width: 100px;
2515
- }._input_1mlsg_26:focus,
2516
- ._input_1mlsg_26[type]:focus {
2517
- box-shadow: none;
2518
- }._input_1mlsg_26::-moz-placeholder, ._input_1mlsg_26[type]::-moz-placeholder {
2519
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2520
- }._input_1mlsg_26::placeholder,
2521
- ._input_1mlsg_26[type]::placeholder {
2522
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2523
- }._input_1mlsg_26:focus-visible,
2524
- ._input_1mlsg_26[type]:focus-visible {
2525
- box-shadow: none;
2526
- outline: none;
2527
- }@media (prefers-reduced-motion: reduce) {
2528
- ._input_1mlsg_26,
2529
- ._input_1mlsg_26[type] {
2530
- transition-duration: 0.01ms !important;
2531
- transition-property: outline;
2532
- }
2533
- }input._input_1mlsg_26:-moz-read-only {
2534
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2535
- }input._input_1mlsg_26:read-only {
2536
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2537
- }._rows-wrapper_1mlsg_129 {
2538
- align-items: stretch;
2539
- display: flex;
2540
- flex-direction: row;
2541
- flex-grow: 1;
2542
- flex-wrap: wrap;
2543
- gap: 0 var(--a2-size-2, 0.5rem);
2544
- max-width: 100%;
2545
- width: 100%;
2546
- }._chip-wrapper_1mlsg_140 {
2547
- align-items: center;
2548
- display: flex;
2549
- height: var(--a2-mod-multi-select-field-input-height);
2550
- justify-content: center;
2551
- max-width: 100%;
2552
- }._chip_1mlsg_140 {
2553
- --a2-mod-chip-max-width: 100%;
2554
- }._buttons-wrapper_1mlsg_152 {
2555
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2556
- font-size: 100%;
2557
- color: inherit;
2558
- margin: 0;
2559
- padding: 0;
2560
- border-style: none;
2561
- border-width: 0;
2562
- border-color: transparent;
2563
- box-sizing: border-box;
2564
- display: flex;
2565
- height: var(--a2-mod-multi-select-field-input-height);
2566
- inset-block-start: 0;
2567
- inset-inline-end: 0;
2568
- position: absolute;
2569
- }._close-button-wrapper_1mlsg_169 {
2570
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2571
- font-size: 100%;
2572
- color: inherit;
2573
- margin: 0;
2574
- padding: 0;
2575
- border-style: none;
2576
- border-width: 0;
2577
- border-color: transparent;
2578
- box-sizing: border-box;
2579
- display: revert-layer;
2580
- align-items: center;
2581
- cursor: pointer;
2582
- display: flex;
2583
- }._close-button_1mlsg_169 {
2584
- --a2-mod-button-background-color: transparent;
2585
- }._close-button_1mlsg_169[data-interactive=hover]::before, ._close-button_1mlsg_169:hover::before, ._close-button_1mlsg_169:disabled:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._close-button_1mlsg_169._disabled_1mlsg_61:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._close-button_1mlsg_169[aria-disabled=true]:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188) {
2586
- --a2-mod-button-background-color: transparent;
2587
- }._toggle-button-wrapper_1mlsg_192 {
2588
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2589
- font-size: 100%;
2590
- color: inherit;
2591
- margin: 0;
2592
- padding: 0;
2593
- border-style: none;
2594
- border-width: 0;
2595
- border-color: transparent;
2596
- box-sizing: border-box;
2597
- display: revert-layer;
2598
- align-items: center;
2599
- cursor: pointer;
2600
- display: flex;
2601
- }._toggle-button_1mlsg_192 {
2602
- --a2-mod-button-background-color: transparent;
2603
- --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2604
- transform: rotate(90deg);
2605
- transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2606
- }._toggle-button_1mlsg_192[aria-expanded=true] {
2607
- transform: rotate(270deg);
2608
- }._toggle-button_1mlsg_192[data-interactive=hover]::before, ._toggle-button_1mlsg_192:hover::before, ._toggle-button_1mlsg_192:disabled:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._toggle-button_1mlsg_192._disabled_1mlsg_61:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._toggle-button_1mlsg_192[aria-disabled=true]:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188) {
2609
- --a2-mod-button-background-color: transparent;
2610
- }@media (prefers-reduced-motion: reduce) {
2611
- ._toggle-button_1mlsg_192 {
2612
- transition-duration: 0.01ms !important;
2613
- }
2614
- }[aria-expanded=true] ._toggle-button-wrapper_1mlsg_192 ._toggle-button_1mlsg_192 {
2615
- transform: rotate(270deg);
2616
- }._prefix_1mlsg_230,
2617
- ._suffix_1mlsg_231 {
2618
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2619
- font-size: 100%;
2620
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2621
- margin: 0;
2622
- padding: 0;
2623
- border-style: none;
2624
- border-width: 0;
2625
- border-color: transparent;
2626
- box-sizing: border-box;
2627
- display: flex;
2628
- align-items: center;
2629
- flex: 0 0 auto;
2630
- font-weight: var(--a2-font-weight-semibold, 600);
2631
- justify-content: center;
2632
- min-width: var(--a2-size-8, 2rem);
2633
- }._prefix_1mlsg_230 {
2634
- padding-inline-end: var(--a2-size-2, 0.5rem);
2635
- }._suffix_1mlsg_231 {
2636
- padding-inline-end: var(--a2-size-2, 0.5rem);
2637
- padding-inline-start: var(--a2-size-2, 0.5rem);
2638
- }._popover-content_1mlsg_17 {
2639
- display: flex;
2640
- flex-direction: column;
2641
- overflow: hidden;
2642
- }._listview_1mlsg_264 {
2643
- padding-block: var(--a2-size-2, 0.5rem);
2644
- padding-inline: var(--a2-size-2, 0.5rem);
2645
- }._loading-spinner_1mlsg_269 {
2646
- height: var(--a2-size-6, 1.5rem);
2647
- width: var(--a2-size-6, 1.5rem);
2648
- }._empty_1mlsg_274 {
2649
- padding-block-end: var(--a2-size-4, 1rem);
2650
- padding-block-start: var(--a2-size-3, 0.75rem);
2651
- padding-inline-end: var(--a2-size-6, 1.5rem);
2652
- padding-inline-start: var(--a2-size-6, 1.5rem);
2653
- }._item_1mlsg_281 {
2654
- --a2-mod-multi-select-field-item-background-color: transparent;
2655
- --a2-mod-multi-select-field-item-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2656
- background-color: var(--a2-mod-multi-select-field-item-background-color);
2657
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2658
- color: var(--a2-mod-multi-select-field-item-color);
2659
- cursor: pointer;
2660
- font-size: var(--a2-font-size-300, 0.875rem);
2661
- line-height: calc(var(--a2-size-4, 1rem) + var(--a2-size-half, 0.125rem));
2662
- outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
2663
- outline-offset: var(--a2-size-half, 0.125rem);
2664
- padding-block: var(--a2-size-2, 0.5rem);
2665
- padding-inline: var(--a2-size-4, 1rem);
2666
- position: relative;
2667
- }/* MODIFIERS */._no-clear-button_1mlsg_298 {
2668
- --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
2669
- }._no-toggle-button_1mlsg_302 {
2670
- --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
2671
- }._small_1mlsg_306 {
2672
- --a2-mod-multi-select-field-input-height: calc(
2673
- var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2674
- );
2675
- }._large_1mlsg_312 {
2676
- --a2-mod-multi-select-field-input-height: calc(
2677
- var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2678
- );
2679
- }._listview-option_1mlsg_318:not([aria-disabled=true]) {
2680
- cursor: pointer;
2681
- }._listview-option_1mlsg_318[aria-selected=true]:not([aria-disabled=true]) {
2682
- --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
2683
- }._item_1mlsg_281[data-interactive=hover]:not([aria-disabled=true]),
2684
- ._item_1mlsg_281:hover:not([aria-disabled=true]),
2685
- ._item_1mlsg_281[aria-selected=true]:not([aria-disabled=true]) {
2686
- --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
2687
- }._item_1mlsg_281[aria-disabled=true] {
2688
- cursor: not-allowed;
2689
- opacity: 0.6;
2690
- }._item_1mlsg_281[data-checked=true] {
2691
- --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
2692
- --a2-mod-multi-select-field-item-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
2693
- }._item_1mlsg_281[data-checked=true]:hover:not([aria-disabled=true]),
2694
- ._item_1mlsg_281[data-checked=true][aria-selected=true]:not([aria-disabled=true]),
2695
- ._item_1mlsg_281[data-checked=true][data-interactive=hover]:not([aria-disabled=true]) {
2696
- --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)));
2697
- }._item_1mlsg_281[data-checked=true]:active:not([aria-disabled=true]) {
2698
- --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)));
2699
- }
2700
- }.anvil2 {/* TREE-SPECIFIC OVERRIDES */._tree-row_r0ti0_2 {
2701
- padding-inline-start: 0;
2702
- }._tree-row_r0ti0_2:hover:has(._expand-icon_r0ti0_8:hover) {
2703
- --a2-mod-option-row-background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0));
2704
- }._expand-icon_r0ti0_8 {
2705
- align-items: center;
2706
- border-radius: var(--a2-radius-1, 0.1875rem);
2707
- display: inline-flex;
2708
- flex-shrink: 0;
2709
- justify-content: center;
2710
- margin: calc(-1 * var(--a2-size-half, 0.125rem));
2711
- min-height: var(--a2-size-7, 1.75rem);
2712
- width: var(--a2-size-7, 1.75rem);
2713
- }._expand-icon_r0ti0_8:hover {
2714
- background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
2715
- }._label-container_r0ti0_29 {
2716
- display: flex;
2717
- flex: 1;
2718
- flex-direction: column;
2719
- gap: var(--a2-size-1, 0.25rem);
2720
- justify-content: center;
2721
- min-width: 0;
2722
- overflow: hidden;
2723
- }/* MODIFIERS */._active_r0ti0_40 {
2724
- --a2-mod-option-row-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
2725
- }
2726
- }._tree-row_r0ti0_2:hover:not(.disabled) {
2727
- --a2-mod-option-row-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
2728
- }._tree-row_r0ti0_2:active:not(.disabled) {
2729
- --a2-mod-option-row-background-color: var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)));
2730
- }.anvil2 {._panel_1nd4g_1 {
2731
- box-sizing: border-box;
2732
- height: 100%;
2733
- max-height: inherit;
2734
- outline: none;
2735
- overflow: auto;
2736
- overscroll-behavior: contain;
2737
- position: relative;
2738
- }
2739
- }.anvil2 {/* BASE */._input-wrapper_82zwk_2 {
2740
- --a2-mod-tree-select-field-input-height: calc(
2741
- var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2742
- );
2743
- --a2-mod-tree-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
2744
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2745
- font-size: 100%;
2746
- color: inherit;
2747
- margin: 0;
2748
- padding: 0;
2749
- border-style: none;
2750
- border-width: 0;
2751
- border-color: transparent;
2752
- box-sizing: border-box;
2753
- display: block;
2754
- background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2755
- border: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
2756
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2757
- display: flex;
2758
- outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
2759
- outline-offset: var(--a2-size-half, 0.125rem);
2760
- padding-inline-end: var(--a2-mod-tree-select-field-input-padding-inline-end);
2761
- padding-inline-start: var(--a2-size-3, 0.75rem);
2762
- position: relative;
2763
- }._input-wrapper_82zwk_2:focus:not([disabled]), ._input-wrapper_82zwk_2:focus-visible, ._input-wrapper_82zwk_2:has(._input_82zwk_2:focus-visible) {
2764
- outline-width: var(--a2-size-half, 0.125rem);
2765
- }._input-wrapper_82zwk_2:has(._input_82zwk_2._error_82zwk_30) {
2766
- border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
2767
- }._input-wrapper_82zwk_2:focus:has(._input_82zwk_2._error_82zwk_30):not([disabled]), ._input-wrapper_82zwk_2:focus-visible:has(._input_82zwk_2._error_82zwk_30), ._input-wrapper_82zwk_2:has(._input_82zwk_2._error_82zwk_30:focus-visible) {
2768
- outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
2769
- outline-width: var(--a2-size-half, 0.125rem);
2770
- }._input-wrapper_82zwk_2._disabled_82zwk_37, ._input-wrapper_82zwk_2[disabled], ._input-wrapper_82zwk_2:has(._input_82zwk_2:disabled) {
2771
- opacity: 0.4;
2772
- }._input-wrapper_82zwk_2._disabled_82zwk_37 *, ._input-wrapper_82zwk_2[disabled] *, ._input-wrapper_82zwk_2:has(._input_82zwk_2:disabled) * {
2773
- cursor: not-allowed;
2774
- }._input-wrapper_82zwk_2[disabled], ._input-wrapper_82zwk_2[readonly], ._input-wrapper_82zwk_2._disabled_82zwk_37 {
2775
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2776
- }._input-flex_82zwk_47 {
2777
- flex: 1 1 100px;
2778
- min-width: 100px;
2779
- overflow: hidden;
2780
- text-overflow: ellipsis;
2781
- white-space: nowrap;
2782
- width: 0;
2783
- }._input_82zwk_2[type=text] {
2784
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2785
- font-size: 100%;
2786
- color: inherit;
2787
- margin: 0;
2788
- padding: 0;
2789
- border-style: none;
2790
- border-width: 0;
2791
- border-color: transparent;
2792
- box-sizing: border-box;
2793
- display: block;
2794
- align-items: center;
2795
- display: flex;
2796
- flex: 1 0 100px;
2797
- height: var(--a2-mod-tree-select-field-input-height);
2798
- min-width: 100px;
2799
- box-shadow: none;
2800
- padding-block: var(--a2-size-2, 0.5rem);
2801
- padding-inline: 0;
2802
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2803
- width: 100px;
2804
- }._input_82zwk_2[type=text]:focus {
2805
- box-shadow: none;
2806
- }._input_82zwk_2[type=text]::-moz-placeholder {
2807
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2808
- }._input_82zwk_2[type=text]::placeholder {
2809
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2810
- }@media (prefers-reduced-motion: reduce) {
2811
- ._input_82zwk_2[type=text] {
2812
- transition-duration: 0.01ms !important;
2813
- transition-property: outline;
2814
- }
2815
- }input._input_82zwk_2:-moz-read-only {
2816
- background-color: inherit;
2817
- }input._input_82zwk_2:read-only {
2818
- background-color: inherit;
2819
- }._rows-wrapper_82zwk_95 {
2820
- align-items: stretch;
2821
- display: flex;
2822
- flex-direction: row;
2823
- flex-grow: 1;
2824
- flex-wrap: wrap;
2825
- gap: 0 var(--a2-size-1, 0.25rem);
2826
- max-width: 100%;
2827
- width: 100%;
2828
- }._chip-wrapper_82zwk_106 {
2829
- align-items: center;
2830
- display: flex;
2831
- height: var(--a2-mod-tree-select-field-input-height);
2832
- justify-content: center;
2833
- max-width: 100%;
2834
- }._chip_82zwk_106 {
2835
- --a2-mod-chip-max-width: 100%;
2836
- }._buttons-wrapper_82zwk_118 {
2837
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2838
- font-size: 100%;
2839
- color: inherit;
2840
- margin: 0;
2841
- padding: 0;
2842
- border-style: none;
2843
- border-width: 0;
2844
- border-color: transparent;
2845
- box-sizing: border-box;
2846
- display: flex;
2847
- height: var(--a2-mod-tree-select-field-input-height);
2848
- inset-block-start: 0;
2849
- inset-inline-end: 0;
2850
- position: absolute;
2851
- }._toggle-button-wrapper_82zwk_135 {
2852
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2853
- font-size: 100%;
2854
- color: inherit;
2855
- margin: 0;
2856
- padding: 0;
2857
- border-style: none;
2858
- border-width: 0;
2859
- border-color: transparent;
2860
- box-sizing: border-box;
2861
- display: revert-layer;
2862
- align-items: center;
2863
- cursor: pointer;
2864
- display: flex;
2865
- }._toggle-button_82zwk_135 {
2866
- --a2-mod-button-background-color: transparent;
2867
- --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2868
- transform: rotate(90deg);
2869
- transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2870
- }._toggle-button_82zwk_135[aria-expanded=true] {
2871
- transform: rotate(270deg);
2872
- }._toggle-button_82zwk_135[data-interactive=hover]::before, ._toggle-button_82zwk_135:hover::before, ._toggle-button_82zwk_135:disabled:not(._loading-infinite_82zwk_160, ._loading-progress_82zwk_160), ._toggle-button_82zwk_135._disabled_82zwk_37:not(._loading-infinite_82zwk_160, ._loading-progress_82zwk_160), ._toggle-button_82zwk_135[aria-disabled=true]:not(._loading-infinite_82zwk_160, ._loading-progress_82zwk_160) {
2873
- --a2-mod-button-background-color: transparent;
2874
- }@media (prefers-reduced-motion: reduce) {
2875
- ._toggle-button_82zwk_135 {
2876
- transition-duration: 0.01ms !important;
2877
- }
2878
- }[aria-expanded=true] ._toggle-button-wrapper_82zwk_135 ._toggle-button_82zwk_135 {
2879
- transform: rotate(270deg);
2880
- }._prefix_82zwk_173,
2881
- ._suffix_82zwk_174 {
2882
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2883
- font-size: 100%;
2884
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2885
- margin: 0;
2886
- padding: 0;
2887
- border-style: none;
2888
- border-width: 0;
2889
- border-color: transparent;
2890
- box-sizing: border-box;
2891
- display: flex;
2892
- align-items: center;
2893
- flex: 0 0 auto;
2894
- font-weight: var(--a2-font-weight-semibold, 600);
2895
- justify-content: center;
2896
- min-width: var(--a2-size-8, 2rem);
2897
- }._prefix_82zwk_173 {
2898
- padding-inline-end: var(--a2-size-2, 0.5rem);
2899
- }._suffix_82zwk_174 {
2900
- padding-inline-end: var(--a2-size-2, 0.5rem);
2901
- padding-inline-start: var(--a2-size-2, 0.5rem);
2902
- }/* MODIFIERS */._small_82zwk_202 {
2903
- --a2-mod-tree-select-field-input-height: calc(
2904
- var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2905
- );
2906
- }._large_82zwk_208 {
2907
- --a2-mod-tree-select-field-input-height: calc(
2908
- var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2909
- );
2910
- }
2911
- }