@cityofportland/component-library/dist/themeLoader.css

Portland Component Library using design tokens from Figma

.pgov-theme{--accordion-font-family: var(--font-family-open-sans);--accordion-gap: calc(var(--spacing-xs) * 1px);--accordion-border-color: var(--color-gray-5);--accordion-border-width: calc(var(--border-lg) * 1px);--accordion-button-bg: var(--color-gray-5);--accordion-button-hover-bg: #E7E7E7;--accordion-border-color-hover: #E7E7E7;--accordion-button-text: var(--color-gray-90);--accordion-button-padding-top-bottom: calc(var(--spacing-md) * 1px);--accordion-button-padding-left-right: calc(var(--spacing-lg) * 1px);--accordion-button-outline: none;--accordion-summary-text-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--accordion-details-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--accordion-details-text: var(--color-gray-90);--accordion-details-bg-color: transparent;--accordion-details-padding-top-bottom: calc(var(--spacing-md) * 1px);--accordion-details-padding-left-right: calc(var(--spacing-lg) * 1px);--alert-bg: var(--color-blue-60);--alert-border-color: var(--color-blue-60);--alert-icon-color: var(--color-blue-60);--alert-heading-color: var(--color-gray-90);--alert-heading-font-family: var(--font-family-open-sans);--alert-heading-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--alert-text-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--alert-text-color: var(--color-gray-90);--alert-text-font-family: var(--font-family-open-sans);--alert-slim-heading-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--alert-info-bg: var(--color-info-lighter);--alert-info-border-color: var(--color-info-medium);--alert-info-icon-color: var(--color-black);--alert-warning-bg: var(--color-warning-lighter);--alert-warning-border-color: var(--color-warning-medium);--alert-warning-icon-color: var(--color-black);--alert-success-bg: var(--color-success-lighter);--alert-success-border-color: var(--color-success-medium);--alert-success-icon-color: var(--color-black);--alert-emergency-bg: var(--color-emergency-medium);--alert-emergency-text-color: var(--color-white);--alert-emergency-border-color: var(--color-emergency-medium);--alert-emergency-icon-color: var(--color-white);--alert-error-bg: var(--color-error-lighter);--alert-error-border-color: var(--color-error-medium);--alert-error-icon-color: var(--color-black);--banner-bg: var(--color-base-lightest);--banner-font-family: var(--font-family-open-sans);--banner-font-size: calc(var(--font-abstraction-open-sans-2xs) * 1px);--banner-content-padding: calc(var(--spacing-2xs) * 1px) calc(var(--spacing-xs) * 1px) calc(var(--spacing-2xs) * 1px) calc(var(--spacing-md) * 1px);--banner-content-gap: calc(var(--spacing-xs) * 1px);--banner-expanded-content-padding: calc(var(--spacing-md) * 1px) calc(var(--spacing-md) * 1px) calc(var(--spacing-md) * 1px) calc(var(--spacing-md) * 1px);--banner-expanded-content-gap: calc(var(--spacing-lg) * 1px);--banner-text-color: var(--color-foundation-black, #1b1b1b);--banner-border-color: var(--color-base-lightest);--banner-line-height-normal: 1.5;--banner-button-color: var(--color-foundation-link);--banner-guidance-heading-font-family: var(--font-family-open-sans);--banner-guidance-heading-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--banner-guidance-description-color: var(--color-foundation-black, #1b1b1b);--banner-guidance-description-font-family: var(--font-family-open-sans);--banner-guidance-description-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--breadcrumb-font-family: var(--font-family-open-sans);--breadcrumb-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--breadcrumb-font-weight: 400;--breadcrumb-link-color: var(--color-foundation-link, #005EA2);--breadcrumb-color-hover: var(--color-blue-warm-70);--breadcrumb-color-current: var(--color-foundation-black);--breadcrumb-separator-color: var(--color-base-medium);--breadcrumb-background-color: transparent;--breadcrumb-bg: transparent;--breadcrumb-padding-y: calc(var(--spacing-none) * 1px);--breadcrumb-padding-x: calc(var(--spacing-sm) * 1px);--breadcrumb-gap: calc(var(--spacing-2xs) * 1px);--breadcrumb-mobile-padding-y: calc(var(--spacing-2xs) * 1px);--breadcrumb-mobile-padding-x: calc(var(--spacing-xs) * 1px);--button-font-family: var(--font-family-open-sans);--button-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--button-bg: var(--color-primary-medium);--button-text-color: var(--color-foundation-white);--button-hover-bg: var(--color-primary-dark);--button-hover-text-color: var(--color-foundation-white);--button-active-bg-color: var(--color-primary-darker);--button-border-radius: calc(var(--radius-md) * 1px);--button-font-weight: 700;--button-margin-right: calc(var(--spacing-xs) * 1px);--button-padding-top: calc(var(--spacing-sm) * 1px);--button-padding-sides: calc(var(--spacing-lg) * 1px);--button-focus-bg-color: var(--color-primary-medium);--button-focus-outline: calc(var(--spacing-2xs) * 1px) solid var(--color-blue-40);--button-focus-outline-offset: calc(var(--spacing-2xs) * 1px);--button-disabled-bg-color: var(--color-disabled-lighter);--button-disabled-text-color: var(--color-disabled-dark);--button-secondary-bg: var(--color-secondary-medium);--button-secondary-hover-bg: var(--color-secondary-dark);--button-secondary-active-bg-color: var(--color-secondary-darker);--button-secondary-focus-bg-color: var(--color-secondary-medium);--button-accent-cool-bg-color: var(--color-accent-cool-medium);--button-accent-cool-hover-bg-color: var(--color-accent-cool-dark);--button-accent-cool-active-bg-color: var(--color-accent-cool-darker);--button-accent-cool-focus-bg-color: var(--color-accent-cool-medium);--button-accent-warm-bg-color: var(--color-accent-warm-medium);--button-accent-warm-hover-bg-color: var(--color-accent-warm-dark);--button-accent-warm-active-bg-color: var(--color-accent-warm-darker);--button-accent-warm-focus-bg-color: var(--color-accent-warm-medium);--button-base-bg-color: var(--color-base-medium);--button-base-hover-bg-color: var(--color-base-dark);--button-base-active-bg-color: var(--color-base-darker);--button-base-focus-bg-color: var(--color-base-medium);--button-outline-bg-color: transparent;--button-outline-box-shadow: inset 0 0 0 2px var(--color-blue-60);--button-outline-text-color: var(--color-primary-medium);--button-outline-border-width: calc(var(--border-md) * 1px);--button-outline-border-color: var(--color-primary-medium);--button-outline-hover-box-shadow: inset 0 0 0 2px var(--color-blue-warm-70);--button-outline-hover-text-color: var(--color-primary-dark);--button-outline-hover-border-color: var(--color-primary-dark);--button-outline-active-box-shadow: inset 0 0 0 2px var(--color-primary-darker);--button-outline-active-text-color: var(--color-primary-darker);--button-outline-active-border-color: var(--color-primary-darker);--button-outline-focus-box-shadow: inset 0 0 0 2px var(--color-blue-warm-80);--button-outline-focus-text-color: var(--color-primary-medium);--button-outline-focus-border-color: var(--color-primary-medium);--button-outline-inverse-bg-color: transparent;--button-outline-inverse-text-color: var(--color-foundation-link-reverse);--button-outline-inverse-box-shadow: inset 0 0 0 2px var(--color-gray-cool-30);--button-outline-inverse-border-width: var(--border-md);--button-outline-inverse-border-color: var(--color-foundation-link-reverse);--button-outline-inverse-hover-bg-color: transparent;--button-outline-inverse-hover-text-color: var(--color-foundation-link-reverse-hover);--button-outline-inverse-hover-box-shadow: inset 0 0 0 2px var(--color-foundation-link-reverse-hover);--button-outline-inverse-hover-border-color: var(--color-foundation-link-reverse-hover);--button-outline-inverse-active-bg-color: transparent;--button-outline-inverse-active-text-color: var(--color-foundation-link-reverse-active);--button-outline-inverse-active-box-shadow: inset 0 0 0 2px var(--color-foundation-link-reverse-active);--button-outline-inverse-active-border-color: var(--color-foundation-link-reverse-active);--button-outline-inverse-focus-border-color: var(--color-foundation-link);--button-outline-inverse-focus-box-shadow: inset 0 0 0 2px var(--color-foundation-link);--button-outline-inverse-focus-bg-color: transparent;--button-outline-inverse-focus-text-color: var(--color-foundation-link);--button-big-font-size: calc(var(--font-abstraction-open-sans-lg) * 1px);--button-big-padding: calc(var(--spacing-sm) * 1px) calc(var(--spacing-lg) * 1px);--button-unstyled-bg-color: transparent;--button-unstyled-text-color: var(--color-foundation-link);--button-unstyled-hover-bg-color: transparent;--button-unstyled-hover-text-color: var(--color-foundation-link-hover);--button-unstyled-font-weight: 400;--button-unstyled-padding: 0;--button-unstyled-margin: 0;--button-unstyled-focus-bg-color: transparent;--button-unstyled-focus-text-color: var(--color-foundation-link);--button-unstyled-active-bg-color: transparent;--button-unstyled-active-text-color: var(--color-foundation-link-active);--button-unstyled-disabled-bg-color: transparent;--button-unstyled-disabled-text-color: var(--color-disabled-dark);--button-group-gap: calc(var(--spacing-xs) * 1px);--button-group-segmented-margin: -1px;--button-group-segmented-radius: 0;--button-group-segmented-radius-left: calc(var(--spacing-xs) * 1px);--button-group-segmented-radius-right: calc(var(--spacing-xs) * 1px);--card-border-radius: calc(var(--radius-lg) * 1px);--card-bg: var(--color-foundation-white, #FFF);--card-padding-perimeter: calc(var(--spacing-lg) * 1px);--card-gap: calc(var(--spacing-md) * 1px);--card-border-width: calc(var(--border-md) * 1px);--card-border-color: var(--color-base-lighter, #DFE1E2);--card-text-color: var(--color-foundation-black, #1B1B1B);--card-header-font-family: var(--font-family-open-sans, "Public Sans");--card-header-font-size: calc(var(--font-abstraction-open-sans-header-sm) * 1px);--card-font-family: var(--font-family-open-sans, "Public Sans");--card-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--card-flag-inset-media-col-width: 131px;--card-flag-media-col-width: 154px;--card-flag-gap: 0;--card-flag-gap-mobile: 16px;--card-flag-width: 573px;--card-flag-width-mobile: 100%;--card-flag-border-radius: calc(var(--radius-lg) * 1px);--card-flag-border-width: calc(var(--border-md) * 1px);--card-flag-border-color: var(--color-base-lighter, #DFE1E2);--card-flag-bg: var(--color-foundation-white, #FFF);--card-flag-text-color: var(--color-foundation-black, #1B1B1B);--card-flag-font-family: var(--font-family-open-sans, "Public Sans");--card-flag-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--card-flag-font-weight: 400;--card-flag-line-height: 162%;--card-flag-header-font-family: var(--font-family-open-sans, "Public Sans");--card-flag-header-font-size: calc(var(--font-abstraction-open-sans-header-sm) * 1px);--card-flag-header-font-weight: 700;--card-flag-header-line-height: 120%;--card-flag-media-width: 155px;--card-flag-media-width-mobile: 100%;--card-flag-media-height: auto;--card-flag-media-height-mobile: 200px;--card-flag-media-inset-width: 131px;--card-flag-media-inset-width-mobile: 100%;--card-flag-media-inset-min-width: 131px;--card-flag-media-inset-min-width-mobile: 100%;--card-flag-media-inset-max-width: 131px;--card-flag-media-inset-max-width-mobile: 100%;--card-flag-media-inset-left-padding: calc(var(--spacing-lg) * 1px) 0 calc(var(--spacing-lg) * 1px) calc(var(--spacing-lg) * 1px);--card-flag-media-inset-left-padding-mobile: 16px 16px 0;--card-flag-media-inset-right-padding: calc(var(--spacing-lg) * 1px) calc(var(--spacing-lg) * 1px) calc(var(--spacing-lg) * 1px) 0;--card-flag-media-inset-right-padding-mobile: 16px 16px 0;--card-flag-media-inset-padding-mobile: 16px 16px 0;--card-flag-padding: calc(var(--spacing-lg) * 1px);--card-flag-padding-mobile: 0 16px 16px;--card-flag-content-gap: 0;--card-flag-footer-margin-top: calc(var(--spacing-md) * 1px);--card-grid-padding-lg: calc(var(--spacing-xl) * 1px);--card-grid-margin-mobile: calc(var(--spacing-md) * 1px);--card-grid-gap: calc(var(--spacing-xl) * 1px);--card-grid-divider-color: var(--color-foundation-black);--card-grid-text-color: var(--color-gray-90, #1B1B1B);--card-grid-heading-font-family: var(--font-family-open-sans, "Public Sans");--card-grid-heading-font-size: calc(var(--font-abstraction-open-sans-lg) * 1px);--card-grid-max-width: calc(var(--breakpoints-desktop) * 1px);--card-grid-margin-desktop: calc(var(--spacing-xl) * 1px);--checkbox-title-font-family: var(--font-family-open-sans);--checkbox-title-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--checkbox-title-font-weight: 700;--checkbox-title-color: var(--color-foundation-black);--checkbox-title-margin-bottom: calc(var(--spacing-2xs) * 1px);--checkbox-description-font-family: var(--font-family-open-sans);--checkbox-description-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--checkbox-description-color: var(--color-foundation-black);--checkbox-description-margin-bottom: calc(var(--spacing-xs) * 1px);--checkbox-options-gap: calc(var(--spacing-xs) * 1px);--checkbox-background: var(--color-foundation-white);--checkbox-label-font-family: var(--font-family-open-sans);--checkbox-label-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--checkbox-label-font-weight: 400;--checkbox-label-color: var(--color-foundation-black);--checkbox-label-line-height: 1.5;--checkbox-label-margin-top: 0;--checkbox-label-padding-left: calc(var(--spacing-xl) * 1px);--checkbox-input-background: var(--color-foundation-white);--checkbox-input-border-width: 2px;--checkbox-input-border-color: var(--color-foundation-black);--checkbox-input-border-radius: calc(var(--spacing-3xs) * 1px);--checkbox-input-size: calc(var(--spacing-lg) * 1px);--checkbox-input-margin-left: 2px;--checkbox-input-margin-top: .064rem;--checkbox-focus-outline-width: calc(var(--spacing-2xs) * 1px);--checkbox-focus-outline-color: var(--color-primary-medium);--checkbox-focus-outline-offset: calc(var(--spacing-2xs) * 1px);--checkbox-checked-background-color: var(--color-primary-medium);--checkbox-checked-border-color: var(--color-primary-medium);--checkbox-check-size: 12px;--checkbox-check-icon: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill='%23ffffff'%20d='M8.5%2015.5L5%2012l-1.5%201.5L8.5%2018%2020%206.5l-1.5-1.5z'/%3e%3c/svg%3e");--checkbox-disabled-color: var(--color-disabled-medium);--checkbox-disabled-background: var(--color-foundation-white);--checkbox-disabled-border-color: var(--color-disabled-medium);--checkbox-disabled-checked-background: var(--color-foundation-white);--checkbox-label-description-font-family: var(--font-family-open-sans);--checkbox-label-description-font-size: calc(var(--font-abstraction-open-sans-2xs) * 1px);--checkbox-label-description-color: var(--color-foundation-black);--checkbox-label-description-margin-top: calc(var(--spacing-xs) * 1px);--checkbox-tile-background: var(--color-foundation-white);--checkbox-tile-border-width: 2px;--checkbox-tile-border-color: var(--color-base-lighter);--checkbox-tile-border-radius: calc(var(--spacing-2xs) * 1px);--checkbox-tile-text-color: var(--color-foundation-black);--checkbox-tile-margin-top: 0;--checkbox-tile-padding: calc(var(--spacing-sm) * 1px) calc(var(--spacing-md) * 1px) calc(var(--spacing-sm) * 1px) calc(var(--spacing-2xl) * 1px);--checkbox-tile-checked-background: var(--color-primary-lighter);--checkbox-tile-checked-border-color: var(--color-primary-medium);--checkbox-tile-input-left: calc(var(--spacing-xs) * 1px);--checkbox-tile-disabled-border-color: var(--color-base-lighter);--checkbox-tile-disabled-checked-background: var(--color-foundation-white);--checkbox-required-asterisk-color: var(--color-error-dark);--checkbox-error-text-color: var(--color-error-dark);--checkbox-error-font-family: var(--font-family-open-sans);--checkbox-error-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--checkbox-error-font-weight: 700;--checkbox-error-margin-bottom: calc(var(--spacing-xs) * 1px);--checkbox-error-border-width: 4px;--checkbox-error-border-color: var(--color-error-dark);--checkbox-error-padding-left: calc(var(--spacing-sm) * 1px);--color-swatch-palette-margin-bottom: 32px;--color-swatch-title-font-size: 18px;--color-swatch-title-font-weight: 600;--color-swatch-title-margin-bottom: 8px;--color-swatch-description-font-size: 14px;--color-swatch-description-margin-bottom: 16px;--color-swatch-grid-gap: 36px;--color-swatch-grid-min-col-width: 140px;--color-swatch-item-gap: 16px;--color-swatch-item-margin-bottom: 20px;--color-swatch-font-family: var(--font-family-open-sans, sans-serif);--color-swatch-preview-radius: 6px;--color-swatch-preview-shadow: 0 2px 4px rgba(0,0,0,.1);--color-swatch-details-gap: 5px;--color-swatch-name-font-weight: 600;--color-swatch-name-font-size: 14px;--color-swatch-name-margin-bottom: 2px;--color-swatch-var-font-size: 12px;--color-swatch-var-color: #71767a;--color-swatch-var-font-family: monospace;--color-swatch-description-font-size: 12px;--color-swatch-description-margin-top: 2px;--color-swatch-hex-font-size: 12px;--color-swatch-hex-color: #71767a;--color-swatch-hex-margin-bottom: .25rem;--contacts-heading-font-family: var(--font-family-open-sans, "Public Sans");--contacts-heading-font-size: calc(var(--font-abstraction-open-sans-h3) * 1px);--contacts-max-width: 1024px;--contacts-padding-lg: calc(var(--spacing-xl) * 1px);--contacts-margin-desktop: calc(var(--spacing-xl) * 1px);--contacts-gap-lg: calc(var(--spacing-xl) * 1px);--contacts-gap-md: calc(var(--spacing-md) * 1px);--contacts-gap-sm: calc(var(--spacing-xs) * 1px);--contacts-bg: var(--color-white, #FFF);--contacts-border-color: var(--color-gray-90);--contacts-text-color: var(--color-gray-90);--contacts-icon-color: var(--color-gray-90);--contacts-button-bg: var(--color-primary-medium);--contacts-button-hover-bg: var(--color-primary-dark);--contacts-button-color: var(--color-foundation-white);--contacts-button-font-family: var(--font-family-open-sans, "Public Sans");--contacts-button-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--contacts-button-font-weight: 400;--contacts-button-line-height: 1.5;--contacts-button-padding: 12px 20px;--contacts-button-radius: 4px;--contacts-button-text: var(--color-foundation-white);--contacts-label-font-family: var(--font-family-open-sans, "Public Sans");--contacts-label-font-size: calc(var(--font-abstraction-open-sans-header-sm) * 1px);--contacts-body-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--contacts-link-color: var(--color-foundation-link);--contacts-link-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--contacts-link-font-weight: 400;--contacts-link-line-height: 1.5;--contacts-margin-mobile: calc(var(--spacing-md) * 1px);--contacts-padding-md: calc(var(--spacing-md) * 1px);--contacts-card-grid-max-width: calc(var(--breakpoints-mobile-lg) * 1px);--contacts-border-radius: calc(var(--radius-lg) * 1px);--contacts-bg-container: var(--color-base-lightest);--dropdown-button-height: calc(var(--spacing-2xl) * 1px);--dropdown-button-min-height: calc(var(--spacing-2xl) * 1px);--dropdown-button-padding-top: calc(var(--spacing-xs) * 1px);--dropdown-button-padding-bottom: calc(var(--spacing-xs) * 1px);--dropdown-button-padding-left: calc(var(--spacing-xs) * 1px);--dropdown-button-padding-right: calc(var(--spacing-xs) * 1px);--dropdown-button-border-radius: calc(var(--radius-0) * 1px);--dropdown-button-bg: var(--color-foundation-white);--dropdown-button-color: var(--color-foundation-black);--dropdown-button-font-family: var(--font-family-open-sans);--dropdown-button-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--dropdown-button-font-weight: 400;--dropdown-button-font-style: normal;--dropdown-button-line-height: normal;--dropdown-focus-border: calc(var(--border-lg) * 1px) solid var(--color-primary-medium);--dropdown-disabled-bg: var(--color-disabled-lighter);--dropdown-disabled-color: var(--color-foundation-black);--dropdown-error-bg: var(--color-foundation-white);--dropdown-error-color: var(--color-error-dark);--dropdown-chevron-color: var(--color-foundation-black);--dropdown-menu-bg: var(--color-foundation-white);--dropdown-menu-border: 1px solid var(--color-base-lighter);--dropdown-menu-border-radius: calc(var(--radius-0) * 1px);--dropdown-menu-shadow: 0 4px 8px rgba(0,0,0,.1);--dropdown-item-font-family: var(--font-family-open-sans, "Public Sans");--dropdown-item-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--dropdown-item-color: var(--color-foundation-black);--dropdown-item-bg: transparent;--dropdown-item-hover-bg: var(--color-base-lighter);--dropdown-item-selected-bg: var(--color-base-lighter);--dropdown-item-selected-color: var(--color-foundation-black);--dropdown-hint-color: var(--color-base-dark);--dropdown-hint-font-family: var(--font-family-open-sans);--dropdown-hint-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--dropdown-hint-margin-top: 4px;--dropdown-label-color: var(--color-foundation-black);--dropdown-label-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--dropdown-label-font-family: var(--font-family-open-sans);--dropdown-label-font-weight: 600;--dropdown-label-margin-bottom: 4px;--dropdown-label-error-color: var(--color-error-dark);--dropdown-error-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--dropdown-error-font-family: var(--font-family-open-sans);--dropdown-error-margin-top: 4px;--dropdown-chevron-right: 1rem;--dropdown-chevron-transform: translateY(-50%);--dropdown-chevron-transition: transform .2s ease-in-out;--dropdown-chevron-open-transform: translateY(-50%) rotate(180deg);--dropdown-item-padding-top-bottom: calc(var(--spacing-xs) * 1px);--dropdown-item-padding-left-right: calc(var(--spacing-lg) * 1px);--footer-max-width: 64rem;--footer-font-family: var(--font-family-open-sans);--footer-font-size-base: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--footer-bg: var(--color-base-lightest);--footer-text-color: var(--color-foundation-black);--footer-link-color: var(--color-primary-medium);--footer-link-hover-color: var(--color-primary-dark);--footer-link-bg: var(--color-foundation-white);--footer-link-text-decoration: underline;--footer-link-line-height: 150%;--footer-link-font-family: var(--font-family-open-sans, "Public Sans");--footer-gap-md: 1rem;--footer-translation-line-height: 1.5;--footer-translation-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--footer-explore-button-padding: .625rem 1rem;--footer-explore-button-radius: .25rem;--footer-explore-button-font-weight: 600;--footer-explore-button-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--footer-explore-arrow-margin-left: .5rem;--footer-explore-arrow-font-size: 1.25rem;--footer-padding-md: 1rem;--footer-margin-desktop: 2rem;--footer-spacing-2: calc(var(--spacing-sm) * 1px);--footer-heading-color: var(--color-foundation-black);--footer-heading-font-family: var(--font-family-open-sans, "Public Sans");--footer-heading-font-size: calc(var(--font-abstraction-open-sans-header-h4) * 1px);--footer-body-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--pgov-header-font-family: var(--font-family-open-sans);--pgov-header-spacing-md: calc(var(--spacing-lg) * 1px);--pgov-header-bg: var(--color-foundation-black);--pgov-header-border-color-dark: var(--color-foundation-black);--pgov-header-logo-color: var(--color-foundation-white);--pgov-header-title-font-size: calc(var(--font-abstraction-open-sans-header-lg) * 1px);--pgov-header-title-color: var(--color-foundation-white);--pgov-header-tagline-font-size: calc(var(--font-abstraction-open-sans-header-2xs) * 1px);--pgov-header-tagline-color: var(--color-foundation-white);--pgov-header-link-reverse-color: var(--color-base-light);--pgov-header-link-hover-bg: rgba(255, 255, 255, .1);--pgov-header-dropdown-bg: var(--color-foundation-white);--pgov-header-dropdown-border: var(--color-base-lighter);--pgov-header-dropdown-shadow: 0 4px 8px rgba(0, 0, 0, .1);--pgov-header-menu-heading-color: var(--color-foundation-black);--pgov-header-menu-heading-font-family: var(--font-family-open-sans);--pgov-header-menu-heading-font-size: calc(var(--font-abstraction-open-sans-header-h3) * 1px);--pgov-header-menu-gap: calc(var(--spacing-lg) * 1px);--pgov-header-menu-link-bg: var(--color-foundation-white);--pgov-header-menu-link-hover-bg: var(--color-base-lighter);--pgov-header-menu-link-radius: 4px;--pgov-header-menu-link-title-color: var(--color-foundation-link);--pgov-header-menu-link-title-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--pgov-header-menu-link-title-font-weight: 700;--pgov-header-menu-link-title-line-height: 1.3;--pgov-header-menu-link-description-color: var(--color-foundation-black);--pgov-header-menu-link-description-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--pgov-header-menu-link-description-font-weight: 400;--pgov-header-menu-link-description-line-height: 1.4;--pgov-header-menu-group-title-color: var(--color-foundation-black);--pgov-header-menu-group-title-font-size: calc(var(--font-open-sans-size-8) * 1px);--pgov-header-menu-group-title-font-weight: 700;--pgov-header-menu-group-title-border-color: var(--color-base-lighter);--header-font-family: var(--font-family-open-sans);--header-font-size: calc(var(--font-open-sans-size-5) * 1px);--header-line-height: 1.5;--header-max-width: 75rem;--header-container-padding: calc(var(--spacing-lg) * 1px);--header-navbar-height: calc(var(--spacing-2xl) * 1px);--header-navbar-padding: calc(var(--spacing-sm) * 1px) 0;--header-logo-font-size: calc(var(--font-open-sans-size-9) * 1px);--header-logo-font-weight: 700;--header-logo-color: var(--color-foundation-black);--header-logo-hover-color: var(--color-foundation-link);--header-logo-line-height: 1.2;--header-logo-subtitle-font-size: calc(var(--font-open-sans-size-3) * 1px);--header-logo-subtitle-font-weight: 400;--header-logo-subtitle-color: var(--color-gray-70);--header-logo-subtitle-margin-top: calc(var(--spacing-2xs) * 1px);--header-menu-btn-bg: transparent;--header-menu-btn-border: 1px solid var(--color-base-lighter);--header-menu-btn-border-radius: calc(var(--radius-sm) * 1px);--header-menu-btn-color: var(--color-foundation-black);--header-menu-btn-font-size: calc(var(--font-open-sans-size-3) * 1px);--header-menu-btn-padding: calc(var(--spacing-xs) * 1px) calc(var(--spacing-sm) * 1px);--header-menu-btn-hover-bg: var(--color-base-lightest);--header-menu-btn-hover-border-color: var(--color-base);--header-menu-btn-hover-color: var(--color-foundation-black);--header-menu-btn-focus-outline: .25rem solid var(--color-foundation-focus);--header-menu-btn-focus-outline-offset: 0;--header-nav-z-index: 500;--header-nav-mobile-bg: var(--color-foundation-white);--header-nav-mobile-border-top: 1px solid var(--color-base-lighter);--header-nav-mobile-shadow: 0 .25rem .5rem rgba(0, 0, 0, .15);--header-nav-mobile-max-height: 80vh;--header-nav-close-top: calc(var(--spacing-sm) * 1px);--header-nav-close-right: calc(var(--spacing-lg) * 1px);--header-nav-close-padding: calc(var(--spacing-xs) * 1px);--header-nav-close-z-index: 1;--header-nav-close-icon-size: calc(var(--spacing-lg) * 1px);--header-nav-primary-padding: calc(var(--spacing-lg) * 1px);--header-nav-item-border-bottom: 1px solid var(--color-base-lightest);--header-nav-item-margin-right: calc(var(--spacing-lg) * 1px);--header-nav-link-color: var(--color-foundation-black);--header-nav-link-font-size: calc(var(--font-open-sans-size-5) * 1px);--header-nav-link-font-weight: 400;--header-nav-link-line-height: 1.3;--header-nav-link-padding: calc(var(--spacing-sm) * 1px) 0;--header-nav-link-padding-desktop: calc(var(--spacing-sm) * 1px) calc(var(--spacing-lg) * 1px);--header-nav-link-hover-bg: var(--color-base-lightest);--header-nav-link-hover-color: var(--color-foundation-black);--header-nav-link-hover-color-desktop: var(--color-foundation-link);--header-nav-link-focus-outline: .25rem solid var(--color-foundation-focus);--header-nav-link-focus-outline-offset: 0;--header-nav-link-current-color: var(--color-foundation-link);--header-nav-link-current-font-weight: 700;--header-nav-link-current-indicator-color: var(--color-foundation-link);--header-nav-link-current-indicator-height: calc(var(--spacing-2xs) * 1px);--header-extended-navbar-border: 1px solid var(--color-base-lighter);--header-extended-nav-padding: calc(var(--spacing-lg) * 1px) 0;--header-secondary-margin-top: calc(var(--spacing-lg) * 1px);--header-secondary-gap: calc(var(--spacing-lg) * 1px);--header-secondary-links-gap: calc(var(--spacing-lg) * 1px);--header-search-margin-top: calc(var(--spacing-lg) * 1px);--hero-global-bg: var(--color-foundation-white);--hero-global-gap: calc(var(--spacing-md) * 1px);--hero-global-tag-gap: calc(var(--spacing-xs) * 1px);--hero-global-tag-padding-y: 2px;--hero-global-tag-radius: calc(var(--radius-full) * 1px);--hero-global-tag-bg: var(--color-foundation-black);--hero-global-tag-color: var(--color-foundation-white);--hero-global-tag-font-family: var(--font-family-open-sans, "Public Sans");--hero-global-tag-font-size: calc(var(--font-abstraction-open-sans-header-2xs) * 1px);--hero-global-title-color: var(--color-foundation-black);--hero-global-title-font-family: var(--font-family-open-sans, "Public Sans");--hero-global-title-font-size: calc(var(--font-abstraction-open-sans-header-h1) * 1px);--hero-global-desc-font-family: var(--font-family-open-sans, "Public Sans");--hero-global-desc-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--hero-global-image-placeholder-bg: var(--color-base-lighter);--hero-global-image-border-radius: calc(var(--radius-lg) * 1px);--hero-global-desktop-max-width: calc(var(--breakpoints-desktop) * 1px);--hero-global-desktop-gap-x: calc(var(--spacing-xl) * 1px);--hero-global-desktop-gap-y: calc(var(--spacing-2xl) * 1px);--hero-homepage-gap-md: calc(var(--spacing-md) * 1px);--hero-homepage-bg: var(--color-foundation-black);--hero-homepage-text-color: var(--color-foundation-white);--hero-homepage-title-font-family: var(--font-family-open-sans, "Public Sans");--hero-homepage-title-font-size: calc(var(--font-abstraction-open-sans-header-h1) * 1px);--hero-homepage-subtitle-font-family: var(--font-family-open-sans, "Public Sans");--hero-homepage-subtitle-font-size: calc(var(--font-abstraction-open-sans-header-h2) * 1px);--hero-homepage-gap-sm: calc(var(--spacing-xs) * 1px);--hero-homepage-link-font-family: var(--font-family-open-sans, "Public Sans");--hero-homepage-link-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--hero-homepage-link-color: var(--color-foundation-link-reverse);--hero-homepage-padding-xl: calc(var(--spacing-4xl) * 1px);--hero-homepage-margin-desktop: calc(var(--spacing-xl) * 1px);--hero-homepage-padding-lg: calc(var(--spacing-xl) * 1px);--hero-homepage-margin-mobile: calc(var(--spacing-md) * 1px);--identifier-font-family: var(--font-family-open-sans);--identifier-text-color: var(--color-foundation-white);--identifier-background-color: var(--color-base-darkest);--identifier-max-width: calc(var(--breakpoints-desktop) * 1px);--identifier-container-padding-x: calc(var(--spacing-lg) * 1px);--identifier-masthead-background-color: var(--color-base-darkest);--identifier-masthead-padding-y: calc(var(--spacing-lg) * 1px);--identifier-masthead-border-width: calc(var(--border-sm) * 1px);--identifier-masthead-border-color: var(--color-base-dark);--identifier-masthead-gap: calc(var(--spacing-lg) * 1px);--identifier-masthead-gap-tablet: calc(var(--spacing-md) * 1px);--identifier-masthead-gap-mobile: calc(var(--spacing-md) * 1px);--identifier-masthead-gap-desktop: calc(var(--spacing-lg) * 1px);--identifier-logos-gap: calc(var(--spacing-md) * 1px);--identifier-logos-margin-bottom-mobile: calc(var(--spacing-sm) * 1px);--identifier-logo-height: calc(var(--spacing-3xl) * 1px);--identifier-logo-height-mobile: calc(var(--spacing-2xl) * 1px);--identifier-logo-max-width: calc(var(--units-20) * 1px);--identifier-domain-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-domain-font-size-mobile: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-domain-font-weight: 400;--identifier-domain-line-height: 1.3;--identifier-domain-margin-bottom: calc(var(--spacing-xs) * 1px);--identifier-identity-domain-color: var(--color-foundation-link-reverse);--identifier-disclaimer-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-disclaimer-font-size-mobile: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-disclaimer-font-weight: 400;--identifier-disclaimer-line-height: 1.5;--identifier-disclaimer-color: var(--color-foundation-white);--identifier-primary-link-color: var(--color-blue-30);--identifier-primary-link-hover-color: var(--color-blue-20);--identifier-primary-link-visited-color: var(--color-blue-30);--identifier-required-links-background-color: var(--color-base-darkest);--identifier-required-links-padding-y: calc(var(--spacing-lg) * 1px);--identifier-required-links-gap-x: calc(var(--spacing-lg) * 1px);--identifier-required-links-gap-y: calc(var(--spacing-sm) * 1px);--identifier-required-links-gap-tablet: calc(var(--spacing-md) * 1px);--identifier-required-links-gap-mobile: calc(var(--spacing-sm) * 1px);--identifier-required-links-gap-desktop: calc(var(--spacing-lg) * 1px);--identifier-required-link-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-required-link-font-size-mobile: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-required-link-font-weight: 400;--identifier-required-link-line-height: 1.4;--identifier-secondary-link-color: var(--color-gray-30);--identifier-secondary-link-hover-color: var(--color-gray-20);--identifier-secondary-link-visited-color: var(--color-gray-30);--identifier-usagov-background-color: var(--color-base-darkest);--identifier-usagov-padding-y: calc(var(--spacing-md) * 1px);--identifier-usagov-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-usagov-font-size-mobile: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--identifier-usagov-font-weight: 400;--identifier-usagov-line-height: 1.4;--identifier-usagov-text-color: var(--color-foundation-white);--identifier-usagov-link-color: var(--color-foundation-white);--identifier-usagov-link-hover-color: var(--color-blue-20);--identifier-usagov-link-visited-color: var(--color-blue-30);--identifier-focus-outline-width: calc(var(--border-md) * 1px);--identifier-focus-outline-color: var(--color-blue-40);--identifier-focus-outline-offset: calc(var(--border-sm) * 1px);--identifier-focus-border-radius: calc(var(--radius-sm) * 1px);--modal-z-index: 1050;--modal-backdrop-bg: var(--color-black-transparent-70);--modal-transition-duration: .15s;--modal-max-width: var(--breakpoints-mobile-lg);--modal-lg-max-width: var(--breakpoints-tablet-lg);--modal-heading-font-size: calc(var(--font-abstraction-open-sans-header-lg) * 1px);--modal-content-padding: calc(var(--spacing-lg) * 1px);--modal-content-padding-mobile: calc(var(--spacing-md) * 1px);--modal-bg: var(--color-foundation-white);--modal-border-radius: calc(var(--radius-lg) * 1px);--modal-box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .2);--modal-card-padding: calc(var(--spacing-xl) * 1px);--modal-card-padding-mobile: calc(var(--spacing-lg) * 1px);--modal-lg-card-padding: calc(var(--spacing-2xl) * 1px);--modal-footer-gap: calc(var(--spacing-lg) * 1px);--modal-button-gap: calc(var(--spacing-xs) * 1px);--modal-close-top: calc(var(--spacing-md) * 1px);--modal-close-right: calc(var(--spacing-md) * 1px);--modal-close-top-mobile: calc(var(--spacing-sm) * 1px);--modal-close-right-mobile: calc(var(--spacing-sm) * 1px);--modal-close-padding: calc(var(--spacing-xs) * 1px);--modal-close-color: var(--color-foundation-black);--modal-close-hover-color: var(--color-foundation-black);--modal-close-hover-bg: var(--color-black-transparent-10);--modal-close-size: calc(var(--font-open-sans-size-9) * 1px);--modal-close-border-radius: calc(var(--radius-md) * 1px);--modal-close-transition-duration: .2s;--modal-close-focus-outline: calc(var(--border-md) * 1px) solid var(--color-blue-cool-60, #2491ff);--modal-close-focus-outline-offset: calc(var(--border-md) * 1px);--page-template-bg: var(--color-white, #ffffff);--page-template-font-family: var(--font-family-open-sans);--page-template-padding-lg: calc(var(--spacing-xl) * 1px);--page-template-padding-md: calc(var(--spacing-lg) * 1px);--popover-with-card-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--popover-with-card-radius: 8px;--popover-with-card-bg: var(--color-foundation-white);--popover-with-card-arrow-bg: var(--color-base-lightest);--popover-with-card-arrow-shadow: 2px 2px 2px rgba(0, 0, 0, .1);--pagination-font-family: var(--font-family-open-sans);--pagination-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-font-size-mobile: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-margin: calc(var(--spacing-md) * 1px);--pagination-gap: calc(var(--spacing-xs) * 1px);--pagination-gap-mobile: calc(var(--spacing-2xs) * 1px);--pagination-bg: transparent;--pagination-container-min-height: 50px;--pagination-container-min-height-mobile: 50px;--pagination-status-margin: 8px 0;--pagination-status-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-status-color: var(--color-foundation-black);--pagination-link-color: var(--color-foundation-link);--pagination-link-bg-color: transparent;--pagination-link-border: none;--pagination-link-border-radius: calc(var(--radius-md) * 1px);--pagination-link-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-link-font-weight: 400;--pagination-link-text-decoration: underline;--pagination-link-transition: color .15s ease-in-out, background-color .15s ease-in-out;--pagination-link-text-margin: 0 4px;--pagination-link-text-spacing: calc(var(--spacing-xs) * 1px);--pagination-link-hover-color: var(--color-primary-dark);--pagination-link-hover-bg-color: var(--color-base-lightest);--pagination-link-hover-text-decoration: underline;--pagination-link-focus-color: var(--color-primary-dark);--pagination-link-focus-bg-color: var(--color-base-lightest);--pagination-link-focus-outline: calc(var(--border-lg) * 1px) solid var(--color-primary-medium);--pagination-link-focus-outline-offset: calc(var(--border-sm) * 1px);--pagination-link-active-color: var(--color-primary-dark);--pagination-link-active-bg-color: var(--color-base-lighter);--pagination-link-disabled-color: var(--color-disabled-medium);--pagination-link-disabled-bg-color: transparent;--pagination-icon-size: 12px;--pagination-icon-size-mobile: 12px;--pagination-icon-spacing: calc(var(--spacing-2xs) * 1px);--pagination-button-size: calc(var(--units-10) * 1px);--pagination-button-size-mobile: 44px;--pagination-button-padding: calc(var(--spacing-2xs) * 1px);--pagination-arrow-padding: calc(var(--spacing-xs) * 1px) calc(var(--spacing-sm) * 1px);--pagination-arrow-icon-color: var(--color-foundation-black);--pagination-button-text-color: var(--color-foundation-link);--pagination-button-bg-color: var(--color-foundation-white);--pagination-button-border: calc(var(--border-sm) * 1px) solid var(--color-base-lighter);--pagination-button-border-radius: calc(var(--radius-md) * 1px);--pagination-button-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-button-font-weight: 400;--pagination-button-text-decoration: none;--pagination-button-transition: all .15s ease-in-out;--pagination-button-hover-color: var(--color-primary-dark);--pagination-button-hover-bg-color: var(--color-base-lightest);--pagination-button-hover-border-color: var(--color-base-lighter);--pagination-button-hover-text-decoration: underline;--pagination-button-focus-color: var(--color-primary-dark);--pagination-button-focus-bg-color: var(--color-base-lightest);--pagination-button-focus-border-color: var(--color-primary-medium);--pagination-button-focus-outline: calc(var(--border-lg) * 1px) solid var(--color-primary-medium);--pagination-button-focus-outline-offset: calc(var(--border-sm) * 1px);--pagination-button-active-color: var(--color-primary-dark);--pagination-button-active-bg-color: var(--color-base-lighter);--pagination-button-active-border-color: var(--color-primary-medium);--pagination-button-current-color: var(--color-foundation-white);--pagination-button-current-bg-color: var(--color-foundation-black);--pagination-button-current-border-color: var(--color-foundation-black);--pagination-button-current-font-weight: 700;--pagination-ellipsis-color: var(--color-base-medium);--pagination-ellipsis-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-ellipsis-font-weight: 400;--pagination-high-contrast-border-width: calc(var(--border-lg) * 1px);--person-gap: calc(var(--spacing-md) * 1px);--person-avatar-size: calc(var(--spacing-xl) * 1px);--person-avatar-size-mobile: calc(var(--spacing-lg) * 1px);--person-avatar-size-tablet: calc(var(--spacing-xl) * 1px);--person-avatar-size-desktop: calc(var(--spacing-2xl) * 1px);--person-avatar-size-lg: calc(var(--spacing-2xl) * 1px);--person-border-color: var(--color-base-lighter, #D0D0D0);--person-border-radius: calc(var(--spacing-xs) * 1px);--person-padding: calc(var(--spacing-md) * 1px);--person-body-gap: 0;--person-children-margin-top: calc(var(--spacing-xs) * 1px);--person-tags-margin-top: calc(var(--spacing-xs) * 1px);--person-name-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--person-name-font-weight: 700;--person-name-line-height: 130%;--person-name-color: var(--color-foundation-black);--person-name-font-family: var(--font-family-open-sans);--person-title-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--person-title-font-weight: 400;--person-title-color: var(--color-base-dark, #3D3D3D);--person-dept-color: var(--color-base-dark, #3D3D3D);--person-meta-color: var(--color-base-dark, #3D3D3D);--person-meta-font-size: calc(var(--font-abstraction-open-sans-2xs) * 1px);--person-meta-font-weight: 400;--person-meta-line-height: 140%;--person-action-color: var(--color-foundation-link, #005EA2);--person-avatar-bg: var(--color-base-lightest, #E6E6E6);--person-avatar-fg: var(--color-foundation-black, #1B1B1B);--person-tags-gap: calc(var(--spacing-xs) * 1px);--person-tag-bg: var(--color-base-lightest, #F0F0F0);--person-tag-fg: var(--color-foundation-black, #1B1B1B);--person-tag-radius: 999px;--person-tag-pad-x: calc(var(--spacing-sm) * 1px);--person-tag-height: calc(var(--spacing-md) * 1px);--person-tag-font: 600 12px/1 var(--font-family-open-sans);--person-actions-gap: calc(var(--spacing-sm) * 1px);--person-avatar-font: var(--font-open-sans-weight-bold) var(--font-abstraction-open-sans-body-sm) var(--font-family-open-sans);--process-steps-gap: calc(var(--spacing-xs) * 1px);--process-steps-title-padding: 0px 0px 0px 0px;--process-steps-title-gap: calc(var(--spacing-xs) * 1px);--process-steps-title-color: var(--color-base-darkest, #1C1D1F);--process-steps-title-font-family: var(--font-family-open-sans, "Open Sans");--process-steps-title-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--process-steps-description-gap: calc(var(--spacing-xs) * 1px);--process-steps-description-color: var(--color-base-darkest);--process-steps-description-font-family: var(--font-family-open-sans, "Open Sans");--process-steps-description-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--process-steps-steps-gap: 0px;--process-steps-steps-margin-top: calc(var(--spacing-xl) * 1px);--process-steps-step-item-gap: calc(var(--spacing-md) * 1px);--process-steps-step-number-size: calc(var(--spacing-2xl) * 1px);--process-steps-step-number-bg: var(--color-foundation-white);--process-steps-step-number-border-color: var(--color-base-darkest);--process-steps-step-number-border-width: 4px;--process-steps-step-number-text-color: var(--color-foundation-black);--process-steps-step-number-font-family: var(--font-family-open-sans, "Open Sans");--process-steps-step-number-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--process-steps-connector-width: 8px;--process-steps-connector-height: 127px;--process-steps-connector-color: var(--color-primary-lighter, #D9E8F6);--process-steps-step-content-padding-bottom: calc(var(--spacing-xl) * 1px);--process-steps-step-heading-color: var(--color-foundation-black);--process-steps-step-heading-font-family: var(--font-family-open-sans);--process-steps-step-heading-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--process-steps-step-heading-padding: 12px 0 0 0;--process-steps-step-description-color: var(--color-base-darkest);--process-steps-step-description-font-family: var(--font-family-open-sans);--process-steps-step-description-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--radio-button-title-font-family: var(--font-family-open-sans);--radio-button-title-font-weight: 700;--radio-button-title-font-size: calc(var(--font-abstraction-open-sans-body-sm) * 1px);--radio-button-title-line-height: "normal";--radio-button-options-gap: 8px;--radio-button-label-gap: 8px;--radio-button-color: var(--color-foundation-black);--radio-button-border-color: var(--color-base-darkest);--radio-button-border-width: 2px;--radio-button-border-radius: 50%;--radio-button-bg: var(--color-foundation-white);--radio-button-checked-border-color: var(--color-primary-medium);--radio-button-checked-bg: var(--color-foundation-white);--radio-button-checked-color: var(--color-primary-medium);--radio-button-checked-border-radius: 50%;--radio-button-checked-border-width: 3px;--radio-button-label-text-color: var(--color-foundation-black);--radio-button-label-text-font-family: var(--font-family-open-sans);--radio-button-label-text-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--radio-button-label-text-font-weight: 400;--radio-button-label-line-height: 130%;--radio-button-label-description-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--radio-button-disabled-color: var(--color-disabled-medium);--radio-button-tiled-border-radius: 4px;--radio-button-tiled-border-width: 2px;--radio-button-tiled-border-color: var(--color-base-lighter);--radio-button-tiled-background-color: var(--color-foundation-white);--radio-button-tiled-selected-border-color: var(--color-primary-medium);--radio-button-tiled-selected-background-color: rgba(0, 94, 162, .1);--radio-button-tiled-selected-opacity: .1;--radio-button-tiled-disabled-border-color: var(--color-base-lighter);--radio-button-tiled-disabled-background-color: var(--color-foundation-white);--radio-button-required-asterisk-color: var(--color-error-dark);--radio-button-error-text-color: var(--color-error-dark);--radio-button-error-font-family: var(--font-family-open-sans);--radio-button-error-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--radio-button-error-font-weight: 700;--radio-button-error-border-color: var(--color-error-dark);--search-input-margin-right: calc(var(--spacing-none) * 1px);--search-input-min-width: 27ch;--search-input-padding: calc(var(--spacing-xs) * 1px);--search-input-height: calc(var(--units-8) * 1px);--search-input-border: 1px solid var(--color-base-darkest);--search-button-padding: calc(var(--spacing-xs) * 1px);--search-button-height: calc(var(--units-8) * 1px);--search-icon-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--search-font-size-big: calc(var(--font-abstraction-open-sans-sm) * 1px);--search-input-padding-big: calc(var(--spacing-md) * 1px);--search-input-height-big: calc(var(--units-10) * 1px);--search-button-padding-big: calc(var(--spacing-md) * 1px);--search-button-height-big: calc(var(--units-10) * 1px);--search-font-size-small: calc(var(--font-abstraction-open-sans-sm) * 1px);--search-input-padding-small: calc(var(--spacing-xs) * 1px);--search-button-padding-small: calc(var(--spacing-xs) * 1px);--side-nav-border-radius-sm: 4px;--side-nav-border-radius: calc(var(--spacing-xs) * 1px);--side-nav-border-width-md: 2px;--side-nav-border-width-sm: 1px;--side-nav-border-color-default: var(--color-base-lighter);--side-nav-border-color-selected: var(--color-primary-medium);--side-nav-bg-default: transparent;--side-nav-bg-hover: rgba(0, 0, 0, .05);--side-nav-bg-selected: rgba(0, 0, 0, .01);--side-nav-padding-sm: calc(var(--spacing-xs) * 1px);--side-nav-active-child-padding: calc(var(--spacing-sm) * 1px) calc(var(--spacing-xs) * 1px) calc(var(--spacing-sm) * 1px) calc(var(--spacing-xl) * 1px);--side-nav-active-child-bg: var(--color-black-transparent-5);--side-nav-text-color-default: var(--color-foundation-black);--side-nav-text-color-selected-header: var(--color-foundation-black);--side-nav-width: 216px;--side-nav-bg: var(--color-foundation-white);--side-nav-indicator-width: 4px;--side-nav-font-family: var(--font-family-open-sans);--side-nav-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--side-nav-line-height: 130%;--side-nav-child-font-family: var(--font-family-open-sans);--side-nav-child-font-size: calc(var(--font-abstraction-open-sans-body-2xs) * 1px);--side-nav-child-line-height: 130%;--side-nav-children-max-height: 500px;--side-nav-children-transition: all .3s ease-in-out;--side-nav-item-transition: all .2s ease-in-out;--side-nav-indicator-transition: background-color .2s ease-in-out;--skip-nav-padding-y: calc(var(--spacing-sm) * 1px);--skip-nav-padding-x: calc(var(--spacing-lg) * 1px);--skip-nav-bg: var(--color-primary-medium);--skip-nav-font-family: var(--font-family-open-sans);--skip-nav-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--skip-nav-font-weight: 500;--skip-nav-color: var(--color-foundation-white);--step-indicator-font-family: var(--font-family-open-sans);--step-indicator-