@abgov/web-components 1.29.1 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.css CHANGED
@@ -1,519 +1 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");body,
2
- input,
3
- textarea,
4
- button,
5
- textarea {
6
- background: #fff;
7
- font-family: var(--goa-font-family-sans);
8
- font-weight: 400;
9
- font-size: var(--goa-font-size-4);
10
- color: var(--goa-color-text-default);
11
- }
12
-
13
- body {
14
- margin: 0;
15
- scroll-behavior: smooth;
16
- line-height: var(--goa-line-height-3);
17
- }
18
-
19
- *,
20
- *:before,
21
- *:after {
22
- box-sizing: border-box;
23
- }
24
-
25
- p {
26
- margin: 0;
27
- margin-bottom: 1rem;
28
- }
29
-
30
- hr {
31
- border-width: 0;
32
- border-top: 1px solid #ccc;
33
- height: 0;
34
- padding: 0;
35
- margin: 2rem 0;
36
- }
37
-
38
- ul,
39
- ol {
40
- padding-left: 0;
41
- padding-left: 1rem;
42
- }
43
-
44
- li > ul,
45
- li > ol,
46
- li > ul,
47
- li > ol {
48
- padding-left: 0;
49
- margin-top: 0;
50
- }
51
-
52
- dl {
53
- margin-top: 0;
54
- }
55
-
56
- dd {
57
- margin-left: 0.5rem;
58
- }
59
-
60
- a,
61
- a:visited {
62
- color: var(--goa-color-interactive-default);
63
- cursor: pointer;
64
- }
65
-
66
- a:hover {
67
- color: var(--goa-color-interactive-hover);
68
- }
69
-
70
- ::-moz-placeholder {
71
- /* Chrome, Firefox, Opera, Safari 10.1+ */
72
- color: #999;
73
- opacity: 1;
74
- /* Firefox */
75
- }
76
-
77
- ::placeholder {
78
- /* Chrome, Firefox, Opera, Safari 10.1+ */
79
- color: #999;
80
- opacity: 1;
81
- /* Firefox */
82
- }
83
-
84
- :-ms-input-placeholder {
85
- /* Internet Explorer 10-11 */
86
- color: #999;
87
- }
88
-
89
- ::-ms-input-placeholder {
90
- /* Microsoft Edge */
91
- color: #999;
92
- }
93
-
94
- h1 {
95
- font: var(--goa-typography-heading-xl);
96
- }
97
-
98
- h2 {
99
- font: var(--goa-typography-heading-l);
100
- }
101
-
102
- h3 {
103
- font: var(--goa-typography-heading-m);
104
- }
105
-
106
- h4 {
107
- font: var(--goa-typography-heading-s);
108
- }
109
-
110
- h5,
111
- h6 {
112
- font: var(--goa-typography-heading-xs);
113
- }
114
-
115
- h3 + h1 {
116
- margin-top: -1rem;
117
- }
118
-
119
- p {
120
- margin-bottom: 1rem;
121
- font-size: var(--goa-font-size-4);
122
- }
123
-
124
- em {
125
- font-size: var(--goa-font-size-1);
126
- line-height: var(--goa-line-height-1);
127
- color: var(--goa-color-greyscale-200);
128
- }
129
-
130
- small {
131
- font-size: var(--goa-font-size-1);
132
- font-style: normal;
133
- color: var(--goa-color-greyscale-200);
134
- }
135
-
136
- /* TODO: move these styles into the component using either the ::slotted or :global */
137
- /* Components */
138
- goa-two-column-layout h1:first-of-type,
139
- goa-two-column-layout h2:first-of-type,
140
- goa-two-column-layout h3:first-of-type,
141
- goa-three-column-layout h1:first-of-type,
142
- goa-three-column-layout h2:first-of-type,
143
- goa-three-column-layout h3:first-of-type,
144
- goa-container h1:first-of-type,
145
- goa-container h2:first-of-type,
146
- goa-container h3:first-of-type {
147
- margin-top: 0;
148
- }
149
-
150
-
151
- @font-face {
152
- font-family: "acumin-pro-semi-condensed";
153
- src: url("https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/l?subset_id=1&fvd=n4&v=3") format("woff2"),
154
- url("https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/d?subset_id=1&fvd=n4&v=3") format("woff"),
155
- url("https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/a?subset_id=1&fvd=n4&v=3") format("opentype");
156
- font-style: normal;
157
- font-weight: 400;
158
- }
159
-
160
- @font-face {
161
- font-family: "acumin-pro-semi-condensed";
162
- src: url("https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/l?subset_id=1&fvd=i4&v=3") format("woff2"),
163
- url("https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/d?subset_id=1&fvd=i4&v=3") format("woff"),
164
- url("https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/a?subset_id=1&fvd=i4&v=3") format("opentype");
165
- font-style: italic;
166
- font-weight: 400;
167
- }
168
-
169
- @font-face {
170
- font-family: "acumin-pro-semi-condensed";
171
- src: url("https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/l?subset_id=1&fvd=n7&v=3") format("woff2"),
172
- url("https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/d?subset_id=1&fvd=n7&v=3") format("woff"),
173
- url("https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/a?subset_id=1&fvd=n7&v=3") format("opentype");
174
- font-style: normal;
175
- font-weight: 700;
176
- }
177
-
178
- @font-face {
179
- font-family: "acumin-pro-semi-condensed";
180
- src: url("https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/l?subset_id=1&fvd=i7&v=3") format("woff2"),
181
- url("https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/d?subset_id=1&fvd=i7&v=3") format("woff"),
182
- url("https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/a?subset_id=1&fvd=i7&v=3") format("opentype");
183
- font-style: italic;
184
- font-weight: 700;
185
- }
186
-
187
- @font-face {
188
- font-family: "acumin-pro-semi-condensed";
189
- src: url("https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/l?subset_id=1&fvd=n6&v=3") format("woff2"),
190
- url("https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/d?subset_id=1&fvd=n6&v=3") format("woff"),
191
- url("https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/a?subset_id=1&fvd=n6&v=3") format("opentype");
192
- font-style: normal;
193
- font-weight: 600;
194
- }
195
-
196
- @font-face {
197
- font-family: "roboto-mono";
198
- src: url("https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2") format("woff2");
199
- font-style: normal;
200
- font-weight: 400;
201
- }
202
- :root {
203
- /* acumin font requires this to allow for vertical alignment */
204
- --font-valign-fix: 0.1rem;
205
-
206
- --shadow-0: 0 0 rgba(0, 0, 0, 0);
207
- --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.24);
208
- --shadow-2: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
209
- --shadow-3: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
210
- --shadow-4: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
211
- --shadow-5: 0 20px 40px rgba(0, 0, 0, 0.2);
212
- }ol.goa-ordered-list li,
213
- ul.goa-unordered-list li {
214
- padding: var(--goa-space-xs);
215
- }
216
-
217
- ol.goa-ordered-list ol,
218
- ol.goa-ordered-list ul,
219
- ul.goa-unordered-list ol,
220
- ul.goa-unordered-list ul {
221
- margin-left: var(--goa-space-l);
222
- }
223
-
224
- ul.goa-unordered-list li::marker {
225
- color: var(--goa-color-brand-default);
226
- }
227
-
228
- /* GoAAppHeader */
229
- /** needed to override a,
230
- a:visited at reset.css */
231
- goa-app-header a,
232
- goa-app-header a:visited {
233
- color: var(--goa-color-text-default);
234
- }
235
-
236
- goa-app-header a.current.inside-collapse-menu,
237
- goa-app-header a.current.inside-collapse-menu:hover,
238
- goa-app-header-menu a.current,
239
- goa-app-header-menu a.current:hover {
240
- color: var(--goa-color-text-light);
241
- }
242
-
243
- goa-app-header-menu a:first-of-type {
244
- box-shadow: none;
245
- }
246
-
247
- /* Table */
248
-
249
- goa-table table {
250
- border-collapse: collapse;
251
- }
252
-
253
- goa-table.sticky thead {
254
- position: sticky;
255
- top: 0;
256
- }
257
-
258
- goa-table td {
259
- font: var(--goa-typography-body-m);
260
- padding: 0.75rem 1rem;
261
- border-bottom: 1px solid var(--goa-color-greyscale-200);
262
- }
263
-
264
- goa-table[variant="relaxed"] td {
265
- padding: 1.25rem 1rem 1rem 1rem;
266
- }
267
-
268
- goa-table thead th {
269
- background-color: var(--goa-color-greyscale-white);
270
- color: var(--goa-table-color-heading);
271
- padding: var(--goa-space-s) var(--goa-table-header-padding, var(--goa-space-m)) var(--goa-space-xs) var(--goa-table-header-padding, var(--goa-space-m));
272
- text-align: left;
273
- border-bottom: 2px solid var(--goa-table-color-border-heading);
274
- vertical-align: bottom;
275
- }
276
-
277
- .goa-table-number-column {
278
- font: var(--goa-typography-number-m);
279
- text-align: right;
280
- }
281
-
282
- .goa-table-number-header {
283
- text-align: right;
284
- }
285
-
286
- .goa-table-number-header:not(:has(goa-table-sort-header)) {
287
- padding-bottom: 0.5rem;
288
- }
289
-
290
- goa-table tfoot td {
291
- background-color: var(--goa-color-greyscale-100);
292
- }
293
-
294
- goa-table tfoot tr:first-child td {
295
- border-top: 2px solid var(--goa-color-greyscale-200);
296
- }
297
-
298
- goa-table tfoot tr:last-child td {
299
- border-bottom: none;
300
- }
301
- /**
302
- * Do not edit directly
303
- * Generated on Tue, 12 Nov 2024 22:14:51 GMT
304
- */
305
-
306
- :root {
307
- --goa-letter-spacing-button: 0.0125rem;
308
- --goa-font-weight-bold: 700;
309
- --goa-font-weight-medium: 500;
310
- --goa-font-weight-regular: 400;
311
- --goa-font-size-10: 3rem;
312
- --goa-font-size-9: 2.25rem;
313
- --goa-font-size-8: 2rem;
314
- --goa-font-size-7: 1.5rem;
315
- --goa-font-size-6: 1.375rem;
316
- --goa-font-size-5: 1.25rem;
317
- --goa-font-size-4: 1.125rem;
318
- --goa-font-size-3: 1rem;
319
- --goa-font-size-2: 0.875rem;
320
- --goa-font-size-1: 0.75rem;
321
- --goa-font-family-number: roboto-mono, monospace;
322
- --goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
323
- --goa-line-height-05: 1.125rem;
324
- --goa-line-height-7: 3.5rem;
325
- --goa-line-height-6: 2.75rem;
326
- --goa-line-height-5: 2.5rem;
327
- --goa-line-height-4: 2rem;
328
- --goa-line-height-3: 1.75rem;
329
- --goa-line-height-2: 1.5rem;
330
- --goa-line-height-1: 1.25rem;
331
- --goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
332
- --goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;
333
- --goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;
334
- --goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;
335
- --goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;
336
- --goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;
337
- --goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;
338
- --goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;
339
- --goa-icon-size-l: 1.5rem;
340
- --goa-icon-size-m: 1.25rem;
341
- --goa-icon-size-s: 1rem;
342
- --goa-space-4xl: 8rem;
343
- --goa-space-3xl: 4rem;
344
- --goa-space-2xl: 3rem;
345
- --goa-space-xl: 2rem;
346
- --goa-space-l: 1.5rem;
347
- --goa-space-m: 1rem;
348
- --goa-space-s: 0.75rem;
349
- --goa-space-xs: 0.5rem;
350
- --goa-space-2xs: 0.25rem;
351
- --goa-space-3xs: 0.125rem;
352
- --goa-space-none: 0rem;
353
- --goa-border-width-l: 3px;
354
- --goa-border-width-m: 2px;
355
- --goa-border-width-s: 1px;
356
- --goa-border-width-xs: 0.7px;
357
- --goa-border-width-2xs: 0.5px;
358
- --goa-border-radius-3xl: 0.75rem;
359
- --goa-border-radius-2xl: 0.625rem;
360
- --goa-border-radius-xl: 0.5rem;
361
- --goa-border-radius-l: 0.375rem;
362
- --goa-border-radius-m: 0.25rem;
363
- --goa-border-radius-none: 0;
364
- --goa-opacity-background-loading: 90%;
365
- --goa-opacity-background-modal: 50%;
366
- --goa-color-extended-yellow: #fce796;
367
- --goa-color-extended-violet: #d4c2ff;
368
- --goa-color-extended-red: #ed948d;
369
- --goa-color-extended-pink: #ff8fc5;
370
- --goa-color-extended-orange: #ffc76d;
371
- --goa-color-extended-green: #bbfcb4;
372
- --goa-color-extended-blue: #aac9e7;
373
- --goa-color-extended-aqua: #7febe6;
374
- --goa-color-extended-light-yellow: #fff7bf;
375
- --goa-color-extended-light-violet: #efe2fb;
376
- --goa-color-extended-light-red: #f4cdc6;
377
- --goa-color-extended-light-pink: #f9e1eb;
378
- --goa-color-extended-light-orange: #fcd6c3;
379
- --goa-color-extended-light-green: #cce2d9;
380
- --goa-color-extended-light-blue: #ddefff;
381
- --goa-color-extended-light-aqua: #dcfbf8;
382
- --goa-color-greyscale-white: #ffffff;
383
- --goa-color-greyscale-black: #333333;
384
- --goa-color-greyscale-900: #474747;
385
- --goa-color-greyscale-800: #5c5c5c;
386
- --goa-color-greyscale-700: #666666;
387
- --goa-color-greyscale-600: #858585;
388
- --goa-color-greyscale-500: #949494;
389
- --goa-color-greyscale-400: #adadad;
390
- --goa-color-greyscale-300: #c2c2c2;
391
- --goa-color-greyscale-200: #dcdcdc;
392
- --goa-color-greyscale-150: #e7e7e7;
393
- --goa-color-greyscale-100: #f1f1f1;
394
- --goa-color-greyscale-50: #f8f8f8;
395
- --goa-color-critical-default: #171d23;
396
- --goa-color-success-background: #eef9f3;
397
- --goa-color-success-dark: #00563a;
398
- --goa-color-success-light: #cce4dc;
399
- --goa-color-success-default: #006f4c;
400
- --goa-color-emergency-background: #fff1f2;
401
- --goa-color-emergency-dark: #a91a10;
402
- --goa-color-emergency-light: #fbd1ce;
403
- --goa-color-emergency-default: #da291c;
404
- --goa-color-warning-background: #fff6e5;
405
- --goa-color-warning-dark: #bf8d23;
406
- --goa-color-warning-light: #ffeab6;
407
- --goa-color-warning-default: #f9ce2d;
408
- --goa-color-info-background: #eff8ff;
409
- --goa-color-info-dark: #003b70;
410
- --goa-color-info-light: #aac9e7;
411
- --goa-color-info-default: #004a8f;
412
- --goa-color-brand-light: #c8eefa;
413
- --goa-color-brand-dark: #005072;
414
- --goa-color-brand-default: #0081a2;
415
- --goa-color-interactive-visited: #756693;
416
- --goa-color-interactive-focus-black: #000000;
417
- --goa-color-interactive-focus: #feba35;
418
- --goa-color-interactive-error-disabled: #f58185;
419
- --goa-color-interactive-error-hover: #ba0000;
420
- --goa-color-interactive-error: #ec040b;
421
- --goa-color-interactive-disabled: #80b7e1;
422
- --goa-color-interactive-hover: #004f84;
423
- --goa-color-interactive-default: #0070c4;
424
- --goa-side-menu-parent-color-bg-selected: #CEDFEE;
425
- --goa-side-menu-parent-color-bg-hover: #CEDFEE;
426
- --goa-side-menu-child-border-width: 4px;
427
- --goa-drawer-transition-time: 200ms;
428
- --goa-drawer-right-shadow: -4px 0px 12px 0px rgba(0,0,0,0.2);
429
- --goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,0.2);
430
- --goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,0.2);
431
- --goa-drawer-overlay-color: rgba(0,0,0,0.3);
432
- --goa-callout-emergency-border-color: none;
433
- --goa-callout-success-border-color: none;
434
- --goa-callout-warning-border-color: none;
435
- --goa-callout-info-border-color: none;
436
- --goa-callout-l-border-width: 0px;
437
- --goa-callout-m-border-width: 0px;
438
- --goa-button-height-compact: 32px;
439
- --goa-button-height: 42px;
440
- --goa-accordion-shadow: 0px 0px 0px 0px #000000;
441
- --goa-typography-number-l: var(--goa-font-weight-medium) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-number);
442
- --goa-typography-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);
443
- --goa-typography-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);
444
- --goa-typography-button-default: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-1) var(--goa-font-family-sans);
445
- --goa-typography-body-l: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);
446
- --goa-typography-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
447
- --goa-typography-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
448
- --goa-typography-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);
449
- --goa-typography-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-10)/var(--goa-line-height-7) var(--goa-font-family-sans);
450
- --goa-typography-heading-l: var(--goa-font-weight-regular) var(--goa-font-size-9)/var(--goa-line-height-6) var(--goa-font-family-sans);
451
- --goa-typography-heading-m: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);
452
- --goa-typography-heading-s: var(--goa-font-weight-bold) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
453
- --goa-typography-heading-xs: var(--goa-font-weight-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
454
- --goa-color-text-disabled: var(--goa-color-greyscale-700);
455
- --goa-color-text-light: var(--goa-color-greyscale-white);
456
- --goa-color-text-secondary: var(--goa-color-greyscale-700);
457
- --goa-color-text-default: var(--goa-color-greyscale-black);
458
- --goa-table-color-border-heading: var(--goa-color-greyscale-600);
459
- --goa-side-menu-child-color-bg-selected: var(--goa-color-info-background);
460
- --goa-side-menu-child-color-bg-hover: var(--goa-color-info-background);
461
- --goa-side-menu-group-border-radius: var(--goa-border-radius-none);
462
- --goa-side-menu-parent-padding: var(--goa-space-xs) var(--goa-space-m) var(--goa-space-xs) var(--goa-space-xl);
463
- --goa-side-menu-sub-group-padding: var(--goa-space-none) var(--goa-space-none) var(--goa-space-none) var(--goa-space-none);
464
- --goa-side-menu-group-padding: var(--goa-space-none);
465
- --goa-side-menu-group-color-bg: var(--goa-color-greyscale-white);
466
- --goa-drawer-padding: var(--goa-space-m);
467
- --goa-container-padding: var(--goa-space-l);
468
- --goa-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
469
- --goa-container-border-radius: var(--goa-border-radius-m);
470
- --goa-callout-event-icon-color: var(--goa-color-greyscale-white);
471
- --goa-callout-emergency-icon-color: var(--goa-color-greyscale-white);
472
- --goa-callout-emergency-color-bg-statusbar: var(--goa-color-emergency-default);
473
- --goa-callout-emergency-color-bg-content: var(--goa-color-greyscale-100);
474
- --goa-callout-success-icon-color: var(--goa-color-greyscale-white);
475
- --goa-callout-success-color-bg-statusbar: var(--goa-color-success-default);
476
- --goa-callout-success-color-bg-content: var(--goa-color-greyscale-100);
477
- --goa-callout-warning-icon-color: var(--goa-color-greyscale-black);
478
- --goa-callout-warning-color-bg-statusbar: var(--goa-color-warning-default);
479
- --goa-callout-warning-color-bg-content: var(--goa-color-greyscale-100);
480
- --goa-callout-info-icon-color: var(--goa-color-greyscale-white);
481
- --goa-callout-info-color-bg-statusbar: var(--goa-color-info-default);
482
- --goa-callout-info-color-bg-content: var(--goa-color-greyscale-100);
483
- --goa-callout-m-statusbar-padding: var(--goa-space-s) var(--goa-space-2xs);
484
- --goa-callout-m-content-gap: var(--goa-space-2xs);
485
- --goa-callout-m-content-padding: var(--goa-space-s);
486
- --goa-callout-m-icon-size: var(--goa-icon-size-s);
487
- --goa-callout-l-statusbar-padding: var(--goa-space-l) var(--goa-space-s);
488
- --goa-callout-l-content-gap: var(--goa-space-m);
489
- --goa-callout-l-content-padding: var(--goa-space-l);
490
- --goa-callout-l-icon-size: var(--goa-icon-size-m);
491
- --goa-callout-border-radius: var(--goa-border-radius-none);
492
- --goa-button-padding-lr-compact: var(--goa-space-xs);
493
- --goa-button-padding-lr: var(--goa-space-s);
494
- --goa-button-border-radius: var(--goa-border-radius-m);
495
- --goa-accordion-color-bg-heading-hover: var(--goa-color-greyscale-200);
496
- --goa-accordion-padding-content-narrow: var(--goa-space-l);
497
- --goa-accordion-padding-content-wide: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) 56px;
498
- --goa-accordion-padding-heading-icon-right: var(--goa-space-s) 0 var(--goa-space-s) var(--goa-space-m);
499
- --goa-accordion-padding-heading-icon-left: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) 0;
500
- --goa-accordion-border-radius: var(--goa-border-radius-m);
501
- --goa-accordion-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
502
- --goa-accordion-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
503
- --goa-accordion-color-bg-content: var(--goa-color-greyscale-white);
504
- --goa-accordion-color-bg-heading: var(--goa-color-greyscale-100);
505
- --goa-table-color-heading: var(--goa-color-text-secondary);
506
- --goa-side-menu-parent-text-active: var(--goa-typography-body-m);
507
- --goa-side-menu-parent-text: var(--goa-typography-body-m);
508
- --goa-side-menu-child-color-text-selected: var(--goa-color-text-default);
509
- --goa-callout-m-text-size: var(--goa-typography-body-s);
510
- --goa-callout-l-heading-size: var(--goa-typography-heading-m);
511
- --goa-callout-m-heading-size: var(--goa-typography-heading-xs);
512
- --goa-callout-l-text-size: var(--goa-typography-body-m);
513
- --goa-callout-l-heading: var(--goa-typography-heading-m);
514
- --goa-button-text: var(--goa-typography-button-default);
515
- --goa-accordion-heading-m: var(--goa-typography-heading-m);
516
- --goa-accordion-heading-s: var(--goa-typography-heading-s);
517
- --goa-accordion-color-heading-hover: var(--goa-color-text-default);
518
- --goa-accordion-color-heading: var(--goa-color-text-default);
519
- }
1
+ @import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";body,input,textarea,button{background:#fff;font-family:var(--goa-font-family-sans);font-weight:400;font-size:var(--goa-font-size-4);color:var(--goa-color-text-default)}body{margin:0;scroll-behavior:smooth;line-height:var(--goa-line-height-3)}*,*:before,*:after{box-sizing:border-box}p{margin:0;margin-bottom:1rem}hr{border-width:0;border-top:1px solid #ccc;height:0;padding:0;margin:2rem 0}ul,ol{padding-left:0;padding-left:1rem}li>ul,li>ol{padding-left:0;margin-top:0}dl{margin-top:0}dd{margin-left:.5rem}a,a:visited{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}::-moz-placeholder{color:#999;opacity:1}::placeholder{color:#999;opacity:1}:-ms-input-placeholder{color:#999}::-ms-input-placeholder{color:#999}h1{font:var(--goa-typography-heading-xl)}h2{font:var(--goa-typography-heading-l)}h3{font:var(--goa-typography-heading-m)}h4{font:var(--goa-typography-heading-s)}h5,h6{font:var(--goa-typography-heading-xs)}h3+h1{margin-top:-1rem}p{margin-bottom:1rem;font-size:var(--goa-font-size-4)}em{font-size:var(--goa-font-size-1);line-height:var(--goa-line-height-1);color:var(--goa-color-greyscale-200)}small{font-size:var(--goa-font-size-1);font-style:normal;color:var(--goa-color-greyscale-200)}goa-two-column-layout h1:first-of-type,goa-two-column-layout h2:first-of-type,goa-two-column-layout h3:first-of-type,goa-three-column-layout h1:first-of-type,goa-three-column-layout h2:first-of-type,goa-three-column-layout h3:first-of-type,goa-container h1:first-of-type,goa-container h2:first-of-type,goa-container h3:first-of-type{margin-top:0}@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/l?subset_id=1&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/d?subset_id=1&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/a?subset_id=1&fvd=n4&v=3) format("opentype");font-style:normal;font-weight:400}@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/l?subset_id=1&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/d?subset_id=1&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/a?subset_id=1&fvd=i4&v=3) format("opentype");font-style:italic;font-weight:400}@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/l?subset_id=1&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/d?subset_id=1&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/a?subset_id=1&fvd=n7&v=3) format("opentype");font-style:normal;font-weight:700}@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/l?subset_id=1&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/d?subset_id=1&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/a?subset_id=1&fvd=i7&v=3) format("opentype");font-style:italic;font-weight:700}@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/l?subset_id=1&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/d?subset_id=1&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/a?subset_id=1&fvd=n6&v=3) format("opentype");font-style:normal;font-weight:600}@font-face{font-family:roboto-mono;src:url(https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2) format("woff2");font-style:normal;font-weight:400}:root{--font-valign-fix: .1rem;--shadow-0: 0 0 rgba(0, 0, 0, 0);--shadow-1: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-3: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-4: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--shadow-5: 0 20px 40px rgba(0, 0, 0, .2)}ol.goa-ordered-list li,ul.goa-unordered-list li{padding:var(--goa-space-xs)}ol.goa-ordered-list ol,ol.goa-ordered-list ul,ul.goa-unordered-list ol,ul.goa-unordered-list ul{margin-left:var(--goa-space-l)}ul.goa-unordered-list li::marker{color:var(--goa-color-brand-default)}goa-app-header a,goa-app-header a:visited{color:var(--goa-color-text-default)}goa-app-header a.current.inside-collapse-menu,goa-app-header a.current.inside-collapse-menu:hover,goa-app-header-menu a.current,goa-app-header-menu a.current:hover{color:var(--goa-color-text-light)}goa-app-header-menu a:first-of-type{box-shadow:none}goa-table table{border-collapse:collapse}goa-table.sticky thead{position:sticky;top:0}goa-table td{font:var(--goa-typography-body-m);padding:.75rem 1rem;border-bottom:1px solid var(--goa-color-greyscale-200)}goa-table[variant=relaxed] td{padding:1.25rem 1rem 1rem}goa-table thead th{background-color:var(--goa-color-greyscale-white);color:var(--goa-table-color-heading);padding:var(--goa-space-s) var(--goa-table-header-padding, var(--goa-space-m)) var(--goa-space-xs) var(--goa-table-header-padding, var(--goa-space-m));text-align:left;border-bottom:2px solid var(--goa-table-color-border-heading);vertical-align:bottom}.goa-table-number-column{font:var(--goa-typography-number-m);text-align:right}.goa-table-number-header{text-align:right}.goa-table-number-header:not(:has(goa-table-sort-header)){padding-bottom:.5rem}goa-table tfoot td{background-color:var(--goa-color-greyscale-100)}goa-table tfoot tr:first-child td{border-top:2px solid var(--goa-color-greyscale-200)}goa-table tfoot tr:last-child td{border-bottom:none}:root{--goa-letter-spacing-button: .0125rem;--goa-font-weight-bold: 700;--goa-font-weight-medium: 500;--goa-font-weight-regular: 400;--goa-font-size-10: 3rem;--goa-font-size-9: 2.25rem;--goa-font-size-8: 2rem;--goa-font-size-7: 1.5rem;--goa-font-size-6: 1.375rem;--goa-font-size-5: 1.25rem;--goa-font-size-4: 1.125rem;--goa-font-size-3: 1rem;--goa-font-size-2: .875rem;--goa-font-size-1: .75rem;--goa-font-family-number: roboto-mono, monospace;--goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;--goa-line-height-05: 1.125rem;--goa-line-height-7: 3.5rem;--goa-line-height-6: 2.75rem;--goa-line-height-5: 2.5rem;--goa-line-height-4: 2rem;--goa-line-height-3: 1.75rem;--goa-line-height-2: 1.5rem;--goa-line-height-1: 1.25rem;--goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,.16);--goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;--goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;--goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;--goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;--goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;--goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;--goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;--goa-icon-size-l: 1.5rem;--goa-icon-size-m: 1.25rem;--goa-icon-size-s: 1rem;--goa-space-4xl: 8rem;--goa-space-3xl: 4rem;--goa-space-2xl: 3rem;--goa-space-xl: 2rem;--goa-space-l: 1.5rem;--goa-space-m: 1rem;--goa-space-s: .75rem;--goa-space-xs: .5rem;--goa-space-2xs: .25rem;--goa-space-3xs: .125rem;--goa-space-none: 0rem;--goa-border-width-l: 3px;--goa-border-width-m: 2px;--goa-border-width-s: 1px;--goa-border-width-xs: .7px;--goa-border-width-2xs: .5px;--goa-border-radius-3xl: .75rem;--goa-border-radius-2xl: .625rem;--goa-border-radius-xl: .5rem;--goa-border-radius-l: .375rem;--goa-border-radius-m: .25rem;--goa-border-radius-none: 0;--goa-opacity-background-loading: 90%;--goa-opacity-background-modal: 50%;--goa-color-extended-yellow: #fce796;--goa-color-extended-violet: #d4c2ff;--goa-color-extended-red: #ed948d;--goa-color-extended-pink: #ff8fc5;--goa-color-extended-orange: #ffc76d;--goa-color-extended-green: #bbfcb4;--goa-color-extended-blue: #aac9e7;--goa-color-extended-aqua: #7febe6;--goa-color-extended-light-yellow: #fff7bf;--goa-color-extended-light-violet: #efe2fb;--goa-color-extended-light-red: #f4cdc6;--goa-color-extended-light-pink: #f9e1eb;--goa-color-extended-light-orange: #fcd6c3;--goa-color-extended-light-green: #cce2d9;--goa-color-extended-light-blue: #ddefff;--goa-color-extended-light-aqua: #dcfbf8;--goa-color-greyscale-white: #ffffff;--goa-color-greyscale-black: #333333;--goa-color-greyscale-900: #474747;--goa-color-greyscale-800: #5c5c5c;--goa-color-greyscale-700: #666666;--goa-color-greyscale-600: #858585;--goa-color-greyscale-500: #949494;--goa-color-greyscale-400: #adadad;--goa-color-greyscale-300: #c2c2c2;--goa-color-greyscale-200: #dcdcdc;--goa-color-greyscale-150: #e7e7e7;--goa-color-greyscale-100: #f1f1f1;--goa-color-greyscale-50: #f8f8f8;--goa-color-critical-default: #171d23;--goa-color-success-background: #eef9f3;--goa-color-success-dark: #00563a;--goa-color-success-light: #cce4dc;--goa-color-success-default: #006f4c;--goa-color-emergency-background: #fff1f2;--goa-color-emergency-dark: #a91a10;--goa-color-emergency-light: #fbd1ce;--goa-color-emergency-default: #da291c;--goa-color-warning-background: #fff6e5;--goa-color-warning-dark: #bf8d23;--goa-color-warning-light: #ffeab6;--goa-color-warning-default: #f9ce2d;--goa-color-info-background: #eff8ff;--goa-color-info-dark: #003b70;--goa-color-info-light: #aac9e7;--goa-color-info-default: #004a8f;--goa-color-brand-light: #c8eefa;--goa-color-brand-dark: #005072;--goa-color-brand-default: #0081a2;--goa-color-interactive-visited: #756693;--goa-color-interactive-focus-black: #000000;--goa-color-interactive-focus: #feba35;--goa-color-interactive-error-disabled: #f58185;--goa-color-interactive-error-hover: #ba0000;--goa-color-interactive-error: #ec040b;--goa-color-interactive-disabled: #80b7e1;--goa-color-interactive-hover: #004f84;--goa-color-interactive-default: #0070c4;--goa-side-menu-parent-color-bg-selected: #CEDFEE;--goa-side-menu-parent-color-bg-hover: #CEDFEE;--goa-side-menu-child-border-width: 4px;--goa-drawer-transition-time: .2s;--goa-drawer-right-shadow: -4px 0px 12px 0px rgba(0,0,0,.2);--goa-drawer-left-shadow: 4px 0px 12px 0px rgba(0,0,0,.2);--goa-drawer-bottom-shadow: 0px -4px 12px 0px rgba(0,0,0,.2);--goa-drawer-overlay-color: rgba(0,0,0,.3);--goa-callout-emergency-border-color: none;--goa-callout-success-border-color: none;--goa-callout-warning-border-color: none;--goa-callout-info-border-color: none;--goa-callout-l-border-width: 0px;--goa-callout-m-border-width: 0px;--goa-button-height-compact: 32px;--goa-button-height: 42px;--goa-accordion-shadow: 0px 0px 0px 0px #000000;--goa-typography-number-l: var(--goa-font-weight-medium) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-number);--goa-typography-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);--goa-typography-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);--goa-typography-button-default: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-1) var(--goa-font-family-sans);--goa-typography-body-l: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);--goa-typography-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);--goa-typography-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);--goa-typography-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);--goa-typography-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-10)/var(--goa-line-height-7) var(--goa-font-family-sans);--goa-typography-heading-l: var(--goa-font-weight-regular) var(--goa-font-size-9)/var(--goa-line-height-6) var(--goa-font-family-sans);--goa-typography-heading-m: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);--goa-typography-heading-s: var(--goa-font-weight-bold) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);--goa-typography-heading-xs: var(--goa-font-weight-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);--goa-color-text-disabled: var(--goa-color-greyscale-700);--goa-color-text-light: var(--goa-color-greyscale-white);--goa-color-text-secondary: var(--goa-color-greyscale-700);--goa-color-text-default: var(--goa-color-greyscale-black);--goa-table-color-border-heading: var(--goa-color-greyscale-600);--goa-side-menu-child-color-bg-selected: var(--goa-color-info-background);--goa-side-menu-child-color-bg-hover: var(--goa-color-info-background);--goa-side-menu-group-border-radius: var(--goa-border-radius-none);--goa-side-menu-parent-padding: var(--goa-space-xs) var(--goa-space-m) var(--goa-space-xs) var(--goa-space-xl);--goa-side-menu-sub-group-padding: var(--goa-space-none) var(--goa-space-none) var(--goa-space-none) var(--goa-space-none);--goa-side-menu-group-padding: var(--goa-space-none);--goa-side-menu-group-color-bg: var(--goa-color-greyscale-white);--goa-drawer-padding: var(--goa-space-m);--goa-container-padding: var(--goa-space-l);--goa-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-container-border-radius: var(--goa-border-radius-m);--goa-callout-event-icon-color: var(--goa-color-greyscale-white);--goa-callout-emergency-icon-color: var(--goa-color-greyscale-white);--goa-callout-emergency-color-bg-statusbar: var(--goa-color-emergency-default);--goa-callout-emergency-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-success-icon-color: var(--goa-color-greyscale-white);--goa-callout-success-color-bg-statusbar: var(--goa-color-success-default);--goa-callout-success-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-warning-icon-color: var(--goa-color-greyscale-black);--goa-callout-warning-color-bg-statusbar: var(--goa-color-warning-default);--goa-callout-warning-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-info-icon-color: var(--goa-color-greyscale-white);--goa-callout-info-color-bg-statusbar: var(--goa-color-info-default);--goa-callout-info-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-m-statusbar-padding: var(--goa-space-s) var(--goa-space-2xs);--goa-callout-m-content-gap: var(--goa-space-2xs);--goa-callout-m-content-padding: var(--goa-space-s);--goa-callout-m-icon-size: var(--goa-icon-size-s);--goa-callout-l-statusbar-padding: var(--goa-space-l) var(--goa-space-s);--goa-callout-l-content-gap: var(--goa-space-m);--goa-callout-l-content-padding: var(--goa-space-l);--goa-callout-l-icon-size: var(--goa-icon-size-m);--goa-callout-border-radius: var(--goa-border-radius-none);--goa-button-padding-lr-compact: var(--goa-space-xs);--goa-button-padding-lr: var(--goa-space-s);--goa-button-border-radius: var(--goa-border-radius-m);--goa-accordion-color-bg-heading-hover: var(--goa-color-greyscale-200);--goa-accordion-padding-content-narrow: var(--goa-space-l);--goa-accordion-padding-content-wide: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) 56px;--goa-accordion-padding-heading-icon-right: var(--goa-space-s) 0 var(--goa-space-s) var(--goa-space-m);--goa-accordion-padding-heading-icon-left: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) 0;--goa-accordion-border-radius: var(--goa-border-radius-m);--goa-accordion-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-accordion-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-accordion-color-bg-content: var(--goa-color-greyscale-white);--goa-accordion-color-bg-heading: var(--goa-color-greyscale-100);--goa-table-color-heading: var(--goa-color-text-secondary);--goa-side-menu-parent-text-active: var(--goa-typography-body-m);--goa-side-menu-parent-text: var(--goa-typography-body-m);--goa-side-menu-child-color-text-selected: var(--goa-color-text-default);--goa-callout-m-text-size: var(--goa-typography-body-s);--goa-callout-l-heading-size: var(--goa-typography-heading-m);--goa-callout-m-heading-size: var(--goa-typography-heading-xs);--goa-callout-l-text-size: var(--goa-typography-body-m);--goa-callout-l-heading: var(--goa-typography-heading-m);--goa-button-text: var(--goa-typography-button-default);--goa-accordion-heading-m: var(--goa-typography-heading-m);--goa-accordion-heading-s: var(--goa-typography-heading-s);--goa-accordion-color-heading-hover: var(--goa-color-text-default);--goa-accordion-color-heading: var(--goa-color-text-default)}