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

Portland Component Library using design tokens from Figma

.pgov-theme-applied{--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-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: calc(var(--spacing-xs) * 1px) calc(var(--spacing-sm) * 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: var(--border-md);--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-media-col-width: 135px;--card-flag-gap: 24px;--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: 24px 0 24px 24px;--card-flag-media-inset-left-padding-mobile: 16px 16px 0;--card-flag-media-inset-right-padding: 24px 24px 24px 0;--card-flag-media-inset-right-padding-mobile: 16px 16px 0;--card-flag-media-inset-padding-mobile: 16px 16px 0;--card-flag-padding: 24px;--card-flag-padding-mobile: 0 16px 16px;--card-flag-content-gap: 16px;--card-flag-footer-margin-top: 8px;--card-grid-padding-lg: calc(var(--spacing-xl) * 1px);--card-grid-margin-mobile: calc(var(--spacing-md) * 1px);--card-grid-gap-lg: calc(var(--spacing-xl) * 1px);--card-grid-divider-color: #E0E0E0;--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-sm) * 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: calc(var(--spacing-sm) * 1px);--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-2xs) * 1px);--checkbox-input-size: calc(var(--spacing-sm) * 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-blue-60);--checkbox-checked-border-color: var(--color-primary-medium);--checkbox-check-size: calc(var(--spacing-sm) * 1px);--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='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'/%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: calc(var(--spacing-xs) * 1px);--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: rgba(0, 94, 162, .1);--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-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-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);--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-color: var(--color-foundation-black);--dropdown-item-bg: transparent;--dropdown-item-hover-bg: var(--color-base-lighter);--dropdown-item-padding-top-bottom: calc(var(--spacing-xs) * 1px);--dropdown-item-padding-left-right: calc(var(--spacing-lg) * 1px);--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;--footer-max-width: 64rem;--footer-font-family: var(--font-family-open-sans);--footer-font-size-base: calc(var(--font-open-sans-size-3) * 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-open-sans-size-5) * 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-open-sans-size-5) * 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-open-sans-size-5) * 1px);--footer-body-font-size: calc(var(--font-open-sans-size-5) * 1px);--header-menu-link-bg: var(--color-foundation-white);--header-menu-link-hover-bg: var(--color-base-lighter);--header-menu-link-radius: 4px;--header-menu-link-title-color: var(--color-foundation-link);--header-menu-link-title-font-size: calc(var(--font-open-sans-size-7) * 1px);--header-menu-link-title-font-weight: 500;--header-menu-link-title-line-height: 1.3;--header-menu-link-description-color: var(--color-foundation-black);--header-menu-link-description-font-size: calc(var(--font-open-sans-size-3) * 1px);--header-menu-link-description-font-weight: 400;--header-menu-link-description-line-height: 1.4;--header-menu-group-title-color: var(--color-foundation-black);--header-menu-group-title-font-size: calc(var(--font-open-sans-size-8) * 1px);--header-menu-group-title-font-weight: 700;--header-menu-group-title-border-color: var(--color-base-lighter);--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-open-sans-size-3) * 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-open-sans-size-11) * 1px);--hero-global-desc-font-family: var(--font-family-open-sans, "Public Sans");--hero-global-desc-font-size: calc(var(--font-open-sans-size-5) * 1px);--hero-global-image-placeholder-bg: var(--color-base-lighter);--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-size: calc(var(--font-open-sans-size-12) * 1px);--hero-homepage-subtitle-font-size: calc(var(--font-open-sans-size-11) * 1px);--hero-homepage-gap-sm: calc(var(--spacing-xs) * 1px);--hero-homepage-link-color: var(--color-foundation-black);--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-background-color: var(--color-base-darkest);--identifier-text-color: var(--color-foundation-white);--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-open-sans-size-5) * 1px);--identifier-domain-font-size-mobile: calc(var(--font-open-sans-size-6) * 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-open-sans-size-5) * 1px);--identifier-disclaimer-font-size-mobile: calc(var(--font-open-sans-size-4) * 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-open-sans-size-5) * 1px);--identifier-required-link-font-size-mobile: calc(var(--font-open-sans-size-4) * 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-open-sans-size-5) * 1px);--identifier-usagov-font-size-mobile: calc(var(--font-open-sans-size-4) * 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-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-button-size: calc(var(--units-10) * 1px);--pagination-button-size-mobile: calc(var(--units-8) * 1px);--pagination-button-padding: calc(var(--spacing-2xs) * 1px);--pagination-arrow-padding: calc(var(--spacing-xs) * 1px) calc(var(--spacing-sm) * 1px);--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;--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: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-icon-size-mobile: calc(var(--font-abstraction-open-sans-sm) * 1px);--pagination-icon-spacing: calc(var(--spacing-2xs) * 1px);--pagination-button-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: underline;--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-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);--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, "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, "Open Sans");--process-steps-step-description-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--radio-button-options-gap: 16px;--radio-button-label-gap: 8px;--radio-button-color: var(--color-foundation-black);--radio-button-border-color: var(--color-base-darkest);--radio-button-border-width: 3px;--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-lg: 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-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-sm) * 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-segment-gap: 2px;--step-indicator-segment-height: 8px;--step-indicator-segment-color-complete: var(--color-primary-dark);--step-indicator-segment-color-current: var(--color-primary-medium);--step-indicator-segment-color-pending: var(--color-foundation-black);--step-indicator-text-pending-color: var(--color-foundation-black);--step-indicator-label-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--step-indicator-heading-color: var(--color-foundation-black);--step-indicator-heading-font-family: var(--font-family-open-sans);--step-indicator-heading-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--step-indicator-heading-font-size-small: calc(var(--font-abstraction-open-sans-sm) * 1px);--step-indicator-bg: var(--color-foundation-white);--step-indicator-margin-bottom: calc(var(--spacing-sm) * 1px);--step-indicator-header-margin-top: calc(var(--spacing-xs) * 1px);--step-indicator-heading-gap: calc(var(--spacing-xs) * 1px);--step-indicator-heading-icon-margin: 0 .5rem;--step-indicator-label-line-height: 120%;--step-indicator-label-margin-top: .5rem;--step-indicator-segment-padding-top: calc(var(--spacing-xl) * 1px);--step-indicator-counter-container-padding: calc(var(--spacing-xs) * 1px);--step-indicator-counter-container-bg: var(--color-base-lightest);--step-indicator-counter-container-color: var(--color-foundation-black);--step-indicator-counter-container-font-family: var(--font-family-open-sans);--step-indicator-counter-container-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--step-indicator-counter-container-font-weight: 700;--step-indicator-counter-container-gap: calc(var(--spacing-xs) * 1px);--step-indicator-counter-top: -12px;--step-indicator-counter-sm-top: -10px;--step-indicator-counter-size: 2rem;--step-indicator-counter-sm-size: 1.5rem;--step-indicator-counter-sm-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--summary-box-padding: calc(var(--spacing-lg) * 1px);--summary-box-gap: calc(var(--spacing-md) * 1px);--summary-box-border-color: var(--color-info-light);--summary-box-bg: var(--color-info-lighter);--summary-box-bg-hover: var(--color-primary-lightest);--summary-box-text-color: var(--color-foundation-black);--summary-box-font-family: var(--font-family-open-sans);--summary-box-heading-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--summary-box-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--summary-box-button-icon-gap: calc(var(--spacing-xs) * 1px);--summary-box-button-color: var(--color-primary-medium);--summary-box-button-padding-y: calc(var(--spacing-sm) * 1px);--summary-box-button-padding-x: calc(var(--spacing-lg) * 1px);--summary-box-button-font-family: var(--font-family-open-sans);--summary-box-border-radius: 4px;--summary-box-line-height: 24px;--summary-box-button-radius: 4px;--summary-box-button-icon-size: 15px;--table-margin: calc(var(--spacing-lg) * 1px) 0;--table-font-family: var(--font-family-open-sans);--table-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--table-line-height: 1.5;--table-bg-color: var(--color-foundation-white);--table-text-color: var(--color-foundation-black);--table-border-width: calc(var(--border-sm) * 1px);--table-border-color: var(--color-foundation-black);--table-cell-padding: calc(var(--spacing-xs) * 1px) calc(var(--spacing-md) * 1px);--table-cell-bg-color: var(--color-foundation-white);--table-caption-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--table-caption-font-weight: 700;--table-caption-margin-bottom: calc(var(--spacing-xs) * 1px);--table-caption-text-align: left;--table-caption-text-color: var(--color-foundation-black);--table-header-bg-color: var(--color-base-lightest);--table-header-text-color: var(--color-foundation-black);--table-header-font-weight: 700;--table-header-hover-bg-color: var(--color-base-lighter);--table-header-focus-outline: calc(var(--border-md) * 1px) solid var(--color-primary-medium);--table-header-focus-outline-offset: -2px;--table-borderless-border-width: 0;--table-borderless-border-color: transparent;--table-borderless-bg-color: transparent;--table-borderless-text-color: var(--color-foundation-black);--table-borderless-font-weight: 400;--table-borderless-hover-bg-color: var(--color-base-lightest);--table-stripe-bg-color: var(--color-base-lightest);--table-stripe-text-color: var(--color-foundation-black);--table-sort-icon-gap: calc(var(--spacing-xs) * 1px);--table-sort-icon-size: 24px;--table-sort-icon-color: var(--color-foundation-black);--table-sorted-header-bg-color: var(--color-base-lighter);--table-sorted-header-text-color: var(--color-foundation-black);--table-sorted-bg-color: var(--color-info-light);--table-sorted-stripe-bg-color: var(--color-info-light);--table-scrollable-focus-outline: calc(var(--border-md) * 1px) solid var(--color-primary-medium);--table-scrollable-focus-outline-offset: 0;--table-sticky-top-offset: 0;--table-sticky-z-index: 100;--table-stacked-separator-width: calc(var(--border-lg) * 1px);--table-stacked-row-gap: calc(var(--spacing-md) * 1px);--table-stacked-header-padding: calc(var(--spacing-sm) * 1px) calc(var(--spacing-md) * 1px) calc(var(--spacing-2xs) * 1px);--table-stacked-cell-padding: 0 calc(var(--spacing-md) * 1px) calc(var(--spacing-sm) * 1px);--tag-padding-x: calc(var(--spacing-3xs) * 1px);--tag-padding-y: calc(var(--spacing-xs) * 1px);--tag-radius: calc(var(--radius-full) * 1px);--tag-bg: var(--color-base-dark);--tag-color: var(--color-foundation-white);--tag-font-family: var(--font-family-open-sans);--tag-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--tag-big-padding-x: calc(var(--spacing-3xs) * 1px);--tag-big-padding-y: calc(var(--spacing-xs) * 1px);--tag-big-gap: calc(var(--spacing-xs) * 1px);--tag-big-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-area-gap: calc(var(--spacing-xs) * 1px);--text-area-label-font-family: var(--font-family-open-sans);--text-area-label-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-area-label-font-weight: 700;--text-area-desc-font-family: var(--font-family-open-sans);--text-area-desc-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-area-footer-gap: calc(var(--spacing-md) * 1px);--text-area-error-font-family: var(--font-family-open-sans);--text-area-error-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-area-error-font-weight: 700;--text-area-error-color: var(--color-error-dark);--text-area-count-font-family: var(--font-family-open-sans);--text-area-count-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-area-count-color: var(--color-foundation-black);--text-area-bg: var(--color-foundation-white);--text-area-border: 1px solid var(--color-foundation-black);--text-area-border-radius: calc(var(--radius-0) * 1px);--text-area-error-border: calc(var(--border-lg) * 1px) solid var(--color-error-dark);--text-area-success-border: calc(var(--border-lg) * 1px) solid var(--color-success-dark);--text-area-disabled-bg: var(--color-disabled-lighter);--text-area-disabled-color: var(--color-foundation-white);--text-area-min-height: calc(var(--units-10) * 1px);--text-area-input-font-family: var(--font-family-open-sans);--text-area-input-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-area-input-color: var(--color-foundation-black);--text-area-input-padding: calc(var(--spacing-sm) * 1px);--text-area-focus-outline: calc(var(--border-lg) * 1px) solid var(--color-primary-medium);--text-area-focus-outline-offset: 0;--text-input-max-width: 640px;--text-input-gap: calc(var(--spacing-xs) * 1px);--text-input-label-font-family: var(--font-family-open-sans);--text-input-label-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-input-label-font-weight: 700;--text-input-desc-font-family: var(--font-family-open-sans);--text-input-desc-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-input-error-font-family: var(--font-family-open-sans);--text-input-error-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-input-error-font-weight: 700;--text-input-error-color: var(--color-error-dark);--text-input-bg: var(--color-foundation-white);--text-input-border: 1px solid var(--color-foundation-black);--text-input-border-radius: calc(var(--radius-0) * 1px);--text-input-error-border: calc(var(--border-lg) * 1px) solid var(--color-error-dark);--text-input-success-border: calc(var(--border-lg) * 1px) solid var(--color-success-dark);--text-input-disabled-bg: var(--color-disabled-lighter);--text-input-disabled-color: var(--color-foundation-white);--text-input-height: calc(var(--units-10) * 1px);--text-input-input-font-family: var(--font-family-open-sans);--text-input-input-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--text-input-input-color: var(--color-foundation-black);--text-input-input-disabled-color: var(--color-foundation-white);--text-input-affix-color: var(--color-foundation-black);--text-input-input-padding: calc(var(--spacing-sm) * 1px);--text-input-focus-outline: calc(var(--border-lg) * 1px) solid var(--color-primary-medium);--text-input-focus-outline-offset: 0;--text-input-prefix-padding: 0 0 0 .75rem;--text-input-suffix-padding: 0 .75rem 0 0;--text-input-prefix-input-padding-left: .5rem;--tooltip-font-family: var(--font-family-open-sans);--tooltip-font-size: calc(var(--font-abstraction-open-sans-sm) * 1px);--tooltip-line-height: 1.5;--tooltip-border-radius: calc(var(--radius-md) * 1px);--tooltip-bg-light: var(--color-base-lightest);--tooltip-color-light: var(--color-foundation-black);--tooltip-shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--tooltip-bg-dark: var(--color-foundation-black);--tooltip-color-dark: var(--color-foundation-white);--tooltip-border-radius-dark: calc(var(--radius-md) * 1px);--tooltip-shadow-dark: 0 2px 4px rgba(0, 0, 0, .3);--tooltip-arrow-bg: inherit;--tooltip-popup-shadow: 0 4px 12px rgba(0, 0, 0, .15);--language-selector-button-color: var(--color-foundation-link);--language-selector-button-hover-color: var(--color-foundation-link-hover);--language-selector-button-gap: calc(var(--spacing-2xs) * 1px);--language-selector-focus-outline