@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap");/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 *//*
############     _settings-index.scss      ############
variables and settings
*//*
############     _class-vars.scss      ############
CSS Classes - SCSS Variables
*//*
############     _settings-index.scss      ############
variables and settings
*//*
############     _settings-index.scss      ############
variables and settings
*//*
############     _spacing.scss      ############
8px horizontal spacing
*/.utah-design-system {
  --spacing-3xs: 2px;
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 40px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;
  --spacing-5xl: 80px;
  --spacing-6xl: 96px;
}.utah-design-system .m-spacing {
  margin: var(--spacing);
}.utah-design-system .mt-spacing {
  margin-top: var(--spacing);
}.utah-design-system .mr-spacing {
  margin-right: var(--spacing);
}.utah-design-system .mb-spacing {
  margin-bottom: var(--spacing);
}.utah-design-system .ml-spacing {
  margin-left: var(--spacing);
}.utah-design-system .mx-spacing {
  margin-left: var(--spacing);
  margin-right: var(--spacing);
}.utah-design-system .my-spacing {
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
}.utah-design-system .m-spacing-l {
  margin: var(--spacing-l);
}.utah-design-system .mt-spacing-l {
  margin-top: var(--spacing-l);
}.utah-design-system .mr-spacing-l {
  margin-right: var(--spacing-l);
}.utah-design-system .mb-spacing-l {
  margin-bottom: var(--spacing-l);
}.utah-design-system .ml-spacing-l {
  margin-left: var(--spacing-l);
}.utah-design-system .mx-spacing-l {
  margin-left: var(--spacing-l);
  margin-right: var(--spacing-l);
}.utah-design-system .my-spacing-l {
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-l);
}.utah-design-system .m-spacing-xl {
  margin: var(--spacing-xl);
}.utah-design-system .mt-spacing-xl {
  margin-top: var(--spacing-xl);
}.utah-design-system .mr-spacing-xl {
  margin-right: var(--spacing-xl);
}.utah-design-system .mb-spacing-xl {
  margin-bottom: var(--spacing-xl);
}.utah-design-system .ml-spacing-xl {
  margin-left: var(--spacing-xl);
}.utah-design-system .mx-spacing-xl {
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}.utah-design-system .my-spacing-xl {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}.utah-design-system .m-spacing-s {
  margin: var(--spacing-s);
}.utah-design-system .mt-spacing-s {
  margin-top: var(--spacing-s);
}.utah-design-system .mr-spacing-s {
  margin-right: var(--spacing-s);
}.utah-design-system .mb-spacing-s {
  margin-bottom: var(--spacing-s);
}.utah-design-system .ml-spacing-s {
  margin-left: var(--spacing-s);
}.utah-design-system .mx-spacing-s {
  margin-left: var(--spacing-s);
  margin-right: var(--spacing-s);
}.utah-design-system .my-spacing-s {
  margin-top: var(--spacing-s);
  margin-bottom: var(--spacing-s);
}.utah-design-system .m-spacing-xs {
  margin: var(--spacing-xs);
}.utah-design-system .mt-spacing-xs {
  margin-top: var(--spacing-xs);
}.utah-design-system .mr-spacing-xs {
  margin-right: var(--spacing-xs);
}.utah-design-system .mb-spacing-xs {
  margin-bottom: var(--spacing-xs);
}.utah-design-system .ml-spacing-xs {
  margin-left: var(--spacing-xs);
}.utah-design-system .mx-spacing-xs {
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}.utah-design-system .my-spacing-xs {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}.utah-design-system .p-spacing {
  padding: var(--spacing);
}.utah-design-system .pt-spacing {
  padding-top: var(--spacing);
}.utah-design-system .pr-spacing {
  padding-right: var(--spacing);
}.utah-design-system .pb-spacing {
  padding-bottom: var(--spacing);
}.utah-design-system .pl-spacing {
  padding-left: var(--spacing);
}.utah-design-system .px-spacing {
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}.utah-design-system .py-spacing {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}.utah-design-system .p-spacing-l {
  padding: var(--spacing-l);
}.utah-design-system .pt-spacing-l {
  padding-top: var(--spacing-l);
}.utah-design-system .pr-spacing-l {
  padding-right: var(--spacing-l);
}.utah-design-system .pb-spacing-l {
  padding-bottom: var(--spacing-l);
}.utah-design-system .pl-spacing-l {
  padding-left: var(--spacing-l);
}.utah-design-system .px-spacing-l {
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
}.utah-design-system .py-spacing-l {
  padding-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
}.utah-design-system .p-spacing-xl {
  padding: var(--spacing-xl);
}.utah-design-system .pt-spacing-xl {
  padding-top: var(--spacing-xl);
}.utah-design-system .pr-spacing-xl {
  padding-right: var(--spacing-xl);
}.utah-design-system .pb-spacing-xl {
  padding-bottom: var(--spacing-xl);
}.utah-design-system .pl-spacing-xl {
  padding-left: var(--spacing-xl);
}.utah-design-system .px-spacing-xl {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}.utah-design-system .py-spacing-xl {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}.utah-design-system .p-spacing-s {
  padding: var(--spacing-s);
}.utah-design-system .pt-spacing-s {
  padding-top: var(--spacing-s);
}.utah-design-system .pr-spacing-s {
  padding-right: var(--spacing-s);
}.utah-design-system .pb-spacing-s {
  padding-bottom: var(--spacing-s);
}.utah-design-system .pl-spacing-s {
  padding-left: var(--spacing-s);
}.utah-design-system .px-spacing-s {
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s);
}.utah-design-system .py-spacing-s {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
}.utah-design-system .p-spacing-xs {
  padding: var(--spacing-xs);
}.utah-design-system .pt-spacing-xs {
  padding-top: var(--spacing-xs);
}.utah-design-system .pr-spacing-xs {
  padding-right: var(--spacing-xs);
}.utah-design-system .pb-spacing-xs {
  padding-bottom: var(--spacing-xs);
}.utah-design-system .pl-spacing-xs {
  padding-left: var(--spacing-xs);
}.utah-design-system .px-spacing-xs {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}.utah-design-system .py-spacing-xs {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}.utah-design-system .m-auto {
  margin: auto;
}.utah-design-system .mt-auto {
  margin-top: auto;
}.utah-design-system .mr-auto {
  margin-right: auto;
}.utah-design-system .mb-auto {
  margin-bottom: auto;
}.utah-design-system .ml-auto {
  margin-left: auto;
}.utah-design-system .mx-auto {
  margin-left: auto;
  margin-right: auto;
}.utah-design-system .my-auto {
  margin-top: auto;
  margin-bottom: auto;
}/*
############     _settings-index.scss      ############
variables and settings
*//*
############     _font-size.scss      ############
Grid variables
*/.utah-design-system {
  --grid-fixed: var(--content-width);
  --grid-fixed-half: calc(var(--grid-fixed) / 2);
  --grid-fixed-form: calc(var(--grid-fixed) / 2.3);
  --grid-fixed-third: calc(var(--grid-fixed) / 3);
  --grid-fixed-fourth: calc(var(--grid-fixed) / 4);
}.utah-design-system .grid-wrapper {
  display: flex;
  justify-content: center;
}.utah-design-system .grid-fixed {
  max-width: var(--grid-fixed);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-l);
}.utah-design-system .grid-fixed--2col {
  grid-template-columns: 1fr 1fr;
}.utah-design-system .grid-fixed--3col {
  grid-template-columns: 1fr 1fr 1fr;
}.utah-design-system .grid-fixed--4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}.utah-design-system .grid-fixed .grid-column-span-2 {
  grid-column: span 2;
}/*
############     _settings-index.scss      ############
variables and settings
*//*
############     _font-size.scss      ############
Font size variables
*/.utah-design-system {
  --normal-font-family: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  --fixed-width-font-family: "Source Code Pro", monospace;
  --font-size-2xs: .8125rem;
  --font-size-xs: .875rem;
  --font-size-s: .9375rem;
  --font-size: 1rem;
  --font-size-m: 1.125rem;
  --font-size-l: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.5rem;
  --font-size-7xl: 4.5rem;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}.utah-design-system .font-size-2xs {
  font-size: var(--font-size-2xs);
}.utah-design-system .font-size-xs {
  font-size: var(--font-size-xs);
}.utah-design-system .font-size-s {
  font-size: var(--font-size-s);
}.utah-design-system .font-size {
  font-size: var(--font-size);
}.utah-design-system .font-size-m {
  font-size: var(--font-size-m);
}.utah-design-system .font-size-l {
  font-size: var(--font-size-l);
}.utah-design-system .font-size-xl {
  font-size: var(--font-size-xl);
}.utah-design-system .font-size-2xl {
  font-size: var(--font-size-2xl);
}.utah-design-system .font-size-3xl {
  font-size: var(--font-size-3xl);
}.utah-design-system .font-size-4xl {
  font-size: var(--font-size-4xl);
}.utah-design-system .font-size-5xl {
  font-size: var(--font-size-5xl);
}.utah-design-system .font-size-6xl {
  font-size: var(--font-size-6xl);
}.utah-design-system .font-size-7xl {
  font-size: var(--font-size-7xl);
}.utah-design-system .font-extra-light {
  font-weight: var(--font-weight-extra-light);
}.utah-design-system .font-light {
  font-weight: var(--font-weight-light);
}.utah-design-system .font-normal {
  font-weight: var(--font-weight-normal);
}.utah-design-system .font-semi-bold {
  font-weight: var(--font-weight-semi-bold);
}.utah-design-system .font-bold {
  font-weight: var(--font-weight-bold);
}.utah-design-system .font-black {
  font-weight: var(--font-weight-black);
}/*
############     _color-swatches.scss      ############
base color swatches for the design system
*//*
############     _settings-index.scss      ############
variables and settings
*/@font-face {
  font-family: "utah design system";
  src: url("https://cdn.utah.gov/design-system/fonts/v2/utah-design-system.woff") format("woff"), url("https://cdn.utah.gov/design-system/fonts/v2/utah-design-system.ttf") format("truetype"), url("https://cdn.utah.gov/design-system/fonts/v2/utah-design-system.svg#utah-design-system") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}.utah-design-system {
  --icon-check-mark-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12.15'%3E%3Cg%3E%3Cpath d='M6.185,12.15L0,5.966,2.335,3.631l3.85,3.849L13.665,0l2.335,2.335L6.185,12.15Z' style='fill: %23fff;'/%3E%3C/g%3E%3C/svg%3E");
  --icon-chevron-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg%3E%3Crect width='14' height='14' style='fill: none;'/%3E%3Cpath d='M3.142,5l3.716,3.71,3.717-3.71,1.142,1.142-4.859,4.858L2,6.142l1.142-1.142Z' style='fill: %23474747;'/%3E%3C/g%3E%3C/svg%3E");
}.utah-design-system .uds-icon {
  font-family: "utah design system";
}.utah-design-system [class*=utds-icon-before-],
.utah-design-system [class*=utds-icon-after-] {
  display: inline-flex;
  align-items: center;
}.utah-design-system [class*=utds-icon-after-]::after {
  display: inline-block;
  font-family: "utah design system";
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: var(--spacing-2xs);
}.utah-design-system [class*=utds-icon-before-]::before {
  display: inline-block;
  font-family: "utah design system";
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: var(--spacing-2xs);
}.utah-design-system .utds-icon-before-external-link::before,
.utah-design-system .utds-icon-after-external-link::after {
  content: "\e900";
  font-size: 0.65em;
}.utah-design-system .utds-icon-before-waffle::before,
.utah-design-system .utds-icon-after-waffle::after {
  content: "\e901";
}.utah-design-system .utds-icon-before-alert::before,
.utah-design-system .utds-icon-after-alert::after {
  content: "\e902";
}.utah-design-system .utds-icon-before-help::before,
.utah-design-system .utds-icon-after-help::after {
  content: "\e903";
}.utah-design-system .utds-icon-before-bookmark::before,
.utah-design-system .utds-icon-after-bookmark::after {
  content: "\e904";
}.utah-design-system .utds-icon-before-search::before,
.utah-design-system .utds-icon-after-search::after {
  content: "\e905";
}.utah-design-system .utds-icon-before-check::before,
.utah-design-system .utds-icon-after-check::after {
  content: "\e906";
}.utah-design-system .utds-icon-before-star::before,
.utah-design-system .utds-icon-after-star::after {
  content: "\e907";
}.utah-design-system .utds-icon-before-info::before,
.utah-design-system .utds-icon-after-info::after {
  content: "\e908";
}.utah-design-system .utds-icon-before-unfold-less::before,
.utah-design-system .utds-icon-after-unfold-less::after {
  content: "\e909";
}.utah-design-system .utds-icon-before-unfold-more::before,
.utah-design-system .utds-icon-after-unfold-more::after {
  content: "\e90a";
}.utah-design-system .utds-icon-before-circle-chevron-down::before,
.utah-design-system .utds-icon-after-circle-chevron-down::after {
  content: "\e90b";
}.utah-design-system .utds-icon-before-circle-chevron-up::before,
.utah-design-system .utds-icon-after-circle-chevron-up::after {
  content: "\e90c";
}.utah-design-system .utds-icon-before-chevron-up::before,
.utah-design-system .utds-icon-after-chevron-up::after {
  content: "\e90d";
}.utah-design-system .utds-icon-before-chevron-right::before,
.utah-design-system .utds-icon-after-chevron-right::after {
  content: "\e90e";
}.utah-design-system .utds-icon-before-chevron-down::before,
.utah-design-system .utds-icon-after-chevron-down::after {
  content: "\e90f";
}.utah-design-system .utds-icon-before-chevron-left::before,
.utah-design-system .utds-icon-after-chevron-left::after {
  content: "\e910";
}.utah-design-system .utds-icon-before-arrow-up::before,
.utah-design-system .utds-icon-after-arrow-up::after {
  content: "\e911";
}.utah-design-system .utds-icon-before-arrow-right::before,
.utah-design-system .utds-icon-after-arrow-right::after {
  content: "\e912";
}.utah-design-system .utds-icon-before-arrow-down::before,
.utah-design-system .utds-icon-after-arrow-down::after {
  content: "\e913";
}.utah-design-system .utds-icon-before-arrow-left::before,
.utah-design-system .utds-icon-after-arrow-left::after {
  content: "\e914";
}.utah-design-system .utds-icon-before-plus::before,
.utah-design-system .utds-icon-after-plus::after {
  content: "\e915";
}.utah-design-system .utds-icon-before-minus::before,
.utah-design-system .utds-icon-after-minus::after {
  content: "\e916";
}.utah-design-system .utds-icon-before-x-icon::before,
.utah-design-system .utds-icon-after-x-icon::after {
  content: "\e917";
}.utah-design-system .utds-icon-before-edit::before,
.utah-design-system .utds-icon-after-edit::after {
  content: "\e918";
}.utah-design-system .utds-icon-before-edit-box::before,
.utah-design-system .utds-icon-after-edit-box::after {
  content: "\e919";
}.utah-design-system .utds-icon-before-verified::before,
.utah-design-system .utds-icon-after-verified::after {
  content: "\e91a";
}.utah-design-system .utds-icon-before-gear::before,
.utah-design-system .utds-icon-after-gear::after {
  content: "\e91b";
}.utah-design-system .utds-icon-before-doc::before,
.utah-design-system .utds-icon-after-doc::after {
  content: "\e91c";
}.utah-design-system .utds-icon-before-doc-square::before,
.utah-design-system .utds-icon-after-doc-square::after {
  content: "\e91d";
}.utah-design-system .utds-icon-before-warning::before,
.utah-design-system .utds-icon-after-warning::after {
  content: "\e91e";
}.utah-design-system .utds-icon-before-error::before,
.utah-design-system .utds-icon-after-error::after {
  content: "\e91f";
}.utah-design-system .utds-icon-before-copy::before,
.utah-design-system .utds-icon-after-copy::after {
  content: "\e920";
}.utah-design-system .utds-icon-before-home-menu::before,
.utah-design-system .utds-icon-after-home-menu::after {
  content: "\e921";
}.utah-design-system .utds-icon-before-hamburger::before,
.utah-design-system .utds-icon-after-hamburger::after {
  content: "\e922";
}.utah-design-system .utds-icon-before-account::before,
.utah-design-system .utds-icon-after-account::after {
  content: "\e923";
}.utah-design-system .utds-icon-before-lock::before,
.utah-design-system .utds-icon-after-lock::after {
  content: "\e924";
}.utah-design-system .utds-icon-before-more-vertical::before,
.utah-design-system .utds-icon-after-more-vertical::after {
  content: "\e925";
}.utah-design-system .utds-icon-before-more-horizontal::before,
.utah-design-system .utds-icon-after-more-horizontal::after {
  content: "\e926";
}.utah-design-system .utds-icon-before-download::before,
.utah-design-system .utds-icon-after-download::after {
  content: "\e927";
}.utah-design-system .utds-icon-before-upload::before,
.utah-design-system .utds-icon-after-upload::after {
  content: "\e928";
}.utah-design-system .utds-icon-before-favorite::before,
.utah-design-system .utds-icon-after-favorite::after {
  content: "\e929";
}.utah-design-system .utds-icon-before-visibility::before,
.utah-design-system .utds-icon-after-visibility::after {
  content: "\e92a";
}.utah-design-system .utds-icon-before-visibility-off::before,
.utah-design-system .utds-icon-after-visibility-off::after {
  content: "\e92b";
}.utah-design-system .utds-icon-before-trash::before,
.utah-design-system .utds-icon-after-trash::after {
  content: "\e92c";
}.utah-design-system .utds-icon-before-calendar::before,
.utah-design-system .utds-icon-after-calendar::after {
  content: "\e92d";
}.utah-design-system .utds-icon-before-clock::before,
.utah-design-system .utds-icon-after-clock::after {
  content: "\e92e";
}.utah-design-system .utds-icon-before-double-arrow-up::before,
.utah-design-system .utds-icon-after-double-arrow-up::after {
  content: "\e92f";
}.utah-design-system .utds-icon-before-double-arrow-right::before,
.utah-design-system .utds-icon-after-double-arrow-right::after {
  content: "\e930";
}.utah-design-system .utds-icon-before-double-arrow-down::before,
.utah-design-system .utds-icon-after-double-arrow-down::after {
  content: "\e931";
}.utah-design-system .utds-icon-before-double-arrow-left::before,
.utah-design-system .utds-icon-after-double-arrow-left::after {
  content: "\e932";
}.utah-design-system .utds-icon-before-filter::before,
.utah-design-system .utds-icon-after-filter::after {
  content: "\e933";
}.utah-design-system .utds-icon-before-restart::before,
.utah-design-system .utds-icon-after-restart::after {
  content: "\e934";
}.utah-design-system .utds-icon-before-sync::before,
.utah-design-system .utds-icon-after-sync::after {
  content: "\e935";
}.utah-design-system .utds-icon-before-refresh::before,
.utah-design-system .utds-icon-after-refresh::after {
  content: "\e936";
}.utah-design-system .utds-icon-before-light-mode::before,
.utah-design-system .utds-icon-after-light-mode::after {
  content: "\e937";
}.utah-design-system .utds-icon-before-dark-mode::before,
.utah-design-system .utds-icon-after-dark-mode::after {
  content: "\e938";
}.utah-design-system .utds-icon-before-mail::before,
.utah-design-system .utds-icon-after-mail::after {
  content: "\e939";
}.utah-design-system .utds-icon-before-share::before,
.utah-design-system .utds-icon-after-share::after {
  content: "\e93a";
}.utah-design-system .utds-icon-before-policy::before,
.utah-design-system .utds-icon-after-policy::after {
  content: "\e93b";
}.utah-design-system .utds-icon-before-login::before,
.utah-design-system .utds-icon-after-login::after {
  content: "\e93c";
}.utah-design-system .utds-icon-before-logout::before,
.utah-design-system .utds-icon-after-logout::after {
  content: "\e93d";
}.utah-design-system .utds-icon-before-circle-check::before,
.utah-design-system .utds-icon-after-circle-check::after {
  content: "\e93e";
}.utah-design-system .utds-icon-before-mail-open::before,
.utah-design-system .utds-icon-after-mail-open::after {
  content: "\e93f";
}/*
############     _media-size-vars.scss      ############
Media Sizes - SCSS Variables
*/.utah-design-system {
  /* color */
  /* ######## Pick these colors to match your desired style ######## */
  --primary-color: #b2441e;
  --primary-color-dark: #71321c;
  --primary-color-light: #f9f0ed;
  --gray-on-primary-color: #474747;
  --secondary-color: #1f89ad;
  --secondary-color-dark: #27424b;
  --secondary-color-light: #edf5f8;
  --gray-on-secondary-color: #474747;
  --accent-color: #ffb612;
  --accent-color-dark: #463d29;
  --accent-color-light: #fff9ec;
  --gray-on-accent-color: #474747;
  --form-ele-color: #2765e4;
  --form-ele-color-light: #9bb8f2;
  --form-ele-disabled-color: #949494;
  --form-ele-placeholder-color: #757575;
  /* ######## --------------------------------------------- ######## */
  --gray-color: #474747;
  --gray-medium-color: #616161;
  --gray-3-1-contrast: #949494;
  --gray-medium-light-color: #d7d7d7;
  --gray-light-color: #f1f1f1;
  --gray-dark-color: #333333;
  --disabled-gray: rgba(0, 0, 0, 0.05);
  --hover-gray-color: rgba(0, 0, 0, 0.07);
  --hover-gray-color-opaque: rgba(233, 233, 233);
  --code-color: #f1f1f1;
  --gray-border: #d7d7d7;
  --danger-color: #ba0000;
  --warning-color: #ba6300;
  --info-color: var(--secondary-color);
  --success-color: #2f8700;
  --badge-color: var(--danger-color);
  /* transition timings */
  --timing-xquick: 100ms;
  --timing-quick: 200ms;
  --timing-medium: 400ms;
  --timing-slow: 600ms;
  /* rounded corners */
  --radius-small1x: 3px;
  --radius-small: 6px;
  --radius-medium: 9px;
  --radius-large: 12px;
  --radius-circle: 999px;
  /* form element sizes */
  --form-ele-small4x: 0.75rem;
  --form-ele-small3x: 1rem;
  --form-ele-small2x: 1.25rem;
  --form-ele-small1x: 1.5rem;
  --form-ele-small: 1.875rem;
  --form-ele-medium: 2.25rem;
  --form-ele-large: 2.5rem;
  --form-ele-large1x: 3.125rem;
  --form-checkbox-small: 0.875rem;
  --form-checkbox-medium: 1.125rem;
  --form-checkbox-large: 1.375rem;
  /* content layout sizes */
  --content-width-narrow: 808px;
  --content-width-medium: 1016px;
  --content-width: 1224px;
  --content-width-wide: 1432px;
  --documentation-width: 700px;
  --documentation-left-width: 200px;
  --documentation-right-width: 200px;
  --documentation-padding: var(--spacing-2xl) var(--spacing-xl);
  --documentation-padding-small: var(--spacing-xl) var(--spacing);
  /* elevation box shadows */
  --drop-shadow-color: rgba(0, 0, 0, 0.3);
  --drop-shadow-color-top: rgba(0, 0, 0, 0.15);
  --elevation-small: 0 3px 6px var(--drop-shadow-color);
  --elevation-medium: 0 6px 12px var(--drop-shadow-color);
  --elevation-large: 0 12px 16px var(--drop-shadow-color);
  --elevation-small-borderless: 0 3px 6px var(--drop-shadow-color), 0 -3px 3px var(--drop-shadow-color-top);
  --elevation-medium-borderless: 0 6px 12px var(--drop-shadow-color), 0 -3px 6px var(--drop-shadow-color-top);
  --elevation-large-borderless: 0 12px 16px var(--drop-shadow-color), 0 -3px 12px var(--drop-shadow-color-top);
  /* color utility classes */
}.utah-design-system .primary-color-background {
  background-color: var(--primary-color);
}.utah-design-system .primary-color-dark-background {
  background-color: var(--primary-color-dark);
}.utah-design-system .primary-color-light-background {
  background-color: var(--primary-color-light);
}.utah-design-system .gray-on-primary-background {
  background-color: var(--gray-on-primary-color);
}.utah-design-system .primary-color {
  color: var(--primary-color);
}.utah-design-system .primary-color-border {
  border-color: var(--primary-color);
}.utah-design-system .secondary-color-background {
  background-color: var(--secondary-color);
}.utah-design-system .secondary-color-dark-background {
  background-color: var(--secondary-color-dark);
}.utah-design-system .secondary-color-light-background {
  background-color: var(--secondary-color-light);
}.utah-design-system .gray-on-secondary-background {
  background-color: var(--gray-on-secondary-color);
}.utah-design-system .secondary-color {
  color: var(--secondary-color);
}.utah-design-system .secondary-color-border {
  border-color: var(--secondary-color);
}.utah-design-system .accent-color-background {
  background-color: var(--accent-color);
}.utah-design-system .accent-color-dark-background {
  background-color: var(--accent-color-dark);
}.utah-design-system .accent-color-light-background {
  background-color: var(--accent-color-light);
}.utah-design-system .gray-on-accent-background {
  background-color: var(--gray-on-accent-color);
}.utah-design-system .accent-color {
  color: var(--accent-color);
}.utah-design-system .accent-color-border {
  border-color: var(--accent-color);
}.utah-design-system .white-color-background {
  background-color: white;
}.utah-design-system .gray-color-background {
  background-color: var(--gray-color);
}.utah-design-system .gray-color-light-background {
  background-color: var(--gray-light-color);
}.utah-design-system .white-color {
  color: white;
}.utah-design-system .background-frosted-dark {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(16px) brightness(1.5);
  -webkit-backdrop-filter: blur(16px) brightness(1.5);
}.utah-design-system .background-frosted-light {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}.utah-design-system .backdrop-dark {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px) brightness(60%);
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 *//*
############     _tools-index.scss      ############
scss mixins and functions
*//*
############     _generic-index.scss      ############
css resets, etc.
*//* Borrowed from: *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.utah-design-system {
  -webkit-text-size-adjust: 100%; /* 2 */
  /**
  * Render the `main` element consistently in IE.
  */
  /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
  /* Grouping content
    ========================================================================== */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics
    ========================================================================== */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  * Add the correct font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  /* Embedded content
    ========================================================================== */
  /**
  * Remove the border on images inside links in IE 10.
  */
  /* Forms
    ========================================================================== */
  /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Remove the inner border and padding in Firefox.
  */
  /**
  * Restore the focus styles unset by the previous rule.
  */
  /**
  * Correct the padding in Firefox.
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /* Interactive
    ========================================================================== */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  /*
  * Add the correct display in all browsers.
  */
  /* Misc
    ========================================================================== */
  /**
  * Add the correct display in IE 10+.
  */
  /**
  * Add the correct display in IE 10.
  */
}.utah-design-system main {
  display: block;
}.utah-design-system h1 {
  font-size: 2em;
  margin: 0.67em 0;
}.utah-design-system hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}.utah-design-system pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}.utah-design-system a {
  background-color: transparent;
}.utah-design-system abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}.utah-design-system b,
.utah-design-system strong {
  font-weight: bolder;
}.utah-design-system code,
.utah-design-system kbd,
.utah-design-system samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}.utah-design-system small {
  font-size: 80%;
}.utah-design-system sub,
.utah-design-system sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}.utah-design-system sub {
  bottom: -0.25em;
}.utah-design-system sup {
  top: -0.5em;
}.utah-design-system img {
  border-style: none;
}.utah-design-system button,
.utah-design-system input,
.utah-design-system optgroup,
.utah-design-system select,
.utah-design-system textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}.utah-design-system button,
.utah-design-system input { /* 1 */
  overflow: visible;
}.utah-design-system button,
.utah-design-system select { /* 1 */
  text-transform: none;
}.utah-design-system button,
.utah-design-system [type=button],
.utah-design-system [type=reset],
.utah-design-system [type=submit] {
  -webkit-appearance: button;
}.utah-design-system button::-moz-focus-inner,
.utah-design-system [type=button]::-moz-focus-inner,
.utah-design-system [type=reset]::-moz-focus-inner,
.utah-design-system [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}.utah-design-system button:-moz-focusring,
.utah-design-system [type=button]:-moz-focusring,
.utah-design-system [type=reset]:-moz-focusring,
.utah-design-system [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}.utah-design-system fieldset {
  padding: 0.35em 0.75em 0.625em;
}.utah-design-system legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}.utah-design-system progress {
  vertical-align: baseline;
}.utah-design-system textarea {
  overflow: auto;
}.utah-design-system [type=checkbox],
.utah-design-system [type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}.utah-design-system [type=number]::-webkit-inner-spin-button,
.utah-design-system [type=number]::-webkit-outer-spin-button {
  height: auto;
}.utah-design-system [type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}.utah-design-system [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}.utah-design-system ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}.utah-design-system details {
  display: block;
}.utah-design-system summary {
  display: list-item;
}.utah-design-system template {
  display: none;
}.utah-design-system [hidden] {
  display: none;
}/*
############     _elements-index.scss      ############
elemental html: h1, h2, h3, ul, li, etc.
*/.utah-design-system {
  margin: 0;
  font-family: var(--normal-font-family);
  font-size: 16px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--gray-color);
}.utah-design-system h1 {
  font-size: var(--font-size-4xl);
  margin: 0;
  line-height: 1.1;
}.utah-design-system h2 {
  font-size: var(--font-size-3xl);
  margin: 0;
  line-height: 1.2;
}.utah-design-system h3 {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
  line-height: 1.3;
}.utah-design-system h4 {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
}.utah-design-system h5 {
  font-size: var(--font-size);
  margin: 0;
}.utah-design-system h6 {
  font-size: var(--font-size);
  margin: 0;
}.utah-design-system p {
  margin: 0 0 var(--spacing-l);
}.utah-design-system code {
  font-family: var(--fixed-width-font-family);
  font-size: 0.95rem;
  background: var(--code-color);
  padding: var(--spacing-3xs) var(--spacing-2xs);
  border-radius: var(--radius-small1x);
}.utah-design-system code.primary-color {
  color: var(--primary-color);
  background: var(--primary-color-light);
}.utah-design-system ul,
.utah-design-system ol {
  padding: 0 0 0 var(--spacing-2xl);
  margin: 0;
  line-height: 1.7;
}.utah-design-system hr {
  height: 0;
  width: 100%;
  border: none;
  border-top: 1px solid var(--gray-border);
}.utah-design-system a[href]:not(.button, .action-card) {
  color: var(--primary-color);
}.utah-design-system a[href]:not(.button, .action-card):hover {
  box-shadow: -3px -1px 0 0px var(--hover-gray-color-opaque), 3px -1px 0 0px var(--hover-gray-color-opaque), 3px 1px 0 0px var(--hover-gray-color-opaque), -3px 1px 0 0px var(--hover-gray-color-opaque), inset 0 0 0 1000px var(--hover-gray-color-opaque);
  color: var(--primary-color-dark);
}.utah-design-system dialog {
  border: none;
}/*
############     _objects-index.scss      ############
containers and general design patterns, 2up, 3up, layout grids, etc.
*/.lead-in {
  font-size: var(--font-size-m);
  line-height: 1.6rem;
}/*
############     _components-index.scss      ############
component specific, BEM (Block, Element, Modifier)
@media for each component should be contained with the component.
*//* ---- Base Components ---- */.utah-design-system .accordion {
  width: 100%;
}.utah-design-system .accordion__header, .utah-design-system .accordion__header.button {
  border-radius: var(--radius-small);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-s) var(--spacing);
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}.utah-design-system .accordion__header [class*=utds-icon-before-]::before, .utah-design-system .accordion__header.button [class*=utds-icon-before-]::before {
  margin-right: 0;
  font-size: 1.5rem;
}.utah-design-system .accordion__header--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}.utah-design-system .accordion .accordion__header h1 {
  margin: 0;
}.utah-design-system .accordion__content {
  background: var(--gray-light-color);
  padding: 0;
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  border-bottom-left-radius: var(--radius-small);
  border-bottom-right-radius: var(--radius-small);
}.utah-design-system .accordion__content--open {
  height: auto;
  padding: var(--spacing);
}.utah-design-system .accordion__content--open.accordion__content--bordered {
  background: transparent;
  border: 1px solid var(--gray-3-1-contrast);
  border-top: 0;
}/*
############     _action-card.scss      ############
*/.utah-design-system .action-card {
  border: 2px solid var(--gray-color);
  border-radius: var(--radius-small);
  padding: var(--spacing);
  text-decoration: none;
  color: var(--gray-color);
  transition: all 200ms ease-in-out, outline-offset 0ms ease;
  box-sizing: border-box;
}.utah-design-system .action-card:hover {
  box-shadow: none;
  background: var(--gray-color);
  color: white;
}.utah-design-system .action-card:focus-visible {
  outline-offset: var(--spacing-2xs);
}.utah-design-system .action-card--primary-color {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}.utah-design-system .action-card--primary-color:hover {
  background: var(--primary-color);
}.utah-design-system .action-card--secondary-color {
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
}.utah-design-system .action-card--secondary-color:hover {
  background: var(--secondary-color);
}.utah-design-system .action-card--accent-color {
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
}.utah-design-system .action-card--accent-color:hover {
  background: var(--accent-color);
}.utah-design-system .action-card--solid {
  background: var(--gray-color);
  color: white;
}.utah-design-system .action-card--solid.action-card--primary-color {
  background: var(--primary-color);
}.utah-design-system .action-card--solid.action-card--primary-color:hover {
  color: var(--primary-color);
  background: white;
}.utah-design-system .action-card--solid.action-card--secondary-color {
  background: var(--secondary-color);
}.utah-design-system .action-card--solid.action-card--secondary-color:hover {
  color: var(--secondary-color);
  background: white;
}.utah-design-system .action-card--solid.action-card--accent-color {
  background: var(--accent-color);
}.utah-design-system .action-card--solid.action-card--accent-color:hover {
  color: var(--accent-color);
  background: white;
}.utah-design-system .action-card__title {
  display: flex;
  justify-content: space-between;
}/*
############     _action-card.scss      ############
*/.utah-design-system .card {
  background: white;
  border: 1px solid var(--gray-color);
}.utah-design-system .card__title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  box-sizing: border-box;
}.utah-design-system .card--solid {
  border: none;
}.utah-design-system .card__image {
  object-fit: cover;
  max-height: 175px;
  width: 100%;
}.utah-design-system .card__icon {
  font-size: var(--font-size-4xl);
  font-weight: 100;
  margin-bottom: var(--spacing-s);
  line-height: 1;
}.utah-design-system .card--horizontal {
  display: flex;
}.utah-design-system .card--horizontal .card__image {
  max-height: 100%;
  max-width: 33%;
}@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}@keyframes drop-in {
  0% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}@keyframes pop-in-center {
  0% {
    opacity: 0;
    transform: scale(0.7) translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(-50%);
  }
}@keyframes left-in {
  0% {
    opacity: 0;
    transform: translate(-100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}@keyframes right-in {
  0% {
    opacity: 0;
    transform: translate(100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}@keyframes skeleton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}/*
############     _drawer.scss      ############
*/.utah-design-system .drawer-wrapper {
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 9999;
}.utah-design-system .drawer__backdrop {
  animation: 200ms ease-in-out 100ms fade-in both;
  height: 100%;
  width: 100%;
}.utah-design-system .drawer__inner {
  background: white;
  display: inline-block;
  height: 100%;
  overflow-y: auto;
  padding: var(--spacing);
}.utah-design-system .drawer__inner.drawer--right {
  animation: 200ms ease-in-out 100ms right-in both;
  margin-left: auto;
  margin-right: 0;
}.utah-design-system .drawer__inner.drawer--left {
  animation: 200ms ease-in-out 100ms left-in both;
  margin-left: 0;
  margin-right: auto;
}.utah-design-system .drawer__title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-2xl);
  padding: var(--spacing-xs) calc(var(--spacing) + 1.4rem) var(--spacing-xs) var(--spacing-l);
}.utah-design-system .drawer__content, .utah-design-system .drawer__footer {
  line-height: 1.6rem;
  padding: var(--spacing-xs) var(--spacing-l);
}.utah-design-system .drawer__close-button {
  top: var(--spacing-2xs);
  right: var(--spacing-2xs);
}.utah-design-system .drawer__close-button.button {
  position: absolute;
}.utah-design-system .drawer__close-button.icon-button--small [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .tab-group__list {
  display: flex;
  justify-content: space-evenly;
}.utah-design-system .tab-group__list.tab-group--small-text .tab-group__tab-button {
  font-size: var(--font-size);
}.utah-design-system .tab-group__tab {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  position: relative;
}.utah-design-system .tab-group__tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--gray-color);
}.utah-design-system .tab-group__tab--selected::after {
  height: 5px;
  bottom: -2px;
  border-radius: var(--radius-circle);
  background-color: var(--primary-color);
}.utah-design-system .tab-group__tab-button {
  border: none;
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-semi-bold);
  background-color: transparent;
  margin: var(--spacing-xs) 0;
}.utah-design-system .tab-group__tab-button:hover {
  background-color: var(--hover-gray-color);
  color: inherit;
}.utah-design-system .tab-group__tab-button--selected {
  color: var(--primary-color);
}.utah-design-system .tab-group__panel {
  padding-top: var(--spacing);
}.utah-design-system .tab-group__panel--selected {
  display: block;
}.utah-design-system .tab-group--vertical {
  display: flex;
}.utah-design-system .tab-group--vertical .tab-group__list {
  flex-direction: column;
  margin-right: var(--spacing-l);
  justify-content: flex-start;
  padding-top: var(--spacing);
  position: relative;
  flex-shrink: 0;
}.utah-design-system .tab-group--vertical .tab-group__list:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: calc(100% - var(--spacing));
  background: var(--gray-color);
}.utah-design-system .tab-group--vertical .tab-group__tab {
  flex: 0;
}.utah-design-system .tab-group--vertical .tab-group__tab:after {
  z-index: 2;
  width: 1px;
  height: 100%;
}.utah-design-system .tab-group--vertical .tab-group__tab--selected:after {
  bottom: 0;
  left: -2px;
  width: 5px;
  height: 100%;
}/*
############     _button.scss      ############
*/.utah-design-system {
  /* ------------ Show a dark contrast color on a light background ------------ */
  /* ------------ Show a light contrast color on dark background ------------ */
}.utah-design-system button, .utah-design-system .button {
  background: white;
  border-radius: 999px;
  border: 2px solid var(--gray-color);
  font-size: 1rem;
  min-height: var(--form-ele-medium);
  padding: 0 var(--spacing-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 200ms ease-in-out, scale 100ms ease, box-shadow 100ms ease;
  color: var(--gray-color);
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scale: 1;
  text-shadow: none;
  box-shadow: none;
}.utah-design-system button svg, .utah-design-system .button svg {
  fill: currentColor;
}.utah-design-system button:hover, .utah-design-system .button:hover {
  background: var(--gray-color);
  color: white;
  text-shadow: none;
  box-shadow: none;
}.utah-design-system button[disabled], .utah-design-system button[disable]:hover, .utah-design-system .button[disabled], .utah-design-system .button[disable]:hover {
  cursor: not-allowed;
  background: white !important;
  color: var(--form-ele-disabled-color) !important;
  border-color: var(--form-ele-disabled-color) !important;
}.utah-design-system button[disabled]:active, .utah-design-system button[disabled].active, .utah-design-system button[disable]:hover:active, .utah-design-system button[disable]:hover.active, .utah-design-system .button[disabled]:active, .utah-design-system .button[disabled].active, .utah-design-system .button[disable]:hover:active, .utah-design-system .button[disable]:hover.active {
  transform: none;
  box-shadow: none;
}.utah-design-system button:active, .utah-design-system button--active, .utah-design-system .button:active, .utah-design-system .button--active {
  scale: 0.96;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
}.utah-design-system button:focus-visible, .utah-design-system .button:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system .button {
  /* ------------ SIZES ------------ */
  /* ------------ SOLID COLOR ------------ */
}.utah-design-system .button--small1x {
  font-size: 0.85rem;
  min-height: var(--form-ele-small1x);
  padding: 0 var(--spacing-xs);
  border-width: 1px;
}.utah-design-system .button--small {
  font-size: 0.938rem;
  min-height: var(--form-ele-small);
  padding: 0 var(--spacing);
}.utah-design-system .button--large {
  font-size: 1.25rem;
  min-height: var(--form-ele-large);
}.utah-design-system .button--large1x {
  font-size: 1.5rem;
  min-height: var(--form-ele-large1x);
  padding: 0 var(--spacing-2xl);
}.utah-design-system .button--icon {
  display: flex;
  align-items: center;
}.utah-design-system .button--icon svg {
  height: 0.8rem;
  width: 0.8rem;
  fill: currentColor;
}.utah-design-system .button--icon [class*=utds-icon-after-]::after,
.utah-design-system .button--icon [class*=utds-icon-before-]::before {
  font-size: 0.9em;
  line-height: 0;
}.utah-design-system .button--icon-left {
  margin-right: var(--spacing-xs);
}.utah-design-system .button--icon-right {
  margin-left: var(--spacing-xs);
}.utah-design-system .button--primary-color {
  border-color: var(--primary-color);
  color: var(--primary-color);
}.utah-design-system .button--primary-color:hover {
  background-color: var(--primary-color);
  color: white;
}.utah-design-system .button--primary-color:hover svg {
  fill: white;
}.primary-color-is-light.utah-design-system .button--primary-color {
  border-color: var(--primary-color-dark);
  color: var(--primary-color-dark);
}.primary-color-is-light.utah-design-system .button--primary-color:hover {
  background-color: var(--primary-color-dark);
  color: white;
}.utah-design-system .button--secondary-color {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}.utah-design-system .button--secondary-color:hover {
  background-color: var(--secondary-color);
  color: white;
}.secondary-color-is-light.utah-design-system .button--secondary-color {
  border-color: var(--secondary-color-dark);
  color: var(--secondary-color-dark);
}.secondary-color-is-light.utah-design-system .button--secondary-color:hover {
  background-color: var(--secondary-color-dark);
  color: white;
}.utah-design-system .button--accent-color {
  border-color: var(--accent-color);
  color: var(--accent-color);
}.utah-design-system .button--accent-color:hover {
  background-color: var(--accent-color);
  color: white;
}.accent-color-is-light.utah-design-system .button--accent-color {
  border-color: var(--accent-color-dark);
  color: var(--accent-color-dark);
}.accent-color-is-light.utah-design-system .button--accent-color:hover {
  background-color: var(--accent-color-dark);
  color: white;
}.utah-design-system .button--solid {
  background: var(--gray-color);
  color: white;
}.utah-design-system .button--solid:hover {
  background-color: var(--gray-dark-color);
  border-color: var(--gray-dark-color);
}.utah-design-system .button--solid.button--primary-color {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: white;
}.utah-design-system .button--solid.button--primary-color:hover {
  background-color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}.primary-color-is-light.utah-design-system .button--solid.button--primary-color {
  color: var(--gray-on-primary-color);
  border-color: var(--primary-color-dark);
}.primary-color-is-light.utah-design-system .button--solid.button--primary-color:hover {
  color: white;
  border-color: var(--primary-color-dark);
}.utah-design-system .button--solid.button--primary-color.contrast-border-dark {
  border-color: var(--gray-on-primary-color);
}.utah-design-system .button--solid.button--secondary-color {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: white;
}.utah-design-system .button--solid.button--secondary-color:hover {
  background-color: var(--secondary-color-dark);
  border-color: var(--secondary-color-dark);
}.secondary-color-is-light.utah-design-system .button--solid.button--secondary-color {
  color: var(--gray-on-secondary-color);
  border-color: var(--secondary-color-dark);
}.secondary-color-is-light.utah-design-system .button--solid.button--secondary-color:hover {
  color: white;
  border-color: var(--secondary-color-dark);
}.utah-design-system .button--solid.button--secondary-color.contrast-border-dark {
  border-color: var(--gray-on-secondary-color);
}.utah-design-system .button--solid.button--accent-color {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: white;
}.utah-design-system .button--solid.button--accent-color:hover {
  background-color: var(--accent-color-dark);
  border-color: var(--accent-color-dark);
}.accent-color-is-light.utah-design-system .button--solid.button--accent-color {
  color: var(--gray-on-accent-color);
  border-color: var(--accent-color-dark);
}.accent-color-is-light.utah-design-system .button--solid.button--accent-color:hover {
  color: white;
  border-color: var(--accent-color-dark);
}.utah-design-system .button--solid.button--accent-color.contrast-border-dark {
  border-color: var(--gray-on-accent-color);
}.utah-design-system .button--solid.contrast-border-light {
  border-color: white;
}.utah-design-system .button--solid[disabled], .utah-design-system .button--solid[disable]:hover {
  cursor: not-allowed;
  background: var(--form-ele-disabled-color) !important;
  color: white !important;
  border-color: var(--form-ele-disabled-color) !important;
}.utah-design-system .primary-color-background .button--solid.contrast-border-dark {
  border-color: var(--gray-on-primary-color);
}.utah-design-system .secondary-color-background .button--solid.contrast-border-dark {
  border-color: var(--gray-on-secondary-color);
}.utah-design-system .accent-color-background .button--solid.contrast-border-dark {
  border-color: var(--gray-on-accent-color);
}.utah-design-system .dark-background-color .button {
  border-color: white;
  background: none;
  color: white;
}.utah-design-system .dark-background-color .button:hover {
  border-color: white;
  background: white;
  color: var(--gray-color);
}.utah-design-system .dark-background-color .button.button--primary-color {
  border-color: var(--primary-color);
  background: white;
  color: var(--primary-color);
}.utah-design-system .dark-background-color .button.button--primary-color:hover {
  border-color: white;
  background: var(--primary-color);
  color: white;
}.primary-color-is-light.utah-design-system .dark-background-color .button.button--primary-color {
  border-color: var(--primary-color);
  background: none;
  color: var(--primary-color);
}.primary-color-is-light.utah-design-system .dark-background-color .button.button--primary-color:hover {
  background: var(--primary-color);
  color: var(--gray-color);
}.utah-design-system .dark-background-color .button.button--secondary-color {
  border-color: var(--secondary-color);
  background: white;
  color: var(--secondary-color);
}.utah-design-system .dark-background-color .button.button--secondary-color:hover {
  border-color: white;
  background: var(--secondary-color);
  color: white;
}.secondary-color-is-light.utah-design-system .dark-background-color .button.button--secondary-color {
  border-color: var(--secondary-color);
  background: none;
  color: var(--secondary-color);
}.secondary-color-is-light.utah-design-system .dark-background-color .button.button--secondary-color:hover {
  background: var(--secondary-color);
  color: var(--gray-color);
}.utah-design-system .dark-background-color .button.button--accent-color {
  border-color: var(--accent-color);
  background: white;
  color: var(--accent-color);
}.utah-design-system .dark-background-color .button.button--accent-color:hover {
  border-color: white;
  background: var(--accent-color);
  color: white;
}.accent-color-is-light.utah-design-system .dark-background-color .button.button--accent-color {
  border-color: var(--accent-color);
  background: none;
  color: var(--accent-color);
}.accent-color-is-light.utah-design-system .dark-background-color .button.button--accent-color:hover {
  background: var(--accent-color);
  color: var(--gray-color);
}.utah-design-system .dark-background-color .button--solid {
  border-color: white;
  background: white;
  color: var(--gray-color);
}.utah-design-system .dark-background-color .button--solid:hover {
  border-color: white;
  background: none;
  color: white;
}.utah-design-system .dark-background-color .button--solid.button--primary-color {
  border-color: white;
  background: var(--primary-color);
  color: white;
}.utah-design-system .dark-background-color .button--solid.button--primary-color:hover {
  border-color: var(--primary-color);
  background: white;
  color: var(--primary-color);
}.primary-color-is-light.utah-design-system .dark-background-color .button--solid.button--primary-color {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: var(--gray-color);
}.primary-color-is-light.utah-design-system .dark-background-color .button--solid.button--primary-color:hover {
  background: var(--primary-color-dark);
  color: white;
}.utah-design-system .dark-background-color .button--solid.button--secondary-color {
  border-color: white;
  background: var(--secondary-color);
  color: white;
}.utah-design-system .dark-background-color .button--solid.button--secondary-color:hover {
  border-color: var(--secondary-color);
  background: white;
  color: var(--secondary-color);
}.secondary-color-is-light.utah-design-system .dark-background-color .button--solid.button--secondary-color {
  border-color: var(--secondary-color);
  background: var(--secondary-color);
  color: var(--gray-color);
}.secondary-color-is-light.utah-design-system .dark-background-color .button--solid.button--secondary-color:hover {
  background: var(--secondary-color-dark);
  color: white;
}.utah-design-system .dark-background-color .button--solid.button--accent-color {
  border-color: white;
  background: var(--accent-color);
  color: white;
}.utah-design-system .dark-background-color .button--solid.button--accent-color:hover {
  border-color: var(--accent-color);
  background: white;
  color: var(--accent-color);
}.accent-color-is-light.utah-design-system .dark-background-color .button--solid.button--accent-color {
  border-color: var(--accent-color);
  background: var(--accent-color);
  color: var(--gray-color);
}.accent-color-is-light.utah-design-system .dark-background-color .button--solid.button--accent-color:hover {
  background: var(--accent-color-dark);
  color: white;
}/*
############     _icon-button.scss      ############
*/.utah-design-system .icon-button {
  border-radius: 999px;
  font-size: 1rem;
  min-height: var(--form-ele-medium);
  min-width: var(--form-ele-medium);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* ------------ SIZES ------------ */
}.utah-design-system .icon-button--borderless {
  border-color: transparent;
  background: transparent;
}.utah-design-system .icon-button--borderless:hover {
  color: var(--gray-dark-color);
  background: var(--hover-gray-color);
  border-color: transparent;
}.utah-design-system .icon-button--borderless.button--primary-color:hover {
  color: var(--primary-color-dark);
}.utah-design-system .icon-button--borderless.button--secondary-color:hover {
  color: var(--secondary-color-dark);
}.utah-design-system .icon-button--borderless.button--accent-color:hover {
  color: var(--accent-color-dark);
}.primary-color-is-light.utah-design-system .icon-button--borderless.button--primary-color {
  border-color: transparent;
}.primary-color-is-light.utah-design-system .icon-button--borderless.button--primary-color:hover {
  color: var(--primary-color-dark);
  background: var(--hover-gray-color);
}.secondary-color-is-light.utah-design-system .icon-button--borderless.button--secondary-color {
  border-color: transparent;
}.secondary-color-is-light.utah-design-system .icon-button--borderless.button--secondary-color:hover {
  color: var(--secondary-color-dark);
  background: var(--hover-gray-color);
}.accent-color-is-light.utah-design-system .icon-button--borderless.button--accent-color {
  border-color: transparent;
}.accent-color-is-light.utah-design-system .icon-button--borderless.button--accent-color:hover {
  color: var(--accent-color-dark);
  background: var(--hover-gray-color);
}.utah-design-system .icon-button--borderless[disabled], .utah-design-system .icon-button--borderless[disable]:hover {
  background: transparent !important;
  border-color: transparent !important;
}.utah-design-system .icon-button__icon {
  transition: all var(--timing-quick) ease-in-out;
}.utah-design-system .icon-button__icon--rotate180 {
  transform: rotate(180deg);
}.utah-design-system .icon-button [class*=utds-icon-before-] {
  line-height: 0.5;
  display: block;
}.utah-design-system .icon-button [class*=utds-icon-before-]::before {
  margin: 0;
  font-size: 1.25rem;
}.utah-design-system .icon-button--small1x {
  font-size: 0.85rem;
  min-height: var(--form-ele-small1x);
  min-width: var(--form-ele-small1x);
  border-width: 1px;
}.utah-design-system .icon-button--small1x [class*=utds-icon-before-]::before {
  font-size: 1rem;
}.utah-design-system .icon-button--small {
  font-size: 0.938rem;
  min-height: var(--form-ele-small);
  min-width: var(--form-ele-small);
}.utah-design-system .icon-button--small [class*=utds-icon-before-]::before {
  font-size: 1.125rem;
}.utah-design-system .icon-button--large {
  font-size: 1.25rem;
  min-height: var(--form-ele-large);
  min-width: var(--form-ele-large);
}.utah-design-system .icon-button--large [class*=utds-icon-before-]::before {
  font-size: 1.45rem;
}.utah-design-system .icon-button--large1x {
  font-size: 1.5rem;
  min-height: var(--form-ele-large1x);
  min-width: var(--form-ele-large1x);
}.utah-design-system .icon-button--large1x [class*=utds-icon-before-]::before {
  font-size: 1.7rem;
}.utah-design-system .icon-button--visible-title {
  padding: 0 var(--spacing-s);
  gap: var(--spacing-xs);
}.utah-design-system .tag {
  padding: 0 var(--spacing-s);
  display: flex;
  align-items: center;
  border-radius: var(--radius-small);
  min-height: var(--form-ele-small);
  line-height: 1;
}.utah-design-system .tag--primary-color, .utah-design-system .tag--primary-color + .tag__clear-button {
  background-color: var(--primary-color);
  color: white;
  fill: white;
}.utah-design-system .tag--primary-color[disabled], .utah-design-system .tag--primary-color + .tag__clear-button[disabled] {
  background-color: var(--primary-color) !important;
  color: var(--primary-color-dark) !important;
  fill: var(--primary-color-dark) !important;
}.utah-design-system .tag--primary-color-light, .utah-design-system .tag--primary-color-light + .tag__clear-button {
  background-color: var(--primary-color-light);
}.utah-design-system .tag--primary-color-light[disabled], .utah-design-system .tag--primary-color-light + .tag__clear-button[disabled] {
  background-color: var(--primary-color-light) !important;
  color: var(--form-ele-disabled-color) !important;
  fill: var(--form-ele-disabled-color) !important;
}.utah-design-system .tag--secondary-color, .utah-design-system .tag--secondary-color + .tag__clear-button {
  background-color: var(--secondary-color);
  color: white;
  fill: white;
}.utah-design-system .tag--secondary-color[disabled], .utah-design-system .tag--secondary-color + .tag__clear-button[disabled] {
  background-color: var(--secondary-color) !important;
  color: var(--secondary-color-dark) !important;
  fill: var(--secondary-color-dark) !important;
}.utah-design-system .tag--secondary-color-light, .utah-design-system .tag--secondary-color-light + .tag__clear-button {
  background-color: var(--secondary-color-light);
}.utah-design-system .tag--secondary-color-light[disabled], .utah-design-system .tag--secondary-color-light + .tag__clear-button[disabled] {
  background-color: var(--secondary-color-light) !important;
  color: var(--form-ele-disabled-color) !important;
  fill: var(--form-ele-disabled-color) !important;
}.utah-design-system .tag--accent-color, .utah-design-system .tag--accent-color + .tag__clear-button {
  background-color: var(--accent-color);
  color: white;
  fill: white;
}.utah-design-system .tag--accent-color[disabled], .utah-design-system .tag--accent-color + .tag__clear-button[disabled] {
  background-color: var(--accent-color) !important;
  color: var(--accent-color-dark) !important;
  fill: var(--accent-color-dark) !important;
}.utah-design-system .tag--accent-color-light, .utah-design-system .tag--accent-color-light + .tag__clear-button {
  background-color: var(--accent-color-light);
}.utah-design-system .tag--accent-color-light[disabled], .utah-design-system .tag--accent-color-light + .tag__clear-button[disabled] {
  background-color: var(--accent-color-light) !important;
  color: var(--form-ele-disabled-color) !important;
  fill: var(--form-ele-disabled-color) !important;
}.utah-design-system .tag--selected {
  background-color: var(--gray-color);
  color: white;
  fill: white;
}.utah-design-system .tag--selected.tag--primary-color {
  background-color: var(--primary-color);
  border: none;
}.utah-design-system .tag--selected.tag--secondary-color {
  background-color: var(--secondary-color);
  border: none;
}.utah-design-system .tag--selected.tag--accent-color {
  background-color: var(--accent-color);
  border: none;
}.utah-design-system .tag + .tag__clear-button {
  border-radius: 0 var(--radius-small) var(--radius-small) 0;
  height: 100%;
}.utah-design-system .tag__button[type=button] {
  border: 1px solid var(--gray-medium-color);
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--radius-small);
  height: 100%;
  line-height: 1.4;
}.utah-design-system .tag__button[type=button].tag--selected {
  background-color: var(--form-ele-color);
  color: white;
  fill: white;
}.utah-design-system .tag__button[type=button]:hover {
  color: var(--gray-color);
  background-color: var(--gray-medium-light-color);
}.utah-design-system .tag__clear-button {
  font-weight: var(--font-weight-normal);
  transition: transform;
}.utah-design-system .tag__clear-button [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .tag__wrapper {
  border-radius: var(--radius-small);
  display: flex;
  align-items: center;
  position: relative;
  background-color: var(--gray-light-color);
}.utah-design-system .tag--small {
  font-size: var(--font-size-xs);
  padding: 0 var(--spacing-xs);
  min-height: var(--form-ele-small2x);
}.utah-design-system .tag--small .tag--icon svg {
  height: 0.65rem;
  width: 0.65rem;
}.utah-design-system .tag--small .tag--icon [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .tag--large {
  font-size: var(--font-size-m);
}.utah-design-system .tag--large .tag--icon svg {
  height: 1rem;
  width: 1rem;
}.utah-design-system .tag--large .tag--icon [class*=utds-icon-before-]::before {
  font-size: 1rem;
}.utah-design-system .tag--icon {
  display: flex;
  align-items: center;
}.utah-design-system .tag--icon svg {
  height: 0.8rem;
  width: 0.8rem;
}.utah-design-system .tag--icon [class*=utds-icon-before-]::before {
  font-size: 0.8rem;
  margin: 0;
}.utah-design-system .tag--icon-left {
  margin-right: var(--spacing-2xs);
}.utah-design-system .tag--icon-right {
  margin-left: var(--spacing-2xs);
}.utah-design-system .tag--clearable .tag {
  padding: 0 0 0 var(--spacing-xs);
  border-radius: var(--radius-small) 0 0 var(--radius-small);
}.utah-design-system .tag--clearable .tag--small {
  padding: 0 0 0 var(--spacing-xs);
}.utah-design-system .footer-agency-information {
  background: var(--gray-color);
  color: white;
  padding: var(--spacing-xl);
  display: flex;
  gap: var(--spacing-xl);
  flex-wrap: wrap;
}.utah-design-system .footer-agency-information__column {
  flex: 1 1;
  min-width: 200px;
}.utah-design-system .footer-agency-information__column:first-child {
  flex: 1 1 25%;
}.utah-design-system .footer-agency-information a[href] {
  color: white;
}.utah-design-system .footer-agency-information a[href]:focus-visible {
  outline: 2px solid #FFF;
  outline-offset: 2px;
  border-radius: var(--radius-small1x);
}.utah-design-system .footer-agency-information__title {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-semi-bold);
  margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__title-image {
  max-width: 300px;
}.utah-design-system .footer-agency-information__address {
  margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__email {
  margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__phone {
  margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__column-title {
  font-weight: var(--font-weight-bold);
}.utah-design-system .footer-agency-information__menu {
  list-style-type: none;
  padding: 0;
  font-size: var(--font-size-s);
}.utah-design-system .footer-agency-information__menu a[href] {
  text-decoration: none;
}.utah-design-system .footer-agency-information__menu a[href]:hover {
  color: white;
  box-shadow: none;
  text-decoration: underline;
}.utah-design-system .footer-social-media-bar {
  background: var(--primary-color);
  padding: 0 var(--spacing-xl);
  display: flex;
  align-items: center;
  gap: var(--spacing);
  color: white;
}.utah-design-system .footer-social-media-bar__icon-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-xs);
  border-radius: var(--radius-circle);
  transition: all var(--timing-fast) ease-in-out;
  text-decoration: none;
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link svg {
  fill: white;
  height: 30px;
  width: 30px;
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link [class*=utds-icon-before-]::after,
.utah-design-system .footer-social-media-bar__icon-bar a.icon-link [class*=utds-icon-before-]::before {
  font-size: 1.6rem;
  color: white;
  margin: 0;
  padding: 2.5px;
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link:hover {
  box-shadow: none;
  background: var(--primary-color-dark);
}.utah-design-system .input-wrapper {
  margin: 0 0 var(--spacing-s) 0;
}.form.form--stacked .utah-design-system .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}.utah-design-system .input-wrapper--switch {
  margin: var(--spacing) 0 var(--spacing-2xs) 0;
}.utah-design-system .input-wrapper--mb-zero {
  margin: 0;
}.utah-design-system .input-wrapper__error-message {
  margin-top: var(--spacing-3xs);
  color: var(--danger-color);
}.utah-design-system .input-wrapper input,
.utah-design-system .input-wrapper textarea {
  display: block;
}.utah-design-system .required-star {
  color: var(--danger-color);
  margin-left: var(--spacing-3xs);
  vertical-align: sub;
  display: inline-block;
  font-size: var(--font-size-l);
  line-height: 0.5;
}.utah-design-system textarea {
  color: var(--gray-color);
  min-height: var(--form-ele-medium);
  border-radius: var(--radius-small);
  box-sizing: border-box;
  border: 1px solid var(--gray-color);
  width: 100%;
  padding: var(--spacing-xs);
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system textarea:hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
}.utah-design-system textarea:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system textarea:disabled {
  background-color: var(--disabled-gray);
  cursor: not-allowed;
}.utah-design-system textarea[aria-invalid=true] {
  border: 2px solid var(--danger-color);
}.utah-design-system textarea.text-area--clear-icon-visible {
  padding: var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-xs);
}.utah-design-system .text-area__inner-wrapper {
  position: relative;
  width: 100%;
}.utah-design-system .text-area__clear-button {
  position: absolute;
  top: var(--spacing);
  transform: translateY(-50%);
  right: var(--spacing-xs);
  font-weight: var(--font-weight-normal);
  transition: transform;
}.utah-design-system .text-area__clear-button [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .text-area__clear-button[disabled]:active {
  transform: translateY(-50%);
}.utah-design-system .text-area__label {
  display: block;
}.utah-design-system input[type=text],
.utah-design-system input[type=email],
.utah-design-system input[type=password],
.utah-design-system input[type=tel] {
  color: var(--gray-color);
  min-height: var(--form-ele-medium);
  border-radius: var(--radius-small);
  box-sizing: border-box;
  border: 1px solid var(--gray-color);
  width: 100%;
  padding: 0 var(--spacing-xs);
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system input[type=text]:hover,
.utah-design-system input[type=email]:hover,
.utah-design-system input[type=password]:hover,
.utah-design-system input[type=tel]:hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
}.utah-design-system input[type=text]:focus-visible,
.utah-design-system input[type=email]:focus-visible,
.utah-design-system input[type=password]:focus-visible,
.utah-design-system input[type=tel]:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system input[type=text]:disabled,
.utah-design-system input[type=email]:disabled,
.utah-design-system input[type=password]:disabled,
.utah-design-system input[type=tel]:disabled {
  background-color: var(--disabled-gray);
  cursor: not-allowed;
}.utah-design-system input[type=text][aria-invalid=true]:not(.inside-invalid-wrapper),
.utah-design-system input[type=email][aria-invalid=true]:not(.inside-invalid-wrapper),
.utah-design-system input[type=password][aria-invalid=true]:not(.inside-invalid-wrapper),
.utah-design-system input[type=tel][aria-invalid=true]:not(.inside-invalid-wrapper) {
  border: 2px solid var(--danger-color);
}.utah-design-system input[type=text].text-input--clear-icon-visible,
.utah-design-system input[type=email].text-input--clear-icon-visible,
.utah-design-system input[type=password].text-input--clear-icon-visible,
.utah-design-system input[type=tel].text-input--clear-icon-visible {
  padding: 0 var(--spacing-xl) 0 var(--spacing-xs);
}.utah-design-system .text-input__inner-wrapper {
  position: relative;
}.utah-design-system .text-input__clear-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-xs);
  font-weight: var(--font-weight-normal);
  transition: transform;
}.utah-design-system .text-input__clear-button [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .text-input__clear-button[disabled]:active {
  transform: translateY(-50%);
}.utah-design-system .search-input__wrapper {
  position: relative;
}.utah-design-system .search-input__wrapper input[type=text] {
  border-radius: var(--radius-circle);
  padding: var(--spacing-s) 170px var(--spacing-s) var(--spacing-3xl);
}.utah-design-system .search-input__button-wrapper {
  position: absolute;
  right: var(--spacing-xs);
}.utah-design-system .search-input__button-wrapper:has(button:focus) {
  clip: unset;
  height: unset;
  margin: unset;
  overflow: unset;
  padding: unset;
  position: absolute;
  width: unset;
}.utah-design-system .search-input__icon-search {
  position: absolute;
  top: calc(50% + 2px);
  left: var(--spacing);
}.utah-design-system .search-input__icon-search[class*=utds-icon-before-]::before {
  display: block;
  font-size: 1.2rem;
}.utah-design-system .combo-box-input[type=text] {
  padding: 0 var(--spacing-xl) 0 var(--spacing-xs);
}.utah-design-system .combo-box-input[type=text].text-input--clear-icon-visible {
  padding: 0 var(--spacing-4xl) 0 var(--spacing-xs);
}.utah-design-system .combo-box-input__chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-xs);
  font-weight: var(--font-weight-normal);
}.utah-design-system .combo-box-input__chevron [class*=utds-icon-before-]::before {
  font-size: 0.9rem;
}.utah-design-system .combo-box-input__chevron--is-disabled {
  color: var(--form-ele-disabled-color);
}.utah-design-system .combo-box-input__chevron[disabled]:active {
  transform: translateY(-50%);
}.utah-design-system .combo-box-input__inner-wrapper .text-input__clear-button {
  right: var(--spacing-xl);
}.utah-design-system .combo-box-input__inner-wrapper .input-wrapper--text-input {
  margin: 0;
}.utah-design-system .combo-box-input__inner-wrapper .tooltip__wrapper {
  z-index: 2001;
}.utah-design-system .combo-box-input__list-box {
  background: white;
  border-radius: var(--radius-small);
  border: 1px solid var(--gray-3-1-contrast);
  box-sizing: border-box;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 2000;
  max-height: clamp(300px, 40vh, 40vh);
  overflow: auto;
  width: max-content;
}.utah-design-system .combo-box-input__option {
  padding: var(--spacing-2xs) var(--spacing-s);
  font-weight: var(--font-weight-normal);
}.utah-design-system .combo-box-input__option:hover {
  background: var(--hover-gray-color);
  cursor: default;
  color: black;
}.utah-design-system .combo-box-input__option--selected {
  background: var(--form-ele-color);
  color: white;
}.utah-design-system .combo-box-input__option--highlighted {
  background: var(--hover-gray-color);
  color: black;
}.utah-design-system .combo-box-input__option--disabled {
  color: var(--gray-3-1-contrast);
}.utah-design-system .combo-box-input__option--disabled:hover {
  color: var(--gray-3-1-contrast);
}.utah-design-system .combo-box-input__option:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system .combo-box-input__option:focus-visible {
  outline-offset: -2px;
  border-radius: var(--radius-small1x);
}.utah-design-system .combo-box-input__group-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}.utah-design-system .combo-box-input__group-wrapper ul li.combo-box-input__option {
  padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing);
}.utah-design-system .combo-box-input__group-title {
  font-weight: var(--font-weight-bold);
  position: relative;
  color: var(--gray-color);
}.utah-design-system .combo-box-input__group-title span {
  background: white;
  z-index: 2;
  position: relative;
  padding-right: var(--spacing-s);
}.utah-design-system .combo-box-input__group-title:hover {
  background-color: transparent;
  color: var(--gray-color);
}.utah-design-system .combo-box-input__group-title:after {
  content: "";
  background: var(--gray-3-1-contrast);
  display: block;
  width: calc(100% - var(--spacing-xl));
  height: 1px;
  position: absolute;
  top: 50%;
}.utah-design-system .multi-select {
  background: white;
  color: var(--gray-color);
  min-height: var(--form-ele-medium);
  border-radius: var(--radius-small);
  box-sizing: border-box;
  border: 1px solid var(--gray-color);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--spacing-2xs);
  padding: var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-2xs);
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system .multi-select:hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
}.utah-design-system .multi-select.invalid {
  border: 2px solid var(--danger-color);
}.utah-design-system .multi-select__wrapper {
  position: relative;
}.utah-design-system .multi-select__wrapper .tooltip__wrapper {
  z-index: 2001;
}.utah-design-system .multi-select-tags {
  list-style-type: none;
  padding-left: 0;
}.utah-design-system .multi-select__combo-box {
  flex: 1;
  min-width: 25%;
}.utah-design-system .multi-select__combo-box .combo-box-input {
  border: none;
  min-height: var(--form-ele-small1x);
  padding: 0;
  flex: 1;
}.utah-design-system .multi-select__combo-box .combo-box-input__chevron {
  display: none;
}.utah-design-system .multi-select__combo-box .combo-box-input:hover {
  box-shadow: none;
}.utah-design-system .multi-select__combo-box .combo-box-input:focus-visible {
  outline: none;
}.utah-design-system .multi-select__chevron, .utah-design-system .multi-select__clear-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-xs);
  font-weight: var(--font-weight-normal);
}.utah-design-system .multi-select__chevron [class*=utds-icon-before-]::before, .utah-design-system .multi-select__clear-button [class*=utds-icon-before-]::before {
  font-size: 0.9rem;
}.utah-design-system .multi-select__chevron[disabled]:active, .utah-design-system .multi-select__clear-button[disabled]:active {
  transform: translateY(-50%);
}.utah-design-system .multi-select__clear-button {
  right: var(--spacing-xl);
}.utah-design-system .multi-select__clear-button [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .multi-select--clear-icon-visible {
  padding: var(--spacing-2xs) var(--spacing-4xl) var(--spacing-2xs) var(--spacing-2xs);
}.utah-design-system .multi-select--disabled {
  background-color: var(--disabled-gray);
  cursor: not-allowed;
}.utah-design-system .multi-select--disabled input[type=text] {
  background: transparent;
}.utah-design-system .multi-select--focused {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system .multi-select--focused.multi-select--disabled {
  outline: none;
}.utah-design-system .date-input[type=text] {
  padding: 0 var(--spacing-xl) 0 var(--spacing-xs);
}.utah-design-system .date-input[type=text].text-input--clear-icon-visible {
  padding: 0 var(--spacing-4xl) 0 var(--spacing-xs);
}.utah-design-system .date-input__calendar-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-2xs);
  font-weight: var(--font-weight-normal);
}.utah-design-system .date-input__calendar-icon [class*=utds-icon-before-]::before {
  font-size: 1.1rem;
  margin: 0;
}.utah-design-system .date-input__calendar-icon--is-disabled {
  color: var(--form-ele-disabled-color);
}.utah-design-system .date-input__calendar-icon[disabled]:active {
  transform: translateY(-50%);
}.utah-design-system .date-input__icon-static {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--form-ele-small);
  min-width: var(--form-ele-small);
}.utah-design-system .date-input__inner-wrapper .text-input__clear-button {
  right: var(--spacing-xl);
}.utah-design-system .date-input__inner-wrapper .input-wrapper--text-input {
  margin: 0;
}.utah-design-system .date-input__inner-wrapper .tooltip__wrapper {
  z-index: 2001;
}.utah-design-system .date-input__popup {
  background: white;
  border-radius: var(--radius-small);
  border: 1px solid var(--gray-3-1-contrast);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  z-index: 2000;
  overflow: hidden;
}.utah-design-system .date-input__popup .input-wrapper--calendar-input {
  margin: 0;
}.utah-design-system .calendar-input__grid {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 2px;
  border-top: 1px solid var(--gray-3-1-contrast);
  border-bottom: 1px solid var(--gray-3-1-contrast);
  background: white;
}.utah-design-system .calendar-input__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 2px;
}.utah-design-system .calendar-input__cell-header {
  display: flex;
  align-items: center;
  justify-content: center;
}.utah-design-system .calendar-input__cell {
  border: none;
  padding: 0;
  min-height: 26px;
  min-width: 26px;
  justify-self: center;
  background: none;
}.utah-design-system .calendar-input__cell--focused {
  background: var(--form-ele-color-light);
  color: var(--gray-dark-color);
}.utah-design-system .calendar-input__cell--selected {
  background: var(--form-ele-color);
  color: white;
}.utah-design-system .calendar-input__cell--today {
  border: 2px solid var(--form-ele-color-light);
}.utah-design-system .calendar-input__cell:focus {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system .calendar-input__cell--next-month, .utah-design-system .calendar-input__cell--previous-month {
  color: var(--gray-3-1-contrast);
}.utah-design-system .calendar-input__controls {
  background: var(--gray-light-color);
  padding: var(--spacing-2xs) 0;
}.utah-design-system .calendar-input__controls-month, .utah-design-system .calendar-input__controls-year {
  display: flex;
  align-items: center;
  justify-content: center;
}.utah-design-system .calendar-input__controls [class*=utds-icon-before-]:before {
  font-size: 0.8rem;
  color: var(--form-ele-color);
}.utah-design-system .calendar-input__controls [class*=utds-icon-before-double-arrow]:before {
  font-size: 0.9rem;
}.utah-design-system .calendar-input__month {
  min-width: 85px;
  text-align: center;
}.utah-design-system .calendar-input__year {
  min-width: 45px;
  text-align: center;
}.utah-design-system .calendar-input__today {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs) 0;
  background: var(--gray-light-color);
}.utah-design-system .date-input__popup .calendar-input__grid:not(:has(+ .calendar-input__today)) {
  border-bottom: 0;
}.utah-design-system .time-input__wrapper [class*=utds-icon-before-clock]::before {
  font-size: 1.1rem;
}.utah-design-system .time-input__wrapper input[type=text].text-input--clear-icon-visible {
  padding: 0 var(--spacing-4xl) 0 var(--spacing-xs);
}.utah-design-system .time-input__wrapper .text-input__clear-button {
  right: var(--spacing-xl);
}.utah-design-system .time-input__clock-icon--static {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}.utah-design-system .time-input__clock-icon--is-disabled {
  color: var(--form-ele-disabled-color);
}.character-count {
  text-align: right;
  font-size: var(--font-size-s);
  margin: var(--spacing-2xs) 0 0 0;
}.character-count--over-limit {
  color: var(--danger-color);
}.utah-design-system input[type=checkbox] {
  width: var(--form-checkbox-medium);
  height: var(--form-checkbox-medium);
  position: relative;
  border-radius: var(--radius-small1x);
  border: 1px solid var(--gray-color);
  background-color: white;
  box-sizing: border-box;
  appearance: none;
  flex-shrink: 0;
  margin: 2px var(--spacing-xs) 0 0;
}.utah-design-system input[type=checkbox]:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: var(--radius-circle);
  z-index: -1;
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system input[type=checkbox]:hover {
  border-color: black;
}.utah-design-system input[type=checkbox]:hover::after {
  box-shadow: var(--hover-gray-color) 0 0 0 7px;
  border-color: black;
}.utah-design-system input[type=checkbox]::before {
  content: "";
  display: block;
  background: var(--form-ele-color);
  background-image: var(--icon-check-mark-light);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
  border-radius: var(--radius-small1x);
  width: 100%;
  height: 100%;
  opacity: 0;
}.utah-design-system input[type=checkbox]:checked {
  border-width: 0;
  background-color: var(--form-ele-color);
}.utah-design-system input[type=checkbox]:checked::before {
  opacity: 1;
  background-size: 80%;
  transition: background-size var(--timing-quick) ease, opacity var(--timing-quick) ease;
}.utah-design-system input[type=checkbox]:disabled {
  background-color: var(--form-ele-disabled-color);
  border: none;
  cursor: not-allowed;
}.utah-design-system input[type=checkbox]:disabled::before {
  background-color: var(--form-ele-disabled-color);
}.utah-design-system .input-wrapper--checkbox-inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}.utah-design-system select {
  color: var(--gray-color);
  min-height: var(--form-ele-medium);
  border-radius: var(--radius-small);
  box-sizing: border-box;
  border: 1px solid var(--gray-color);
  width: 100%;
  padding: 0 var(--spacing-l) 0 var(--spacing-xs);
  appearance: none;
  background: white var(--icon-chevron-dark) no-repeat right 5px center;
  background-size: 16px;
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system select:hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
}.utah-design-system select:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system select.select-input--clear-icon-visible {
  padding: 0 var(--spacing-3xl) 0 var(--spacing-xs);
}.utah-design-system select.select-input--placeholder {
  color: var(--form-ele-placeholder-color);
}.utah-design-system select[aria-invalid=true] {
  border: 2px solid var(--danger-color);
}.utah-design-system .select-input__inner-wrapper {
  position: relative;
}.utah-design-system .select-input__clear-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-l);
  font-weight: var(--font-weight-normal);
  background: white;
  transition: transform;
}.utah-design-system .select-input__clear-button [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
}.utah-design-system .select-input__clear-button:hover {
  background: var(--hover-gray-color-opaque);
}.utah-design-system .select-input__clear-button[disabled]:active {
  transform: translateY(-50%);
}.utah-design-system .info-box {
  display: flex;
  align-items: center;
  background: white;
  position: relative;
  border-radius: var(--radius-small);
  padding-left: var(--spacing-xs);
}.utah-design-system .info-box::before {
  content: "";
  display: block;
  width: var(--spacing-xs);
  height: 100%;
  border-top-left-radius: var(--radius-small);
  border-bottom-left-radius: var(--radius-small);
  background-color: var(--gray-color);
  position: absolute;
  left: 0;
}.utah-design-system .info-box__content {
  display: flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-s);
}.utah-design-system .info-box__gray {
  background-color: var(--gray-light-color);
}.utah-design-system .info-box__primary::before {
  background-color: var(--primary-color);
}.utah-design-system .info-box__secondary::before {
  background-color: var(--secondary-color);
}.utah-design-system .info-box__info::before {
  background-color: var(--info-color);
}.utah-design-system .info-box__danger::before {
  background-color: var(--danger-color);
}.utah-design-system .info-box__warning::before {
  background-color: var(--warning-color);
}.utah-design-system .info-box__success::before {
  background-color: var(--success-color);
}.utah-design-system input[type=radio] {
  appearance: none;
  border-radius: var(--radius-circle);
  border: 1px solid var(--gray-color);
  width: var(--form-checkbox-medium);
  height: var(--form-checkbox-medium);
  position: relative;
  margin: 2px var(--spacing-xs) 0 0;
  flex-shrink: 0;
  background: white;
}.utah-design-system input[type=radio]:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system input[type=radio]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: var(--radius-circle);
  z-index: -1;
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system input[type=radio]:hover {
  border-color: black;
}.utah-design-system input[type=radio]:hover::after {
  box-shadow: var(--hover-gray-color) 0 0 0 7px;
  border-color: black;
}.utah-design-system input[type=radio]::before {
  content: "";
  display: block;
  width: 0%;
  height: 0%;
  opacity: 0;
  border-radius: var(--radius-circle);
  background-color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}.utah-design-system input[type=radio]:checked {
  background-color: var(--form-ele-color);
  border: 1px solid var(--form-ele-color);
}.utah-design-system input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  opacity: 1;
  transition: width var(--timing-quick) ease, height var(--timing-quick) ease, opacity var(--timing-quick) ease;
}.utah-design-system input[type=radio][disabled] {
  background: var(--form-ele-disabled-color);
  border: none;
  cursor: not-allowed;
}.utah-design-system input[type=radio][disabled]::after {
  background-color: var(--form-ele-disabled-color);
}.utah-design-system .input-wrapper--radio {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}.utah-design-system input[type=checkbox].switch {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}.utah-design-system .switch__label {
  position: absolute;
  right: 0;
  transform: translateX(calc(100% + var(--spacing-2xs)));
  color: var(--gray-color);
  min-width: max-content;
  overflow: hidden;
}.utah-design-system .switch__label.visually-hidden {
  min-width: unset;
}.utah-design-system .switch__wrapper {
  min-width: 20px;
  background: #7b7b7b;
  color: white;
  border-radius: var(--radius-circle);
  min-height: var(--form-ele-small3x);
  padding: var(--spacing-3xs);
  position: relative;
  display: inline-flex;
  align-items: center;
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system .switch__wrapper:hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
}.utah-design-system .switch__wrapper--on {
  background: var(--form-ele-color);
}.utah-design-system .switch__wrapper:has(input:focus) {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system .switch--small.switch__wrapper {
  min-height: var(--form-ele-small4x);
}.utah-design-system .switch--small .switch__inner-label {
  font-size: var(--font-size-xs);
  height: var(--form-ele-small4x);
  line-height: var(--form-ele-small4x);
}.utah-design-system .switch--small .switch__slider {
  height: var(--form-ele-small4x);
  width: var(--form-ele-small4x);
}.utah-design-system .switch--small .switch__slider [class*=utds-icon-after-]::after,
.utah-design-system .switch--small .switch__slider [class*=utds-icon-before-]::before {
  font-size: 0.5rem;
}.utah-design-system .switch--large.switch__wrapper {
  min-height: var(--form-ele-small1x);
}.utah-design-system .switch--large .switch__slider {
  height: var(--form-ele-small1x);
  width: var(--form-ele-small1x);
}.utah-design-system .switch--large .switch__slider [class*=utds-icon-after-]::after,
.utah-design-system .switch--large .switch__slider [class*=utds-icon-before-]::before {
  font-size: 1rem;
}.utah-design-system .switch__slider {
  height: var(--form-ele-small3x);
  width: var(--form-ele-small3x);
  border-radius: var(--radius-circle);
  background: white;
  position: absolute;
  left: 2px;
  transition: all var(--timing-quick);
  display: flex;
  align-items: center;
  justify-content: center;
}.utah-design-system .switch__slider--on {
  left: 100%;
  transform: translateX(calc(-100% - 2px));
  background: white;
}.utah-design-system .switch__slider svg {
  fill: var(--gray-color);
  width: 0.65rem;
  height: 0.65rem;
}.utah-design-system .switch__slider [class*=utds-icon-after-],
.utah-design-system .switch__slider [class*=utds-icon-before-] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}.utah-design-system .switch__slider [class*=utds-icon-after-]::after,
.utah-design-system .switch__slider [class*=utds-icon-before-]::before {
  font-size: 0.7rem;
  line-height: 0;
  color: var(--form-ele-color);
  margin: 0;
}.utah-design-system .switch__inner-label {
  position: relative;
  width: 100%;
  height: var(--form-ele-small3x);
  font-size: var(--font-size-s);
  line-height: var(--font-size-s);
}.utah-design-system .switch__inner-label-on, .utah-design-system .switch__inner-label-off {
  width: calc(100% - var(--form-ele-2small1x));
  position: absolute;
  right: 2px;
  opacity: 0;
  transition: opacity var(--timing-quick);
  text-align: center;
  display: inline-block;
}.utah-design-system .switch__inner-label-on.show, .utah-design-system .switch__inner-label-off.show {
  opacity: 1;
}.utah-design-system .switch__inner-label-on {
  color: white;
  right: unset;
  left: 2px;
}.utah-design-system .switch--disabled {
  background: var(--form-ele-disabled-color);
  cursor: not-allowed;
}.utah-design-system .switch--disabled.switch__wrapper--on {
  background: var(--form-ele-color-light);
}.utah-design-system .input-wrapper--switch label {
  padding: var(--spacing-3xs) var(--spacing-xs);
}.utah-design-system fieldset {
  border: none;
  padding: 0;
}.utah-design-system fieldset legend {
  margin-bottom: var(--spacing-xs);
}.utah-design-system fieldset .input-wrapper:last-of-type {
  margin: 0 0 var(--spacing-xs) 0;
}.utah-design-system .file-input__box {
  border: 1px dashed var(--gray-color);
  position: relative;
  background: white;
  text-align: center;
}.utah-design-system .file-input__box--dragged, .utah-design-system .file-input__box--dragged > div {
  background: var(--form-ele-color-light);
}.utah-design-system .file-input__box--disabled > div {
  background: var(--disabled-gray);
}.utah-design-system .file-input__box input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-indent: -9999px;
  cursor: pointer;
  transition: box-shadow var(--timing-xquick) ease-in-out;
  z-index: 1;
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system .file-input__box input[type=file]:hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
}.utah-design-system .file-input__box input[type=file]:focus-visible {
  outline: 2px solid var(--form-ele-color);
  outline-offset: 2px;
  transition: none;
}.utah-design-system .file-input__box input[type=file]:disabled {
  cursor: not-allowed;
}.utah-design-system .file-input__instructions {
  padding: var(--spacing-l) var(--spacing);
  pointer-events: none;
  position: relative;
  z-index: 3;
}.utah-design-system .file-input__file-selected {
  background-color: #dde7fa;
  pointer-events: none;
  position: relative;
  text-align: left;
  z-index: 3;
}.utah-design-system .file-input__file-selected > div {
  padding: var(--spacing-s) var(--spacing);
}.utah-design-system .file-input__file-selected hr {
  margin: 0;
  border-color: white;
}.utah-design-system .file-input__file-list {
  display: flex;
}.utah-design-system .file-input__file-list .tag__wrapper {
  background: white;
  pointer-events: all;
}.utah-design-system .file-input__file-list .tag__wrapper:not(:last-child) {
  margin: 0 var(--spacing) var(--spacing) 0;
}.utah-design-system .file-input__safari {
  background: white;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}.utah-design-system.main-menu__outer {
  position: relative;
  z-index: 2500;
}.utah-design-system .main-menu__wrapper {
  background-color: var(--gray-light-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing-l) 0 var(--spacing-xs);
}.utah-design-system .main-menu__wrapper .utds-icon-before-search::before {
  font-size: 1.1rem;
}.utah-design-system .main-menu .menu-item__search {
  margin-left: auto;
}.utah-design-system .main-menu__search-placeholder {
  height: var(--form-ele-medium);
  width: var(--form-ele-medium);
}.utah-design-system .horizontal-menu > ul {
  list-style-type: none;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}.utah-design-system .horizontal-menu > ul li .menu-item__title {
  position: relative;
}.utah-design-system .horizontal-menu > ul li a[href], .utah-design-system .horizontal-menu > ul li button {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--gray-color);
  padding: var(--spacing-3xs) var(--spacing);
  margin: var(--spacing-xs) 0;
  border-radius: 999px;
  transition: all var(--timing-quick) ease-in-out;
  position: relative;
  box-sizing: border-box;
  font-size: var(--font-size);
  font-weight: var(--font-weight-semi-bold);
  min-height: auto;
  line-height: 1.7;
}.utah-design-system .horizontal-menu > ul li a[href] .menu-item__menu-arrow, .utah-design-system .horizontal-menu > ul li button .menu-item__menu-arrow {
  font-size: 0.65rem;
  margin-left: var(--spacing-2xs);
}.utah-design-system .horizontal-menu > ul li a[href] .menu-item__menu-arrow[class*=utds-icon-before-]::before, .utah-design-system .horizontal-menu > ul li button .menu-item__menu-arrow[class*=utds-icon-before-]::before {
  margin-right: 0;
}.utah-design-system .horizontal-menu > ul li a[href]:hover, .utah-design-system .horizontal-menu > ul li button:hover {
  color: black;
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}.utah-design-system .horizontal-menu > ul li a[href].menu-item--selected_parent + span.menu-chiclet, .utah-design-system .horizontal-menu > ul li button.menu-item--selected_parent + span.menu-chiclet {
  font-weight: bold;
}.utah-design-system .horizontal-menu > ul li a[href].menu-item--selected + span.menu-chiclet::after, .utah-design-system .horizontal-menu > ul li button.menu-item--selected + span.menu-chiclet::after {
  content: "";
  width: 100%;
  height: var(--spacing-2xs);
  background: var(--primary-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-left-radius: var(--spacing-2xs);
  border-bottom-right-radius: var(--spacing-2xs);
  outline: none;
  outline-offset: 0;
}.utah-design-system .menu-item__title {
  display: flex;
  flex-direction: row;
  align-items: center;
}.utah-design-system .menu-item__button-title {
  border: none;
  padding: 0;
  background: none;
}.utah-design-system .menu-item__button-title:hover {
  background: none;
  color: var(--primary-color);
}.utah-design-system .menu-item a[href] {
  text-decoration: none;
  color: var(--gray-color);
}.utah-design-system .menu-item a[href].menu-item--selected {
  color: var(--primary-color);
}.utah-design-system .menu-item a[href].menu-item--selected_parent {
  font-weight: bold;
}.utah-design-system .menu-item__chevron [class*=utds-icon-after-]::after {
  font-size: 0.65rem;
  line-height: 0.5;
}.utah-design-system .menu-item__chevron--open {
  transform: rotate(90deg);
}.utah-design-system .menu-item__sub-menu {
  display: none;
}.utah-design-system .menu-item__sub-menu--open {
  display: block;
}.utah-design-system .menu-item__plain .menu-item__title a[href] {
  border-radius: var(--radius-circle);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--gray-color);
  display: flex;
  font-size: var(--font-size-xs);
  justify-content: flex-start;
  line-height: 1.7;
  margin: 0;
  min-height: unset;
  padding: var(--spacing-2xs) var(--spacing);
  text-align: left;
  text-decoration: none;
  width: 100%;
  position: relative;
}.utah-design-system .menu-item__plain .menu-item__title a[href]:hover {
  background: var(--hover-gray-color);
  color: var(--primary-color);
  box-shadow: none;
}.utah-design-system .menu-item__plain .menu-item__title a[href]:active {
  transform: none;
}.utah-design-system .menu-item__plain .menu-item__title-blank {
  font-size: var(--font-size-xs);
}.utah-design-system .pagination ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}.utah-design-system .pagination__link {
  border-radius: 999px;
  font-size: 1rem;
  height: var(--form-ele-medium);
  width: var(--form-ele-medium);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  text-decoration: none;
  box-shadow: none;
  transition: transform 100ms ease, box-shadow 100ms ease;
}.utah-design-system .pagination a[href].pagination__link {
  color: var(--gray-color);
}.utah-design-system .pagination a[href].pagination__link:hover {
  color: var(--gray-dark-color);
  background: var(--hover-gray-color);
  box-shadow: none;
}.utah-design-system .pagination a[href].pagination__link:active {
  transform: scale(0.96);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
}.utah-design-system .pagination a[href].pagination__link--active {
  background: var(--primary-color);
  color: white;
}.utah-design-system .pagination a[href].pagination__link--active:hover {
  background: var(--primary-color-dark);
  color: white;
}.utah-design-system .pagination__ellipsis {
  font-size: 1rem;
  height: var(--form-ele-medium);
  width: var(--form-ele-medium);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 10px;
  vertical-align: middle;
}.utah-design-system .pagination__ellipsis .utds-icon-before-more-horizontal::before {
  margin-right: 0;
  display: block;
}.utah-design-system .pagination__next [class*=utds-icon-before-]::before, .utah-design-system .pagination__prev [class*=utds-icon-before-]::before {
  font-size: 0.9rem;
}.utah-design-system .menu-side-panel {
  margin: var(--spacing) 0 0 0;
  font-size: var(--font-size-xs);
}.utah-design-system .menu-side-panel:first-child {
  margin: 0;
}.utah-design-system .menu-side-panel__header {
  font-size: var(--font-size);
}.utah-design-system .menu-side-panel > ul {
  margin-left: calc(0px - var(--spacing));
}.utah-design-system .menu-side-panel ul {
  list-style-type: none;
  padding: 0;
}.utah-design-system .menu-side-panel ul ul:first-of-type {
  border-left: 1px solid #DBDBDB;
  margin-left: var(--spacing);
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title {
  flex: 1 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--spacing-2xs) var(--spacing);
  margin: 0;
  display: block;
  border-radius: var(--radius-circle);
  position: relative;
  transition: all var(--timing-quick) ease-in-out;
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title:hover {
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
  color: var(--primary-color);
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title.menu-item--selected {
  font-weight: bold;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title.menu-item--selected::after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0;
  width: 5px;
  height: 100%;
  background: var(--primary-color);
  border-radius: var(--radius-circle);
}.utah-design-system .menu-side-panel .menu-item__title-blank {
  padding: var(--spacing-2xs) var(--spacing);
}.utah-design-system .menu-side-panel .menu-item button {
  min-height: unset;
  min-width: unset;
}.utah-design-system .menu-side-panel .menu-item__button-title {
  flex: 1 1 auto;
  justify-content: flex-start;
  font-size: var(--font-size-xs);
  padding: var(--spacing-2xs) var(--spacing);
  line-height: 1.7;
}.utah-design-system .menu-side-panel .menu-item__button-title:hover {
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}.utah-design-system .menu-side-panel .menu-item__chevron {
  padding: var(--spacing-xs);
}.utah-design-system .menu-side-panel .menu-item__chevron svg {
  transition: transform var(--timing-quick) ease;
}@media screen and (max-width: 1024px) {
  .utah-design-system .menu-side-panel .menu-item__title a.menu-item--selected::after {
    left: 0;
  }
}/*
############     _skip-link.scss      ############
*/.utah-design-system.skip-link__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 4000;
  overflow: hidden;
  width: 100%;
  background: transparent;
  pointer-events: none;
}.utah-design-system .skip-link__tab {
  background-color: var(--gray-light-color);
  border-radius: var(--radius-medium);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition: all var(--timing-quick) ease-in-out;
  transform: translateY(-150%);
}.utah-design-system .skip-link__tab:focus-within {
  transform: translateY(0%);
}.utah-design-system .skip-link__link {
  pointer-events: all;
  margin: var(--spacing) var(--spacing-l);
}.utah-design-system ul.vertical-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}.utah-design-system .vertical-menu {
  font-size: var(--font-size-xs);
}.utah-design-system .vertical-menu__header {
  font-size: var(--font-size);
}.utah-design-system .vertical-menu__header + ul {
  margin-left: calc(0px - var(--spacing));
}.utah-design-system .vertical-menu li > ul {
  margin-left: var(--spacing-s);
}.utah-design-system .vertical-menu__title {
  display: flex;
  flex-direction: row;
  align-items: center;
}.utah-design-system .vertical-menu__title .menu-item__chevron {
  min-height: unset;
  min-width: unset;
  padding: var(--spacing-xs);
}.utah-design-system .vertical-menu__title__plain {
  margin: var(--spacing-2xs) 0;
  padding: var(--spacing-2xs) var(--spacing);
}.utah-design-system .vertical-menu button.vertical-menu__button-title,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title,
.utah-design-system .vertical-menu button.menu-item__button-title,
.utah-design-system .vertical-menu a[href].menu-item__link-title {
  border-radius: var(--radius-circle);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--gray-color);
  display: flex;
  font-size: var(--font-size-xs);
  justify-content: flex-start;
  line-height: 1.7;
  margin: var(--spacing-2xs) 0;
  min-height: unset;
  padding: var(--spacing-2xs) var(--spacing);
  text-align: left;
  text-decoration: none;
  width: 100%;
  position: relative;
}.utah-design-system .vertical-menu button.vertical-menu__button-title:hover,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title:hover,
.utah-design-system .vertical-menu button.menu-item__button-title:hover,
.utah-design-system .vertical-menu a[href].menu-item__link-title:hover {
  background: var(--hover-gray-color);
  color: var(--primary-color);
  box-shadow: none;
}.utah-design-system .vertical-menu button.vertical-menu__button-title:active,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title:active,
.utah-design-system .vertical-menu button.menu-item__button-title:active,
.utah-design-system .vertical-menu a[href].menu-item__link-title:active {
  transform: none;
}.utah-design-system .vertical-menu button.vertical-menu__button-title.menu-item--selected_parent,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title.menu-item--selected_parent,
.utah-design-system .vertical-menu button.menu-item__button-title.menu-item--selected_parent,
.utah-design-system .vertical-menu a[href].menu-item__link-title.menu-item--selected_parent {
  font-weight: bold;
}.utah-design-system .vertical-menu button.vertical-menu__button-title.menu-item--selected,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title.menu-item--selected,
.utah-design-system .vertical-menu button.menu-item__button-title.menu-item--selected,
.utah-design-system .vertical-menu a[href].menu-item__link-title.menu-item--selected {
  font-weight: bold;
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
  color: var(--primary-color);
}.utah-design-system .vertical-menu a.vertical-menu__link-title:hover {
  box-shadow: none;
}.utah-design-system .vertical-menu__link-text {
  flex: 1 0 auto;
  max-width: 100%;
}.utah-design-system .vertical-menu__divider {
  display: block;
  margin: var(--spacing-s) var(--spacing-s);
  height: 1px;
  background-color: var(--gray-medium-light-color);
}.utah-design-system .vertical-menu .utds-icon-before-chevron-right {
  font-size: 0.65rem;
  line-height: 0.5;
  transform: rotate(0deg);
  transition: transform var(--timing-quick) ease;
}.utah-design-system .vertical-menu .utds-icon-before-chevron-right::before {
  margin-right: 0;
  margin-left: var(--spacing-xs);
}.utah-design-system .vertical-menu .utds-icon-before-chevron-right.is-open {
  transform: rotate(90deg);
}.utah-design-system .vertical-menu .flyout-menu {
  padding: 0;
}.utah-design-system .vertical-menu .flyout-menu > ul > li {
  padding: 0 var(--spacing-s);
}.utah-design-system .vertical-menu .flyout-menu > ul > li:first-child {
  padding-top: var(--spacing-s);
}.utah-design-system .vertical-menu .flyout-menu > ul > li:last-child {
  padding-bottom: var(--spacing-s);
}.utah-design-system .menu-item--mega-menu .vertical-menu li > ul {
  margin-left: 0;
}.utah-design-system .menu-item--mega-menu .popup__content {
  padding: var(--spacing) var(--spacing-l);
}.utah-design-system .menu-item--mega-menu .popup__content > ul {
  display: flex;
  gap: var(--spacing-xl);
}.utah-design-system .menu-item--mega-menu .popup__content > ul > li {
  font-weight: bold;
  font-size: var(--font-size-m);
}.utah-design-system .menu-item--mega-menu .popup__content > ul > li > ul {
  font-size: var(--font-size);
  font-weight: var(--font-weight-semi-bold);
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .banner__wrapper {
  display: inline-flex;
  border-radius: var(--radius-small);
  background: white;
  box-shadow: var(--elevation-small-borderless);
  margin: var(--spacing);
}.utah-design-system .banner__wrapper:not(.banner--inline) {
  position: fixed;
  z-index: 3000;
}.utah-design-system .banner__wrapper.banner--bottom-left, .utah-design-system .banner__wrapper.banner--top-left {
  animation: left-in 1s;
}.utah-design-system .banner__wrapper.banner--bottom-right, .utah-design-system .banner__wrapper.banner--top-right {
  animation: right-in 1s;
}.utah-design-system .banner__wrapper.banner--bottom, .utah-design-system .banner__wrapper.banner--top {
  animation: fade-in 0.5s;
}.utah-design-system .banner__wrapper.banner--bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}.utah-design-system .banner__wrapper.banner--bottom-left {
  bottom: 0;
  left: 0;
}.utah-design-system .banner__wrapper.banner--bottom-right {
  bottom: 0;
  right: 0;
}.utah-design-system .banner__wrapper.banner--top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}.utah-design-system .banner__wrapper.banner--top-left {
  top: 0;
  left: 0;
}.utah-design-system .banner__wrapper.banner--top-right {
  top: 0;
  right: 0;
}.utah-design-system .banner__wrapper.banner--info, .utah-design-system .banner__wrapper.banner--warning, .utah-design-system .banner__wrapper.banner--danger, .utah-design-system .banner__wrapper.banner--success, .utah-design-system .banner__wrapper.banner--dark, .utah-design-system .banner__wrapper.banner--primary, .utah-design-system .banner__wrapper.banner--secondary, .utah-design-system .banner__wrapper.banner--accent, .utah-design-system .banner__wrapper.banner--primary-dark, .utah-design-system .banner__wrapper.banner--secondary-dark, .utah-design-system .banner__wrapper.banner--accent-dark {
  color: white;
}.utah-design-system .banner__wrapper.banner--info .banner__close-button button, .utah-design-system .banner__wrapper.banner--info a, .utah-design-system .banner__wrapper.banner--warning .banner__close-button button, .utah-design-system .banner__wrapper.banner--warning a, .utah-design-system .banner__wrapper.banner--danger .banner__close-button button, .utah-design-system .banner__wrapper.banner--danger a, .utah-design-system .banner__wrapper.banner--success .banner__close-button button, .utah-design-system .banner__wrapper.banner--success a, .utah-design-system .banner__wrapper.banner--dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--dark a, .utah-design-system .banner__wrapper.banner--primary .banner__close-button button, .utah-design-system .banner__wrapper.banner--primary a, .utah-design-system .banner__wrapper.banner--secondary .banner__close-button button, .utah-design-system .banner__wrapper.banner--secondary a, .utah-design-system .banner__wrapper.banner--accent .banner__close-button button, .utah-design-system .banner__wrapper.banner--accent a, .utah-design-system .banner__wrapper.banner--primary-dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--primary-dark a, .utah-design-system .banner__wrapper.banner--secondary-dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--secondary-dark a, .utah-design-system .banner__wrapper.banner--accent-dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--accent-dark a {
  color: white;
}.utah-design-system .banner__wrapper.banner--info {
  background-color: var(--info-color);
}.utah-design-system .banner__wrapper.banner--warning {
  background-color: var(--warning-color);
}.utah-design-system .banner__wrapper.banner--danger {
  background-color: var(--danger-color);
}.utah-design-system .banner__wrapper.banner--success {
  background-color: var(--success-color);
}.utah-design-system .banner__wrapper.banner--dark {
  background-color: var(--gray-color);
}.utah-design-system .banner__wrapper.banner--primary {
  background-color: var(--primary-color);
}.utah-design-system .banner__wrapper.banner--primary-light {
  background-color: var(--primary-color-light);
}.utah-design-system .banner__wrapper.banner--primary-dark {
  background-color: var(--primary-color-dark);
}.utah-design-system .banner__wrapper.banner--secondary {
  background-color: var(--secondary-color);
}.utah-design-system .banner__wrapper.banner--secondary-light {
  background-color: var(--secondary-color-light);
}.utah-design-system .banner__wrapper.banner--secondary-dark {
  background-color: var(--secondary-color-dark);
}.utah-design-system .banner__wrapper.banner--accent {
  background-color: var(--accent-color);
}.utah-design-system .banner__wrapper.banner--accent-light {
  background-color: var(--accent-color-light);
}.utah-design-system .banner__wrapper.banner--accent-dark {
  background-color: var(--accent-color-dark);
}.utah-design-system .banner__wrapper.banner--small {
  max-width: 320px;
}.utah-design-system .banner__wrapper.banner--medium {
  max-width: 640px;
}.utah-design-system .banner__wrapper.banner--large {
  max-width: 960px;
}.utah-design-system .banner__message {
  display: flex;
  align-items: center;
  padding: var(--spacing-s) var(--spacing-xs) var(--spacing-s) var(--spacing);
}.utah-design-system .banner__icon {
  padding: var(--spacing-s);
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  border-radius: var(--radius-small) 0 0 var(--radius-small);
}.utah-design-system .banner__icon span {
  color: white;
}.utah-design-system .banner__icon span[class*=utds-icon-before-]::before {
  margin-right: 0;
}.utah-design-system .banner__close-button {
  padding: var(--spacing-xs);
}.utah-design-system.banner-global__wrapper {
  z-index: 4000;
  position: fixed;
}.utah-design-system.banner-global__wrapper .banner-global__zone {
  position: fixed;
  display: flex;
  flex-direction: column-reverse;
}.utah-design-system.banner-global__wrapper .banner-global__bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
}.utah-design-system.banner-global__wrapper .banner-global__bottom-left {
  bottom: 0;
  left: 0;
  flex-direction: column;
}.utah-design-system.banner-global__wrapper .banner-global__bottom-right {
  bottom: 0;
  right: 0;
  flex-direction: column;
}.utah-design-system.banner-global__wrapper .banner-global__top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}.utah-design-system.banner-global__wrapper .banner-global__top-left {
  top: 0;
  left: 0;
}.utah-design-system.banner-global__wrapper .banner-global__top-right {
  top: 0;
  right: 0;
}.utah-design-system.banner-global__wrapper .banner-global__bottom .banner__wrapper, .utah-design-system.banner-global__wrapper .banner-global__top .banner__wrapper {
  align-self: baseline;
}.utah-design-system.banner-global__wrapper .banner-global__top-right .banner__wrapper, .utah-design-system.banner-global__wrapper .banner-global__bottom-right .banner__wrapper {
  align-self: flex-end;
}.utah-design-system.banner-global__wrapper .banner-global__top-left .banner__wrapper, .utah-design-system.banner-global__wrapper .banner-global__bottom-left .banner__wrapper {
  align-self: flex-start;
}.utah-design-system.banner-global__wrapper .banner__wrapper {
  position: relative;
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .popup__wrapper {
  position: absolute;
  z-index: 100;
  background: none transparent;
  left: 0;
  top: 0;
  transition: opacity 100ms ease-in-out;
}.utah-design-system .popup__wrapper--visible {
  opacity: 1;
}.utah-design-system .popup__wrapper--visible .popup__content {
  transform: scale(1);
}.utah-design-system .popup__wrapper--hidden {
  opacity: 0;
  pointer-events: none;
}.utah-design-system .popup__wrapper--hidden .popup__content {
  transform: scale(0.7);
}.utah-design-system .popup__wrapper--close-button-absolute .popup__close-button {
  position: absolute;
  top: var(--spacing-xs);
  right: var(--spacing-xs);
}.utah-design-system .popup__content {
  background: white;
  border-radius: var(--radius-small);
  border: 1px solid var(--gray-3-1-contrast);
  box-sizing: border-box;
  min-width: 200px;
  max-width: 420px;
  width: max-content;
  padding: var(--spacing-s);
  transition: transform 100ms ease-in-out;
  box-shadow: var(--elevation-small);
}.utah-design-system .popup__close-button {
  float: right;
}.utah-design-system .popup__close-button .utds-icon-before-x-icon::before {
  font-size: 0.7rem;
}.utah-design-system .popup__arrow {
  visibility: hidden;
}.utah-design-system .popup__arrow, .utah-design-system .popup__arrow::before {
  position: absolute;
  width: 9px;
  height: 9px;
  background: inherit;
  box-sizing: content-box;
}.utah-design-system .popup__arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}.utah-design-system .popup__wrapper[data-popup-placement^=top] .popup__content {
  transform-origin: bottom;
}.utah-design-system .popup__wrapper[data-popup-placement^=top] .popup__arrow {
  bottom: -5px;
}.utah-design-system .popup__wrapper[data-popup-placement^=top] .popup__arrow::before {
  border-bottom: 1px solid var(--gray-3-1-contrast);
  border-right: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .popup__wrapper[data-popup-placement^=bottom] .popup__content {
  transform-origin: top;
}.utah-design-system .popup__wrapper[data-popup-placement^=bottom] .popup__arrow {
  top: -6px;
}.utah-design-system .popup__wrapper[data-popup-placement^=bottom] .popup__arrow::before {
  border-top: 1px solid var(--gray-3-1-contrast);
  border-left: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .popup__wrapper[data-popup-placement^=left] .popup__content {
  transform-origin: right;
}.utah-design-system .popup__wrapper[data-popup-placement^=left] .popup__arrow {
  right: -5px;
}.utah-design-system .popup__wrapper[data-popup-placement^=left] .popup__arrow::before {
  border-top: 1px solid var(--gray-3-1-contrast);
  border-right: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .popup__wrapper[data-popup-placement^=right] .popup__content {
  transform-origin: left;
}.utah-design-system .popup__wrapper[data-popup-placement^=right] .popup__arrow {
  left: -6px;
}.utah-design-system .popup__wrapper[data-popup-placement^=right] .popup__arrow::before {
  border-bottom: 1px solid var(--gray-3-1-contrast);
  border-left: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .menu-item--mega-menu .popup__content {
  max-width: 720px;
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .tooltip__wrapper {
  position: absolute;
  z-index: 2000;
  background: none transparent;
  left: 0;
  top: 0;
  transition: opacity 100ms ease-in-out;
}.utah-design-system .tooltip__wrapper--visible {
  opacity: 1;
}.utah-design-system .tooltip__wrapper--visible .tooltip__content {
  transform: scale(1);
}.utah-design-system .tooltip__wrapper--hidden {
  opacity: 0;
  pointer-events: none;
}.utah-design-system .tooltip__wrapper--hidden .tooltip__content {
  transform: scale(0.7);
}.utah-design-system .tooltip__content {
  border-radius: var(--radius-small);
  background: var(--gray-color);
  color: white;
  box-sizing: border-box;
  padding: var(--spacing-3xs) var(--spacing-s);
  transition: transform 100ms ease-in-out;
  box-shadow: var(--elevation-small);
  font-weight: var(--font-weight-normal);
}.utah-design-system .tooltip__arrow {
  visibility: hidden;
}.utah-design-system .tooltip__arrow, .utah-design-system .tooltip__arrow::before {
  position: absolute;
  width: 6px;
  height: 6px;
  background: inherit;
  z-index: -1;
}.utah-design-system .tooltip__arrow::before {
  visibility: visible;
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}.utah-design-system .tooltip__wrapper[data-popup-placement^=top] .tooltip__content {
  transform-origin: bottom;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=top] .tooltip__arrow {
  bottom: -2px;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=bottom] .tooltip__content {
  transform-origin: top;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=bottom] .tooltip__arrow {
  top: -3px;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=left] .tooltip__content {
  transform-origin: right;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=left] .tooltip__arrow {
  right: -2px;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=right] .tooltip__content {
  transform-origin: left;
}.utah-design-system .tooltip__wrapper[data-popup-placement^=right] .tooltip__arrow {
  left: -3px;
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .modal-backdrop {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 4000;
  overflow: auto;
}.utah-design-system .modal__wrapper {
  animation: 400ms ease-in-out 100ms drop-in both;
  background: #fff;
  display: inline-block;
  max-width: 660px;
  width: calc(100% - var(--spacing-3xl));
  border-radius: var(--radius-medium);
  left: 50%;
  margin: var(--spacing-4xl) 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: 5000;
}.utah-design-system .modal__title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-2xl);
  padding: var(--spacing-xs) calc(var(--spacing) + 1.4rem) var(--spacing-xs) var(--spacing-l);
}.utah-design-system .modal__content {
  padding: var(--spacing-xs) var(--spacing-l);
}.utah-design-system .modal__footer {
  padding: var(--spacing-xs) var(--spacing-l) var(--spacing);
}.utah-design-system .modal__close-button {
  position: absolute;
  top: var(--spacing-2xs);
  right: var(--spacing-2xs);
}.utah-design-system .modal__close-button .utds-icon-before-x-icon::before {
  font-size: 0.7rem;
}.utah-design-system .modal--small {
  max-width: 440px;
  border-radius: var(--radius-small);
}.utah-design-system .modal--large {
  max-width: 990px;
  border-radius: var(--radius-large);
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .search-modal form.search-modal__form {
  position: fixed;
  top: 40vh;
  z-index: 4010;
}.utah-design-system .search-modal__input[type=text] {
  border-radius: var(--radius-circle);
  border: none;
  width: 50vw;
  padding: var(--spacing) 170px var(--spacing) var(--spacing-3xl);
  font-size: var(--font-size-l);
  margin: 0;
}.utah-design-system .search-modal__button-wrapper {
  position: absolute;
  right: var(--spacing-s);
}.utah-design-system .search-modal__close-button-wrapper {
  position: fixed;
  top: var(--spacing);
  right: var(--spacing);
  z-index: 4010;
}.utah-design-system .search-modal__close-button [class*=utds-icon-before-]::before {
  font-size: 1rem;
  color: white;
}.utah-design-system .search-modal__close-button:hover {
  background: white;
}.utah-design-system .search-modal__close-button:hover [class*=utds-icon-before-]::before {
  color: var(--gray-color);
}.utah-design-system .search-modal__icon-search[class*=utds-icon-before-]::before {
  font-size: 1.3rem;
}.utah-design-system .documentation-template {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: var(--content-width-wide);
  justify-content: center;
  align-items: flex-start;
}.utah-design-system .documentation-template__wrapper {
  display: flex;
  justify-content: center;
}.utah-design-system .documentation-template__side-panel-left {
  border-right: 1px solid var(--gray-border);
  padding: var(--documentation-padding);
  width: calc(var(--documentation-left-width) + 2 * var(--spacing-xl));
  min-width: var(--documentation-left-width);
  box-sizing: border-box;
}.utah-design-system .documentation-template__right-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}.utah-design-system .documentation-template__content {
  flex: 1 1 auto;
  max-width: var(--documentation-width);
  min-width: 0;
  padding: var(--documentation-padding);
}.utah-design-system .documentation-template__content h1 {
  margin: calc(-1 * var(--spacing-xs)) 0 0 0;
}.utah-design-system .documentation-template__content code svg {
  height: 10px;
}.utah-design-system .documentation-template__content code .icon {
  font-size: 0.75rem;
}.utah-design-system .documentation-template__content table .props-code-wrapper {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}.utah-design-system .documentation-template__side-panel-right {
  position: sticky;
  top: 0;
  border-left: 1px solid var(--gray-border);
  padding: var(--documentation-padding);
  width: calc(var(--documentation-right-width) + 2 * var(--spacing-xl));
  min-width: var(--documentation-right-width);
  box-sizing: border-box;
  max-height: 100vh;
  overflow: auto;
}@media screen and (max-width: 1300px) {
  .utah-design-system .documentation-template__right-group {
    max-width: calc(100% - 2 * var(--spacing-xl) - (var(--documentation-left-width) + 2px));
  }
}@media screen and (max-width: 1024px) {
  .utah-design-system .documentation-template__right-group {
    flex-direction: column;
    max-width: calc(100% - 2 * var(--spacing-xl) - (var(--documentation-left-width) + 2px));
  }
  .utah-design-system .documentation-template__side-panel-left {
    padding: var(--documentation-padding-small);
  }
  .utah-design-system .documentation-template__content {
    order: 2;
    width: 100%;
    box-sizing: border-box;
    padding: var(--documentation-padding-small);
  }
  .utah-design-system .documentation-template__side-panel-right {
    order: 1;
    position: relative;
    border-left: 4px solid var(--gray-border);
    padding-bottom: 0;
    padding-top: 0;
    padding-left: var(--spacing);
    margin-left: var(--spacing);
    margin-top: var(--spacing-xl);
    max-height: unset;
  }
}@media screen and (max-width: 768px) {
  .utah-design-system .documentation-template__side-panel-left {
    display: none;
  }
  .utah-design-system .documentation-template__right-group {
    width: 100%;
    max-width: 100%;
  }
  .utah-design-system .documentation-template__content {
    max-width: 100%;
  }
}.utah-design-system .landing-page-template {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}.utah-design-system .landing-page-template .content-width {
  max-width: calc(var(--content-width-narrow) + 2 * var(--spacing-2xl));
  padding: 0 var(--spacing-2xl);
  box-sizing: border-box;
}@media screen and (max-width: 640px) {
  .utah-design-system .landing-page-template .content-width {
    padding: 0 var(--spacing-l);
  }
}.utah-design-system .block-quote {
  padding: var(--spacing) var(--spacing-l);
  position: relative;
}.utah-design-system .block-quote::before {
  content: "";
  height: 100%;
  width: 5px;
  border-top-left-radius: var(--radius-small);
  border-bottom-right-radius: var(--radius-small);
  position: absolute;
  top: 0;
  left: 0;
  background: var(--primary-color-light);
}.utah-design-system .block-quote--quotation-marks::before {
  content: "“";
  font-size: var(--font-size-5xl);
  width: 5px;
  background-color: transparent;
}.utah-design-system .block-quote--quotation-marks::after {
  content: "”";
  height: 100%;
  font-size: var(--font-size-5xl);
  width: 5px;
  position: absolute;
  right: var(--spacing);
  background-color: transparent;
}.utah-design-system .pre-code__wrapper {
  position: relative;
  width: 100%;
}.utah-design-system .pre-code__wrapper .copy-button .icon-button--borderless {
  background: var(--gray-light-color);
}.utah-design-system .pre-code__wrapper .copy-button .icon-button--borderless:hover {
  background: white;
}.utah-design-system pre {
  position: relative;
  font-family: var(--fixed-width-font-family);
  font-size: 0.95rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0 0 var(--spacing) 0;
}.utah-design-system pre.gray-block {
  background: var(--gray-light-color);
  padding: var(--spacing-s) var(--spacing-3xl) var(--spacing-s) var(--spacing);
  border-radius: var(--radius-medium);
}.utah-design-system pre.pre-code--overflow {
  width: 100%;
  overflow-x: scroll;
  box-sizing: border-box;
}.utah-design-system pre.pre-code--padded {
  padding: 0 var(--spacing);
}.utah-design-system pre .pre-code__overflow-content {
  width: max-content;
}.utah-design-system pre.size-small {
  max-height: 200px;
  overflow: scroll;
}.utah-design-system input.input--height-small,
.utah-design-system .input--height-small {
  min-height: var(--form-ele-small);
}.utah-design-system input.input--height-small1x,
.utah-design-system .input--height-small1x {
  min-height: var(--form-ele-small1x);
}.utah-design-system .badge {
  background-color: var(--badge-color);
  border-radius: var(--radius-circle);
  box-sizing: border-box;
  color: white;
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-size-2xs);
  min-height: var(--spacing-xs);
  min-width: var(--spacing-2xs);
  padding: var(--spacing-3xs) var(--spacing-2xs);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
}.utah-design-system .badge:not(.badge--blank) {
  min-width: 1rem;
  right: -2px;
  top: -2px;
}.utah-design-system .badge--blank {
  width: 9px;
  height: 9px;
}.utah-design-system .skeleton {
  animation: skeleton 2s ease-in-out 0.5s infinite;
  background-color: var(--gray-3-1-contrast);
  border-radius: var(--radius-small1x);
}.utah-design-system .skeleton--rectangle {
  min-width: calc(2 * var(--spacing-6xl));
  min-height: var(--spacing-4xl);
}.utah-design-system .skeleton--circle {
  min-height: var(--spacing-4xl);
  min-width: var(--spacing-4xl);
  border-radius: var(--radius-circle);
}.utah-design-system .skeleton--line {
  min-width: calc(2 * var(--spacing-6xl));
  min-height: var(--spacing-l);
}.utah-design-system .spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  vertical-align: middle;
  position: relative;
}.utah-design-system .spinner svg {
  display: block;
}.utah-design-system .spinner svg path {
  fill: none;
}.utah-design-system .spinner--indeterminate .spinner__animation {
  animation: spinner-animation 0.5s linear infinite;
}.utah-design-system .spinner__track {
  stroke: #b0b0b0;
}.utah-design-system .spinner__value {
  stroke: var(--form-ele-color);
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset 0.2s cubic-bezier(0.4, 1, 0.75, 0.9);
}.utah-design-system .spinner__children {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}@keyframes spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}@media (prefers-reduced-motion: reduce) {
  .utah-design-system .spinner--indeterminate .spinner__animation {
    animation: spinner-animation 2s linear 4;
  }
}.utah-design-system .table__wrapper {
  overflow-x: auto;
}.utah-design-system .table__wrapper--full-width {
  width: 100%;
}.utah-design-system table {
  border-collapse: collapse;
}.utah-design-system table thead {
  border-bottom: 1px solid var(--gray-color);
}.utah-design-system table thead tr th {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  padding: var(--spacing-s);
  line-height: 1.2;
}.utah-design-system table thead tr th.text-center {
  text-align: center;
}.utah-design-system table thead tr th.text-right {
  text-align: right;
}.utah-design-system table tbody tr td {
  vertical-align: top;
  padding: var(--spacing-s);
  background: white;
}.utah-design-system table tbody tr:last-child td {
  border-bottom: 1px solid var(--gray-color);
}.utah-design-system table tfoot tr td {
  vertical-align: top;
  padding: var(--spacing-s);
  font-weight: bold;
}.utah-design-system table.table--alt tbody tr:nth-child(2n) td {
  background-color: #f5f5f5;
}.utah-design-system table.table--alt tbody tr:nth-child(2n-1) td {
  background-color: white;
}.utah-design-system table.table--lines-x tbody tr td {
  border-bottom: 1px solid var(--gray-3-1-contrast);
}.utah-design-system table.table--lines-x tbody tr:last-child td {
  border-bottom: 1px solid var(--gray-color);
}.utah-design-system table.table--lines-y tbody tr td {
  border-left: 1px solid var(--gray-3-1-contrast);
  border-right: 1px solid var(--gray-3-1-contrast);
}.utah-design-system table.table--v-align-center tbody tr td {
  vertical-align: middle;
}.utah-design-system table.table--condensed thead tr th {
  padding: var(--spacing-2xs) var(--spacing-xs);
}.utah-design-system table.table--condensed thead tr th.table-header--sortable {
  padding: 0;
}.utah-design-system table.table--condensed tbody tr td {
  padding: var(--spacing-2xs) var(--spacing-xs);
}.utah-design-system table.table--condensed.table-header--sortable button {
  padding: var(--spacing-s) var(--spacing-xs);
}.utah-design-system table.table--condensed.table-header--sortable thead tr th.table-header--sortable {
  padding: 0;
}.utah-design-system table.table--full-width {
  width: 100%;
}.utah-design-system table.table--td-center thead tr th {
  text-align: center;
}.utah-design-system table.table--td-center tbody tr td {
  text-align: center;
}.utah-design-system table .table-header {
  position: relative;
  /* Table Sorting */
  /* Table Filters */
}.utah-design-system table .table-header--sortable {
  padding: 0;
}.utah-design-system table .table-header--sortable button {
  border: none;
  background: none;
  border-radius: var(--radius-circle);
  justify-content: flex-start;
  padding: var(--spacing-s) var(--spacing-s);
  width: 100%;
  font-weight: bold;
  line-height: 1.2;
}.utah-design-system table .table-header--sortable button:hover {
  background: var(--gray-light-color);
  color: var(--primary-color);
}.utah-design-system table .table-header--sortable button:focus-visible {
  outline-offset: -2px;
}.utah-design-system table .table-header__cell {
  position: relative;
}.utah-design-system table .table-header__cell--sort-ascending::after {
  transform: rotate(180deg);
}.utah-design-system table .table-header--sorted::before {
  content: "";
  height: 7px;
  width: 100%;
  background: var(--primary-color);
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  border-radius: var(--radius-circle);
  z-index: 1;
}.utah-design-system table .table-header--sorted::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9.7'%3e%3cpath d='m8 9.7-8-8L1.7 0 8 6.3 14.3 0 16 1.7l-8 8Z' fill='white'/%3e%3c/svg%3e");
  background-color: var(--primary-color);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  border-radius: var(--radius-circle);
  bottom: -8px;
  left: calc(50% - 7.5px);
  height: 15px;
  width: 15px;
  z-index: 2;
}.utah-design-system table .table-header--sorted button {
  color: var(--primary-color);
}.utah-design-system table .table-header__row--filters th {
  background-color: var(--gray-light-color);
  padding: var(--spacing-s) var(--spacing-2xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button) {
  border-width: 1px;
  box-shadow: var(--hover-gray-color) 0 0 0 0;
  transition: box-shadow var(--timing-xquick) ease-in-out;
  white-space: nowrap;
  padding-left: var(--spacing-2xs);
  width: 100%;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button):hover {
  box-shadow: var(--hover-gray-color) 0 0 0 5px;
  border-color: black;
  background: white;
  color: var(--gray-color);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button) + .date-input__calendar-icon {
  pointer-events: none;
  margin-right: var(--spacing-2xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button).table-header__cell--filter-date--is-empty {
  color: var(--form-ele-placeholder-color);
  justify-content: flex-start;
  padding-left: var(--spacing-xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button).table-header__cell--filter-date--is-empty:hover {
  color: var(--form-ele-placeholder-color);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button.text-input__clear-button {
  margin-top: var(--spacing-3xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button .date-input__icon-static::before {
  font-size: 0.75rem;
  margin: 0;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date__popup .popup__close-button {
  position: absolute;
  right: 0;
  top: 0;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date-popup__selected-date-chiclets {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0 -0.5rem;
  padding: 0 0.25rem;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date-popup__selected-date-chiclets .table-filter-date-popup__selected-date-chiclet {
  flex: 1;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date-popup__selected-date-chiclets .table-filter-date-popup__selected-date-chiclet--selected {
  height: 0.25rem;
  background-color: var(--primary-color);
  border-radius: 13px 13px 0 0;
}.utah-design-system table .table-header__row--filters th:first-child {
  border-top-left-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
  padding: var(--spacing-s) var(--spacing-2xs) var(--spacing-s) var(--spacing-s);
}.utah-design-system table .table-header__row--filters th:last-child {
  border-top-right-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-2xs);
}.utah-design-system table .table-header__row--filters th:last-child > div:not(.table-filter-date__popup) button:not(.text-input__clear-button) + .date-input__calendar-icon, .utah-design-system table .table-header__row--filters th:last-child > div:not(.table-filter-date__popup) button.text-input__clear-button {
  margin-top: 0;
  margin-right: calc(var(--spacing-s) + var(--spacing-2xs));
}.utah-design-system table .table-header__row--filters th > .input-wrapper label {
  /* visually hidden */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}.utah-design-system table .table-header__row--filters .input-wrapper {
  margin: 0;
}.utah-design-system table .table-header__row--filters .input-wrapper input[type=text] {
  border-radius: var(--radius-circle);
}.utah-design-system table .table-header__row--filters .input-wrapper select {
  border-radius: var(--radius-circle);
  padding: 0 var(--spacing-l) 0 var(--spacing-xs);
}.utah-design-system .table__no-results-td {
  text-align: center;
}.utah-design-system .table__no-results-text {
  display: block;
  background: var(--gray-light-color);
  padding: var(--spacing);
  margin: var(--spacing);
  border-radius: var(--radius-small);
}.utah-design-system .on-this-page {
  font-size: var(--font-size-xs);
}.utah-design-system .on-this-page__header {
  font-size: var(--font-size);
  font-weight: bold;
}.utah-design-system .on-this-page__list {
  list-style-type: none;
  padding: 0;
  margin-left: calc(0px - var(--spacing));
}.utah-design-system .on-this-page__list ul {
  margin-left: var(--spacing);
}.utah-design-system .on-this-page__list a[href] {
  text-decoration: none;
  color: var(--gray-color);
  padding: var(--spacing-2xs) var(--spacing);
  display: block;
  margin-right: calc(0px - var(--spacing));
  border-radius: var(--radius-circle);
  transition: all var(--timing-quick) ease-in-out;
}.utah-design-system .on-this-page__list a[href]:hover {
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
  color: var(--primary-color);
}/* ---- Project Components ---- *//*
############     _popup.scss      ############
*/.utah-design-system .color-family {
  display: flex;
  margin: 0 0 var(--spacing-2xs) 0;
}.utah-design-system .color-family__title {
  margin: 0 var(--spacing-s) 0 0;
  padding: 0 var(--spacing-s);
  color: white;
  border-radius: 999px;
  min-height: unset;
  border: none;
}.utah-design-system .color-family__title.color-is-light {
  color: var(--gray-color);
}.utah-design-system .color-family__swatches {
  list-style-type: none;
  margin: 0 0 0 auto;
  padding: 0;
  display: flex;
  gap: 2px;
}.utah-design-system .color-family__swatches li {
  padding: 0;
}.utah-design-system .color-family__swatch {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
  min-height: auto;
  padding: 0;
}.utah-design-system .color-family .selected button {
  border-radius: var(--radius-circle) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}.utah-design-system .color-family button .utds-icon-before-check.is-dark {
  color: white;
}.utah-design-system .color-family button .utds-icon-before-check.is-light {
  color: black;
}/* ---- Utah Header ---- */.utds-citizen-experience-wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}.utds-citizen-experience-wrapper--mobile {
  display: none;
}.utds-citizen-experience-wrapper .main-menu__search {
  margin-right: var(--spacing);
}.utah-design-system .utds-action-items-wrapper {
  display: flex;
  gap: var(--spacing);
  margin-right: var(--spacing);
}.utah-design-system .utds-header-action-item {
  display: flex;
  align-items: center;
}.utah-design-system .utds-header-action-item__icon-button.icon-button {
  border: 2px solid transparent;
  position: relative;
}.utah-design-system .utds-header-action-item__icon-button.icon-button:hover {
  background: var(--hover-gray-color);
  color: black;
}.utah-design-system .utds-header-action-item__icon-button.icon-button:hover svg {
  fill: black;
}.utah-design-system .utds-header-action-item__icon-button--has-title .icon-button {
  padding: 0 var(--spacing-s);
  flex-direction: row-reverse;
}.utah-design-system .utds-header-action-item__icon-button svg {
  width: 20px;
  height: 20px;
  fill: var(--gray-color);
}.utah-design-system .utds-header-action-item__icon-button.icon-waffle [class*=utds-icon-before-].utds-icon-before-waffle::before {
  font-size: 17px;
}.utah-design-system .utds-header-action-item__title {
  margin-left: var(--spacing-xs);
}.utds-header {
  padding: var(--spacing-s) var(--spacing-l);
  border-bottom: 1px solid #d7d7d7 !important;
  width: 100%;
  justify-content: flex-start;
  height: 78px;
  position: relative;
  z-index: 3000;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: white;
}.utds-header--large {
  height: 84px;
}.utds-header--small {
  height: 60px;
}.utds-header-desktop--hidden {
  display: none !important;
}.utah-design-system .utds-logo-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  letter-spacing: 0;
}.utah-design-system .utds-logo-vert-line {
  height: 85%;
  width: 1px;
  background-color: #707070;
  margin: 0 var(--spacing-xs) 0 var(--spacing);
  display: block;
}.utah-design-system .utds-title-wrapper {
  font-size: var(--font-size-3xl);
  font-weight: 600;
  color: var(--gray-medium-color);
  display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
  gap: var(--spacing-xs);
  text-decoration: none;
  border-radius: var(--radius-small);
  padding: 0 var(--spacing-xs);
}.utah-design-system .utds-title-wrapper__logo {
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
}.utah-design-system .utds-title-wrapper__logo svg, .utah-design-system .utds-title-wrapper__logo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}.utah-design-system .utds-title-wrapper__logo img {
  height: auto;
}.utah-design-system .utds-title-wrapper__logo img[src*=".svg"] {
  height: 100%;
  max-width: 100%;
}.utah-design-system .utds-title-wrapper__title {
  line-height: 0.8;
  color: var(--gray-medium-color);
}.utah-design-system .utah-logo-wrapper {
  height: 100%;
  margin-bottom: -4px;
}.utah-design-system .utah-logo-wrapper .popup__content {
  border-radius: var(--radius-small);
  background: var(--gray-color);
  color: white;
  box-sizing: border-box;
  padding: var(--spacing-3xs) var(--spacing-s);
  border-color: var(--gray-color);
}.utah-design-system .utah-logo-wrapper .popup__arrow::before {
  border-color: var(--gray-color) !important;
}.utah-design-system button.utah-logo-svg {
  height: 100%;
  position: relative;
  border: none;
  border-radius: 0;
  padding: 0;
}.utah-design-system button.utah-logo-svg:hover {
  background: none;
}.utah-design-system button.utah-logo-svg:active {
  box-shadow: none;
}.utah-design-system button.utah-logo-svg svg {
  height: 100%;
  width: auto;
  fill: var(--primary-color);
  font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  display: block;
}.utah-design-system .utds-official-website-hover__wrapper {
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  font-family: var(--normal-font-family);
  text-align: center;
}.utah-design-system a[href].utds-title-wrapper {
  text-decoration: none;
}@media screen and (max-width: 768px) {
  .utah-design-system .utds-title-wrapper {
    font-size: var(--font-size-xl);
  }
}.utah-design-system.utds-official-website-popup__wrapper {
  background: var(--gray-color);
  color: white;
  padding: var(--spacing-l);
  position: relative;
}.utah-design-system.utds-official-website-popup__wrapper.visually-hidden {
  position: absolute;
}.utah-design-system button.utds-official-website-popup__close-button {
  position: absolute;
  top: var(--spacing);
  right: var(--spacing);
}.utah-design-system button.utds-official-website-popup__close-button.icon-button [class*=utds-icon-before-] {
  color: white;
}.utah-design-system button.utds-official-website-popup__close-button.icon-button [class*=utds-icon-before-]::before {
  font-size: 0.9rem;
}.utah-design-system .utds-official-website-popup__heading {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semi-bold);
  font-family: var(--normal-font-family);
  padding: 0 var(--spacing-xl) 0 0;
  line-height: 1;
  margin-bottom: var(--spacing-s);
  color: white;
}.utah-design-system .utds-official-website-popup__content {
  display: flex;
  gap: var(--spacing-2xl);
  font-family: var(--normal-font-family);
}.utah-design-system .utds-official-website-popup__col {
  max-width: 400px;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}.utah-design-system .utds-official-website-popup__col [class*=utds-icon-before-]::before {
  margin: 0;
}.utah-design-system .utds-official-website-popup__col .big-icon[class*=utds-icon-before-]::before {
  font-size: 2.5rem;
  margin: 0;
}.utah-design-system .utds-official-website-popup__address-bar {
  width: 315px;
  height: 36px;
  background-image: url("data:image/webp;base64,UklGRiIGAABXRUJQVlA4WAoAAAAQAAAAdgIARwAAQUxQSEQAAAARJ9D/iAgwCoA2TnMIKDho6mC1MP/a+BHR/wkglmwRDN3s4BJuwP6z/+w/+8/GoXZCNzsI3SAGws07VM2Z/N8d0X6vAVZQOCC4BQAAUDQAnQEqdwJIAD7NYqlRJ6UorqLS2kHQGYlnbuFvIRsRMtFAU2wGiAf5X+zdZnz4HsueU7qmAJkr3mneWFFDlwobXGCNkKj93QiywiGUxjGMYxjGMYxjGMYxaQWPRpJOP3fTBtAfMrw8dPr/HDZWA+CrSlyRXbJ0NHTZXbNjKBcLsS70CohwiYNmEt0cH+tVeXH9zSDy/WrDylESTPoVDFBUx0HrIfQUGpyawsHa4nWujbpBrjw5E3EJskeS9uEypSblGxx9qaV6L7tgdenRfYY5xH5kfG1fjBGLzVAXqhD4UmIXx02CzwwZgT3ucDXGbpHCNE+tOoncHMPrSnuKSGar/wliq/cQct831pyQE+aUrMv9QTRkXk4ooYvIU6/Ibngn/dxs43mvz8MCQzHDKSrGQNt4oSUxMPYJ1ARJjJRiSi5+94c8js9vo8ZJYQFgy5YUO8Bdslc6JzDA20GSLeaNkI6tWwpgGPboCAV5xIU109td1TeXyMLP/5sEjlRcGDtaw3NHYgIeFwWAbXGCj109v0M3+FWthkRxbf7n///////////+5//2gAD+/DVqVuhBvdikg12WmbAbXe3YT8v5PY2cHBImd0BtXLq6IDW6No9xaflIgcpAojWRy9q8uDwRNAWyc8odFQhPN6Xm3c31t7u8nzd5YFxHUPdmj7DptQ8kKUHTJSxMb2cdDFOxsrnn65osIliBBJBVzp7bV+1qaTw3kkDXAlC8Mdf/OORpu3Cihgj+vYWyx1tfs+vkkiGF7P8qqjl2w/R/HMjiJZo8FAb7+Om+0HiXI4JTstmP5M76XmRikH5UqAbbYleSdl1zP6H4jz2ETMIaJ16sk1LFPNWL7FBZQZ0Y7pqpTAUoiPFypN+9Z/857tjzrbzIgp64Y0D+qOv/ATzlS+C6p+6ErPvXriz0MfzBmthoGCfHpqVuj4vujLIW9gfjshooRTmspJQERkpgx1+ws2+t8POjYlDsSXcfFEBY4tMh9bLez6/lohZmXcJCRdrrbMkkTBPjZIcakkDtEcaafP9ZlhNpYpCYtEMEs60tvGZSlWMcmKOsmuB6Ar00Mi8DFCFAAnXVS9CP0fQwGzbbs1aTKNryNqgftLsvTX2GV6Od82OVB/5eDmXmXim4/iate2gpc6e4YY+LcukY1hJ7LW0PLPTZsX4eOtjjL/uI4hMa3N23V6NopzahHtBQPRbWrRiBs5DhkXM5N0waD1YPuF2IGkGCGy9zUOm/rOhT2v45g+GnBh/qHg0Cahu8wrCSqRbUmARkzh4xp9LP8fyY2h7CxRtVIgzdmKjhMnXlhRTn9UkQDL/8MSSW3xcujXKTk19zWJT1dF2/8vfHERKLhm3I/YWoLaKITuL9J7c7fvV0qtfz6pf1+tIFl9yIzLKtos44rCU949TCjTAHHhRF5/EAYa69j7JkwvQQJ9/ZB1x7cgRCxDH9viOH1P8q0OmuXxLSUOtYXqujgTQc2JOb2UB3UuZ7ExbzSZUrUZsfFcPa/rvcHqJP38HZz/IVzKCbeZr5nGzrP4erbyh/tf64MupdGWnQnzpCmiAx6k/5jxRp62KeWcvGbDbn+wWqEsY26ArbDa5tlZZIQ+VUKl5uv416Sfo2f5nVKnV3yd3evHd3pglNwqFDbC9JPpZP4ANSzCZbYcuj5i05WSTPj9fVW9Y96f+Eg/NrDpn6T1VX3RkSrh1YGoWB2/7XUVn2YN38vHxW3fcrtJT0BlsdNyrfMyDAP/G0CDcTFlp9yg/8R9ZxHT4fgN87LyGfhT6UpmAAABSSvUaFCa0cf8sE7QzACEQ9DhWxOE4KZFDlGjkU2z5O9pU9lJL5P/rtvbX2A90kmdpK4Wyztmcf5ZTN2EuXaiQIiEexYd64xD0gkI+tuzvAzNkHfKubHBD40B2RdMmCqnXtQE13GaNXFOsjlEGC8RACFSkk8QAAAAAA");
  background-size: contain;
  margin-top: var(--spacing-xs);
}.utah-design-system .utds-official-website-popup__official-image {
  width: 150px;
  font-family: "Source Sans 3", "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  display: block;
  fill: white;
}.utah-design-system .utds-official-website-popup__copyright {
  font-size: var(--font-size-s);
}.utds-badge__wrapper {
  align-items: center;
  background-color: var(--danger-color);
  border-radius: var(--radius-circle);
  box-sizing: border-box;
  color: white;
  display: flex;
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-semi-bold);
  height: 15px;
  justify-content: center;
  line-height: var(--font-size-2xs);
  min-width: 15px;
  padding: 1px 2px;
  position: absolute;
  right: 0;
  top: 0;
}.utds-badge__wrapper--action-item {
  right: -2px;
  top: -2px;
}.utds-badge__wrapper--small {
  height: 9px;
  min-width: unset;
  right: 2px;
  top: 2px;
  width: 9px;
}.utah-design-system .main-menu__hamburger.icon-button .utds-icon-before-x-icon::before {
  font-size: 0.9rem;
}.utah-design-system.utds-header-mobile-menu,
.utah-design-system .utds-header-mobile__utah-id-wrapper,
.utah-design-system .icon-button.main-menu__hamburger,
.utah-design-system .utds-header-mobile__vip-action-items--left,
.utah-design-system .utds-header-mobile__vip-action-items--right,
.utah-design-system .main-menu__search-placeholder {
  display: none;
}.utds-header-mobile-menu {
  opacity: 0;
  pointer-events: none;
}.utds-header-mobile-menu.utah-design-system {
  transition: opacity 200ms ease;
  position: absolute;
  top: 106px;
  left: 0;
  width: 100%;
  height: calc(100% - 106px);
  z-index: 1000;
  background-color: transparent;
}.utds-header-mobile-menu.utah-design-system.main-menu-is-removed {
  top: auto;
}.utds-header-mobile-menu.is-open {
  opacity: 1;
  pointer-events: all;
}.utds-header-mobile-menu__backdrop {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px) brightness(60%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.utds-header-mobile-menu__wrapper {
  position: absolute;
  background: white;
  border-radius: var(--radius-medium);
  box-shadow: var(--elevation-small);
  margin: var(--spacing-s);
  width: calc(100% - 2 * var(--spacing-s));
}.utds-header-mobile-menu__action-bar {
  background: var(--gray-light-color);
  border-top-right-radius: var(--radius-medium);
  border-top-left-radius: var(--radius-medium);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  gap: var(--spacing-s);
}.utds-header-mobile-menu__action-item {
  position: relative;
  padding: var(--spacing-xs) 0;
}.utds-header-mobile-menu__action-item--selected span.menu-chiclet::after {
  content: "";
  width: 100%;
  height: var(--spacing-2xs);
  background: var(--primary-color);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-left-radius: var(--spacing-2xs);
  border-top-right-radius: var(--spacing-2xs);
  outline: none;
  outline-offset: 0;
}.utah-design-system .utds-header-mobile-menu__action-item .icon-button [class*=utds-icon-before-home]::before {
  font-size: 1.4rem;
}.utds-header-mobile-menu__content {
  padding: var(--spacing-s) var(--spacing);
}.utds-header-mobile-menu__content .vertical-menu {
  border-left: 1px solid var(--gray-medium-light-color);
}.utds-header-mobile-menu__content-item {
  display: none;
}.utds-header-mobile-menu__content-item.is-open {
  display: block;
}.utds-header-mobile__utah-id-wrapper {
  padding: var(--spacing-xs) 0;
}.utds-header-mobile__utah-id-wrapper button.utds-utah-id__button {
  min-height: var(--form-ele-small);
}.utah-design-system.utds-footer {
  background: var(--gray-color);
  padding: var(--spacing-xl);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}.utah-design-system.utds-footer a:focus-visible {
  outline: 2px solid #FFF;
  outline-offset: 2px;
  border-radius: var(--radius-small1x);
}.utds-footer__horizontal-divider {
  position: absolute;
  width: calc(100% - 2 * var(--spacing-xl));
  top: 0;
}.utds-footer__horizontal-divider hr {
  border-top: 1px solid white;
  width: 100%;
  height: 1px;
  margin: 0;
}.utds-footer__utah-logo-wrapper {
  display: flex;
  gap: var(--spacing);
  align-items: center;
  height: 35px;
}.utds-footer .utah-logo-svg {
  height: 100%;
}.utds-footer .utah-logo-svg svg {
  fill: white;
  height: 100%;
  width: auto;
  display: block;
}.utds-footer__vertical-divider {
  border-left: 1px solid white;
  height: 100%;
}.utds-footer__official-site {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-semi-bold);
}.utds-footer__copyright {
  font-size: var(--font-size-s);
}.utds-footer .utds-footer__links ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--spacing-s);
  margin-left: var(--spacing-2xl);
  padding: 0;
}.utds-footer .utds-footer__links ul li {
  display: flex;
  align-items: center;
}.utds-footer .utds-footer__links ul li a[href]:not(.button) {
  color: white;
  text-decoration: none;
}.utds-footer .utds-footer__links ul li a[href]:not(.button):hover {
  color: white;
  text-decoration: underline;
  box-shadow: none;
}.utds-footer .utds-footer__links ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 70%;
  background: white;
  display: block;
  margin-left: var(--spacing-s);
}@media screen and (max-width: 768px) {
  .utah-design-system.utds-footer {
    flex-wrap: wrap;
    gap: var(--spacing);
    justify-content: center;
  }
  .utds-footer__utah-logo-wrapper {
    height: auto;
  }
  .utds-footer .utah-logo-svg {
    height: 35px;
  }
  .utds-footer__vertical-divider {
    height: 35px;
  }
  .utds-footer .utds-footer__links ul {
    justify-content: center;
    margin-left: 0;
  }
}@media screen and (max-width: 580px) {
  .utds-footer__utah-logo-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .utds-footer__vertical-divider {
    display: none;
  }
  .utds-footer__official-site {
    text-align: center;
  }
  .utds-footer__official-site-site-wrapper {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}/*
############     _utilities.scss      ############
utility classes, atomic css
*/.utah-design-system {
  /* alignment */
  /* flex */
  /* flex - justify content */
  /* grid - justify self */
  /* flex - align items */
  /* flex - align self */
  /* flex/grid - gap */
  /* ----- Positioning ---- */
  /* ----- Float ---- */
  /* ----- Transformation ---- */
  /* ----- Radius ---- */
}.utah-design-system .content-width {
  width: 100%;
  max-width: var(--content-width);
}.utah-design-system .full-width {
  width: 100%;
}.utah-design-system .full-height {
  height: 100%;
}.utah-design-system .auto-width {
  min-width: auto;
}.utah-design-system .auto-height {
  min-height: auto;
}.utah-design-system .visually-hidden, .utah-design-system.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}.utah-design-system .hidden {
  display: none;
}.utah-design-system .text-left {
  text-align: left;
}.utah-design-system .text-center {
  text-align: center;
}.utah-design-system .text-right {
  text-align: right;
}.utah-design-system .text-justify {
  text-align: justify;
}.utah-design-system .flex {
  display: flex;
}.utah-design-system .flex-row {
  flex-direction: row;
}.utah-design-system .flex-row-reverse {
  flex-direction: row-reverse;
}.utah-design-system .flex-col {
  flex-direction: column;
}.utah-design-system .flex-col-reverse {
  flex-direction: column-reverse;
}.utah-design-system .flex-wrap {
  flex-wrap: wrap;
}.utah-design-system .flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}.utah-design-system .flex-nowrap {
  flex-wrap: nowrap;
}.utah-design-system .flex-1 {
  flex: 1 1 0%;
}.utah-design-system .flex-auto {
  flex: 1 1 auto;
}.utah-design-system .flex-initial {
  flex: 0 1 auto;
}.utah-design-system .flex-none {
  flex: none;
}.utah-design-system .justify-start {
  justify-content: flex-start;
}.utah-design-system .justify-end {
  justify-content: flex-end;
}.utah-design-system .justify-center {
  justify-content: center;
}.utah-design-system .justify-between {
  justify-content: space-between;
}.utah-design-system .justify-around {
  justify-content: space-around;
}.utah-design-system .justify-evenly {
  justify-content: space-evenly;
}.utah-design-system .justify-self-auto {
  justify-self: auto;
}.utah-design-system .justify-self-start {
  justify-self: start;
}.utah-design-system .justify-self-end {
  justify-self: end;
}.utah-design-system .justify-self-center {
  justify-self: center;
}.utah-design-system .justify-self-stretch {
  justify-self: stretch;
}.utah-design-system .items-start {
  align-items: flex-start;
}.utah-design-system .items-end {
  align-items: flex-end;
}.utah-design-system .items-center {
  align-items: center;
}.utah-design-system .items-baseline {
  align-items: baseline;
}.utah-design-system .items-stretch {
  align-items: stretch;
}.utah-design-system .self-auto {
  align-self: auto;
}.utah-design-system .self-start {
  align-self: flex-start;
}.utah-design-system .self-end {
  align-self: flex-end;
}.utah-design-system .self-center {
  align-self: center;
}.utah-design-system .self-stretch {
  align-self: stretch;
}.utah-design-system .self-baseline {
  align-self: baseline;
}.utah-design-system .gap-xs {
  gap: var(--spacing-xs);
}.utah-design-system .gap-s {
  gap: var(--spacing-s);
}.utah-design-system .gap {
  gap: var(--spacing);
}.utah-design-system .gap-l {
  gap: var(--spacing-l);
}.utah-design-system .flex-4up {
  flex: 0 1 25%;
}.utah-design-system .flex-4up-gap {
  flex: 0 1 calc(25% - var(--spacing));
}.utah-design-system .flex-3up-gap {
  flex: 0 1 calc(33% - var(--spacing));
}.utah-design-system .flex-2up-gap {
  flex: 0 1 calc(50% - var(--spacing));
}.utah-design-system .hcenter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}.utah-design-system .vcenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}.utah-design-system .vcenter.right {
  right: 0;
}.utah-design-system .vcenter.left {
  left: 0;
}.utah-design-system .vcenter.hcenter {
  transform: translate(-50%, -50%);
}.utah-design-system .float-right {
  float: right;
}.utah-design-system .float-left {
  float: left;
}.utah-design-system .rotate90 {
  transform: rotate(90deg);
}.utah-design-system .rotate180 {
  transform: rotate(180deg);
}.utah-design-system .rotate270 {
  transform: rotate(270deg);
}.utah-design-system .whitespace-no-wrap {
  white-space: nowrap;
}.utah-design-system .radius-xs {
  border-radius: var(--radius-small1x);
}.utah-design-system .radius-s {
  border-radius: var(--radius-small);
}.utah-design-system .radius {
  border-radius: var(--radius-medium);
}.utah-design-system .radius-l {
  border-radius: var(--radius-large);
}.utah-design-system .radius-circle {
  border-radius: var(--radius-circle);
}/*
############     _super-index.scss      ############
Overall overrides, @media, themes, etc. that supersede styles higher in the pyramid
*//*
PRINT SCSS
 */@media print {
  @page {
    size: 8.5in 11in;
    margin: 0.5in;
  }
  html, body {
    font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    height: auto;
    color: #000000;
  }
  .no-print {
    display: none;
  }
  .avoid {
    page-break-inside: avoid;
  }
  .page-break {
    page-break-after: always;
  }
  .print-page-no-margin {
    width: 8.5in;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
}/*
############     _tip-index.scss      ############
A place to add css temporarily
NOTE: CSS added this this file should eventually be removed or
located to the correct folder/file where it best belongs.
*//*
This is the @utahdts/utah-design-system/css/index.scss from https://unpkg.com/@utahdts/utah-design-system-header@3.0.5/dist/style.css
*//*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 *//*
############     _settings-index.scss      ############
variables and settings
*//*
############     _class-vars.scss      ############
CSS Classes - SCSS Variables
*//*
############     _settings-index.scss      ############
variables and settings
*//*
############     _settings-index.scss      ############
variables and settings
*//*
############     _spacing.scss      ############
8px horizontal spacing
*/.utah-design-system {
    --spacing-3xs: 2px;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 12px;
    --spacing: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 40px;
    --spacing-3xl: 48px;
    --spacing-4xl: 64px;
    --spacing-5xl: 80px;
    --spacing-6xl: 96px;
}.utah-design-system .m-spacing {
    margin: var(--spacing);
}.utah-design-system .mt-spacing {
    margin-top: var(--spacing);
}.utah-design-system .mr-spacing {
    margin-right: var(--spacing);
}.utah-design-system .mb-spacing {
    margin-bottom: var(--spacing);
}.utah-design-system .ml-spacing {
    margin-left: var(--spacing);
}.utah-design-system .mx-spacing {
    margin-left: var(--spacing);
    margin-right: var(--spacing);
}.utah-design-system .my-spacing {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing);
}.utah-design-system .m-spacing-l {
    margin: var(--spacing-l);
}.utah-design-system .mt-spacing-l {
    margin-top: var(--spacing-l);
}.utah-design-system .mr-spacing-l {
    margin-right: var(--spacing-l);
}.utah-design-system .mb-spacing-l {
    margin-bottom: var(--spacing-l);
}.utah-design-system .ml-spacing-l {
    margin-left: var(--spacing-l);
}.utah-design-system .mx-spacing-l {
    margin-left: var(--spacing-l);
    margin-right: var(--spacing-l);
}.utah-design-system .my-spacing-l {
    margin-top: var(--spacing-l);
    margin-bottom: var(--spacing-l);
}.utah-design-system .m-spacing-xl {
    margin: var(--spacing-xl);
}.utah-design-system .mt-spacing-xl {
    margin-top: var(--spacing-xl);
}.utah-design-system .mr-spacing-xl {
    margin-right: var(--spacing-xl);
}.utah-design-system .mb-spacing-xl {
    margin-bottom: var(--spacing-xl);
}.utah-design-system .ml-spacing-xl {
    margin-left: var(--spacing-xl);
}.utah-design-system .mx-spacing-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
}.utah-design-system .my-spacing-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}.utah-design-system .m-spacing-s {
    margin: var(--spacing-s);
}.utah-design-system .mt-spacing-s {
    margin-top: var(--spacing-s);
}.utah-design-system .mr-spacing-s {
    margin-right: var(--spacing-s);
}.utah-design-system .mb-spacing-s {
    margin-bottom: var(--spacing-s);
}.utah-design-system .ml-spacing-s {
    margin-left: var(--spacing-s);
}.utah-design-system .mx-spacing-s {
    margin-left: var(--spacing-s);
    margin-right: var(--spacing-s);
}.utah-design-system .my-spacing-s {
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s);
}.utah-design-system .m-spacing-xs {
    margin: var(--spacing-xs);
}.utah-design-system .mt-spacing-xs {
    margin-top: var(--spacing-xs);
}.utah-design-system .mr-spacing-xs {
    margin-right: var(--spacing-xs);
}.utah-design-system .mb-spacing-xs {
    margin-bottom: var(--spacing-xs);
}.utah-design-system .ml-spacing-xs {
    margin-left: var(--spacing-xs);
}.utah-design-system .mx-spacing-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
}.utah-design-system .my-spacing-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
}.utah-design-system .p-spacing {
    padding: var(--spacing);
}.utah-design-system .pt-spacing {
    padding-top: var(--spacing);
}.utah-design-system .pr-spacing {
    padding-right: var(--spacing);
}.utah-design-system .pb-spacing {
    padding-bottom: var(--spacing);
}.utah-design-system .pl-spacing {
    padding-left: var(--spacing);
}.utah-design-system .px-spacing {
    padding-left: var(--spacing);
    padding-right: var(--spacing);
}.utah-design-system .py-spacing {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
}.utah-design-system .p-spacing-l {
    padding: var(--spacing-l);
}.utah-design-system .pt-spacing-l {
    padding-top: var(--spacing-l);
}.utah-design-system .pr-spacing-l {
    padding-right: var(--spacing-l);
}.utah-design-system .pb-spacing-l {
    padding-bottom: var(--spacing-l);
}.utah-design-system .pl-spacing-l {
    padding-left: var(--spacing-l);
}.utah-design-system .px-spacing-l {
    padding-left: var(--spacing-l);
    padding-right: var(--spacing-l);
}.utah-design-system .py-spacing-l {
    padding-top: var(--spacing-l);
    padding-bottom: var(--spacing-l);
}.utah-design-system .p-spacing-xl {
    padding: var(--spacing-xl);
}.utah-design-system .pt-spacing-xl {
    padding-top: var(--spacing-xl);
}.utah-design-system .pr-spacing-xl {
    padding-right: var(--spacing-xl);
}.utah-design-system .pb-spacing-xl {
    padding-bottom: var(--spacing-xl);
}.utah-design-system .pl-spacing-xl {
    padding-left: var(--spacing-xl);
}.utah-design-system .px-spacing-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
}.utah-design-system .py-spacing-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
}.utah-design-system .p-spacing-s {
    padding: var(--spacing-s);
}.utah-design-system .pt-spacing-s {
    padding-top: var(--spacing-s);
}.utah-design-system .pr-spacing-s {
    padding-right: var(--spacing-s);
}.utah-design-system .pb-spacing-s {
    padding-bottom: var(--spacing-s);
}.utah-design-system .pl-spacing-s {
    padding-left: var(--spacing-s);
}.utah-design-system .px-spacing-s {
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-s);
}.utah-design-system .py-spacing-s {
    padding-top: var(--spacing-s);
    padding-bottom: var(--spacing-s);
}.utah-design-system .p-spacing-xs {
    padding: var(--spacing-xs);
}.utah-design-system .pt-spacing-xs {
    padding-top: var(--spacing-xs);
}.utah-design-system .pr-spacing-xs {
    padding-right: var(--spacing-xs);
}.utah-design-system .pb-spacing-xs {
    padding-bottom: var(--spacing-xs);
}.utah-design-system .pl-spacing-xs {
    padding-left: var(--spacing-xs);
}.utah-design-system .px-spacing-xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
}.utah-design-system .py-spacing-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
}.utah-design-system .m-auto {
    margin: auto;
}.utah-design-system .mt-auto {
    margin-top: auto;
}.utah-design-system .mr-auto {
    margin-right: auto;
}.utah-design-system .mb-auto {
    margin-bottom: auto;
}.utah-design-system .ml-auto {
    margin-left: auto;
}.utah-design-system .mx-auto {
    margin-left: auto;
    margin-right: auto;
}.utah-design-system .my-auto {
    margin-top: auto;
    margin-bottom: auto;
}/*
############     _settings-index.scss      ############
variables and settings
*//*
############     _font-size.scss      ############
Grid variables
*/.utah-design-system {
    --grid-fixed: var(--content-width);
    --grid-fixed-half: calc(var(--grid-fixed) / 2);
    --grid-fixed-form: calc(var(--grid-fixed) / 2.3);
    --grid-fixed-third: calc(var(--grid-fixed) / 3);
    --grid-fixed-fourth: calc(var(--grid-fixed) / 4);
}.utah-design-system .grid-wrapper {
    display: flex;
    justify-content: center;
}.utah-design-system .grid-fixed {
    max-width: var(--grid-fixed);
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-l);
}.utah-design-system .grid-fixed--2col {
    grid-template-columns: 1fr 1fr;
}.utah-design-system .grid-fixed--3col {
    grid-template-columns: 1fr 1fr 1fr;
}.utah-design-system .grid-fixed--4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}.utah-design-system .grid-fixed .grid-column-span-2 {
    grid-column: span 2;
}/*
############     _settings-index.scss      ############
variables and settings
*//*
############     _font-size.scss      ############
Font size variables
*/.utah-design-system {
    --normal-font-family: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    --fixed-width-font-family: "Source Code Pro", monospace;
    --font-size-2xs: .8125rem;
    --font-size-xs: .875rem;
    --font-size-s: .9375rem;
    --font-size: 1rem;
    --font-size-m: 1.125rem;
    --font-size-l: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 1.75rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.5rem;
    --font-size-7xl: 4.5rem;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
}.utah-design-system .font-size-2xs {
    font-size: var(--font-size-2xs);
}.utah-design-system .font-size-xs {
    font-size: var(--font-size-xs);
}.utah-design-system .font-size-s {
    font-size: var(--font-size-s);
}.utah-design-system .font-size {
    font-size: var(--font-size);
}.utah-design-system .font-size-m {
    font-size: var(--font-size-m);
}.utah-design-system .font-size-l {
    font-size: var(--font-size-l);
}.utah-design-system .font-size-xl {
    font-size: var(--font-size-xl);
}.utah-design-system .font-size-2xl {
    font-size: var(--font-size-2xl);
}.utah-design-system .font-size-3xl {
    font-size: var(--font-size-3xl);
}.utah-design-system .font-size-4xl {
    font-size: var(--font-size-4xl);
}.utah-design-system .font-size-5xl {
    font-size: var(--font-size-5xl);
}.utah-design-system .font-size-6xl {
    font-size: var(--font-size-6xl);
}.utah-design-system .font-size-7xl {
    font-size: var(--font-size-7xl);
}.utah-design-system .font-extra-light {
    font-weight: var(--font-weight-extra-light);
}.utah-design-system .font-light {
    font-weight: var(--font-weight-light);
}.utah-design-system .font-normal {
    font-weight: var(--font-weight-normal);
}.utah-design-system .font-semi-bold {
    font-weight: var(--font-weight-semi-bold);
}.utah-design-system .font-bold {
    font-weight: var(--font-weight-bold);
}.utah-design-system .font-black {
    font-weight: var(--font-weight-black);
}/*
############     _color-swatches.scss      ############
base color swatches for the design system
*//*
############     _settings-index.scss      ############
variables and settings
*/@font-face {
    font-family: "utah design system";
    src: url("https://cdn.utah.gov/design-system/fonts/utah-design-system.eot");
    src: url("https://cdn.utah.gov/design-system/fonts/utah-design-system.eot?#iefix") format("embedded-opentype"), url("https://cdn.utah.gov/design-system/fonts/utah-design-system.woff") format("woff"), url("https://cdn.utah.gov/design-system/fonts/utah-design-system.ttf") format("truetype"), url("https://cdn.utah.gov/design-system/fonts/utah-design-system.svg#utah-design-system") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}.utah-design-system {
    --icon-check-mark-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12.15'%3E%3Cg%3E%3Cpath d='M6.185,12.15L0,5.966,2.335,3.631l3.85,3.849L13.665,0l2.335,2.335L6.185,12.15Z' style='fill: %23fff;'/%3E%3C/g%3E%3C/svg%3E");
    --icon-chevron-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg%3E%3Crect width='14' height='14' style='fill: none;'/%3E%3Cpath d='M3.142,5l3.716,3.71,3.717-3.71,1.142,1.142-4.859,4.858L2,6.142l1.142-1.142Z' style='fill: %23474747;'/%3E%3C/g%3E%3C/svg%3E");
}.utah-design-system [class*=utds-icon-before-],
.utah-design-system [class*=utds-icon-after-] {
    display: inline-flex;
    align-items: center;
}.utah-design-system [class*=utds-icon-after-]::after {
    display: inline-block;
    font-family: "utah design system";
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: var(--spacing-2xs);
}.utah-design-system [class*=utds-icon-before-]::before {
    display: inline-block;
    font-family: "utah design system";
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: var(--spacing-2xs);
}.utah-design-system .utds-icon-before-external-link::before,
.utah-design-system .utds-icon-after-external-link::after {
    content: "A";
    font-size: 0.65em;
}.utah-design-system .utds-icon-before-waffle::before,
.utah-design-system .utds-icon-after-waffle::after {
    content: "B";
}.utah-design-system .utds-icon-before-alert::before,
.utah-design-system .utds-icon-after-alert::after {
    content: "C";
}.utah-design-system .utds-icon-before-help::before,
.utah-design-system .utds-icon-after-help::after {
    content: "D";
}.utah-design-system .utds-icon-before-bookmark::before,
.utah-design-system .utds-icon-after-bookmark::after {
    content: "E";
}.utah-design-system .utds-icon-before-search::before,
.utah-design-system .utds-icon-after-search::after {
    content: "F";
}.utah-design-system .utds-icon-before-check::before,
.utah-design-system .utds-icon-after-check::after {
    content: "G";
}.utah-design-system .utds-icon-before-star::before,
.utah-design-system .utds-icon-after-star::after {
    content: "H";
}.utah-design-system .utds-icon-before-info::before,
.utah-design-system .utds-icon-after-info::after {
    content: "I";
}.utah-design-system .utds-icon-before-unfold-less::before,
.utah-design-system .utds-icon-after-unfold-less::after {
    content: "J";
}.utah-design-system .utds-icon-before-unfold-more::before,
.utah-design-system .utds-icon-after-unfold-more::after {
    content: "K";
}.utah-design-system .utds-icon-before-circle-chevron-down::before,
.utah-design-system .utds-icon-after-circle-chevron-down::after {
    content: "L";
}.utah-design-system .utds-icon-before-circle-chevron-up::before,
.utah-design-system .utds-icon-after-circle-chevron-up::after {
    content: "M";
}.utah-design-system .utds-icon-before-chevron-up::before,
.utah-design-system .utds-icon-after-chevron-up::after {
    content: "N";
}.utah-design-system .utds-icon-before-chevron-right::before,
.utah-design-system .utds-icon-after-chevron-right::after {
    content: "O";
}.utah-design-system .utds-icon-before-chevron-down::before,
.utah-design-system .utds-icon-after-chevron-down::after {
    content: "P";
}.utah-design-system .utds-icon-before-chevron-left::before,
.utah-design-system .utds-icon-after-chevron-left::after {
    content: "Q";
}.utah-design-system .utds-icon-before-arrow-up::before,
.utah-design-system .utds-icon-after-arrow-up::after {
    content: "R";
}.utah-design-system .utds-icon-before-arrow-right::before,
.utah-design-system .utds-icon-after-arrow-right::after {
    content: "S";
}.utah-design-system .utds-icon-before-arrow-down::before,
.utah-design-system .utds-icon-after-arrow-down::after {
    content: "T";
}.utah-design-system .utds-icon-before-arrow-left::before,
.utah-design-system .utds-icon-after-arrow-left::after {
    content: "U";
}.utah-design-system .utds-icon-before-plus::before,
.utah-design-system .utds-icon-after-plus::after {
    content: "V";
}.utah-design-system .utds-icon-before-minus::before,
.utah-design-system .utds-icon-after-minus::after {
    content: "W";
}.utah-design-system .utds-icon-before-x-icon::before,
.utah-design-system .utds-icon-after-x-icon::after {
    content: "X";
}.utah-design-system .utds-icon-before-edit::before,
.utah-design-system .utds-icon-after-edit::after {
    content: "Y";
}.utah-design-system .utds-icon-before-edit-box::before,
.utah-design-system .utds-icon-after-edit-box::after {
    content: "Z";
}.utah-design-system .utds-icon-before-verified::before,
.utah-design-system .utds-icon-after-verified::after {
    content: "a";
}.utah-design-system .utds-icon-before-gear::before,
.utah-design-system .utds-icon-after-gear::after {
    content: "b";
}.utah-design-system .utds-icon-before-doc::before,
.utah-design-system .utds-icon-after-doc::after {
    content: "c";
}.utah-design-system .utds-icon-before-doc-square::before,
.utah-design-system .utds-icon-after-doc-square::after {
    content: "d";
}.utah-design-system .utds-icon-before-warning::before,
.utah-design-system .utds-icon-after-warning::after {
    content: "e";
}.utah-design-system .utds-icon-before-error::before,
.utah-design-system .utds-icon-after-error::after {
    content: "f";
}.utah-design-system .utds-icon-before-copy::before,
.utah-design-system .utds-icon-after-copy::after {
    content: "g";
}.utah-design-system .utds-icon-before-home-menu::before,
.utah-design-system .utds-icon-after-home-menu::after {
    content: "h";
}.utah-design-system .utds-icon-before-hamburger::before,
.utah-design-system .utds-icon-after-hamburger::after {
    content: "i";
}.utah-design-system .utds-icon-before-account::before,
.utah-design-system .utds-icon-after-account::after {
    content: "j";
}.utah-design-system .utds-icon-before-lock::before,
.utah-design-system .utds-icon-after-lock::after {
    content: "k";
}.utah-design-system .utds-icon-before-more-vertical::before,
.utah-design-system .utds-icon-after-more-vertical::after {
    content: "l";
}.utah-design-system .utds-icon-before-more-horizontal::before,
.utah-design-system .utds-icon-after-more-horizontal::after {
    content: "m";
}.utah-design-system .utds-icon-before-download::before,
.utah-design-system .utds-icon-after-download::after {
    content: "n";
}.utah-design-system .utds-icon-before-upload::before,
.utah-design-system .utds-icon-after-upload::after {
    content: "o";
}.utah-design-system .utds-icon-before-favorite::before,
.utah-design-system .utds-icon-after-favorite::after {
    content: "p";
}.utah-design-system .utds-icon-before-visibility::before,
.utah-design-system .utds-icon-after-visibility::after {
    content: "q";
}.utah-design-system .utds-icon-before-visibility-off::before,
.utah-design-system .utds-icon-after-visibility-off::after {
    content: "r";
}.utah-design-system .utds-icon-before-trash::before,
.utah-design-system .utds-icon-after-trash::after {
    content: "s";
}.utah-design-system .utds-icon-before-calendar::before,
.utah-design-system .utds-icon-after-calendar::after {
    content: "t";
}.utah-design-system .utds-icon-before-clock::before,
.utah-design-system .utds-icon-after-clock::after {
    content: "u";
}.utah-design-system .utds-icon-before-double-arrow-up::before,
.utah-design-system .utds-icon-after-double-arrow-up::after {
    content: "v";
}.utah-design-system .utds-icon-before-double-arrow-right::before,
.utah-design-system .utds-icon-after-double-arrow-right::after {
    content: "w";
}.utah-design-system .utds-icon-before-double-arrow-down::before,
.utah-design-system .utds-icon-after-double-arrow-down::after {
    content: "x";
}.utah-design-system .utds-icon-before-double-arrow-left::before,
.utah-design-system .utds-icon-after-double-arrow-left::after {
    content: "y";
}.utah-design-system .utds-icon-before-filter::before,
.utah-design-system .utds-icon-after-filter::after {
    content: "z";
}.utah-design-system .utds-icon-before-restart::before,
.utah-design-system .utds-icon-after-restart::after {
    content: "{";
}.utah-design-system .utds-icon-before-sync::before,
.utah-design-system .utds-icon-after-sync::after {
    content: "|";
}.utah-design-system .utds-icon-before-refresh::before,
.utah-design-system .utds-icon-after-refresh::after {
    content: "}";
}.utah-design-system .utds-icon-before-light-mode::before,
.utah-design-system .utds-icon-after-light-mode::after {
    content: "~";
}.utah-design-system .utds-icon-before-dark-mode::before,
.utah-design-system .utds-icon-after-dark-mode::after {
    content: "0";
}.utah-design-system .utds-icon-before-mail::before,
.utah-design-system .utds-icon-after-mail::after {
    content: "1";
}.utah-design-system .utds-icon-before-share::before,
.utah-design-system .utds-icon-after-share::after {
    content: "2";
}.utah-design-system .utds-icon-before-policy::before,
.utah-design-system .utds-icon-after-policy::after {
    content: "3";
}.utah-design-system .utds-icon-before-login::before,
.utah-design-system .utds-icon-after-login::after {
    content: "4";
}.utah-design-system .utds-icon-before-logout::before,
.utah-design-system .utds-icon-after-logout::after {
    content: "5";
}/*
############     _media-size-vars.scss      ############
Media Sizes - SCSS Variables
*/.utah-design-system {
    /* color */
    /* ######## Pick these colors to match your desired style ######## */
    --primary-color: #b2441e;
    --primary-color-dark: #71321c;
    --primary-color-light: #f9f0ed;
    --gray-on-primary-color: #474747;
    --secondary-color: #1f89ad;
    --secondary-color-dark: #27424b;
    --secondary-color-light: #edf5f8;
    --gray-on-secondary-color: #474747;
    --accent-color: #ffb612;
    --accent-color-dark: #463d29;
    --accent-color-light: #fff9ec;
    --gray-on-accent-color: #474747;
    --form-ele-color: #2765e4;
    --form-ele-color-light: #9bb8f2;
    --form-ele-disabled-color: #949494;
    --form-ele-placeholder-color: #757575;
    /* ######## --------------------------------------------- ######## */
    --gray-color: #474747;
    --gray-medium-color: #616161;
    --gray-3-1-contrast: #949494;
    --gray-medium-light-color: #d7d7d7;
    --gray-light-color: #f1f1f1;
    --gray-dark-color: #333333;
    --disabled-gray: rgba(0, 0, 0, 0.05);
    --hover-gray-color: rgba(0, 0, 0, 0.07);
    --hover-gray-color-opaque: rgba(233, 233, 233);
    --code-color: #f1f1f1;
    --gray-border: #d7d7d7;
    --danger-color: #ba0000;
    --warning-color: #ba6300;
    --info-color: var(--secondary-color);
    --success-color: #2f8700;
    --badge-color: var(--danger-color);
    /* transition timings */
    --timing-xquick: 100ms;
    --timing-quick: 200ms;
    --timing-medium: 400ms;
    --timing-slow: 600ms;
    /* rounded corners */
    --radius-small1x: 3px;
    --radius-small: 6px;
    --radius-medium: 9px;
    --radius-large: 12px;
    --radius-circle: 999px;
    /* form element sizes */
    --form-ele-small4x: 0.75rem;
    --form-ele-small3x: 1rem;
    --form-ele-small2x: 1.25rem;
    --form-ele-small1x: 1.5rem;
    --form-ele-small: 1.875rem;
    --form-ele-medium: 2.25rem;
    --form-ele-large: 2.5rem;
    --form-ele-large1x: 3.125rem;
    --form-checkbox-small: 0.875rem;
    --form-checkbox-medium: 1.125rem;
    --form-checkbox-large: 1.375rem;
    /* content layout sizes */
    --content-width-narrow: 808px;
    --content-width-medium: 1016px;
    --content-width: 1224px;
    --content-width-wide: 1432px;
    --documentation-width: 700px;
    --documentation-left-width: 200px;
    --documentation-right-width: 200px;
    --documentation-padding: var(--spacing-2xl) var(--spacing-xl);
    --documentation-padding-small: var(--spacing-xl) var(--spacing);
    /* elevation box shadows */
    --drop-shadow-color: rgba(0, 0, 0, 0.3);
    --drop-shadow-color-top: rgba(0, 0, 0, 0.15);
    --elevation-small: 0 3px 6px var(--drop-shadow-color);
    --elevation-medium: 0 6px 12px var(--drop-shadow-color);
    --elevation-large: 0 12px 16px var(--drop-shadow-color);
    --elevation-small-borderless: 0 3px 6px var(--drop-shadow-color), 0 -3px 3px var(--drop-shadow-color-top);
    --elevation-medium-borderless: 0 6px 12px var(--drop-shadow-color), 0 -3px 6px var(--drop-shadow-color-top);
    --elevation-large-borderless: 0 12px 16px var(--drop-shadow-color), 0 -3px 12px var(--drop-shadow-color-top);
    /* color utility classes */
}.utah-design-system .primary-color-background {
    background-color: var(--primary-color);
}.utah-design-system .primary-color-dark-background {
    background-color: var(--primary-color-dark);
}.utah-design-system .primary-color-light-background {
    background-color: var(--primary-color-light);
}.utah-design-system .gray-on-primary-background {
    background-color: var(--gray-on-primary-color);
}.utah-design-system .primary-color {
    color: var(--primary-color);
}.utah-design-system .primary-color-border {
    border-color: var(--primary-color);
}.utah-design-system .secondary-color-background {
    background-color: var(--secondary-color);
}.utah-design-system .secondary-color-dark-background {
    background-color: var(--secondary-color-dark);
}.utah-design-system .secondary-color-light-background {
    background-color: var(--secondary-color-light);
}.utah-design-system .gray-on-secondary-background {
    background-color: var(--gray-on-secondary-color);
}.utah-design-system .secondary-color {
    color: var(--secondary-color);
}.utah-design-system .secondary-color-border {
    border-color: var(--secondary-color);
}.utah-design-system .accent-color-background {
    background-color: var(--accent-color);
}.utah-design-system .accent-color-dark-background {
    background-color: var(--accent-color-dark);
}.utah-design-system .accent-color-light-background {
    background-color: var(--accent-color-light);
}.utah-design-system .gray-on-accent-background {
    background-color: var(--gray-on-accent-color);
}.utah-design-system .accent-color {
    color: var(--accent-color);
}.utah-design-system .accent-color-border {
    border-color: var(--accent-color);
}.utah-design-system .white-color-background {
    background-color: white;
}.utah-design-system .gray-color-background {
    background-color: var(--gray-color);
}.utah-design-system .gray-color-light-background {
    background-color: var(--gray-light-color);
}.utah-design-system .white-color {
    color: white;
}.utah-design-system .background-frosted-dark {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(16px) brightness(1.5);
    -webkit-backdrop-filter: blur(16px) brightness(1.5);
}.utah-design-system .background-frosted-light {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}.utah-design-system .backdrop-dark {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px) brightness(60%);
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 *//*
############     _tools-index.scss      ############
scss mixins and functions
*//*
############     _generic-index.scss      ############
css resets, etc.
*//* Borrowed from: *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.utah-design-system {
    -webkit-text-size-adjust: 100%; /* 2 */
    /**
    * Render the `main` element consistently in IE.
    */
    /**
    * Correct the font size and margin on `h1` elements within `section` and
    * `article` contexts in Chrome, Firefox, and Safari.
    */
    /* Grouping content
      ========================================================================== */
    /**
    * 1. Add the correct box sizing in Firefox.
    * 2. Show the overflow in Edge and IE.
    */
    /**
    * 1. Correct the inheritance and scaling of font size in all browsers.
    * 2. Correct the odd `em` font sizing in all browsers.
    */
    /* Text-level semantics
      ========================================================================== */
    /**
    * Remove the gray background on active links in IE 10.
    */
    /**
    * 1. Remove the bottom border in Chrome 57-
    * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
    */
    /**
    * Add the correct font weight in Chrome, Edge, and Safari.
    */
    /**
    * 1. Correct the inheritance and scaling of font size in all browsers.
    * 2. Correct the odd `em` font sizing in all browsers.
    */
    /**
    * Add the correct font size in all browsers.
    */
    /**
    * Prevent `sub` and `sup` elements from affecting the line height in
    * all browsers.
    */
    /* Embedded content
      ========================================================================== */
    /**
    * Remove the border on images inside links in IE 10.
    */
    /* Forms
      ========================================================================== */
    /**
    * 1. Change the font styles in all browsers.
    * 2. Remove the margin in Firefox and Safari.
    */
    /**
    * Show the overflow in IE.
    * 1. Show the overflow in Edge.
    */
    /**
    * Remove the inheritance of text transform in Edge, Firefox, and IE.
    * 1. Remove the inheritance of text transform in Firefox.
    */
    /**
    * Correct the inability to style clickable types in iOS and Safari.
    */
    /**
    * Remove the inner border and padding in Firefox.
    */
    /**
    * Restore the focus styles unset by the previous rule.
    */
    /**
    * Correct the padding in Firefox.
    */
    /**
    * 1. Correct the text wrapping in Edge and IE.
    * 2. Correct the color inheritance from `fieldset` elements in IE.
    * 3. Remove the padding so developers are not caught out when they zero out
    *    `fieldset` elements in all browsers.
    */
    /**
    * Add the correct vertical alignment in Chrome, Firefox, and Opera.
    */
    /**
    * Remove the default vertical scrollbar in IE 10+.
    */
    /**
    * 1. Add the correct box sizing in IE 10.
    * 2. Remove the padding in IE 10.
    */
    /**
    * Correct the cursor style of increment and decrement buttons in Chrome.
    */
    /**
    * 1. Correct the odd appearance in Chrome and Safari.
    * 2. Correct the outline style in Safari.
    */
    /**
    * Remove the inner padding in Chrome and Safari on macOS.
    */
    /**
    * 1. Correct the inability to style clickable types in iOS and Safari.
    * 2. Change font properties to `inherit` in Safari.
    */
    /* Interactive
      ========================================================================== */
    /*
    * Add the correct display in Edge, IE 10+, and Firefox.
    */
    /*
    * Add the correct display in all browsers.
    */
    /* Misc
      ========================================================================== */
    /**
    * Add the correct display in IE 10+.
    */
    /**
    * Add the correct display in IE 10.
    */
}.utah-design-system main {
    display: block;
}.utah-design-system h1 {
    font-size: 2em;
    margin: 0.67em 0;
}.utah-design-system hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}.utah-design-system pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}.utah-design-system a {
    background-color: transparent;
}.utah-design-system abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}.utah-design-system b,
.utah-design-system strong {
    font-weight: bolder;
}.utah-design-system code,
.utah-design-system kbd,
.utah-design-system samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}.utah-design-system small {
    font-size: 80%;
}.utah-design-system sub,
.utah-design-system sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}.utah-design-system sub {
    bottom: -0.25em;
}.utah-design-system sup {
    top: -0.5em;
}.utah-design-system img {
    border-style: none;
}.utah-design-system button,
.utah-design-system input,
.utah-design-system optgroup,
.utah-design-system select,
.utah-design-system textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}.utah-design-system button,
.utah-design-system input { /* 1 */
    overflow: visible;
}.utah-design-system button,
.utah-design-system select { /* 1 */
    text-transform: none;
}.utah-design-system button,
.utah-design-system [type=button],
.utah-design-system [type=reset],
.utah-design-system [type=submit] {
    -webkit-appearance: button;
}.utah-design-system button::-moz-focus-inner,
.utah-design-system [type=button]::-moz-focus-inner,
.utah-design-system [type=reset]::-moz-focus-inner,
.utah-design-system [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}.utah-design-system button:-moz-focusring,
.utah-design-system [type=button]:-moz-focusring,
.utah-design-system [type=reset]:-moz-focusring,
.utah-design-system [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}.utah-design-system fieldset {
    padding: 0.35em 0.75em 0.625em;
}.utah-design-system legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}.utah-design-system progress {
    vertical-align: baseline;
}.utah-design-system textarea {
    overflow: auto;
}.utah-design-system [type=checkbox],
.utah-design-system [type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}.utah-design-system [type=number]::-webkit-inner-spin-button,
.utah-design-system [type=number]::-webkit-outer-spin-button {
    height: auto;
}.utah-design-system [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}.utah-design-system [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}.utah-design-system ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}.utah-design-system details {
    display: block;
}.utah-design-system summary {
    display: list-item;
}.utah-design-system template {
    display: none;
}.utah-design-system [hidden] {
    display: none;
}/*
############     _elements-index.scss      ############
elemental html: h1, h2, h3, ul, li, etc.
*/.utah-design-system {
    margin: 0;
    font-family: var(--normal-font-family);
    font-size: 16px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--gray-color);
}.utah-design-system h1 {
    font-size: var(--font-size-4xl);
    margin: 0;
    line-height: 1.1;
}.utah-design-system h2 {
    font-size: var(--font-size-3xl);
    margin: 0;
    line-height: 1.2;
}.utah-design-system h3 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semi-bold);
    margin: 0;
    line-height: 1.3;
}.utah-design-system h4 {
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-semi-bold);
    margin: 0;
}.utah-design-system h5 {
    font-size: var(--font-size);
    margin: 0;
}.utah-design-system h6 {
    font-size: var(--font-size);
    margin: 0;
}.utah-design-system p {
    margin: 0 0 var(--spacing-l);
}.utah-design-system code {
    font-family: var(--fixed-width-font-family);
    font-size: 0.95rem;
    background: var(--code-color);
    padding: var(--spacing-3xs) var(--spacing-2xs);
    border-radius: var(--radius-small1x);
}.utah-design-system code.primary-color {
    color: var(--primary-color);
    background: var(--primary-color-light);
}.utah-design-system ul,
.utah-design-system ol {
    padding: 0 0 0 var(--spacing-2xl);
    margin: 0;
    line-height: 1.7;
}.utah-design-system hr {
    height: 0;
    width: 100%;
    border: none;
    border-top: 1px solid var(--gray-border);
}.utah-design-system a[href]:not(.button, .action-card) {
    color: var(--primary-color);
}.utah-design-system a[href]:not(.button, .action-card):hover {
    box-shadow: -3px -1px 0 0px var(--hover-gray-color-opaque), 3px -1px 0 0px var(--hover-gray-color-opaque), 3px 1px 0 0px var(--hover-gray-color-opaque), -3px 1px 0 0px var(--hover-gray-color-opaque), inset 0 0 0 1000px var(--hover-gray-color-opaque);
    color: var(--primary-color-dark);
}.utah-design-system dialog {
    border: none;
}/*
############     _objects-index.scss      ############
containers and general design patterns, 2up, 3up, layout grids, etc.
*/.lead-in {
    font-size: var(--font-size-m);
    line-height: 1.6rem;
}/*
############     _components-index.scss      ############
component specific, BEM (Block, Element, Modifier)
@media for each component should be contained with the component.
*//* ---- Base Components ---- */.utah-design-system .accordion {
    width: 100%;
}.utah-design-system .accordion__header, .utah-design-system .accordion__header.button {
    border-radius: var(--radius-small);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing-s) var(--spacing);
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}.utah-design-system .accordion__header [class*=utds-icon-before-]::before, .utah-design-system .accordion__header.button [class*=utds-icon-before-]::before {
    margin-right: 0;
    font-size: 1.5rem;
}.utah-design-system .accordion__header--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}.utah-design-system .accordion .accordion__header h1 {
    margin: 0;
}.utah-design-system .accordion__content {
    background: var(--gray-light-color);
    padding: 0;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    border-bottom-left-radius: var(--radius-small);
    border-bottom-right-radius: var(--radius-small);
}.utah-design-system .accordion__content--open {
    height: auto;
    padding: var(--spacing);
}.utah-design-system .accordion__content--open.accordion__content--bordered {
    background: transparent;
    border: 1px solid var(--gray-3-1-contrast);
    border-top: 0;
}/*
############     _action-card.scss      ############
*/.utah-design-system .action-card {
    border: 2px solid var(--gray-color);
    border-radius: var(--radius-small);
    padding: var(--spacing);
    text-decoration: none;
    color: var(--gray-color);
    transition: all 200ms ease-in-out, outline-offset 0ms ease;
    box-sizing: border-box;
}.utah-design-system .action-card:hover {
    box-shadow: none;
    background: var(--gray-color);
    color: white;
}.utah-design-system .action-card:focus-visible {
    outline-offset: var(--spacing-2xs);
}.utah-design-system .action-card--primary-color {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}.utah-design-system .action-card--primary-color:hover {
    background: var(--primary-color);
}.utah-design-system .action-card--secondary-color {
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
}.utah-design-system .action-card--secondary-color:hover {
    background: var(--secondary-color);
}.utah-design-system .action-card--accent-color {
    border: 2px solid var(--accent-color);
    color: var(--accent-color);
}.utah-design-system .action-card--accent-color:hover {
    background: var(--accent-color);
}.utah-design-system .action-card--solid {
    background: var(--gray-color);
    color: white;
}.utah-design-system .action-card--solid.action-card--primary-color {
    background: var(--primary-color);
}.utah-design-system .action-card--solid.action-card--primary-color:hover {
    color: var(--primary-color);
    background: white;
}.utah-design-system .action-card--solid.action-card--secondary-color {
    background: var(--secondary-color);
}.utah-design-system .action-card--solid.action-card--secondary-color:hover {
    color: var(--secondary-color);
    background: white;
}.utah-design-system .action-card--solid.action-card--accent-color {
    background: var(--accent-color);
}.utah-design-system .action-card--solid.action-card--accent-color:hover {
    color: var(--accent-color);
    background: white;
}.utah-design-system .action-card__title {
    display: flex;
    justify-content: space-between;
}/*
############     _action-card.scss      ############
*/.utah-design-system .card {
    background: white;
    border: 1px solid var(--gray-color);
}.utah-design-system .card__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    box-sizing: border-box;
}.utah-design-system .card--solid {
    border: none;
}.utah-design-system .card__image {
    object-fit: cover;
    max-height: 175px;
    width: 100%;
}.utah-design-system .card__icon {
    font-size: var(--font-size-4xl);
    font-weight: 100;
    margin-bottom: var(--spacing-s);
    line-height: 1;
}.utah-design-system .card--horizontal {
    display: flex;
}.utah-design-system .card--horizontal .card__image {
    max-height: 100%;
    max-width: 33%;
}@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}@keyframes drop-in {
    0% {
        opacity: 0;
        transform: translate(-50%, -100px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}@keyframes pop-in {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}@keyframes pop-in-center {
    0% {
        opacity: 0;
        transform: scale(0.7) translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(-50%);
    }
}@keyframes left-in {
    0% {
        opacity: 0;
        transform: translate(-100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}@keyframes right-in {
    0% {
        opacity: 0;
        transform: translate(100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}@keyframes skeleton {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}/*
############     _drawer.scss      ############
*/.utah-design-system .drawer-wrapper {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 9999;
}.utah-design-system .drawer__backdrop {
    animation: 200ms ease-in-out 100ms fade-in both;
    height: 100%;
    width: 100%;
}.utah-design-system .drawer__inner {
    background: white;
    display: inline-block;
    height: 100%;
    overflow-y: auto;
    padding: var(--spacing);
}.utah-design-system .drawer__inner.drawer--right {
    animation: 200ms ease-in-out 100ms right-in both;
    margin-left: auto;
    margin-right: 0;
}.utah-design-system .drawer__inner.drawer--left {
    animation: 200ms ease-in-out 100ms left-in both;
    margin-left: 0;
    margin-right: auto;
}.utah-design-system .drawer__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-2xl);
    padding: var(--spacing-xs) calc(var(--spacing) + 1.4rem) var(--spacing-xs) var(--spacing-l);
}.utah-design-system .drawer__content, .utah-design-system .drawer__footer {
    line-height: 1.6rem;
    padding: var(--spacing-xs) var(--spacing-l);
}.utah-design-system .drawer__close-button {
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
}.utah-design-system .drawer__close-button.button {
    position: absolute;
}.utah-design-system .drawer__close-button.icon-button--small [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .tab-group__list {
    display: flex;
    justify-content: space-evenly;
}.utah-design-system .tab-group__list.tab-group--small-text .tab-group__tab-button {
    font-size: var(--font-size);
}.utah-design-system .tab-group__tab {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    position: relative;
}.utah-design-system .tab-group__tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--gray-color);
}.utah-design-system .tab-group__tab--selected::after {
    height: 5px;
    bottom: -2px;
    border-radius: var(--radius-circle);
    background-color: var(--primary-color);
}.utah-design-system .tab-group__tab-button {
    border: none;
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-semi-bold);
    background-color: transparent;
    margin: var(--spacing-xs) 0;
}.utah-design-system .tab-group__tab-button:hover {
    background-color: var(--hover-gray-color);
    color: inherit;
}.utah-design-system .tab-group__tab-button--selected {
    color: var(--primary-color);
}.utah-design-system .tab-group__panel {
    padding-top: var(--spacing);
}.utah-design-system .tab-group__panel--selected {
    display: block;
}.utah-design-system .tab-group--vertical {
    display: flex;
}.utah-design-system .tab-group--vertical .tab-group__list {
    flex-direction: column;
    margin-right: var(--spacing-l);
    justify-content: flex-start;
    padding-top: var(--spacing);
    position: relative;
    flex-shrink: 0;
}.utah-design-system .tab-group--vertical .tab-group__list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: calc(100% - var(--spacing));
    background: var(--gray-color);
}.utah-design-system .tab-group--vertical .tab-group__tab {
    flex: 0;
}.utah-design-system .tab-group--vertical .tab-group__tab:after {
    z-index: 2;
    width: 1px;
    height: 100%;
}.utah-design-system .tab-group--vertical .tab-group__tab--selected:after {
    bottom: 0;
    left: -2px;
    width: 5px;
    height: 100%;
}/*
############     _button.scss      ############
*/.utah-design-system {
    /* ------------ Show a dark contrast color on a light background ------------ */
    /* ------------ Show a light contrast color on dark background ------------ */
}.utah-design-system button, .utah-design-system .button {
    background: white;
    border-radius: 999px;
    border: 2px solid var(--gray-color);
    font-size: 1rem;
    min-height: var(--form-ele-medium);
    padding: 0 var(--spacing-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 200ms ease-in-out, scale 100ms ease, box-shadow 100ms ease;
    color: var(--gray-color);
    text-decoration: none;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scale: 1;
    text-shadow: none;
    box-shadow: none;
}.utah-design-system button svg, .utah-design-system .button svg {
    fill: currentColor;
}.utah-design-system button:hover, .utah-design-system .button:hover {
    background: var(--gray-color);
    color: white;
    text-shadow: none;
    box-shadow: none;
}.utah-design-system button[disabled], .utah-design-system button[disable]:hover, .utah-design-system .button[disabled], .utah-design-system .button[disable]:hover {
    cursor: not-allowed;
    background: white !important;
    color: var(--form-ele-disabled-color) !important;
    border-color: var(--form-ele-disabled-color) !important;
}.utah-design-system button[disabled]:active, .utah-design-system button[disabled].active, .utah-design-system button[disable]:hover:active, .utah-design-system button[disable]:hover.active, .utah-design-system .button[disabled]:active, .utah-design-system .button[disabled].active, .utah-design-system .button[disable]:hover:active, .utah-design-system .button[disable]:hover.active {
    transform: none;
    box-shadow: none;
}.utah-design-system button:active, .utah-design-system button--active, .utah-design-system .button:active, .utah-design-system .button--active {
    scale: 0.96;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
}.utah-design-system button:focus-visible, .utah-design-system .button:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system .button {
    /* ------------ SIZES ------------ */
    /* ------------ SOLID COLOR ------------ */
}.utah-design-system .button--small1x {
    font-size: 0.85rem;
    min-height: var(--form-ele-small1x);
    padding: 0 var(--spacing-xs);
    border-width: 1px;
}.utah-design-system .button--small {
    font-size: 0.938rem;
    min-height: var(--form-ele-small);
    padding: 0 var(--spacing);
}.utah-design-system .button--large {
    font-size: 1.25rem;
    min-height: var(--form-ele-large);
}.utah-design-system .button--large1x {
    font-size: 1.5rem;
    min-height: var(--form-ele-large1x);
    padding: 0 var(--spacing-2xl);
}.utah-design-system .button--icon {
    display: flex;
    align-items: center;
}.utah-design-system .button--icon svg {
    height: 0.8rem;
    width: 0.8rem;
    fill: currentColor;
}.utah-design-system .button--icon [class*=utds-icon-after-]::after,
.utah-design-system .button--icon [class*=utds-icon-before-]::before {
    font-size: 0.9em;
    line-height: 0;
}.utah-design-system .button--icon-left {
    margin-right: var(--spacing-xs);
}.utah-design-system .button--icon-right {
    margin-left: var(--spacing-xs);
}.utah-design-system .button--primary-color {
    border-color: var(--primary-color);
    color: var(--primary-color);
}.utah-design-system .button--primary-color:hover {
    background-color: var(--primary-color);
    color: white;
}.utah-design-system .button--primary-color:hover svg {
    fill: white;
}.primary-color-is-light.utah-design-system .button--primary-color {
    border-color: var(--primary-color-dark);
    color: var(--primary-color-dark);
}.primary-color-is-light.utah-design-system .button--primary-color:hover {
    background-color: var(--primary-color-dark);
    color: white;
}.utah-design-system .button--secondary-color {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}.utah-design-system .button--secondary-color:hover {
    background-color: var(--secondary-color);
    color: white;
}.secondary-color-is-light.utah-design-system .button--secondary-color {
    border-color: var(--secondary-color-dark);
    color: var(--secondary-color-dark);
}.secondary-color-is-light.utah-design-system .button--secondary-color:hover {
    background-color: var(--secondary-color-dark);
    color: white;
}.utah-design-system .button--accent-color {
    border-color: var(--accent-color);
    color: var(--accent-color);
}.utah-design-system .button--accent-color:hover {
    background-color: var(--accent-color);
    color: white;
}.accent-color-is-light.utah-design-system .button--accent-color {
    border-color: var(--accent-color-dark);
    color: var(--accent-color-dark);
}.accent-color-is-light.utah-design-system .button--accent-color:hover {
    background-color: var(--accent-color-dark);
    color: white;
}.utah-design-system .button--solid {
    background: var(--gray-color);
    color: white;
}.utah-design-system .button--solid:hover {
    background-color: var(--gray-dark-color);
    border-color: var(--gray-dark-color);
}.utah-design-system .button--solid.button--primary-color {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}.utah-design-system .button--solid.button--primary-color:hover {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
}.primary-color-is-light.utah-design-system .button--solid.button--primary-color {
    color: var(--gray-on-primary-color);
    border-color: var(--primary-color-dark);
}.primary-color-is-light.utah-design-system .button--solid.button--primary-color:hover {
    color: white;
    border-color: var(--primary-color-dark);
}.utah-design-system .button--solid.button--primary-color.contrast-border-dark {
    border-color: var(--gray-on-primary-color);
}.utah-design-system .button--solid.button--secondary-color {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}.utah-design-system .button--solid.button--secondary-color:hover {
    background-color: var(--secondary-color-dark);
    border-color: var(--secondary-color-dark);
}.secondary-color-is-light.utah-design-system .button--solid.button--secondary-color {
    color: var(--gray-on-secondary-color);
    border-color: var(--secondary-color-dark);
}.secondary-color-is-light.utah-design-system .button--solid.button--secondary-color:hover {
    color: white;
    border-color: var(--secondary-color-dark);
}.utah-design-system .button--solid.button--secondary-color.contrast-border-dark {
    border-color: var(--gray-on-secondary-color);
}.utah-design-system .button--solid.button--accent-color {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: white;
}.utah-design-system .button--solid.button--accent-color:hover {
    background-color: var(--accent-color-dark);
    border-color: var(--accent-color-dark);
}.accent-color-is-light.utah-design-system .button--solid.button--accent-color {
    color: var(--gray-on-accent-color);
    border-color: var(--accent-color-dark);
}.accent-color-is-light.utah-design-system .button--solid.button--accent-color:hover {
    color: white;
    border-color: var(--accent-color-dark);
}.utah-design-system .button--solid.button--accent-color.contrast-border-dark {
    border-color: var(--gray-on-accent-color);
}.utah-design-system .button--solid.contrast-border-light {
    border-color: white;
}.utah-design-system .button--solid[disabled], .utah-design-system .button--solid[disable]:hover {
    cursor: not-allowed;
    background: var(--form-ele-disabled-color) !important;
    color: white !important;
    border-color: var(--form-ele-disabled-color) !important;
}.utah-design-system .primary-color-background .button--solid.contrast-border-dark {
    border-color: var(--gray-on-primary-color);
}.utah-design-system .secondary-color-background .button--solid.contrast-border-dark {
    border-color: var(--gray-on-secondary-color);
}.utah-design-system .accent-color-background .button--solid.contrast-border-dark {
    border-color: var(--gray-on-accent-color);
}.utah-design-system .dark-background-color .button {
    border-color: white;
    background: none;
    color: white;
}.utah-design-system .dark-background-color .button:hover {
    border-color: white;
    background: white;
    color: var(--gray-color);
}.utah-design-system .dark-background-color .button.button--primary-color {
    border-color: var(--primary-color);
    background: white;
    color: var(--primary-color);
}.utah-design-system .dark-background-color .button.button--primary-color:hover {
    border-color: white;
    background: var(--primary-color);
    color: white;
}.primary-color-is-light.utah-design-system .dark-background-color .button.button--primary-color {
    border-color: var(--primary-color);
    background: none;
    color: var(--primary-color);
}.primary-color-is-light.utah-design-system .dark-background-color .button.button--primary-color:hover {
    background: var(--primary-color);
    color: var(--gray-color);
}.utah-design-system .dark-background-color .button.button--secondary-color {
    border-color: var(--secondary-color);
    background: white;
    color: var(--secondary-color);
}.utah-design-system .dark-background-color .button.button--secondary-color:hover {
    border-color: white;
    background: var(--secondary-color);
    color: white;
}.secondary-color-is-light.utah-design-system .dark-background-color .button.button--secondary-color {
    border-color: var(--secondary-color);
    background: none;
    color: var(--secondary-color);
}.secondary-color-is-light.utah-design-system .dark-background-color .button.button--secondary-color:hover {
    background: var(--secondary-color);
    color: var(--gray-color);
}.utah-design-system .dark-background-color .button.button--accent-color {
    border-color: var(--accent-color);
    background: white;
    color: var(--accent-color);
}.utah-design-system .dark-background-color .button.button--accent-color:hover {
    border-color: white;
    background: var(--accent-color);
    color: white;
}.accent-color-is-light.utah-design-system .dark-background-color .button.button--accent-color {
    border-color: var(--accent-color);
    background: none;
    color: var(--accent-color);
}.accent-color-is-light.utah-design-system .dark-background-color .button.button--accent-color:hover {
    background: var(--accent-color);
    color: var(--gray-color);
}.utah-design-system .dark-background-color .button--solid {
    border-color: white;
    background: white;
    color: var(--gray-color);
}.utah-design-system .dark-background-color .button--solid:hover {
    border-color: white;
    background: none;
    color: white;
}.utah-design-system .dark-background-color .button--solid.button--primary-color {
    border-color: white;
    background: var(--primary-color);
    color: white;
}.utah-design-system .dark-background-color .button--solid.button--primary-color:hover {
    border-color: var(--primary-color);
    background: white;
    color: var(--primary-color);
}.primary-color-is-light.utah-design-system .dark-background-color .button--solid.button--primary-color {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--gray-color);
}.primary-color-is-light.utah-design-system .dark-background-color .button--solid.button--primary-color:hover {
    background: var(--primary-color-dark);
    color: white;
}.utah-design-system .dark-background-color .button--solid.button--secondary-color {
    border-color: white;
    background: var(--secondary-color);
    color: white;
}.utah-design-system .dark-background-color .button--solid.button--secondary-color:hover {
    border-color: var(--secondary-color);
    background: white;
    color: var(--secondary-color);
}.secondary-color-is-light.utah-design-system .dark-background-color .button--solid.button--secondary-color {
    border-color: var(--secondary-color);
    background: var(--secondary-color);
    color: var(--gray-color);
}.secondary-color-is-light.utah-design-system .dark-background-color .button--solid.button--secondary-color:hover {
    background: var(--secondary-color-dark);
    color: white;
}.utah-design-system .dark-background-color .button--solid.button--accent-color {
    border-color: white;
    background: var(--accent-color);
    color: white;
}.utah-design-system .dark-background-color .button--solid.button--accent-color:hover {
    border-color: var(--accent-color);
    background: white;
    color: var(--accent-color);
}.accent-color-is-light.utah-design-system .dark-background-color .button--solid.button--accent-color {
    border-color: var(--accent-color);
    background: var(--accent-color);
    color: var(--gray-color);
}.accent-color-is-light.utah-design-system .dark-background-color .button--solid.button--accent-color:hover {
    background: var(--accent-color-dark);
    color: white;
}/*
############     _icon-button.scss      ############
*/.utah-design-system .icon-button {
    border-radius: 999px;
    font-size: 1rem;
    min-height: var(--form-ele-medium);
    min-width: var(--form-ele-medium);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* ------------ SIZES ------------ */
}.utah-design-system .icon-button--borderless {
    border-color: transparent;
    background: transparent;
}.utah-design-system .icon-button--borderless:hover {
    color: var(--gray-dark-color);
    background: var(--hover-gray-color);
    border-color: transparent;
}.utah-design-system .icon-button--borderless.button--primary-color:hover {
    color: var(--primary-color-dark);
}.utah-design-system .icon-button--borderless.button--secondary-color:hover {
    color: var(--secondary-color-dark);
}.utah-design-system .icon-button--borderless.button--accent-color:hover {
    color: var(--accent-color-dark);
}.primary-color-is-light.utah-design-system .icon-button--borderless.button--primary-color {
    border-color: transparent;
}.primary-color-is-light.utah-design-system .icon-button--borderless.button--primary-color:hover {
    color: var(--primary-color-dark);
    background: var(--hover-gray-color);
}.secondary-color-is-light.utah-design-system .icon-button--borderless.button--secondary-color {
    border-color: transparent;
}.secondary-color-is-light.utah-design-system .icon-button--borderless.button--secondary-color:hover {
    color: var(--secondary-color-dark);
    background: var(--hover-gray-color);
}.accent-color-is-light.utah-design-system .icon-button--borderless.button--accent-color {
    border-color: transparent;
}.accent-color-is-light.utah-design-system .icon-button--borderless.button--accent-color:hover {
    color: var(--accent-color-dark);
    background: var(--hover-gray-color);
}.utah-design-system .icon-button--borderless[disabled], .utah-design-system .icon-button--borderless[disable]:hover {
    background: transparent !important;
    border-color: transparent !important;
}.utah-design-system .icon-button__icon {
    transition: all var(--timing-quick) ease-in-out;
}.utah-design-system .icon-button__icon--rotate180 {
    transform: rotate(180deg);
}.utah-design-system .icon-button [class*=utds-icon-before-] {
    line-height: 0.5;
    display: block;
}.utah-design-system .icon-button [class*=utds-icon-before-]::before {
    margin: 0;
    font-size: 1.25rem;
}.utah-design-system .icon-button--small1x {
    font-size: 0.85rem;
    min-height: var(--form-ele-small1x);
    min-width: var(--form-ele-small1x);
    border-width: 1px;
}.utah-design-system .icon-button--small1x [class*=utds-icon-before-]::before {
    font-size: 1rem;
}.utah-design-system .icon-button--small {
    font-size: 0.938rem;
    min-height: var(--form-ele-small);
    min-width: var(--form-ele-small);
}.utah-design-system .icon-button--small [class*=utds-icon-before-]::before {
    font-size: 1.125rem;
}.utah-design-system .icon-button--large {
    font-size: 1.25rem;
    min-height: var(--form-ele-large);
    min-width: var(--form-ele-large);
}.utah-design-system .icon-button--large [class*=utds-icon-before-]::before {
    font-size: 1.45rem;
}.utah-design-system .icon-button--large1x {
    font-size: 1.5rem;
    min-height: var(--form-ele-large1x);
    min-width: var(--form-ele-large1x);
}.utah-design-system .icon-button--large1x [class*=utds-icon-before-]::before {
    font-size: 1.7rem;
}.utah-design-system .icon-button--visible-title {
    padding: 0 var(--spacing-s);
    gap: var(--spacing-xs);
}.utah-design-system .tag {
    padding: 0 var(--spacing-s);
    display: flex;
    align-items: center;
    border-radius: var(--radius-small);
    min-height: var(--form-ele-small);
    line-height: 1;
}.utah-design-system .tag--primary-color, .utah-design-system .tag--primary-color + .tag__clear-button {
    background-color: var(--primary-color);
    color: white;
    fill: white;
}.utah-design-system .tag--primary-color[disabled], .utah-design-system .tag--primary-color + .tag__clear-button[disabled] {
    background-color: var(--primary-color) !important;
    color: var(--primary-color-dark) !important;
    fill: var(--primary-color-dark) !important;
}.utah-design-system .tag--primary-color-light, .utah-design-system .tag--primary-color-light + .tag__clear-button {
    background-color: var(--primary-color-light);
}.utah-design-system .tag--primary-color-light[disabled], .utah-design-system .tag--primary-color-light + .tag__clear-button[disabled] {
    background-color: var(--primary-color-light) !important;
    color: var(--form-ele-disabled-color) !important;
    fill: var(--form-ele-disabled-color) !important;
}.utah-design-system .tag--secondary-color, .utah-design-system .tag--secondary-color + .tag__clear-button {
    background-color: var(--secondary-color);
    color: white;
    fill: white;
}.utah-design-system .tag--secondary-color[disabled], .utah-design-system .tag--secondary-color + .tag__clear-button[disabled] {
    background-color: var(--secondary-color) !important;
    color: var(--secondary-color-dark) !important;
    fill: var(--secondary-color-dark) !important;
}.utah-design-system .tag--secondary-color-light, .utah-design-system .tag--secondary-color-light + .tag__clear-button {
    background-color: var(--secondary-color-light);
}.utah-design-system .tag--secondary-color-light[disabled], .utah-design-system .tag--secondary-color-light + .tag__clear-button[disabled] {
    background-color: var(--secondary-color-light) !important;
    color: var(--form-ele-disabled-color) !important;
    fill: var(--form-ele-disabled-color) !important;
}.utah-design-system .tag--accent-color, .utah-design-system .tag--accent-color + .tag__clear-button {
    background-color: var(--accent-color);
    color: white;
    fill: white;
}.utah-design-system .tag--accent-color[disabled], .utah-design-system .tag--accent-color + .tag__clear-button[disabled] {
    background-color: var(--accent-color) !important;
    color: var(--accent-color-dark) !important;
    fill: var(--accent-color-dark) !important;
}.utah-design-system .tag--accent-color-light, .utah-design-system .tag--accent-color-light + .tag__clear-button {
    background-color: var(--accent-color-light);
}.utah-design-system .tag--accent-color-light[disabled], .utah-design-system .tag--accent-color-light + .tag__clear-button[disabled] {
    background-color: var(--accent-color-light) !important;
    color: var(--form-ele-disabled-color) !important;
    fill: var(--form-ele-disabled-color) !important;
}.utah-design-system .tag--selected {
    background-color: var(--gray-color);
    color: white;
    fill: white;
}.utah-design-system .tag--selected.tag--primary-color {
    background-color: var(--primary-color);
    border: none;
}.utah-design-system .tag--selected.tag--secondary-color {
    background-color: var(--secondary-color);
    border: none;
}.utah-design-system .tag--selected.tag--accent-color {
    background-color: var(--accent-color);
    border: none;
}.utah-design-system .tag + .tag__clear-button {
    border-radius: 0 var(--radius-small) var(--radius-small) 0;
    height: 100%;
}.utah-design-system .tag__button[type=button] {
    border: 1px solid var(--gray-medium-color);
    padding: var(--spacing-2xs) var(--spacing-xs);
    border-radius: var(--radius-small);
    height: 100%;
    line-height: 1.4;
}.utah-design-system .tag__button[type=button].tag--selected {
    background-color: var(--form-ele-color);
    color: white;
    fill: white;
}.utah-design-system .tag__button[type=button]:hover {
    color: var(--gray-color);
    background-color: var(--gray-medium-light-color);
}.utah-design-system .tag__clear-button {
    font-weight: var(--font-weight-normal);
    transition: transform;
}.utah-design-system .tag__clear-button [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .tag__wrapper {
    border-radius: var(--radius-small);
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--gray-light-color);
}.utah-design-system .tag--small {
    font-size: var(--font-size-xs);
    padding: 0 var(--spacing-xs);
    min-height: var(--form-ele-small2x);
}.utah-design-system .tag--small .tag--icon svg {
    height: 0.65rem;
    width: 0.65rem;
}.utah-design-system .tag--small .tag--icon [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .tag--large {
    font-size: var(--font-size-m);
}.utah-design-system .tag--large .tag--icon svg {
    height: 1rem;
    width: 1rem;
}.utah-design-system .tag--large .tag--icon [class*=utds-icon-before-]::before {
    font-size: 1rem;
}.utah-design-system .tag--icon {
    display: flex;
    align-items: center;
}.utah-design-system .tag--icon svg {
    height: 0.8rem;
    width: 0.8rem;
}.utah-design-system .tag--icon [class*=utds-icon-before-]::before {
    font-size: 0.8rem;
    margin: 0;
}.utah-design-system .tag--icon-left {
    margin-right: var(--spacing-2xs);
}.utah-design-system .tag--icon-right {
    margin-left: var(--spacing-2xs);
}.utah-design-system .tag--clearable .tag {
    padding: 0 0 0 var(--spacing-xs);
    border-radius: var(--radius-small) 0 0 var(--radius-small);
}.utah-design-system .tag--clearable .tag--small {
    padding: 0 0 0 var(--spacing-xs);
}.utah-design-system .footer-agency-information {
    background: var(--gray-color);
    color: white;
    padding: var(--spacing-xl);
    display: flex;
    gap: var(--spacing-xl);
    flex-wrap: wrap;
}.utah-design-system .footer-agency-information__column {
    flex: 1 1;
    min-width: 200px;
}.utah-design-system .footer-agency-information__column:first-child {
    flex: 1 1 25%;
}.utah-design-system .footer-agency-information a[href] {
    color: white;
}.utah-design-system .footer-agency-information__title {
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-semi-bold);
    margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__title-image {
    max-width: 300px;
}.utah-design-system .footer-agency-information__address {
    margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__email {
    margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__phone {
    margin-top: var(--spacing);
}.utah-design-system .footer-agency-information__column-title {
    font-weight: var(--font-weight-bold);
}.utah-design-system .footer-agency-information__menu {
    list-style-type: none;
    padding: 0;
    font-size: var(--font-size-s);
}.utah-design-system .footer-agency-information__menu a[href] {
    text-decoration: none;
}.utah-design-system .footer-agency-information__menu a[href]:hover {
    color: white;
    box-shadow: none;
    text-decoration: underline;
}.utah-design-system .footer-social-media-bar {
    background: var(--primary-color);
    padding: 0 var(--spacing-xl);
    display: flex;
    align-items: center;
    gap: var(--spacing);
    color: white;
}.utah-design-system .footer-social-media-bar__icon-bar {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-xs);
    border-radius: var(--radius-circle);
    transition: all var(--timing-fast) ease-in-out;
    text-decoration: none;
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link svg {
    fill: white;
    height: 30px;
    width: 30px;
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link [class*=utds-icon-before-]::after,
.utah-design-system .footer-social-media-bar__icon-bar a.icon-link [class*=utds-icon-before-]::before {
    font-size: 1.6rem;
    color: white;
    margin: 0;
    padding: 2.5px;
}.utah-design-system .footer-social-media-bar__icon-bar a.icon-link:hover {
    box-shadow: none;
    background: var(--primary-color-dark);
}.utah-design-system .input-wrapper {
    margin: 0 0 var(--spacing-s) 0;
}.form.form--stacked .utah-design-system .input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}.utah-design-system .input-wrapper--switch {
    margin: var(--spacing) 0 var(--spacing-2xs) 0;
}.utah-design-system .input-wrapper--mb-zero {
    margin: 0;
}.utah-design-system .input-wrapper__error-message {
    margin-top: var(--spacing-3xs);
    color: var(--danger-color);
}.utah-design-system .input-wrapper input,
.utah-design-system .input-wrapper textarea {
    display: block;
}.utah-design-system .required-star {
    color: var(--danger-color);
    margin-left: var(--spacing-3xs);
    vertical-align: sub;
    display: inline-block;
    font-size: var(--font-size-l);
    line-height: 0.5;
}.utah-design-system textarea {
    color: var(--gray-color);
    min-height: var(--form-ele-medium);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    border: 1px solid var(--gray-color);
    width: 100%;
    padding: var(--spacing-xs);
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system textarea:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
}.utah-design-system textarea:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system textarea:disabled {
    background-color: var(--disabled-gray);
    cursor: not-allowed;
}.utah-design-system textarea[aria-invalid=true] {
    border: 2px solid var(--danger-color);
}.utah-design-system textarea.text-area--clear-icon-visible {
    padding: var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-xs);
}.utah-design-system .text-area__inner-wrapper {
    position: relative;
    width: 100%;
}.utah-design-system .text-area__clear-button {
    position: absolute;
    top: var(--spacing);
    transform: translateY(-50%);
    right: var(--spacing-xs);
    font-weight: var(--font-weight-normal);
    transition: transform;
}.utah-design-system .text-area__clear-button [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .text-area__clear-button[disabled]:active {
    transform: translateY(-50%);
}.utah-design-system .text-area__label {
    display: block;
}.utah-design-system input[type=text],
.utah-design-system input[type=email],
.utah-design-system input[type=password],
.utah-design-system input[type=tel] {
    color: var(--gray-color);
    min-height: var(--form-ele-medium);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    border: 1px solid var(--gray-color);
    width: 100%;
    padding: 0 var(--spacing-xs);
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system input[type=text]:hover,
.utah-design-system input[type=email]:hover,
.utah-design-system input[type=password]:hover,
.utah-design-system input[type=tel]:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
}.utah-design-system input[type=text]:focus-visible,
.utah-design-system input[type=email]:focus-visible,
.utah-design-system input[type=password]:focus-visible,
.utah-design-system input[type=tel]:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system input[type=text]:disabled,
.utah-design-system input[type=email]:disabled,
.utah-design-system input[type=password]:disabled,
.utah-design-system input[type=tel]:disabled {
    background-color: var(--disabled-gray);
    cursor: not-allowed;
}.utah-design-system input[type=text][aria-invalid=true]:not(.inside-invalid-wrapper),
.utah-design-system input[type=email][aria-invalid=true]:not(.inside-invalid-wrapper),
.utah-design-system input[type=password][aria-invalid=true]:not(.inside-invalid-wrapper),
.utah-design-system input[type=tel][aria-invalid=true]:not(.inside-invalid-wrapper) {
    border: 2px solid var(--danger-color);
}.utah-design-system input[type=text].text-input--clear-icon-visible,
.utah-design-system input[type=email].text-input--clear-icon-visible,
.utah-design-system input[type=password].text-input--clear-icon-visible,
.utah-design-system input[type=tel].text-input--clear-icon-visible {
    padding: 0 var(--spacing-xl) 0 var(--spacing-xs);
}.utah-design-system .text-input__inner-wrapper {
    position: relative;
}.utah-design-system .text-input__clear-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--spacing-xs);
    font-weight: var(--font-weight-normal);
    transition: transform;
}.utah-design-system .text-input__clear-button [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .text-input__clear-button[disabled]:active {
    transform: translateY(-50%);
}.utah-design-system .combo-box-input[type=text] {
    padding: 0 var(--spacing-xl) 0 var(--spacing-xs);
}.utah-design-system .combo-box-input[type=text].text-input--clear-icon-visible {
    padding: 0 var(--spacing-4xl) 0 var(--spacing-xs);
}.utah-design-system .combo-box-input__chevron {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--spacing-xs);
    font-weight: var(--font-weight-normal);
}.utah-design-system .combo-box-input__chevron [class*=utds-icon-before-]::before {
    font-size: 0.9rem;
}.utah-design-system .combo-box-input__chevron--is-disabled {
    color: var(--form-ele-disabled-color);
}.utah-design-system .combo-box-input__chevron[disabled]:active {
    transform: translateY(-50%);
}.utah-design-system .combo-box-input__inner-wrapper .text-input__clear-button {
    right: var(--spacing-xl);
}.utah-design-system .combo-box-input__inner-wrapper .input-wrapper--text-input {
    margin: 0;
}.utah-design-system .combo-box-input__inner-wrapper .tooltip__wrapper {
    z-index: 2001;
}.utah-design-system .combo-box-input__list-box {
    background: white;
    border-radius: var(--radius-small);
    border: 1px solid var(--gray-3-1-contrast);
    box-sizing: border-box;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 2000;
    max-height: clamp(300px, 40vh, 40vh);
    overflow: auto;
    width: max-content;
}.utah-design-system .combo-box-input__option {
    padding: var(--spacing-2xs) var(--spacing-s);
    font-weight: var(--font-weight-normal);
}.utah-design-system .combo-box-input__option:hover {
    background: var(--hover-gray-color);
    cursor: default;
    color: black;
}.utah-design-system .combo-box-input__option--selected {
    background: var(--form-ele-color);
    color: white;
}.utah-design-system .combo-box-input__option--highlighted {
    background: var(--hover-gray-color);
    color: black;
}.utah-design-system .combo-box-input__option--disabled {
    color: var(--gray-3-1-contrast);
}.utah-design-system .combo-box-input__option--disabled:hover {
    color: var(--gray-3-1-contrast);
}.utah-design-system .combo-box-input__option:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system .combo-box-input__option:focus-visible {
    outline-offset: -2px;
    border-radius: var(--radius-small1x);
}.utah-design-system .combo-box-input__group-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}.utah-design-system .combo-box-input__group-wrapper ul li.combo-box-input__option {
    padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-2xs) var(--spacing);
}.utah-design-system .combo-box-input__group-title {
    font-weight: var(--font-weight-bold);
    position: relative;
    color: var(--gray-color);
}.utah-design-system .combo-box-input__group-title span {
    background: white;
    z-index: 2;
    position: relative;
    padding-right: var(--spacing-s);
}.utah-design-system .combo-box-input__group-title:hover {
    background-color: transparent;
    color: var(--gray-color);
}.utah-design-system .combo-box-input__group-title:after {
    content: "";
    background: var(--gray-3-1-contrast);
    display: block;
    width: calc(100% - var(--spacing-xl));
    height: 1px;
    position: absolute;
    top: 50%;
}.utah-design-system .multi-select {
    background: white;
    color: var(--gray-color);
    min-height: var(--form-ele-medium);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    border: 1px solid var(--gray-color);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--spacing-2xs);
    padding: var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-2xs);
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system .multi-select:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
}.utah-design-system .multi-select.invalid {
    border: 2px solid var(--danger-color);
}.utah-design-system .multi-select__wrapper {
    position: relative;
}.utah-design-system .multi-select__wrapper .tooltip__wrapper {
    z-index: 2001;
}.utah-design-system .multi-select-tags {
    list-style-type: none;
    padding-left: 0;
}.utah-design-system .multi-select__combo-box {
    flex: 1;
    min-width: 25%;
}.utah-design-system .multi-select__combo-box .combo-box-input {
    border: none;
    min-height: var(--form-ele-small1x);
    padding: 0;
    flex: 1;
}.utah-design-system .multi-select__combo-box .combo-box-input__chevron {
    display: none;
}.utah-design-system .multi-select__combo-box .combo-box-input:hover {
    box-shadow: none;
}.utah-design-system .multi-select__combo-box .combo-box-input:focus-visible {
    outline: none;
}.utah-design-system .multi-select__chevron, .utah-design-system .multi-select__clear-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--spacing-xs);
    font-weight: var(--font-weight-normal);
}.utah-design-system .multi-select__chevron [class*=utds-icon-before-]::before, .utah-design-system .multi-select__clear-button [class*=utds-icon-before-]::before {
    font-size: 0.9rem;
}.utah-design-system .multi-select__chevron[disabled]:active, .utah-design-system .multi-select__clear-button[disabled]:active {
    transform: translateY(-50%);
}.utah-design-system .multi-select__clear-button {
    right: var(--spacing-xl);
}.utah-design-system .multi-select__clear-button [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .multi-select--clear-icon-visible {
    padding: var(--spacing-2xs) var(--spacing-4xl) var(--spacing-2xs) var(--spacing-2xs);
}.utah-design-system .multi-select--disabled {
    background-color: var(--disabled-gray);
    cursor: not-allowed;
}.utah-design-system .multi-select--disabled input[type=text] {
    background: transparent;
}.utah-design-system .multi-select--focused {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system .multi-select--focused.multi-select--disabled {
    outline: none;
}.utah-design-system .date-input[type=text] {
    padding: 0 var(--spacing-xl) 0 var(--spacing-xs);
}.utah-design-system .date-input[type=text].text-input--clear-icon-visible {
    padding: 0 var(--spacing-4xl) 0 var(--spacing-xs);
}.utah-design-system .date-input__calendar-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--spacing-2xs);
    font-weight: var(--font-weight-normal);
}.utah-design-system .date-input__calendar-icon [class*=utds-icon-before-]::before {
    font-size: 1.1rem;
    margin: 0;
}.utah-design-system .date-input__calendar-icon--is-disabled {
    color: var(--form-ele-disabled-color);
}.utah-design-system .date-input__calendar-icon[disabled]:active {
    transform: translateY(-50%);
}.utah-design-system .date-input__icon-static {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: var(--form-ele-small);
    min-width: var(--form-ele-small);
}.utah-design-system .date-input__inner-wrapper .text-input__clear-button {
    right: var(--spacing-xl);
}.utah-design-system .date-input__inner-wrapper .input-wrapper--text-input {
    margin: 0;
}.utah-design-system .date-input__inner-wrapper .tooltip__wrapper {
    z-index: 2001;
}.utah-design-system .date-input__popup {
    background: white;
    border-radius: var(--radius-small);
    border: 1px solid var(--gray-3-1-contrast);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 2000;
    overflow: hidden;
}.utah-design-system .date-input__popup .input-wrapper--calendar-input {
    margin: 0;
}.utah-design-system .calendar-input__grid {
    display: grid;
    grid-auto-rows: 1fr;
    gap: 2px;
    border-top: 1px solid var(--gray-3-1-contrast);
    border-bottom: 1px solid var(--gray-3-1-contrast);
    background: white;
}.utah-design-system .calendar-input__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 2px;
}.utah-design-system .calendar-input__cell-header {
    display: flex;
    align-items: center;
    justify-content: center;
}.utah-design-system .calendar-input__cell {
    border: none;
    padding: 0;
    min-height: 26px;
    min-width: 26px;
    justify-self: center;
    background: none;
}.utah-design-system .calendar-input__cell--focused {
    background: var(--form-ele-color-light);
    color: var(--gray-dark-color);
}.utah-design-system .calendar-input__cell--selected {
    background: var(--form-ele-color);
    color: white;
}.utah-design-system .calendar-input__cell--today {
    border: 2px solid var(--form-ele-color-light);
}.utah-design-system .calendar-input__cell:focus {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system .calendar-input__cell--next-month, .utah-design-system .calendar-input__cell--previous-month {
    color: var(--gray-3-1-contrast);
}.utah-design-system .calendar-input__controls {
    background: var(--gray-light-color);
    padding: var(--spacing-2xs) 0;
}.utah-design-system .calendar-input__controls-month, .utah-design-system .calendar-input__controls-year {
    display: flex;
    align-items: center;
    justify-content: center;
}.utah-design-system .calendar-input__controls [class*=utds-icon-before-]:before {
    font-size: 0.8rem;
    color: var(--form-ele-color);
}.utah-design-system .calendar-input__controls [class*=utds-icon-before-double-arrow]:before {
    font-size: 0.9rem;
}.utah-design-system .calendar-input__month {
    min-width: 85px;
    text-align: center;
}.utah-design-system .calendar-input__year {
    min-width: 45px;
    text-align: center;
}.utah-design-system .calendar-input__today {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xs) 0;
    background: var(--gray-light-color);
}.utah-design-system .date-input__popup .calendar-input__grid:not(:has(+ .calendar-input__today)) {
    border-bottom: 0;
}.utah-design-system .time-input__wrapper [class*=utds-icon-before-clock]::before {
    font-size: 1.1rem;
}.utah-design-system .time-input__wrapper input[type=text].text-input--clear-icon-visible {
    padding: 0 var(--spacing-4xl) 0 var(--spacing-xs);
}.utah-design-system .time-input__wrapper .text-input__clear-button {
    right: var(--spacing-xl);
}.utah-design-system .time-input__clock-icon--static {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}.utah-design-system .time-input__clock-icon--is-disabled {
    color: var(--form-ele-disabled-color);
}.character-count {
    text-align: right;
    font-size: var(--font-size-s);
    margin: var(--spacing-2xs) 0 0 0;
}.character-count--over-limit {
    color: var(--danger-color);
}.utah-design-system input[type=checkbox] {
    width: var(--form-checkbox-medium);
    height: var(--form-checkbox-medium);
    position: relative;
    border-radius: var(--radius-small1x);
    border: 1px solid var(--gray-color);
    background-color: white;
    box-sizing: border-box;
    appearance: none;
    flex-shrink: 0;
    margin: 2px var(--spacing-xs) 0 0;
}.utah-design-system input[type=checkbox]:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system input[type=checkbox]::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--radius-circle);
    z-index: -1;
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system input[type=checkbox]:hover {
    border-color: black;
}.utah-design-system input[type=checkbox]:hover::after {
    box-shadow: var(--hover-gray-color) 0 0 0 7px;
    border-color: black;
}.utah-design-system input[type=checkbox]::before {
    content: "";
    display: block;
    background: var(--form-ele-color);
    background-image: var(--icon-check-mark-light);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
    border-radius: var(--radius-small1x);
    width: 100%;
    height: 100%;
    opacity: 0;
}.utah-design-system input[type=checkbox]:checked {
    border-width: 0;
    background-color: var(--form-ele-color);
}.utah-design-system input[type=checkbox]:checked::before {
    opacity: 1;
    background-size: 80%;
    transition: background-size var(--timing-quick) ease, opacity var(--timing-quick) ease;
}.utah-design-system input[type=checkbox]:disabled {
    background-color: var(--form-ele-disabled-color);
    border: none;
    cursor: not-allowed;
}.utah-design-system input[type=checkbox]:disabled::before {
    background-color: var(--form-ele-disabled-color);
}.utah-design-system .input-wrapper--checkbox-inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}.utah-design-system select {
    color: var(--gray-color);
    min-height: var(--form-ele-medium);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    border: 1px solid var(--gray-color);
    width: 100%;
    padding: 0 var(--spacing-l) 0 var(--spacing-xs);
    appearance: none;
    background: white var(--icon-chevron-dark) no-repeat right 5px center;
    background-size: 16px;
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system select:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
}.utah-design-system select:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system select.select-input--clear-icon-visible {
    padding: 0 var(--spacing-3xl) 0 var(--spacing-xs);
}.utah-design-system select[aria-invalid=true] {
    border: 2px solid var(--danger-color);
}.utah-design-system .select-input__inner-wrapper {
    position: relative;
}.utah-design-system .select-input__clear-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--spacing-l);
    font-weight: var(--font-weight-normal);
    background: white;
    transition: transform;
}.utah-design-system .select-input__clear-button [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
}.utah-design-system .select-input__clear-button:hover {
    background: var(--hover-gray-color-opaque);
}.utah-design-system .select-input__clear-button[disabled]:active {
    transform: translateY(-50%);
}.utah-design-system .info-box {
    display: flex;
    align-items: center;
    background: white;
    position: relative;
    border-radius: var(--radius-small);
    padding-left: var(--spacing-xs);
}.utah-design-system .info-box::before {
    content: "";
    display: block;
    width: var(--spacing-xs);
    height: 100%;
    border-top-left-radius: var(--radius-small);
    border-bottom-left-radius: var(--radius-small);
    background-color: var(--gray-color);
    position: absolute;
    left: 0;
}.utah-design-system .info-box__content {
    display: flex;
    align-items: center;
    padding: var(--spacing-xs) var(--spacing-s);
}.utah-design-system .info-box__gray {
    background-color: var(--gray-light-color);
}.utah-design-system .info-box__primary::before {
    background-color: var(--primary-color);
}.utah-design-system .info-box__secondary::before {
    background-color: var(--secondary-color);
}.utah-design-system .info-box__info::before {
    background-color: var(--info-color);
}.utah-design-system .info-box__danger::before {
    background-color: var(--danger-color);
}.utah-design-system .info-box__warning::before {
    background-color: var(--warning-color);
}.utah-design-system .info-box__success::before {
    background-color: var(--success-color);
}.utah-design-system input[type=radio] {
    appearance: none;
    border-radius: var(--radius-circle);
    border: 1px solid var(--gray-color);
    width: var(--form-checkbox-medium);
    height: var(--form-checkbox-medium);
    position: relative;
    margin: 2px var(--spacing-xs) 0 0;
    flex-shrink: 0;
    background: white;
}.utah-design-system input[type=radio]:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system input[type=radio]::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--radius-circle);
    z-index: -1;
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system input[type=radio]:hover {
    border-color: black;
}.utah-design-system input[type=radio]:hover::after {
    box-shadow: var(--hover-gray-color) 0 0 0 7px;
    border-color: black;
}.utah-design-system input[type=radio]::before {
    content: "";
    display: block;
    width: 0%;
    height: 0%;
    opacity: 0;
    border-radius: var(--radius-circle);
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}.utah-design-system input[type=radio]:checked {
    background-color: var(--form-ele-color);
    border: 1px solid var(--form-ele-color);
}.utah-design-system input[type=radio]:checked::before {
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    opacity: 1;
    transition: width var(--timing-quick) ease, height var(--timing-quick) ease, opacity var(--timing-quick) ease;
}.utah-design-system input[type=radio][disabled] {
    background: var(--form-ele-disabled-color);
    border: none;
    cursor: not-allowed;
}.utah-design-system input[type=radio][disabled]::after {
    background-color: var(--form-ele-disabled-color);
}.utah-design-system .input-wrapper--radio {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}.utah-design-system input[type=checkbox].switch {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}.utah-design-system .switch__label {
    position: absolute;
    right: 0;
    transform: translateX(calc(100% + var(--spacing-2xs)));
    color: var(--gray-color);
    min-width: max-content;
    overflow: hidden;
}.utah-design-system .switch__label.visually-hidden {
    min-width: unset;
}.utah-design-system .switch__wrapper {
    min-width: 20px;
    background: #7b7b7b;
    color: white;
    border-radius: var(--radius-circle);
    min-height: var(--form-ele-small3x);
    padding: var(--spacing-3xs);
    position: relative;
    display: inline-flex;
    align-items: center;
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system .switch__wrapper:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
}.utah-design-system .switch__wrapper--on {
    background: var(--form-ele-color);
}.utah-design-system .switch__wrapper:has(input:focus) {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system .switch--small.switch__wrapper {
    min-height: var(--form-ele-small4x);
}.utah-design-system .switch--small .switch__inner-label {
    font-size: var(--font-size-xs);
    height: var(--form-ele-small4x);
    line-height: var(--form-ele-small4x);
}.utah-design-system .switch--small .switch__slider {
    height: var(--form-ele-small4x);
    width: var(--form-ele-small4x);
}.utah-design-system .switch--small .switch__slider [class*=utds-icon-after-]::after,
.utah-design-system .switch--small .switch__slider [class*=utds-icon-before-]::before {
    font-size: 0.5rem;
}.utah-design-system .switch--large.switch__wrapper {
    min-height: var(--form-ele-small1x);
}.utah-design-system .switch--large .switch__slider {
    height: var(--form-ele-small1x);
    width: var(--form-ele-small1x);
}.utah-design-system .switch--large .switch__slider [class*=utds-icon-after-]::after,
.utah-design-system .switch--large .switch__slider [class*=utds-icon-before-]::before {
    font-size: 1rem;
}.utah-design-system .switch__slider {
    height: var(--form-ele-small3x);
    width: var(--form-ele-small3x);
    border-radius: var(--radius-circle);
    background: white;
    position: absolute;
    left: 2px;
    transition: all var(--timing-quick);
    display: flex;
    align-items: center;
    justify-content: center;
}.utah-design-system .switch__slider--on {
    left: 100%;
    transform: translateX(calc(-100% - 2px));
    background: white;
}.utah-design-system .switch__slider svg {
    fill: var(--gray-color);
    width: 0.65rem;
    height: 0.65rem;
}.utah-design-system .switch__slider [class*=utds-icon-after-],
.utah-design-system .switch__slider [class*=utds-icon-before-] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}.utah-design-system .switch__slider [class*=utds-icon-after-]::after,
.utah-design-system .switch__slider [class*=utds-icon-before-]::before {
    font-size: 0.7rem;
    line-height: 0;
    color: var(--form-ele-color);
    margin: 0;
}.utah-design-system .switch__inner-label {
    position: relative;
    width: 100%;
    height: var(--form-ele-small3x);
    font-size: var(--font-size-s);
    line-height: var(--font-size-s);
}.utah-design-system .switch__inner-label-on, .utah-design-system .switch__inner-label-off {
    width: calc(100% - var(--form-ele-2small1x));
    position: absolute;
    right: 2px;
    opacity: 0;
    transition: opacity var(--timing-quick);
    text-align: center;
    display: inline-block;
}.utah-design-system .switch__inner-label-on.show, .utah-design-system .switch__inner-label-off.show {
    opacity: 1;
}.utah-design-system .switch__inner-label-on {
    color: white;
    right: unset;
    left: 2px;
}.utah-design-system .switch--disabled {
    background: var(--form-ele-disabled-color);
    cursor: not-allowed;
}.utah-design-system .switch--disabled.switch__wrapper--on {
    background: var(--form-ele-color-light);
}.utah-design-system .input-wrapper--switch label {
    padding: var(--spacing-3xs) var(--spacing-xs);
}.utah-design-system fieldset {
    border: none;
    padding: 0;
}.utah-design-system fieldset legend {
    margin-bottom: var(--spacing-xs);
}.utah-design-system fieldset .input-wrapper:last-of-type {
    margin: 0 0 var(--spacing-xs) 0;
}.utah-design-system .file-input__box {
    border: 1px dashed var(--gray-color);
    position: relative;
    background: white;
    text-align: center;
}.utah-design-system .file-input__box--dragged, .utah-design-system .file-input__box--dragged > div {
    background: var(--form-ele-color-light);
}.utah-design-system .file-input__box--disabled > div {
    background: var(--disabled-gray);
}.utah-design-system .file-input__box input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-indent: -9999px;
    cursor: pointer;
    transition: box-shadow var(--timing-xquick) ease-in-out;
    z-index: 1;
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}.utah-design-system .file-input__box input[type=file]:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
}.utah-design-system .file-input__box input[type=file]:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none;
}.utah-design-system .file-input__box input[type=file]:disabled {
    cursor: not-allowed;
}.utah-design-system .file-input__instructions {
    padding: var(--spacing-l) var(--spacing);
    pointer-events: none;
    position: relative;
    z-index: 3;
}.utah-design-system .file-input__file-selected {
    background-color: #dde7fa;
    pointer-events: none;
    position: relative;
    text-align: left;
    z-index: 3;
}.utah-design-system .file-input__file-selected > div {
    padding: var(--spacing-s) var(--spacing);
}.utah-design-system .file-input__file-selected hr {
    margin: 0;
    border-color: white;
}.utah-design-system .file-input__file-list {
    display: flex;
}.utah-design-system .file-input__file-list .tag__wrapper {
    background: white;
    pointer-events: all;
}.utah-design-system .file-input__file-list .tag__wrapper:not(:last-child) {
    margin: 0 var(--spacing) var(--spacing) 0;
}.utah-design-system .file-input__safari {
    background: white;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}.utah-design-system.main-menu__outer {
    position: relative;
    z-index: 2500;
}.utah-design-system .main-menu__wrapper {
    background-color: var(--gray-light-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--spacing-l) 0 var(--spacing-xs);
}.utah-design-system .main-menu__wrapper .utds-icon-before-search::before {
    font-size: 1.1rem;
}.utah-design-system .main-menu .menu-item__search {
    margin-left: auto;
}.utah-design-system .main-menu__search-placeholder {
    height: var(--form-ele-medium);
    width: var(--form-ele-medium);
}.utah-design-system .horizontal-menu > ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}.utah-design-system .horizontal-menu > ul li .menu-item__title {
    position: relative;
}.utah-design-system .horizontal-menu > ul li a[href], .utah-design-system .horizontal-menu > ul li button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--gray-color);
    padding: var(--spacing-3xs) var(--spacing);
    margin: var(--spacing-xs) 0;
    border-radius: 999px;
    transition: all var(--timing-quick) ease-in-out;
    position: relative;
    box-sizing: border-box;
    font-size: var(--font-size);
    font-weight: var(--font-weight-semi-bold);
    min-height: auto;
    line-height: 1.7;
}.utah-design-system .horizontal-menu > ul li a[href] .menu-item__menu-arrow, .utah-design-system .horizontal-menu > ul li button .menu-item__menu-arrow {
    font-size: 0.65rem;
    margin-left: var(--spacing-2xs);
}.utah-design-system .horizontal-menu > ul li a[href] .menu-item__menu-arrow[class*=utds-icon-before-]::before, .utah-design-system .horizontal-menu > ul li button .menu-item__menu-arrow[class*=utds-icon-before-]::before {
    margin-right: 0;
}.utah-design-system .horizontal-menu > ul li a[href]:hover, .utah-design-system .horizontal-menu > ul li button:hover {
    color: black;
    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}.utah-design-system .horizontal-menu > ul li a[href].menu-item--selected_parent + span.menu-chiclet, .utah-design-system .horizontal-menu > ul li button.menu-item--selected_parent + span.menu-chiclet {
    font-weight: bold;
}.utah-design-system .horizontal-menu > ul li a[href].menu-item--selected + span.menu-chiclet::after, .utah-design-system .horizontal-menu > ul li button.menu-item--selected + span.menu-chiclet::after {
    content: "";
    width: 100%;
    height: var(--spacing-2xs);
    background: var(--primary-color);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-left-radius: var(--spacing-2xs);
    border-bottom-right-radius: var(--spacing-2xs);
    outline: none;
    outline-offset: 0;
}.utah-design-system .menu-item__title {
    display: flex;
    flex-direction: row;
    align-items: center;
}.utah-design-system .menu-item__button-title {
    border: none;
    padding: 0;
    background: none;
}.utah-design-system .menu-item__button-title:hover {
    background: none;
    color: var(--primary-color);
}.utah-design-system .menu-item a[href] {
    text-decoration: none;
    color: var(--gray-color);
}.utah-design-system .menu-item a[href].menu-item--selected {
    color: var(--primary-color);
}.utah-design-system .menu-item a[href].menu-item--selected_parent {
    font-weight: bold;
}.utah-design-system .menu-item__chevron [class*=utds-icon-after-]::after {
    font-size: 0.65rem;
    line-height: 0.5;
}.utah-design-system .menu-item__chevron--open {
    transform: rotate(90deg);
}.utah-design-system .menu-item__sub-menu {
    display: none;
}.utah-design-system .menu-item__sub-menu--open {
    display: block;
}.utah-design-system .menu-item__plain .menu-item__title a[href] {
    border-radius: var(--radius-circle);
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--gray-color);
    display: flex;
    font-size: var(--font-size-xs);
    justify-content: flex-start;
    line-height: 1.7;
    margin: 0;
    min-height: unset;
    padding: var(--spacing-2xs) var(--spacing);
    text-align: left;
    text-decoration: none;
    width: 100%;
    position: relative;
}.utah-design-system .menu-item__plain .menu-item__title a[href]:hover {
    background: var(--hover-gray-color);
    color: var(--primary-color);
    box-shadow: none;
}.utah-design-system .menu-item__plain .menu-item__title a[href]:active {
    transform: none;
}.utah-design-system .menu-item__plain .menu-item__title-blank {
    font-size: var(--font-size-xs);
}.utah-design-system .pagination ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}.utah-design-system .pagination__link {
    border-radius: 999px;
    font-size: 1rem;
    height: var(--form-ele-medium);
    width: var(--form-ele-medium);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-color: transparent;
    background: transparent;
    text-decoration: none;
    box-shadow: none;
    transition: transform 100ms ease, box-shadow 100ms ease;
}.utah-design-system .pagination a[href].pagination__link {
    color: var(--gray-color);
}.utah-design-system .pagination a[href].pagination__link:hover {
    color: var(--gray-dark-color);
    background: var(--hover-gray-color);
    box-shadow: none;
}.utah-design-system .pagination a[href].pagination__link:active {
    transform: scale(0.96);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
}.utah-design-system .pagination a[href].pagination__link--active {
    background: var(--primary-color);
    color: white;
}.utah-design-system .pagination a[href].pagination__link--active:hover {
    background: var(--primary-color-dark);
    color: white;
}.utah-design-system .pagination__ellipsis {
    font-size: 1rem;
    height: var(--form-ele-medium);
    width: var(--form-ele-medium);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 10px;
    vertical-align: middle;
}.utah-design-system .pagination__ellipsis .utds-icon-before-more-horizontal::before {
    margin-right: 0;
    display: block;
}.utah-design-system .pagination__next [class*=utds-icon-before-]::before, .utah-design-system .pagination__prev [class*=utds-icon-before-]::before {
    font-size: 0.9rem;
}.utah-design-system .menu-side-panel {
    margin: var(--spacing) 0 0 0;
    font-size: var(--font-size-xs);
}.utah-design-system .menu-side-panel:first-child {
    margin: 0;
}.utah-design-system .menu-side-panel__header {
    font-size: var(--font-size);
}.utah-design-system .menu-side-panel > ul {
    margin-left: calc(0px - var(--spacing));
}.utah-design-system .menu-side-panel ul {
    list-style-type: none;
    padding: 0;
}.utah-design-system .menu-side-panel ul ul:first-of-type {
    border-left: 1px solid #DBDBDB;
    margin-left: var(--spacing);
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title {
    flex: 1 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: var(--spacing-2xs) var(--spacing);
    margin: 0;
    display: block;
    border-radius: var(--radius-circle);
    position: relative;
    transition: all var(--timing-quick) ease-in-out;
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title:hover {
    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
    color: var(--primary-color);
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title.menu-item--selected {
    font-weight: bold;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}.utah-design-system .menu-side-panel .menu-item__title a[href].menu-item__link-title.menu-item--selected::after {
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
    width: 5px;
    height: 100%;
    background: var(--primary-color);
    border-radius: var(--radius-circle);
}.utah-design-system .menu-side-panel .menu-item__title-blank {
    padding: var(--spacing-2xs) var(--spacing);
}.utah-design-system .menu-side-panel .menu-item button {
    min-height: unset;
    min-width: unset;
}.utah-design-system .menu-side-panel .menu-item__button-title {
    flex: 1 1 auto;
    justify-content: flex-start;
    font-size: var(--font-size-xs);
    padding: var(--spacing-2xs) var(--spacing);
    line-height: 1.7;
}.utah-design-system .menu-side-panel .menu-item__button-title:hover {
    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}.utah-design-system .menu-side-panel .menu-item__chevron {
    padding: var(--spacing-xs);
}.utah-design-system .menu-side-panel .menu-item__chevron svg {
    transition: transform var(--timing-quick) ease;
}@media screen and (max-width: 1024px) {
    .utah-design-system .menu-side-panel .menu-item__title a.menu-item--selected::after {
        left: 0;
    }
}/*
############     _skip-link.scss      ############
*/.utah-design-system.skip-link__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 4000;
    overflow: hidden;
    width: 100%;
    background: transparent;
    pointer-events: none;
}.utah-design-system .skip-link__tab {
    background-color: var(--gray-light-color);
    border-radius: var(--radius-medium);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: all var(--timing-quick) ease-in-out;
    transform: translateY(-150%);
}.utah-design-system .skip-link__tab:focus-within {
    transform: translateY(0%);
}.utah-design-system .skip-link__link {
    pointer-events: all;
    margin: var(--spacing) var(--spacing-l);
}.utah-design-system ul.vertical-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}.utah-design-system .vertical-menu {
    font-size: var(--font-size-xs);
}.utah-design-system .vertical-menu__header {
    font-size: var(--font-size);
}.utah-design-system .vertical-menu__header + ul {
    margin-left: calc(0px - var(--spacing));
}.utah-design-system .vertical-menu li > ul {
    margin-left: var(--spacing-s);
}.utah-design-system .vertical-menu__title {
    display: flex;
    flex-direction: row;
    align-items: center;
}.utah-design-system .vertical-menu__title .menu-item__chevron {
    min-height: unset;
    min-width: unset;
    padding: var(--spacing-xs);
}.utah-design-system .vertical-menu__title__plain {
    margin: var(--spacing-2xs) 0;
    padding: var(--spacing-2xs) var(--spacing);
}.utah-design-system .vertical-menu button.vertical-menu__button-title,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title,
.utah-design-system .vertical-menu button.menu-item__button-title,
.utah-design-system .vertical-menu a[href].menu-item__link-title {
    border-radius: var(--radius-circle);
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--gray-color);
    display: flex;
    font-size: var(--font-size-xs);
    justify-content: flex-start;
    line-height: 1.7;
    margin: var(--spacing-2xs) 0;
    min-height: unset;
    padding: var(--spacing-2xs) var(--spacing);
    text-align: left;
    text-decoration: none;
    width: 100%;
    position: relative;
}.utah-design-system .vertical-menu button.vertical-menu__button-title:hover,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title:hover,
.utah-design-system .vertical-menu button.menu-item__button-title:hover,
.utah-design-system .vertical-menu a[href].menu-item__link-title:hover {
    background: var(--hover-gray-color);
    color: var(--primary-color);
    box-shadow: none;
}.utah-design-system .vertical-menu button.vertical-menu__button-title:active,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title:active,
.utah-design-system .vertical-menu button.menu-item__button-title:active,
.utah-design-system .vertical-menu a[href].menu-item__link-title:active {
    transform: none;
}.utah-design-system .vertical-menu button.vertical-menu__button-title.menu-item--selected_parent,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title.menu-item--selected_parent,
.utah-design-system .vertical-menu button.menu-item__button-title.menu-item--selected_parent,
.utah-design-system .vertical-menu a[href].menu-item__link-title.menu-item--selected_parent {
    font-weight: bold;
}.utah-design-system .vertical-menu button.vertical-menu__button-title.menu-item--selected,
.utah-design-system .vertical-menu a[href].vertical-menu__link-title.menu-item--selected,
.utah-design-system .vertical-menu button.menu-item__button-title.menu-item--selected,
.utah-design-system .vertical-menu a[href].menu-item__link-title.menu-item--selected {
    font-weight: bold;
    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
    color: var(--primary-color);
}.utah-design-system .vertical-menu a.vertical-menu__link-title:hover {
    box-shadow: none;
}.utah-design-system .vertical-menu__link-text {
    flex: 1 0 auto;
    max-width: 100%;
}.utah-design-system .vertical-menu__divider {
    display: block;
    margin: var(--spacing-s) var(--spacing-s);
    height: 1px;
    background-color: var(--gray-medium-light-color);
}.utah-design-system .vertical-menu .utds-icon-before-chevron-right {
    font-size: 0.65rem;
    line-height: 0.5;
    transform: rotate(0deg);
    transition: transform var(--timing-quick) ease;
}.utah-design-system .vertical-menu .utds-icon-before-chevron-right::before {
    margin-right: 0;
    margin-left: var(--spacing-xs);
}.utah-design-system .vertical-menu .utds-icon-before-chevron-right.is-open {
    transform: rotate(90deg);
}.utah-design-system .vertical-menu .flyout-menu {
    padding: 0;
}.utah-design-system .vertical-menu .flyout-menu > ul > li {
    padding: 0 var(--spacing-s);
}.utah-design-system .vertical-menu .flyout-menu > ul > li:first-child {
    padding-top: var(--spacing-s);
}.utah-design-system .vertical-menu .flyout-menu > ul > li:last-child {
    padding-bottom: var(--spacing-s);
}.utah-design-system .menu-item--mega-menu .vertical-menu li > ul {
    margin-left: 0;
}.utah-design-system .menu-item--mega-menu .popup__content {
    padding: var(--spacing) var(--spacing-l);
}.utah-design-system .menu-item--mega-menu .popup__content > ul {
    display: flex;
    gap: var(--spacing-xl);
}.utah-design-system .menu-item--mega-menu .popup__content > ul > li {
    font-weight: bold;
    font-size: var(--font-size-m);
}.utah-design-system .menu-item--mega-menu .popup__content > ul > li > ul {
    font-size: var(--font-size);
    font-weight: var(--font-weight-semi-bold);
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .banner__wrapper {
    display: inline-flex;
    border-radius: var(--radius-small);
    background: white;
    box-shadow: var(--elevation-small-borderless);
    margin: var(--spacing);
}.utah-design-system .banner__wrapper:not(.banner--inline) {
    position: fixed;
    z-index: 3000;
}.utah-design-system .banner__wrapper.banner--bottom-left, .utah-design-system .banner__wrapper.banner--top-left {
    animation: left-in 1s;
}.utah-design-system .banner__wrapper.banner--bottom-right, .utah-design-system .banner__wrapper.banner--top-right {
    animation: right-in 1s;
}.utah-design-system .banner__wrapper.banner--bottom, .utah-design-system .banner__wrapper.banner--top {
    animation: fade-in 0.5s;
}.utah-design-system .banner__wrapper.banner--bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}.utah-design-system .banner__wrapper.banner--bottom-left {
    bottom: 0;
    left: 0;
}.utah-design-system .banner__wrapper.banner--bottom-right {
    bottom: 0;
    right: 0;
}.utah-design-system .banner__wrapper.banner--top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}.utah-design-system .banner__wrapper.banner--top-left {
    top: 0;
    left: 0;
}.utah-design-system .banner__wrapper.banner--top-right {
    top: 0;
    right: 0;
}.utah-design-system .banner__wrapper.banner--info, .utah-design-system .banner__wrapper.banner--warning, .utah-design-system .banner__wrapper.banner--danger, .utah-design-system .banner__wrapper.banner--success, .utah-design-system .banner__wrapper.banner--dark, .utah-design-system .banner__wrapper.banner--primary, .utah-design-system .banner__wrapper.banner--secondary, .utah-design-system .banner__wrapper.banner--accent, .utah-design-system .banner__wrapper.banner--primary-dark, .utah-design-system .banner__wrapper.banner--secondary-dark, .utah-design-system .banner__wrapper.banner--accent-dark {
    color: white;
}.utah-design-system .banner__wrapper.banner--info .banner__close-button button, .utah-design-system .banner__wrapper.banner--info a, .utah-design-system .banner__wrapper.banner--warning .banner__close-button button, .utah-design-system .banner__wrapper.banner--warning a, .utah-design-system .banner__wrapper.banner--danger .banner__close-button button, .utah-design-system .banner__wrapper.banner--danger a, .utah-design-system .banner__wrapper.banner--success .banner__close-button button, .utah-design-system .banner__wrapper.banner--success a, .utah-design-system .banner__wrapper.banner--dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--dark a, .utah-design-system .banner__wrapper.banner--primary .banner__close-button button, .utah-design-system .banner__wrapper.banner--primary a, .utah-design-system .banner__wrapper.banner--secondary .banner__close-button button, .utah-design-system .banner__wrapper.banner--secondary a, .utah-design-system .banner__wrapper.banner--accent .banner__close-button button, .utah-design-system .banner__wrapper.banner--accent a, .utah-design-system .banner__wrapper.banner--primary-dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--primary-dark a, .utah-design-system .banner__wrapper.banner--secondary-dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--secondary-dark a, .utah-design-system .banner__wrapper.banner--accent-dark .banner__close-button button, .utah-design-system .banner__wrapper.banner--accent-dark a {
    color: white;
}.utah-design-system .banner__wrapper.banner--info {
    background-color: var(--info-color);
}.utah-design-system .banner__wrapper.banner--warning {
    background-color: var(--warning-color);
}.utah-design-system .banner__wrapper.banner--danger {
    background-color: var(--danger-color);
}.utah-design-system .banner__wrapper.banner--success {
    background-color: var(--success-color);
}.utah-design-system .banner__wrapper.banner--dark {
    background-color: var(--gray-color);
}.utah-design-system .banner__wrapper.banner--primary {
    background-color: var(--primary-color);
}.utah-design-system .banner__wrapper.banner--primary-light {
    background-color: var(--primary-color-light);
}.utah-design-system .banner__wrapper.banner--primary-dark {
    background-color: var(--primary-color-dark);
}.utah-design-system .banner__wrapper.banner--secondary {
    background-color: var(--secondary-color);
}.utah-design-system .banner__wrapper.banner--secondary-light {
    background-color: var(--secondary-color-light);
}.utah-design-system .banner__wrapper.banner--secondary-dark {
    background-color: var(--secondary-color-dark);
}.utah-design-system .banner__wrapper.banner--accent {
    background-color: var(--accent-color);
}.utah-design-system .banner__wrapper.banner--accent-light {
    background-color: var(--accent-color-light);
}.utah-design-system .banner__wrapper.banner--accent-dark {
    background-color: var(--accent-color-dark);
}.utah-design-system .banner__wrapper.banner--small {
    max-width: 320px;
}.utah-design-system .banner__wrapper.banner--medium {
    max-width: 640px;
}.utah-design-system .banner__wrapper.banner--large {
    max-width: 960px;
}.utah-design-system .banner__message {
    display: flex;
    align-items: center;
    padding: var(--spacing-s) var(--spacing-xs) var(--spacing-s) var(--spacing);
}.utah-design-system .banner__icon {
    padding: var(--spacing-s);
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    border-radius: var(--radius-small) 0 0 var(--radius-small);
}.utah-design-system .banner__icon span {
    color: white;
}.utah-design-system .banner__icon span[class*=utds-icon-before-]::before {
    margin-right: 0;
}.utah-design-system .banner__close-button {
    padding: var(--spacing-xs);
}.utah-design-system.banner-global__wrapper {
    z-index: 4000;
    position: fixed;
}.utah-design-system.banner-global__wrapper .banner-global__zone {
    position: fixed;
    display: flex;
    flex-direction: column-reverse;
}.utah-design-system.banner-global__wrapper .banner-global__bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
}.utah-design-system.banner-global__wrapper .banner-global__bottom-left {
    bottom: 0;
    left: 0;
    flex-direction: column;
}.utah-design-system.banner-global__wrapper .banner-global__bottom-right {
    bottom: 0;
    right: 0;
    flex-direction: column;
}.utah-design-system.banner-global__wrapper .banner-global__top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}.utah-design-system.banner-global__wrapper .banner-global__top-left {
    top: 0;
    left: 0;
}.utah-design-system.banner-global__wrapper .banner-global__top-right {
    top: 0;
    right: 0;
}.utah-design-system.banner-global__wrapper .banner-global__bottom .banner__wrapper, .utah-design-system.banner-global__wrapper .banner-global__top .banner__wrapper {
    align-self: baseline;
}.utah-design-system.banner-global__wrapper .banner-global__top-right .banner__wrapper, .utah-design-system.banner-global__wrapper .banner-global__bottom-right .banner__wrapper {
    align-self: flex-end;
}.utah-design-system.banner-global__wrapper .banner-global__top-left .banner__wrapper, .utah-design-system.banner-global__wrapper .banner-global__bottom-left .banner__wrapper {
    align-self: flex-start;
}.utah-design-system.banner-global__wrapper .banner__wrapper {
    position: relative;
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .popup__wrapper {
    position: absolute;
    z-index: 100;
    background: none transparent;
    left: 0;
    top: 0;
    transition: opacity 100ms ease-in-out;
}.utah-design-system .popup__wrapper--visible {
    opacity: 1;
}.utah-design-system .popup__wrapper--visible .popup__content {
    transform: scale(1);
}.utah-design-system .popup__wrapper--hidden {
    opacity: 0;
    pointer-events: none;
}.utah-design-system .popup__wrapper--hidden .popup__content {
    transform: scale(0.7);
}.utah-design-system .popup__wrapper--close-button-absolute .popup__close-button {
    position: absolute;
    top: var(--spacing-xs);
    right: var(--spacing-xs);
}.utah-design-system .popup__content {
    background: white;
    border-radius: var(--radius-small);
    border: 1px solid var(--gray-3-1-contrast);
    box-sizing: border-box;
    min-width: 200px;
    max-width: 420px;
    width: max-content;
    padding: var(--spacing-s);
    transition: transform 100ms ease-in-out;
    box-shadow: var(--elevation-small);
}.utah-design-system .popup__close-button {
    float: right;
}.utah-design-system .popup__close-button .utds-icon-before-x-icon::before {
    font-size: 0.7rem;
}.utah-design-system .popup__arrow {
    visibility: hidden;
}.utah-design-system .popup__arrow, .utah-design-system .popup__arrow::before {
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit;
    box-sizing: content-box;
}.utah-design-system .popup__arrow::before {
    visibility: visible;
    content: "";
    transform: rotate(45deg);
}.utah-design-system .popup__wrapper[data-popper-placement^=top] .popup__content {
    transform-origin: bottom;
}.utah-design-system .popup__wrapper[data-popper-placement^=top] .popup__arrow {
    bottom: -5px;
}.utah-design-system .popup__wrapper[data-popper-placement^=top] .popup__arrow::before {
    border-bottom: 1px solid var(--gray-3-1-contrast);
    border-right: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .popup__wrapper[data-popper-placement^=bottom] .popup__content {
    transform-origin: top;
}.utah-design-system .popup__wrapper[data-popper-placement^=bottom] .popup__arrow {
    top: -6px;
}.utah-design-system .popup__wrapper[data-popper-placement^=bottom] .popup__arrow::before {
    border-top: 1px solid var(--gray-3-1-contrast);
    border-left: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .popup__wrapper[data-popper-placement^=left] .popup__content {
    transform-origin: right;
}.utah-design-system .popup__wrapper[data-popper-placement^=left] .popup__arrow {
    right: -5px;
}.utah-design-system .popup__wrapper[data-popper-placement^=left] .popup__arrow::before {
    border-top: 1px solid var(--gray-3-1-contrast);
    border-right: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .popup__wrapper[data-popper-placement^=right] .popup__content {
    transform-origin: left;
}.utah-design-system .popup__wrapper[data-popper-placement^=right] .popup__arrow {
    left: -6px;
}.utah-design-system .popup__wrapper[data-popper-placement^=right] .popup__arrow::before {
    border-bottom: 1px solid var(--gray-3-1-contrast);
    border-left: 1px solid var(--gray-3-1-contrast);
}.utah-design-system .menu-item--mega-menu .popup__content {
    max-width: 720px;
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .tooltip__wrapper {
    position: absolute;
    z-index: 2000;
    background: none transparent;
    left: 0;
    top: 0;
    transition: opacity 100ms ease-in-out;
}.utah-design-system .tooltip__wrapper--visible {
    opacity: 1;
}.utah-design-system .tooltip__wrapper--visible .tooltip__content {
    transform: scale(1);
}.utah-design-system .tooltip__wrapper--hidden {
    opacity: 0;
    pointer-events: none;
}.utah-design-system .tooltip__wrapper--hidden .tooltip__content {
    transform: scale(0.7);
}.utah-design-system .tooltip__content {
    border-radius: var(--radius-small);
    background: var(--gray-color);
    color: white;
    box-sizing: border-box;
    padding: var(--spacing-3xs) var(--spacing-s);
    transition: transform 100ms ease-in-out;
    box-shadow: var(--elevation-small);
    font-weight: var(--font-weight-normal);
}.utah-design-system .tooltip__arrow {
    visibility: hidden;
}.utah-design-system .tooltip__arrow, .utah-design-system .tooltip__arrow::before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: inherit;
    z-index: -1;
}.utah-design-system .tooltip__arrow::before {
    visibility: visible;
    content: "";
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}.utah-design-system .tooltip__wrapper[data-popper-placement^=top] .tooltip__content {
    transform-origin: bottom;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=top] .tooltip__arrow {
    bottom: -2px;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=bottom] .tooltip__content {
    transform-origin: top;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=bottom] .tooltip__arrow {
    top: -3px;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=left] .tooltip__content {
    transform-origin: right;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=left] .tooltip__arrow {
    right: -2px;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=right] .tooltip__content {
    transform-origin: left;
}.utah-design-system .tooltip__wrapper[data-popper-placement^=right] .tooltip__arrow {
    left: -3px;
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .modal-backdrop {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 4000;
    overflow: auto;
}.utah-design-system .modal__wrapper {
    animation: 400ms ease-in-out 100ms drop-in both;
    background: #fff;
    display: inline-block;
    max-width: 660px;
    width: calc(100% - var(--spacing-3xl));
    border-radius: var(--radius-medium);
    left: 50%;
    margin: var(--spacing-4xl) 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 5000;
}.utah-design-system .modal__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-2xl);
    padding: var(--spacing-xs) calc(var(--spacing) + 1.4rem) var(--spacing-xs) var(--spacing-l);
}.utah-design-system .modal__content {
    padding: var(--spacing-xs) var(--spacing-l);
}.utah-design-system .modal__footer {
    padding: var(--spacing-xs) var(--spacing-l) var(--spacing);
}.utah-design-system .modal__close-button {
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
}.utah-design-system .modal__close-button .utds-icon-before-x-icon::before {
    font-size: 0.7rem;
}.utah-design-system .modal--small {
    max-width: 440px;
    border-radius: var(--radius-small);
}.utah-design-system .modal--large {
    max-width: 990px;
    border-radius: var(--radius-large);
}/*
BEM standard: Block, Element, Modifier
  Block: use dashes to separate words:
    - my-react-component
    - super-list
    - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */.utah-design-system .search-modal form.search-modal__form {
    position: fixed;
    top: 40vh;
    z-index: 4010;
}.utah-design-system .search-modal__input[type=text] {
    border-radius: var(--radius-circle);
    border: none;
    width: 50vw;
    padding: var(--spacing) 170px var(--spacing) var(--spacing-3xl);
    font-size: var(--font-size-l);
    margin: 0;
}.utah-design-system .search-modal__button-wrapper {
    position: absolute;
    right: var(--spacing-s);
}.utah-design-system .search-modal__close-button-wrapper {
    position: fixed;
    top: var(--spacing);
    right: var(--spacing);
    z-index: 4010;
}.utah-design-system .search-modal__close-button [class*=utds-icon-before-]::before {
    font-size: 1rem;
    color: white;
}.utah-design-system .search-modal__close-button:hover {
    background: white;
}.utah-design-system .search-modal__close-button:hover [class*=utds-icon-before-]::before {
    color: var(--gray-color);
}.utah-design-system .search-modal__icon-search {
    position: absolute;
    top: calc(50% + 2px);
    left: var(--spacing);
}.utah-design-system .search-modal__icon-search[class*=utds-icon-before-]::before {
    display: block;
    font-size: 1.3rem;
}.utah-design-system .documentation-template {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: var(--content-width-wide);
    justify-content: center;
    align-items: flex-start;
}.utah-design-system .documentation-template__wrapper {
    display: flex;
    justify-content: center;
}.utah-design-system .documentation-template__side-panel-left {
    border-right: 1px solid var(--gray-border);
    padding: var(--documentation-padding);
    width: calc(var(--documentation-left-width) + 2 * var(--spacing-xl));
    min-width: var(--documentation-left-width);
    box-sizing: border-box;
}.utah-design-system .documentation-template__right-group {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}.utah-design-system .documentation-template__content {
    flex: 1 1 auto;
    max-width: var(--documentation-width);
    min-width: 0;
    padding: var(--documentation-padding);
}.utah-design-system .documentation-template__content h1 {
    margin: calc(-1 * var(--spacing-xs)) 0 0 0;
}.utah-design-system .documentation-template__content code svg {
    height: 10px;
}.utah-design-system .documentation-template__content code .icon {
    font-size: 0.75rem;
}.utah-design-system .documentation-template__content table .props-code-wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xs);
    flex-wrap: wrap;
}.utah-design-system .documentation-template__side-panel-right {
    position: sticky;
    top: 0;
    border-left: 1px solid var(--gray-border);
    padding: var(--documentation-padding);
    width: calc(var(--documentation-right-width) + 2 * var(--spacing-xl));
    min-width: var(--documentation-right-width);
    box-sizing: border-box;
    max-height: 100vh;
    overflow: auto;
}@media screen and (max-width: 1300px) {
    .utah-design-system .documentation-template__right-group {
        max-width: calc(100% - 2 * var(--spacing-xl) - (var(--documentation-left-width) + 2px));
    }
}@media screen and (max-width: 1024px) {
    .utah-design-system .documentation-template__right-group {
        flex-direction: column;
        max-width: calc(100% - 2 * var(--spacing-xl) - (var(--documentation-left-width) + 2px));
    }
    .utah-design-system .documentation-template__side-panel-left {
        padding: var(--documentation-padding-small);
    }
    .utah-design-system .documentation-template__content {
        order: 2;
        width: 100%;
        box-sizing: border-box;
        padding: var(--documentation-padding-small);
    }
    .utah-design-system .documentation-template__side-panel-right {
        order: 1;
        position: relative;
        border-left: 4px solid var(--gray-border);
        padding-bottom: 0;
        padding-top: 0;
        padding-left: var(--spacing);
        margin-left: var(--spacing);
        margin-top: var(--spacing-xl);
        max-height: unset;
    }
}@media screen and (max-width: 768px) {
    .utah-design-system .documentation-template__side-panel-left {
        display: none;
    }
    .utah-design-system .documentation-template__right-group {
        width: 100%;
        max-width: 100%;
    }
    .utah-design-system .documentation-template__content {
        max-width: 100%;
    }
}.utah-design-system .landing-page-template {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}.utah-design-system .landing-page-template .content-width {
    max-width: calc(var(--content-width-narrow) + 2 * var(--spacing-2xl));
    padding: 0 var(--spacing-2xl);
    box-sizing: border-box;
}@media screen and (max-width: 640px) {
    .utah-design-system .landing-page-template .content-width {
        padding: 0 var(--spacing-l);
    }
}.utah-design-system .block-quote {
    padding: var(--spacing) var(--spacing-l);
    position: relative;
}.utah-design-system .block-quote::before {
    content: "";
    height: 100%;
    width: 5px;
    border-top-left-radius: var(--radius-small);
    border-bottom-right-radius: var(--radius-small);
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color-light);
}.utah-design-system .block-quote--quotation-marks::before {
    content: "“";
    font-size: var(--font-size-5xl);
    width: 5px;
    background-color: transparent;
}.utah-design-system .block-quote--quotation-marks::after {
    content: "”";
    height: 100%;
    font-size: var(--font-size-5xl);
    width: 5px;
    position: absolute;
    right: var(--spacing);
    background-color: transparent;
}.utah-design-system .pre-code__wrapper {
    position: relative;
    width: 100%;
}.utah-design-system .pre-code__wrapper .copy-button .icon-button--borderless {
    background: var(--gray-light-color);
}.utah-design-system .pre-code__wrapper .copy-button .icon-button--borderless:hover {
    background: white;
}.utah-design-system pre {
    position: relative;
    font-family: var(--fixed-width-font-family);
    font-size: 0.95rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0 0 var(--spacing) 0;
}.utah-design-system pre.gray-block {
    background: var(--gray-light-color);
    padding: var(--spacing-s) var(--spacing-3xl) var(--spacing-s) var(--spacing);
    border-radius: var(--radius-medium);
}.utah-design-system pre.pre-code--overflow {
    width: 100%;
    overflow-x: scroll;
    box-sizing: border-box;
}.utah-design-system pre.pre-code--padded {
    padding: 0 var(--spacing);
}.utah-design-system pre .pre-code__overflow-content {
    width: max-content;
}.utah-design-system pre.size-small {
    max-height: 200px;
    overflow: scroll;
}.utah-design-system input.input--height-small,
.utah-design-system .input--height-small {
    min-height: var(--form-ele-small);
}.utah-design-system input.input--height-small1x,
.utah-design-system .input--height-small1x {
    min-height: var(--form-ele-small1x);
}.utah-design-system .badge {
    background-color: var(--badge-color);
    border-radius: var(--radius-circle);
    box-sizing: border-box;
    color: white;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--font-size-2xs);
    min-height: var(--spacing-xs);
    min-width: var(--spacing-2xs);
    padding: var(--spacing-3xs) var(--spacing-2xs);
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
}.utah-design-system .badge:not(.badge--blank) {
    min-width: 1rem;
    right: -2px;
    top: -2px;
}.utah-design-system .badge--blank {
    width: 9px;
    height: 9px;
}.utah-design-system .skeleton {
    animation: skeleton 2s ease-in-out 0.5s infinite;
    background-color: var(--gray-3-1-contrast);
    border-radius: var(--radius-small1x);
}.utah-design-system .skeleton--rectangle {
    min-width: calc(2 * var(--spacing-6xl));
    min-height: var(--spacing-4xl);
}.utah-design-system .skeleton--circle {
    min-height: var(--spacing-4xl);
    min-width: var(--spacing-4xl);
    border-radius: var(--radius-circle);
}.utah-design-system .skeleton--line {
    min-width: calc(2 * var(--spacing-6xl));
    min-height: var(--spacing-l);
}.utah-design-system .spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    vertical-align: middle;
    position: relative;
}.utah-design-system .spinner svg {
    display: block;
}.utah-design-system .spinner svg path {
    fill: none;
}.utah-design-system .spinner--indeterminate .spinner__animation {
    animation: spinner-animation 0.5s linear infinite;
}.utah-design-system .spinner__track {
    stroke: #b0b0b0;
}.utah-design-system .spinner__value {
    stroke: var(--form-ele-color);
    stroke-linecap: round;
    transform-origin: center;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.4, 1, 0.75, 0.9);
}.utah-design-system .spinner__children {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}@keyframes spinner-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}@media (prefers-reduced-motion: reduce) {
    .utah-design-system .spinner--indeterminate .spinner__animation {
        animation: spinner-animation 2s linear 4;
    }
}.utah-design-system .table__wrapper {
    overflow-x: auto;
}.utah-design-system .table__wrapper--full-width {
    width: 100%;
}.utah-design-system table {
    border-collapse: collapse;
}.utah-design-system table thead {
    border-bottom: 1px solid var(--gray-color);
}.utah-design-system table thead tr th {
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    padding: var(--spacing-s);
    line-height: 1.2;
}.utah-design-system table thead tr th.text-center {
    text-align: center;
}.utah-design-system table thead tr th.text-right {
    text-align: right;
}.utah-design-system table tbody tr td {
    vertical-align: top;
    padding: var(--spacing-s);
    background: white;
}.utah-design-system table tbody tr:last-child td {
    border-bottom: 1px solid var(--gray-color);
}.utah-design-system table tfoot tr td {
    vertical-align: top;
    padding: var(--spacing-s);
    font-weight: bold;
}.utah-design-system table.table--alt tbody tr:nth-child(2n) td {
    background-color: #f5f5f5;
}.utah-design-system table.table--alt tbody tr:nth-child(2n-1) td {
    background-color: white;
}.utah-design-system table.table--lines-x tbody tr td {
    border-bottom: 1px solid var(--gray-3-1-contrast);
}.utah-design-system table.table--lines-x tbody tr:last-child td {
    border-bottom: 1px solid var(--gray-color);
}.utah-design-system table.table--lines-y tbody tr td {
    border-left: 1px solid var(--gray-3-1-contrast);
    border-right: 1px solid var(--gray-3-1-contrast);
}.utah-design-system table.table--v-align-center tbody tr td {
    vertical-align: middle;
}.utah-design-system table.table--condensed thead tr th {
    padding: var(--spacing-2xs) var(--spacing-xs);
}.utah-design-system table.table--condensed thead tr th.table-header--sortable {
    padding: 0;
}.utah-design-system table.table--condensed tbody tr td {
    padding: var(--spacing-2xs) var(--spacing-xs);
}.utah-design-system table.table--condensed.table-header--sortable button {
    padding: var(--spacing-s) var(--spacing-xs);
}.utah-design-system table.table--condensed.table-header--sortable thead tr th.table-header--sortable {
    padding: 0;
}.utah-design-system table.table--full-width {
    width: 100%;
}.utah-design-system table.table--td-center thead tr th {
    text-align: center;
}.utah-design-system table.table--td-center tbody tr td {
    text-align: center;
}.utah-design-system table .table-header {
    position: relative;
    /* Table Sorting */
    /* Table Filters */
}.utah-design-system table .table-header--sortable {
    padding: 0;
}.utah-design-system table .table-header--sortable button {
    border: none;
    background: none;
    border-radius: var(--radius-circle);
    justify-content: flex-start;
    padding: var(--spacing-s) var(--spacing-s);
    width: 100%;
    font-weight: bold;
    line-height: 1.2;
}.utah-design-system table .table-header--sortable button:hover {
    background: var(--gray-light-color);
    color: var(--primary-color);
}.utah-design-system table .table-header--sortable button:focus-visible {
    outline-offset: -2px;
}.utah-design-system table .table-header__cell {
    position: relative;
}.utah-design-system table .table-header__cell--sort-ascending::after {
    transform: rotate(180deg);
}.utah-design-system table .table-header--sorted::before {
    content: "";
    height: 7px;
    width: 100%;
    background: var(--primary-color);
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    border-radius: var(--radius-circle);
    z-index: 1;
}.utah-design-system table .table-header--sorted::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9.7'%3e%3cpath d='m8 9.7-8-8L1.7 0 8 6.3 14.3 0 16 1.7l-8 8Z' fill='white'/%3e%3c/svg%3e");
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: center;
    border-radius: var(--radius-circle);
    bottom: -8px;
    left: calc(50% - 7.5px);
    height: 15px;
    width: 15px;
    z-index: 2;
}.utah-design-system table .table-header--sorted button {
    color: var(--primary-color);
}.utah-design-system table .table-header__row--filters th {
    background-color: var(--gray-light-color);
    padding: var(--spacing-s) var(--spacing-2xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button) {
    border-width: 1px;
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
    white-space: nowrap;
    padding-left: var(--spacing-2xs);
    width: 100%;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button):hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: black;
    background: white;
    color: var(--gray-color);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button) + .date-input__calendar-icon {
    pointer-events: none;
    margin-right: var(--spacing-2xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button).table-header__cell--filter-date--is-empty {
    color: var(--form-ele-placeholder-color);
    justify-content: flex-start;
    padding-left: var(--spacing-xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button:not(.text-input__clear-button).table-header__cell--filter-date--is-empty:hover {
    color: var(--form-ele-placeholder-color);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button.text-input__clear-button {
    margin-top: var(--spacing-3xs);
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date > div:not(.table-filter-date__popup) button .date-input__icon-static::before {
    font-size: 0.75rem;
    margin: 0;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date__popup .popup__close-button {
    position: absolute;
    right: 0;
    top: 0;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date-popup__selected-date-chiclets {
    display: flex;
    flex-direction: row;
    margin: 0.5rem 0 -0.5rem;
    padding: 0 0.25rem;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date-popup__selected-date-chiclets .table-filter-date-popup__selected-date-chiclet {
    flex: 1;
}.utah-design-system table .table-header__row--filters th.table-header__cell--filter-date .table-filter-date-popup__selected-date-chiclets .table-filter-date-popup__selected-date-chiclet--selected {
    height: 0.25rem;
    background-color: var(--primary-color);
    border-radius: 13px 13px 0 0;
}.utah-design-system table .table-header__row--filters th:first-child {
    border-top-left-radius: var(--radius-medium);
    border-bottom-left-radius: var(--radius-medium);
    padding: var(--spacing-s) var(--spacing-2xs) var(--spacing-s) var(--spacing-s);
}.utah-design-system table .table-header__row--filters th:last-child {
    border-top-right-radius: var(--radius-medium);
    border-bottom-right-radius: var(--radius-medium);
    padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-2xs);
}.utah-design-system table .table-header__row--filters th:last-child > div:not(.table-filter-date__popup) button:not(.text-input__clear-button) + .date-input__calendar-icon, .utah-design-system table .table-header__row--filters th:last-child > div:not(.table-filter-date__popup) button.text-input__clear-button {
    margin-top: 0;
    margin-right: calc(var(--spacing-s) + var(--spacing-2xs));
}.utah-design-system table .table-header__row--filters th > .input-wrapper label {
    /* visually hidden */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}.utah-design-system table .table-header__row--filters .input-wrapper {
    margin: 0;
}.utah-design-system table .table-header__row--filters .input-wrapper input[type=text] {
    border-radius: var(--radius-circle);
}.utah-design-system table .table-header__row--filters .input-wrapper select {
    border-radius: var(--radius-circle);
    padding: 0 var(--spacing-l) 0 var(--spacing-xs);
}.utah-design-system .table__no-results-td {
    text-align: center;
}.utah-design-system .table__no-results-text {
    display: block;
    background: var(--gray-light-color);
    padding: var(--spacing);
    margin: var(--spacing);
    border-radius: var(--radius-small);
}.utah-design-system .on-this-page {
    font-size: var(--font-size-xs);
}.utah-design-system .on-this-page__header {
    font-size: var(--font-size);
    font-weight: bold;
}.utah-design-system .on-this-page__list {
    list-style-type: none;
    padding: 0;
    margin-left: calc(0px - var(--spacing));
}.utah-design-system .on-this-page__list ul {
    margin-left: var(--spacing);
}.utah-design-system .on-this-page__list a[href] {
    text-decoration: none;
    color: var(--gray-color);
    padding: var(--spacing-2xs) var(--spacing);
    display: block;
    margin-right: calc(0px - var(--spacing));
    border-radius: var(--radius-circle);
    transition: all var(--timing-quick) ease-in-out;
}.utah-design-system .on-this-page__list a[href]:hover {
    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
    color: var(--primary-color);
}/* ---- Project Components ---- *//*
############     _popup.scss      ############
*/.utah-design-system .color-family {
    display: flex;
    margin: 0 0 var(--spacing-2xs) 0;
}.utah-design-system .color-family__title {
    margin: 0 var(--spacing-s) 0 0;
    padding: 0 var(--spacing-s);
    color: white;
    border-radius: 999px;
    min-height: unset;
    border: none;
}.utah-design-system .color-family__title.color-is-light {
    color: var(--gray-color);
}.utah-design-system .color-family__swatches {
    list-style-type: none;
    margin: 0 0 0 auto;
    padding: 0;
    display: flex;
    gap: 2px;
}.utah-design-system .color-family__swatches li {
    padding: 0;
}.utah-design-system .color-family__swatch {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 0;
    min-height: auto;
    padding: 0;
}.utah-design-system .color-family .selected button {
    border-radius: var(--radius-circle) !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}.utah-design-system .color-family button .utds-icon-before-check.is-dark {
    color: white;
}.utah-design-system .color-family button .utds-icon-before-check.is-light {
    color: black;
}/* ---- Utah Header ---- */.utds-citizen-experience-wrapper, .utds-citizen-experience-wrapper--mobile {
    justify-content: flex-end;
    flex: 1;
}.utds-citizen-experience-wrapper {
    display: flex;
}.utds-citizen-experience-wrapper--mobile {
    display: none;
}.utah-design-system .utds-action-items-wrapper {
    display: flex;
    gap: var(--spacing);
    margin-right: var(--spacing);
}.utah-design-system .utds-header-action-item {
    display: flex;
    align-items: center;
}.utah-design-system .utds-header-action-item__icon-button.icon-button {
    border: 2px solid transparent;
    position: relative;
}.utah-design-system .utds-header-action-item__icon-button.icon-button:hover {
    background: var(--hover-gray-color);
    color: black;
}.utah-design-system .utds-header-action-item__icon-button.icon-button:hover svg {
    fill: black;
}.utah-design-system .utds-header-action-item__icon-button--has-title .icon-button {
    padding: 0 var(--spacing-s);
    flex-direction: row-reverse;
}.utah-design-system .utds-header-action-item__icon-button svg {
    width: 20px;
    height: 20px;
    fill: var(--gray-color);
}.utah-design-system .utds-header-action-item__icon-button.icon-waffle [class*=utds-icon-before-].utds-icon-before-waffle::before {
    font-size: 17px;
}.utah-design-system .utds-header-action-item__title {
    margin-left: var(--spacing-xs);
}.utds-header {
    padding: var(--spacing-s) var(--spacing-l);
    border-bottom: 1px solid #d7d7d7 !important;
    width: 100%;
    justify-content: flex-start;
    height: 78px;
    position: relative;
    z-index: 3000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: white;
}.utds-header--large {
    height: 84px;
}.utds-header--small {
    height: 60px;
}.utds-header-desktop--hidden {
    display: none !important;
}.utah-design-system .utds-logo-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: 0;
}.utah-design-system .utds-logo-vert-line {
    height: 85%;
    width: 1px;
    background-color: #707070;
    margin: 0 var(--spacing-xs) 0 var(--spacing);
    display: block;
}.utah-design-system .utds-title-wrapper {
    font-size: var(--font-size-4xl);
    font-weight: 600;
    color: var(--gray-medium-color);
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
    gap: var(--spacing-xs);
    text-decoration: none;
    border-radius: var(--radius-small);
    padding: 0 var(--spacing-xs);
}.utah-design-system .utds-title-wrapper__logo {
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
}.utah-design-system .utds-title-wrapper__logo svg, .utah-design-system .utds-title-wrapper__logo img {
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}.utah-design-system .utds-title-wrapper__logo img {
    height: auto;
}.utah-design-system .utds-title-wrapper__logo img[src*=".svg"] {
    height: 100%;
    max-width: 100%;
}.utah-design-system .utds-title-wrapper__title {
    line-height: 0.8;
    color: var(--gray-medium-color);
}.utah-design-system .utah-logo-wrapper {
    height: 100%;
    margin-bottom: -4px;
}.utah-design-system .utah-logo-wrapper .popup__content {
    border-radius: var(--radius-small);
    background: var(--gray-color);
    color: white;
    box-sizing: border-box;
    padding: var(--spacing-3xs) var(--spacing-s);
    border-color: var(--gray-color);
}.utah-design-system .utah-logo-wrapper .popup__arrow::before {
    border-color: var(--gray-color) !important;
}.utah-design-system button.utah-logo-svg {
    height: 100%;
    position: relative;
    border: none;
    border-radius: 0;
    padding: 0;
}.utah-design-system button.utah-logo-svg:hover {
    background: none;
}.utah-design-system button.utah-logo-svg:active {
    box-shadow: none;
}.utah-design-system button.utah-logo-svg svg {
    height: 100%;
    width: auto;
    fill: var(--primary-color);
    font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    display: block;
}.utah-design-system .utds-official-website-hover__wrapper {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    font-family: var(--normal-font-family);
    text-align: center;
}.utah-design-system a[href].utds-title-wrapper {
    text-decoration: none;
}@media screen and (max-width: 768px) {
    .utah-design-system .utds-title-wrapper {
        font-size: var(--font-size-xl);
    }
}.utah-design-system.utds-official-website-popup__wrapper {
    background: var(--gray-color);
    color: white;
    padding: var(--spacing-l);
    position: relative;
}.utah-design-system.utds-official-website-popup__wrapper.visually-hidden {
    position: absolute;
}.utah-design-system button.utds-official-website-popup__close-button {
    position: absolute;
    top: var(--spacing);
    right: var(--spacing);
}.utah-design-system button.utds-official-website-popup__close-button.icon-button [class*=utds-icon-before-] {
    color: white;
}.utah-design-system button.utds-official-website-popup__close-button.icon-button [class*=utds-icon-before-]::before {
    font-size: 0.9rem;
}.utah-design-system .utds-official-website-popup__heading {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semi-bold);
    font-family: var(--normal-font-family);
    padding: 0 var(--spacing-xl) 0 0;
    line-height: 1;
    margin-bottom: var(--spacing-s);
    color: white;
}.utah-design-system .utds-official-website-popup__content {
    display: flex;
    gap: var(--spacing-2xl);
    font-family: var(--normal-font-family);
}.utah-design-system .utds-official-website-popup__col {
    max-width: 400px;
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xs);
}.utah-design-system .utds-official-website-popup__col [class*=utds-icon-before-]::before {
    margin: 0;
}.utah-design-system .utds-official-website-popup__col .big-icon[class*=utds-icon-before-]::before {
    font-size: 2.5rem;
    margin: 0;
}.utah-design-system .utds-official-website-popup__address-bar {
    width: 315px;
    height: 36px;
    background-image: url("data:image/webp;base64,UklGRiIGAABXRUJQVlA4WAoAAAAQAAAAdgIARwAAQUxQSEQAAAARJ9D/iAgwCoA2TnMIKDho6mC1MP/a+BHR/wkglmwRDN3s4BJuwP6z/+w/+8/GoXZCNzsI3SAGws07VM2Z/N8d0X6vAVZQOCC4BQAAUDQAnQEqdwJIAD7NYqlRJ6UorqLS2kHQGYlnbuFvIRsRMtFAU2wGiAf5X+zdZnz4HsueU7qmAJkr3mneWFFDlwobXGCNkKj93QiywiGUxjGMYxjGMYxjGMYxaQWPRpJOP3fTBtAfMrw8dPr/HDZWA+CrSlyRXbJ0NHTZXbNjKBcLsS70CohwiYNmEt0cH+tVeXH9zSDy/WrDylESTPoVDFBUx0HrIfQUGpyawsHa4nWujbpBrjw5E3EJskeS9uEypSblGxx9qaV6L7tgdenRfYY5xH5kfG1fjBGLzVAXqhD4UmIXx02CzwwZgT3ucDXGbpHCNE+tOoncHMPrSnuKSGar/wliq/cQct831pyQE+aUrMv9QTRkXk4ooYvIU6/Ibngn/dxs43mvz8MCQzHDKSrGQNt4oSUxMPYJ1ARJjJRiSi5+94c8js9vo8ZJYQFgy5YUO8Bdslc6JzDA20GSLeaNkI6tWwpgGPboCAV5xIU109td1TeXyMLP/5sEjlRcGDtaw3NHYgIeFwWAbXGCj109v0M3+FWthkRxbf7n///////////+5//2gAD+/DVqVuhBvdikg12WmbAbXe3YT8v5PY2cHBImd0BtXLq6IDW6No9xaflIgcpAojWRy9q8uDwRNAWyc8odFQhPN6Xm3c31t7u8nzd5YFxHUPdmj7DptQ8kKUHTJSxMb2cdDFOxsrnn65osIliBBJBVzp7bV+1qaTw3kkDXAlC8Mdf/OORpu3Cihgj+vYWyx1tfs+vkkiGF7P8qqjl2w/R/HMjiJZo8FAb7+Om+0HiXI4JTstmP5M76XmRikH5UqAbbYleSdl1zP6H4jz2ETMIaJ16sk1LFPNWL7FBZQZ0Y7pqpTAUoiPFypN+9Z/857tjzrbzIgp64Y0D+qOv/ATzlS+C6p+6ErPvXriz0MfzBmthoGCfHpqVuj4vujLIW9gfjshooRTmspJQERkpgx1+ws2+t8POjYlDsSXcfFEBY4tMh9bLez6/lohZmXcJCRdrrbMkkTBPjZIcakkDtEcaafP9ZlhNpYpCYtEMEs60tvGZSlWMcmKOsmuB6Ar00Mi8DFCFAAnXVS9CP0fQwGzbbs1aTKNryNqgftLsvTX2GV6Od82OVB/5eDmXmXim4/iate2gpc6e4YY+LcukY1hJ7LW0PLPTZsX4eOtjjL/uI4hMa3N23V6NopzahHtBQPRbWrRiBs5DhkXM5N0waD1YPuF2IGkGCGy9zUOm/rOhT2v45g+GnBh/qHg0Cahu8wrCSqRbUmARkzh4xp9LP8fyY2h7CxRtVIgzdmKjhMnXlhRTn9UkQDL/8MSSW3xcujXKTk19zWJT1dF2/8vfHERKLhm3I/YWoLaKITuL9J7c7fvV0qtfz6pf1+tIFl9yIzLKtos44rCU949TCjTAHHhRF5/EAYa69j7JkwvQQJ9/ZB1x7cgRCxDH9viOH1P8q0OmuXxLSUOtYXqujgTQc2JOb2UB3UuZ7ExbzSZUrUZsfFcPa/rvcHqJP38HZz/IVzKCbeZr5nGzrP4erbyh/tf64MupdGWnQnzpCmiAx6k/5jxRp62KeWcvGbDbn+wWqEsY26ArbDa5tlZZIQ+VUKl5uv416Sfo2f5nVKnV3yd3evHd3pglNwqFDbC9JPpZP4ANSzCZbYcuj5i05WSTPj9fVW9Y96f+Eg/NrDpn6T1VX3RkSrh1YGoWB2/7XUVn2YN38vHxW3fcrtJT0BlsdNyrfMyDAP/G0CDcTFlp9yg/8R9ZxHT4fgN87LyGfhT6UpmAAABSSvUaFCa0cf8sE7QzACEQ9DhWxOE4KZFDlGjkU2z5O9pU9lJL5P/rtvbX2A90kmdpK4Wyztmcf5ZTN2EuXaiQIiEexYd64xD0gkI+tuzvAzNkHfKubHBD40B2RdMmCqnXtQE13GaNXFOsjlEGC8RACFSkk8QAAAAAA");
    background-size: contain;
    margin-top: var(--spacing-xs);
}.utah-design-system .utds-official-website-popup__official-image {
    width: 150px;
    font-family: "Source Sans 3", "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    display: block;
    fill: white;
}.utah-design-system .utds-official-website-popup__copyright {
    font-size: var(--font-size-s);
}.utds-badge__wrapper {
    align-items: center;
    background-color: var(--danger-color);
    border-radius: var(--radius-circle);
    box-sizing: border-box;
    color: white;
    display: flex;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-semi-bold);
    height: 15px;
    justify-content: center;
    line-height: var(--font-size-2xs);
    min-width: 15px;
    padding: 1px 2px;
    position: absolute;
    right: 0;
    top: 0;
}.utds-badge__wrapper--action-item {
    right: -2px;
    top: -2px;
}.utds-badge__wrapper--small {
    height: 9px;
    min-width: unset;
    right: 2px;
    top: 2px;
    width: 9px;
}.utah-design-system .main-menu__hamburger.icon-button .utds-icon-before-x-icon::before {
    font-size: 0.9rem;
}.utah-design-system.utds-header-mobile-menu,
.utah-design-system .utds-header-mobile__utah-id-wrapper,
.utah-design-system .icon-button.main-menu__hamburger,
.utah-design-system .utds-header-mobile__vip-action-items--left,
.utah-design-system .utds-header-mobile__vip-action-items--right,
.utah-design-system .main-menu__search-placeholder {
    display: none;
}.utds-header-mobile-menu {
    opacity: 0;
    pointer-events: none;
}.utds-header-mobile-menu.utah-design-system {
    transition: opacity 200ms ease;
    position: absolute;
    top: 106px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: transparent;
}.utds-header-mobile-menu.utah-design-system.main-menu-is-removed {
    top: auto;
}.utds-header-mobile-menu.is-open {
    opacity: 1;
    pointer-events: all;
}.utds-header-mobile-menu__backdrop {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px) brightness(60%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}.utds-header-mobile-menu__wrapper {
    position: absolute;
    background: white;
    border-radius: var(--radius-medium);
    box-shadow: var(--elevation-small);
    margin: var(--spacing-s);
    width: calc(100% - 2 * var(--spacing-s));
}.utds-header-mobile-menu__action-bar {
    background: var(--gray-light-color);
    border-top-right-radius: var(--radius-medium);
    border-top-left-radius: var(--radius-medium);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: var(--spacing-s);
}.utds-header-mobile-menu__action-item {
    position: relative;
    padding: var(--spacing-xs) 0;
}.utds-header-mobile-menu__action-item--selected span.menu-chiclet::after {
    content: "";
    width: 100%;
    height: var(--spacing-2xs);
    background: var(--primary-color);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-left-radius: var(--spacing-2xs);
    border-top-right-radius: var(--spacing-2xs);
    outline: none;
    outline-offset: 0;
}.utah-design-system .utds-header-mobile-menu__action-item .icon-button [class*=utds-icon-before-home]::before {
    font-size: 1.4rem;
}.utds-header-mobile-menu__content {
    padding: var(--spacing-s) var(--spacing);
}.utds-header-mobile-menu__content .vertical-menu {
    border-left: 1px solid var(--gray-medium-light-color);
}.utds-header-mobile-menu__content-item {
    display: none;
}.utds-header-mobile-menu__content-item.is-open {
    display: block;
}.utds-header-mobile__utah-id-wrapper {
    padding: var(--spacing-xs) 0;
}.utds-header-mobile__utah-id-wrapper button.utds-utah-id__button {
    min-height: var(--form-ele-small);
}.utah-design-system.utds-footer {
    background: var(--gray-color);
    padding: var(--spacing-xl);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}.utds-footer__horizontal-divider {
    position: absolute;
    width: calc(100% - 2 * var(--spacing-xl));
    top: 0;
}.utds-footer__horizontal-divider hr {
    border-top: 1px solid white;
    width: 100%;
    height: 1px;
    margin: 0;
}.utds-footer__utah-logo-wrapper {
    display: flex;
    gap: var(--spacing);
    align-items: center;
    height: 35px;
}.utds-footer .utah-logo-svg {
    height: 100%;
}.utds-footer .utah-logo-svg svg {
    fill: white;
    height: 100%;
    width: auto;
    display: block;
}.utds-footer__vertical-divider {
    border-left: 1px solid white;
    height: 100%;
}.utds-footer__official-site {
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-semi-bold);
}.utds-footer__copyright {
    font-size: var(--font-size-s);
}.utds-footer .utds-footer__links ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--spacing-s);
    margin-left: var(--spacing-2xl);
    padding: 0;
}.utds-footer .utds-footer__links ul li {
    display: flex;
    align-items: center;
}.utds-footer .utds-footer__links ul li a[href]:not(.button) {
    color: white;
    text-decoration: none;
}.utds-footer .utds-footer__links ul li a[href]:not(.button):hover {
    color: white;
    text-decoration: underline;
    box-shadow: none;
}.utds-footer .utds-footer__links ul li:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 70%;
    background: white;
    display: block;
    margin-left: var(--spacing-s);
}@media screen and (max-width: 768px) {
    .utah-design-system.utds-footer {
        flex-wrap: wrap;
        gap: var(--spacing);
        justify-content: center;
    }
    .utds-footer__utah-logo-wrapper {
        height: auto;
    }
    .utds-footer .utah-logo-svg {
        height: 35px;
    }
    .utds-footer__vertical-divider {
        height: 35px;
    }
    .utds-footer .utds-footer__links ul {
        justify-content: center;
        margin-left: 0;
    }
}@media screen and (max-width: 580px) {
    .utds-footer__utah-logo-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .utds-footer__vertical-divider {
        display: none;
    }
    .utds-footer__official-site-wrapper {
        flex: 1 0 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}/*
############     _utilities.scss      ############
utility classes, atomic css
*/.utah-design-system {
    /* alignment */
    /* flex */
    /* flex - justify content */
    /* grid - justify self */
    /* flex - align items */
    /* flex - align self */
    /* flex/grid - gap */
    /* ----- Positioning ---- */
    /* ----- Float ---- */
    /* ----- Transformation ---- */
    /* ----- Radius ---- */
}.utah-design-system .content-width {
    width: 100%;
    max-width: var(--content-width);
}.utah-design-system .full-width {
    width: 100%;
}.utah-design-system .full-height {
    height: 100%;
}.utah-design-system .auto-width {
    min-width: auto;
}.utah-design-system .auto-height {
    min-height: auto;
}.utah-design-system .visually-hidden, .utah-design-system.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}.utah-design-system .hidden {
    display: none;
}.utah-design-system .text-left {
    text-align: left;
}.utah-design-system .text-center {
    text-align: center;
}.utah-design-system .text-right {
    text-align: right;
}.utah-design-system .text-justify {
    text-align: justify;
}.utah-design-system .flex {
    display: flex;
}.utah-design-system .flex-row {
    flex-direction: row;
}.utah-design-system .flex-row-reverse {
    flex-direction: row-reverse;
}.utah-design-system .flex-col {
    flex-direction: column;
}.utah-design-system .flex-col-reverse {
    flex-direction: column-reverse;
}.utah-design-system .flex-wrap {
    flex-wrap: wrap;
}.utah-design-system .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}.utah-design-system .flex-nowrap {
    flex-wrap: nowrap;
}.utah-design-system .flex-1 {
    flex: 1 1 0%;
}.utah-design-system .flex-auto {
    flex: 1 1 auto;
}.utah-design-system .flex-initial {
    flex: 0 1 auto;
}.utah-design-system .flex-none {
    flex: none;
}.utah-design-system .justify-start {
    justify-content: flex-start;
}.utah-design-system .justify-end {
    justify-content: flex-end;
}.utah-design-system .justify-center {
    justify-content: center;
}.utah-design-system .justify-between {
    justify-content: space-between;
}.utah-design-system .justify-around {
    justify-content: space-around;
}.utah-design-system .justify-evenly {
    justify-content: space-evenly;
}.utah-design-system .justify-self-auto {
    justify-self: auto;
}.utah-design-system .justify-self-start {
    justify-self: start;
}.utah-design-system .justify-self-end {
    justify-self: end;
}.utah-design-system .justify-self-center {
    justify-self: center;
}.utah-design-system .justify-self-stretch {
    justify-self: stretch;
}.utah-design-system .items-start {
    align-items: flex-start;
}.utah-design-system .items-end {
    align-items: flex-end;
}.utah-design-system .items-center {
    align-items: center;
}.utah-design-system .items-baseline {
    align-items: baseline;
}.utah-design-system .items-stretch {
    align-items: stretch;
}.utah-design-system .self-auto {
    align-self: auto;
}.utah-design-system .self-start {
    align-self: flex-start;
}.utah-design-system .self-end {
    align-self: flex-end;
}.utah-design-system .self-center {
    align-self: center;
}.utah-design-system .self-stretch {
    align-self: stretch;
}.utah-design-system .self-baseline {
    align-self: baseline;
}.utah-design-system .gap-xs {
    gap: var(--spacing-xs);
}.utah-design-system .gap-s {
    gap: var(--spacing-s);
}.utah-design-system .gap {
    gap: var(--spacing);
}.utah-design-system .gap-l {
    gap: var(--spacing-l);
}.utah-design-system .flex-4up {
    flex: 0 1 25%;
}.utah-design-system .flex-4up-gap {
    flex: 0 1 calc(25% - var(--spacing));
}.utah-design-system .flex-3up-gap {
    flex: 0 1 calc(33% - var(--spacing));
}.utah-design-system .flex-2up-gap {
    flex: 0 1 calc(50% - var(--spacing));
}.utah-design-system .hcenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}.utah-design-system .vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}.utah-design-system .vcenter.right {
    right: 0;
}.utah-design-system .vcenter.left {
    left: 0;
}.utah-design-system .vcenter.hcenter {
    transform: translate(-50%, -50%);
}.utah-design-system .float-right {
    float: right;
}.utah-design-system .float-left {
    float: left;
}.utah-design-system .rotate90 {
    transform: rotate(90deg);
}.utah-design-system .rotate180 {
    transform: rotate(180deg);
}.utah-design-system .rotate270 {
    transform: rotate(270deg);
}.utah-design-system .whitespace-no-wrap {
    white-space: nowrap;
}.utah-design-system .radius-xs {
    border-radius: var(--radius-small1x);
}.utah-design-system .radius-s {
    border-radius: var(--radius-small);
}.utah-design-system .radius {
    border-radius: var(--radius-medium);
}.utah-design-system .radius-l {
    border-radius: var(--radius-large);
}.utah-design-system .radius-circle {
    border-radius: var(--radius-circle);
}/*
############     _super-index.scss      ############
Overall overrides, @media, themes, etc. that supersede styles higher in the pyramid
*//*
PRINT SCSS
 */@media print {
    @page {
        size: 8.5in 11in;
        margin: 0.5in;
    }
    html, body {
        font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
        font-size: 8pt;
        height: auto;
        color: #000000;
    }
    .no-print {
        display: none;
    }
    .avoid {
        page-break-inside: avoid;
    }
    .page-break {
        page-break-after: always;
    }
    .print-page-no-margin {
        width: 8.5in;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
}/*
############     _tip-index.scss      ############
A place to add css temporarily
NOTE: CSS added this this file should eventually be removed or
located to the correct folder/file where it best belongs.
*/
/*
BEM standard: Block, Element, Modifier
   Block: use dashes to separate words:
     - my-react-component
     - super-list
     - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */
/*
############     _settings-index.scss      ############
variables and settings
*/
/*
############     _class-vars.scss      ############
CSS Classes - SCSS Variables
*/
/*
############     _settings-index.scss      ############
variables and settings
*/
/*
############     _spacing.scss      ############
8px horizontal spacing
*/
.utah-design-system {
  --spacing-3xs: 2px;
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 40px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;
  --spacing-5xl: 80px;
  --spacing-6xl: 96px;
}
.utah-design-system .m-spacing {
  margin: var(--spacing);
}
.utah-design-system .mt-spacing {
  margin-top: var(--spacing);
}
.utah-design-system .mr-spacing {
  margin-right: var(--spacing);
}
.utah-design-system .mb-spacing {
  margin-bottom: var(--spacing);
}
.utah-design-system .ml-spacing {
  margin-left: var(--spacing);
}
.utah-design-system .mx-spacing {
  margin-left: var(--spacing);
  margin-right: var(--spacing);
}
.utah-design-system .my-spacing {
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
}
.utah-design-system .m-spacing-l {
  margin: var(--spacing-l);
}
.utah-design-system .mt-spacing-l {
  margin-top: var(--spacing-l);
}
.utah-design-system .mr-spacing-l {
  margin-right: var(--spacing-l);
}
.utah-design-system .mb-spacing-l {
  margin-bottom: var(--spacing-l);
}
.utah-design-system .ml-spacing-l {
  margin-left: var(--spacing-l);
}
.utah-design-system .mx-spacing-l {
  margin-left: var(--spacing-l);
  margin-right: var(--spacing-l);
}
.utah-design-system .my-spacing-l {
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-l);
}
.utah-design-system .m-spacing-xl {
  margin: var(--spacing-xl);
}
.utah-design-system .mt-spacing-xl {
  margin-top: var(--spacing-xl);
}
.utah-design-system .mr-spacing-xl {
  margin-right: var(--spacing-xl);
}
.utah-design-system .mb-spacing-xl {
  margin-bottom: var(--spacing-xl);
}
.utah-design-system .ml-spacing-xl {
  margin-left: var(--spacing-xl);
}
.utah-design-system .mx-spacing-xl {
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}
.utah-design-system .my-spacing-xl {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}
.utah-design-system .m-spacing-s {
  margin: var(--spacing-s);
}
.utah-design-system .mt-spacing-s {
  margin-top: var(--spacing-s);
}
.utah-design-system .mr-spacing-s {
  margin-right: var(--spacing-s);
}
.utah-design-system .mb-spacing-s {
  margin-bottom: var(--spacing-s);
}
.utah-design-system .ml-spacing-s {
  margin-left: var(--spacing-s);
}
.utah-design-system .mx-spacing-s {
  margin-left: var(--spacing-s);
  margin-right: var(--spacing-s);
}
.utah-design-system .my-spacing-s {
  margin-top: var(--spacing-s);
  margin-bottom: var(--spacing-s);
}
.utah-design-system .m-spacing-xs {
  margin: var(--spacing-xs);
}
.utah-design-system .mt-spacing-xs {
  margin-top: var(--spacing-xs);
}
.utah-design-system .mr-spacing-xs {
  margin-right: var(--spacing-xs);
}
.utah-design-system .mb-spacing-xs {
  margin-bottom: var(--spacing-xs);
}
.utah-design-system .ml-spacing-xs {
  margin-left: var(--spacing-xs);
}
.utah-design-system .mx-spacing-xs {
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}
.utah-design-system .my-spacing-xs {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}
.utah-design-system .p-spacing {
  padding: var(--spacing);
}
.utah-design-system .pt-spacing {
  padding-top: var(--spacing);
}
.utah-design-system .pr-spacing {
  padding-right: var(--spacing);
}
.utah-design-system .pb-spacing {
  padding-bottom: var(--spacing);
}
.utah-design-system .pl-spacing {
  padding-left: var(--spacing);
}
.utah-design-system .px-spacing {
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}
.utah-design-system .py-spacing {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}
.utah-design-system .p-spacing-l {
  padding: var(--spacing-l);
}
.utah-design-system .pt-spacing-l {
  padding-top: var(--spacing-l);
}
.utah-design-system .pr-spacing-l {
  padding-right: var(--spacing-l);
}
.utah-design-system .pb-spacing-l {
  padding-bottom: var(--spacing-l);
}
.utah-design-system .pl-spacing-l {
  padding-left: var(--spacing-l);
}
.utah-design-system .px-spacing-l {
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
}
.utah-design-system .py-spacing-l {
  padding-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
}
.utah-design-system .p-spacing-xl {
  padding: var(--spacing-xl);
}
.utah-design-system .pt-spacing-xl {
  padding-top: var(--spacing-xl);
}
.utah-design-system .pr-spacing-xl {
  padding-right: var(--spacing-xl);
}
.utah-design-system .pb-spacing-xl {
  padding-bottom: var(--spacing-xl);
}
.utah-design-system .pl-spacing-xl {
  padding-left: var(--spacing-xl);
}
.utah-design-system .px-spacing-xl {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
.utah-design-system .py-spacing-xl {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}
.utah-design-system .p-spacing-s {
  padding: var(--spacing-s);
}
.utah-design-system .pt-spacing-s {
  padding-top: var(--spacing-s);
}
.utah-design-system .pr-spacing-s {
  padding-right: var(--spacing-s);
}
.utah-design-system .pb-spacing-s {
  padding-bottom: var(--spacing-s);
}
.utah-design-system .pl-spacing-s {
  padding-left: var(--spacing-s);
}
.utah-design-system .px-spacing-s {
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s);
}
.utah-design-system .py-spacing-s {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
}
.utah-design-system .p-spacing-xs {
  padding: var(--spacing-xs);
}
.utah-design-system .pt-spacing-xs {
  padding-top: var(--spacing-xs);
}
.utah-design-system .pr-spacing-xs {
  padding-right: var(--spacing-xs);
}
.utah-design-system .pb-spacing-xs {
  padding-bottom: var(--spacing-xs);
}
.utah-design-system .pl-spacing-xs {
  padding-left: var(--spacing-xs);
}
.utah-design-system .px-spacing-xs {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}
.utah-design-system .py-spacing-xs {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}
.utah-design-system .m-auto {
  margin: auto;
}
.utah-design-system .mt-auto {
  margin-top: auto;
}
.utah-design-system .mr-auto {
  margin-right: auto;
}
.utah-design-system .mb-auto {
  margin-bottom: auto;
}
.utah-design-system .ml-auto {
  margin-left: auto;
}
.utah-design-system .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.utah-design-system .my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

/*
############     _settings-index.scss      ############
variables and settings
*/
/*
############     _font-size.scss      ############
Grid variables
*/
.utah-design-system {
  --grid-fixed: var(--content-width);
  --grid-fixed-half: calc(var(--grid-fixed) / 2);
  --grid-fixed-form: calc(var(--grid-fixed) / 2.3);
  --grid-fixed-third: calc(var(--grid-fixed) / 3);
  --grid-fixed-fourth: calc(var(--grid-fixed) / 4);
}
.utah-design-system .grid-wrapper {
  display: flex;
  justify-content: center;
}
.utah-design-system .grid-fixed {
  max-width: var(--grid-fixed);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-l);
}
.utah-design-system .grid-fixed--2col {
  grid-template-columns: 1fr 1fr;
}
.utah-design-system .grid-fixed--3col {
  grid-template-columns: 1fr 1fr 1fr;
}
.utah-design-system .grid-fixed--4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.utah-design-system .grid-fixed .grid-column-span-2 {
  grid-column: span 2;
}

/*
############     _settings-index.scss      ############
variables and settings
*/
/*
############     _font-size.scss      ############
Font size variables
*/
.utah-design-system {
  --normal-font-family: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  --fixed-width-font-family: "Source Code Pro", monospace;
  --font-size-2xs: .8125rem;
  --font-size-xs: .875rem;
  --font-size-s: .9375rem;
  --font-size: 1rem;
  --font-size-m: 1.125rem;
  --font-size-l: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.5rem;
  --font-size-7xl: 4.5rem;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}
.utah-design-system .font-size-2xs {
  font-size: var(--font-size-2xs);
}
.utah-design-system .font-size-xs {
  font-size: var(--font-size-xs);
}
.utah-design-system .font-size-s {
  font-size: var(--font-size-s);
}
.utah-design-system .font-size {
  font-size: var(--font-size);
}
.utah-design-system .font-size-m {
  font-size: var(--font-size-m);
}
.utah-design-system .font-size-l {
  font-size: var(--font-size-l);
}
.utah-design-system .font-size-xl {
  font-size: var(--font-size-xl);
}
.utah-design-system .font-size-2xl {
  font-size: var(--font-size-2xl);
}
.utah-design-system .font-size-3xl {
  font-size: var(--font-size-3xl);
}
.utah-design-system .font-size-4xl {
  font-size: var(--font-size-4xl);
}
.utah-design-system .font-size-5xl {
  font-size: var(--font-size-5xl);
}
.utah-design-system .font-size-6xl {
  font-size: var(--font-size-6xl);
}
.utah-design-system .font-size-7xl {
  font-size: var(--font-size-7xl);
}
.utah-design-system .font-extra-light {
  font-weight: var(--font-weight-extra-light);
}
.utah-design-system .font-light {
  font-weight: var(--font-weight-light);
}
.utah-design-system .font-normal {
  font-weight: var(--font-weight-normal);
}
.utah-design-system .font-semi-bold {
  font-weight: var(--font-weight-semi-bold);
}
.utah-design-system .font-bold {
  font-weight: var(--font-weight-bold);
}
.utah-design-system .font-black {
  font-weight: var(--font-weight-black);
}

/*
############     _color-swatches.scss      ############
base color swatches for the design system
*/
/*
############     _settings-index.scss      ############
variables and settings
*/
@font-face {
  font-family: "utah design system";
  src: url("https://cdn.utah.gov/design-system/fonts/utah-design-system.eot");
  src: url("https://cdn.utah.gov/design-system/fonts/utah-design-system.eot?#iefix") format("embedded-opentype"), url("https://cdn.utah.gov/design-system/fonts/utah-design-system.woff") format("woff"), url("https://cdn.utah.gov/design-system/fonts/utah-design-system.ttf") format("truetype"), url("https://cdn.utah.gov/design-system/fonts/utah-design-system.svg#utah-design-system") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.utah-design-system {
  --icon-check-mark-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12.15'%3E%3Cg%3E%3Cpath d='M6.185,12.15L0,5.966,2.335,3.631l3.85,3.849L13.665,0l2.335,2.335L6.185,12.15Z' style='fill: %23fff;'/%3E%3C/g%3E%3C/svg%3E");
  --icon-chevron-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg%3E%3Crect width='14' height='14' style='fill: none;'/%3E%3Cpath d='M3.142,5l3.716,3.71,3.717-3.71,1.142,1.142-4.859,4.858L2,6.142l1.142-1.142Z' style='fill: %23474747;'/%3E%3C/g%3E%3C/svg%3E");
}
.utah-design-system [class*=utds-icon-before-],
.utah-design-system [class*=utds-icon-after-] {
  display: inline-flex;
  align-items: center;
}
.utah-design-system [class*=utds-icon-after-]::after {
  display: inline-block;
  font-family: "utah design system";
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: var(--spacing-2xs);
}
.utah-design-system [class*=utds-icon-before-]::before {
  display: inline-block;
  font-family: "utah design system";
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: var(--spacing-2xs);
}
.utah-design-system .utds-icon-before-external-link::before,
.utah-design-system .utds-icon-after-external-link::after {
  content: "A";
  font-size: 0.65em;
}
.utah-design-system .utds-icon-before-waffle::before,
.utah-design-system .utds-icon-after-waffle::after {
  content: "B";
}
.utah-design-system .utds-icon-before-alert::before,
.utah-design-system .utds-icon-after-alert::after {
  content: "C";
}
.utah-design-system .utds-icon-before-help::before,
.utah-design-system .utds-icon-after-help::after {
  content: "D";
}
.utah-design-system .utds-icon-before-bookmark::before,
.utah-design-system .utds-icon-after-bookmark::after {
  content: "E";
}
.utah-design-system .utds-icon-before-search::before,
.utah-design-system .utds-icon-after-search::after {
  content: "F";
}
.utah-design-system .utds-icon-before-check::before,
.utah-design-system .utds-icon-after-check::after {
  content: "G";
}
.utah-design-system .utds-icon-before-star::before,
.utah-design-system .utds-icon-after-star::after {
  content: "H";
}
.utah-design-system .utds-icon-before-info::before,
.utah-design-system .utds-icon-after-info::after {
  content: "I";
}
.utah-design-system .utds-icon-before-unfold-less::before,
.utah-design-system .utds-icon-after-unfold-less::after {
  content: "J";
}
.utah-design-system .utds-icon-before-unfold-more::before,
.utah-design-system .utds-icon-after-unfold-more::after {
  content: "K";
}
.utah-design-system .utds-icon-before-circle-chevron-down::before,
.utah-design-system .utds-icon-after-circle-chevron-down::after {
  content: "L";
}
.utah-design-system .utds-icon-before-circle-chevron-up::before,
.utah-design-system .utds-icon-after-circle-chevron-up::after {
  content: "M";
}
.utah-design-system .utds-icon-before-chevron-up::before,
.utah-design-system .utds-icon-after-chevron-up::after {
  content: "N";
}
.utah-design-system .utds-icon-before-chevron-right::before,
.utah-design-system .utds-icon-after-chevron-right::after {
  content: "O";
}
.utah-design-system .utds-icon-before-chevron-down::before,
.utah-design-system .utds-icon-after-chevron-down::after {
  content: "P";
}
.utah-design-system .utds-icon-before-chevron-left::before,
.utah-design-system .utds-icon-after-chevron-left::after {
  content: "Q";
}
.utah-design-system .utds-icon-before-arrow-up::before,
.utah-design-system .utds-icon-after-arrow-up::after {
  content: "R";
}
.utah-design-system .utds-icon-before-arrow-right::before,
.utah-design-system .utds-icon-after-arrow-right::after {
  content: "S";
}
.utah-design-system .utds-icon-before-arrow-down::before,
.utah-design-system .utds-icon-after-arrow-down::after {
  content: "T";
}
.utah-design-system .utds-icon-before-arrow-left::before,
.utah-design-system .utds-icon-after-arrow-left::after {
  content: "U";
}
.utah-design-system .utds-icon-before-plus::before,
.utah-design-system .utds-icon-after-plus::after {
  content: "V";
}
.utah-design-system .utds-icon-before-minus::before,
.utah-design-system .utds-icon-after-minus::after {
  content: "W";
}
.utah-design-system .utds-icon-before-x-icon::before,
.utah-design-system .utds-icon-after-x-icon::after {
  content: "X";
}
.utah-design-system .utds-icon-before-edit::before,
.utah-design-system .utds-icon-after-edit::after {
  content: "Y";
}
.utah-design-system .utds-icon-before-edit-box::before,
.utah-design-system .utds-icon-after-edit-box::after {
  content: "Z";
}
.utah-design-system .utds-icon-before-verified::before,
.utah-design-system .utds-icon-after-verified::after {
  content: "a";
}
.utah-design-system .utds-icon-before-gear::before,
.utah-design-system .utds-icon-after-gear::after {
  content: "b";
}
.utah-design-system .utds-icon-before-doc::before,
.utah-design-system .utds-icon-after-doc::after {
  content: "c";
}
.utah-design-system .utds-icon-before-doc-square::before,
.utah-design-system .utds-icon-after-doc-square::after {
  content: "d";
}
.utah-design-system .utds-icon-before-warning::before,
.utah-design-system .utds-icon-after-warning::after {
  content: "e";
}
.utah-design-system .utds-icon-before-error::before,
.utah-design-system .utds-icon-after-error::after {
  content: "f";
}
.utah-design-system .utds-icon-before-copy::before,
.utah-design-system .utds-icon-after-copy::after {
  content: "g";
}
.utah-design-system .utds-icon-before-home-menu::before,
.utah-design-system .utds-icon-after-home-menu::after {
  content: "h";
}
.utah-design-system .utds-icon-before-hamburger::before,
.utah-design-system .utds-icon-after-hamburger::after {
  content: "i";
}
.utah-design-system .utds-icon-before-account::before,
.utah-design-system .utds-icon-after-account::after {
  content: "j";
}
.utah-design-system .utds-icon-before-lock::before,
.utah-design-system .utds-icon-after-lock::after {
  content: "k";
}
.utah-design-system .utds-icon-before-more-vertical::before,
.utah-design-system .utds-icon-after-more-vertical::after {
  content: "l";
}
.utah-design-system .utds-icon-before-more-horizontal::before,
.utah-design-system .utds-icon-after-more-horizontal::after {
  content: "m";
}
.utah-design-system .utds-icon-before-download::before,
.utah-design-system .utds-icon-after-download::after {
  content: "n";
}
.utah-design-system .utds-icon-before-upload::before,
.utah-design-system .utds-icon-after-upload::after {
  content: "o";
}
.utah-design-system .utds-icon-before-favorite::before,
.utah-design-system .utds-icon-after-favorite::after {
  content: "p";
}
.utah-design-system .utds-icon-before-visibility::before,
.utah-design-system .utds-icon-after-visibility::after {
  content: "q";
}
.utah-design-system .utds-icon-before-visibility-off::before,
.utah-design-system .utds-icon-after-visibility-off::after {
  content: "r";
}
.utah-design-system .utds-icon-before-trash::before,
.utah-design-system .utds-icon-after-trash::after {
  content: "s";
}
.utah-design-system .utds-icon-before-calendar::before,
.utah-design-system .utds-icon-after-calendar::after {
  content: "t";
}
.utah-design-system .utds-icon-before-clock::before,
.utah-design-system .utds-icon-after-clock::after {
  content: "u";
}
.utah-design-system .utds-icon-before-double-arrow-up::before,
.utah-design-system .utds-icon-after-double-arrow-up::after {
  content: "v";
}
.utah-design-system .utds-icon-before-double-arrow-right::before,
.utah-design-system .utds-icon-after-double-arrow-right::after {
  content: "w";
}
.utah-design-system .utds-icon-before-double-arrow-down::before,
.utah-design-system .utds-icon-after-double-arrow-down::after {
  content: "x";
}
.utah-design-system .utds-icon-before-double-arrow-left::before,
.utah-design-system .utds-icon-after-double-arrow-left::after {
  content: "y";
}
.utah-design-system .utds-icon-before-filter::before,
.utah-design-system .utds-icon-after-filter::after {
  content: "z";
}
.utah-design-system .utds-icon-before-restart::before,
.utah-design-system .utds-icon-after-restart::after {
  content: "{";
}
.utah-design-system .utds-icon-before-sync::before,
.utah-design-system .utds-icon-after-sync::after {
  content: "|";
}
.utah-design-system .utds-icon-before-refresh::before,
.utah-design-system .utds-icon-after-refresh::after {
  content: "}";
}
.utah-design-system .utds-icon-before-light-mode::before,
.utah-design-system .utds-icon-after-light-mode::after {
  content: "~";
}
.utah-design-system .utds-icon-before-dark-mode::before,
.utah-design-system .utds-icon-after-dark-mode::after {
  content: "0";
}
.utah-design-system .utds-icon-before-mail::before,
.utah-design-system .utds-icon-after-mail::after {
  content: "1";
}
.utah-design-system .utds-icon-before-share::before,
.utah-design-system .utds-icon-after-share::after {
  content: "2";
}
.utah-design-system .utds-icon-before-policy::before,
.utah-design-system .utds-icon-after-policy::after {
  content: "3";
}
.utah-design-system .utds-icon-before-login::before,
.utah-design-system .utds-icon-after-login::after {
  content: "4";
}
.utah-design-system .utds-icon-before-logout::before,
.utah-design-system .utds-icon-after-logout::after {
  content: "5";
}

/*
############     _media-size-vars.scss      ############
Media Sizes - SCSS Variables
*/
.utah-design-system {
  /* color */
  /* ######## Pick these colors to match your desired style ######## */
  --primary-color: #b2441e;
  --primary-color-dark: #71321c;
  --primary-color-light: #f9f0ed;
  --gray-on-primary-color: #474747;
  --secondary-color: #1f89ad;
  --secondary-color-dark: #27424b;
  --secondary-color-light: #edf5f8;
  --gray-on-secondary-color: #474747;
  --accent-color: #ffb612;
  --accent-color-dark: #463d29;
  --accent-color-light: #fff9ec;
  --gray-on-accent-color: #474747;
  --form-ele-color: #2765e4;
  --form-ele-color-light: #9bb8f2;
  --form-ele-disabled-color: #949494;
  --form-ele-placeholder-color: #757575;
  /* ######## --------------------------------------------- ######## */
  --gray-color: #474747;
  --gray-medium-color: #616161;
  --gray-3-1-contrast: #949494;
  --gray-medium-light-color: #d7d7d7;
  --gray-light-color: #f1f1f1;
  --gray-dark-color: #333333;
  --disabled-gray: rgba(0, 0, 0, 0.05);
  --hover-gray-color: rgba(0, 0, 0, 0.07);
  --hover-gray-color-opaque: rgba(233, 233, 233);
  --code-color: #f1f1f1;
  --gray-border: #d7d7d7;
  --danger-color: #ba0000;
  --warning-color: #ba6300;
  --info-color: var(--secondary-color);
  --success-color: #2f8700;
  --badge-color: var(--danger-color);
  /* transition timings */
  --timing-xquick: 100ms;
  --timing-quick: 200ms;
  --timing-medium: 400ms;
  --timing-slow: 600ms;
  /* rounded corners */
  --radius-small1x: 3px;
  --radius-small: 6px;
  --radius-medium: 9px;
  --radius-large: 12px;
  --radius-circle: 999px;
  /* form element sizes */
  --form-ele-small4x: 0.75rem;
  --form-ele-small3x: 1rem;
  --form-ele-small2x: 1.25rem;
  --form-ele-small1x: 1.5rem;
  --form-ele-small: 1.875rem;
  --form-ele-medium: 2.25rem;
  --form-ele-large: 2.5rem;
  --form-ele-large1x: 3.125rem;
  --form-checkbox-small: 0.875rem;
  --form-checkbox-medium: 1.125rem;
  --form-checkbox-large: 1.375rem;
  /* content layout sizes */
  --content-width-narrow: 808px;
  --content-width-medium: 1016px;
  --content-width: 1224px;
  --content-width-wide: 1432px;
  --documentation-width: 700px;
  --documentation-left-width: 200px;
  --documentation-right-width: 200px;
  --documentation-padding: var(--spacing-2xl) var(--spacing-xl);
  --documentation-padding-small: var(--spacing-xl) var(--spacing);
  /* elevation box shadows */
  --drop-shadow-color: rgba(0, 0, 0, 0.3);
  --drop-shadow-color-top: rgba(0, 0, 0, 0.15);
  --elevation-small: 0 3px 6px var(--drop-shadow-color);
  --elevation-medium: 0 6px 12px var(--drop-shadow-color);
  --elevation-large: 0 12px 16px var(--drop-shadow-color);
  --elevation-small-borderless: 0 3px 6px var(--drop-shadow-color), 0 -3px 3px var(--drop-shadow-color-top);
  --elevation-medium-borderless: 0 6px 12px var(--drop-shadow-color), 0 -3px 6px var(--drop-shadow-color-top);
  --elevation-large-borderless: 0 12px 16px var(--drop-shadow-color), 0 -3px 12px var(--drop-shadow-color-top);
  /* color utility classes */
}
.utah-design-system .primary-color-background {
  background-color: var(--primary-color);
}
.utah-design-system .primary-color-dark-background {
  background-color: var(--primary-color-dark);
}
.utah-design-system .primary-color-light-background {
  background-color: var(--primary-color-light);
}
.utah-design-system .gray-on-primary-background {
  background-color: var(--gray-on-primary-color);
}
.utah-design-system .primary-color {
  color: var(--primary-color);
}
.utah-design-system .primary-color-border {
  border-color: var(--primary-color);
}
.utah-design-system .secondary-color-background {
  background-color: var(--secondary-color);
}
.utah-design-system .secondary-color-dark-background {
  background-color: var(--secondary-color-dark);
}
.utah-design-system .secondary-color-light-background {
  background-color: var(--secondary-color-light);
}
.utah-design-system .gray-on-secondary-background {
  background-color: var(--gray-on-secondary-color);
}
.utah-design-system .secondary-color {
  color: var(--secondary-color);
}
.utah-design-system .secondary-color-border {
  border-color: var(--secondary-color);
}
.utah-design-system .accent-color-background {
  background-color: var(--accent-color);
}
.utah-design-system .accent-color-dark-background {
  background-color: var(--accent-color-dark);
}
.utah-design-system .accent-color-light-background {
  background-color: var(--accent-color-light);
}
.utah-design-system .gray-on-accent-background {
  background-color: var(--gray-on-accent-color);
}
.utah-design-system .accent-color {
  color: var(--accent-color);
}
.utah-design-system .accent-color-border {
  border-color: var(--accent-color);
}
.utah-design-system .white-color-background {
  background-color: white;
}
.utah-design-system .gray-color-background {
  background-color: var(--gray-color);
}
.utah-design-system .gray-color-light-background {
  background-color: var(--gray-light-color);
}
.utah-design-system .white-color {
  color: white;
}
.utah-design-system .background-frosted-dark {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(16px) brightness(1.5);
  -webkit-backdrop-filter: blur(16px) brightness(1.5);
}
.utah-design-system .background-frosted-light {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.utah-design-system .backdrop-dark {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px) brightness(60%);
}

/*
############     _tools-index.scss      ############
scss mixins and functions
*/
/*
############     _generic-index.scss      ############
css resets, etc.
*/
/* Borrowed from: */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
.utah-design-system {
  -webkit-text-size-adjust: 100%; /* 2 */
  /**
  * Render the `main` element consistently in IE.
  */
}
.utah-design-system main {
  display: block;
}
.utah-design-system {
  /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
}
.utah-design-system h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.utah-design-system {
  /* Grouping content
    ========================================================================== */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
}
.utah-design-system hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
.utah-design-system {
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
}
.utah-design-system pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
.utah-design-system {
  /* Text-level semantics
    ========================================================================== */
  /**
  * Remove the gray background on active links in IE 10.
  */
}
.utah-design-system a {
  background-color: transparent;
}
.utah-design-system {
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
}
.utah-design-system abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
.utah-design-system {
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
}
.utah-design-system b,
.utah-design-system strong {
  font-weight: bolder;
}
.utah-design-system {
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
}
.utah-design-system code,
.utah-design-system kbd,
.utah-design-system samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
.utah-design-system {
  /**
  * Add the correct font size in all browsers.
  */
}
.utah-design-system small {
  font-size: 80%;
}
.utah-design-system {
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
}
.utah-design-system sub,
.utah-design-system sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.utah-design-system sub {
  bottom: -0.25em;
}
.utah-design-system sup {
  top: -0.5em;
}
.utah-design-system {
  /* Embedded content
    ========================================================================== */
  /**
  * Remove the border on images inside links in IE 10.
  */
}
.utah-design-system img {
  border-style: none;
}
.utah-design-system {
  /* Forms
    ========================================================================== */
  /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
}
.utah-design-system button,
.utah-design-system input,
.utah-design-system optgroup,
.utah-design-system select,
.utah-design-system textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
.utah-design-system {
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
}
.utah-design-system button,
.utah-design-system input { /* 1 */
  overflow: visible;
}
.utah-design-system {
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
}
.utah-design-system button,
.utah-design-system select { /* 1 */
  text-transform: none;
}
.utah-design-system {
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
}
.utah-design-system button,
.utah-design-system [type=button],
.utah-design-system [type=reset],
.utah-design-system [type=submit] {
  -webkit-appearance: button;
}
.utah-design-system {
  /**
  * Remove the inner border and padding in Firefox.
  */
}
.utah-design-system button::-moz-focus-inner,
.utah-design-system [type=button]::-moz-focus-inner,
.utah-design-system [type=reset]::-moz-focus-inner,
.utah-design-system [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.utah-design-system {
  /**
  * Restore the focus styles unset by the previous rule.
  */
}
.utah-design-system button:-moz-focusring,
.utah-design-system [type=button]:-moz-focusring,
.utah-design-system [type=reset]:-moz-focusring,
.utah-design-system [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.utah-design-system {
  /**
  * Correct the padding in Firefox.
  */
}
.utah-design-system fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.utah-design-system {
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
}
.utah-design-system legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
.utah-design-system {
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
}
.utah-design-system progress {
  vertical-align: baseline;
}
.utah-design-system {
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
}
.utah-design-system textarea {
  overflow: auto;
}
.utah-design-system {
  /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
}
.utah-design-system [type=checkbox],
.utah-design-system [type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
.utah-design-system {
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
}
.utah-design-system [type=number]::-webkit-inner-spin-button,
.utah-design-system [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.utah-design-system {
  /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
}
.utah-design-system [type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
.utah-design-system {
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
}
.utah-design-system [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.utah-design-system {
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
}
.utah-design-system ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
.utah-design-system {
  /* Interactive
    ========================================================================== */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
}
.utah-design-system details {
  display: block;
}
.utah-design-system {
  /*
  * Add the correct display in all browsers.
  */
}
.utah-design-system summary {
  display: list-item;
}
.utah-design-system {
  /* Misc
    ========================================================================== */
  /**
  * Add the correct display in IE 10+.
  */
}
.utah-design-system template {
  display: none;
}
.utah-design-system {
  /**
  * Add the correct display in IE 10.
  */
}
.utah-design-system [hidden] {
  display: none;
}

/*
############     _elements-index.scss      ############
elemental html: h1, h2, h3, ul, li, etc.
*/
html {
  scroll-behavior: smooth;
}

body {
  background: white;
}

/*
############     _objects-index.scss      ############
containers and general design patterns, 2up, 3up, layout grids, etc.
*/
/*
############     _components-index.scss      ############
component specific, BEM (Block, Element, Modifier)
@media for each component should be contained with the component.
*/
/* ---- Base Components ---- */
/* ---- Project Components ---- */
.react-datepicker-wrapper {
  display: inline-block !important;
  padding: 0 !important;
  border: 0 !important;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif !important;
  font-size: 0.8rem !important;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #aeaeae !important;
  border-radius: 0.3rem !important;
  display: inline-block !important;
  position: relative !important;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px !important;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0 !important;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem !important;
  border-bottom-right-radius: 0.3rem !important;
}

.react-datepicker__triangle {
  position: absolute !important;
  left: 50px !important;
}

.react-datepicker-popper {
  z-index: 1000 !important;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px !important;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto !important;
  right: 50px !important;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px !important;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px !important;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto !important;
  right: 42px !important;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px !important;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px !important;
  right: auto !important;
}

.react-datepicker__header {
  text-align: center !important;
  background-color: #f0f0f0 !important;
  border-bottom: 1px solid #aeaeae !important;
  border-top-left-radius: 0.3rem !important;
  padding: 8px 0 !important;
  position: relative !important;
}
.react-datepicker__header--time {
  padding-bottom: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0 !important;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem !important;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block !important;
  margin: 0 15px !important;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0 !important;
  color: #000 !important;
  font-weight: bold !important;
  font-size: 0.944rem !important;
}

.react-datepicker-time__header {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.react-datepicker__navigation {
  align-items: center !important;
  background: none !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  cursor: pointer !important;
  position: absolute !important;
  top: 2px !important;
  padding: 0 !important;
  border: none !important;
  z-index: 1000 !important;
  height: 32px !important;
  width: 32px !important;
  text-indent: -999em !important;
  overflow: hidden !important;
}
.react-datepicker__navigation--previous {
  left: 2px !important;
}
.react-datepicker__navigation--next {
  right: 2px !important;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px !important;
}
.react-datepicker__navigation--years {
  position: relative !important;
  top: 0 !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.react-datepicker__navigation--years-previous {
  top: 4px !important;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px !important;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75) !important;
}

.react-datepicker__navigation-icon {
  position: relative !important;
  top: -1px !important;
  font-size: 20px !important;
  width: 0 !important;
}
.react-datepicker__navigation-icon--next {
  left: -2px !important;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg) !important;
  left: -7px !important;
}
.react-datepicker__navigation-icon--previous {
  right: -2px !important;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg) !important;
  right: -7px !important;
}

.react-datepicker__month-container {
  float: left !important;
}

.react-datepicker__year {
  margin: 0.4rem !important;
  text-align: center !important;
}
.react-datepicker__year-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  max-width: 180px !important;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block !important;
  width: 4rem !important;
  margin: 2px !important;
}

.react-datepicker__month {
  margin: 0.4rem !important;
  text-align: center !important;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block !important;
  width: 4rem !important;
  margin: 2px !important;
}

.react-datepicker__input-time-container {
  clear: both !important;
  width: 100% !important;
  float: left !important;
  margin: 5px 0 10px 15px !important;
  text-align: left !important;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block !important;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block !important;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block !important;
  margin-left: 10px !important;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto !important;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield !important;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px !important;
  display: inline-block !important;
}

.react-datepicker__time-container {
  float: right !important;
  border-left: 1px solid #aeaeae !important;
  width: 85px !important;
}
.react-datepicker__time-container--with-today-button {
  display: inline !important;
  border: 1px solid #aeaeae !important;
  border-radius: 0.3rem !important;
  position: absolute !important;
  right: -87px !important;
  top: 0 !important;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative !important;
  background: white !important;
  border-bottom-right-radius: 0.3rem !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px !important;
  overflow-x: hidden !important;
  margin: 0 auto !important;
  text-align: center !important;
  border-bottom-right-radius: 0.3rem !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none !important;
  margin: 0 !important;
  height: calc(195px + 1.7rem / 2) !important;
  overflow-y: scroll !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  box-sizing: content-box !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer !important;
  background-color: #f0f0f0 !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5 !important;
  color: white !important;
  font-weight: bold !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75) !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default !important;
  background-color: transparent !important;
}

.react-datepicker__week-number {
  color: #ccc !important;
  display: inline-block !important;
  width: 1.7rem !important;
  line-height: 1.7rem !important;
  text-align: center !important;
  margin: 0.166rem !important;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer !important;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem !important;
  background-color: #f0f0f0 !important;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem !important;
  background-color: #216ba5 !important;
  color: #fff !important;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75) !important;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem !important;
  background-color: rgb(41.5, 134.5606060606, 207.5) !important;
  color: #fff !important;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75) !important;
}

.react-datepicker__day-names {
  white-space: nowrap !important;
  margin-bottom: -8px !important;
}

.react-datepicker__week {
  white-space: nowrap !important;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000 !important;
  display: inline-block !important;
  width: 1.7rem !important;
  line-height: 1.7rem !important;
  text-align: center !important;
  margin: 0.166rem !important;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer !important;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem !important;
  background-color: #f0f0f0 !important;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold !important;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem !important;
  background-color: #3dcc4a !important;
  color: #fff !important;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061) !important;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta !important;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green !important;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative !important;
  border-radius: 0.3rem !important;
  background-color: #ff6803 !important;
  color: #fff !important;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute !important;
  bottom: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: #333 !important;
  color: #fff !important;
  padding: 4px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: visibility 0s, opacity 0.3s ease-in-out !important;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: rgb(207, 82.9642857143, 0) !important;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible !important;
  opacity: 1 !important;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem !important;
  background-color: #216ba5 !important;
  color: #fff !important;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75) !important;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem !important;
  background-color: rgb(41.5, 134.5606060606, 207.5) !important;
  color: #fff !important;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75) !important;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5) !important;
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0 !important;
  color: #000 !important;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default !important;
  color: #ccc !important;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent !important;
}

.react-datepicker__input-container {
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute !important;
  padding: 0.5rem !important;
  box-sizing: content-box !important;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px !important;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent !important;
  border-radius: 0.3rem !important;
  position: relative !important;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer !important;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5) !important;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg) !important;
  right: -16px !important;
  top: 0 !important;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0 !important;
  position: absolute !important;
  width: 50% !important;
  left: 25% !important;
  top: 30px !important;
  z-index: 1000 !important;
  text-align: center !important;
  border-radius: 0.3rem !important;
  border: 1px solid #aeaeae !important;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer !important;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px !important;
  overflow-y: scroll !important;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px !important;
  width: 100% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem !important;
  border-top-right-radius: 0.3rem !important;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border-bottom-left-radius: 0.3rem !important;
  border-bottom-right-radius: 0.3rem !important;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc !important;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5) !important;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5) !important;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute !important;
  left: 15px !important;
}

.react-datepicker__close-icon {
  cursor: pointer !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 6px 0 0 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  height: 100% !important;
  display: table-cell !important;
  vertical-align: middle !important;
}
.react-datepicker__close-icon::after {
  cursor: pointer !important;
  background-color: #216ba5 !important;
  color: #fff !important;
  border-radius: 50% !important;
  height: 16px !important;
  width: 16px !important;
  padding: 2px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-align: center !important;
  display: table-cell !important;
  vertical-align: middle !important;
  content: "×" !important;
}
.react-datepicker__close-icon--disabled {
  cursor: default !important;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default !important;
  background-color: #ccc !important;
}

.react-datepicker__today-button {
  background: #f0f0f0 !important;
  border-top: 1px solid #aeaeae !important;
  cursor: pointer !important;
  text-align: center !important;
  font-weight: bold !important;
  padding: 5px 0 !important;
  clear: left !important;
}

.react-datepicker__portal {
  position: fixed !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  left: 0 !important;
  top: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
  z-index: 2147483647 !important;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem !important;
  line-height: 3rem !important;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem !important;
    line-height: 2rem !important;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem !important;
}

.react-datepicker__children-container {
  width: 13.8rem !important;
  margin: 0.4rem !important;
  padding-right: 0.2rem !important;
  padding-left: 0.2rem !important;
  height: auto !important;
}

.react-datepicker__aria-live {
  position: absolute !important;
  clip-path: circle(0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.react-datepicker__calendar-icon {
  width: 1em !important;
  height: 1em !important;
  vertical-align: -0.125em !important;
}

.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc !important;
  border-style: solid !important;
  border-width: 3px 3px 0 0 !important;
  content: "" !important;
  display: block !important;
  height: 9px !important;
  position: absolute !important;
  top: 6px !important;
  width: 9px !important;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px !important;
  position: absolute !important;
  width: 0 !important;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box !important;
  position: absolute !important;
  border: 8px solid transparent !important;
  height: 0 !important;
  width: 1px !important;
  content: "" !important;
  z-index: -1 !important;
  border-width: 8px !important;
  left: -8px !important;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae !important;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px !important;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none !important;
  border-bottom-color: #f0f0f0 !important;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0 !important;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px !important;
  border-bottom-color: #aeaeae !important;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0 !important;
  margin-bottom: -8px !important;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none !important;
  border-top-color: #fff !important;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0 !important;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px !important;
  border-top-color: #aeaeae !important;
}

.sife-button {
  display: flex;
  justify-content: center;
  padding: 10px;
  width: 200px;
  height: 37px;
}

.sife-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.sife-space-buttons {
  display: flex;
  justify-content: center;
  gap: 1px;
  margin-bottom: 1px;
}

.sife-select-all-button {
  display: flex;
  justify-content: center;
  padding: 2px;
  width: 80px;
  height: 30px;
  font-size: var(--font-size-s);
}

.uid-coming-soon {
  display: flex;
  justify-content: center;
  padding: 10px;
  width: 200px;
  height: 37px;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semi-bold);
}

.utah-design-system .color-picker-popup {
  position: relative;
  top: 120px;
  left: var(--spacing-2xl);
  background-color: white;
  border-radius: 10px;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  box-shadow: var(--elevation-large-borderless);
  z-index: 1000;
  pointer-events: all;
  width: fit-content;
}
.utah-design-system .color-picker-popup__title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-2xs) var(--spacing-xs) 0;
  height: var(--spacing-2xl);
}
.utah-design-system .color-picker-popup__title {
  padding: 0 var(--spacing);
}
.utah-design-system .color-picker-popup__backdrop {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
.utah-design-system .color-picker-popup .utds-icon-before-x-icon::before {
  font-size: 0.85rem;
  line-height: 0.8;
}
.utah-design-system .color-picker-popup .icon-share {
  width: 22px;
}
.utah-design-system .color-picker-popup .icon-reset {
  width: 28px;
}

/*
############     _color-picker.scss      ############
*/
.utah-design-system .color-picker {
  height: 90px;
  width: 165px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  border: 1px solid var(--gray-color);
  transition: all var(--timing-quick) ease;
}
.utah-design-system .color-picker:not(:last-of-type) {
  border-bottom: none;
}
.utah-design-system .color-picker .fixed-width-font {
  font-family: var(--fixed-width-font-family);
  font-size: var(--font-size-s);
}
.utah-design-system .color-picker.selected {
  box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.7);
  outline: 4px solid var(--form-ele-color);
  outline-offset: 4px;
  z-index: 1;
}
.utah-design-system .color-picker__hex-color {
  display: flex;
  gap: var(--spacing-2xs);
}
.utah-design-system .color-picker__contrast {
  border: 1px solid currentColor;
  margin-top: -17px;
  line-height: 18px;
}
.utah-design-system .color-picker__ratio {
  padding: 0 var(--spacing-2xs);
}
.utah-design-system .color-picker__rating {
  padding: 0 var(--spacing-2xs);
}
.utah-design-system .color-picker__foreground {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  gap: var(--spacing-2xs);
  margin-top: 5px;
}
.utah-design-system .color-picker__foreground-box {
  width: 1.1rem;
  height: 1.1rem;
}
.utah-design-system .color-picker hr {
  border-color: currentColor;
  margin: 15px 0 5px;
}
.utah-design-system .color-picker .input-wrapper {
  margin: 0;
}
.utah-design-system .color-picker input[type=text].color-picker__hex-color-input {
  background: transparent;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: currentColor;
  min-height: auto;
  outline: none;
  padding: 0;
  text-align: center;
  width: 75px;
  border-radius: 0;
}
.utah-design-system .color-picker input[type=text].color-picker__hex-color-input:hover {
  border: 1px solid white;
}
.utah-design-system .color-picker--light {
  color: var(--gray-color);
}
.primary-color-is-light.utah-design-system .color-picker.primary-color-background {
  color: var(--gray-on-primary-color);
}

.secondary-color-is-light.utah-design-system .color-picker.secondary-color-background {
  color: var(--gray-on-secondary-color);
}

.accent-color-is-light.utah-design-system .color-picker.accent-color-background {
  color: var(--gray-on-accent-color);
}

.color-pickers__wrapper {
  max-height: calc(100vh - 200px);
  overflow: scroll;
  padding-top: var(--spacing-s);
}
.color-pickers__selectors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--spacing);
  background: white;
  padding: 0 var(--spacing) var(--spacing-2xs) var(--spacing);
}
.color-pickers__group {
  display: flex;
  flex-direction: column;
}
.color-pickers__swatches {
  padding: 0 var(--spacing) var(--spacing) var(--spacing);
}
.color-pickers__swatches .tab-group__tab-button {
  font-size: var(--font-size-m);
}

.color-picker-instructions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.color-picker-instructions__image {
  width: 520px;
}
.color-picker-instructions__text {
  width: 100%;
  max-width: 520px;
}
.color-picker-instructions__text ol {
  line-height: 1.4;
}
.color-picker-instructions__text ol li {
  margin-bottom: var(--spacing-3xs);
}
.color-picker-instructions__text ol li svg {
  fill: currentColor;
}

.color-compare {
  display: flex;
  flex-direction: row;
  margin-top: var(--spacing-2xs);
}
.color-compare__swatch {
  width: 1.5rem;
  height: 1.5rem;
}
.color-compare__contrast {
  margin-left: var(--spacing-2xs);
}

/*
############     _color-contrast.scss      ############
*/
.color-contrast__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xs);
}
.color-contrast__instructions {
  text-align: center;
}
.color-contrast__color-swatches {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--spacing-xs);
}
.color-contrast__color-swatch.button {
  width: 50px;
  height: 50px;
  padding: 0%;
  border-radius: var(--radius-medium);
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-contrast__color-swatch.button [class*=utds-icon-before-]:before {
  margin-right: 0;
}
.color-contrast__color-swatch.button {
  color: white;
}
.color-contrast__color-swatch.button.color-is-light {
  color: var(--gray-color);
}
.color-contrast__color-swatch.button:hover {
  transform: scale(1.1);
}
.color-contrast__compare-wrapper {
  display: flex;
}
.color-contrast__info-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.color-contrast-box {
  position: relative;
  height: 200px;
  margin-top: var(--spacing);
  flex: 1;
  border: 1px solid var(--gray-color);
}
.color-contrast-box .fixed-width-font {
  font-family: var(--fixed-width-font-family);
  font-size: var(--font-size-s);
}
.color-contrast-box__foreground, .color-contrast-box__background {
  color: white;
  padding: var(--spacing);
  height: 50%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing);
}
.color-contrast-box hr {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-color: var(--gray-color);
  margin: 0;
  z-index: 50;
}
.color-contrast-box__contrast {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid var(--gray-color);
  display: flex;
  z-index: 100;
  box-shadow: 0 0 0 2px white;
}
.color-contrast-box__ratio, .color-contrast-box__rating {
  padding: var(--spacing-2xs) var(--spacing);
}
.color-contrast-box__rating {
  background: var(--gray-color);
  color: white;
}
.color-contrast-box .color-is-light {
  color: var(--gray-color);
}

.color-contrast-values__wrapper {
  margin-top: var(--spacing);
  display: flex;
  flex-direction: column;
}
.color-contrast-values__contrast-value-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-width: 1px 1px 0 0;
  border-style: solid;
}
.color-contrast-values__contrast-value-box:last-child {
  border-bottom: 1px solid;
}
.color-contrast-values__contrast-value-title {
  padding: var(--spacing-2xs) var(--spacing-xs);
}
.color-contrast-values__contrast-value-rating {
  display: flex;
  flex: 1;
  border-top: 1px solid var(--gray-medium-light-color);
  background: var(--gray-light-color);
  font-weight: bold;
}
.color-contrast-values__contrast-value-rating-ratio, .color-contrast-values__contrast-value-rating-wcag {
  padding: var(--spacing-2xs) var(--spacing-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.color-contrast-values__contrast-value-rating-wcag {
  background: var(--gray-medium-light-color);
}
.color-contrast-values__contrast-value-rating-wcag svg {
  width: 24px;
}

.color-example__wrapper {
  margin-top: var(--spacing);
  display: flex;
  flex-direction: column;
}
.color-example__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-width: 0 0 1px 0;
  border-style: solid;
  padding: var(--spacing-xs);
}
.color-example__box:last-child {
  border-bottom: 0;
}
.color-example__bold-text {
  font-weight: var(--font-weight-bold);
}
.color-example__large-bold-text {
  font-size: 19px;
  font-weight: var(--font-weight-bold);
}
.color-example__large-text {
  font-size: 24px;
}

.color-example_item {
  width: var(--spacing-4xl);
  height: var(--spacing-4xl);
  border-radius: 50%;
  background-color: var(--gray-color);
}
.color-example_item--primary-color {
  background-color: var(--primary-color);
}
.color-example_item--primary-color-dark {
  background-color: var(--primary-color-dark);
}
.color-example_item--primary-color-light {
  background-color: var(--primary-color-light);
  border: 1px solid var(--gray-border);
}
.color-example_item--secondary-color {
  background-color: var(--secondary-color);
}
.color-example_item--secondary-color-dark {
  background-color: var(--secondary-color-dark);
}
.color-example_item--secondary-color-light {
  background-color: var(--secondary-color-light);
  border: 1px solid var(--gray-border);
}
.color-example_item--accent-color {
  background-color: var(--accent-color);
}
.color-example_item--accent-color-dark {
  background-color: var(--accent-color-dark);
}
.color-example_item--accent-color-light {
  background-color: var(--accent-color-light);
  border: 1px solid var(--gray-border);
}
.color-example_item--form-ele-color {
  background-color: var(--form-ele-color);
}
.color-example_item--form-ele-color-light {
  background-color: var(--form-ele-color-light);
}
.color-example_item--form-ele-disabled-color {
  background-color: var(--form-ele-disabled-color);
}
.color-example_item--danger-color {
  background-color: var(--danger-color);
}
.color-example_item--warning-color {
  background-color: var(--warning-color);
}
.color-example_item--info-color {
  background-color: var(--info-color);
}
.color-example_item--success-color {
  background-color: var(--success-color);
}
.color-example_item--opacity-0 {
  opacity: 0;
}
.color-example_item--opacity-1 {
  opacity: 0.1;
}
.color-example_item--opacity-2 {
  opacity: 0.2;
}
.color-example_item--opacity-3 {
  opacity: 0.3;
}
.color-example_item--opacity-4 {
  opacity: 0.4;
}
.color-example_item--opacity-5 {
  opacity: 0.5;
}
.color-example_item--opacity-6 {
  opacity: 0.6;
}
.color-example_item--opacity-7 {
  opacity: 0.7;
}
.color-example_item--opacity-8 {
  opacity: 0.8;
}
.color-example_item--opacity-9 {
  opacity: 0.9;
}
.color-example_item--small {
  width: 60px;
  height: 60px;
}

.utah-design-system .sandbox-example {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--spacing) 0;
}
.utah-design-system .sandbox-example__top {
  display: flex;
  flex-direction: row;
  gap: var(--spacing);
}
.utah-design-system .sandbox-example__component {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--gray-light-color);
  padding: var(--spacing);
  border-radius: var(--radius-medium);
  flex: 2 1 70%;
  min-width: 0;
}
.utah-design-system .sandbox-example__component--flex-start {
  justify-content: flex-start;
}
.utah-design-system .sandbox-example__component--outline {
  border: 1px solid var(--gray-medium-light-color);
  background: white;
}
.utah-design-system .sandbox-example__props-inputs {
  background-color: #e4e4e4;
  padding: var(--spacing);
  border-radius: var(--radius-medium);
  min-width: 0;
  max-width: 250px;
}
.utah-design-system .sandbox-example__bottom {
  margin: var(--spacing) 0 0 0;
  background: var(--gray-light-color);
  border-radius: var(--radius-medium);
}
.utah-design-system .sandbox-example__bottom code {
  background-color: transparent;
}

@media screen and (max-width: 1200px) {
  .utah-design-system .sandbox-example__props-inputs {
    max-width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .utah-design-system .sandbox-example__top {
    flex-wrap: wrap-reverse;
  }
  .utah-design-system .sandbox-example__props-inputs {
    width: 100%;
    max-width: unset;
  }
}
.static-example {
  margin: 0 0 var(--spacing-l) 0;
}
.static-example h3.static-example__title {
  margin: 0 0 var(--spacing-xs) 0;
}
.static-example__component-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--spacing);
  background-color: var(--gray-light-color);
  padding: var(--spacing);
  border-radius: var(--radius-medium);
  margin: 0 0 var(--spacing) 0;
  min-width: 0;
}
.static-example__component-wrapper pre {
  margin: 0;
}

/*
############     _header.scss      ############
*/
.header {
  padding: var(--spacing-l);
  background-color: white;
  display: flex;
  gap: var(--spacing);
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
}
.header__utah-brand {
  height: 52px;
  width: 138px;
  fill: var(--primary-color);
}
.header__vertical-rule {
  height: 52px;
  width: 1px;
  background: var(--gray-medium-color);
}
.header__department {
  font-size: 2rem;
  font-weight: 600;
  color: var(--gray-medium-color);
}
.header__sign-in {
  margin-left: auto;
}

.text-on-primary-color {
  color: white;
}
.utah-design-system.primary-color-is-light .text-on-primary-color {
  color: var(--gray-on-primary-color);
}

.text-on-primary-color-light {
  color: var(--gray-color);
}
.text-on-primary-color-light a {
  color: var(--primary-color);
}
.utah-design-system.primary-color-is-light .text-on-primary-color-light a {
  color: var(--primary-color-dark);
}
.text-on-primary-color-light.primary-color {
  color: var(--primary-color);
}
.text-on-primary-color-light.primary-color a {
  color: var(--primary-color);
}
.utah-design-system.primary-color-is-light .text-on-primary-color-light.primary-color {
  color: var(--primary-color-dark);
}
.utah-design-system.primary-color-is-light .text-on-primary-color-light.primary-color a {
  color: var(--primary-color-dark);
}

.text-on-secondary-color {
  color: white;
}
.utah-design-system.secondary-color-is-light .text-on-secondary-color {
  color: var(--gray-on-secondary-color);
}

.faq-banner {
  width: 100%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
}

.hero {
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.hero__image {
  width: 100%;
  height: 100%;
  background: url("/assets/insurance-Chh3GMbi.jpg") no-repeat left/75%;
}
.hero__slant-color {
  height: 400px;
  fill: var(--primary-color);
  position: absolute;
  left: calc(50% - 134px);
  top: 0;
}
.hero__title-wrapper {
  position: absolute;
  left: calc(50% + 134px);
  top: 0;
  width: calc(50% - 134px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: var(--spacing-l);
  box-sizing: border-box;
}
.hero__title {
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-semi-bold);
  text-align: right;
}
.hero__title-h-divider {
  width: 100%;
  height: 1px;
  background: white;
  margin: var(--spacing) 0;
}
.primary-color-is-light.hero__title-h-divider {
  background: var(--gray-color);
}

.hero__sub-title {
  font-size: 1.5rem;
  font-weight: var(--font-weight-semi-bold);
  text-align: right;
}
.hero__branding {
  width: 130px;
  height: 130px;
  position: absolute;
  border-radius: 999px;
  z-index: 1;
  background: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero__branding img {
  width: 70px;
}

@media screen and (max-width: 1400px) {
  .hero__image {
    background-size: auto 100%;
    background-position: left center;
  }
}
.card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.card--align-flex-start {
  align-items: flex-start;
}
.card__icon {
  font-size: var(--font-size-4xl);
  font-weight: 100;
  margin: var(--spacing-l) 0 var(--spacing-s);
  line-height: 1;
}
.card__title {
  font-size: var(--font-size-3xl);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  box-sizing: border-box;
}
.card__title--full {
  width: 100%;
}
.card hr {
  height: 1px;
  width: calc(100% - 2 * var(--spacing-l));
  box-sizing: border-box;
  border: none;
  margin: 0 var(--spacing-l) var(--spacing);
}
.primary-color-is-light.card hr.primary-color-background {
  background-color: var(--primary-color-dark);
}

.card ul {
  margin: 0 var(--spacing-s) var(--spacing);
  padding: 0;
  list-style-type: none;
  align-self: stretch;
}
.card ul li {
  padding: 0;
}
.card ul li a {
  padding: 4px 10px;
  text-decoration: none;
  border-radius: 999px;
  transition: all var(--timing-quick) ease-in-out;
  display: flex;
  align-items: center;
}
.card ul li a:hover {
  background: var(--primary-color);
  color: white;
}
.primary-color-is-light.card ul li a:hover {
  background-color: var(--primary-color-dark);
  color: white;
}

.card ul li a .link-icon {
  vertical-align: middle;
}
.card .action-button {
  margin-top: auto;
}

.card-image {
  background: url("/assets/mom-baby-DTHYJf9_.jpg") no-repeat center/cover;
}

.fonts-demo {
  padding: var(--spacing-l);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-l);
}

.hero-section {
  height: 375px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.hero-section__title {
  background: var(--secondary-color);
  color: white;
  width: 100%;
  max-width: var(--grid-fixed);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing);
  box-sizing: border-box;
}
.secondary-color-is-light.hero-section__title {
  color: var(--gray-color);
}

.hero-section--baby {
  background: url("/assets/baby-BtPCQie0.jpg") no-repeat left/cover;
}

.secondary-color-bar {
  background: var(--secondary-color);
  height: var(--spacing);
  width: 100%;
}

.demo-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--grid-fixed);
  width: 100%;
  background-color: var(--gray-light-color);
}
.demo-form__wrapper {
  display: flex;
  justify-content: center;
}
.demo-form__section {
  width: var(--grid-fixed-form);
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  position: relative;
}
.demo-form__section::after {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 2px solid var(--secondary-color);
}
.demo-form__section-title {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semi-bold);
  width: 100%;
}
.demo-form__section-title-number {
  border: 2px solid;
  border-radius: var(--radius-circle);
  width: var(--spacing-2xl);
  height: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.demo-form__section-title-name {
  margin-left: var(--spacing-xl);
  text-transform: uppercase;
}
.demo-form__section-inputs {
  margin: 0 0 var(--spacing-l) var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}
.demo-form .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xs);
}

.social-bar {
  padding: var(--spacing);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-2xl);
  align-items: center;
}
.social-bar__wrapper {
  display: flex;
  justify-content: center;
}
.social-bar__title {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.social-bar__icons-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: var(--spacing);
}
.social-bar__icons-list li {
  padding: 0;
  margin: 0;
}
.social-bar__icon {
  text-decoration: none;
  height: var(--spacing-xl);
  width: var(--spacing-xl);
  background: white;
  display: block;
  border-radius: var(--radius-small);
}

.page-footer {
  background-color: var(--gray-color);
  color: white;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-xl);
}
.page-footer__title {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  margin-bottom: var(--spacing-xs);
}
.page-footer__line {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: var(--spacing-l);
}
.page-footer__info, .page-footer_menus {
  flex: 1 1 20%;
}
.page-footer__menus {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-l);
}
.page-footer__menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 var(--spacing-l) 0;
}
.page-footer__menu ul li {
  padding: 0;
  margin: 0 0 var(--spacing-2xs) 0;
}
.page-footer__menu ul li a {
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page-footer__menu ul li a .link-icon {
  font-size: var(--font-size-xs);
}

table th.css-classes {
  width: 45%;
}

.documentation-content--wider {
  margin: 0 -4rem;
}
.documentation-content--small-text {
  font-size: var(--font-size-s);
}

.prop__types {
  font-style: italic;
  color: #1f7369;
}
.prop__optional {
  color: #1c8478;
  font-size: 0.9rem;
}
.prop__section-title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-l);
}

.icon-24 {
  width: 24px;
  fill: currentColor;
}

#design-system-logo {
  fill: var(--gray-medium-color);
  height: 80%;
}
#design-system-logo .ds-logo-white {
  fill: white;
}

.utah-design-system .icon-example__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  border-bottom: 1px solid var(--gray-border);
  border-right: 1px solid var(--gray-border);
  border-radius: 0;
  font-size: 2rem;
  padding: var(--spacing-s) var(--spacing-xs);
  flex: 0 1 auto;
}
.utah-design-system .icon-example__button [class*=utds-icon-before-] {
  line-height: 1;
}
.utah-design-system .icon-example__button .utds-icon-before-external-link::before,
.utah-design-system .icon-example__button .utds-icon-after-external-link::after {
  font-size: 1em;
}
.utah-design-system .icon-example__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  border-top: 1px solid var(--gray-border);
  border-left: 1px solid var(--gray-border);
}
.utah-design-system .icon-example__label {
  margin-top: var(--spacing-s);
}
.utah-design-system .icon-example__static .pre-code-block code {
  padding: 0;
  background: none;
}
.utah-design-system .icon-example__static .static-example__component-wrapper {
  justify-content: flex-start;
}
.utah-design-system .icon-example__icon-big {
  font-size: 4rem;
  line-height: 1;
  padding: 0 var(--spacing);
  border-right: 1px solid var(--gray-border);
}
.utah-design-system .icon-example__icon-big .utds-icon-before-external-link::before,
.utah-design-system .icon-example__icon-big .utds-icon-after-external-link::after {
  font-size: 1em;
}
.utah-design-system .icon-example__icon-big [class*=utds-icon-before-] {
  display: flex;
  align-items: center;
}
.utah-design-system .icon-example__icon-big .visually-hidden {
  font-size: 1rem;
}
.utah-design-system .icon-example__icon-with-text {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  font-size: 1rem;
  padding: var(--spacing-xs) var(--spacing);
  border-right: 1px solid var(--gray-border);
}
.utah-design-system .icon-example__icon-with-text > div {
  display: flex;
  align-items: center;
}
.utah-design-system .icon-example__icon-with-text [class*=utds-icon-before-] {
  display: flex;
  align-items: center;
}

.utah-design-system .sandbox-example__code-editor-wrapper {
  position: relative;
  border: 1px solid var(--gray-color);
  border-radius: var(--radius-small);
  width: 100%;
}
.utah-design-system .sandbox-example__code-editor {
  font-family: var(--fixed-width-font-family);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-2xs);
  width: 100%;
  min-height: 615px;
  resize: none;
  padding-bottom: var(--spacing-xl);
  display: block;
  border: none;
}
.utah-design-system .sandbox-example__component {
  gap: var(--spacing-xs);
  flex-direction: column;
}
.utah-design-system .sandbox-example__component .copy-button {
  top: 5px;
  right: 5px;
}
.utah-design-system .sandbox-example__code-info {
  font-family: var(--fixed-width-font-family);
  position: absolute;
  bottom: 0;
  left: calc(0 - var(--spacing));
  font-size: var(--font-size-2xs);
  background: var(--gray-border);
  width: 100%;
  text-align: center;
  border-bottom-left-radius: var(--radius-small);
  border-bottom-right-radius: var(--radius-small);
}
.utah-design-system .sandbox-example__code-error {
  font-family: var(--fixed-width-font-family);
  display: flex;
  align-items: center;
  gap: var(--spacing-2xs);
  background-color: #aa0d15;
  color: white;
  font-size: var(--font-size-s);
  padding: var(--spacing-s);
  border-radius: var(--radius-small);
}
.utah-design-system .sandbox-example__code-error [class*=utds-icon-before-]::before {
  font-size: 1.5rem;
  display: block;
}
.utah-design-system .header-config__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.utah-design-system .header-config__title .input-wrapper {
  margin: 0;
}
.utah-design-system .header-config__presets {
  flex: 1;
}
.utah-design-system .header-config__apply-reset {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.utah-design-system .interactive-utah-header-preset__options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-2xs);
}
.utah-design-system .interactive-utah-header-preset__single-option {
  flex: 1 1 40%;
}
.utah-design-system .interactive-utah-header-preset__single-option button {
  width: 100%;
}
.utah-design-system h1.agency-brand-example {
  margin: 0;
}
.utah-design-system .static-example .utah-logo-svg {
  background: none;
}

.utah-design-system .copy-button {
  position: absolute;
  top: 4px;
  right: 4px;
}
.utah-design-system .copy-button__feedback {
  position: absolute;
  background: var(--gray-color);
  border: 1px solid white;
  border-radius: var(--radius-small);
  color: white;
  padding: var(--spacing-3xs) var(--spacing-s);
  transition: opacity var(--timing-quick) ease-in;
  opacity: 0;
  pointer-events: none;
  font-size: var(--font-size-s);
}
.utah-design-system .copy-button__feedback--visible {
  opacity: 1;
}

.home-banner {
  width: 100%;
  background: url("/assets/archesPanoSmall-BYUcJGhJ.jpg") no-repeat 100% center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
}
.home-banner__title {
  color: white;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(30px) brightness(1);
  -webkit-backdrop-filter: blur(16px) brightness(1.5);
  font-size: var(--font-size-6xl);
  font-weight: bold;
  width: 230px;
  border-radius: var(--radius-large);
  margin: var(--spacing-3xl);
  padding: var(--spacing-l);
  line-height: 1.2;
  text-align: right;
}

.welcomeLogoStyle {
  width: 400px;
  justify-content: center;
}

.home-page__benefits-section {
  background: url("/assets/laptop-background-blur-DvBDelvN.webp") no-repeat 100% center;
  background-size: cover;
  min-height: 400px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: var(--spacing-3xl) 0 var(--spacing-5xl);
  padding: 0 var(--spacing-2xl);
  box-sizing: border-box;
}
.home-page__card-grid {
  max-width: var(--content-width-medium);
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: var(--spacing-l);
  margin: calc(var(--spacing-2xl) * -1) 0;
}
.home-page__card {
  background: white;
  padding: var(--spacing);
  border-radius: var(--radius-small);
  box-shadow: var(--elevation-medium-borderless);
}
.home-page__card-title {
  display: flex;
  align-items: center;
}
.home-page__card-title .icon-svg {
  margin-right: var(--spacing-s);
  height: var(--font-size-2xl);
  fill: var(--secondary-color);
}
.home-page__card-title .icon-collaboration {
  height: var(--font-size-xl);
}
.home-page__card p {
  margin: 0;
}
.home-page__card-wide {
  grid-column: auto/span 6;
}
.home-page__card-narrow {
  grid-column: auto/span 4;
}
.home-page__action-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing);
}
.home-page__action-cards .action-card {
  grid-column-start: span 2;
}
.home-page__action-cards .action-card--center {
  grid-column-start: 2;
  grid-column-end: 4;
}
.home-page__gray-section {
  background: var(--gray-light-color);
  width: 100%;
  display: flex;
  justify-content: center;
}
.home-page--accordion-small button.accordion__header * {
  font-size: 1.1rem;
}
.home-page__color-card-grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: var(--spacing-l);
}
.home-page__color-card {
  background: var(--primary-color);
  color: white;
  padding: var(--spacing);
}
.home-page__color-card p {
  margin: 0;
}
.home-page__color-card--secondary {
  background: var(--secondary-color);
}
.home-page__color-card a[href]:not(.button, .action-card) {
  color: white;
}
.home-page__contact-section {
  padding: var(--spacing-5xl) 0;
  text-align: center;
}
.home-page__contact-section .icon-chat-bubbles {
  fill: var(--primary-color);
  width: 80px;
}

@media screen and (max-width: 640px) {
  .home-banner {
    background-position: 0 0;
  }
  .home-banner__title {
    font-size: var(--font-size-5xl);
    width: min-content;
    margin: var(--spacing-xl);
    line-height: 1.1;
  }
  .home-page__benefits-section {
    padding: 0 var(--spacing-l);
  }
  .home-page__card-grid {
    gap: var(--spacing);
  }
  .home-page__card-wide {
    grid-column: auto/span 10;
  }
  .home-page__card-narrow {
    grid-column: auto/span 10;
  }
  .home-page__action-cards .action-card {
    grid-column-start: span 4;
  }
  .home-page__action-cards .action-card--center {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
/*
BEM standard: Block, Element, Modifier
   Block: use dashes to separate words:
     - my-react-component
     - super-list
     - cats-r-great
  Element: use two underscores for elements
    Elements are children at any level of the Block:
    - my-react-component__block
    - super-list__name
    - super-list__info
    - cats-r-great__whiskers
  Modifier: use two dashes for modifiers
    - my-react-component--alt
    - super-list--flat
    - cats-r-great--black
 */
.utah-design-system .lightbox__image-thumbnail {
  border-radius: unset;
  padding: 0;
}
.utah-design-system .lightbox__image-thumbnail img {
  width: 100%;
}
.utah-design-system .lightbox__image-thumbnail:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.utah-design-system .lightbox__image-thumbnail {
  margin-top: 2rem;
}
.utah-design-system .lightbox__image-thumbnail--hiddenAlt {
  margin-top: 0;
}
.utah-design-system .lightbox__image {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1010;
}
.utah-design-system .lightbox__image img {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  padding: var(--spacing-2xl);
  box-sizing: border-box;
}
.utah-design-system .lightbox__button-text {
  position: absolute;
  top: -10px;
  transform: translate(-50%, -100%);
  font-size: var(--font-size-xs);
  max-height: 2rem;
  overflow: hidden;
  border-radius: 0;
  width: 100%;
}
.utah-design-system .lightbox__popup-text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1020;
  color: white;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-3xl);
}
.utah-design-system .lightbox__close-button {
  position: fixed;
  top: var(--spacing);
  right: var(--spacing);
  z-index: 1020;
}

.utah-design-system .progress-log__table {
  width: 100%;
}
.utah-design-system .progress-log__col-feature {
  text-align: left;
}
.utah-design-system .progress-log__version {
  background-color: var(--gray-medium-light-color) !important;
  font-weight: bold;
}
.utah-design-system .checkbox-circle {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-circle);
  background: rgb(18, 134, 0);
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.utah-design-system .checkbox-circle--unchecked {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-circle);
  border: 1px solid var(--gray-color);
}
.utah-design-system .checkbox-circle [class*=utds-icon-before-] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
}
.utah-design-system .checkbox-circle [class*=utds-icon-before-]::before {
  display: block;
  margin: 2px 0 0 0;
}

.utah-design-system .spacing-documentation .spacing-example-box {
  width: var(--spacing-3xs);
  height: var(--spacing-3xs);
  background: var(--primary-color);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-2xs {
  width: var(--spacing-2xs);
  height: var(--spacing-2xs);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-xs {
  width: var(--spacing-xs);
  height: var(--spacing-xs);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-s {
  width: var(--spacing-s);
  height: var(--spacing-s);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing {
  width: var(--spacing);
  height: var(--spacing);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-l {
  width: var(--spacing-l);
  height: var(--spacing-l);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-xl {
  width: var(--spacing-xl);
  height: var(--spacing-xl);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-2xl {
  width: var(--spacing-2xl);
  height: var(--spacing-2xl);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-3xl {
  width: var(--spacing-3xl);
  height: var(--spacing-3xl);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-4xl {
  width: var(--spacing-4xl);
  height: var(--spacing-4xl);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-5xl {
  width: var(--spacing-5xl);
  height: var(--spacing-5xl);
}
.utah-design-system .spacing-documentation .spacing-example-box.spacing-6xl {
  width: var(--spacing-6xl);
  height: var(--spacing-6xl);
}

.typography__font-family {
  display: flex;
  gap: var(--spacing);
}
.typography__font-demo {
  font-size: var(--font-size-xl);
  flex: 1 1 0;
  background: var(--gray-light-color);
  padding: var(--spacing);
}
.typography__font-name {
  font-size: var(--font-size);
  border-top: 1px solid var(--gray-3-1-contrast);
  padding-top: var(--spacing-s);
  margin-top: var(--spacing-s);
}
.typography__lora-font {
  font-family: "Lora", serif;
  font-size: calc(var(--font-size-xl) - 0.15em);
  line-height: 1.57;
}
.typography__lora-font.normal {
  font-size: calc(var(--font-size) - 0.05em);
}
.typography__source-code-pro {
  font-family: var(--fixed-width-font-family);
  font-size: calc(var(--font-size-xl) - 0.25em);
}
.typography__roboto-font {
  font-family: "Roboto", sans-serif;
}
.typography__merriweather-font {
  font-family: "Merriweather", serif;
  font-size: calc(var(--font-size-xl) - 0.15em);
  line-height: 1.57;
}
.typography__roboto-mono-font {
  font-family: "Roboto Mono", var(--fixed-width-font-family), monospace;
  font-size: calc(var(--font-size-xl) - 0.25em);
}
.typography__light-font {
  font-weight: var(--font-weight-extra-light);
}
.typography__black-font {
  font-weight: var(--font-weight-black);
}
.typography__arial-font {
  font-family: Arial, Helvetica, sans-serif;
}
.typography__avoid-contrast {
  color: #bdbdbd;
}
.typography__avoid-contrast--button {
  background-color: var(--gray-light-color) !important;
  border-color: #bdbdbd !important;
}

.page-not-found__content {
  min-height: 30vh;
  display: flex;
  align-items: center;
}
.page-not-found .top-banner {
  min-height: 25vh;
  height: 200px;
  width: 100%;
  background: url("/assets/archesPanoSmall-BYUcJGhJ.jpg") no-repeat 100% center;
  background-size: cover;
}

.file-upload-container .file-select-section {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.file-upload-container .file-select-section > *:not(:last-child) {
  margin-right: 10px;
}
.file-upload-container .file-select-section .input-wrapper {
  margin-bottom: 0;
}
.file-upload-container .file-select-section__button {
  border-radius: 9px;
}
.file-upload-container .file-select-section__label {
  align-self: center;
  min-width: 5em;
}
.file-upload-container .file-select-section__upload-files-button {
  border-radius: 9px;
  /* Enabled state styles */
  background-color: #4CAF50; /* Green color when enabled */
  color: white; /* Text color when enabled */
}
.file-upload-container .file-select-section__upload-files-button:hover {
  background-color: #45a049; /* Darker green on hover */
}
.file-upload-container .file-select-section__upload-files-button {
  /* Disabled state styles */
}
.file-upload-container .file-select-section__upload-files-button:disabled {
  background-color: #ccc; /* Light gray color when disabled */
  color: #888; /* Gray text color when disabled */
  cursor: not-allowed; /* Show "not allowed" cursor on hover */
}
.file-upload-container .justify-content-center {
  justify-content: center;
}
.file-upload-container .new-file-display-section {
  height: 10em;
  display: flex;
  overflow-y: auto;
  border: 2px dashed rgb(196, 196, 196);
  background-color: rgb(240, 240, 240);
  margin: 1em 5% 0;
  white-space: nowrap;
}
.file-upload-container .new-file-display-section__text-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-upload-container .new-file-display-section__browse-files-text {
  color: #0A70E9;
  cursor: pointer;
}
.file-upload-container .new-file-display-section .file-entry {
  display: flex;
  align-items: center;
}
.file-upload-container .new-file-display-section .delete-icon {
  cursor: pointer;
  margin-left: 0.5em;
}
.file-upload-container .existing-file-display-section {
  height: 10em;
  display: flex;
  overflow-y: auto;
  border: 2px solid rgb(196, 196, 196);
  background-color: rgb(240, 240, 240);
  margin: 1em 5% 1em;
  white-space: nowrap;
}
.file-upload-container .file-entries-container {
  margin: 0.5em 0em 0em 0.5em;
}
.file-upload-container .file-upload-list-header {
  margin-bottom: 0.25em;
}

.utds-icon-before-check {
  /* Initial state of the icon */
  opacity: 0;
  transform: rotate(-90deg);
  transition: opacity 0.4s ease;
  color: green;
  font-size: 2em;
  /* Animation */
  animation: iconAnimation 1.5s ease forwards;
}

@keyframes iconAnimation {
  50% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
    opacity: 1;
  }
}
.showcase {
  display: flex;
  gap: var(--spacing);
  flex-wrap: wrap;
  margin: var(--spacing-xl) 0;
}

.showcase-example {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing);
  background: var(--gray-light-color);
  border-radius: var(--radius-medium);
  box-sizing: border-box;
  flex: 1 1 calc(50% - var(--spacing));
}

.getting-started__top-buttons {
  display: flex;
  gap: var(--spacing);
  margin-bottom: var(--spacing-l);
  flex-wrap: wrap;
  justify-content: space-between;
}
.getting-started__top-buttons a {
  flex: 1;
  min-width: 200px;
}
.getting-started__toc {
  display: flex;
  gap: var(--spacing-l);
}
.getting-started__toc-card {
  padding: var(--spacing);
  border-radius: var(--radius-small);
  box-shadow: var(--elevation-medium-borderless);
  background: var(--primary-color-light);
  text-align: center;
  flex: 1;
}
.getting-started__toc-card a {
  display: block;
  margin-bottom: var(--spacing-2xs);
}
.getting-started__toc-title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semi-bold);
}
.getting-started__toc-subtitle {
  font-size: var(--font-size-l);
}

.depth-example {
  padding: var(--spacing);
  background: white;
  border-radius: var(--radius-small);
  text-align: center;
  flex: 1 1 40%;
  flex-wrap: wrap;
}
.depth-example__small {
  box-shadow: var(--elevation-small);
}
.depth-example__small-borderless {
  box-shadow: var(--elevation-small-borderless);
}
.depth-example__medium {
  box-shadow: var(--elevation-medium);
}
.depth-example__medium-borderless {
  box-shadow: var(--elevation-medium-borderless);
}
.depth-example__large {
  box-shadow: var(--elevation-large);
}
.depth-example__large-borderless {
  box-shadow: var(--elevation-large-borderless);
}
.depth-example--border {
  border: 1px solid;
}

.tag {
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--radius-small);
  background-color: var(--gray-light-color);
}
.tag--primary-color {
  background-color: var(--primary-color);
  color: white;
}

.shape-examples-link {
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
}

.search-page form.search-modal__form {
  position: relative;
  z-index: 0;
}
.search-page .search-modal__input[type=text] {
  border: 1px solid var(--gray-color);
  width: 100%;
}

/*
Header title overrides
Adjust the values below to change the size and color of the header title text (the "UID Portal" label).
*/
/* Font size of the title text */
.utah-design-system .header .title__title {
  /* pick any size variable or explicit value (e.g., 1.75rem) */
  font-size: var(--font-size-2xl);
  line-height: 1.2;
}

/* Color of the clickable title (anchor) */
.utah-design-system .header .title__title,
.utah-design-system .header .title__title a {
  color: var(--primary-color);
}

/* Optional hover/focus color */
.utah-design-system .header .title__title a:hover,
.utah-design-system .header .title__title a:focus {
  color: var(--primary-color-dark);
}

/* If specificity is an issue in your theme, you can increase specificity or add !important.
   Example: .utah-design-system header.header .title__title a { color: var(--primary-color) !important; }
*/
/*
############     _utilities.scss      ############
utility classes, atomic css
*/
/* ----- Borders ---- */
.border-top {
  border-top: 1px solid var(--gray-border);
}

.border-right {
  border-right: 1px solid var(--gray-border);
}

.border-bottom {
  border-bottom: 1px solid var(--gray-border);
}

.border-left {
  border-left: 1px solid var(--gray-border);
}

.square {
  border-radius: 0;
}

/*
############     _super-header-index.scss      ############
Overall overrides, @media, themes, etc. that supersede styles higher in the pyramid
*/
/*
PRINT SCSS
 */
@media print {
  @page {
    size: 8.5in 11in;
    margin: 0.5in;
  }
  html, body {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 8pt;
    height: auto;
    color: #000000;
  }
  .no-print {
    display: none;
  }
  .avoid {
    page-break-inside: avoid;
  }
  .page-break {
    page-break-after: always;
  }
  .print-page-no-margin {
    width: 8.5in;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
}
/*
############     _tip-header-index.scss      ############
A place to add css temporarily
NOTE: CSS added this this file should eventually be removed or
located to the correct folder/file where it best belongs.
*/.modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animateModal;
    animation-duration: 0.4s;
    color: #ba0000;
    text-align: center;
}
.loading-modal-content {
    flex-direction: column;
    width:40%;
}
.loading-modal-content-main-container {
    display: flex;
}
.close-popup-button {
    margin-top: 1em;
}
.error-message {
    color: #ba0000;
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 10px;
}
@keyframes animateModal {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
}.message-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
.message-modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animateModal;
    animation-duration: 0.4s;
    color: #0e80a7;
    text-align: center;
}
.link {
    color: #0e80a7;
    text-align: center;
    font-size: 22px;
    margin-right: 10px;
    margin-top: 10px;
    padding-right: 10px;
}
.message {
    color: #2a2a28;
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 10px;
}

@keyframes animateModal {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
}