@abgov/design-tokens 1.6.0 → 1.7.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/dist/tokens.scss CHANGED
@@ -1,776 +1,777 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 10 Apr 2025 14:47:20 GMT
3
+ // Generated on Wed, 23 Apr 2025 19:26:57 GMT
4
4
 
5
- $goa-font-weight-bold: 700;
6
- $goa-font-weight-medium: 500;
7
- $goa-font-weight-regular: 400;
8
- $goa-font-size-10: 3rem;
9
- $goa-font-size-9: 2.25rem;
10
- $goa-font-size-8: 2rem;
11
- $goa-font-size-7: 1.5rem;
12
- $goa-font-size-6: 1.375rem;
13
- $goa-font-size-5: 1.25rem;
14
- $goa-font-size-4: 1.125rem;
15
- $goa-font-size-3: 1rem;
16
- $goa-font-size-2: 0.875rem;
17
- $goa-font-size-1: 0.75rem;
18
- $goa-font-family-number: roboto-mono, monospace;
19
- $goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
20
- $goa-line-height-05: 1.125rem;
21
- $goa-line-height-7: 3.5rem;
22
- $goa-line-height-6: 2.75rem;
23
- $goa-line-height-5: 2.5rem;
24
- $goa-line-height-4: 2rem;
25
- $goa-line-height-3: 1.75rem;
26
- $goa-line-height-2: 1.5rem;
27
- $goa-line-height-1: 1.25rem;
28
- $goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
29
- $goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;
30
- $goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;
31
- $goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;
32
- $goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;
33
- $goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;
34
- $goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;
35
- $goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;
36
- $goa-icon-size-l: 1.5rem;
37
- $goa-icon-size-m: 1.25rem;
38
- $goa-icon-size-s: 1rem;
39
- $goa-icon-size-6: 2.5rem;
40
- $goa-icon-size-5: 2rem;
41
- $goa-icon-size-4: 1.5rem;
42
- $goa-icon-size-3: 1.25rem;
43
- $goa-icon-size-2: 1.125rem;
44
- $goa-icon-size-1: 1rem;
45
- $goa-space-4xl: 8rem;
46
- $goa-space-3xl: 4rem;
47
- $goa-space-2xl: 3rem;
48
- $goa-space-xl: 2rem;
49
- $goa-space-l: 1.5rem;
50
- $goa-space-m: 1rem;
51
- $goa-space-s: 0.75rem;
52
- $goa-space-xs: 0.5rem;
53
- $goa-space-2xs: 0.25rem;
54
- $goa-space-3xs: 0.125rem;
55
- $goa-space-none: 0rem;
56
- $goa-border-width-xl: 4px;
57
- $goa-border-width-l: 3px;
58
- $goa-border-width-m: 2px;
59
- $goa-border-width-s: 1px;
60
- $goa-border-width-xs: 0.7px;
61
- $goa-border-width-2xs: 0.5px;
62
- $goa-border-width-none: 0px;
63
- $goa-border-radius-3xl: 0.75rem;
64
- $goa-border-radius-2xl: 0.625rem;
65
- $goa-border-radius-xl: 0.5rem;
66
- $goa-border-radius-l: 0.375rem;
67
- $goa-border-radius-m: 0.25rem;
68
- $goa-border-radius-s: 0.125rem;
69
- $goa-border-radius-none: 0;
70
- $goa-opacity-background-loading: 90%;
71
- $goa-opacity-background-modal: 50%;
72
- $goa-color-extended-yellow: #fce796;
73
- $goa-color-extended-violet: #d4c2ff;
74
- $goa-color-extended-red: #ed948d;
75
- $goa-color-extended-pink: #ff8fc5;
76
- $goa-color-extended-orange: #ffc76d;
77
- $goa-color-extended-green: #bbfcb4;
78
- $goa-color-extended-blue: #aac9e7;
79
- $goa-color-extended-aqua: #7febe6;
80
- $goa-color-extended-light-yellow: #fff7bf;
81
- $goa-color-extended-light-violet: #efe2fb;
82
- $goa-color-extended-light-red: #f4cdc6;
83
- $goa-color-extended-light-pink: #f9e1eb;
84
- $goa-color-extended-light-orange: #fcd6c3;
85
- $goa-color-extended-light-green: #cce2d9;
86
- $goa-color-extended-light-blue: #ddefff;
87
- $goa-color-extended-light-aqua: #dcfbf8;
88
- $goa-color-greyscale-white: #ffffff;
89
- $goa-color-greyscale-black: #333333;
90
- $goa-color-greyscale-900: #474747;
91
- $goa-color-greyscale-800: #5c5c5c;
92
- $goa-color-greyscale-700: #666666;
93
- $goa-color-greyscale-600: #858585;
94
- $goa-color-greyscale-500: #949494;
95
- $goa-color-greyscale-400: #adadad;
96
- $goa-color-greyscale-300: #c2c2c2;
97
- $goa-color-greyscale-200: #dcdcdc;
98
- $goa-color-greyscale-150: #e7e7e7;
99
- $goa-color-greyscale-100: #f1f1f1;
100
- $goa-color-greyscale-50: #f8f8f8;
101
- $goa-color-critical-default: #171d23;
102
- $goa-color-success-background: #f2fffa;
103
- $goa-color-success-dark: #00563a;
104
- $goa-color-success-light: #cce4dc;
105
- $goa-color-success-default: #006f4c;
106
- $goa-color-emergency-background: #fff6f6;
107
- $goa-color-emergency-dark: #a91a10;
108
- $goa-color-emergency-light: #fbd1ce;
109
- $goa-color-emergency-default: #da291c;
110
- $goa-color-warning-background: #fff6e5;
111
- $goa-color-warning-dark: #bf8d23;
112
- $goa-color-warning-light: #ffeab6;
113
- $goa-color-warning-default: #f9ce2d;
114
- $goa-color-info-background: #eff8ff;
115
- $goa-color-info-dark: #003b70;
116
- $goa-color-info-light: #aac9e7;
117
- $goa-color-info-default: #004a8f;
118
- $goa-color-brand-light: #c8eefa;
119
- $goa-color-brand-dark: #005072;
120
- $goa-color-brand-default: #0081a2;
121
- $goa-color-interactive-visited: #756693;
122
- $goa-color-interactive-focus-black: #000000;
123
- $goa-color-interactive-focus: #feba35;
124
- $goa-color-interactive-error-disabled: #f58185;
125
- $goa-color-interactive-error-hover: #ba0000;
126
- $goa-color-interactive-error: #ec040b;
127
- $goa-color-interactive-disabled: #80b7e1;
128
- $goa-color-interactive-hover: #004f84;
129
- $goa-color-interactive-default: #0070c4;
130
- $goa-tooltip-max-width: 400px;
131
- $goa-tab-color-bg-selected: transparent;
132
- $goa-side-menu-child-color-bg: none;
133
- $goa-side-menu-width: 256px;
134
- $goa-side-menu-sub-item-color-bg: none;
135
- $goa-side-menu-parent-color-bg-selected: #cedfee;
136
- $goa-side-menu-parent-color-bg-hover: #cedfee;
137
- $goa-side-menu-color-bg-menu-item-hover: #cedfee;
138
- $goa-side-menu-color-bg-menu-item-current: #cedfee;
139
- $goa-scrollable-padding-mobile: 1.5rem;
140
- $goa-scrollable-padding-desktop: 2rem;
141
- $goa-radio-border-radius: 50%;
142
- $goa-radio-border-checked-error-hover: 7px solid #ba0000;
143
- $goa-radio-border-checked-error-disabled: 7px solid #f58185;
144
- $goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
145
- $goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
146
- $goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
147
- $goa-text-input-transition: box-shadow 0.05s ease-in;
148
- $goa-app-header-nav-color-bg-link-item-in-menu: transparent;
149
- $goa-app-header-nav-color-bg-link-item-focus: transparent;
150
- $goa-app-header-nav-color-bg-link-item-hover: transparent;
151
- $goa-app-header-nav-color-bg-link-item: transparent;
152
- $goa-app-header-height-nav-item-mobile: 50px;
153
- $goa-app-header-min-width-service-name: 8rem;
154
- $goa-app-header-max-width-service-name: 28rem;
155
- $goa-stepper-line-thickness: 4px;
156
- $goa-step-size: 2.5rem;
157
- $goa-step-gap-small-screen: 0px;
158
- $goa-footer-meta-links-gap-small-screen: 20px;
159
- $goa-footer-size-logo-tablet: 155px;
160
- $goa-footer-size-logo-mobile: 133px;
161
- $goa-footer-size-logo-desktop: 155px;
162
- $goa-dropdown-transition: box-shadow 0.05s ease-in;
163
- $goa-drawer-right-shadow: -6px 0px 6px 0px rgba(0,0,0,0.16);
164
- $goa-drawer-transition-time: 0.25s;
165
- $goa-drawer-left-shadow: 6px 0px 6px 0px rgba(0,0,0,0.16);
166
- $goa-drawer-bottom-shadow: 0px -6px 6px 0px rgba(0,0,0,0.16);
167
- $goa-drawer-overlay-color: rgba(0,0,0,0.3);
168
- $goa-details-text-decoration: underline;
169
- $goa-details-padding-top: 6px;
170
- $goa-details-content-padding-left: 19px;
171
- $goa-details-content-margin-left: 17px;
172
- $goa-date-input-day-color-bg: transparent;
173
- $goa-date-input-day-size: 2.5rem;
174
- $goa-date-input-calendar-width: 280px;
175
- $goa-checkbox-border-radius: 2px;
176
- $goa-callout-emergency-border-color: none;
177
- $goa-callout-success-border-color: none;
178
- $goa-callout-warning-border-color: none;
179
- $goa-callout-info-border-color: none;
180
- $goa-callout-l-border-width: 0px;
181
- $goa-callout-m-border-width: 0px;
182
- $goa-button-letter-spacing: 0.0125rem;
183
- $goa-button-tertiary-color-bg: none;
184
- $goa-button-secondary-inverse-color-bg: none;
185
- $goa-button-compact-gap: 0.375rem;
186
- $goa-button-height-start: 3.25rem;
187
- $goa-button-height-compact: 2rem;
188
- $goa-button-height: 2.625rem;
189
- $goa-badge-height: 22px;
5
+ $goa-accordion-color-bg-heading: #f1f1f1;
6
+ $goa-accordion-color-bg-content: #ffffff;
7
+ $goa-accordion-color-heading: #333333;
8
+ $goa-accordion-border: 1px solid #dcdcdc;
9
+ $goa-accordion-divider: 1px solid #dcdcdc;
10
+ $goa-accordion-border-radius: 0.25rem;
11
+ $goa-accordion-padding-heading-icon-left: 0.75rem 1rem 0.75rem 0;
12
+ $goa-accordion-padding-heading-icon-right: 0.75rem 0 0.75rem 1rem;
13
+ $goa-accordion-padding-content-wide: 1.5rem 1.5rem 2rem 56px;
14
+ $goa-accordion-padding-content-narrow: 1.5rem;
15
+ $goa-accordion-color-bg-heading-hover: #dcdcdc;
16
+ $goa-accordion-color-heading-hover: #333333;
17
+ $goa-accordion-heading-s: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
18
+ $goa-accordion-heading-m: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
190
19
  $goa-accordion-shadow: 0px 0px 0px 0px #000000;
191
- $goa-border-none: $goa-border-width-none solid rgba(0,0,0,0);
192
- $goa-typography-mobile-number-l: $goa-font-weight-medium $goa-font-size-6/$goa-line-height-4 $goa-font-family-number;
193
- $goa-typography-mobile-number-m: $goa-font-weight-medium $goa-font-size-4/$goa-line-height-3 $goa-font-family-number;
194
- $goa-typography-mobile-number-s: $goa-font-weight-medium $goa-font-size-3/$goa-line-height-2 $goa-font-family-number;
195
- $goa-typography-mobile-body-l: $goa-font-weight-regular $goa-font-size-6/$goa-line-height-4 $goa-font-family-sans;
196
- $goa-typography-mobile-body-m: $goa-font-weight-regular $goa-font-size-4/$goa-line-height-3 $goa-font-family-sans;
197
- $goa-typography-mobile-body-s: $goa-font-weight-regular $goa-font-size-3/$goa-line-height-2 $goa-font-family-sans;
198
- $goa-typography-mobile-body-xs: $goa-font-weight-regular $goa-font-size-2/$goa-line-height-1 $goa-font-family-sans;
199
- $goa-typography-mobile-heading-xl: $goa-font-weight-bold $goa-font-size-9/$goa-line-height-6 $goa-font-family-sans;
200
- $goa-typography-mobile-heading-l: $goa-font-weight-regular $goa-font-size-8/$goa-line-height-5 $goa-font-family-sans;
201
- $goa-typography-mobile-heading-m: $goa-font-weight-regular $goa-font-size-7/$goa-line-height-4 $goa-font-family-sans;
202
- $goa-typography-mobile-heading-s: $goa-font-weight-bold $goa-font-size-4/$goa-line-height-3 $goa-font-family-sans;
203
- $goa-typography-mobile-heading-xs: $goa-font-weight-bold $goa-font-size-3/$goa-line-height-2 $goa-font-family-sans;
204
- $goa-typography-number-l: $goa-font-weight-medium $goa-font-size-7/$goa-line-height-4 $goa-font-family-number;
205
- $goa-typography-number-m: $goa-font-weight-medium $goa-font-size-4/$goa-line-height-3 $goa-font-family-number;
206
- $goa-typography-number-s: $goa-font-weight-medium $goa-font-size-3/$goa-line-height-2 $goa-font-family-number;
207
- $goa-typography-body-l: $goa-font-weight-regular $goa-font-size-7/$goa-line-height-4 $goa-font-family-sans;
208
- $goa-typography-body-m: $goa-font-weight-regular $goa-font-size-4/$goa-line-height-3 $goa-font-family-sans;
209
- $goa-typography-body-s: $goa-font-weight-regular $goa-font-size-3/$goa-line-height-2 $goa-font-family-sans;
210
- $goa-typography-body-xs: $goa-font-weight-regular $goa-font-size-2/$goa-line-height-1 $goa-font-family-sans;
211
- $goa-typography-heading-xl: $goa-font-weight-bold $goa-font-size-10/$goa-line-height-7 $goa-font-family-sans;
212
- $goa-typography-heading-l: $goa-font-weight-regular $goa-font-size-9/$goa-line-height-6 $goa-font-family-sans;
213
- $goa-typography-heading-m: $goa-font-weight-regular $goa-font-size-7/$goa-line-height-4 $goa-font-family-sans;
214
- $goa-typography-heading-s: $goa-font-weight-bold $goa-font-size-4/$goa-line-height-3 $goa-font-family-sans;
215
- $goa-typography-heading-xs: $goa-font-weight-bold $goa-font-size-3/$goa-line-height-2 $goa-font-family-sans;
216
- $goa-color-text-disabled: $goa-color-greyscale-700;
217
- $goa-color-text-light: $goa-color-greyscale-white;
218
- $goa-color-text-secondary: $goa-color-greyscale-700;
219
- $goa-color-text-default: $goa-color-greyscale-black;
220
- $goa-tooltip-padding: 6px $goa-space-m 10px $goa-space-m;
221
- $goa-tooltip-gap: $goa-space-2xs;
222
- $goa-tooltip-color-bg: $goa-color-greyscale-700;
223
- $goa-tooltip-border-radius: $goa-border-radius-m;
224
- $goa-tooltip-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
225
- $goa-text-area-padding: 0.625rem $goa-space-s;
226
- $goa-text-area-color-text-counter-error: $goa-color-interactive-error;
227
- $goa-text-area-color-bg-disabled: $goa-color-greyscale-100;
228
- $goa-text-area-color-bg: $goa-color-greyscale-white;
229
- $goa-text-area-border-radius: $goa-border-radius-m;
230
- $goa-text-area-border-hover: inset 0 0 0 $goa-border-width-m $goa-color-interactive-hover;
231
- $goa-text-area-border-focus: 0 0 0 $goa-border-width-l $goa-color-interactive-focus;
232
- $goa-text-area-border-error: inset 0 0 0 $goa-border-width-m $goa-color-interactive-error;
233
- $goa-text-area-border-disabled: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-200;
234
- $goa-text-area-border: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-700;
235
- $goa-tabs-gap-small-screen: $goa-space-2xs;
236
- $goa-tabs-gap: $goa-space-xl;
237
- $goa-tabs-bottom-border: $goa-border-width-s solid $goa-color-greyscale-200;
238
- $goa-tab-padding-mobile: 6px $goa-space-m;
239
- $goa-tab-padding: $goa-space-xs $goa-space-m;
240
- $goa-tab-color-bg-selected-small-screen: $goa-color-info-background;
241
- $goa-tab-border-selected: $goa-border-width-xl solid $goa-color-interactive-default;
242
- $goa-tab-border-not-selected: $goa-border-width-xl solid transparent;
243
- $goa-tab-border-hover: $goa-border-width-xl solid $goa-color-greyscale-200;
244
- $goa-tab-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
245
- $goa-goa-table-header-padding: $goa-space-m;
246
- $goa-table-color-border-heading: $goa-color-greyscale-600;
247
- $goa-skeleton-loading-color-bg: $goa-color-greyscale-100;
248
- $goa-side-menu-child-border-width: $goa-border-width-xl;
249
- $goa-side-menu-child-color-bg-selected: $goa-color-info-background;
250
- $goa-side-menu-child-color-bg-hover: $goa-color-info-background;
251
- $goa-side-menu-child-border-left-selected: $goa-border-width-xl solid $goa-color-interactive-disabled;
252
- $goa-side-menu-child-border-left-hover: $goa-border-width-xl solid $goa-color-greyscale-200;
253
- $goa-side-menu-child-border-left: $goa-border-width-xl solid $goa-color-greyscale-100;
254
- $goa-side-menu-group-padding: $goa-space-none;
255
- $goa-side-menu-group-color-bg: $goa-color-greyscale-white;
256
- $goa-side-menu-group-border-radius: $goa-border-radius-none;
257
- $goa-side-menu-sub-item-color-bg-hover: $goa-color-info-background;
258
- $goa-side-menu-sub-item-color-bg-current: $goa-color-info-background;
259
- $goa-side-menu-sub-item-border-left-current: $goa-border-width-xl solid $goa-color-interactive-disabled;
260
- $goa-side-menu-sub-item-border-left-hover: $goa-border-width-xl solid $goa-color-greyscale-200;
261
- $goa-side-menu-sub-item-border-left: $goa-border-width-xl solid $goa-color-greyscale-100;
262
- $goa-side-menu-sub-group-padding: $goa-space-none $goa-space-none $goa-space-none $goa-space-none;
263
- $goa-side-menu-parent-padding: $goa-space-xs $goa-space-s 10px $goa-space-xl;
264
- $goa-side-menu-padding-child: $goa-space-xs $goa-space-s 10px $goa-space-m;
265
- $goa-side-menu-padding-item: $goa-space-xs $goa-space-s 10px $goa-space-xl;
266
- $goa-side-menu-padding: $goa-space-m $goa-space-none $goa-space-l $goa-space-none;
267
- $goa-side-menu-item-focus-border: $goa-border-width-l solid $goa-color-interactive-focus;
268
- $goa-side-menu-heading-gap: $goa-space-xs;
269
- $goa-side-menu-items-gap: $goa-space-none;
270
- $goa-side-menu-icon-size: $goa-icon-size-l;
271
- $goa-side-menu-heading-padding: $goa-space-s $goa-space-s $goa-space-xs $goa-space-l;
272
- $goa-side-menu-heading-margin: $goa-space-none 0 0 0;
273
- $goa-side-menu-child-margin: $goa-space-m;
274
- $goa-side-menu-heading-icon-gap: $goa-space-xs;
275
- $goa-side-menu-heading-color-bg: $goa-color-greyscale-100;
276
- $goa-side-menu-heading-border: $goa-border-width-m solid $goa-color-greyscale-200;
277
- $goa-side-menu-color-bg: $goa-color-greyscale-white;
278
- $goa-side-menu-border-right: $goa-border-width-s solid $goa-color-greyscale-200;
279
- $goa-radio-size: $goa-space-l;
280
- $goa-radio-label-color-disabled: $goa-color-greyscale-500;
281
- $goa-radio-group-gap-vertical: $goa-space-m;
282
- $goa-radio-group-gap-horizontal: $goa-space-l;
283
- $goa-radio-color-bg: $goa-color-greyscale-white;
284
- $goa-radio-border-hover: $goa-border-width-m solid $goa-color-interactive-hover;
285
- $goa-radio-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
286
- $goa-radio-border-error-hover: $goa-border-width-m solid #ba0000;
287
- $goa-radio-border-error-disabled: $goa-border-width-m solid #f58185;
288
- $goa-radio-border-error: $goa-border-width-m solid $goa-color-interactive-error;
289
- $goa-radio-border-disabled: $goa-border-width-s solid $goa-color-greyscale-400;
290
- $goa-radio-border-checked-hover: 7px solid $goa-color-interactive-hover;
291
- $goa-radio-border-checked-error: 7px solid $goa-color-interactive-error;
292
- $goa-radio-border-checked-disabled: 7px solid $goa-color-interactive-disabled;
293
- $goa-radio-border-checked: 7px solid $goa-color-interactive-default;
294
- $goa-radio-border: $goa-border-width-s solid $goa-color-greyscale-700;
295
- $goa-circular-progress-small-margin-top: $goa-space-l;
296
- $goa-circular-progress-large-margin-top: $goa-space-xl;
297
- $goa-popover-padding: $goa-space-s;
298
- $goa-popover-color-bg: $goa-color-greyscale-white;
299
- $goa-popover-border-radius: $goa-border-radius-m;
300
- $goa-popover-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
301
- $goa-notification-banner-custom-color-icon: $goa-color-greyscale-white;
302
- $goa-notification-banner-custom-color-bg: $goa-color-info-default;
303
- $goa-notification-banner-size-icon: $goa-icon-size-4;
304
- $goa-notification-banner-padding-tb: $goa-space-l;
305
- $goa-notification-banner-padding-lr-small-screen: $goa-space-m;
306
- $goa-notification-banner-padding-lr-medium-screen: $goa-space-l;
307
- $goa-notification-banner-padding-lr-large-screen: $goa-space-3xl;
308
- $goa-notification-banner-information-color-icon: $goa-color-greyscale-white;
309
- $goa-notification-banner-information-color-bg: $goa-color-info-default;
310
- $goa-notification-banner-important-color-icon: $goa-color-greyscale-black;
311
- $goa-notification-banner-important-color-bg: $goa-color-warning-default;
312
- $goa-notification-banner-gap: $goa-space-m;
313
- $goa-notification-banner-event-color-icon: $goa-color-greyscale-white;
314
- $goa-notification-banner-event-color-bg: $goa-color-info-default;
315
- $goa-notification-banner-emergency-color-icon: $goa-color-greyscale-white;
316
- $goa-notification-banner-emergency-color-bg: $goa-color-emergency-default;
317
- $goa-modal-overlay-opacity: $goa-opacity-background-modal;
318
- $goa-modal-padding-small-screen: $goa-space-l;
319
- $goa-modal-padding: $goa-space-xl;
320
- $goa-modal-overlay-color: $goa-color-greyscale-black;
321
- $goa-modal-content-gap-small-screen: $goa-space-m;
322
- $goa-modal-content-gap: $goa-space-l;
323
- $goa-modal-callout-bar-padding-small-screen: $goa-space-s $goa-space-s $goa-space-s $goa-space-l;
324
- $goa-modal-callout-bar-padding: $goa-space-xl;
325
- $goa-modal-border-radius: $goa-border-radius-m;
326
- $goa-microsite-header-typography-version-number: $goa-font-size-1;
327
- $goa-microsite-header-padding-small-screen: $goa-space-2xs $goa-space-m;
328
- $goa-microsite-header-padding-medium-screen: $goa-space-2xs $goa-space-xl;
329
- $goa-microsite-header-padding-large-screen: $goa-space-2xs $goa-space-3xl;
330
- $goa-microsite-header-link-focus-border: $goa-border-width-l solid $goa-color-interactive-focus;
331
- $goa-microsite-header-gap: $goa-space-m;
332
- $goa-microsite-header-color-links-hover: $goa-color-interactive-hover;
333
- $goa-microsite-header-color-links: $goa-color-interactive-default;
334
- $goa-microsite-header-color-bg: $goa-color-greyscale-100;
335
- $goa-microsite-header-beta-badge-color: $goa-color-brand-default;
336
- $goa-microsite-header-alpha-badge-color: $goa-color-warning-default;
337
- $goa-text-input-color-icon: $goa-color-greyscale-black;
338
- $goa-text-input-size-icon: $goa-icon-size-4;
339
- $goa-text-input-space-btw-icon-text: $goa-space-xs;
340
- $goa-text-input-padding-lr: $goa-space-s;
341
- $goa-text-input-lt-content-color-bg: $goa-color-greyscale-100;
342
- $goa-text-input-color-icon-disabled: $goa-color-greyscale-500;
343
- $goa-text-input-color-bg-disabled: $goa-color-greyscale-100;
344
- $goa-text-input-color-bg: $goa-color-greyscale-white;
345
- $goa-text-input-border-radius: $goa-border-radius-m;
346
- $goa-text-input-border-hover: inset 0 0 0 $goa-border-width-m $goa-color-interactive-hover;
347
- $goa-text-input-border-focus: 0 0 0 $goa-border-width-l $goa-color-interactive-focus;
348
- $goa-text-input-border-error: inset 0 0 0 $goa-border-width-m $goa-color-interactive-error;
349
- $goa-text-input-border-disabled: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-200;
350
- $goa-text-input-border: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-700;
351
- $goa-icon-button-medium-padding: $goa-space-2xs;
352
- $goa-icon-button-large-padding: $goa-space-xs;
353
- $goa-icon-button-medium-border-radius: $goa-border-radius-m;
354
- $goa-icon-button-large-border-radius: $goa-border-radius-xl;
355
- $goa-icon-button-destructive-disabled-color: $goa-color-interactive-error-disabled;
356
- $goa-icon-button-destructive-hover-color-bg: $goa-color-emergency-light;
357
- $goa-icon-button-destructive-color: $goa-color-emergency-default;
358
- $goa-icon-button-dark-disabled-color-bg: $goa-color-greyscale-500;
359
- $goa-icon-button-dark-hover-color-bg: $goa-color-greyscale-100;
360
- $goa-icon-button-dark-color: $goa-color-greyscale-black;
361
- $goa-icon-button-light-disabled-color: $goa-color-greyscale-500;
362
- $goa-icon-button-light-hover-color-bg: $goa-color-greyscale-700;
363
- $goa-icon-button-light-color: $goa-color-greyscale-white;
364
- $goa-icon-button-default-disabled-color: $goa-color-interactive-disabled;
365
- $goa-icon-button-default-hover-color-bg: $goa-color-greyscale-100;
366
- $goa-icon-button-default-focus-color: $goa-color-interactive-hover;
367
- $goa-icon-button-default-hover-color: $goa-color-interactive-hover;
368
- $goa-icon-button-default-color: $goa-color-interactive-default;
369
- $goa-hero-banner-content-gap: $goa-space-l 0 0;
370
- $goa-hero-banner-mobile-padding: $goa-space-xl 0;
371
- $goa-hero-banner-padding: $goa-space-2xl 0;
372
- $goa-app-header-nav-color-bg-link-item-in-menu-focus: $goa-color-greyscale-100;
373
- $goa-app-header-height-nav-item: $goa-space-3xl;
374
- $goa-app-header-space-btw-service-name-nav-items-mobile: $goa-space-l;
375
- $goa-app-header-space-btw-logo-service-name-mobile: $goa-space-xs;
376
- $goa-app-header-space-btw-logo-service-name: $goa-space-m;
377
- $goa-app-header-size-logo-mobile: $goa-space-l;
378
- $goa-app-header-size-logo: $goa-space-xl;
379
- $goa-app-header-padding-tablet: $goa-space-xl;
380
- $goa-app-header-padding-secondary-nav-item-in-menu: 9px $goa-space-m 9px $goa-space-xl;
381
- $goa-app-header-padding-secondary-nav-item-in-menu-mobile: 9px $goa-space-m 9px 80px;
382
- $goa-app-header-padding-nav-item-in-menu: 9px $goa-space-m;
383
- $goa-app-header-padding-nav-item-with-children: $goa-space-m $goa-space-s $goa-space-s;
384
- $goa-app-header-padding-nav-item: $goa-space-m $goa-space-s;
385
- $goa-app-header-padding-mobile: $goa-space-m;
386
- $goa-app-header-padding-menu-button: $goa-space-m $goa-space-s;
387
- $goa-app-header-padding-logo-mobile: $goa-space-s $goa-space-m;
388
- $goa-app-header-padding-logo: 14px $goa-space-xl $goa-space-m 0px;
389
- $goa-app-header-padding-link-item: $goa-space-m;
390
- $goa-app-header-padding-desktop: $goa-space-3xl;
391
- $goa-app-header-color-text-nav-item-hover: $goa-color-interactive-hover;
392
- $goa-app-header-color-text-nav-item-focus: $goa-color-interactive-hover;
393
- $goa-app-header-color-menu-button-hover: $goa-color-interactive-hover;
394
- $goa-app-header-color-menu-button-focus: $goa-color-interactive-hover;
395
- $goa-app-header-color-bg-nav-item-child-focus: $goa-color-greyscale-100;
396
- $goa-app-header-color-bg-nav-item-child-hover: $goa-color-greyscale-100;
397
- $goa-app-header-color-bg-nav-item-in-menu-current-hover: $goa-color-interactive-hover;
398
- $goa-app-header-nav-color-text-link-item-focus: $goa-color-interactive-hover;
399
- $goa-app-header-nav-color-text-link-item-hover: $goa-color-interactive-hover;
400
- $goa-app-header-nav-color-text-link-item: $goa-color-interactive-default;
401
- $goa-app-header-color-bg-nav-item-in-menu-current: $goa-color-interactive-default;
402
- $goa-app-header-color-bg-nav-item-hover: $goa-color-greyscale-white;
403
- $goa-app-header-color-bg-nav-item-focus: $goa-color-greyscale-white;
404
- $goa-app-header-color-bg-nav-item-current: $goa-color-greyscale-white;
405
- $goa-app-header-color-bg-nav-item: $goa-color-greyscale-white;
406
- $goa-app-header-color-bg-menu-button-hover: $goa-color-greyscale-100;
407
- $goa-app-header-color-bg-menu-button-focus: $goa-color-greyscale-100;
408
- $goa-app-header-color-bg: $goa-color-greyscale-white;
409
- $goa-app-header-border-top-menu-item: inset 0 1px 0 0 $goa-color-greyscale-200;
410
- $goa-app-header-border-nav-item-hover: $goa-space-2xs solid $goa-color-interactive-hover;
411
- $goa-app-header-border-nav-item-focus: $goa-space-2xs solid $goa-color-interactive-hover;
412
- $goa-app-header-border-nav-item-default: $goa-space-2xs solid transparent;
413
- $goa-app-header-border-nav-item-current-hover: $goa-space-2xs solid $goa-color-interactive-hover;
414
- $goa-app-header-border-nav-item-current-focus: $goa-space-2xs solid $goa-color-interactive-hover;
415
- $goa-app-header-border-nav-item-current: $goa-space-2xs solid $goa-color-interactive-default;
416
- $goa-app-header-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
417
- $goa-app-header-border-bottom-menu-item: inset 0 -1px 0 0 $goa-color-greyscale-200;
418
- $goa-app-header-service-name-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
419
- $goa-app-header-border-bottom: $goa-border-width-s solid $goa-color-greyscale-200;
420
- $goa-stepper-color-line-active: $goa-color-interactive-default;
421
- $goa-stepper-color-line: $goa-color-greyscale-200;
422
- $goa-step-padding-vertical: $goa-space-2xs $goa-space-l;
423
- $goa-step-padding: $goa-space-l;
424
- $goa-step-color-border-incomplete: $goa-color-interactive-default;
425
- $goa-step-color-border-complete: $goa-color-interactive-default;
426
- $goa-step-color-border-active: $goa-color-interactive-default;
427
- $goa-step-color-border: $goa-color-greyscale-400;
428
- $goa-step-color-bg-incomplete: $goa-color-greyscale-white;
429
- $goa-step-color-bg-complete: $goa-color-interactive-default;
430
- $goa-step-color-bg-active: $goa-color-greyscale-white;
431
- $goa-step-color-bg: $goa-color-greyscale-white;
432
- $goa-step-border: $goa-border-width-xl solid $goa-step-color-border-active;
433
- $goa-form-item-optional-label-color: $goa-color-greyscale-700;
434
- $goa-form-item-message-margin-top: $goa-space-s;
435
- $goa-form-item-message-gap: $goa-space-2xs;
436
- $goa-form-item-label-padding-bottom: $goa-space-s;
437
- $goa-form-item-label-large-padding-bottom: $goa-space-m;
438
- $goa-form-item-error-message-color: $goa-color-interactive-error;
439
- $goa-footer-meta-links-gap: $goa-space-l;
440
- $goa-footer-typography-small-screen: $goa-font-size-3;
441
- $goa-footer-padding-small-screen: $goa-space-xl $goa-space-m;
442
- $goa-footer-padding-medium-screen: $goa-space-2xl $goa-space-xl;
443
- $goa-footer-padding-large-screen: $goa-space-2xl $goa-space-3xl;
444
- $goa-footer-link-focus: $goa-border-width-l solid $goa-color-interactive-focus;
445
- $goa-footer-color-links-secondary-hover: $goa-color-greyscale-900;
446
- $goa-footer-color-links-hover: $goa-color-greyscale-700;
447
- $goa-footer-color-bg: $goa-color-greyscale-100;
448
- $goa-footer-border-top: $goa-border-width-m solid $goa-color-greyscale-200;
449
- $goa-footer-border-bottom: 1rem solid $goa-color-brand-default;
450
- $goa-file-upload-text-gap: $goa-space-m;
451
- $goa-file-upload-padding: $goa-space-xl;
452
- $goa-file-upload-instruction-color-hover: $goa-color-interactive-hover;
453
- $goa-file-upload-instruction-color-focus: $goa-color-interactive-hover;
454
- $goa-file-upload-instruction-color-drag: $goa-color-interactive-hover;
455
- $goa-file-upload-instruction-color-active: $goa-color-interactive-hover;
456
- $goa-file-upload-instruction-color: $goa-color-interactive-default;
457
- $goa-file-upload-help-text-color: $goa-color-greyscale-700;
458
- $goa-file-upload-color-bg-hover: $goa-color-greyscale-100;
459
- $goa-file-upload-color-bg-focus: $goa-color-greyscale-100;
460
- $goa-file-upload-color-bg-drag: $goa-color-info-background;
461
- $goa-file-upload-color-bg-active: $goa-color-info-background;
462
- $goa-file-upload-color-bg: $goa-color-info-background;
463
- $goa-file-upload-border-radius: $goa-border-radius-m;
464
- $goa-file-upload-border-hover: $goa-border-width-m dashed $goa-color-interactive-hover;
465
- $goa-file-upload-border-focus: 0 0 0 $goa-border-width-l $goa-color-interactive-focus;
466
- $goa-file-upload-border-drag: $goa-border-width-m solid $goa-color-interactive-hover;
467
- $goa-file-upload-border-active: $goa-border-width-m solid $goa-color-interactive-hover;
468
- $goa-file-upload-border: $goa-border-width-m dashed $goa-color-interactive-default;
469
- $goa-dropdown-space-icon-text: $goa-space-s;
470
- $goa-dropdown-padding-lr: $goa-space-s;
471
- $goa-dropdown-item-color-text-selected-hover: $goa-color-greyscale-white;
472
- $goa-dropdown-item-color-text-selected: $goa-color-greyscale-white;
473
- $goa-dropdown-item-color-text-hover: $goa-color-interactive-hover;
474
- $goa-dropdown-item-color-bg-selected-hover: $goa-color-interactive-hover;
475
- $goa-dropdown-item-color-bg-selected: $goa-color-interactive-default;
476
- $goa-dropdown-item-color-bg-hover: $goa-color-greyscale-100;
477
- $goa-dropdown-item-color-bg-disabled: $goa-color-greyscale-100;
478
- $goa-dropdown-item-color-bg: $goa-color-greyscale-white;
479
- $goa-dropdown-color-bg-disabled: $goa-color-greyscale-100;
480
- $goa-dropdown-color-bg: $goa-color-greyscale-white;
481
- $goa-dropdown-border-radius: $goa-border-radius-m;
482
- $goa-dropdown-border-hover: inset 0 0 0 $goa-border-width-m $goa-color-interactive-hover;
483
- $goa-dropdown-border-focus: 0 0 0 $goa-border-width-l $goa-color-interactive-focus;
484
- $goa-dropdown-border-error: inset 0 0 0 $goa-border-width-m $goa-color-interactive-error;
485
- $goa-dropdown-border-disabled: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-200;
486
- $goa-dropdown-border: inset 0 0 0 $goa-border-width-s $goa-color-greyscale-700;
487
- $goa-drawer-padding: $goa-space-m;
488
- $goa-divider-color: $goa-color-greyscale-200;
489
- $goa-details-padding-right: $goa-space-s;
490
- $goa-details-padding-left: $goa-space-xs;
491
- $goa-details-padding-bottom: $goa-space-xs;
492
- $goa-details-margin-bottom: $goa-space-xs;
493
- $goa-details-focus-border: $goa-border-width-l solid $goa-color-interactive-focus;
494
- $goa-details-content-padding-top: $goa-space-s;
495
- $goa-details-content-padding-right: $goa-space-m;
496
- $goa-details-content-padding-bottom: $goa-space-s;
497
- $goa-details-content-left-border: 4px solid $goa-color-greyscale-200;
498
- $goa-details-color-text-hover: $goa-color-interactive-hover;
499
- $goa-details-color-text: $goa-color-interactive-default;
500
- $goa-details-color-bg-hover: $goa-color-greyscale-100;
501
- $goa-details-border-radius: $goa-border-radius-m;
502
- $goa-date-input-day-color-bg-selected-hover: $goa-color-interactive-hover;
503
- $goa-date-input-day-color-bg-selected: $goa-color-interactive-default;
504
- $goa-date-input-day-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
505
- $goa-date-input-day-color-bg-hover: $goa-color-greyscale-200;
506
- $goa-date-input-day-border-radius: $goa-border-radius-m;
507
- $goa-date-input-day-underline-today-selected: $goa-border-width-l solid $goa-color-greyscale-white;
508
- $goa-date-input-day-underline-today-width: $goa-space-l;
509
- $goa-date-input-day-underline-today: $goa-border-width-l solid $goa-color-interactive-default;
510
- $goa-date-input-day-of-week-margin: $goa-space-xs 0;
511
- $goa-date-input-calendar-border-radius: $goa-border-radius-m;
512
- $goa-container-important-border: $goa-border-width-s solid $goa-color-warning-default;
513
- $goa-container-important-heading-bg-color: $goa-color-warning-default;
514
- $goa-container-important-bg-color: $goa-color-warning-background;
515
- $goa-container-success-border: $goa-border-width-s solid $goa-color-success-default;
516
- $goa-container-success-heading-bg-color: $goa-color-success-default;
517
- $goa-container-success-bg-color: $goa-color-success-background;
518
- $goa-container-error-border: $goa-border-width-s solid $goa-color-emergency-default;
519
- $goa-container-error-heading-bg-color: $goa-color-emergency-default;
520
- $goa-container-error-bg-color: $goa-color-emergency-background;
521
- $goa-container-info-border: $goa-border-width-s solid $goa-color-info-default;
522
- $goa-container-info-heading-bg-color: $goa-color-info-default;
523
- $goa-container-info-bg-color: $goa-color-info-background;
524
- $goa-container-non-interactive-border: $goa-border-width-s solid $goa-color-greyscale-200;
525
- $goa-container-non-interactive-heading-bg-color: $goa-color-greyscale-100;
526
- $goa-container-non-interactive-bg-color: $goa-color-greyscale-100;
527
- $goa-container-interactive-border: $goa-border-width-s solid $goa-color-brand-default;
528
- $goa-container-interactive-heading-bg-color: $goa-color-brand-default;
529
- $goa-container-interactive-bg-color: $goa-color-greyscale-white;
530
- $goa-container-accent-thin-height: $goa-space-xs;
531
- $goa-container-accent-thick-height: $goa-space-m;
532
- $goa-container-heading-gap: $goa-space-l;
533
- $goa-container-heading-padding: $goa-space-xs;
534
- $goa-container-padding-compact: $goa-space-m;
535
- $goa-container-padding: $goa-space-xl;
536
- $goa-container-border: $goa-border-width-s solid $goa-color-greyscale-200;
537
- $goa-container-border-radius: $goa-border-radius-m;
538
- $goa-checkbox-size: $goa-space-l;
539
- $goa-checkbox-gap: $goa-space-xs;
540
- $goa-checkbox-color-label-disabled: $goa-color-greyscale-500;
541
- $goa-checkbox-color-bg-checked-hover: $goa-color-interactive-hover;
542
- $goa-checkbox-color-bg-checked-error: $goa-color-interactive-error;
543
- $goa-checkbox-color-bg-checked-disabled: $goa-color-interactive-disabled;
544
- $goa-checkbox-color-bg-checked: $goa-color-interactive-default;
545
- $goa-checkbox-color-bg: $goa-color-greyscale-white;
546
- $goa-checkbox-border-hover: $goa-border-width-m solid $goa-color-interactive-hover;
547
- $goa-checkbox-border-focus: $goa-border-width-l solid $goa-color-interactive-focus;
548
- $goa-checkbox-border-error: $goa-border-width-m solid $goa-color-interactive-error;
549
- $goa-checkbox-border-disabled-error: $goa-border-width-m solid #F58185;
550
- $goa-checkbox-border-disabled: $goa-border-width-s solid $goa-color-greyscale-400;
551
- $goa-checkbox-border: $goa-border-width-s solid $goa-color-greyscale-700;
552
- $goa-callout-event-icon-color: $goa-color-greyscale-white;
553
- $goa-callout-emergency-icon-color: $goa-color-greyscale-white;
554
- $goa-callout-emergency-color-bg-statusbar: $goa-color-emergency-default;
555
- $goa-callout-emergency-color-bg-content: $goa-color-greyscale-100;
556
- $goa-callout-success-icon-color: $goa-color-greyscale-white;
557
- $goa-callout-success-color-bg-statusbar: $goa-color-success-default;
558
- $goa-callout-success-color-bg-content: $goa-color-greyscale-100;
559
- $goa-callout-warning-icon-color: $goa-color-greyscale-black;
560
- $goa-callout-warning-color-bg-statusbar: $goa-color-warning-default;
561
- $goa-callout-warning-color-bg-content: $goa-color-greyscale-100;
562
- $goa-callout-info-icon-color: $goa-color-greyscale-white;
563
- $goa-callout-info-color-bg-statusbar: $goa-color-info-default;
564
- $goa-callout-info-color-bg-content: $goa-color-greyscale-100;
565
- $goa-callout-m-statusbar-padding: $goa-space-s $goa-space-2xs;
566
- $goa-callout-m-content-gap: $goa-space-2xs;
567
- $goa-callout-m-content-padding: $goa-space-s;
568
- $goa-callout-m-icon-size: $goa-icon-size-s;
569
- $goa-callout-l-statusbar-padding: $goa-space-l $goa-space-s;
570
- $goa-callout-l-content-gap: $goa-space-m;
571
- $goa-callout-l-content-padding: $goa-space-l;
572
- $goa-callout-l-icon-size: $goa-icon-size-m;
573
- $goa-callout-border-radius: $goa-border-radius-none;
574
- $goa-button-group-compact-gap: $goa-space-s;
575
- $goa-button-group-gap: $goa-space-m;
576
- $goa-button-tertiary-inverse-focus-color-text: $goa-color-interactive-hover;
577
- $goa-button-tertiary-inverse-hover-color-text: $goa-color-interactive-hover;
578
- $goa-button-tertiary-inverse-color-text: $goa-color-greyscale-white;
579
- $goa-button-tertiary-destructive-focus-color-text: $goa-color-emergency-dark;
580
- $goa-button-tertiary-destructive-hover-color-text: $goa-color-emergency-dark;
581
- $goa-button-tertiary-destructive-color-text: $goa-color-emergency-default;
582
- $goa-button-tertiary-focus-color-text: $goa-color-interactive-hover;
583
- $goa-button-tertiary-focus-color-bg: $goa-color-greyscale-100;
584
- $goa-button-tertiary-hover-color-text: $goa-color-interactive-hover;
585
- $goa-button-tertiary-hover-color-bg: $goa-color-greyscale-100;
586
- $goa-button-tertiary-border: $goa-border-width-none solid rgba(0,0,0,0);
587
- $goa-button-tertiary-color-text: $goa-color-interactive-default;
588
- $goa-button-tertiary-color-bg-mobile: $goa-color-greyscale-100;
589
- $goa-button-secondary-inverse-focus-border: $goa-border-width-m solid $goa-color-interactive-hover;
590
- $goa-button-secondary-inverse-hover-border: $goa-border-width-m solid $goa-color-interactive-hover;
591
- $goa-button-secondary-inverse-border: $goa-border-width-m solid $goa-color-greyscale-white;
592
- $goa-button-secondary-destructive-focus-border: $goa-border-width-m solid $goa-color-emergency-dark;
593
- $goa-button-secondary-inverse-focus-color-text: $goa-color-interactive-hover;
594
- $goa-button-secondary-inverse-hover-color-text: $goa-color-interactive-hover;
595
- $goa-button-secondary-inverse-color-text: $goa-color-greyscale-white;
596
- $goa-button-secondary-destructive-focus-color-text: $goa-color-emergency-dark;
597
- $goa-button-secondary-destructive-hover-color-text: $goa-color-emergency-dark;
598
- $goa-button-secondary-destructive-hover-border: $goa-border-width-m solid $goa-color-emergency-dark;
599
- $goa-button-secondary-destructive-border: $goa-border-width-m solid $goa-color-emergency-default;
600
- $goa-button-secondary-destructive-color-text: $goa-color-emergency-default;
601
- $goa-button-secondary-focus-border: $goa-border-width-m solid $goa-color-interactive-hover;
602
- $goa-button-secondary-focus-color-text: $goa-color-interactive-hover;
603
- $goa-button-secondary-focus-color-bg: $goa-color-greyscale-100;
604
- $goa-button-secondary-hover-border: $goa-border-width-m solid $goa-color-interactive-hover;
605
- $goa-button-secondary-hover-color-text: $goa-color-interactive-hover;
606
- $goa-button-secondary-hover-color-bg: $goa-color-greyscale-100;
607
- $goa-button-secondary-border: $goa-border-width-m solid $goa-color-interactive-default;
608
- $goa-button-secondary-color-text: $goa-color-interactive-default;
609
- $goa-button-secondary-color-bg: $goa-color-greyscale-white;
610
- $goa-button-primary-inverse-focus-color-bg: $goa-color-interactive-hover;
611
- $goa-button-primary-inverse-hover-color-text: $goa-color-greyscale-white;
612
- $goa-button-primary-inverse-hover-color-bg: $goa-color-interactive-hover;
613
- $goa-button-primary-inverse-color-bg: $goa-color-greyscale-white;
614
- $goa-button-primary-destructive-focus-color-bg: $goa-color-emergency-dark;
615
- $goa-button-primary-destructive-hover-color-bg: $goa-color-emergency-dark;
616
- $goa-button-primary-destructive-color-bg: $goa-color-emergency-default;
617
- $goa-button-primary-focus-border: $goa-border-width-none solid rgba(0,0,0,0);
618
- $goa-button-primary-focus-color-bg: $goa-color-interactive-hover;
619
- $goa-button-primary-hover-border: $goa-border-width-none solid rgba(0,0,0,0);
620
- $goa-button-primary-hover-color-bg: $goa-color-interactive-hover;
621
- $goa-button-primary-border: $goa-border-width-none solid rgba(0,0,0,0);
622
- $goa-button-primary-color-bg: $goa-color-interactive-default;
623
- $goa-button-compact-icon-size: $goa-icon-size-2;
624
- $goa-button-icon-size: $goa-icon-size-3;
625
- $goa-button-gap: $goa-space-xs;
626
- $goa-button-text-start: $goa-font-weight-bold $goa-font-size-5/$goa-line-height-1 $goa-font-family-sans;
627
- $goa-button-text-compact: $goa-font-weight-regular $goa-font-size-4/$goa-line-height-05 $goa-font-family-sans;
628
- $goa-button-text: $goa-font-weight-regular $goa-font-size-5/$goa-line-height-1 $goa-font-family-sans;
629
- $goa-button-padding-lr-start: $goa-space-m;
630
- $goa-button-padding-lr-compact: $goa-space-xs;
631
- $goa-button-padding-lr: $goa-space-s;
632
- $goa-button-border-radius: $goa-border-radius-m;
633
- $goa-badge-border: inset 0 0 $goa-border-width-s 0 rgba(0, 0, 0, 0.5);
634
- $goa-badge-light-color-bg: $goa-color-greyscale-white;
635
- $goa-badge-midtone-color-bg: $goa-color-greyscale-700;
636
- $goa-badge-dark-color-bg: $goa-color-greyscale-black;
637
- $goa-badge-emergency-color-bg: $goa-color-emergency-default;
638
- $goa-badge-important-color-bg: $goa-color-warning-default;
639
- $goa-badge-success-color-bg: $goa-color-success-default;
640
- $goa-badge-info-color-content: $goa-color-info-default;
641
- $goa-badge-info-color-bg: $goa-color-greyscale-100;
642
- $goa-badge-border-radius: $goa-border-radius-m;
643
- $goa-badge-icon-size: $goa-icon-size-1;
644
- $goa-badge-line-height: $goa-line-height-1;
645
- $goa-badge-font-size: $goa-font-size-2;
646
- $goa-badge-gap: $goa-space-2xs;
647
- $goa-badge-padding: 0px $goa-space-xs;
648
- $goa-accordion-color-bg-heading-hover: $goa-color-greyscale-200;
649
- $goa-accordion-padding-content-narrow: $goa-space-l;
650
- $goa-accordion-padding-content-wide: $goa-space-l $goa-space-l $goa-space-xl 56px;
651
- $goa-accordion-padding-heading-icon-right: $goa-space-s 0 $goa-space-s $goa-space-m;
652
- $goa-accordion-padding-heading-icon-left: $goa-space-s $goa-space-m $goa-space-s 0;
653
- $goa-accordion-border-radius: $goa-border-radius-m;
654
- $goa-accordion-divider: $goa-border-width-s solid $goa-color-greyscale-200;
655
- $goa-accordion-border: $goa-border-width-s solid $goa-color-greyscale-200;
656
- $goa-accordion-color-bg-content: $goa-color-greyscale-white;
657
- $goa-accordion-color-bg-heading: $goa-color-greyscale-100;
658
- $goa-tooltip-text-size: $goa-typography-body-m;
659
- $goa-tooltip-color-text: $goa-color-text-light;
660
- $goa-text-area-typography-counter: $goa-typography-body-xs;
661
- $goa-text-area-typography: $goa-typography-body-m;
662
- $goa-text-area-color-text-placeholder: $goa-color-text-secondary;
663
- $goa-text-area-color-text-disabled: $goa-color-text-disabled;
664
- $goa-text-area-color-text-counter: $goa-color-text-default;
665
- $goa-text-area-color-text: $goa-color-text-default;
666
- $goa-tab-typography-selected: $goa-typography-heading-s;
667
- $goa-tab-typography: $goa-typography-body-m;
668
- $goa-tab-text-color: $goa-color-text-default;
669
- $goa-table-color-heading: $goa-color-text-secondary;
670
- $goa-side-menu-typography-item-current: $goa-typography-heading-s;
671
- $goa-side-menu-typography-item: $goa-typography-body-m;
672
- $goa-side-menu-child-color-text-selected: $goa-color-text-default;
673
- $goa-side-menu-icon-color: $goa-color-text-secondary;
674
- $goa-side-menu-heading-typography: $goa-typography-heading-s;
675
- $goa-side-menu-heading-color: $goa-color-text-secondary;
676
- $goa-side-menu-color-menu-item: $goa-color-text-default;
677
- $goa-radio-label: $goa-typography-body-m;
678
- $goa-radio-description: $goa-typography-body-xs;
679
- $goa-circular-progress-small-text: $goa-typography-body-m;
680
- $goa-circular-progress-large-text: $goa-typography-body-l;
681
- $goa-notification-banner-custom-color-text: $goa-color-text-light;
682
- $goa-notification-banner-text-size: $goa-typography-body-m;
683
- $goa-notification-banner-information-color-text: $goa-color-text-light;
684
- $goa-notification-banner-important-color-text: $goa-color-text-default;
685
- $goa-notification-banner-event-color-text: $goa-color-text-light;
686
- $goa-notification-banner-emergency-color-text: $goa-color-text-light;
687
- $goa-modal-header-typography: $goa-typography-heading-m;
688
- $goa-microsite-header-typography: $goa-typography-body-xs;
689
- $goa-microsite-header-color-version-number: $goa-color-text-secondary;
690
- $goa-microsite-header-beta-badge-color-text: $goa-color-text-light;
691
- $goa-microsite-header-alpha-badge-color-text: $goa-color-text-default;
692
- $goa-text-input-typography: $goa-typography-body-m;
693
- $goa-text-input-padding: 7px $goa-text-input-padding-lr 9px;
694
- $goa-text-input-lt-content-color-text: $goa-color-text-default;
695
- $goa-text-input-color-text-placeholder: $goa-color-text-secondary;
696
- $goa-text-input-color-text-disabled: $goa-color-text-secondary;
697
- $goa-text-input-color-text: $goa-color-text-default;
698
- $goa-hero-banner-content: $goa-typography-body-l;
699
- $goa-hero-banner-heading: $goa-typography-heading-xl;
700
- $goa-app-header-typography-service-name-mobile: $goa-typography-body-s;
701
- $goa-app-header-typography-service-name: $goa-typography-body-m;
702
- $goa-app-header-typography-link-item: $goa-typography-body-m;
703
- $goa-app-header-typography-menu-item: $goa-typography-body-m;
704
- $goa-app-header-typography-nav-item: $goa-typography-heading-s;
705
- $goa-app-header-typography-menu-button-mobile: $goa-typography-body-s;
706
- $goa-app-header-typography-menu-button: $goa-typography-body-m;
707
- $goa-app-header-color-text-nav-item-current: $goa-color-text-default;
708
- $goa-app-header-color-text-nav-item: $goa-color-text-default;
709
- $goa-app-header-color-service-name: $goa-color-text-default;
710
- $goa-app-header-color-menu-button: $goa-color-text-default;
711
- $goa-app-header-color-text-nav-item-in-menu-current-hover: $goa-color-text-light;
712
- $goa-app-header-color-text-nav-item-in-menu-current: $goa-color-text-light;
713
- $goa-step-typography-sublabel: $goa-typography-body-xs;
714
- $goa-step-typography-step-number: $goa-typography-heading-xs;
715
- $goa-step-typography-label-active: $goa-typography-heading-xs;
716
- $goa-step-typography-label: $goa-typography-body-s;
717
- $goa-step-color-sublabel: $goa-color-text-secondary;
718
- $goa-step-color-step-number: $goa-color-text-secondary;
719
- $goa-step-color-label: $goa-color-text-default;
720
- $goa-form-item-optional-label-typography: $goa-typography-body-xs;
721
- $goa-form-item-message-typography: $goa-typography-body-xs;
722
- $goa-form-item-label-typography: $goa-typography-heading-s;
723
- $goa-form-item-label-large-typography: $goa-typography-heading-l;
724
- $goa-form-item-help-message-color: $goa-color-text-default;
725
- $goa-footer-color-links-secondary: $goa-color-text-secondary;
726
- $goa-footer-color-links: $goa-color-text-default;
727
- $goa-file-upload-instruction-text: $goa-typography-body-m;
728
- $goa-file-upload-help-text: $goa-typography-body-s;
729
- $goa-dropdown-typography: $goa-typography-body-m;
730
- $goa-dropdown-padding: 6px $goa-dropdown-padding-lr 8px;
731
- $goa-dropdown-item-padding: 7px $goa-dropdown-padding-lr 9px;
732
- $goa-dropdown-item-color-text-disabled: $goa-color-text-disabled;
733
- $goa-dropdown-item-color-text: $goa-color-text-default;
734
- $goa-dropdown-color-text-placeholder: $goa-color-text-secondary;
735
- $goa-dropdown-color-text-disabled: $goa-color-text-disabled;
736
- $goa-dropdown-color-text: $goa-color-text-default;
737
- $goa-details-typography: $goa-typography-body-m;
738
- $goa-date-input-day-color-text-disabled: $goa-color-text-secondary;
739
- $goa-date-input-day-color-text-other-month: $goa-color-text-secondary;
740
- $goa-date-input-day-color-text-selected-hover: $goa-color-text-light;
741
- $goa-date-input-day-color-text-selected: $goa-color-text-light;
742
- $goa-date-input-day-color-text-hover: $goa-color-text-default;
743
- $goa-date-input-day-color-text: $goa-color-text-default;
744
- $goa-date-input-day-font-today: $goa-typography-heading-xs;
745
- $goa-date-input-day-font: $goa-typography-body-s;
746
- $goa-date-input-day-of-week-font: $goa-typography-heading-xs;
747
- $goa-container-important-heading-text-color: $goa-color-text-default;
748
- $goa-container-success-heading-text-color: $goa-color-text-light;
749
- $goa-container-error-heading-text-color: $goa-color-text-light;
750
- $goa-container-info-heading-text-color: $goa-color-text-light;
751
- $goa-container-non-interactive-heading-text-color: $goa-color-text-default;
752
- $goa-container-interactive-heading-text-color: $goa-color-text-light;
753
- $goa-container-heading: $goa-typography-heading-s;
754
- $goa-checkbox-label-font-size: $goa-typography-body-m;
755
- $goa-checkbox-description-font-size: $goa-typography-body-xs;
756
- $goa-checkbox-color-label: $goa-color-text-default;
757
- $goa-callout-m-text-size: $goa-typography-body-s;
758
- $goa-callout-l-heading-size: $goa-typography-heading-m;
759
- $goa-callout-m-heading-size: $goa-typography-heading-xs;
760
- $goa-callout-l-text-size: $goa-typography-body-m;
761
- $goa-callout-l-heading: $goa-typography-heading-m;
762
- $goa-button-primary-inverse-color-text: $goa-color-text-default;
763
- $goa-button-primary-destructive-hover-color-text: $goa-color-text-light;
764
- $goa-button-primary-focus-color-text: $goa-color-text-light;
765
- $goa-button-primary-hover-color-text: $goa-color-text-light;
766
- $goa-button-primary-color-text: $goa-color-text-light;
767
- $goa-badge-light-color-content: $goa-color-text-default;
768
- $goa-badge-midtone-color-content: $goa-color-text-light;
769
- $goa-badge-dark-color-content: $goa-color-text-light;
770
- $goa-badge-emergency-color-content: $goa-color-text-light;
771
- $goa-badge-important-color-content: $goa-color-text-default;
772
- $goa-badge-success-color-content: $goa-color-text-light;
773
- $goa-accordion-heading-m: $goa-typography-heading-m;
774
- $goa-accordion-heading-s: $goa-typography-heading-s;
775
- $goa-accordion-color-heading-hover: $goa-color-text-default;
776
- $goa-accordion-color-heading: $goa-color-text-default;
20
+ $goa-badge-padding: 0px 0.5rem;
21
+ $goa-badge-gap: 0.25rem;
22
+ $goa-badge-font-size: 0.875rem;
23
+ $goa-badge-line-height: 1.25rem;
24
+ $goa-badge-icon-size: 1rem;
25
+ $goa-badge-border-radius: 0.25rem;
26
+ $goa-badge-info-color-bg: #f1f1f1;
27
+ $goa-badge-info-color-content: #004a8f;
28
+ $goa-badge-success-color-bg: #006f4c;
29
+ $goa-badge-success-color-content: #ffffff;
30
+ $goa-badge-important-color-bg: #f9ce2d;
31
+ $goa-badge-important-color-content: #333333;
32
+ $goa-badge-emergency-color-bg: #da291c;
33
+ $goa-badge-emergency-color-content: #ffffff;
34
+ $goa-badge-dark-color-bg: #333333;
35
+ $goa-badge-dark-color-content: #ffffff;
36
+ $goa-badge-midtone-color-bg: #666666;
37
+ $goa-badge-midtone-color-content: #ffffff;
38
+ $goa-badge-light-color-bg: #ffffff;
39
+ $goa-badge-light-color-content: #333333;
40
+ $goa-badge-height: 22px;
41
+ $goa-badge-border: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
42
+ $goa-button-border-radius: 0.25rem;
43
+ $goa-button-padding-lr: 0.75rem;
44
+ $goa-button-padding-lr-compact: 0.5rem;
45
+ $goa-button-padding-lr-start: 1rem;
46
+ $goa-button-height: 2.625rem;
47
+ $goa-button-height-compact: 2rem;
48
+ $goa-button-height-start: 3.25rem;
49
+ $goa-button-text: 400 1.25rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
50
+ $goa-button-text-compact: 400 1.125rem/1.125rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
51
+ $goa-button-text-start: 700 1.25rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
52
+ $goa-button-gap: 0.5rem;
53
+ $goa-button-compact-gap: 0.375rem;
54
+ $goa-button-icon-size: 1.25rem;
55
+ $goa-button-compact-icon-size: 1.125rem;
56
+ $goa-button-primary-color-bg: #0070c4;
57
+ $goa-button-primary-color-text: #ffffff;
58
+ $goa-button-primary-border: 0px solid rgba(0,0,0,0);
59
+ $goa-button-primary-hover-color-bg: #004f84;
60
+ $goa-button-primary-hover-color-text: #ffffff;
61
+ $goa-button-primary-hover-border: 0px solid rgba(0,0,0,0);
62
+ $goa-button-primary-focus-color-bg: #004f84;
63
+ $goa-button-primary-focus-color-text: #ffffff;
64
+ $goa-button-primary-focus-border: 0px solid rgba(0,0,0,0);
65
+ $goa-button-primary-destructive-color-bg: #da291c;
66
+ $goa-button-primary-destructive-hover-color-bg: #a91a10;
67
+ $goa-button-primary-destructive-hover-color-text: #ffffff;
68
+ $goa-button-primary-destructive-focus-color-bg: #a91a10;
69
+ $goa-button-primary-inverse-color-bg: #ffffff;
70
+ $goa-button-primary-inverse-color-text: #333333;
71
+ $goa-button-primary-inverse-hover-color-bg: #004f84;
72
+ $goa-button-primary-inverse-hover-color-text: #ffffff;
73
+ $goa-button-primary-inverse-focus-color-bg: #004f84;
74
+ $goa-button-secondary-color-bg: #ffffff;
75
+ $goa-button-secondary-color-text: #0070c4;
76
+ $goa-button-secondary-border: 2px solid #0070c4;
77
+ $goa-button-secondary-hover-color-bg: #f1f1f1;
78
+ $goa-button-secondary-hover-color-text: #004f84;
79
+ $goa-button-secondary-hover-border: 2px solid #004f84;
80
+ $goa-button-secondary-focus-color-bg: #f1f1f1;
81
+ $goa-button-secondary-focus-color-text: #004f84;
82
+ $goa-button-secondary-focus-border: 2px solid #004f84;
83
+ $goa-button-secondary-destructive-color-text: #da291c;
84
+ $goa-button-secondary-destructive-border: 2px solid #da291c;
85
+ $goa-button-secondary-destructive-hover-border: 2px solid #a91a10;
86
+ $goa-button-secondary-destructive-hover-color-text: #a91a10;
87
+ $goa-button-secondary-destructive-focus-color-text: #a91a10;
88
+ $goa-button-secondary-inverse-color-text: #ffffff;
89
+ $goa-button-secondary-inverse-color-bg: none;
90
+ $goa-button-secondary-inverse-hover-color-text: #004f84;
91
+ $goa-button-secondary-inverse-focus-color-text: #004f84;
92
+ $goa-button-secondary-destructive-focus-border: 2px solid #a91a10;
93
+ $goa-button-secondary-inverse-border: 2px solid #ffffff;
94
+ $goa-button-secondary-inverse-hover-border: 2px solid #004f84;
95
+ $goa-button-secondary-inverse-focus-border: 2px solid #004f84;
96
+ $goa-button-tertiary-color-bg: none;
97
+ $goa-button-tertiary-color-bg-mobile: #f1f1f1;
98
+ $goa-button-tertiary-color-text: #0070c4;
99
+ $goa-button-tertiary-border: 0px solid rgba(0,0,0,0);
100
+ $goa-button-tertiary-hover-color-bg: #f1f1f1;
101
+ $goa-button-tertiary-hover-color-text: #004f84;
102
+ $goa-button-tertiary-focus-color-bg: #f1f1f1;
103
+ $goa-button-tertiary-focus-color-text: #004f84;
104
+ $goa-button-tertiary-destructive-color-text: #da291c;
105
+ $goa-button-tertiary-destructive-hover-color-text: #a91a10;
106
+ $goa-button-tertiary-destructive-focus-color-text: #a91a10;
107
+ $goa-button-tertiary-inverse-color-text: #ffffff;
108
+ $goa-button-tertiary-inverse-hover-color-text: #004f84;
109
+ $goa-button-tertiary-inverse-focus-color-text: #004f84;
110
+ $goa-button-letter-spacing: 0.0125rem;
111
+ $goa-button-group-gap: 1rem;
112
+ $goa-button-group-compact-gap: 0.75rem;
113
+ $goa-callout-border-radius: 0;
114
+ $goa-callout-m-border-width: 0px;
115
+ $goa-callout-l-border-width: 0px;
116
+ $goa-callout-l-icon-size: 1.25rem;
117
+ $goa-callout-l-content-padding: 1.5rem;
118
+ $goa-callout-l-content-gap: 1rem;
119
+ $goa-callout-l-statusbar-padding: 1.5rem 0.75rem;
120
+ $goa-callout-m-icon-size: 1rem;
121
+ $goa-callout-m-content-padding: 0.75rem;
122
+ $goa-callout-m-content-gap: 0.25rem;
123
+ $goa-callout-m-statusbar-padding: 0.75rem 0.25rem;
124
+ $goa-callout-info-color-bg-content: #f1f1f1;
125
+ $goa-callout-info-color-bg-statusbar: #004a8f;
126
+ $goa-callout-info-icon-color: #ffffff;
127
+ $goa-callout-info-border-color: none;
128
+ $goa-callout-warning-color-bg-content: #f1f1f1;
129
+ $goa-callout-warning-color-bg-statusbar: #f9ce2d;
130
+ $goa-callout-warning-icon-color: #333333;
131
+ $goa-callout-warning-border-color: none;
132
+ $goa-callout-success-color-bg-content: #f1f1f1;
133
+ $goa-callout-success-color-bg-statusbar: #006f4c;
134
+ $goa-callout-success-icon-color: #ffffff;
135
+ $goa-callout-success-border-color: none;
136
+ $goa-callout-emergency-color-bg-content: #f1f1f1;
137
+ $goa-callout-emergency-color-bg-statusbar: #da291c;
138
+ $goa-callout-emergency-border-color: none;
139
+ $goa-callout-emergency-icon-color: #ffffff;
140
+ $goa-callout-event-icon-color: #ffffff;
141
+ $goa-callout-l-heading: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
142
+ $goa-callout-l-text-size: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
143
+ $goa-callout-m-heading-size: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
144
+ $goa-callout-l-heading-size: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
145
+ $goa-callout-m-text-size: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
146
+ $goa-checkbox-border: 1px solid #666666;
147
+ $goa-checkbox-border-disabled: 1px solid #adadad;
148
+ $goa-checkbox-border-disabled-error: 2px solid #F58185;
149
+ $goa-checkbox-border-error: 2px solid #ec040b;
150
+ $goa-checkbox-border-focus: 3px solid #feba35;
151
+ $goa-checkbox-border-hover: 2px solid #004f84;
152
+ $goa-checkbox-border-radius: 2px;
153
+ $goa-checkbox-color-bg: #ffffff;
154
+ $goa-checkbox-color-bg-checked: #0070c4;
155
+ $goa-checkbox-color-bg-checked-disabled: #80b7e1;
156
+ $goa-checkbox-color-bg-checked-error: #ec040b;
157
+ $goa-checkbox-color-bg-checked-hover: #004f84;
158
+ $goa-checkbox-color-label: #333333;
159
+ $goa-checkbox-color-label-disabled: #949494;
160
+ $goa-checkbox-description-font-size: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
161
+ $goa-checkbox-gap: 0.5rem;
162
+ $goa-checkbox-label-font-size: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
163
+ $goa-checkbox-size: 1.5rem;
164
+ $goa-container-border-radius: 0.25rem;
165
+ $goa-container-border: 1px solid #dcdcdc;
166
+ $goa-container-padding: 2rem;
167
+ $goa-container-padding-compact: 1rem;
168
+ $goa-container-heading: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
169
+ $goa-container-heading-padding: 0.5rem;
170
+ $goa-container-heading-gap: 1.5rem;
171
+ $goa-container-accent-thick-height: 1rem;
172
+ $goa-container-accent-thin-height: 0.5rem;
173
+ $goa-container-interactive-bg-color: #ffffff;
174
+ $goa-container-interactive-heading-bg-color: #0081a2;
175
+ $goa-container-interactive-heading-text-color: #ffffff;
176
+ $goa-container-interactive-border: 1px solid #0081a2;
177
+ $goa-container-non-interactive-bg-color: #f1f1f1;
178
+ $goa-container-non-interactive-heading-bg-color: #f1f1f1;
179
+ $goa-container-non-interactive-heading-text-color: #333333;
180
+ $goa-container-non-interactive-border: 1px solid #dcdcdc;
181
+ $goa-container-info-bg-color: #eff8ff;
182
+ $goa-container-info-heading-bg-color: #004a8f;
183
+ $goa-container-info-heading-text-color: #ffffff;
184
+ $goa-container-info-border: 1px solid #004a8f;
185
+ $goa-container-error-bg-color: #fff6f6;
186
+ $goa-container-error-heading-bg-color: #da291c;
187
+ $goa-container-error-heading-text-color: #ffffff;
188
+ $goa-container-error-border: 1px solid #da291c;
189
+ $goa-container-success-bg-color: #f2fffa;
190
+ $goa-container-success-heading-bg-color: #006f4c;
191
+ $goa-container-success-heading-text-color: #ffffff;
192
+ $goa-container-success-border: 1px solid #006f4c;
193
+ $goa-container-important-bg-color: #fff6e5;
194
+ $goa-container-important-heading-bg-color: #f9ce2d;
195
+ $goa-container-important-heading-text-color: #333333;
196
+ $goa-container-important-border: 1px solid #f9ce2d;
197
+ $goa-date-input-calendar-width: 280px;
198
+ $goa-date-input-calendar-border-radius: 0.25rem;
199
+ $goa-date-input-day-of-week-font: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
200
+ $goa-date-input-day-font: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
201
+ $goa-date-input-day-of-week-margin: 0.5rem 0;
202
+ $goa-date-input-day-font-today: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
203
+ $goa-date-input-day-underline-today: 3px solid #0070c4;
204
+ $goa-date-input-day-underline-today-width: 1.5rem;
205
+ $goa-date-input-day-underline-today-selected: 3px solid #ffffff;
206
+ $goa-date-input-day-border-radius: 0.25rem;
207
+ $goa-date-input-day-size: 2.5rem;
208
+ $goa-date-input-day-color-text: #333333;
209
+ $goa-date-input-day-color-bg: transparent;
210
+ $goa-date-input-day-color-text-hover: #333333;
211
+ $goa-date-input-day-color-bg-hover: #dcdcdc;
212
+ $goa-date-input-day-border-focus: 3px solid #feba35;
213
+ $goa-date-input-day-color-text-selected: #ffffff;
214
+ $goa-date-input-day-color-bg-selected: #0070c4;
215
+ $goa-date-input-day-color-text-selected-hover: #ffffff;
216
+ $goa-date-input-day-color-bg-selected-hover: #004f84;
217
+ $goa-date-input-day-color-text-other-month: #666666;
218
+ $goa-date-input-day-color-text-disabled: #666666;
219
+ $goa-details-border-radius: 0.25rem;
220
+ $goa-details-color-bg-hover: #f1f1f1;
221
+ $goa-details-color-text: #0070c4;
222
+ $goa-details-color-text-hover: #004f84;
223
+ $goa-details-content-left-border: 4px solid #dcdcdc;
224
+ $goa-details-content-margin-left: 17px;
225
+ $goa-details-content-padding-bottom: 0.75rem;
226
+ $goa-details-content-padding-left: 19px;
227
+ $goa-details-content-padding-right: 1rem;
228
+ $goa-details-content-padding-top: 0.75rem;
229
+ $goa-details-focus-border: 3px solid #feba35;
230
+ $goa-details-margin-bottom: 0.5rem;
231
+ $goa-details-padding-bottom: 0.5rem;
232
+ $goa-details-padding-left: 0.5rem;
233
+ $goa-details-padding-right: 0.75rem;
234
+ $goa-details-padding-top: 6px;
235
+ $goa-details-typography: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
236
+ $goa-details-text-decoration: underline;
237
+ $goa-divider-color: #dcdcdc;
238
+ $goa-drawer-overlay-color: rgba(0,0,0,0.3);
239
+ $goa-drawer-bottom-shadow: 0px -6px 6px 0px rgba(0,0,0,0.16);
240
+ $goa-drawer-left-shadow: 6px 0px 6px 0px rgba(0,0,0,0.16);
241
+ $goa-drawer-transition-time: 0.25s;
242
+ $goa-drawer-padding: 1rem;
243
+ $goa-drawer-right-shadow: -6px 0px 6px 0px rgba(0,0,0,0.16);
244
+ $goa-dropdown-border: inset 0 0 0 1px #666666;
245
+ $goa-dropdown-border-disabled: inset 0 0 0 1px #dcdcdc;
246
+ $goa-dropdown-border-error: inset 0 0 0 2px #ec040b;
247
+ $goa-dropdown-border-focus: 0 0 0 3px #feba35;
248
+ $goa-dropdown-border-hover: inset 0 0 0 2px #004f84;
249
+ $goa-dropdown-border-radius: 0.25rem;
250
+ $goa-dropdown-color-bg: #ffffff;
251
+ $goa-dropdown-color-bg-disabled: #f1f1f1;
252
+ $goa-dropdown-color-text: #333333;
253
+ $goa-dropdown-color-text-disabled: #666666;
254
+ $goa-dropdown-color-text-placeholder: #666666;
255
+ $goa-dropdown-item-color-bg: #ffffff;
256
+ $goa-dropdown-item-color-bg-disabled: #f1f1f1;
257
+ $goa-dropdown-item-color-bg-hover: #f1f1f1;
258
+ $goa-dropdown-item-color-bg-selected: #0070c4;
259
+ $goa-dropdown-item-color-bg-selected-hover: #004f84;
260
+ $goa-dropdown-item-color-text: #333333;
261
+ $goa-dropdown-item-color-text-disabled: #666666;
262
+ $goa-dropdown-item-color-text-hover: #004f84;
263
+ $goa-dropdown-item-color-text-selected: #ffffff;
264
+ $goa-dropdown-item-color-text-selected-hover: #ffffff;
265
+ $goa-dropdown-item-padding: 7px 0.75rem 9px;
266
+ $goa-dropdown-padding: 6px 0.75rem 8px;
267
+ $goa-dropdown-padding-lr: 0.75rem;
268
+ $goa-dropdown-space-icon-text: 0.75rem;
269
+ $goa-dropdown-transition: box-shadow 0.05s ease-in;
270
+ $goa-dropdown-typography: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
271
+ $goa-file-upload-border: 2px dashed #0070c4;
272
+ $goa-file-upload-border-active: 2px solid #004f84;
273
+ $goa-file-upload-border-drag: 2px solid #004f84;
274
+ $goa-file-upload-border-focus: 0 0 0 3px #feba35;
275
+ $goa-file-upload-border-hover: 2px dashed #004f84;
276
+ $goa-file-upload-border-radius: 0.25rem;
277
+ $goa-file-upload-color-bg: #eff8ff;
278
+ $goa-file-upload-color-bg-active: #eff8ff;
279
+ $goa-file-upload-color-bg-drag: #eff8ff;
280
+ $goa-file-upload-color-bg-focus: #f1f1f1;
281
+ $goa-file-upload-color-bg-hover: #f1f1f1;
282
+ $goa-file-upload-help-text: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
283
+ $goa-file-upload-help-text-color: #666666;
284
+ $goa-file-upload-instruction-color: #0070c4;
285
+ $goa-file-upload-instruction-color-active: #004f84;
286
+ $goa-file-upload-instruction-color-drag: #004f84;
287
+ $goa-file-upload-instruction-color-focus: #004f84;
288
+ $goa-file-upload-instruction-color-hover: #004f84;
289
+ $goa-file-upload-instruction-text: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
290
+ $goa-file-upload-padding: 2rem;
291
+ $goa-file-upload-text-gap: 1rem;
292
+ $goa-footer-border-bottom: 1rem solid #0081a2;
293
+ $goa-footer-border-top: 2px solid #dcdcdc;
294
+ $goa-footer-color-bg: #f1f1f1;
295
+ $goa-footer-color-links: #333333;
296
+ $goa-footer-color-links-hover: #666666;
297
+ $goa-footer-color-links-secondary: #666666;
298
+ $goa-footer-color-links-secondary-hover: #474747;
299
+ $goa-footer-link-focus: 3px solid #feba35;
300
+ $goa-footer-padding-large-screen: 3rem 4rem;
301
+ $goa-footer-padding-medium-screen: 3rem 2rem;
302
+ $goa-footer-padding-small-screen: 2rem 1rem;
303
+ $goa-footer-size-logo-desktop: 155px;
304
+ $goa-footer-size-logo-mobile: 133px;
305
+ $goa-footer-size-logo-tablet: 155px;
306
+ $goa-footer-typography-small-screen: 1rem;
307
+ $goa-footer-meta-links-gap: 1.5rem;
308
+ $goa-footer-meta-links-gap-small-screen: 20px;
309
+ $goa-form-item-error-message-color: #ec040b;
310
+ $goa-form-item-help-message-color: #333333;
311
+ $goa-form-item-label-large-padding-bottom: 1rem;
312
+ $goa-form-item-label-large-typography: 400 2.25rem/2.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
313
+ $goa-form-item-label-padding-bottom: 0.75rem;
314
+ $goa-form-item-label-typography: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
315
+ $goa-form-item-message-gap: 0.25rem;
316
+ $goa-form-item-message-margin-top: 0.75rem;
317
+ $goa-form-item-message-typography: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
318
+ $goa-form-item-optional-label-color: #666666;
319
+ $goa-form-item-optional-label-typography: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
320
+ $goa-step-border: 4px solid #0070c4;
321
+ $goa-step-color-bg: #ffffff;
322
+ $goa-step-color-bg-active: #ffffff;
323
+ $goa-step-color-bg-complete: #0070c4;
324
+ $goa-step-color-bg-incomplete: #ffffff;
325
+ $goa-step-color-border: #adadad;
326
+ $goa-step-color-border-active: #0070c4;
327
+ $goa-step-color-border-complete: #0070c4;
328
+ $goa-step-color-border-incomplete: #0070c4;
329
+ $goa-step-color-label: #333333;
330
+ $goa-step-color-step-number: #666666;
331
+ $goa-step-color-sublabel: #666666;
332
+ $goa-step-gap-small-screen: 0px;
333
+ $goa-step-padding: 1.5rem;
334
+ $goa-step-padding-vertical: 0.25rem 1.5rem;
335
+ $goa-step-size: 2.5rem;
336
+ $goa-step-typography-label: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
337
+ $goa-step-typography-label-active: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
338
+ $goa-step-typography-step-number: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
339
+ $goa-step-typography-sublabel: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
340
+ $goa-stepper-color-line: #dcdcdc;
341
+ $goa-stepper-color-line-active: #0070c4;
342
+ $goa-stepper-line-thickness: 4px;
343
+ $goa-app-header-border-bottom: 1px solid #dcdcdc;
344
+ $goa-app-header-service-name-border-focus: 3px solid #feba35;
345
+ $goa-app-header-border-bottom-menu-item: inset 0 -1px 0 0 #dcdcdc;
346
+ $goa-app-header-border-focus: 3px solid #feba35;
347
+ $goa-app-header-border-nav-item-current: 0.25rem solid #0070c4;
348
+ $goa-app-header-border-nav-item-current-focus: 0.25rem solid #004f84;
349
+ $goa-app-header-border-nav-item-current-hover: 0.25rem solid #004f84;
350
+ $goa-app-header-color-text-nav-item-in-menu-current: #ffffff;
351
+ $goa-app-header-color-text-nav-item-in-menu-current-hover: #ffffff;
352
+ $goa-app-header-border-nav-item-default: 0.25rem solid transparent;
353
+ $goa-app-header-border-nav-item-focus: 0.25rem solid #004f84;
354
+ $goa-app-header-border-nav-item-hover: 0.25rem solid #004f84;
355
+ $goa-app-header-border-top-menu-item: inset 0 1px 0 0 #dcdcdc;
356
+ $goa-app-header-color-bg: #ffffff;
357
+ $goa-app-header-color-bg-menu-button-focus: #f1f1f1;
358
+ $goa-app-header-color-bg-menu-button-hover: #f1f1f1;
359
+ $goa-app-header-color-bg-nav-item: #ffffff;
360
+ $goa-app-header-color-bg-nav-item-current: #ffffff;
361
+ $goa-app-header-color-bg-nav-item-focus: #ffffff;
362
+ $goa-app-header-color-bg-nav-item-hover: #ffffff;
363
+ $goa-app-header-color-bg-nav-item-in-menu-current: #0070c4;
364
+ $goa-app-header-nav-color-text-link-item: #0070c4;
365
+ $goa-app-header-nav-color-text-link-item-hover: #004f84;
366
+ $goa-app-header-nav-color-text-link-item-focus: #004f84;
367
+ $goa-app-header-color-bg-nav-item-in-menu-current-hover: #004f84;
368
+ $goa-app-header-color-bg-nav-item-child-hover: #f1f1f1;
369
+ $goa-app-header-color-bg-nav-item-child-focus: #f1f1f1;
370
+ $goa-app-header-color-menu-button: #333333;
371
+ $goa-app-header-color-menu-button-focus: #004f84;
372
+ $goa-app-header-color-menu-button-hover: #004f84;
373
+ $goa-app-header-color-service-name: #333333;
374
+ $goa-app-header-color-text-nav-item: #333333;
375
+ $goa-app-header-color-text-nav-item-current: #333333;
376
+ $goa-app-header-color-text-nav-item-focus: #004f84;
377
+ $goa-app-header-color-text-nav-item-hover: #004f84;
378
+ $goa-app-header-max-width-service-name: 28rem;
379
+ $goa-app-header-min-width-service-name: 8rem;
380
+ $goa-app-header-padding-desktop: 4rem;
381
+ $goa-app-header-padding-link-item: 1rem;
382
+ $goa-app-header-padding-logo: 14px 2rem 1rem 0px;
383
+ $goa-app-header-padding-logo-mobile: 0.75rem 1rem;
384
+ $goa-app-header-padding-menu-button: 1rem 0.75rem;
385
+ $goa-app-header-padding-mobile: 1rem;
386
+ $goa-app-header-padding-nav-item: 1rem 0.75rem;
387
+ $goa-app-header-padding-nav-item-with-children: 1rem 0.75rem 0.75rem;
388
+ $goa-app-header-padding-nav-item-in-menu: 9px 1rem;
389
+ $goa-app-header-padding-secondary-nav-item-in-menu-mobile: 9px 1rem 9px 80px;
390
+ $goa-app-header-padding-secondary-nav-item-in-menu: 9px 1rem 9px 2rem;
391
+ $goa-app-header-padding-tablet: 2rem;
392
+ $goa-app-header-size-logo: 2rem;
393
+ $goa-app-header-size-logo-mobile: 1.5rem;
394
+ $goa-app-header-space-btw-logo-service-name: 1rem;
395
+ $goa-app-header-space-btw-logo-service-name-mobile: 0.5rem;
396
+ $goa-app-header-space-btw-service-name-nav-items-mobile: 1.5rem;
397
+ $goa-app-header-typography-menu-button: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
398
+ $goa-app-header-typography-menu-button-mobile: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
399
+ $goa-app-header-typography-nav-item: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
400
+ $goa-app-header-typography-menu-item: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
401
+ $goa-app-header-typography-link-item: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
402
+ $goa-app-header-typography-service-name: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
403
+ $goa-app-header-typography-service-name-mobile: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
404
+ $goa-app-header-height-nav-item: 4rem;
405
+ $goa-app-header-height-nav-item-mobile: 50px;
406
+ $goa-app-header-nav-color-bg-link-item: transparent;
407
+ $goa-app-header-nav-color-bg-link-item-hover: transparent;
408
+ $goa-app-header-nav-color-bg-link-item-focus: transparent;
409
+ $goa-app-header-nav-color-bg-link-item-in-menu: transparent;
410
+ $goa-app-header-nav-color-bg-link-item-in-menu-focus: #f1f1f1;
411
+ $goa-hero-banner-padding: 3rem 0;
412
+ $goa-hero-banner-mobile-padding: 2rem 0;
413
+ $goa-hero-banner-content-gap: 1.5rem 0 0;
414
+ $goa-hero-banner-heading: 700 3rem/3.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
415
+ $goa-hero-banner-content: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
416
+ $goa-icon-button-default-color: #0070c4;
417
+ $goa-icon-button-default-hover-color: #004f84;
418
+ $goa-icon-button-default-focus-color: #004f84;
419
+ $goa-icon-button-default-hover-color-bg: #f1f1f1;
420
+ $goa-icon-button-default-disabled-color: #80b7e1;
421
+ $goa-icon-button-light-color: #ffffff;
422
+ $goa-icon-button-light-hover-color-bg: #666666;
423
+ $goa-icon-button-light-disabled-color: #949494;
424
+ $goa-icon-button-dark-color: #333333;
425
+ $goa-icon-button-dark-hover-color-bg: #f1f1f1;
426
+ $goa-icon-button-dark-disabled-color-bg: #949494;
427
+ $goa-icon-button-destructive-color: #da291c;
428
+ $goa-icon-button-destructive-hover-color-bg: #fbd1ce;
429
+ $goa-icon-button-destructive-disabled-color: #f58185;
430
+ $goa-icon-button-large-border-radius: 0.5rem;
431
+ $goa-icon-button-medium-border-radius: 0.25rem;
432
+ $goa-icon-button-large-padding: 0.5rem;
433
+ $goa-icon-button-medium-padding: 0.25rem;
434
+ $goa-text-input-border: inset 0 0 0 1px #666666;
435
+ $goa-text-input-border-disabled: inset 0 0 0 1px #dcdcdc;
436
+ $goa-text-input-border-error: inset 0 0 0 2px #ec040b;
437
+ $goa-text-input-border-focus: 0 0 0 3px #feba35;
438
+ $goa-text-input-border-hover: inset 0 0 0 2px #004f84;
439
+ $goa-text-input-border-radius: 0.25rem;
440
+ $goa-text-input-color-bg: #ffffff;
441
+ $goa-text-input-color-bg-disabled: #f1f1f1;
442
+ $goa-text-input-color-icon-disabled: #949494;
443
+ $goa-text-input-color-text: #333333;
444
+ $goa-text-input-color-text-disabled: #666666;
445
+ $goa-text-input-color-text-placeholder: #666666;
446
+ $goa-text-input-lt-content-color-bg: #f1f1f1;
447
+ $goa-text-input-lt-content-color-text: #333333;
448
+ $goa-text-input-padding: 7px 0.75rem 9px;
449
+ $goa-text-input-padding-lr: 0.75rem;
450
+ $goa-text-input-space-btw-icon-text: 0.5rem;
451
+ $goa-text-input-size-icon: 1.5rem;
452
+ $goa-text-input-color-icon: #333333;
453
+ $goa-text-input-transition: box-shadow 0.05s ease-in;
454
+ $goa-text-input-typography: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
455
+ $goa-microsite-header-alpha-badge-color: #f9ce2d;
456
+ $goa-microsite-header-alpha-badge-color-text: #333333;
457
+ $goa-microsite-header-beta-badge-color: #0081a2;
458
+ $goa-microsite-header-beta-badge-color-text: #ffffff;
459
+ $goa-microsite-header-color-bg: #f1f1f1;
460
+ $goa-microsite-header-color-links: #0070c4;
461
+ $goa-microsite-header-color-links-hover: #004f84;
462
+ $goa-microsite-header-color-version-number: #666666;
463
+ $goa-microsite-header-gap: 1rem;
464
+ $goa-microsite-header-link-focus-border: 3px solid #feba35;
465
+ $goa-microsite-header-padding-large-screen: 0.25rem 4rem;
466
+ $goa-microsite-header-padding-medium-screen: 0.25rem 2rem;
467
+ $goa-microsite-header-padding-small-screen: 0.25rem 1rem;
468
+ $goa-microsite-header-typography: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
469
+ $goa-microsite-header-typography-version-number: 0.75rem;
470
+ $goa-modal-border-radius: 0.25rem;
471
+ $goa-modal-callout-bar-padding: 2rem;
472
+ $goa-modal-callout-bar-padding-small-screen: 0.75rem 0.75rem 0.75rem 1.5rem;
473
+ $goa-modal-content-gap: 1.5rem;
474
+ $goa-modal-content-gap-small-screen: 1rem;
475
+ $goa-modal-header-typography: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
476
+ $goa-modal-overlay-color: #333333;
477
+ $goa-modal-padding: 2rem;
478
+ $goa-modal-padding-small-screen: 1.5rem;
479
+ $goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
480
+ $goa-modal-overlay-opacity: 50%;
481
+ $goa-notification-banner-emergency-color-bg: #da291c;
482
+ $goa-notification-banner-emergency-color-icon: #ffffff;
483
+ $goa-notification-banner-emergency-color-text: #ffffff;
484
+ $goa-notification-banner-event-color-bg: #004a8f;
485
+ $goa-notification-banner-event-color-icon: #ffffff;
486
+ $goa-notification-banner-event-color-text: #ffffff;
487
+ $goa-notification-banner-gap: 1rem;
488
+ $goa-notification-banner-important-color-bg: #f9ce2d;
489
+ $goa-notification-banner-important-color-icon: #333333;
490
+ $goa-notification-banner-important-color-text: #333333;
491
+ $goa-notification-banner-information-color-bg: #004a8f;
492
+ $goa-notification-banner-information-color-icon: #ffffff;
493
+ $goa-notification-banner-information-color-text: #ffffff;
494
+ $goa-notification-banner-padding-lr-large-screen: 4rem;
495
+ $goa-notification-banner-padding-lr-medium-screen: 1.5rem;
496
+ $goa-notification-banner-padding-lr-small-screen: 1rem;
497
+ $goa-notification-banner-padding-tb: 1.5rem;
498
+ $goa-notification-banner-size-icon: 1.5rem;
499
+ $goa-notification-banner-text-size: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
500
+ $goa-notification-banner-custom-color-bg: #004a8f;
501
+ $goa-notification-banner-custom-color-icon: #ffffff;
502
+ $goa-notification-banner-custom-color-text: #ffffff;
503
+ $goa-popover-border-focus: 3px solid #feba35;
504
+ $goa-popover-border-radius: 0.25rem;
505
+ $goa-popover-color-bg: #ffffff;
506
+ $goa-popover-padding: 0.75rem;
507
+ $goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
508
+ $goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
509
+ $goa-circular-progress-large-margin-top: 2rem;
510
+ $goa-circular-progress-large-text: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
511
+ $goa-circular-progress-small-margin-top: 1.5rem;
512
+ $goa-circular-progress-small-text: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
513
+ $goa-radio-border: 1px solid #666666;
514
+ $goa-radio-border-checked: 7px solid #0070c4;
515
+ $goa-radio-border-checked-disabled: 7px solid #80b7e1;
516
+ $goa-radio-border-checked-error: 7px solid #ec040b;
517
+ $goa-radio-border-checked-error-disabled: 7px solid #f58185;
518
+ $goa-radio-border-checked-error-hover: 7px solid #ba0000;
519
+ $goa-radio-border-checked-hover: 7px solid #004f84;
520
+ $goa-radio-border-disabled: 1px solid #adadad;
521
+ $goa-radio-border-error: 2px solid #ec040b;
522
+ $goa-radio-border-error-disabled: 2px solid #f58185;
523
+ $goa-radio-border-error-hover: 2px solid #ba0000;
524
+ $goa-radio-border-focus: 3px solid #feba35;
525
+ $goa-radio-border-hover: 2px solid #004f84;
526
+ $goa-radio-color-bg: #ffffff;
527
+ $goa-radio-description: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
528
+ $goa-radio-group-gap-horizontal: 1.5rem;
529
+ $goa-radio-group-gap-vertical: 1rem;
530
+ $goa-radio-label: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
531
+ $goa-radio-label-color-disabled: #949494;
532
+ $goa-radio-size: 1.5rem;
533
+ $goa-radio-border-radius: 50%;
534
+ $goa-scrollable-padding-desktop: 2rem;
535
+ $goa-scrollable-padding-mobile: 1.5rem;
536
+ $goa-side-menu-border-right: 1px solid #dcdcdc;
537
+ $goa-side-menu-color-bg: #ffffff;
538
+ $goa-side-menu-color-bg-menu-item-current: #cedfee;
539
+ $goa-side-menu-color-bg-menu-item-hover: #cedfee;
540
+ $goa-side-menu-color-menu-item: #333333;
541
+ $goa-side-menu-heading-border: 2px solid #dcdcdc;
542
+ $goa-side-menu-heading-color: #666666;
543
+ $goa-side-menu-heading-color-bg: #f1f1f1;
544
+ $goa-side-menu-heading-icon-gap: 0.5rem;
545
+ $goa-side-menu-child-margin: 1rem;
546
+ $goa-side-menu-heading-margin: 0rem 0 0 0;
547
+ $goa-side-menu-heading-padding: 0.75rem 0.75rem 0.5rem 1.5rem;
548
+ $goa-side-menu-heading-typography: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
549
+ $goa-side-menu-icon-color: #666666;
550
+ $goa-side-menu-icon-size: 1.5rem;
551
+ $goa-side-menu-items-gap: 0rem;
552
+ $goa-side-menu-heading-gap: 0.5rem;
553
+ $goa-side-menu-item-focus-border: 3px solid #feba35;
554
+ $goa-side-menu-padding: 1rem 0rem 1.5rem 0rem;
555
+ $goa-side-menu-padding-item: 0.5rem 0.75rem 10px 2rem;
556
+ $goa-side-menu-padding-child: 0.5rem 0.75rem 10px 1rem;
557
+ $goa-side-menu-parent-color-bg-hover: #cedfee;
558
+ $goa-side-menu-parent-color-bg-selected: #cedfee;
559
+ $goa-side-menu-parent-padding: 0.5rem 0.75rem 10px 2rem;
560
+ $goa-side-menu-sub-group-padding: 0rem 0rem 0rem 0rem;
561
+ $goa-side-menu-sub-item-border-left: 4px solid #f1f1f1;
562
+ $goa-side-menu-sub-item-border-left-hover: 4px solid #dcdcdc;
563
+ $goa-side-menu-sub-item-border-left-current: 4px solid #80b7e1;
564
+ $goa-side-menu-sub-item-color-bg: none;
565
+ $goa-side-menu-sub-item-color-bg-current: #eff8ff;
566
+ $goa-side-menu-sub-item-color-bg-hover: #eff8ff;
567
+ $goa-side-menu-width: 256px;
568
+ $goa-side-menu-group-border-radius: 0;
569
+ $goa-side-menu-group-color-bg: #ffffff;
570
+ $goa-side-menu-group-padding: 0rem;
571
+ $goa-side-menu-child-border-left: 4px solid #f1f1f1;
572
+ $goa-side-menu-child-border-left-hover: 4px solid #dcdcdc;
573
+ $goa-side-menu-child-border-left-selected: 4px solid #80b7e1;
574
+ $goa-side-menu-child-color-bg: none;
575
+ $goa-side-menu-child-color-bg-hover: #eff8ff;
576
+ $goa-side-menu-child-color-bg-selected: #eff8ff;
577
+ $goa-side-menu-child-color-text-selected: #333333;
578
+ $goa-side-menu-typography-item: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
579
+ $goa-side-menu-typography-item-current: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
580
+ $goa-side-menu-child-border-width: 4px;
581
+ $goa-skeleton-loading-color-bg: #f1f1f1;
582
+ $goa-table-color-heading: #666666;
583
+ $goa-table-color-border-heading: #858585;
584
+ $goa-goa-table-header-padding: 1rem;
585
+ $goa-tab-border-focus: 3px solid #feba35;
586
+ $goa-tab-border-hover: 4px solid #dcdcdc;
587
+ $goa-tab-border-not-selected: 4px solid transparent;
588
+ $goa-tab-border-selected: 4px solid #0070c4;
589
+ $goa-tab-color-bg-selected: transparent;
590
+ $goa-tab-color-bg-selected-small-screen: #eff8ff;
591
+ $goa-tab-padding: 0.5rem 1rem;
592
+ $goa-tab-padding-mobile: 6px 1rem;
593
+ $goa-tab-text-color: #333333;
594
+ $goa-tab-typography: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
595
+ $goa-tab-typography-selected: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
596
+ $goa-tabs-bottom-border: 1px solid #dcdcdc;
597
+ $goa-tabs-gap: 2rem;
598
+ $goa-tabs-gap-small-screen: 0.25rem;
599
+ $goa-text-area-border: inset 0 0 0 1px #666666;
600
+ $goa-text-area-border-disabled: inset 0 0 0 1px #dcdcdc;
601
+ $goa-text-area-border-error: inset 0 0 0 2px #ec040b;
602
+ $goa-text-area-border-focus: 0 0 0 3px #feba35;
603
+ $goa-text-area-border-hover: inset 0 0 0 2px #004f84;
604
+ $goa-text-area-border-radius: 0.25rem;
605
+ $goa-text-area-color-bg: #ffffff;
606
+ $goa-text-area-color-bg-disabled: #f1f1f1;
607
+ $goa-text-area-color-text: #333333;
608
+ $goa-text-area-color-text-counter: #333333;
609
+ $goa-text-area-color-text-counter-error: #ec040b;
610
+ $goa-text-area-color-text-disabled: #666666;
611
+ $goa-text-area-color-text-placeholder: #666666;
612
+ $goa-text-area-padding: 0.625rem 0.75rem;
613
+ $goa-text-area-typography: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
614
+ $goa-text-area-typography-counter: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
615
+ $goa-tooltip-border-focus: 3px solid #feba35;
616
+ $goa-tooltip-border-radius: 0.25rem;
617
+ $goa-tooltip-color-bg: #666666;
618
+ $goa-tooltip-color-text: #ffffff;
619
+ $goa-tooltip-gap: 0.25rem;
620
+ $goa-tooltip-max-width: 400px;
621
+ $goa-tooltip-padding: 6px 1rem 10px 1rem;
622
+ $goa-tooltip-text-size: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
623
+ $goa-color-interactive-default: #0070c4;
624
+ $goa-color-interactive-hover: #004f84;
625
+ $goa-color-interactive-disabled: #80b7e1;
626
+ $goa-color-interactive-error: #ec040b;
627
+ $goa-color-interactive-error-hover: #ba0000;
628
+ $goa-color-interactive-error-disabled: #f58185;
629
+ $goa-color-interactive-focus: #feba35;
630
+ $goa-color-interactive-focus-black: #000000;
631
+ $goa-color-interactive-visited: #756693;
632
+ $goa-color-brand-default: #0081a2;
633
+ $goa-color-brand-dark: #005072;
634
+ $goa-color-brand-light: #c8eefa;
635
+ $goa-color-text-default: #333333;
636
+ $goa-color-text-secondary: #666666;
637
+ $goa-color-text-light: #ffffff;
638
+ $goa-color-text-disabled: #666666;
639
+ $goa-color-info-default: #004a8f;
640
+ $goa-color-info-light: #aac9e7;
641
+ $goa-color-info-dark: #003b70;
642
+ $goa-color-info-background: #eff8ff;
643
+ $goa-color-warning-default: #f9ce2d;
644
+ $goa-color-warning-light: #ffeab6;
645
+ $goa-color-warning-dark: #bf8d23;
646
+ $goa-color-warning-background: #fff6e5;
647
+ $goa-color-emergency-default: #da291c;
648
+ $goa-color-emergency-light: #fbd1ce;
649
+ $goa-color-emergency-dark: #a91a10;
650
+ $goa-color-emergency-background: #fff6f6;
651
+ $goa-color-success-default: #006f4c;
652
+ $goa-color-success-light: #cce4dc;
653
+ $goa-color-success-dark: #00563a;
654
+ $goa-color-success-background: #f2fffa;
655
+ $goa-color-critical-default: #171d23;
656
+ $goa-color-greyscale-50: #f8f8f8;
657
+ $goa-color-greyscale-100: #f1f1f1;
658
+ $goa-color-greyscale-150: #e7e7e7;
659
+ $goa-color-greyscale-200: #dcdcdc;
660
+ $goa-color-greyscale-300: #c2c2c2;
661
+ $goa-color-greyscale-400: #adadad;
662
+ $goa-color-greyscale-500: #949494;
663
+ $goa-color-greyscale-600: #858585;
664
+ $goa-color-greyscale-700: #666666;
665
+ $goa-color-greyscale-800: #5c5c5c;
666
+ $goa-color-greyscale-900: #474747;
667
+ $goa-color-greyscale-black: #333333;
668
+ $goa-color-greyscale-white: #ffffff;
669
+ $goa-color-extended-light-aqua: #dcfbf8;
670
+ $goa-color-extended-light-blue: #ddefff;
671
+ $goa-color-extended-light-green: #cce2d9;
672
+ $goa-color-extended-light-orange: #fcd6c3;
673
+ $goa-color-extended-light-pink: #f9e1eb;
674
+ $goa-color-extended-light-red: #f4cdc6;
675
+ $goa-color-extended-light-violet: #efe2fb;
676
+ $goa-color-extended-light-yellow: #fff7bf;
677
+ $goa-color-extended-aqua: #7febe6;
678
+ $goa-color-extended-blue: #aac9e7;
679
+ $goa-color-extended-green: #bbfcb4;
680
+ $goa-color-extended-orange: #ffc76d;
681
+ $goa-color-extended-pink: #ff8fc5;
682
+ $goa-color-extended-red: #ed948d;
683
+ $goa-color-extended-violet: #d4c2ff;
684
+ $goa-color-extended-yellow: #fce796;
685
+ $goa-opacity-background-modal: 50%;
686
+ $goa-opacity-background-loading: 90%;
687
+ $goa-border-radius-none: 0;
688
+ $goa-border-radius-s: 0.125rem;
689
+ $goa-border-radius-m: 0.25rem;
690
+ $goa-border-radius-l: 0.375rem;
691
+ $goa-border-radius-xl: 0.5rem;
692
+ $goa-border-radius-2xl: 0.625rem;
693
+ $goa-border-radius-3xl: 0.75rem;
694
+ $goa-border-width-none: 0px;
695
+ $goa-border-width-2xs: 0.5px;
696
+ $goa-border-width-xs: 0.7px;
697
+ $goa-border-width-s: 1px;
698
+ $goa-border-width-m: 2px;
699
+ $goa-border-width-l: 3px;
700
+ $goa-border-width-xl: 4px;
701
+ $goa-space-none: 0rem;
702
+ $goa-space-3xs: 0.125rem;
703
+ $goa-space-2xs: 0.25rem;
704
+ $goa-space-xs: 0.5rem;
705
+ $goa-space-s: 0.75rem;
706
+ $goa-space-m: 1rem;
707
+ $goa-space-l: 1.5rem;
708
+ $goa-space-xl: 2rem;
709
+ $goa-space-2xl: 3rem;
710
+ $goa-space-3xl: 4rem;
711
+ $goa-space-4xl: 8rem;
712
+ $goa-space-fill: 100%;
713
+ $goa-icon-size-1: 1rem;
714
+ $goa-icon-size-2: 1.125rem;
715
+ $goa-icon-size-3: 1.25rem;
716
+ $goa-icon-size-4: 1.5rem;
717
+ $goa-icon-size-5: 2rem;
718
+ $goa-icon-size-6: 2.5rem;
719
+ $goa-icon-size-s: 1rem;
720
+ $goa-icon-size-m: 1.25rem;
721
+ $goa-icon-size-l: 1.5rem;
722
+ $goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;
723
+ $goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;
724
+ $goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;
725
+ $goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;
726
+ $goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;
727
+ $goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;
728
+ $goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;
729
+ $goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,0.16);
730
+ $goa-line-height-1: 1.25rem;
731
+ $goa-line-height-2: 1.5rem;
732
+ $goa-line-height-3: 1.75rem;
733
+ $goa-line-height-4: 2rem;
734
+ $goa-line-height-5: 2.5rem;
735
+ $goa-line-height-6: 2.75rem;
736
+ $goa-line-height-7: 3.5rem;
737
+ $goa-line-height-05: 1.125rem;
738
+ $goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
739
+ $goa-font-family-number: roboto-mono, monospace;
740
+ $goa-font-size-1: 0.75rem;
741
+ $goa-font-size-2: 0.875rem;
742
+ $goa-font-size-3: 1rem;
743
+ $goa-font-size-4: 1.125rem;
744
+ $goa-font-size-5: 1.25rem;
745
+ $goa-font-size-6: 1.375rem;
746
+ $goa-font-size-7: 1.5rem;
747
+ $goa-font-size-8: 2rem;
748
+ $goa-font-size-9: 2.25rem;
749
+ $goa-font-size-10: 3rem;
750
+ $goa-font-weight-regular: 400;
751
+ $goa-font-weight-medium: 500;
752
+ $goa-font-weight-bold: 700;
753
+ $goa-typography-heading-xs: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
754
+ $goa-typography-heading-s: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
755
+ $goa-typography-heading-m: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
756
+ $goa-typography-heading-l: 400 2.25rem/2.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
757
+ $goa-typography-heading-xl: 700 3rem/3.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
758
+ $goa-typography-body-xs: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
759
+ $goa-typography-body-s: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
760
+ $goa-typography-body-m: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
761
+ $goa-typography-body-l: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
762
+ $goa-typography-number-s: 500 1rem/1.5rem roboto-mono, monospace;
763
+ $goa-typography-number-m: 500 1.125rem/1.75rem roboto-mono, monospace;
764
+ $goa-typography-number-l: 500 1.5rem/2rem roboto-mono, monospace;
765
+ $goa-typography-mobile-heading-xs: 700 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
766
+ $goa-typography-mobile-heading-s: 700 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
767
+ $goa-typography-mobile-heading-m: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
768
+ $goa-typography-mobile-heading-l: 400 2rem/2.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
769
+ $goa-typography-mobile-heading-xl: 700 2.25rem/2.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
770
+ $goa-typography-mobile-body-xs: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
771
+ $goa-typography-mobile-body-s: 400 1rem/1.5rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
772
+ $goa-typography-mobile-body-m: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
773
+ $goa-typography-mobile-body-l: 400 1.375rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
774
+ $goa-typography-mobile-number-s: 500 1rem/1.5rem roboto-mono, monospace;
775
+ $goa-typography-mobile-number-m: 500 1.125rem/1.75rem roboto-mono, monospace;
776
+ $goa-typography-mobile-number-l: 500 1.375rem/2rem roboto-mono, monospace;
777
+ $goa-border-none: 0px solid rgba(0,0,0,0);