@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=5ce9ca87-90c7-44dc-9631-86393bc93376);
:root {
  --spacing-20: 8.0rem;
  --spacing-19: 7.6rem;
  --spacing-18: 7.2rem;
  --spacing-17: 6.8rem;
  --spacing-16: 6.4rem;
  --spacing-15: 6.0rem;
  --spacing-14: 5.6rem;
  --spacing-13: 5.2rem;
  --spacing-12: 4.8rem;
  --spacing-11: 4.4rem;
  --spacing-10: 4.0rem;
  --spacing-9: 3.6rem;
  --spacing-8: 3.2rem;
  --spacing-7: 2.8rem;
  --spacing-6: 2.4rem;
  --spacing-5: 2.0rem;
  --spacing-4: 1.6rem;
  --spacing-3: 1.2rem;
  --spacing-2: .8rem;
  --spacing-1: .4rem;
  --spacing-0: 0;
  --line-height-xx-large: 4.2rem;
  --line-height-x-large: 3.3rem;
  --line-height-large: 2.2rem;
  --line-height-medium: 1.9rem;
  --line-height-small: 1.7rem;
  --line-height-x-small: 1.4rem;
  --letter-spacing-expand: 0.043rem;
  --letter-spacing-normal: 0rem;
  --letter-spacing-condensed: -0.1rem;
  --font-size-xx-large: 3.2rem;
  --font-size-x-large: 2.4rem;
  --font-size-large: 1.6rem;
  --font-size-medium: 1.4rem;
  --font-size-small: 1.2rem;
  --font-size-x-small: 1rem;
  --sizing-width-modal: 63.2rem;
  --sizing-width-button-large: 28.8rem;
  --sizing-width-button-medium: 20rem;
  --sizing-width-button-small: 5.6rem;
  --sizing-width-input-large: 44.7rem;
  --sizing-width-input-medium: 28.8rem;
  --sizing-width-input-small: 25.7rem;
  --sizing-width-input-mini: 21.3rem;
  --sizing-height-tab: 5.2rem;
  --sizing-height-x-mini: 1.7rem;
  --sizing-height-xx-large: 4.2rem;
  --sizing-height-full: 100%;
  --sizing-height-large: 4.8rem;
  --sizing-height-medium: 4.0rem;
  --sizing-height-small: 3.2rem;
  --sizing-height-mini: 2.4rem;
  --sizing-font-input-file-hidden: 5rem;
  --sizing-component-xx-small: 16px;
  --sizing-component-x-small: 24px;
  --sizing-component-small: 32px; /* Touch Target */
  --sizing-component-compact: 36px; /* Touch Target */
  --sizing-component-default: 44px; /* Touch Target */
  --sizing-component-large: 48px;
  --sizing-component-x-large: 52px;
  --sizing-xxxx-large: 6.4rem;
  --sizing-xxx-large: 4.8rem;
  --sizing-xx-large: 4.0rem;
  --sizing-x-large: 3.2rem;
  --sizing-large: 2.4rem;
  --sizing-medium: 1.6rem;
  --sizing-small: 0.8rem;
  --sizing-none: 0;
  --sizing-input-box-shadow-blur: 0.4rem;
  --sizing-input-box-shadow-v-offset: 0.2rem;
  --sizing-input-box-shadow-h-offset: 0;
  --sizing-border-radius-top: 4px 4px 0 0;
  --sizing-border-radius-default: 4px;
  --sizing-border-radius: 3px;
  --sizing-border-thick: 2px;
  --sizing-border: 1px;
  --sizing-base-unit: 8px;
  --opacity-disabled: 0.4;
  --icon-small: 16px;
  --icon-compact: 20px;
  --icon-default: 24px;
  --icon-large: 32px;
  --font-text-transform-uppercase: uppercase;
  --font-letter-spacing-overline: 0.1rem;
  --font-letter-spacing-caption: 0.02rem;
  --font-letter-spacing-compact: 0.01rem;
  --font-letter-spacing-body: 0.01rem;
  --font-letter-spacing-subtitle-2: 0.01rem;
  --font-letter-spacing-subtitle-1: 0.015rem;
  --font-letter-spacing-headline-6: normal;
  --font-letter-spacing-headline-5: normal;
  --font-letter-spacing-headline-4: normal;
  --font-letter-spacing-headline-3: normal;
  --font-letter-spacing-headline-2: normal;
  --font-letter-spacing-headline-1: normal;
  --font-size-overline: 1.2rem;
  --font-size-caption: 1.2rem;
  --font-size-compact: 1.4rem;
  --font-size-body: 1.6rem;
  --font-size-subtitle-2: 1.6rem;
  --font-size-subtitle-1: 1.8rem;
  --font-size-headline-6: 2.0rem;
  --font-size-headline-5: 2.4rem;
  --font-size-headline-4: 3.2rem;
  --font-size-headline-3: 4.0rem;
  --font-size-headline-2: 4.8rem;
  --font-size-headline-1: 5.6rem;
  --font-weight-avenir-heavy: 700;
  --font-weight-avenir-medium: 550;
  --font-weight-avenir-roman: 400;
  --font-weight-avenir-light: 300;
  --font-family-serif: serif;
  --font-family-sans-serif: Avenir;
  --divider-large: 8px solid;
  --divider-medium: 4px solid;
  --divider-small: 1px solid;
  --z-depth-zero: 0;
  --z-depth-bar: 2500;
  --z-depth-over: 1;
  --z-depth-toast: 5000;
  --z-depth-spinner: 4000;
  --z-depth-modal: 3000;
  --z-depth-dropdown: 2000;
  --z-depth-sticky: 1000;
  --color-secondary-pink-dark: #9b3054;
  --color-secondary-pink-light: #bf4860;
  --color-secondary-teal-dark: #006d75;
  --color-secondary-teal-light: #089e94;
  --color-secondary-violet-dark: #802d5e;
  --color-secondary-violet-light: #ba4589;
  --color-secondary-purple-dark: #632a6e;
  --color-secondary-purple-light: #be47b5;
  --color-secondary-blue-brand-light: #3095b4;
  --color-secondary-blue-light: #0092cc;
  --color-scale-severe: #95120e;
  --color-scale-high: #d21e17;
  --color-scale-elevated: #e66b0e;
  --color-scale-moderate: #f4bb14;
  --color-scale-mild: #57a11c;
  --color-scale-low: #007132;
  --color-primary-blue-interactive: #0078a7;
  --color-primary-blue: #005172;
  --color-notification-warning: #ba4700;
  --color-gray-incidental: #cbcdce;
  --color-gray-secondary: #6b6d6f;
  --color-gray-primary: #161919;
  --color-background-modal-transparency: rgba(245, 250, 252, 0.9);
  --color-background-dropdown-list-hover: #efefef;
  --color-background-dropdown-hover: #e5e7e7;
  --color-background-input-disabled: #f4f6f6;
  --color-background-checkbox-disabled: #ffffff;
  --color-background-radiobutton-disabled: #fbf8f8;
  --color-background-button-tertiary-disabled: #acd1de;
  --color-background-button-tertiary-hover: #05485d;
  --color-background-button-tertiary: #1381a2;
  --color-background-button-secondary-disabled: #acd1de;
  --color-background-button-secondary-hover: #05485d;
  --color-background-button-secondary: #1381a2;
  --color-background-button-primary-disabled: #a4cdda;
  --color-background-button-primary-hover: #05485d;
  --color-background-button-primary: #1a80a1;
  --color-background-nav-primary: #003957;
  --color-background-gray: #f6f7f8;
  --color-background-white: #ffffff;
  --breakpoint-xl: 1800px;
  --breakpoint-lg: 1200px;
  --breakpoint-md: 600px;
  --breakpoint-mobile-portrait: 600px;
  --breakpoint-tablet-portrait: 896px;
  --breakpoint-desktop-small: 897px;
  --box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.16);
  --border-radius-full: 50%;
  --border-radius-small: 6px;
  --border-radius-compact: 7px;
  --border-radius-default: 8px;
  --border-solid: solid;
  --border-outline: 2px;
  --border-medium: 2px solid;
  --border-thin: 1px solid;
  --asset-font-opensans-bold-ttf: "https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap";
  --asset-font-opensans-bold-name: "Open Sans Bold";
  --asset-font-opensans-semi-bold-ttf: "https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap";
  --asset-font-opensans-semi-bold-name: "Open Sans SemiBold";
  --asset-font-opensans-regular-ttf: "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap";
  --asset-font-opensans-regular-name: "Open Sans Regular";
  --asset-font-opensans-light-ttf: "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap";
  --asset-font-opensans-light-name: "Open Sans Light";
  --font-paragraph-overline: var(--spacing-3);
  --font-paragraph-caption: var(--spacing-3);
  --font-paragraph-compact: var(--spacing-4);
  --font-paragraph-body: var(--spacing-5);
  --font-paragraph-subtitle-2: var(--spacing-5);
  --font-paragraph-subtitle-1: var(--spacing-6);
  --font-paragraph-headline-6: var(--spacing-6);
  --font-paragraph-headline-5: var(--spacing-7);
  --font-paragraph-headline-4: var(--spacing-8);
  --font-paragraph-headline-3: var(--spacing-8);
  --font-paragraph-headline-2: var(--spacing-9);
  --font-paragraph-headline-1: var(--spacing-10);
  --font-line-height-overline: var(--spacing-4);
  --font-line-height-caption: var(--spacing-4);
  --font-line-height-compact: var(--spacing-5);
  --font-line-height-body: var(--spacing-6);
  --font-line-height-subtitle-2: var(--spacing-6);
  --font-line-height-subtitle-1: var(--spacing-6);
  --font-line-height-headline-6: var(--spacing-8);
  --font-line-height-headline-5: var(--spacing-9);
  --font-line-height-headline-4: var(--spacing-11);
  --font-line-height-headline-3: var(--spacing-13);
  --font-line-height-headline-2: var(--spacing-16);
  --font-line-height-headline-1: var(--spacing-18);
  --color-secondary-pink-dark-alpha-1: rgba(155, 48, 84, 0.1);
  --color-secondary-teal-dark-alpha-1: rgba(0, 109, 117, 0.1);
  --color-secondary-violet-dark-alpha-1: rgba(128, 45, 94, 0.1);
  --color-secondary-purple-dark-alpha-1: rgba(99, 42, 110, 0.1);
  --color-secondary-purple-light-alpha-1: rgba(190, 71, 181, 0.1);
  --color-primary-blue-interactive-alpha-4: rgba(0, 120, 167, 0.4);
  --color-primary-blue-interactive-alpha-2: rgba(0, 120, 167, 0.2);
  --color-primary-blue-interactive-alpha-1: rgba(0, 120, 167, 0.1);
  --color-primary-blue-alpha-4: rgba(0, 81, 114, 0.4);
  --color-primary-blue-alpha-1: rgba(0, 81, 114, 0.1);
  --color-notification-error: var(--color-scale-high);
  --color-notification-warning-alpha-4: rgba(186, 71, 0, 0.4);
  --color-notification-warning-alpha-1: rgba(186, 71, 0, 0.1);
  --color-notification-success: var(--color-scale-low);
  --color-notification-info: var(--color-primary-blue);
  --color-gray-incidental-alpha-4: rgba(203, 205, 206, 0.4);
  --color-gray-incidental-alpha-2: rgba(203, 205, 206, 0.2);
  --color-gray-incidental-alpha-1: rgba(203, 205, 206, 0.1);
  --color-gray-secondary-alpha-4: rgba(107, 109, 111, 0.4);
  --color-gray-secondary-alpha-2: rgba(107, 109, 111, 0.2);
  --color-gray-secondary-alpha-1: rgba(107, 109, 111, 0.1);
  --color-gray-primary-alpha-4: rgba(22, 25, 25, 0.4);
  --color-gray-primary-alpha-2: rgba(22, 25, 25, 0.2);
  --color-gray-primary-alpha-1: rgba(22, 25, 25, 0.1);
  --color-chart-uncategory-3: var(--color-gray-incidental);
  --color-chart-uncategory-2: var(--color-gray-primary);
  --color-chart-uncategory-1: var(--color-gray-secondary);
  --color-chart-category-8: var(--color-secondary-pink-light);
  --color-chart-category-7: var(--color-secondary-purple-dark);
  --color-chart-category-6: var(--color-secondary-teal-light);
  --color-chart-category-5: var(--color-secondary-teal-dark);
  --color-chart-category-4: var(--color-secondary-violet-light);
  --color-chart-category-3: var(--color-secondary-purple-light);
  --color-chart-category-2: var(--color-primary-blue);
  --color-chart-category-1: var(--color-secondary-blue-light);
  --color-background-gray-alpha-4: rgba(246, 247, 248, 0.4);
  --color-background-white-alpha-2: rgba(255, 255, 255, 0.2);
  --color-background-white-alpha-1: rgba(255, 255, 255, 0.1);
  --shadow-right-1: -2px 0 4px var(--color-gray-primary-alpha-2);
  --shadow-left-1: 2px 0 4px var(--color-gray-primary-alpha-2);
  --shadow-bottom-1: 0 1px -2px var(--color-gray-primary-alpha-2);
  --shadow-minus-1: 0 1px 3px var(--color-gray-primary-alpha-2);
  --shadow-plus-2: 0 4px 8px var(--color-gray-primary-alpha-4);
  --shadow-plus-1: 0 2px 4px var(--color-gray-primary-alpha-2);
  --color-notification-error-alpha-4: rgba(210, 30, 23, 0.4);
  --color-notification-error-alpha-1: rgba(210, 30, 23, 0.1);
  --color-notification-success-alpha-4: rgba(0, 113, 50, 0.4);
  --color-notification-success-alpha-1: rgba(0, 113, 50, 0.1);
  --color-chart-category-8-alpha-4: rgba(191, 72, 96, 0.4);
  --color-chart-category-8-alpha-2: rgba(191, 72, 96, 0.2);
  --color-chart-category-8-alpha-1: rgba(191, 72, 96, 0.1);
  --color-chart-category-7-alpha-4: rgba(99, 42, 110, 0.4);
  --color-chart-category-7-alpha-2: rgba(99, 42, 110, 0.2);
  --color-chart-category-7-alpha-1: rgba(99, 42, 110, 0.1);
  --color-chart-category-6-alpha-4: rgba(8, 158, 148, 0.4);
  --color-chart-category-6-alpha-2: rgba(8, 158, 148, 0.2);
  --color-chart-category-6-alpha-1: rgba(8, 158, 148, 0.1);
  --color-chart-category-5-alpha-4: rgba(0, 109, 117, 0.4);
  --color-chart-category-5-alpha-2: rgba(0, 109, 117, 0.2);
  --color-chart-category-5-alpha-1: rgba(0, 109, 117, 0.1);
  --color-chart-category-4-alpha-4: rgba(186, 69, 137, 0.4);
  --color-chart-category-4-alpha-2: rgba(186, 69, 137, 0.2);
  --color-chart-category-4-alpha-1: rgba(186, 69, 137, 0.1);
  --color-chart-category-3-alpha-4: rgba(190, 71, 181, 0.4);
  --color-chart-category-3-alpha-2: rgba(190, 71, 181, 0.2);
  --color-chart-category-3-alpha-1: rgba(190, 71, 181, 0.1);
  --color-chart-category-2-alpha-4: rgba(0, 81, 114, 0.4);
  --color-chart-category-2-alpha-2: rgba(0, 81, 114, 0.2);
  --color-chart-category-2-alpha-1: rgba(0, 81, 114, 0.1);
  --color-chart-category-1-alpha-4: rgba(0, 146, 204, 0.4);
  --color-chart-category-1-alpha-2: rgba(0, 146, 204, 0.2);
  --color-chart-category-1-alpha-1: rgba(0, 146, 204, 0.1);
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/*
* Keeping the font named "Avenir LT" to try and prevent any locally installed
* naming collisions.
*/
@font-face {
  /* Avenir LT W05_35 Light */
  font-family: "Avenir LT";
  font-weight: 200;
  src: url('f5354f80-92cf-4f4b-b36f-8c045d5c8426.c8be905fd2647946.woff2') format("woff2");
}
@font-face {
  /* Avenir LT W05_55 Roman */
  font-family: "Avenir LT";
  font-weight: 400;
  src: url('22c9fb19-d2ca-4a69-913f-3d216e2744d1.b5774261f162aeb9.woff2') format("woff2");
}
@font-face {
  /* Avenir LT W05_65 Medium */
  font-family: "Avenir LT";
  font-weight: 700;
  src: url('35f0ec4c-2566-463d-a1df-744259ac0ce8.dacfbe389b8612fa.woff2') format("woff2");
}
@font-face {
  /* Avenir LT W05_85 Heavy */
  font-family: "Avenir LT";
  font-weight: 900;
  src: url('0d51f252-d47b-421f-8ffe-eb417dce1b53.04c306cfb1ad5e06.woff2') format("woff2");
}

:root {
  --uux-font-stack: "Avenir LT", system-ui;
}

html {
  /* 10px relative to 16px (browser default) */
  font-size: 0.625rem;
  -webkit-text-size-adjust: 100%;
}

/*
 Temporarily force main elements until we suss out
 a full view on font handling from material.
 Also overrides stuff from other libraries, like
 the previous bootstrap stuff.
*/
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--uux-font-stack);
}

body {
  color: var(--color-gray-secondary);
  background-color: var(--color-background-gray);
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
  color: var(--color-gray-primary);
}

a {
  color: var(--color-primary-blue-interactive);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input:focus-visible,
button:focus-visible,
[role="button"]:focus-visible, {
  outline: revert;
}

::placeholder {
  color: var(--color-gray-secondary) !important;
}

.mat-icon {
  vertical-align: middle;

  &.mat-error {
    color: var(--color-notification-error);
  }
}