@servicetitan/anvil2-ext-common 0.5.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 (7) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/index.js +7 -35348
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/form/components/FormMultiSelect/FormMultiSelect.d.ts +1 -1
  5. package/dist/src/form/components/FormSelect/FormSelect.d.ts +1 -1
  6. package/package.json +5 -4
  7. package/dist/index.css +0 -2915
package/dist/index.css DELETED
@@ -1,2915 +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_2c5gw_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_2c5gw_17 {
2149
- cursor: pointer;
2150
- }._input-wrapper_2c5gw_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_2c5gw_21:focus:not([disabled]), ._input-wrapper_2c5gw_21:focus-visible, ._input-wrapper_2c5gw_21:has(._input_2c5gw_21:focus-visible) {
2174
- outline-width: var(--a2-size-half, 0.125rem);
2175
- }._input-wrapper_2c5gw_21:has(._input_2c5gw_21._error_2c5gw_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_2c5gw_21:focus:has(._input_2c5gw_21._error_2c5gw_48):not([disabled]), ._input-wrapper_2c5gw_21:focus-visible:has(._input_2c5gw_21._error_2c5gw_48), ._input-wrapper_2c5gw_21:has(._input_2c5gw_21._error_2c5gw_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_2c5gw_21._disabled_2c5gw_55, ._input-wrapper_2c5gw_21[disabled], ._input-wrapper_2c5gw_21:has(._input_2c5gw_21:disabled) {
2181
- opacity: 0.4;
2182
- }._input-wrapper_2c5gw_21._disabled_2c5gw_55 *, ._input-wrapper_2c5gw_21[disabled] *, ._input-wrapper_2c5gw_21:has(._input_2c5gw_21:disabled) * {
2183
- cursor: not-allowed;
2184
- }._input-wrapper_2c5gw_21:has(input._input_2c5gw_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_2c5gw_21[disabled], ._input-wrapper_2c5gw_21[readonly], ._input-wrapper_2c5gw_21._disabled_2c5gw_55, ._input-wrapper_2c5gw_21:has(input._input_2c5gw_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-wrapper_2c5gw_21._highlight_2c5gw_64 {
2189
- 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)));
2190
- }._input-flex_2c5gw_68 {
2191
- flex: 1 1 100px;
2192
- min-width: 100px;
2193
- overflow: hidden;
2194
- text-overflow: ellipsis;
2195
- white-space: nowrap;
2196
- width: 0;
2197
- }._input_2c5gw_21,
2198
- ._input_2c5gw_21[type] {
2199
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2200
- font-size: 100%;
2201
- color: inherit;
2202
- margin: 0;
2203
- padding: 0;
2204
- border-style: none;
2205
- border-width: 0;
2206
- border-color: transparent;
2207
- box-sizing: border-box;
2208
- display: block;
2209
- align-items: center;
2210
- background: none;
2211
- box-shadow: none;
2212
- box-sizing: border-box;
2213
- display: flex;
2214
- flex: 1 0 100px;
2215
- height: var(--a2-mod-select-trigger-base-height);
2216
- min-width: 100px;
2217
- padding-block: var(--a2-size-2, 0.5rem);
2218
- padding-inline: 0;
2219
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2220
- width: 100px;
2221
- }._input_2c5gw_21::-moz-placeholder, ._input_2c5gw_21[type]::-moz-placeholder {
2222
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2223
- }._input_2c5gw_21::placeholder,
2224
- ._input_2c5gw_21[type]::placeholder {
2225
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2226
- }._input_2c5gw_21:focus,
2227
- ._input_2c5gw_21[type]:focus {
2228
- box-shadow: none;
2229
- outline: none;
2230
- }@media (prefers-reduced-motion: reduce) {
2231
- ._input_2c5gw_21,
2232
- ._input_2c5gw_21[type] {
2233
- transition-duration: 0.01ms !important;
2234
- transition-property: outline;
2235
- }
2236
- }input._input_2c5gw_21:-moz-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
- }input._input_2c5gw_21:read-only {
2239
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2240
- }._fake-placeholder_2c5gw_123 {
2241
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2242
- -webkit-user-select: none;
2243
- -moz-user-select: none;
2244
- user-select: none;
2245
- }._no-clear-button_2c5gw_128 {
2246
- padding-inline-end: var(--a2-size-8, 2rem);
2247
- }._no-toggle-button_2c5gw_132 {
2248
- padding-inline-end: var(--a2-size-8, 2rem);
2249
- }._no-clear-button_2c5gw_128._no-toggle-button_2c5gw_132 {
2250
- padding-inline-end: var(--a2-size-3, 0.75rem);
2251
- }._small_2c5gw_140 {
2252
- --a2-mod-select-trigger-base-height: calc(
2253
- var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2254
- );
2255
- }._large_2c5gw_146 {
2256
- --a2-mod-select-trigger-base-height: calc(
2257
- var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2258
- );
2259
- }._buttons-wrapper_2c5gw_152 {
2260
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2261
- font-size: 100%;
2262
- color: inherit;
2263
- margin: 0;
2264
- padding: 0;
2265
- border-style: none;
2266
- border-width: 0;
2267
- border-color: transparent;
2268
- box-sizing: border-box;
2269
- display: flex;
2270
- height: var(--a2-mod-select-trigger-base-height);
2271
- inset-block-start: 0;
2272
- inset-inline-end: 0;
2273
- position: absolute;
2274
- }._close-button-wrapper_2c5gw_169 {
2275
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2276
- font-size: 100%;
2277
- color: inherit;
2278
- margin: 0;
2279
- padding: 0;
2280
- border-style: none;
2281
- border-width: 0;
2282
- border-color: transparent;
2283
- box-sizing: border-box;
2284
- display: revert-layer;
2285
- align-items: center;
2286
- cursor: pointer;
2287
- display: flex;
2288
- }._close-button_2c5gw_169 {
2289
- --a2-mod-button-background-color: transparent;
2290
- }._close-button_2c5gw_169[data-interactive=hover]::before, ._close-button_2c5gw_169:hover::before, ._close-button_2c5gw_169:disabled:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._close-button_2c5gw_169._disabled_2c5gw_55:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._close-button_2c5gw_169[aria-disabled=true]:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188) {
2291
- --a2-mod-button-background-color: transparent;
2292
- }._toggle-button-wrapper_2c5gw_192 {
2293
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2294
- font-size: 100%;
2295
- color: inherit;
2296
- margin: 0;
2297
- padding: 0;
2298
- border-style: none;
2299
- border-width: 0;
2300
- border-color: transparent;
2301
- box-sizing: border-box;
2302
- display: revert-layer;
2303
- align-items: center;
2304
- cursor: pointer;
2305
- display: flex;
2306
- }._toggle-button_2c5gw_192 {
2307
- --a2-mod-button-background-color: transparent;
2308
- --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2309
- transform: rotate(90deg);
2310
- transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2311
- }._toggle-button_2c5gw_192[aria-expanded=true] {
2312
- transform: rotate(270deg);
2313
- }._toggle-button_2c5gw_192[data-interactive=hover]::before, ._toggle-button_2c5gw_192:hover::before, ._toggle-button_2c5gw_192:disabled:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._toggle-button_2c5gw_192._disabled_2c5gw_55:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188), ._toggle-button_2c5gw_192[aria-disabled=true]:not(._loading-infinite_2c5gw_188, ._loading-progress_2c5gw_188) {
2314
- --a2-mod-button-background-color: transparent;
2315
- }@media (prefers-reduced-motion: reduce) {
2316
- ._toggle-button_2c5gw_192 {
2317
- transition-duration: 0.01ms !important;
2318
- }
2319
- }[aria-expanded=true] ._toggle-button_2c5gw_192 {
2320
- transform: rotate(270deg);
2321
- }._prefix-wrapper_2c5gw_230 {
2322
- align-items: stretch;
2323
- display: flex;
2324
- flex-direction: row;
2325
- flex-wrap: wrap;
2326
- height: var(--a2-mod-select-trigger-base-height);
2327
- pointer-events: none;
2328
- }._rows-wrapper_2c5gw_239 {
2329
- align-items: stretch;
2330
- display: flex;
2331
- flex-direction: row;
2332
- flex-grow: 1;
2333
- flex-wrap: wrap;
2334
- gap: 0 var(--a2-size-1, 0.25rem);
2335
- max-width: 100%;
2336
- width: 100%;
2337
- }._chip-wrapper_2c5gw_250 {
2338
- align-items: center;
2339
- display: flex;
2340
- height: var(--a2-mod-select-trigger-base-height);
2341
- justify-content: center;
2342
- max-width: 100%;
2343
- }._chip_2c5gw_250 {
2344
- --a2-mod-chip-max-width: 100%;
2345
- }._prefix_2c5gw_230,
2346
- ._suffix_2c5gw_263 {
2347
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2348
- font-size: 100%;
2349
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2350
- margin: 0;
2351
- padding: 0;
2352
- border-style: none;
2353
- border-width: 0;
2354
- border-color: transparent;
2355
- box-sizing: border-box;
2356
- display: flex;
2357
- align-items: center;
2358
- flex: 0 0 auto;
2359
- font-weight: var(--a2-font-weight-semibold, 600);
2360
- justify-content: center;
2361
- min-width: var(--a2-size-8, 2rem);
2362
- }._prefix_2c5gw_230 {
2363
- padding-inline-end: var(--a2-size-2, 0.5rem);
2364
- }._suffix_2c5gw_263 {
2365
- padding-inline-start: var(--a2-size-2, 0.5rem);
2366
- padding-inline-end: var(--a2-size-2, 0.5rem);
2367
- }
2368
- }.anvil2 {._status-icon_f7qxw_1 {
2369
- --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)));
2370
- --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)));
2371
- align-items: center;
2372
- display: inline-flex;
2373
- justify-content: center;
2374
- }._success_f7qxw_9 {
2375
- --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)));
2376
- --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)));
2377
- }._warning_f7qxw_14 {
2378
- --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)));
2379
- --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)));
2380
- }._error_f7qxw_19 {
2381
- --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)));
2382
- --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)));
2383
- }._size-small_f7qxw_24 {
2384
- width: var(--a2-size-4, 1rem);
2385
- height: var(--a2-size-4, 1rem);
2386
- }._size-medium_f7qxw_29 {
2387
- width: var(--a2-size-6, 1.5rem);
2388
- height: var(--a2-size-6, 1.5rem);
2389
- }._svg_f7qxw_34 {
2390
- width: 100%;
2391
- height: 100%;
2392
- }
2393
- }._svg_f7qxw_34 .fill {
2394
- fill: var(--a2-mod-status-icon-fill-color);
2395
- }._svg_f7qxw_34 .icon {
2396
- fill: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2397
- }._svg_f7qxw_34 .stroke {
2398
- fill: var(--a2-mod-status-icon-stroke-color);
2399
- }.anvil2 {._messages_r9ou8_1 {
2400
- --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))));
2401
- --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))));
2402
- --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))));
2403
- --a2-mod-icon-padding-block-start: var(--a2-size-quarter, 0.0625rem);
2404
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2405
- font-size: 100%;
2406
- color: inherit;
2407
- margin: 0;
2408
- padding: 0;
2409
- border-style: none;
2410
- border-width: 0;
2411
- border-color: transparent;
2412
- box-sizing: border-box;
2413
- display: flex;
2414
- color: var(--a2-mod-field-message-foreground-color);
2415
- flex: 1;
2416
- flex-direction: column;
2417
- font-size: var(--a2-font-size-300, 0.875rem);
2418
- gap: var(--a2-size-1, 0.25rem);
2419
- }._error-container_r9ou8_23 {
2420
- align-items: flex-start;
2421
- color: var(--a2-mod-field-message-error-foreground-color);
2422
- display: flex;
2423
- gap: var(--a2-size-1, 0.25rem);
2424
- }._warning-container_r9ou8_30 {
2425
- align-items: flex-start;
2426
- color: var(--a2-mod-field-message-warning-foreground-color);
2427
- display: flex;
2428
- gap: var(--a2-size-1, 0.25rem);
2429
- }._status-icon_r9ou8_37 {
2430
- padding-top: var(--a2-size-quarter, 0.0625rem);
2431
- }
2432
- }.anvil2 {/* BASE */._combobox_184hn_2 {
2433
- min-width: 8rem;
2434
- position: relative;
2435
- }._search-field_184hn_7 {
2436
- flex-direction: column;
2437
- font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
2438
- gap: var(--a2-size-2, 0.5rem);
2439
- }._search-field_184hn_7._select_184hn_13 {
2440
- cursor: pointer;
2441
- }._popover-content_184hn_17 ._search-field_184hn_7 {
2442
- 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)));
2443
- margin-block-end: var(--a2-size-4, 1rem);
2444
- padding-block-end: var(--a2-size-6, 1.5rem);
2445
- padding-block-start: var(--a2-size-2, 0.5rem);
2446
- padding-inline-end: var(--a2-size-2, 0.5rem);
2447
- padding-inline-start: var(--a2-size-2, 0.5rem);
2448
- }._input-wrapper_184hn_26 {
2449
- --a2-mod-multi-select-field-input-height: calc(
2450
- var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2451
- );
2452
- --a2-mod-multi-select-field-input-padding-inline-end: 4.5rem;
2453
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2454
- font-size: 100%;
2455
- color: inherit;
2456
- margin: 0;
2457
- padding: 0;
2458
- border-style: none;
2459
- border-width: 0;
2460
- border-color: transparent;
2461
- box-sizing: border-box;
2462
- display: block;
2463
- background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2464
- 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)));
2465
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2466
- display: flex;
2467
- 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))));
2468
- outline-offset: var(--a2-size-half, 0.125rem);
2469
- padding-inline-end: var(--a2-mod-multi-select-field-input-padding-inline-end);
2470
- padding-inline-start: var(--a2-size-3, 0.75rem);
2471
- position: relative;
2472
- }._input-wrapper_184hn_26:focus:not([disabled]), ._input-wrapper_184hn_26:focus-visible, ._input-wrapper_184hn_26:has(._input_184hn_26:focus-visible) {
2473
- outline-width: var(--a2-size-half, 0.125rem);
2474
- }._input-wrapper_184hn_26:has(._input_184hn_26._error_184hn_54) {
2475
- border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
2476
- }._input-wrapper_184hn_26:focus:has(._input_184hn_26._error_184hn_54):not([disabled]), ._input-wrapper_184hn_26:focus-visible:has(._input_184hn_26._error_184hn_54), ._input-wrapper_184hn_26:has(._input_184hn_26._error_184hn_54:focus-visible) {
2477
- 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))));
2478
- outline-width: var(--a2-size-half, 0.125rem);
2479
- }._input-wrapper_184hn_26._disabled_184hn_61, ._input-wrapper_184hn_26[disabled], ._input-wrapper_184hn_26:has(._input_184hn_26:disabled) {
2480
- opacity: 0.4;
2481
- }._input-wrapper_184hn_26._disabled_184hn_61 *, ._input-wrapper_184hn_26[disabled] *, ._input-wrapper_184hn_26:has(._input_184hn_26:disabled) * {
2482
- cursor: not-allowed;
2483
- }._input-wrapper_184hn_26:has(input._input_184hn_26:-moz-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-wrapper_184hn_26[disabled], ._input-wrapper_184hn_26[readonly], ._input-wrapper_184hn_26._disabled_184hn_61, ._input-wrapper_184hn_26:has(input._input_184hn_26:read-only) {
2486
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2487
- }._input-wrapper_184hn_26._highlight_184hn_70 {
2488
- 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)));
2489
- }._input-flex_184hn_74 {
2490
- flex: 1 1 100px;
2491
- min-width: 100px;
2492
- overflow: hidden;
2493
- text-overflow: ellipsis;
2494
- white-space: nowrap;
2495
- width: 0;
2496
- }._input_184hn_26,
2497
- ._input_184hn_26[type] {
2498
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2499
- font-size: 100%;
2500
- color: inherit;
2501
- margin: 0;
2502
- padding: 0;
2503
- border-style: none;
2504
- border-width: 0;
2505
- border-color: transparent;
2506
- box-sizing: border-box;
2507
- display: block;
2508
- align-items: center;
2509
- background: none;
2510
- box-shadow: none;
2511
- display: flex;
2512
- flex: 1 0 100px;
2513
- height: var(--a2-mod-multi-select-field-input-height);
2514
- min-width: 100px;
2515
- padding-block: var(--a2-size-2, 0.5rem);
2516
- padding-inline: 0;
2517
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2518
- width: 100px;
2519
- }._input_184hn_26:focus,
2520
- ._input_184hn_26[type]:focus {
2521
- box-shadow: none;
2522
- }._input_184hn_26::-moz-placeholder, ._input_184hn_26[type]::-moz-placeholder {
2523
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2524
- }._input_184hn_26::placeholder,
2525
- ._input_184hn_26[type]::placeholder {
2526
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2527
- }._input_184hn_26:focus-visible,
2528
- ._input_184hn_26[type]:focus-visible {
2529
- box-shadow: none;
2530
- outline: none;
2531
- }@media (prefers-reduced-motion: reduce) {
2532
- ._input_184hn_26,
2533
- ._input_184hn_26[type] {
2534
- transition-duration: 0.01ms !important;
2535
- transition-property: outline;
2536
- }
2537
- }input._input_184hn_26:-moz-read-only {
2538
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2539
- }input._input_184hn_26:read-only {
2540
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2541
- }._rows-wrapper_184hn_132 {
2542
- align-items: stretch;
2543
- display: flex;
2544
- flex-direction: row;
2545
- flex-grow: 1;
2546
- flex-wrap: wrap;
2547
- gap: 0 var(--a2-size-2, 0.5rem);
2548
- max-width: 100%;
2549
- width: 100%;
2550
- }._chip-wrapper_184hn_143 {
2551
- align-items: center;
2552
- display: flex;
2553
- height: var(--a2-mod-multi-select-field-input-height);
2554
- justify-content: center;
2555
- max-width: 100%;
2556
- }._chip_184hn_143 {
2557
- --a2-mod-chip-max-width: 100%;
2558
- }._buttons-wrapper_184hn_155 {
2559
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2560
- font-size: 100%;
2561
- color: inherit;
2562
- margin: 0;
2563
- padding: 0;
2564
- border-style: none;
2565
- border-width: 0;
2566
- border-color: transparent;
2567
- box-sizing: border-box;
2568
- display: flex;
2569
- height: var(--a2-mod-multi-select-field-input-height);
2570
- inset-block-start: 0;
2571
- inset-inline-end: 0;
2572
- position: absolute;
2573
- }._close-button-wrapper_184hn_172 {
2574
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2575
- font-size: 100%;
2576
- color: inherit;
2577
- margin: 0;
2578
- padding: 0;
2579
- border-style: none;
2580
- border-width: 0;
2581
- border-color: transparent;
2582
- box-sizing: border-box;
2583
- display: revert-layer;
2584
- align-items: center;
2585
- cursor: pointer;
2586
- display: flex;
2587
- }._close-button_184hn_172 {
2588
- --a2-mod-button-background-color: transparent;
2589
- }._close-button_184hn_172[data-interactive=hover]::before, ._close-button_184hn_172:hover::before, ._close-button_184hn_172:disabled:not(._loading-infinite_184hn_191, ._loading-progress_184hn_191), ._close-button_184hn_172._disabled_184hn_61:not(._loading-infinite_184hn_191, ._loading-progress_184hn_191), ._close-button_184hn_172[aria-disabled=true]:not(._loading-infinite_184hn_191, ._loading-progress_184hn_191) {
2590
- --a2-mod-button-background-color: transparent;
2591
- }._toggle-button-wrapper_184hn_195 {
2592
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2593
- font-size: 100%;
2594
- color: inherit;
2595
- margin: 0;
2596
- padding: 0;
2597
- border-style: none;
2598
- border-width: 0;
2599
- border-color: transparent;
2600
- box-sizing: border-box;
2601
- display: revert-layer;
2602
- align-items: center;
2603
- cursor: pointer;
2604
- display: flex;
2605
- }._toggle-button_184hn_195 {
2606
- --a2-mod-button-background-color: transparent;
2607
- --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2608
- transform: rotate(90deg);
2609
- transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2610
- }._toggle-button_184hn_195[aria-expanded=true] {
2611
- transform: rotate(270deg);
2612
- }._toggle-button_184hn_195[data-interactive=hover]::before, ._toggle-button_184hn_195:hover::before, ._toggle-button_184hn_195:disabled:not(._loading-infinite_184hn_191, ._loading-progress_184hn_191), ._toggle-button_184hn_195._disabled_184hn_61:not(._loading-infinite_184hn_191, ._loading-progress_184hn_191), ._toggle-button_184hn_195[aria-disabled=true]:not(._loading-infinite_184hn_191, ._loading-progress_184hn_191) {
2613
- --a2-mod-button-background-color: transparent;
2614
- }@media (prefers-reduced-motion: reduce) {
2615
- ._toggle-button_184hn_195 {
2616
- transition-duration: 0.01ms !important;
2617
- }
2618
- }[aria-expanded=true] ._toggle-button-wrapper_184hn_195 ._toggle-button_184hn_195 {
2619
- transform: rotate(270deg);
2620
- }._prefix_184hn_233,
2621
- ._suffix_184hn_234 {
2622
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2623
- font-size: 100%;
2624
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2625
- margin: 0;
2626
- padding: 0;
2627
- border-style: none;
2628
- border-width: 0;
2629
- border-color: transparent;
2630
- box-sizing: border-box;
2631
- display: flex;
2632
- align-items: center;
2633
- flex: 0 0 auto;
2634
- font-weight: var(--a2-font-weight-semibold, 600);
2635
- justify-content: center;
2636
- min-width: var(--a2-size-8, 2rem);
2637
- }._prefix_184hn_233 {
2638
- padding-inline-end: var(--a2-size-2, 0.5rem);
2639
- }._suffix_184hn_234 {
2640
- padding-inline-end: var(--a2-size-2, 0.5rem);
2641
- padding-inline-start: var(--a2-size-2, 0.5rem);
2642
- }._popover-content_184hn_17 {
2643
- display: flex;
2644
- flex-direction: column;
2645
- overflow: hidden;
2646
- }._listview_184hn_267 {
2647
- padding-block: var(--a2-size-2, 0.5rem);
2648
- padding-inline: var(--a2-size-2, 0.5rem);
2649
- }._loading-spinner_184hn_272 {
2650
- height: var(--a2-size-6, 1.5rem);
2651
- width: var(--a2-size-6, 1.5rem);
2652
- }._empty_184hn_277 {
2653
- padding-block-end: var(--a2-size-4, 1rem);
2654
- padding-block-start: var(--a2-size-3, 0.75rem);
2655
- padding-inline-end: var(--a2-size-6, 1.5rem);
2656
- padding-inline-start: var(--a2-size-6, 1.5rem);
2657
- }._item_184hn_284 {
2658
- --a2-mod-multi-select-field-item-background-color: transparent;
2659
- --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)));
2660
- background-color: var(--a2-mod-multi-select-field-item-background-color);
2661
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2662
- color: var(--a2-mod-multi-select-field-item-color);
2663
- cursor: pointer;
2664
- font-size: var(--a2-font-size-300, 0.875rem);
2665
- line-height: calc(var(--a2-size-4, 1rem) + var(--a2-size-half, 0.125rem));
2666
- 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))));
2667
- outline-offset: var(--a2-size-half, 0.125rem);
2668
- padding-block: var(--a2-size-2, 0.5rem);
2669
- padding-inline: var(--a2-size-4, 1rem);
2670
- position: relative;
2671
- }/* MODIFIERS */._no-clear-button_184hn_301 {
2672
- --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
2673
- }._no-toggle-button_184hn_305 {
2674
- --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
2675
- }._small_184hn_309 {
2676
- --a2-mod-multi-select-field-input-height: calc(
2677
- var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2678
- );
2679
- }._large_184hn_315 {
2680
- --a2-mod-multi-select-field-input-height: calc(
2681
- var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2682
- );
2683
- }._listview-option_184hn_321:not([aria-disabled=true]) {
2684
- cursor: pointer;
2685
- }._listview-option_184hn_321[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_184hn_284[data-interactive=hover]:not([aria-disabled=true]),
2688
- ._item_184hn_284:hover:not([aria-disabled=true]),
2689
- ._item_184hn_284[aria-selected=true]:not([aria-disabled=true]) {
2690
- --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)));
2691
- }._item_184hn_284[aria-disabled=true] {
2692
- cursor: not-allowed;
2693
- opacity: 0.6;
2694
- }._item_184hn_284[data-checked=true] {
2695
- --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)));
2696
- --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)));
2697
- }._item_184hn_284[data-checked=true]:hover:not([aria-disabled=true]),
2698
- ._item_184hn_284[data-checked=true][aria-selected=true]:not([aria-disabled=true]),
2699
- ._item_184hn_284[data-checked=true][data-interactive=hover]:not([aria-disabled=true]) {
2700
- --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)));
2701
- }._item_184hn_284[data-checked=true]:active:not([aria-disabled=true]) {
2702
- --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)));
2703
- }
2704
- }.anvil2 {/* TREE-SPECIFIC OVERRIDES */._tree-row_r0ti0_2 {
2705
- padding-inline-start: 0;
2706
- }._tree-row_r0ti0_2:hover:has(._expand-icon_r0ti0_8:hover) {
2707
- --a2-mod-option-row-background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0));
2708
- }._expand-icon_r0ti0_8 {
2709
- align-items: center;
2710
- border-radius: var(--a2-radius-1, 0.1875rem);
2711
- display: inline-flex;
2712
- flex-shrink: 0;
2713
- justify-content: center;
2714
- margin: calc(-1 * var(--a2-size-half, 0.125rem));
2715
- min-height: var(--a2-size-7, 1.75rem);
2716
- width: var(--a2-size-7, 1.75rem);
2717
- }._expand-icon_r0ti0_8:hover {
2718
- 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)));
2719
- }._label-container_r0ti0_29 {
2720
- display: flex;
2721
- flex: 1;
2722
- flex-direction: column;
2723
- gap: var(--a2-size-1, 0.25rem);
2724
- justify-content: center;
2725
- min-width: 0;
2726
- overflow: hidden;
2727
- }/* MODIFIERS */._active_r0ti0_40 {
2728
- --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)));
2729
- }
2730
- }._tree-row_r0ti0_2:hover:not(.disabled) {
2731
- --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)));
2732
- }._tree-row_r0ti0_2:active:not(.disabled) {
2733
- --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)));
2734
- }.anvil2 {._panel_1nd4g_1 {
2735
- box-sizing: border-box;
2736
- height: 100%;
2737
- max-height: inherit;
2738
- outline: none;
2739
- overflow: auto;
2740
- overscroll-behavior: contain;
2741
- position: relative;
2742
- }
2743
- }.anvil2 {/* BASE */._input-wrapper_82zwk_2 {
2744
- --a2-mod-tree-select-field-input-height: calc(
2745
- var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2746
- );
2747
- --a2-mod-tree-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
2748
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2749
- font-size: 100%;
2750
- color: inherit;
2751
- margin: 0;
2752
- padding: 0;
2753
- border-style: none;
2754
- border-width: 0;
2755
- border-color: transparent;
2756
- box-sizing: border-box;
2757
- display: block;
2758
- background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
2759
- 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)));
2760
- border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
2761
- display: flex;
2762
- 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))));
2763
- outline-offset: var(--a2-size-half, 0.125rem);
2764
- padding-inline-end: var(--a2-mod-tree-select-field-input-padding-inline-end);
2765
- padding-inline-start: var(--a2-size-3, 0.75rem);
2766
- position: relative;
2767
- }._input-wrapper_82zwk_2:focus:not([disabled]), ._input-wrapper_82zwk_2:focus-visible, ._input-wrapper_82zwk_2:has(._input_82zwk_2:focus-visible) {
2768
- outline-width: var(--a2-size-half, 0.125rem);
2769
- }._input-wrapper_82zwk_2:has(._input_82zwk_2._error_82zwk_30) {
2770
- border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
2771
- }._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) {
2772
- 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))));
2773
- outline-width: var(--a2-size-half, 0.125rem);
2774
- }._input-wrapper_82zwk_2._disabled_82zwk_37, ._input-wrapper_82zwk_2[disabled], ._input-wrapper_82zwk_2:has(._input_82zwk_2:disabled) {
2775
- opacity: 0.4;
2776
- }._input-wrapper_82zwk_2._disabled_82zwk_37 *, ._input-wrapper_82zwk_2[disabled] *, ._input-wrapper_82zwk_2:has(._input_82zwk_2:disabled) * {
2777
- cursor: not-allowed;
2778
- }._input-wrapper_82zwk_2[disabled], ._input-wrapper_82zwk_2[readonly], ._input-wrapper_82zwk_2._disabled_82zwk_37 {
2779
- background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
2780
- }._input-flex_82zwk_47 {
2781
- flex: 1 1 100px;
2782
- min-width: 100px;
2783
- overflow: hidden;
2784
- text-overflow: ellipsis;
2785
- white-space: nowrap;
2786
- width: 0;
2787
- }._input_82zwk_2[type=text] {
2788
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2789
- font-size: 100%;
2790
- color: inherit;
2791
- margin: 0;
2792
- padding: 0;
2793
- border-style: none;
2794
- border-width: 0;
2795
- border-color: transparent;
2796
- box-sizing: border-box;
2797
- display: block;
2798
- align-items: center;
2799
- display: flex;
2800
- flex: 1 0 100px;
2801
- height: var(--a2-mod-tree-select-field-input-height);
2802
- min-width: 100px;
2803
- box-shadow: none;
2804
- padding-block: var(--a2-size-2, 0.5rem);
2805
- padding-inline: 0;
2806
- transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2807
- width: 100px;
2808
- }._input_82zwk_2[type=text]:focus {
2809
- box-shadow: none;
2810
- }._input_82zwk_2[type=text]::-moz-placeholder {
2811
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2812
- }._input_82zwk_2[type=text]::placeholder {
2813
- color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
2814
- }@media (prefers-reduced-motion: reduce) {
2815
- ._input_82zwk_2[type=text] {
2816
- transition-duration: 0.01ms !important;
2817
- transition-property: outline;
2818
- }
2819
- }input._input_82zwk_2:-moz-read-only {
2820
- background-color: inherit;
2821
- }input._input_82zwk_2:read-only {
2822
- background-color: inherit;
2823
- }._rows-wrapper_82zwk_95 {
2824
- align-items: stretch;
2825
- display: flex;
2826
- flex-direction: row;
2827
- flex-grow: 1;
2828
- flex-wrap: wrap;
2829
- gap: 0 var(--a2-size-1, 0.25rem);
2830
- max-width: 100%;
2831
- width: 100%;
2832
- }._chip-wrapper_82zwk_106 {
2833
- align-items: center;
2834
- display: flex;
2835
- height: var(--a2-mod-tree-select-field-input-height);
2836
- justify-content: center;
2837
- max-width: 100%;
2838
- }._chip_82zwk_106 {
2839
- --a2-mod-chip-max-width: 100%;
2840
- }._buttons-wrapper_82zwk_118 {
2841
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2842
- font-size: 100%;
2843
- color: inherit;
2844
- margin: 0;
2845
- padding: 0;
2846
- border-style: none;
2847
- border-width: 0;
2848
- border-color: transparent;
2849
- box-sizing: border-box;
2850
- display: flex;
2851
- height: var(--a2-mod-tree-select-field-input-height);
2852
- inset-block-start: 0;
2853
- inset-inline-end: 0;
2854
- position: absolute;
2855
- }._toggle-button-wrapper_82zwk_135 {
2856
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2857
- font-size: 100%;
2858
- color: inherit;
2859
- margin: 0;
2860
- padding: 0;
2861
- border-style: none;
2862
- border-width: 0;
2863
- border-color: transparent;
2864
- box-sizing: border-box;
2865
- display: revert-layer;
2866
- align-items: center;
2867
- cursor: pointer;
2868
- display: flex;
2869
- }._toggle-button_82zwk_135 {
2870
- --a2-mod-button-background-color: transparent;
2871
- --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2872
- transform: rotate(90deg);
2873
- transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
2874
- }._toggle-button_82zwk_135[aria-expanded=true] {
2875
- transform: rotate(270deg);
2876
- }._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) {
2877
- --a2-mod-button-background-color: transparent;
2878
- }@media (prefers-reduced-motion: reduce) {
2879
- ._toggle-button_82zwk_135 {
2880
- transition-duration: 0.01ms !important;
2881
- }
2882
- }[aria-expanded=true] ._toggle-button-wrapper_82zwk_135 ._toggle-button_82zwk_135 {
2883
- transform: rotate(270deg);
2884
- }._prefix_82zwk_173,
2885
- ._suffix_82zwk_174 {
2886
- font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
2887
- font-size: 100%;
2888
- color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
2889
- margin: 0;
2890
- padding: 0;
2891
- border-style: none;
2892
- border-width: 0;
2893
- border-color: transparent;
2894
- box-sizing: border-box;
2895
- display: flex;
2896
- align-items: center;
2897
- flex: 0 0 auto;
2898
- font-weight: var(--a2-font-weight-semibold, 600);
2899
- justify-content: center;
2900
- min-width: var(--a2-size-8, 2rem);
2901
- }._prefix_82zwk_173 {
2902
- padding-inline-end: var(--a2-size-2, 0.5rem);
2903
- }._suffix_82zwk_174 {
2904
- padding-inline-end: var(--a2-size-2, 0.5rem);
2905
- padding-inline-start: var(--a2-size-2, 0.5rem);
2906
- }/* MODIFIERS */._small_82zwk_202 {
2907
- --a2-mod-tree-select-field-input-height: calc(
2908
- var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2909
- );
2910
- }._large_82zwk_208 {
2911
- --a2-mod-tree-select-field-input-height: calc(
2912
- var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
2913
- );
2914
- }
2915
- }