@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");

/*
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-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: 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.
*/


/* Override the default design system colors */
        .utah-design-system {
          --primary-color: #3D4766;
            --primary-color-dark: #2F364C;
            --primary-color-light: #edf5f8;
            
            --secondary-color: #C85628;
            --secondary-color-dark: #883A1B;
            --secondary-color-light: #FEF5EB;
            
            --accent-color: #7DA267;
            --accent-color-dark: #668453;
            --accent-color-light: #BED1B3;
        }