/* Force TabPanel to display if it has the selectedTabId */
.tab-group__panel:not(.visually-hidden) {
  display: block !important;
}

@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

@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: 400;
    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 {
    margin: 0;
    font-family: var(--normal-font-family);
    font-size: 16px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: white;
    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,.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: .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 0 var(--hover-gray-color-opaque),3px -1px 0 0 var(--hover-gray-color-opaque),3px 1px 0 0 var(--hover-gray-color-opaque),-3px 1px 0 0 var(--hover-gray-color-opaque),inset 0 0 0 1000px var(--hover-gray-color-opaque);
    color: var(--primary-color-dark)
}

.utah-design-system .external-link:after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 18.1143 18.1138'%3E%3Cg%3E%3Cpath d='m15.0996,18.1138H1c-.5527,0-1-.4478-1-1V3.0142c0-.5522.4473-1,1-1h7.043v2H2v12.0996h12.0996v-6.043h2v7.043c0,.5522-.4473,1-1,1Z' style='fill: var(--primary-color);'/%3E%3Crect x='6.5977' y='4.5318' width='11.9697' height='1.9998' transform='translate(-.2262 10.5174) rotate(-45)' style='fill: currentColor;'/%3E%3Cpolygon points='18.1143 8.0425 16.1143 8.0425 16.1143 2 10.0713 2 10.0713 0 18.1143 0 18.1143 8.0425' style='fill: currentColor;'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: .7rem;
    width: .7rem;
    background-position: top left;
    display: inline-block
}

.lead-in {
    font-size: var(--font-size-m);
    line-height: 1.6rem
}

.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__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
}

.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 .2s 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: #fff
}

.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: #fff
}

.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
}

.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 {
    display: none;
    padding-top: var(--spacing)
}

.utah-design-system .tab-group__panel--selected {
    display: block
}

.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 .2s ease-in-out,scale .1s ease,box-shadow .1s ease;
    color: var(--gray-color);
    text-decoration: none;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    scale: 1
}

.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: #fff
}

.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: .96;
    box-shadow: inset 0 3px 5px #00000080
}

.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--small1x {
    font-size: .85rem;
    min-height: var(--form-ele-small1x);
    padding: 0 var(--spacing-xs);
    border-width: 1px
}

.utah-design-system .button--small {
    font-size: .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: .8rem;
    width: .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: .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: #fff
}

.utah-design-system .button--primary-color:hover svg {
    fill: #fff
}

.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: #fff
}

.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: #fff
}

.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: #fff
}

.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: #fff
}

.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: #fff
}

.utah-design-system .button--solid {
    background: var(--gray-color);
    color: #fff
}

.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: #fff
}

.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: #fff;
    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: #fff
}

.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: #fff;
    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: #fff
}

.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: #fff;
    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: #fff
}

.utah-design-system .button--solid[disabled],.utah-design-system .button--solid[disable]:hover {
    cursor: not-allowed;
    background: var(--form-ele-disabled-color)!important;
    color: #fff!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: #fff;
    background: none;
    color: #fff
}

.utah-design-system .dark-background-color .button:hover {
    border-color: #fff;
    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: #fff;
    background: var(--primary-color);
    color: #fff
}

.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: #fff;
    background: var(--secondary-color);
    color: #fff
}

.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: #fff;
    background: var(--accent-color);
    color: #fff
}

.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: #fff;
    background: white;
    color: var(--gray-color)
}

.utah-design-system .dark-background-color .button--solid:hover {
    border-color: #fff;
    background: none;
    color: #fff
}

.utah-design-system .dark-background-color .button--solid.button--primary-color {
    border-color: #fff;
    background: var(--primary-color);
    color: #fff
}

.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: #fff
}

.utah-design-system .dark-background-color .button--solid.button--secondary-color {
    border-color: #fff;
    background: var(--secondary-color);
    color: #fff
}

.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: #fff
}

.utah-design-system .dark-background-color .button--solid.button--accent-color {
    border-color: #fff;
    background: var(--accent-color);
    color: #fff
}

.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: #fff
}

.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
}

.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)
}

.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: .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: .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: .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: var(--spacing-2xs) var(--spacing-xs);
    display: flex;
    align-items: center;
    border-radius: var(--radius-small);
    background-color: var(--gray-light-color);
    min-height: var(--form-ele-small1x)
}

.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);
    background-color: var(--gray-light-color);
    height: 100%;
    line-height: 1.4
}

.utah-design-system .tag__button[type=button].tag--small {
    padding: var(--spacing-3xs) var(--spacing-2xs);
    min-height: 28px;
    font-size: var(--font-size-xs)
}

.utah-design-system .tag__button[type=button].tag--large {
    min-height: var(--form-ele-small);
    font-size: var(--font-size-m)
}

.utah-design-system .tag__button[type=button].tag--selected {
    background-color: var(--gray-color);
    color: #fff;
    fill: #fff
}

.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 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--spacing-3xs);
    font-weight: var(--font-weight-normal);
    transition: transform
}

.utah-design-system .tag__clear-button [class*=utds-icon-before-]:before {
    font-size: .7rem
}

.utah-design-system .tag__clear-button[disabled]:active {
    transform: translateY(-50%)
}

.utah-design-system .tag__wrapper {
    border-radius: var(--radius-small);
    display: flex;
    align-items: center;
    line-height: 1.4;
    position: relative
}

.utah-design-system .tag--small {
    font-size: var(--font-size-xs);
    padding: var(--spacing-3xs) var(--spacing-2xs)
}

.utah-design-system .tag--small .tag--icon svg {
    height: .65rem;
    width: .65rem
}

.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--icon {
    display: flex;
    align-items: center
}

.utah-design-system .tag--icon svg {
    height: .8rem;
    width: .8rem
}

.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: var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-xs)
}

.utah-design-system .footer-agency-information {
    background: var(--gray-color);
    color: #fff;
    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: #fff
}

.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,.utah-design-system .footer-agency-information__email,.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: #fff;
    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: #fff
}

.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
}

.utah-design-system .footer-social-media-bar__icon-bar a.icon-link svg {
    fill: #fff;
    height: 30px;
    width: 30px
}

.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 {
    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: .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: #000
}

.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: .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] {
    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 {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: #000
}

.utah-design-system input[type=text]:focus-visible {
    outline: 2px solid var(--form-ele-color);
    outline-offset: 2px;
    transition: none
}

.utah-design-system input[type=text]:disabled {
    background-color: var(--disabled-gray);
    cursor: not-allowed
}

.utah-design-system input[type=text][aria-invalid=true] {
    border: 2px solid var(--danger-color)
}

.utah-design-system input[type=text].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: .7rem
}

.utah-design-system .text-input__clear-button[disabled]:active {
    transform: translateY(-50%)
}

.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: #fff;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-shrink: 0
}

.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: #000
}

.utah-design-system input[type=checkbox]:hover:after {
    box-shadow: var(--hover-gray-color) 0 0 0 7px;
    border-color: #000
}

.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-wrapper--checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 1
}

.utah-design-system .input-wrapper--checkbox label {
    padding: 0 0 0 var(--spacing-2xs)
}

.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);
    -webkit-appearance: none;
    -moz-appearance: none;
    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: #000
}

.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-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: .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;
    min-height: var(--form-ele-medium);
    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(--secondary-color);
    position: absolute;
    left: 0
}

.utah-design-system .info-box__content {
    display: flex;
    align-items: center;
    padding: 0 var(--spacing-s)
}

.utah-design-system input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--radius-circle);
    border: 1px solid var(--gray-color);
    width: var(--form-ele-small1x);
    height: var(--form-ele-small1x);
    position: relative;
    top: var(--spacing-2xs);
    margin-right: var(--spacing-xs)
}

.utah-design-system input[type=radio]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-circle);
    box-shadow: #0003 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out
}

.utah-design-system input[type=radio]:hover:before {
    box-shadow: #0003 0 0 0 7px
}

.utah-design-system input[type=radio]:checked {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color)
}

.utah-design-system input[type=radio]:checked:after {
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    border-radius: var(--radius-circle);
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.utah-design-system .checkbox:hover~span:first-of-type {
    box-shadow: #f0f1f2 0 0 0 7px
}

.utah-design-system .checkbox~span:first-of-type {
    border-radius: 999px
}

.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: translate(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: #fff;
    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--on {
    background: var(--form-ele-color)
}

.utah-design-system .switch__wrapper:hover {
    box-shadow: var(--hover-gray-color) 0 0 0 5px;
    border-color: #000
}

.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__slider {
    height: var(--form-ele-small4x);
    width: 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--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__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: translate(calc(-100% - 2px));
    background: white
}

.utah-design-system .switch__slider svg {
    fill: var(--gray-color);
    width: .65rem;
    height: .65rem
}

.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: #fff;
    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 .switch-old {
    display: block;
    box-sizing: border-box;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    min-height: 20px
}

.utah-design-system .switch-old:focus,.utah-design-system .switch-old:hover {
    outline: none
}

.utah-design-system .switch-old:focus:before,.utah-design-system .switch-old:hover:before {
    box-shadow: 0 0 .5em #2a2a28
}

.utah-design-system .switch-old:before,.utah-design-system .switch-old:after {
    content: "";
    position: absolute;
    height: 16px;
    transition: all .25s ease
}

.utah-design-system .switch-old:before {
    left: 0;
    top: .2em;
    width: 32px;
    border: 1px solid #7a7a77;
    background: #7a7a77;
    border-radius: 16px;
    background-color: #699957;
    border-color: #699957
}

.utah-design-system .switch-old:after {
    top: 4px;
    background-color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    border: 1px solid #7a7a77;
    left: 16px;
    border-color: #699957;
    color: #699957
}

.utah-design-system fieldset {
    border: none;
    padding: 0
}

.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
}

.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: .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: #000;
    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: 700
}

.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: 700
}

.utah-design-system .menu-item__chevron {
    transform: rotate(-90deg)
}

.utah-design-system .menu-item__chevron svg {
    width: 10px;
    height: 10px
}

.utah-design-system .menu-item__chevron--open {
    transform: rotate(0)
}

.utah-design-system .menu-item__sub-menu {
    display: none
}

.utah-design-system .menu-item__sub-menu--open {
    display: block
}

.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 .1s ease,box-shadow .1s 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(.96);
    box-shadow: inset 0 3px 5px #00000080
}

.utah-design-system .pagination a[href].pagination__link--active {
    background: var(--primary-color);
    color: #fff
}

.utah-design-system .pagination a[href].pagination__link--active:hover {
    background: var(--primary-color-dark);
    color: #fff
}

.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: .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 {
    flex: 1 0 auto;
    padding: var(--spacing-2xs) var(--spacing);
    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: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.menu-item--selected {
    font-weight: 700;
    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.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 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
}

.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 .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: 700;
    font-size: var(--font-size-l)
}

.utah-design-system .menu-item--mega-menu .popup__content>ul>li>ul {
    font-size: var(--font-size);
    font-weight: var(--font-weight-semi-bold)
}

.utah-design-system .menu-item--mega-menu .popup__content a[href].vertical-menu__link-title {
    text-decoration: underline;
    color: var(--primary-color)
}

.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 .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
}

.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)
}

.grid-wrapper {
    display: flex;
    justify-content: center
}

.grid-fixed {
    max-width: var(--grid-fixed);
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-l)
}

.grid-fixed--2col {
    grid-template-columns: 1fr 1fr
}

.grid-fixed--3col {
    grid-template-columns: 1fr 1fr 1fr
}

.grid-fixed--4col {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.grid-fixed .grid-column-span-2 {
    grid-column: span 2
}

.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
}

.font-size-2xs {
    font-size: var(--font-size-2xs)
}

.font-size-xs {
    font-size: var(--font-size-xs)
}

.font-size-s {
    font-size: var(--font-size-s)
}

.font-size {
    font-size: var(--font-size)
}

.font-size-m {
    font-size: var(--font-size-m)
}

.font-size-l {
    font-size: var(--font-size-l)
}

.font-size-xl {
    font-size: var(--font-size-xl)
}

.font-size-2xl {
    font-size: var(--font-size-2xl)
}

.font-size-3xl {
    font-size: var(--font-size-3xl)
}

.font-size-4xl {
    font-size: var(--font-size-4xl)
}

.font-size-5xl {
    font-size: var(--font-size-5xl)
}

.font-size-6xl {
    font-size: var(--font-size-6xl)
}

.font-size-7xl {
    font-size: var(--font-size-7xl)
}

.font-extra-light {
    font-weight: var(--font-weight-extra-light)
}

.font-light {
    font-weight: var(--font-weight-light)
}

.font-normal {
    font-weight: var(--font-weight-normal)
}

.font-semi-bold {
    font-weight: var(--font-weight-semi-bold)
}

.font-bold {
    font-weight: var(--font-weight-bold)
}

.font-black {
    font-weight: var(--font-weight-black)
}

@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: 400;
    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: 400;
    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: 400;
    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: .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 {
    --primary-color: #0057a4;
    --primary-color-dark: #2f3d5a;
    --primary-color-light: #eef3fc;
    --gray-on-primary-color: #FFF;
    --secondary-color: #b2441e;
    --secondary-color-dark: #71321c;
    --secondary-color-light: #eef6f5;
    --gray-on-secondary-color: #FFF;
    --accent-color: #ffd26b;
    --accent-color-dark: #ffb100;
    --accent-color-light: #ffe3a5;
    --gray-on-accent-color: #474747;
    --form-ele-color: #2765e4;
    --form-ele-color-light: #7aa0ee;
    --form-ele-disabled-color: #949494;
    --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, .05);
    --hover-gray-color: rgba(0, 0, 0, .07);
    --hover-gray-color-opaque: rgba(233, 233, 233);
    --code-color: #e4e4e4;
    --gray-border: #d7d7d7;
    --danger-color: #ba0000;
    --warning-color: #ba6300;
    --info-color: var(--secondary-color);
    --success-color: #2f8700;
    --timing-xquick: .1s;
    --timing-quick: .2s;
    --timing-medium: .4s;
    --timing-slow: .6s;
    --radius-small1x: 3px;
    --radius-small: 6px;
    --radius-medium: 9px;
    --radius-large: 12px;
    --radius-circle: 999px;
    --form-ele-small4x: .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: .875rem;
    --form-checkbox-medium: 1.125rem;
    --form-checkbox-large: 1.375rem;
    --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);
    --drop-shadow-color: rgba(0, 0, 0, .3);
    --drop-shadow-color-top: rgba(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)
}

.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 .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: #fff
}

.utah-design-system .background-frosted-dark {
    background: rgba(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,.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px)
}

.utah-design-system .backdrop-dark {
    background: rgba(0,0,0,.6);
    -webkit-backdrop-filter: blur(6px) brightness(60%);
    backdrop-filter: blur(6px) brightness(60%)
}

.utah-design-system .tooltip__wrapper {
    position: absolute;
    z-index: 2000;
    background: none transparent;
    left: 0;
    top: 0;
    transition: opacity .1s 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(.7)
}

.utah-design-system .tooltip__content {
    border-radius: var(--radius-small);
    background: var(--gray-color);
    color: #fff;
    box-sizing: border-box;
    padding: var(--spacing-3xs) var(--spacing-s);
    transition: transform .1s 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: translate(-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
}

.utah-design-system .modal-backdrop {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000
}

.utah-design-system .search-modal__form {
    position: fixed;
    top: 25%;
    z-index: 1010
}

.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)
}

.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: 1010
}

.utah-design-system .search-modal__close-button [class*=utds-icon-before-]:before {
    font-size: 1rem;
    color: #fff
}

.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: var(--documentation-left-width);
    min-width: var(--documentation-left-width)
}

.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 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: scroll
}

@media screen and (max-width: 1300px) {
    .utah-design-system .documentation-template__content {
        max-width:calc(100vw - 6 * var(--spacing-xl) - (var(--documentation-left-width)) - (var(--documentation-right-width)))
    }
}

@media screen and (max-width: 1200px) {
    .utah-design-system .documentation-template__side-panel-left,.utah-design-system .documentation-template__side-panel-right {
        min-width:calc(var(--documentation-left-width) - 50px)
    }

    .utah-design-system .documentation-template__content {
        max-width: calc(100vw - 2 * var(--spacing-xl) - (var(--documentation-left-width)) - (var(--documentation-right-width)) - 100px)
    }
}

@media screen and (max-width: 1024px) {
    .utah-design-system .documentation-template__right-group {
        flex-direction:column
    }

    .utah-design-system .documentation-template__side-panel-left {
        padding: var(--documentation-padding-small)
    }

    .utah-design-system .documentation-template__content {
        order: 2;
        max-width: calc(100vw - 2 * var(--spacing) - (var(--documentation-left-width)) - 50px);
        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__content {
        max-width: calc(100vw - 2 * var(--spacing))
    }
}

.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 .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: .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 .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 .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 .2s cubic-bezier(.4,1,.75,.9)
}

.utah-design-system .spinner__children {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

@keyframes spinner-animation {
    0% {
        transform: rotate(0)
    }

    to {
        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: scroll
}

.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: bottom;
    font-weight: 700;
    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)
}

.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: 700
}

.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: #fff
}

.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--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 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,.utah-design-system table.table--td-center tbody tr td {
    text-align: center
}

.utah-design-system table .table-header {
    position: relative
}

.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: 700;
    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: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 .input-wrapper {
    margin: 0
}

.utah-design-system table .table-header__row--filters .input-wrapper label {
    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 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.table--condensed .table-header--sortable button {
    padding: var(--spacing-s) 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: 700
}

.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)
}

.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: #fff;
    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 #000000b3
}

.utah-design-system .color-family button .utds-icon-before-check.is-dark {
    color: #fff
}

.utah-design-system .color-family button .utds-icon-before-check.is-light {
    color: #000
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes drop-in {
    0% {
        opacity: 0;
        transform: translate(-50%,-100px)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes pop-in-center {
    0% {
        opacity: 0;
        transform: scale(.7) translate(-50%)
    }

    to {
        opacity: 1;
        transform: scale(1) translate(-50%)
    }
}

.content-width {
    width: 100%;
    max-width: var(--content-width)
}

.full-width {
    width: 100%
}

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.flex {
    display: flex
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.gap-xs {
    gap: var(--spacing-xs)
}

.gap-s {
    gap: var(--spacing-s)
}

.gap {
    gap: var(--spacing)
}

.gap-l {
    gap: var(--spacing-l)
}

.flex-4up {
    flex: 0 1 25%
}

.flex-4up-gap {
    flex: 0 1 calc(25% - var(--spacing))
}

.flex-3up-gap {
    flex: 0 1 calc(33% - var(--spacing))
}

.flex-2up-gap {
    flex: 0 1 calc(50% - var(--spacing))
}

.hcenter {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.vcenter.right {
    right: 0
}

.vcenter.left {
    left: 0
}

.vcenter.hcenter {
    transform: translate(-50%,-50%)
}

.rotate90 {
    transform: rotate(90deg)
}

.rotate180 {
    transform: rotate(180deg)
}

.rotate270 {
    transform: rotate(270deg)
}

.whitespace-no-wrap {
    white-space: nowrap
}

@media print {
    @page {
        size: 8.5in 11in;
        margin: .5in
    }

    html,body {
        font-family: "Source Sans 3",Source Sans Pro,Helvetica,Arial,sans-serif;
        font-size: 8pt;
        height: auto;
        color: #000
    }

    .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
    }
}

.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;
    position: relative
}

.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: #000
}

.utah-design-system .utds-header-action-item__icon-button.icon-button:hover svg {
    fill: #000
}

.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)
}

.utah-design-system .popup__wrapper {
    position: absolute;
    z-index: 100;
    background: none transparent;
    left: 0;
    top: 0;
    transition: opacity .1s 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(.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 .1s 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: .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;
    z-index: -1;
    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)
}

.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;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.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
}

.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 {
    max-width: none
}

.utah-design-system .utds-title-wrapper__title {
    line-height: .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: #fff;
    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: 400;
    font-size: 14px;
    display: block
}

.utah-design-system .utds-official-website-hover__wrapper {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    text-align: center
}

.utah-design-system a[href].utds-title-wrapper {
    text-decoration: none
}

.utah-design-system.utds-official-website-popup__wrapper {
    background: var(--gray-color);
    color: #fff;
    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: #fff
}

.utah-design-system button.utds-official-website-popup__close-button.icon-button [class*=utds-icon-before-]:before {
    font-size: .9rem
}

.utah-design-system .utds-official-website-popup__heading {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semi-bold);
    padding: 0 var(--spacing-xl) 0 0;
    line-height: 1;
    margin-bottom: var(--spacing-s);
    color: #fff
}

.utah-design-system .utds-official-website-popup__content {
    display: flex;
    gap: var(--spacing-2xl)
}

.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: 354px;
    height: 36px;
    background-image: url(data:image/octet-stream;base64,UklGRuwEAABXRUJQVlA4IOAEAADwHwCdASpiASQAPqVSoE2mJKKmIlM7gMAUiWcA1omAZ5L+quAAeU57Ff7gZUsyjoIfcspskX/Z+aXerL/OS/2fif0vWQD0UdKP1F+wXwFjgsOVljuLW2Op0of2k7mtFgbg3/ZZcJvAd5EOTtRboWBEovpUwny2vEEX+EfUT6okRZuysz+szm1Zv2ll1HayxbDJTJ4XGlN7RwCEqrvjv+1hN+vJthkN/mdgcKTEsCPkxiEk2zCiCBGrs55SMMUxwXTur8OgZc7obQQYXoyybcjhChraWE3edMoQ5mjM+/Q1F3/owGxv5b4VOkJ1lglMJKwnwNNufEWQGLMZsUIbJg0HDFgQID+S5UgA/v0qp3/7/xMv9uix8D7M2q4qllrrYRJW4+Vk2FzQ6OvjNoSlmzIQt5TdcoS6JfyX3gsgBifJQFSG+qhq0otwW3YeUh7lktuXpd0BTKfM3U16RJu5fV9fsatn3GYeSrhSg1SVppTe0SOs2c7KFePeEG3o8gr8FPUXqJfIMeVuAooTfNUEcJC7259ZEDa+3iQEPAfipB+1W5U3t5XSAbctMqRkel1o/taUsXofyFduUes9cMhnAqLFgEvd/MCAc83CzpDZ7Jq2Ni0H4fC/AboElmXodtQtrv+zU+SoxYfPAYjcJbRnVoZVcJHGausRlNrDBvt4t5l13u7q2iN9khHfdI9nctsPl6fRYtM6oYgXUEKfuxj1eu4OcKQcGyUc66y9tbPLhn3AcgfJv6LEjBbDyVzgBWl64YwDg4hkdzdlJboZex80NX16KK1VXBhOcCsbhA8nKiqqrZbP5tv/Q2+JEUFSlI5QOu0X5hzWWTILs8kGa5TY5k3czcXzGMHMr4zfZesbWQ2rCrVKYkxMI0CZLs65Rbwsm+c16z/6TS+yH238KjOmpEk0CNnqgvdyT2hCdbAOwVKwfq3eEJDr0ngw/0t7u+Pf0rFDWupO3vB+wDyM65UuHVEAgPp9bVz+xNUcbwf0uxOMq+dULRNhK0PZj4L1eGbBjCyJl5zymWoDMQOsIriRx0o5PJvRbeC/n6nPLlocVSEplNS5CmDLokXz/L3nkpeS/UqMG+hBJvg5F/525IlBbPoEcenMOuh5VAZ8EyC/WDB7czaqEYGY4SVnutQ8P7NNwCrfHri5fk5PxeychK1epwUQfemEyXyK1Uj0CrXdDYfMf8P2B/Bcys9Xjn5TgXP4t7+pf+FW5XSJx6yYbSwD9wIkP7IK33W4VdADHDxC9D54bU+mdS38QRAtCODMtn1Exb0Wr635Ozcf7jf/wY6GuxQvKeYDL//lHb/feMaDRjuCjZpJ9UUZ7Kt2bzfi23x/79mD8ZhwNJ79DacDCDe36QquHJWCAnjvbvLbxoKSiLfvX/jSCpyPShK/HIJX03NuZSz7TSaTi05lzMU4R92EO5UPdze/vZzl/ipHwOvPzPEgf8GnMehXJ7afMKkkTHbjW5xxQdOEEmfzEogfU47s4c77Tec2ysr7zPpGR4bDE1vk8Sm+sOGwx4Bx9tpsTHwOZPT95801DIX1LuwfMzJg8JxR2psK5JFUrh0RRb1d7O5bqqWx6KlNn8b3ic9WcVBAVDQeUomaP9bfwcqUWPeEQQ/8xOOw46XRz995M3kQFXQ00ZP+KXUOXLMigAAAAAAAAAA=);
    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: 400;
    font-size: 14px;
    display: block;
    fill: #fff
}

.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: #fff;
    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 ul.vertical-menu {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.utah-design-system .vertical-menu li>ul {
    margin-left: var(--spacing-s)
}

.utah-design-system .vertical-menu button.vertical-menu__button-title,.utah-design-system .vertical-menu a[href].vertical-menu__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 {
    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 {
    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 {
    font-weight: 700
}

.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 {
    font-weight: 700;
    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: .6rem;
    line-height: .5;
    transform: rotate(0);
    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 .main-menu__hamburger.icon-button .utds-icon-before-x-icon:before {
    font-size: .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 .2s 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,.6);
    -webkit-backdrop-filter: blur(6px) brightness(60%);
    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: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.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: #fff;
    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: #fff;
    text-decoration: none
}

.utds-footer .utds-footer__links ul li a[href]:not(.button):hover {
    color: #fff;
    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,.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
    }
}



/* 
When upating the contents of this file to the latest version of the utah design system, do not 
replace the styles below this comment as they are our own.

*************************************************
CUSTOM ADDITIONS
*************************************************
*/
.utah-design-system {
    --danger-color-dark: #630000;
    --success-color: #00c300;

}
.utah-design-system button.utah-logo-svg svg {
    fill: var(--gray-3-1-contrast);
}
.utah-design-system .footer-social-media-bar__icon-bar a.icon-link {
    color: white;
    text-decoration: none;
}
.utah-design-system .footer-social-media-bar__icon-bar a.icon-link:hover {
    color: white;
}
.utah-design-system .footer-agency-information__title {
    margin-top: 0;
}
.utah-design-system .button--danger-color {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: #fff;  
}
.utah-design-system .button--danger-color:hover {
    background-color: var(--danger-color-dark);
    color: #fff
}
.utah-design-system .button--danger-color:hover svg {
    fill: #fff
}

/* **************************************************** */
/* A little hack to overwrite the Utah Id Sign in button text. We want it to be invisible until the js code changes it in headerSettings.js */
/* **************************************************** */
.utah-design-system .utds-utah-id__button {
    opacity: 0;
}

/* **************************************************** */
/* Fix the social media bar so the icons wrap */
/* **************************************************** */
.utah-design-system .footer-social-media-bar {
    flex-wrap: wrap;
}
.utah-design-system .footer-social-media-bar__icon-bar {
    flex-wrap: wrap;
}

/* **************************************************** */
/* For the menu item bar under the header while it's loading */
/* **************************************************** */
.menu-items-loading {
    height: 100%;
    width: 100%;
    background: linear-gradient(-90deg, #efefef 0%, #fcfcfc 50%, #efefef 100%);
    background-size: 400% 400%;
    -webkit-animation: menu-items-loading 1.2s ease-in-out infinite;
            animation: menu-items-loading 1.2s ease-in-out infinite;    
}

.menu-items-loading .main-menu__wrapper {
    pointer-events: none;
    opacity: 0;
}


@-webkit-keyframes menu-items-loading {
0% {
    background-position: 0% 0%;
}
100% {
    background-position: -135% 0%;
}
}
@keyframes menu-items-loading {
0% {
    background-position: 0% 0%;
}
100% {
    background-position: -135% 0%;
}
}

/* Custom design for the accordions */
.utah-design-system .accordion__header.accordion__header.button--primary-color {
    border-left: solid 10px var(--secondary-color) !important;
}

.utah-design-system input[type=search], .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: 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=number], .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: 0 var(--spacing-xs);
    box-shadow: var(--hover-gray-color) 0 0 0 0;
    transition: box-shadow var(--timing-xquick) ease-in-out;
}

/* **************************************************** */
/* For the selected link in the site header menu */
/* **************************************************** */
.selected-link {
    border-left: solid 5px gray !important;
}
.sl-primary {
    border-color: var(--primary-color) !important;
}
.sl-secondary {
    border-color: var(--accent-color) !important;
}

.selected-link > span > .vertical-menu__button-title, 
.selected-link > span > .vertical-menu__link-title, 
.selected-link .menu-item__button-title {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Define a CSS animation for color transition */
@keyframes colorTransition {
    0% { color: var(--success-color); }
    100% { color: var(--gray-color); }
}
.color-animation {
    animation: colorTransition 1.5s linear;
}

@media screen and (max-width: 768px) {
    .utah-design-system #state-header-img {
        height: 60px !important;
    }
    .utah-design-system #wr-logo-text span:nth-child(1) {
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 10px !important;
    }
    .utah-design-system #wr-logo-text span:nth-child(2) {
        font-size: 25px !important;
        font-weight: bolder !important;
        line-height: 13px !important;
    } 
}

@media screen and (max-width: 480px) {
    .utds-header .utds-logo-vert-line:last-of-type {
        display: none;
    }
    .utah-design-system .utds-title-wrapper {
        padding: 0;
    }
    .utah-design-system #wr-logo-text span:nth-child(1)::before {
        content: "Utah ";
    }
    .utah-design-system #testEnvInfo {
        display: none !important;
    }
    .testEnvBanner:first-of-type {
        display: flex !important;
    }
}

@media screen and (max-width: 330px) {
    .utds-header .utah-logo-svg {
        display: none;
    }
    .utds-header .utds-logo-vert-line:first-of-type {
        display: none;
    }    
}