@abgov/design-tokens
Version:
```bash npm i --save-dev @abgov/design-tokens ```
781 lines (780 loc) • 93.2 kB
CSS
/**
* Do not edit directly
* Generated on Tue, 12 May 2026 20:39:31 GMT
*/
:root {
--goa-motion-duration-long-4: 20000ms;
--goa-motion-duration-long-3: 1000ms;
--goa-motion-duration-long-2: 500ms;
--goa-motion-duration-long-1: 400ms;
--goa-motion-duration-medium-3: 350ms;
--goa-motion-duration-medium-2: 300ms;
--goa-motion-duration-medium-1: 250ms;
--goa-motion-duration-short-4: 180ms;
--goa-motion-duration-short-3: 100ms;
--goa-motion-duration-short-2: 70ms;
--goa-motion-duration-short-1: 15ms;
--goa-motion-curve-expressive-transform: cubic-bezier(0.42, 0, 0.58, 1);
--goa-motion-curve-expressive-reveal: cubic-bezier(0.7, 0, 0.25, 1);
--goa-motion-curve-expressive-exit: cubic-bezier(0.42, 0, 1, 1);
--goa-motion-curve-productive: cubic-bezier(0, 0, 1, 1);
--goa-motion-curve-expressive: cubic-bezier(0, 0, 0.58, 1);
--goa-translate-move-out: translateY(-12px);
--goa-translate-move-in: translateY(12px);
--goa-translate-default: translateY(0);
--goa-input-color-background-error-hover: #f4c8c5;
--goa-input-color-border-readonly: #e1dedd;
--goa-letter-spacing-mobile-2xl: -0.09375rem;
--goa-letter-spacing-mobile-xl: -0.09375rem;
--goa-letter-spacing-mobile-l: -0.078125rem;
--goa-letter-spacing-mobile-m: -0.0625rem;
--goa-letter-spacing-mobile-s: -0.046875rem;
--goa-letter-spacing-mobile-xs: -0.046875rem;
--goa-letter-spacing-mobile-2xs: -0.03125rem;
--goa-letter-spacing-mobile-3xs: -0.03125rem;
--goa-letter-spacing-2xl: -0.09375rem;
--goa-letter-spacing-xl: -0.09375rem;
--goa-letter-spacing-l: -0.078125rem;
--goa-letter-spacing-m: -0.0625rem;
--goa-letter-spacing-s: -0.046875rem;
--goa-letter-spacing-xs: -0.046875rem;
--goa-letter-spacing-2xs: -0.03125rem;
--goa-letter-spacing-3xs: -0.03125rem;
--goa-font-weight-bold: 700;
--goa-font-weight-semi-bold: 600;
--goa-font-weight-medium: 500;
--goa-font-weight-regular: 400;
--goa-font-size-05: 1.125rem;
--goa-font-size-10: 3rem;
--goa-font-size-9: 2.5rem;
--goa-font-size-8: 2rem;
--goa-font-size-7: 1.75rem;
--goa-font-size-6: 1.5rem;
--goa-font-size-5: 1.25rem;
--goa-font-size-4: 1.125rem;
--goa-font-size-3: 1rem;
--goa-font-size-2: 0.875rem;
--goa-font-size-1: 0.75rem;
--goa-font-variation-settings-sans: 'wght' 194.2857, 'wdth' 100, 'slnt' 0;
--goa-font-family-number: roboto-mono, monospace;
--goa-font-family-sans: acumin-variable, helvetica-neue, arial, sans-serif;
--goa-line-height-05: 1.125rem;
--goa-line-height-8: 3.5rem;
--goa-line-height-7: 3rem;
--goa-line-height-6: 2.5rem;
--goa-line-height-5: 2.25rem;
--goa-line-height-4: 1.75rem;
--goa-line-height-3: 1.5rem;
--goa-line-height-2: 1.375rem;
--goa-line-height-1: 1.25rem;
--goa-shadow-shallow-below: 0px 1px 8px 0px rgba(0,0,0,0.07);
--goa-shadow-shallow-above: 0px -2px 16px 0px rgba(0,0,0,0.1);
--goa-shadow-raised-heavy: 0px 0px 1px 0px rgba(0,0,0,0.2), 0px 16px 32px -20px rgba(0,0,0,0.22);
--goa-shadow-raised-light: 0px 12px 16px -4px rgba(16,29,40,0.08), 0px 4px 6px -2px rgba(16,29,40,0.03);
--goa-shadow-modal: 0px 0px 4px 0px rgba(0,0,0,0.1), 0px 8px 40px 0px rgba(0,0,0,0.2);
--goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;
--goa-shadow-500: 0px 12px 20px -8px #1a1a1a3d;
--goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;
--goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;
--goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;
--goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;
--goa-shadow-100: 0px 1px 0px 0px #1a1a1a12;
--goa-icon-size-xl: 2rem;
--goa-icon-size-l: 1.5rem;
--goa-icon-size-m: 1.25rem;
--goa-icon-size-s: 1.125rem;
--goa-icon-size-xs: 1rem;
--goa-icon-size-6: 2.5rem;
--goa-icon-size-5: 2rem;
--goa-icon-size-4: 1.5rem;
--goa-icon-size-3: 1.25rem;
--goa-icon-size-2: 1.125rem;
--goa-icon-size-1: 1rem;
--goa-space-fill: 100%;
--goa-space-4xl: 8rem;
--goa-space-3xl: 4rem;
--goa-space-2xl: 3rem;
--goa-space-xl: 2rem;
--goa-space-l: 1.5rem;
--goa-space-m: 1rem;
--goa-space-s: 0.75rem;
--goa-space-xs: 0.5rem;
--goa-space-2xs: 0.25rem;
--goa-space-3xs: 0.125rem;
--goa-space-none: 0rem;
--goa-border-width-xl: 3px;
--goa-border-width-l: 2px;
--goa-border-width-m: 1.5px;
--goa-border-width-s: 1px;
--goa-border-width-xs: 0.7px;
--goa-border-width-2xs: 0.5px;
--goa-border-width-none: 0px;
--goa-border-radius-round: 64rem;
--goa-border-radius-3xl: 1.5rem;
--goa-border-radius-2xl: 1rem;
--goa-border-radius-xl: 0.75rem;
--goa-border-radius-l: 0.625rem;
--goa-border-radius-m: 0.5rem;
--goa-border-radius-s: 0.375rem;
--goa-border-radius-xs: 0.25rem;
--goa-border-radius-none: 0;
--goa-opacity-background-loading: 90%;
--goa-opacity-background-modal: 50%;
--goa-opacity-page-full: 100%;
--goa-opacity-page-transparent: 0;
--goa-color-extended-prairie-text-dark: #47372a;
--goa-color-extended-prairie-text: #47372a;
--goa-color-extended-prairie-border: #ecd386;
--goa-color-extended-prairie-light: #fff2c8;
--goa-color-extended-prairie-default: #ffda77;
--goa-color-extended-lilac-text-dark: #151d83;
--goa-color-extended-lilac-text: #151d83;
--goa-color-extended-lilac-border: #e2d2fd;
--goa-color-extended-lilac-light: #efe2fb;
--goa-color-extended-lilac-default: #d4c2ff;
--goa-color-extended-dawn-text-dark: #310c46;
--goa-color-extended-dawn-text: #310c46;
--goa-color-extended-dawn-border: #e9b8d5;
--goa-color-extended-dawn-light: #f4cde4;
--goa-color-extended-dawn-default: #ff9ac1;
--goa-color-extended-sunset-text-dark: #7a141a;
--goa-color-extended-sunset-text: #7a141a;
--goa-color-extended-sunset-border: #f5ddad;
--goa-color-extended-sunset-light: #fcefd5;
--goa-color-extended-sunset-default: #f7ac71;
--goa-color-extended-pasture-text-dark: #174c38;
--goa-color-extended-pasture-text: #174c38;
--goa-color-extended-pasture-border: #dee563;
--goa-color-extended-pasture-light: #f0f59b;
--goa-color-extended-pasture-default: #afe274;
--goa-color-extended-sky-text-dark: #093937;
--goa-color-extended-sky-text: #093937;
--goa-color-extended-sky-border: #bff0ee;
--goa-color-extended-sky-light: #e2f9f8;
--goa-color-extended-sky-default: #90ebe7;
--goa-color-static-white: #ffffff;
--goa-color-surface-item-hover: #f2f0f0;
--goa-color-surface-heading-hover: #e9e9e9;
--goa-color-surface-widget-hover: #f8f8f8;
--goa-color-surface-card-hover: #f8f8f8;
--goa-color-surface-app-header: #ffffff;
--goa-color-surface-popover: #ffffff;
--goa-color-surface-container-heading: #f2f0f0;
--goa-color-surface-table-data: #ffffff;
--goa-color-surface-400: #f8f8f8;
--goa-color-surface-350: #f2f0f0;
--goa-color-surface-300: #ffffff;
--goa-color-surface-250: #f2f0f0;
--goa-color-surface-200: #f8f8f8;
--goa-color-surface-150: #f8f8f8;
--goa-color-surface-100: #ffffff;
--goa-color-surface-50: #ffffff;
--goa-color-surface-0: #f8f8f8;
--goa-color-greyscale-white: #ffffff;
--goa-color-greyscale-black: #000000;
--goa-color-greyscale-800: #353535;
--goa-color-greyscale-700: #4d4d4d;
--goa-color-greyscale-600: #6f6f6f;
--goa-color-greyscale-500: #808080;
--goa-color-greyscale-400: #9f9f9f;
--goa-color-greyscale-300: #b1b1b1;
--goa-color-greyscale-200: #cdcdcd;
--goa-color-greyscale-150: #e9e9e9;
--goa-color-greyscale-100: #f2f0f0;
--goa-color-greyscale-50: #f8f8f8;
--goa-color-critical-default: #171d23;
--goa-color-success-text-inverse: #edfcf0;
--goa-color-success-text-dark: #355147;
--goa-color-success-text: #3a8050;
--goa-color-success-border: #c4e3d2;
--goa-color-success-background: #f4fff6;
--goa-color-success-dark: #00563a;
--goa-color-success-light: #d8f7e6;
--goa-color-success-default: #006f4c;
--goa-color-emergency-text-inverse: #fff6f6;
--goa-color-emergency-text-dark: #8e1515;
--goa-color-emergency-text: #a91a10;
--goa-color-emergency-border: #eeaea5;
--goa-color-emergency-background: #fff6f6;
--goa-color-emergency-dark: #a91a10;
--goa-color-emergency-light: #fdded9;
--goa-color-emergency-default: #da291c;
--goa-color-important-text-dark: #4d3700;
--goa-color-important-text: #8d6500;
--goa-color-important-border: #fde3a1;
--goa-color-important-background: #fde3a1;
--goa-color-important-dark: #c28900;
--goa-color-important-light: #fef2c8;
--goa-color-important-default: #f9ce2d;
--goa-color-warning-text-dark: #4d3700;
--goa-color-warning-text: #8d6500;
--goa-color-warning-border: #fde3a1;
--goa-color-warning-background: #fff6e5;
--goa-color-warning-dark: #c28900;
--goa-color-warning-light: #fef2c8;
--goa-color-warning-default: #f9ce2d;
--goa-color-info-text-inverse: #ebf8ff;
--goa-color-info-text-dark: #00527c;
--goa-color-info-text: #0077ad;
--goa-color-info-border: #cbeaf7;
--goa-color-info-background: #f4fdff;
--goa-color-info-dark: #004a8f;
--goa-color-info-light: #ebf8ff;
--goa-color-info-default: #0077ad;
--goa-color-brand-light: #c8eefa;
--goa-color-brand-dark: #005072;
--goa-color-brand-default: #0081a2;
--goa-color-interactive-visited: #756693;
--goa-color-interactive-focus-black: #000000;
--goa-color-interactive-focus: #006dcc;
--goa-color-interactive-error-disabled: #f58185;
--goa-color-interactive-error-hover: #ba0000;
--goa-color-interactive-error: #ec040b;
--goa-color-interactive-secondary-hover: #c5ddf6;
--goa-color-interactive-hover: #045092;
--goa-color-interactive-secondary: #e0f1ff;
--goa-color-interactive-default: #006dcc;
--goa-work-side-menu-item-min-height: 2.5rem;
--goa-work-side-menu-item-icon-display: flex;
--goa-work-side-menu-group-item-min-height: 1.75rem;
--goa-work-side-menu-group-padding: 0 0 0 0.75rem;
--goa-work-side-menu-bottom-section-shadow-scrolled: 0 -4px 6px -4px rgba(0, 0, 0, 0.1);
--goa-work-side-menu-bottom-section-shadow: 0 -4px 6px -4px rgba(0, 0, 0, 0);
--goa-work-side-menu-top-section-shadow-scrolled: 0 4px 6px -4px rgba(0, 0, 0, 0.1);
--goa-work-side-menu-top-section-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0);
--goa-work-side-menu-logo: initial;
--goa-work-side-menu-color-bg: transparent;
--goa-work-side-menu-width-closed: 4.5rem;
--goa-work-side-menu-width-open: 17.5rem;
--goa-work-side-menu-height: 100vh;
--goa-tooltip-max-width: 400px;
--goa-temporary-notification-animation-distance: 100px;
--goa-temporary-notification-transition-duration: 0.3s;
--goa-temporary-notification-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3), 0px 16px 32px -8px rgba(0,0,0,0.35);
--goa-temporary-notification-progress-bar-height: 6px;
--goa-temporary-notification-min-width-desktop: 360px;
--goa-temporary-notification-max-width: 640px;
--goa-temporary-notification-color-bg-basic: #333333;
--goa-tab-color-bg-selected: transparent;
--goa-table-padding-cell-actions-relaxed: 14px;
--goa-table-padding-cell-actions: 7px;
--goa-table-padding-cell-badge-relaxed: 20px;
--goa-table-padding-cell-form-field-relaxed: 11px;
--goa-table-padding-cell-form-field: 3px;
--goa-table-padding-cell-checkbox-relaxed: 10px;
--goa-table-padding-cell-text-relaxed: 20px;
--goa-table-height-data-relaxed: 64px;
--goa-table-height-data: 48px;
--goa-table-height-heading-relaxed: 56px;
--goa-table-height-heading: 56px;
--goa-side-menu-heading-padding-top: 14px;
--goa-side-menu-group-container-margin-bottom: 6px;
--goa-side-menu-group-container-margin-left: 20px;
--goa-side-menu-item-focus-outline-offset: -3px;
--goa-scrollable-padding-mobile: 1.5rem;
--goa-scrollable-padding-desktop: 2rem;
--goa-radio-label-color-disabled: #bab7b7;
--goa-radio-inner-size: 16px;
--goa-radio-inner-color-error-hover: #ba0000;
--goa-radio-color-bg-error-hover: #f4c8c5;
--goa-radio-border-radius: 50%;
--goa-push-drawer-transition-time: 0.25s;
--goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
--goa-notification-banner-padding-tb-compact: 0.9375rem;
--goa-notification-banner-padding-tb: 1.4375rem;
--goa-modal-content-wrapper-padding: 0;
--goa-modal-max-width: 480px;
--goa-modal-content-margin-mobile: 0;
--goa-modal-content-margin: 0;
--goa-modal-pane-width: 90%;
--goa-modal-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1), 0px 8px 40px 0px rgba(0,0,0,0.2);
--goa-modal-content-gap-small-screen: 0;
--goa-modal-content-gap: 0;
--goa-link-color-light-visited: #9D8EBB;
--goa-link-icon-size-xsmall: 0.75rem;
--goa-link-gap-large: 0.3125rem;
--goa-link-gap-small: 0.1875rem;
--goa-link-gap-xsmall: 0.125rem;
--goa-linear-progress-percentage-width: 4ch;
--goa-text-input-height-compact: 40px;
--goa-text-input-height: 56px;
--goa-text-input-transition: box-shadow 0.05s ease-in;
--goa-app-header-nav-menu-dropdown-gap: 3px;
--goa-app-header-nav-menu-dropdown-shadow: drop-shadow(0px 12px 16px rgba(16,29,40,0.08)) drop-shadow(0px 4px 6px rgba(16,29,40,0.03));
--goa-app-header-service-phase-gap-vertical: 6px;
--goa-app-header-min-width-service-name: 13rem;
--goa-app-header-max-width-service-name: 40rem;
--goa-app-header-logo-desktop: initial;
--goa-app-header-logo-mobile: initial;
--goa-stepper-line-thickness: 4px;
--goa-step-size: 2.5rem;
--goa-step-gap-small-screen: 0px;
--goa-form-item-message-margin-top-selection-large: 1.25rem;
--goa-form-item-message-gap-compact: 0.1875rem;
--goa-form-item-label-compact-padding-bottom: 0.5625rem;
--goa-form-item-label-padding-bottom: 0.625rem;
--goa-form-item-label-large-padding-bottom: 1.375rem;
--goa-footer-meta-links-gap-small-screen: 20px;
--goa-filter-chip-min-width: 56px;
--goa-filter-chip-label-gap: 0.375rem;
--goa-filter-chip-padding-vertical: 0.3125rem;
--goa-dropdown-compact-height: 40px;
--goa-dropdown-transition: box-shadow 0.05s ease-in;
--goa-dropdown-height: 56px;
--goa-drawer-transition-time: 0.25s;
--goa-drawer-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10), 0 8px 40px 0 rgba(0, 0, 0, 0.20);
--goa-drawer-overlay-color: rgba(51, 51, 51, 0.5);
--goa-details-heading-width: fit-content;
--goa-details-text-decoration: underline;
--goa-details-padding-top: 6px;
--goa-details-content-padding-left: 19px;
--goa-details-content-margin-left: 19px;
--goa-details-color-bg-hover: transparent;
--goa-date-input-cursor: pointer;
--goa-date-input-day-color-bg: transparent;
--goa-date-input-day-size: 2.5rem;
--goa-date-input-calendar-width: 280px;
--goa-container-shadow: none;
--goa-callout-l-with-heading-body-padding: 0 1.25rem 1.25rem;
--goa-callout-body-padding: 1.25rem;
--goa-button-tertiary-text-decoration: none;
--goa-button-text-compact-disabled-text-decoration: underline;
--goa-button-text-compact-letter-spacing: 0.0125rem;
--goa-button-text-letter-spacing: 0.0125rem;
--goa-button-text-disabled-text-decoration: underline;
--goa-button-text-text-decoration: underline;
--goa-button-letter-spacing: 0.0125rem;
--goa-button-tertiary-focus-color-bg: transparent;
--goa-button-tertiary-hover-color-bg: transparent;
--goa-button-tertiary-color-bg-mobile: transparent;
--goa-button-tertiary-color-bg: transparent;
--goa-button-compact-gap: 0.375rem;
--goa-button-outline-offset: 2px;
--goa-button-height-start: 3.5rem;
--goa-button-height-compact: 2.5rem;
--goa-button-height: 3.5rem;
--goa-badge-height-large: 32px;
--goa-badge-height: 24px;
--goa-accordion-heading-m-min-height: 4rem;
--goa-accordion-heading-min-height: 3rem;
--goa-accordion-shadow: 0px 0px 0px 0px #000000;
--goa-transition-page-fade: opacity var(--goa-motion-duration-short-1) var(--goa-motion-curve-expressive);
--goa-transition-content-move-fade: opacity var(--goa-motion-duration-short-2) var(--goa-motion-curve-expressive), transform var(--goa-motion-duration-short-2) var(--goa-motion-curve-expressive);
--goa-border-none: var(--goa-border-width-none) solid rgba(0,0,0,0);
--goa-input-border-radius-input: var(--goa-border-radius-m);
--goa-input-border-radius-checkbox: var(--goa-border-radius-xs);
--goa-input-border-width-focus: var(--goa-border-width-l);
--goa-input-border-width-hover: var(--goa-border-width-m);
--goa-input-border-width-default: var(--goa-border-width-s);
--goa-input-color-background-readonly-content: var(--goa-color-greyscale-150);
--goa-input-color-background-readonly: var(--goa-color-greyscale-100);
--goa-input-color-background-error: var(--goa-color-emergency-light);
--goa-input-color-background-disabled: var(--goa-color-greyscale-150);
--goa-input-color-background-default: var(--goa-color-greyscale-white);
--goa-input-color-border-error-hover: var(--goa-color-interactive-error-hover);
--goa-input-color-border-error: var(--goa-color-interactive-error);
--goa-input-color-border-disabled: var(--goa-color-greyscale-300);
--goa-input-color-border-focus: var(--goa-color-interactive-default);
--goa-input-color-border-hover: var(--goa-color-greyscale-black);
--goa-input-color-border-default-light: var(--goa-color-greyscale-200);
--goa-input-color-border-default: var(--goa-color-greyscale-500);
--goa-input-color-text-placeholder: var(--goa-color-greyscale-400);
--goa-input-color-text-disabled: var(--goa-color-greyscale-500);
--goa-input-color-text-error: var(--goa-color-emergency-dark);
--goa-input-color-text-helper: var(--goa-color-greyscale-800);
--goa-input-color-text-secondary: var(--goa-color-greyscale-800);
--goa-typography-mobile-number-l: var(--goa-font-weight-medium) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-number);
--goa-typography-mobile-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);
--goa-typography-mobile-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);
--goa-typography-mobile-body-l: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-5) var(--goa-font-family-sans);
--goa-typography-mobile-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
--goa-typography-mobile-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-typography-mobile-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);
--goa-typography-mobile-heading-2xl-letter-spacing: var(--goa-letter-spacing-mobile-2xl);
--goa-typography-mobile-heading-2xl: var(--goa-font-weight-bold) var(--goa-font-size-9)/var(--goa-line-height-7) var(--goa-font-family-sans);
--goa-typography-mobile-heading-xl-letter-spacing: var(--goa-letter-spacing-mobile-xl);
--goa-typography-mobile-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-6) var(--goa-font-family-sans);
--goa-typography-mobile-heading-l-letter-spacing: var(--goa-letter-spacing-mobile-l);
--goa-typography-mobile-heading-l: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-6) var(--goa-font-family-sans);
--goa-typography-mobile-heading-m-letter-spacing: var(--goa-letter-spacing-mobile-m);
--goa-typography-mobile-heading-m: var(--goa-font-weight-bold) var(--goa-font-size-7)/var(--goa-line-height-5) var(--goa-font-family-sans);
--goa-typography-mobile-heading-s-letter-spacing: var(--goa-letter-spacing-mobile-s);
--goa-typography-mobile-heading-s: var(--goa-font-weight-semi-bold) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-sans);
--goa-typography-mobile-heading-xs-letter-spacing: var(--goa-letter-spacing-mobile-xs);
--goa-typography-mobile-heading-xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-5)/var(--goa-line-height-3) var(--goa-font-family-sans);
--goa-typography-mobile-heading-2xs-letter-spacing: var(--goa-letter-spacing-mobile-2xs);
--goa-typography-mobile-heading-2xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-typography-number-l: var(--goa-font-weight-medium) var(--goa-line-height-4)/var(--goa-font-size-7) var(--goa-font-family-number);
--goa-typography-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);
--goa-typography-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);
--goa-typography-body-l: var(--goa-font-weight-regular) var(--goa-font-size-6)/var(--goa-line-height-5) var(--goa-font-family-sans);
--goa-typography-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
--goa-typography-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-typography-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);
--goa-typography-heading-2xl-letter-spacing: var(--goa-letter-spacing-2xl);
--goa-typography-heading-2xl: var(--goa-font-weight-bold) var(--goa-font-size-10)/var(--goa-line-height-8) var(--goa-font-family-sans);
--goa-typography-heading-xl-letter-spacing: var(--goa-letter-spacing-xl);
--goa-typography-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-9)/var(--goa-line-height-7) var(--goa-font-family-sans);
--goa-typography-heading-l-letter-spacing: var(--goa-letter-spacing-l);
--goa-typography-heading-l: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-6) var(--goa-font-family-sans);
--goa-typography-heading-m-letter-spacing: var(--goa-letter-spacing-m);
--goa-typography-heading-m: var(--goa-font-weight-bold) var(--goa-font-size-7)/var(--goa-line-height-5) var(--goa-font-family-sans);
--goa-typography-heading-s-letter-spacing: var(--goa-letter-spacing-s);
--goa-typography-heading-s: var(--goa-font-weight-semi-bold) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-sans);
--goa-typography-heading-xs-letter-spacing: var(--goa-letter-spacing-xs);
--goa-typography-heading-xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-5)/var(--goa-line-height-3) var(--goa-font-family-sans);
--goa-typography-heading-2xs-letter-spacing: var(--goa-letter-spacing-2xs);
--goa-typography-heading-2xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-color-surface-item: var(--goa-color-surface-400);
--goa-color-surface-heading: var(--goa-color-surface-350);
--goa-color-surface-widget: var(--goa-color-surface-300);
--goa-color-surface-content-body: var(--goa-color-surface-250);
--goa-color-surface-input: var(--goa-color-surface-200);
--goa-color-surface-section: var(--goa-color-surface-150);
--goa-color-surface-card: var(--goa-color-surface-100);
--goa-color-surface-default: var(--goa-color-surface-50);
--goa-color-surface-page: var(--goa-color-surface-0);
--goa-color-text-disabled: var(--goa-color-greyscale-700);
--goa-color-text-light: var(--goa-color-greyscale-white);
--goa-color-text-secondary: var(--goa-color-greyscale-600);
--goa-color-text-default: var(--goa-color-greyscale-black);
--goa-color-interactive-disabled: var(--goa-color-greyscale-300);
--goa-work-side-menu-item-text-color: var(--goa-color-greyscale-600);
--goa-work-side-menu-item-padding: var(--goa-space-xs) var(--goa-space-xs) var(--goa-space-xs) 0.625rem;
--goa-work-side-menu-item-color-bg-hover: var(--goa-color-greyscale-100);
--goa-work-side-menu-item-color-bg-current: var(--goa-color-greyscale-100);
--goa-work-side-menu-item-border-radius: var(--goa-border-radius-m);
--goa-work-side-menu-item-badge-text-size: var(--goa-font-size-2);
--goa-work-side-menu-item-badge-success-background-color: var(--goa-color-success-default);
--goa-work-side-menu-item-badge-emergency-background-color: var(--goa-color-emergency-default);
--goa-work-side-menu-item-badge-background-color: var(--goa-color-success-default);
--goa-work-side-menu-group-item-padding: var(--goa-space-2xs) var(--goa-space-xs);
--goa-work-side-menu-group-margin: var(--goa-space-xs) 0 0.375rem 1.125rem;
--goa-work-side-menu-group-border: var(--goa-border-width-xl) solid var(--goa-color-greyscale-100);
--goa-work-side-menu-bottom-section-border-scrolled: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
--goa-work-side-menu-bottom-section-border: var(--goa-border-width-s) solid transparent;
--goa-work-side-menu-top-section-border-scrolled: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
--goa-work-side-menu-top-section-border: var(--goa-border-width-s) solid transparent;
--goa-work-side-menu-transition-duration-medium: var(--goa-motion-duration-medium-2);
--goa-work-side-menu-mobile-bg: var(--goa-color-greyscale-50);
--goa-work-side-menu-text-color: var(--goa-color-greyscale-600);
--goa-work-side-menu-popover-shadow: var(--goa-shadow-raised-light);
--goa-work-side-menu-account-bg: var(--goa-color-greyscale-white);
--goa-work-side-menu-account-shadow: var(--goa-shadow-500);
--goa-work-side-menu-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
--goa-work-side-menu-border-radius: var(--goa-border-radius-m);
--goa-tooltip-padding: var(--goa-space-m);
--goa-tooltip-gap: var(--goa-space-2xs);
--goa-tooltip-color-bg: var(--goa-color-greyscale-600);
--goa-tooltip-border-radius: var(--goa-border-radius-xl);
--goa-tooltip-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-text-area-padding-compact: var(--goa-space-s);
--goa-text-area-padding: var(--goa-space-m);
--goa-temporary-notification-progress-bar-color-fill: var(--goa-color-greyscale-white);
--goa-temporary-notification-progress-bar-color-bg: var(--goa-color-greyscale-400);
--goa-temporary-notification-progress-bar-border-radius: var(--goa-border-radius-l);
--goa-temporary-notification-icon-size: var(--goa-icon-size-xl);
--goa-temporary-notification-column-gap: var(--goa-space-s);
--goa-temporary-notification-row-gap: var(--goa-space-s);
--goa-temporary-notification-padding-with-progress: var(--goa-space-m) var(--goa-space-l) 22px var(--goa-space-l);
--goa-temporary-notification-padding-text-top: var(--goa-space-2xs);
--goa-temporary-notification-padding: var(--goa-space-m) var(--goa-space-l);
--goa-temporary-notification-border-radius: var(--goa-border-radius-l);
--goa-temporary-notification-border-width: var(--goa-border-width-s);
--goa-temporary-notification-color-border: var(--goa-color-greyscale-700);
--goa-temporary-notification-color-bg-failure: var(--goa-color-emergency-default);
--goa-temporary-notification-color-bg-success: var(--goa-color-success-default);
--goa-tabs-padding-bottom-small-screen: var(--goa-space-m);
--goa-tabs-gap-small-screen: var(--goa-space-2xs);
--goa-tabs-gap: var(--goa-space-m);
--goa-tabs-bottom-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
--goa-tab-typography-selected: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-tab-typography: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-tab-padding-mobile: var(--goa-space-2xs) var(--goa-space-s) var(--goa-space-2xs) 15px;
--goa-tab-padding: var(--goa-space-xs) var(--goa-space-2xs) 9px var(--goa-space-2xs);
--goa-tab-indicator-color-hover: var(--goa-color-greyscale-300);
--goa-tab-indicator-color-active: var(--goa-color-interactive-default);
--goa-tab-color-text-not-selected: var(--goa-color-greyscale-600);
--goa-tab-color-text-selected: var(--goa-color-interactive-default);
--goa-tab-color-bg-hover-small-screen: var(--goa-color-greyscale-50);
--goa-tab-color-bg-selected-small-screen: var(--goa-color-info-light);
--goa-tab-indicator-border-radius-small-screen: 0px var(--goa-border-radius-s) var(--goa-border-radius-s) 0px;
--goa-tab-indicator-border-radius-desktop: var(--goa-border-radius-s) var(--goa-border-radius-s) 0px 0px;
--goa-tab-indicator-width: var(--goa-border-width-xl);
--goa-tab-border-selected: var(--goa-border-width-xl) solid var(--goa-color-interactive-default);
--goa-tab-border-not-selected: var(--goa-border-width-xl) solid transparent;
--goa-tab-border-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200);
--goa-tab-border-focus: var(--goa-border-width-xl) solid var(--goa-color-interactive-focus);
--goa-table-sort-header-gap: var(--goa-space-xs);
--goa-table-padding-cell-text-supporting-relaxed: var(--goa-space-xs);
--goa-table-padding-cell-badge: var(--goa-space-s);
--goa-table-padding-cell-checkbox: var(--goa-space-3xs);
--goa-table-padding-cell-text: var(--goa-space-s);
--goa-table-padding-data-relaxed: 18px var(--goa-space-m) 18px var(--goa-space-m);
--goa-table-padding-data: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) var(--goa-space-m);
--goa-table-padding-heading-relaxed: 18px var(--goa-space-m) var(--goa-space-m) var(--goa-space-m);
--goa-table-padding-heading: 18px var(--goa-space-m) var(--goa-space-m) var(--goa-space-m);
--goa-table-border-radius-container: var(--goa-border-radius-2xl);
--goa-table-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
--goa-table-data-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
--goa-table-heading-border: var(--goa-border-width-m) solid var(--goa-color-greyscale-150);
--goa-table-color-bg-data: var(--goa-color-greyscale-white);
--goa-table-color-bg-heading: var(--goa-color-greyscale-50);
--goa-table-color-bg-heading-hover: var(--goa-color-greyscale-100);
--goa-table-color-heading-hover: var(--goa-color-interactive-hover);
--goa-table-color-heading: var(--goa-color-greyscale-600);
--goa-skeleton-loading-color-bg: var(--goa-color-greyscale-100);
--goa-side-menu-group-border-radius-open: var(--goa-border-radius-xl);
--goa-side-menu-item-border-radius: var(--goa-border-radius-l);
--goa-side-menu-group-item-typography-current: var(--goa-font-weight-bold) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);
--goa-side-menu-child-border-width: var(--goa-border-width-xl);
--goa-side-menu-typography-item-current: var(--goa-font-weight-semi-bold) 16px/22px var(--goa-font-family-sans);
--goa-side-menu-typography-item: var(--goa-font-weight-regular) 16px/22px var(--goa-font-family-sans);
--goa-side-menu-child-color-bg-selected: var(--goa-color-info-background);
--goa-side-menu-child-color-bg-hover: var(--goa-color-info-background);
--goa-side-menu-child-border-left-selected: var(--goa-border-width-xl) solid var(--goa-color-interactive-disabled);
--goa-side-menu-child-border-left-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200);
--goa-side-menu-child-border-left: var(--goa-border-width-xl) solid var(--goa-color-greyscale-100);
--goa-side-menu-group-padding: var(--goa-space-none);
--goa-side-menu-group-color-bg: var(--goa-color-greyscale-white);
--goa-side-menu-group-border-radius: var(--goa-border-radius-xl);
--goa-side-menu-parent-padding: var(--goa-space-xs) var(--goa-space-s);
--goa-side-menu-parent-color-bg-selected: var(--goa-color-greyscale-100);
--goa-side-menu-padding-child: var(--goa-space-2xs) var(--goa-space-xs);
--goa-side-menu-padding-item: var(--goa-space-xs) var(--goa-space-s);
--goa-side-menu-padding: var(--goa-space-m) var(--goa-space-xs) var(--goa-space-m) var(--goa-space-m);
--goa-side-menu-item-focus-border: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-side-menu-heading-gap: var(--goa-space-xs);
--goa-side-menu-items-gap: var(--goa-space-2xs);
--goa-side-menu-heading-padding: var(--goa-space-2xs) var(--goa-space-xs);
--goa-side-menu-heading-margin: var(--goa-space-none) 0 0 0;
--goa-side-menu-child-margin: var(--goa-space-m);
--goa-side-menu-heading-icon-gap: var(--goa-space-xs);
--goa-side-menu-heading-color-bg: var(--goa-color-greyscale-white);
--goa-side-menu-heading-color: var(--goa-color-greyscale-600);
--goa-side-menu-heading-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-100);
--goa-side-menu-color-bg-menu-item-hover: var(--goa-color-greyscale-100);
--goa-side-menu-color-bg: var(--goa-color-greyscale-white);
--goa-side-menu-border-right: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
--goa-radio-reveal-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
--goa-radio-reveal-padding: var(--goa-space-m) var(--goa-space-l);
--goa-radio-reveal-margin: var(--goa-space-2xs) 0 0 calc(var(--goa-space-s) - 1px);
--goa-radio-size: var(--goa-space-l);
--goa-radio-label-compact: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-radio-label: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
--goa-radio-inner-color-hover: var(--goa-color-interactive-hover);
--goa-radio-inner-color-error: var(--goa-color-interactive-error);
--goa-radio-inner-color: var(--goa-color-interactive-default);
--goa-radio-group-gap-vertical-compact: var(--goa-space-s);
--goa-radio-group-gap-vertical: var(--goa-space-m);
--goa-radio-group-gap-horizontal-compact: var(--goa-space-l);
--goa-radio-group-gap-horizontal: var(--goa-space-xl);
--goa-radio-gap-label-compact: var(--goa-space-xs);
--goa-radio-gap-label: var(--goa-space-s);
--goa-radio-color-bg-error: var(--goa-color-emergency-light);
--goa-radio-color-bg-disabled: var(--goa-color-greyscale-150);
--goa-radio-color-bg: var(--goa-color-greyscale-white);
--goa-radio-border-hover: var(--goa-border-width-m) solid var(--goa-color-greyscale-black);
--goa-radio-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-radio-border-error-hover: var(--goa-border-width-m) solid #ba0000;
--goa-radio-border-error-disabled: var(--goa-border-width-m) solid #f58185;
--goa-radio-border-error: var(--goa-border-width-m) solid var(--goa-color-interactive-error);
--goa-radio-border-disabled: var(--goa-border-width-s) solid #b1b1b1;
--goa-radio-border-checked-hover: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);
--goa-radio-border-checked-error-hover: var(--goa-border-width-m) solid #ba0000;
--goa-radio-border-checked-error-disabled: var(--goa-border-width-s) solid #f58185;
--goa-radio-border-checked-error: var(--goa-border-width-m) solid var(--goa-color-interactive-error);
--goa-radio-border-checked-disabled: var(--goa-border-width-s) solid var(--goa-color-interactive-disabled);
--goa-radio-border-checked: var(--goa-border-width-m) solid var(--goa-color-interactive-default);
--goa-radio-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-500);
--goa-push-drawer-padding: var(--goa-space-m);
--goa-push-drawer-actions-padding-bottom: var(--goa-space-l);
--goa-push-drawer-actions-padding-top: var(--goa-space-m);
--goa-push-drawer-content-padding-vertical: var(--goa-space-m);
--goa-push-drawer-content-padding-horizontal: var(--goa-space-l);
--goa-push-drawer-border-radius: var(--goa-border-radius-3xl);
--goa-circular-progress-small-margin-top: var(--goa-space-l);
--goa-circular-progress-large-margin-top: var(--goa-space-xl);
--goa-popover-border: var(--goa-border-width-2xs) solid var(--goa-color-greyscale-150);
--goa-popover-box-shadow: var(--goa-shadow-raised-light);
--goa-popover-padding: var(--goa-space-xs);
--goa-popover-color-bg: var(--goa-color-greyscale-white);
--goa-popover-border-radius: var(--goa-border-radius-xl);
--goa-popover-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-pagination-gap: var(--goa-space-m);
--goa-notification-banner-emergency-low-close-bg-hover: var(--goa-color-emergency-border);
--goa-notification-banner-emergency-high-close-bg-hover: var(--goa-color-emergency-dark);
--goa-notification-banner-important-low-close-bg-hover: var(--goa-color-important-border);
--goa-notification-banner-important-high-close-bg-hover: var(--goa-color-important-default);
--goa-notification-banner-information-low-close-bg-hover: var(--goa-color-info-border);
--goa-notification-banner-information-high-close-bg-hover: var(--goa-color-info-dark);
--goa-notification-banner-emergency-low-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-emergency-dark);
--goa-notification-banner-emergency-high-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-greyscale-white);
--goa-notification-banner-important-low-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-important-text-dark);
--goa-notification-banner-important-high-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-important-text-dark);
--goa-notification-banner-information-low-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-info-dark);
--goa-notification-banner-information-high-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-greyscale-white);
--goa-notification-banner-emergency-low-color-border: var(--goa-color-emergency-border);
--goa-notification-banner-emergency-low-color-icon: var(--goa-color-emergency-dark);
--goa-notification-banner-emergency-low-color-text: var(--goa-color-emergency-dark);
--goa-notification-banner-emergency-low-color-bg: var(--goa-color-emergency-light);
--goa-notification-banner-emergency-high-color-icon: var(--goa-color-greyscale-white);
--goa-notification-banner-emergency-high-color-bg: var(--goa-color-emergency-default);
--goa-notification-banner-important-low-color-border: var(--goa-color-important-border);
--goa-notification-banner-important-low-color-icon: var(--goa-color-important-text);
--goa-notification-banner-important-low-color-text: var(--goa-color-important-text);
--goa-notification-banner-important-low-color-bg: var(--goa-color-important-light);
--goa-notification-banner-important-high-color-icon: var(--goa-color-important-text-dark);
--goa-notification-banner-important-high-color-text: var(--goa-color-important-text-dark);
--goa-notification-banner-important-high-color-bg: var(--goa-color-important-default);
--goa-notification-banner-information-low-color-border: var(--goa-color-info-border);
--goa-notification-banner-information-low-color-icon: var(--goa-color-info-default);
--goa-notification-banner-information-low-color-text: var(--goa-color-info-default);
--goa-notification-banner-information-low-color-bg: var(--goa-color-info-light);
--goa-notification-banner-information-high-color-icon: var(--goa-color-greyscale-white);
--goa-notification-banner-information-high-color-bg: var(--goa-color-info-default);
--goa-notification-banner-padding-lr-large-screen-compact: var(--goa-space-2xl);
--goa-notification-banner-padding-lr-medium-screen-compact: var(--goa-space-m);
--goa-notification-banner-padding-lr-small-screen-compact: var(--goa-space-xs);
--goa-notification-banner-gap-compact: var(--goa-space-xs);
--goa-notification-banner-custom-color-icon: var(--goa-color-greyscale-white);
--goa-notification-banner-custom-color-bg: var(--goa-color-info-default);
--goa-notification-banner-size-icon: var(--goa-icon-size-4);
--goa-notification-banner-padding-lr-small-screen: var(--goa-space-m);
--goa-notification-banner-padding-lr-medium-screen: var(--goa-space-l);
--goa-notification-banner-padding-lr-large-screen: var(--goa-space-3xl);
--goa-notification-banner-information-color-icon: var(--goa-color-greyscale-white);
--goa-notification-banner-information-color-bg: var(--goa-color-info-default);
--goa-notification-banner-important-color-icon: var(--goa-color-greyscale-black);
--goa-notification-banner-important-color-bg: var(--goa-color-warning-default);
--goa-notification-banner-gap: var(--goa-space-m);
--goa-notification-banner-event-color-icon: var(--goa-color-greyscale-white);
--goa-notification-banner-event-color-bg: var(--goa-color-info-default);
--goa-notification-banner-emergency-color-icon: var(--goa-color-greyscale-white);
--goa-notification-banner-emergency-color-bg: var(--goa-color-emergency-default);
--goa-modal-callout-emergency-close-bg-hover: var(--goa-color-emergency-border);
--goa-modal-callout-important-close-bg-hover: var(--goa-color-important-border);
--goa-modal-callout-success-close-bg-hover: var(--goa-color-success-border);
--goa-modal-callout-information-close-bg-hover: var(--goa-color-info-border);
--goa-modal-callout-event-icon: var(--goa-color-info-default);
--goa-modal-callout-event-border: var(--goa-color-info-border);
--goa-modal-callout-event-bg: var(--goa-color-info-light);
--goa-modal-callout-emergency-icon: var(--goa-color-emergency-default);
--goa-modal-callout-emergency-border: var(--goa-color-emergency-border);
--goa-modal-callout-emergency-bg: var(--goa-color-emergency-background);
--goa-modal-callout-important-icon: var(--goa-color-warning-dark);
--goa-modal-callout-important-border: var(--goa-color-warning-border);
--goa-modal-callout-important-bg: var(--goa-color-warning-background);
--goa-modal-callout-success-icon: var(--goa-color-success-default);
--goa-modal-callout-success-border: var(--goa-color-success-border);
--goa-modal-callout-success-bg: var(--goa-color-success-background);
--goa-modal-callout-information-icon: var(--goa-color-info-default);
--goa-modal-callout-information-border: var(--goa-color-info-border);
--goa-modal-callout-information-bg: var(--goa-color-info-light);
--goa-modal-actions-padding-mobile: 0 var(--goa-space-m) var(--goa-space-m) var(--goa-space-m);
--goa-modal-content-padding-mobile: var(--goa-space-l) 0 var(--goa-space-xl) 0;
--goa-modal-callout-heading-padding-mobile: var(--goa-space-m);
--goa-modal-heading-padding-mobile: var(--goa-space-m);
--goa-modal-callout-heading-padding: var(--goa-space-m) var(--goa-space-l);
--goa-modal-scrollable-padding-mobile: var(--goa-space-m);
--goa-modal-scrollable-padding-desktop: var(--goa-space-l);
--goa-modal-actions-padding: 0 var(--goa-space-xl) var(--goa-space-xl) var(--goa-space-xl);
--goa-modal-content-padding: var(--goa-space-l) 0 var(--goa-space-xl) 0;
--goa-modal-heading-padding: 20px var(--goa-space-l);
--goa-modal-heading-border-bottom: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
--goa-modal-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150);
--goa-modal-color-bg: var(--goa-color-greyscale-white);
--goa-modal-overlay-opacity: var(--goa-opacity-background-modal);
--goa-modal-padding-small-screen: var(--goa-space-l);
--goa-modal-padding: var(--goa-space-xl);
--goa-modal-overlay-color: var(--goa-color-greyscale-black);
--goa-modal-header-typography: var(--goa-font-weight-semi-bold) var(--goa-font-size-4)/var(--goa-line-height-4) var(--goa-font-family-sans);
--goa-modal-callout-bar-padding-small-screen: var(--goa-space-s) var(--goa-space-s) var(--goa-space-s) var(--goa-space-l);
--goa-modal-callout-bar-padding: var(--goa-space-xl);
--goa-modal-border-radius: var(--goa-border-radius-xl);
--goa-microsite-header-typography-version-number: var(--goa-font-size-1);
--goa-microsite-header-padding-small-screen: var(--goa-space-2xs) var(--goa-space-m);
--goa-microsite-header-padding-medium-screen: var(--goa-space-2xs) var(--goa-space-xl);
--goa-microsite-header-padding-large-screen: var(--goa-space-2xs) var(--goa-space-3xl);
--goa-microsite-header-link-focus-border: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-microsite-header-gap: var(--goa-space-m);
--goa-microsite-header-color-links-hover: var(--goa-color-interactive-hover);
--goa-microsite-header-color-links: var(--goa-color-interactive-default);
--goa-microsite-header-color-bg: var(--goa-color-greyscale-100);
--goa-microsite-header-beta-badge-color: var(--goa-color-brand-default);
--goa-microsite-header-alpha-badge-color: var(--goa-color-warning-default);
--goa-link-focus-offset: var(--goa-space-3xs);
--goa-link-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-link-border-radius-focus: var(--goa-border-radius-s);
--goa-link-color-light-hover: var(--goa-color-greyscale-150);
--goa-link-color-dark-visited: var(--goa-color-interactive-visited);
--goa-link-color-dark-hover: var(--goa-color-greyscale-700);
--goa-link-color-dark-default: var(--goa-color-greyscale-black);
--goa-link-color-interactive-visited: var(--goa-color-interactive-visited);
--goa-link-color-interactive-hover: var(--goa-color-interactive-hover);
--goa-link-color-interactive-default: var(--goa-color-interactive-default);
--goa-link-icon-size-large: var(--goa-icon-size-3);
--goa-link-icon-size-medium: var(--goa-icon-size-2);
--goa-link-icon-size-small: var(--goa-icon-size-1);
--goa-link-gap-medium: var(--goa-space-2xs);
--goa-link-gap: var(--goa-space-2xs);
--goa-link-typography-large: var(--goa-font-weight-regular) var(--goa-font-size-6)/var(--goa-line-height-5) var(--goa-font-family-sans);
--goa-link-typography-medium: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);
--goa-link-typography-small: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-link-typography-xsmall: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);
--goa-linear-progress-percentage-gap: var(--goa-space-xs);
--goa-linear-progress-color-indicator: var(--goa-color-info-default);
--goa-linear-progress-color-track: var(--goa-color-greyscale-200);
--goa-linear-progress-border-radius: var(--goa-border-radius-m);
--goa-linear-progress-height: var(--goa-space-2xs);
--goa-text-input-color-icon: var(--goa-color-greyscale-600);
--goa-text-input-space-btw-icon-text-compact: var(--goa-space-xs);
--goa-text-input-padding-compact: var(--goa-space-2xs) var(--goa-text-input-padding-compact-lr);
--goa-text-input-padding-compact-lr: var(--goa-space-s);
--goa-text-input-space-btw-icon-text: var(--goa-space-xs);
--goa-text-input-padding-lr: var(--goa-space-m);
--goa-text-input-lt-content-color-bg: var(--goa-color-greyscale-150);
--goa-icon-button-destructive-disabled-color: var(--goa-color-greyscale-500);
--goa-icon-button-destructive-hover-color-bg: var(--goa-color-emergency-light);
--goa-icon-button-destructive-hover-color: var(--goa-color-emergency-dark);
--goa-icon-button-destructive-color: var(--goa-color-emergency-default);
--goa-icon-button-dark-disabled-color: var(--goa-color-greyscale-500);
--goa-icon-button-dark-hover-color-bg: var(--goa-color-greyscale-100);
--goa-icon-button-dark-color: var(--goa-color-greyscale-black);
--goa-icon-button-light-disabled-color: var(--goa-color-greyscale-500);
--goa-icon-button-light-hover-color-bg: var(--goa-color-greyscale-600);
--goa-icon-button-light-color: var(--goa-color-greyscale-white);
--goa-icon-button-default-hover-color-bg: var(--goa-color-greyscale-100);
--goa-icon-button-default-hover-color: var(--goa-color-interactive-hover);
--goa-icon-button-default-color: var(--goa-color-interactive-default);
--goa-icon-button-large-border-radius: var(--goa-border-radius-xl);
--goa-icon-button-medium-border-radius: var(--goa-border-radius-m);
--goa-icon-button-border-radius: var(--goa-border-radius-m);
--goa-icon-button-large-padding: var(--goa-space-s);
--goa-icon-button-medium-padding: var(--goa-space-xs);
--goa-icon-button-small-padding: var(--goa-space-2xs);
--goa-hero-banner-content-gap: var(--goa-space-l) 0 0;
--goa-hero-banner-mobile-padding: var(--goa-space-xl) 0;
--goa-hero-banner-padding: var(--goa-space-2xl) 0;
--goa-app-header-nav-menu-dropdown-border: var(--goa-border-width-2xs) solid var(--goa-color-greyscale-150);
--goa-app-header-color-bg-nav-item-child-hover: var(--goa-color-greyscale-100);
--goa-app-header-color-bg-nav-item-in-menu-current-hover: var(--goa-color-interactive-hover);
--goa-app-header-color-bg-nav-item-in-menu-current: var(--goa-color-interactive-default);
--goa-app-header-padding-secondary-nav-item-in-menu: var(--goa-space-s) var(--goa-space-xs) var(--goa-space-s) var(--goa-space-l);
--goa-app-header-padding-nav-item-in-menu: var(--goa-space-xs);
--goa-app-header-nav-hover-indicator-color: var(--goa-color-greyscale-200);
--goa-app-header-nav-active-indicator-color: var(--goa-color-interactive-default);
--goa-app-header-border-nav-item-current: var(--goa-border-width-xl) solid var(--goa-color-interactive-default);
--goa-app-header-border-nav-item-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200);
--goa-app-header-border-nav-item-default: var(--goa-border-width-xl) solid transparent;
--goa-app-header-height-nav-item: var(--goa-space-2xl);
--goa-app-header-padding-nav-item: var(--goa-space-2xs) var(--goa-space-2xs) 0 var(--goa-space-2xs);
--goa-app-header-typography-nav-item: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);
--goa-app-header-nav-item-gap: var(--goa-space-m);
--goa-app-header-nav-bar-bg: var(--goa-color-greyscale-50);
--goa-app-header-utilities-gap: var(--goa-space-s);
--goa-app-header-service-phase-row-gap: var(--goa-space-xs);
--goa-app-header-service-phase-gap-horizontal: var(--goa-space-m);
--goa-app-header-service-name-secondary-text-gap: var(--goa-space-3xs);
--goa-app-header-service-name-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
--goa-app-